unifyedx-storybook-new 0.1.67 → 0.1.68

package/dist/unifyedx-storybook-new.es.js

@@ -75754,6 +75754,31 @@ function DataTableRenderer({ item, data: initialData, updateHandler, validationE
     const error = getFieldError(field, rowIndex);
     return error ? /* @__PURE__ */ jsx("div", { className: "text-red-500 text-xs mt-1", children: error }) : null;
   }, [getFieldError]);
+  const fieldOptionsCache = React__default.useMemo(() => {
+    const cache = /* @__PURE__ */ new Map();
+    section.fields.forEach((field) => {
+      if (field.optionsFrom && initialData) {
+        const { config, valueField, labelField } = field.optionsFrom;
+        const configData = initialData[config] || [];
+        if (Array.isArray(configData)) {
+          const options = configData.map((item2) => ({
+            id: item2[valueField] || "",
+            value: item2[valueField] || "",
+            label: item2[labelField] || ""
+          }));
+          cache.set(field.key, options);
+        } else {
+          cache.set(field.key, field.options || []);
+        }
+      } else {
+        cache.set(field.key, field.options || []);
+      }
+    });
+    return cache;
+  }, [initialData, section.fields]);
+  const getDynamicOptions = React__default.useCallback((field) => {
+    return fieldOptionsCache.get(field.key) || [];
+  }, [fieldOptionsCache]);
   const getFieldRenderer = React__default.useCallback((field) => {
     switch (field.fieldtype) {
       case "text":
@@ -75848,21 +75873,7 @@ function DataTableRenderer({ item, data: initialData, updateHandler, validationE
       case "select":
       case "dropdown":
         return (props, rowIndex) => {
-          let options = [];
-          if (field.optionsFrom && initialData) {
-            const { config, valueField, labelField } = field.optionsFrom;
-            const configData = initialData[config] || [];
-            if (Array.isArray(configData)) {
-              options = configData.map((item2) => ({
-                id: item2[valueField] || "",
-                // Add id for backward compatibility
-                value: item2[valueField] || "",
-                label: item2[labelField] || ""
-              }));
-            }
-          } else {
-            options = field.options || [];
-          }
+          const options = getDynamicOptions(field);
           return /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx(
               Select,
@@ -76063,7 +76074,7 @@ function DataTableRenderer({ item, data: initialData, updateHandler, validationE
           renderError(field, rowIndex)
         ] });
     }
-  }, [updateFieldValue, validationErrors, section.key, initialData]);
+  }, [updateFieldValue, validationErrors, section.key, initialData, getDynamicOptions, getFieldError, renderError]);
   const addBlankRow = useCallback(() => {
     isStructuralChangeRef.current = true;
     setData((prevData) => {