form-builder-pro 1.0.4 → 1.0.5

package/dist/index.js

@@ -4168,12 +4168,88 @@ var formStore = createStore((set, get) => ({
   existingForms: [],
   templates: [],
   masterTypes: [],
-  setSchema: (schema) => set({ schema }),
+  setSchema: (schema) => {
+    const convertIndexesToOptions = (indexes) => {
+      if (!indexes || !Array.isArray(indexes) || indexes.length === 0) {
+        return [];
+      }
+      return indexes.map((item, index2) => {
+        if (typeof item === "string") {
+          return { label: item, value: item };
+        }
+        if (typeof item === "object" && item !== null) {
+          const label = item.label || item.name || item.displayName || item.text || `Option ${index2 + 1}`;
+          const value = item.value || item.id || item.name || String(index2);
+          return { label, value };
+        }
+        return { label: String(item), value: String(item) };
+      });
+    };
+    const state = get();
+    if (state.masterTypes && state.masterTypes.length > 0 && schema.sections) {
+      const updatedSections = schema.sections.map((section) => ({
+        ...section,
+        fields: section.fields.map((field) => {
+          if (field.type === "select" && field.groupName && (!field.options || field.options.length === 0)) {
+            const masterType = state.masterTypes.find(
+              (mt) => mt.active === true && (mt.id === field.groupName?.id || mt.name === field.groupName?.name)
+            );
+            if (masterType && masterType.indexes && masterType.indexes.length > 0) {
+              const options = convertIndexesToOptions(masterType.indexes);
+              return { ...field, options };
+            }
+          }
+          return field;
+        })
+      }));
+      set({ schema: { ...schema, sections: updatedSections } });
+    } else {
+      set({ schema });
+    }
+  },
   togglePreview: () => set((state) => ({ isPreviewMode: !state.isPreviewMode })),
   // New Actions
   setExistingForms: (forms) => set({ existingForms: forms }),
   setTemplates: (templates) => set({ templates }),
-  setMasterTypes: (masterTypes) => set({ masterTypes }),
+  setMasterTypes: (masterTypes) => {
+    set({ masterTypes });
+    const state = get();
+    if (state.schema && state.schema.sections) {
+      const updatedSections = state.schema.sections.map((section) => ({
+        ...section,
+        fields: section.fields.map((field) => {
+          if (field.type === "select" && field.groupName && (!field.options || field.options.length === 0)) {
+            const masterType = masterTypes.find(
+              (mt) => mt.active === true && (mt.id === field.groupName?.id || mt.name === field.groupName?.name)
+            );
+            if (masterType && masterType.indexes && masterType.indexes.length > 0) {
+              const options = masterType.indexes.map((item, index2) => {
+                if (typeof item === "string") {
+                  return { label: item, value: item };
+                }
+                if (typeof item === "object" && item !== null) {
+                  const label = item.label || item.name || item.displayName || item.text || `Option ${index2 + 1}`;
+                  const value = item.value || item.id || item.name || String(index2);
+                  return { label, value };
+                }
+                return { label: String(item), value: String(item) };
+              });
+              return { ...field, options };
+            }
+          }
+          return field;
+        })
+      }));
+      const hasChanges = updatedSections.some(
+        (section, idx) => section.fields.some(
+          (field, fieldIdx) => field !== state.schema.sections[idx]?.fields[fieldIdx]
+        )
+      );
+      if (hasChanges) {
+        set({ schema: { ...state.schema, sections: updatedSections } });
+      }
+    }
+  },
   loadForm: (formId) => {
     const { existingForms, history, historyIndex } = get();
     const found = existingForms.find((f) => f.id === formId);
@@ -7615,6 +7691,22 @@ var FormBuilder = class {
     if (selectedField.type === "select") {
       const masterTypes = formStore.getState().masterTypes;
       const activeMasterTypes = masterTypes.filter((mt) => mt.active === true);
+      const convertIndexesToOptions = (indexes) => {
+        if (!indexes || !Array.isArray(indexes) || indexes.length === 0) {
+          return [];
+        }
+        return indexes.map((item, index2) => {
+          if (typeof item === "string") {
+            return { label: item, value: item };
+          }
+          if (typeof item === "object" && item !== null) {
+            const label = item.label || item.name || item.displayName || item.text || `Option ${index2 + 1}`;
+            const value = item.value || item.id || item.name || String(index2);
+            return { label, value };
+          }
+          return { label: String(item), value: String(item) };
+        });
+      };
       if (activeMasterTypes.length > 0) {
         const groupNameGroup = createElement("div", { className: "mb-4" });
         groupNameGroup.appendChild(createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", text: "Group Name" }));
@@ -7625,15 +7717,21 @@ var FormBuilder = class {
             if (selectedValue) {
               const selectedMasterType = activeMasterTypes.find((mt) => mt.id === selectedValue || mt.name === selectedValue);
               if (selectedMasterType) {
+                const options = convertIndexesToOptions(selectedMasterType.indexes || []);
                 formStore.getState().updateField(selectedField.id, {
                   groupName: {
                     id: selectedMasterType.id,
                     name: selectedMasterType.name
-                  }
+                  },
+                  options: options.length > 0 ? options : void 0
                 });
               }
             } else {
-              formStore.getState().updateField(selectedField.id, { groupName: void 0 });
+              formStore.getState().updateField(selectedField.id, {
+                groupName: void 0,
+                options: void 0
+                // Clear options when groupName is cleared
+              });
             }
           }
         });
@@ -7652,6 +7750,17 @@ var FormBuilder = class {
         });
         groupNameGroup.appendChild(groupNameSelect);
         body.appendChild(groupNameGroup);
+        if (selectedField.groupName && (!selectedField.options || selectedField.options.length === 0)) {
+          const currentMasterType = activeMasterTypes.find(
+            (mt) => mt.id === selectedField.groupName?.id || mt.name === selectedField.groupName?.name
+          );
+          if (currentMasterType && currentMasterType.indexes && currentMasterType.indexes.length > 0) {
+            const options = convertIndexesToOptions(currentMasterType.indexes);
+            if (options.length > 0) {
+              formStore.getState().updateField(selectedField.id, { options });
+            }
+          }
+        }
       }
     }
     const validationHeader = createElement("h3", { className: "text-xs font-semibold text-gray-500 uppercase tracking-wider mb-3 mt-6", text: "Validation Rules" });