@open-mercato/ui 0.6.8-develop.6998.1.d2bc46c56c → 0.6.8-develop.7003.1.24fef49d48

package/.turbo/turbo-build.log

@@ -1,3 +1,3 @@
-Generated lucide registry with 152 icons -> /home/runner/work/open-mercato/open-mercato/packages/ui/src/backend/icons/lucideRegistry.generated.tsx
+Generated lucide registry with 159 icons -> /home/runner/work/open-mercato/open-mercato/packages/ui/src/backend/icons/lucideRegistry.generated.tsx
 [build:ui] found 400 entry points
 [build:ui] built successfully

package/dist/backend/CrudForm.js

@@ -105,6 +105,11 @@ import { RichEditor } from "../primitives/rich-editor.js";
 import MarkdownField from "./inputs/MarkdownField.js";
 const logger = createLogger("ui").child({ component: "CrudForm" });
 const EMPTY_OPTIONS = [];
+function areOptionListsEqual(a, b) {
+  if (a === b) return true;
+  if (a.length !== b.length) return false;
+  return a.every((option, index) => option.value === b[index].value && option.label === b[index].label);
+}
 const SELECT_CLEAR_SENTINEL = "__crudform_select_clear__";
 const FOCUSABLE_SELECTOR = '[data-crud-focus-target], input:not([type="hidden"]):not([disabled]), textarea:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';
 const CRUDFORM_EXTENDED_EVENTS_ENABLED = parseBooleanWithDefault(
@@ -2338,7 +2343,7 @@ function CrudForm({
         if (!displayMessage) {
           displayMessage = hasFieldErrors ? highlightedMessage : saveErrorMessage;
         }
-        displayMessage = parseServerMessage(displayMessage);
+        displayMessage = translateValidationMessage(parseServerMessage(displayMessage));
         if (optimisticLockConflict) {
           try {
             surfaceRecordConflict(err, t);
@@ -2356,6 +2361,13 @@ function CrudForm({
     }
   };
   const dynamicOptionLoadersRef = React.useRef(/* @__PURE__ */ new Map());
+  const dynamicOptionsRef = React.useRef({});
+  const storeDynamicOptions = React.useCallback((fieldId, fetched) => {
+    const current = dynamicOptionsRef.current[fieldId];
+    if (current && areOptionListsEqual(current, fetched)) return;
+    dynamicOptionsRef.current = { ...dynamicOptionsRef.current, [fieldId]: fetched };
+    setDynamicOptions(dynamicOptionsRef.current);
+  }, []);
   React.useEffect(() => {
     let cancelled = false;
     const loadAll = async () => {
@@ -2365,7 +2377,7 @@ function CrudForm({
         try {
           dynamicOptionLoadersRef.current.set(f.id, f.loadOptions);
           const opts = await f.loadOptions();
-          if (!cancelled) setDynamicOptions((prev) => ({ ...prev, [f.id]: opts }));
+          if (!cancelled) storeDynamicOptions(f.id, opts);
         } catch {
         }
       });
@@ -2375,7 +2387,7 @@ function CrudForm({
     return () => {
       cancelled = true;
     };
-  }, [dynamicOptionLoaderKey]);
+  }, [dynamicOptionLoaderKey, storeDynamicOptions]);
   const loadFieldOptions = React.useCallback(async (field, query) => {
     if (!("type" in field) || field.type === "custom") return EMPTY_OPTIONS;
     const builtin = field;
@@ -2384,24 +2396,22 @@ function CrudForm({
       const previousLoader = dynamicOptionLoadersRef.current.get(field.id);
       const loaderChanged = previousLoader !== loader;
       dynamicOptionLoadersRef.current.set(field.id, loader);
-      if (query === void 0 && !loaderChanged && Array.isArray(dynamicOptions[field.id])) {
-        return dynamicOptions[field.id];
+      const cached = dynamicOptionsRef.current[field.id];
+      if (query === void 0 && !loaderChanged && Array.isArray(cached)) {
+        return cached;
       }
       try {
         const fetched = await loader(query);
         if (query === void 0) {
-          setDynamicOptions((prev) => ({
-            ...prev,
-            [field.id]: fetched
-          }));
+          storeDynamicOptions(field.id, fetched);
         }
         return fetched;
       } catch {
         return builtin.options ?? EMPTY_OPTIONS;
       }
     }
-    return dynamicOptions[field.id] || builtin.options || EMPTY_OPTIONS;
-  }, [dynamicOptions]);
+    return dynamicOptionsRef.current[field.id] || builtin.options || EMPTY_OPTIONS;
+  }, [storeDynamicOptions]);
   const fieldOptionsById = React.useMemo(() => {
     const map = new globalThis.Map();
     for (const f of allFields) {
@@ -3447,6 +3457,13 @@ const FieldControl = React.memo(
       loadFieldOptions(field).catch(() => {
       });
     }, [field, hasLoader, loadFieldOptions]);
+    const loadFieldSuggestions = React.useMemo(() => {
+      if (!hasLoader) return void 0;
+      return async (query) => {
+        const opts = await loadFieldOptions(field, query);
+        return opts.map((opt) => ({ value: opt.value, label: opt.label }));
+      };
+    }, [field, hasLoader, loadFieldOptions]);
     const placeholder = builtin?.placeholder;
     const rootClassName = wrapperClassName ? `space-y-1 ${wrapperClassName}` : "space-y-1";
     const validateOnWrapperBlur = supportsWrapperBlurValidation(field);
@@ -3604,10 +3621,7 @@ const FieldControl = React.memo(
               autoFocus: autoFocusField,
               suppressInitialSuggestionsOnFocus: autoFocusField,
               suggestions: options.map((opt) => ({ value: opt.value, label: opt.label })),
-              loadSuggestions: typeof builtin?.loadOptions === "function" ? async (query) => {
-                const opts = await loadFieldOptions(field, query);
-                return opts.map((opt) => ({ value: opt.value, label: opt.label }));
-              } : void 0
+              loadSuggestions: loadFieldSuggestions
             }
           ),
           field.type === "combobox" && /* @__PURE__ */ jsx(
@@ -3620,10 +3634,7 @@ const FieldControl = React.memo(
               suggestions: builtin?.suggestions ? builtin.suggestions : options.map((opt) => ({ value: opt.value, label: opt.label })),
               seedOptions: builtin?.seedOptions ? builtin.seedOptions.map((opt) => ({ value: opt.value, label: opt.label })) : void 0,
               resolveLabel: builtin?.resolveLabel,
-              loadSuggestions: typeof builtin?.loadOptions === "function" ? async (query) => {
-                const opts = await loadFieldOptions(field, query);
-                return opts.map((opt) => ({ value: opt.value, label: opt.label }));
-              } : void 0,
+              loadSuggestions: loadFieldSuggestions,
               allowCustomValues: builtin?.allowCustomValues ?? true,
               clearable: !field.required,
               disabled