fix: Fixes to datalist id

pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "poetry.core.masonry.api"
 
 [tool.poetry]
 name = "writer"
-version = "0.7.1"
+version = "0.7.2"
 description = "An open-source, Python framework for building feature-rich apps that are fully integrated with the Writer platform."
 authors = ["Writer, Inc."]
 readme = "README.md"

src/ui/src/builder/BuilderFieldsText.vue

@@ -8,6 +8,7 @@
 		>
 			<BuilderTemplateInput
 				class="content"
+				:input-id="inputId"
 				:value="component.content[fieldKey]"
 				:placeholder="templateField?.default"
 				:options="options"
@@ -19,6 +20,7 @@
 				multiline
 				variant="text"
 				class="content"
+				:input-id="inputId"
 				:value="component.content[fieldKey]"
 				:placeholder="templateField?.default"
 				@input="handleInput"
@@ -50,14 +52,16 @@ const templateField = computed(() => {
 	return definition.fields[fieldKey.value];
 });
 
+const inputId = computed(() => `${props.componentId}-${props.fieldKey}`);
+
 const options = computed(() => {
 	const field = templateField.value;
 	if (field.options) {
 		return typeof field.options === "function"
 			? field.options(wf, componentId.value)
 			: field.options;
 	}
-	return [];
+	return {};
 });
 
 const handleInput = (ev: Event) => {

src/ui/src/core_components/content/CoreAnnotatedText.vue

@@ -26,7 +26,12 @@
 </template>
 
 <script lang="ts">
-import { cssClasses, primaryTextColor } from "../../renderer/sharedStyleFields";
+import {
+	buttonColor,
+	buttonTextColor,
+	cssClasses,
+	primaryTextColor,
+} from "../../renderer/sharedStyleFields";
 import BaseControlBar from "../base/BaseControlBar.vue";
 export default {
 	writer: {
@@ -76,6 +81,8 @@ export default {
 				default: "no",
 				category: FieldCategory.Style,
 			},
+			buttonColor,
+			buttonTextColor,
 			primaryTextColor,
 			cssClasses,
 		},