@open-mercato/ui 0.6.5-develop.4732.1.732f6c67a5 → 0.6.5-develop.4769.1.cff51e0b40

package/dist/backend/CrudForm.js

@@ -3334,6 +3334,12 @@ const FieldControl = React.memo(
     const placeholder = builtin?.placeholder;
     const rootClassName = wrapperClassName ? `space-y-1 ${wrapperClassName}` : "space-y-1";
     const validateOnWrapperBlur = supportsWrapperBlurValidation(field);
+    const singleSelectValue = Array.isArray(value) ? String(value[0] ?? "") : value == null ? "" : String(value);
+    const singleSelectOptionsKey = React.useMemo(
+      () => options.map((opt) => `${opt.value}:${opt.label}`).join("\0"),
+      [options]
+    );
+    const singleSelectLabel = singleSelectValue ? options.find((option) => option.value === singleSelectValue)?.label : void 0;
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -3519,7 +3525,7 @@ const FieldControl = React.memo(
           field.type === "select" && !builtin?.multiple && /* @__PURE__ */ jsxs(
             Select,
             {
-              value: Array.isArray(value) ? String(value[0] ?? "") : value == null ? "" : String(value),
+              value: singleSelectValue,
               onValueChange: (next) => {
                 if (!next || next === SELECT_CLEAR_SENTINEL) {
                   const isCustomField = field.id.startsWith("cf_") || field.id.startsWith("cf:");
@@ -3530,13 +3536,14 @@ const FieldControl = React.memo(
               },
               disabled,
               children: [
-                /* @__PURE__ */ jsx(SelectTrigger, { "data-crud-focus-target": "", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("ui.forms.select.emptyOption", "\u2014") }) }),
+                /* @__PURE__ */ jsx(SelectTrigger, { "data-crud-focus-target": "", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("ui.forms.select.emptyOption", "\u2014"), children: singleSelectLabel }) }),
                 /* @__PURE__ */ jsxs(SelectContent, { children: [
                   !field.required && value != null && value !== "" && /* @__PURE__ */ jsx(SelectItem, { value: SELECT_CLEAR_SENTINEL, children: t("ui.forms.select.clearOption", "\u2014 Clear \u2014") }),
                   options.filter((opt) => opt.value !== "").map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))
                 ] })
               ]
-            }
+            },
+            `${field.id}:${singleSelectValue}:${singleSelectOptionsKey}`
           ),
           field.type === "select" && builtin?.multiple && builtin.listbox === true && /* @__PURE__ */ jsx(
             ListboxMultiSelect,