form-builder-pro 1.1.2 → 1.1.3

package/dist/index.d.mts

@@ -68,7 +68,11 @@ interface FormField {
     customOptionsEnabled?: boolean;
     multiselect?: boolean;
     multiSelect?: boolean;
-    optionSource?: 'STATIC' | 'MASTER';
+    optionSource?: 'STATIC' | 'MASTER' | 'LOOKUP';
+    lookupSourceType?: 'MODULE' | 'MASTER_TYPE';
+    lookupSource?: string;
+    lookupValueField?: string;
+    lookupLabelField?: string;
     isd?: ISDConfig;
 }
 /**
@@ -226,6 +230,7 @@ interface FormBuilderOptions {
             value: string;
         }[];
     };
+    moduleList?: string[];
     onGroupSelectionChange?: (event: {
         fieldId: string;
         groupEnumName: string;

package/dist/index.d.ts

@@ -68,7 +68,11 @@ interface FormField {
     customOptionsEnabled?: boolean;
     multiselect?: boolean;
     multiSelect?: boolean;
-    optionSource?: 'STATIC' | 'MASTER';
+    optionSource?: 'STATIC' | 'MASTER' | 'LOOKUP';
+    lookupSourceType?: 'MODULE' | 'MASTER_TYPE';
+    lookupSource?: string;
+    lookupValueField?: string;
+    lookupLabelField?: string;
     isd?: ISDConfig;
 }
 /**
@@ -226,6 +230,7 @@ interface FormBuilderOptions {
             value: string;
         }[];
     };
+    moduleList?: string[];
     onGroupSelectionChange?: (event: {
         fieldId: string;
         groupEnumName: string;

package/dist/index.js

@@ -4404,6 +4404,14 @@ function transformField(field) {
       }
     }
   }
+  if (field.lookupSourceType !== void 0)
+    transformed.lookupSourceType = field.lookupSourceType;
+  if (field.lookupSource !== void 0)
+    transformed.lookupSource = field.lookupSource;
+  if (field.lookupValueField !== void 0)
+    transformed.lookupValueField = field.lookupValueField;
+  if (field.lookupLabelField !== void 0)
+    transformed.lookupLabelField = field.lookupLabelField;
   if (field.placeholder !== void 0)
     transformed.placeholder = field.placeholder;
   if (field.description !== void 0)
@@ -4548,6 +4556,14 @@ function fieldToPayload(field) {
     payload.groupName = field.groupName;
   if (field.masterTypeName !== void 0)
     payload.masterTypeName = field.masterTypeName;
+  if (field.lookupSourceType !== void 0)
+    payload.lookupSourceType = field.lookupSourceType;
+  if (field.lookupSource !== void 0)
+    payload.lookupSource = field.lookupSource;
+  if (field.lookupValueField !== void 0)
+    payload.lookupValueField = field.lookupValueField;
+  if (field.lookupLabelField !== void 0)
+    payload.lookupLabelField = field.lookupLabelField;
   if (field.isd !== void 0)
     payload.isd = field.isd;
   if ((field.type === "select" || field.type === "radio" || field.type === "checkbox") && field.options) {
@@ -8552,8 +8568,28 @@ var FormBuilder = class {
         }
       });
       if (extractedSections.length > 0) {
+        const sectionMap = /* @__PURE__ */ new Map();
+        extractedSections.forEach((section) => {
+          const existingSection = sectionMap.get(section.title);
+          if (existingSection) {
+            const fieldIds = new Set(existingSection.fields.map((f) => f.id));
+            section.fields.forEach((field) => {
+              if (!fieldIds.has(field.id)) {
+                existingSection.fields.push(field);
+                fieldIds.add(field.id);
+              }
+            });
+          } else {
+            sectionMap.set(section.title, {
+              ...section,
+              fields: [...section.fields]
+            });
+          }
+        });
+        const deduplicatedSections = Array.from(sectionMap.values());
+        console.log(`[FormBuilder] Loaded ${options.formTemplates.length} form templates, extracted ${extractedSections.length} sections, deduplicated to ${deduplicatedSections.length} unique templates`);
         const existingTemplates = options.reusableSections || [];
-        formStore.getState().setTemplates([...existingTemplates, ...extractedSections]);
+        formStore.getState().setTemplates([...existingTemplates, ...deduplicatedSections]);
       }
     }
     if (options.formJson) {
@@ -8635,8 +8671,28 @@ var FormBuilder = class {
       }
     });
     if (extractedSections.length > 0) {
+      const sectionMap = /* @__PURE__ */ new Map();
+      extractedSections.forEach((section) => {
+        const existingSection = sectionMap.get(section.title);
+        if (existingSection) {
+          const fieldIds = new Set(existingSection.fields.map((f) => f.id));
+          section.fields.forEach((field) => {
+            if (!fieldIds.has(field.id)) {
+              existingSection.fields.push(field);
+              fieldIds.add(field.id);
+            }
+          });
+        } else {
+          sectionMap.set(section.title, {
+            ...section,
+            fields: [...section.fields]
+          });
+        }
+      });
+      const deduplicatedSections = Array.from(sectionMap.values());
+      console.log(`[FormBuilder] loadFormTemplates: extracted ${extractedSections.length} sections, deduplicated to ${deduplicatedSections.length} unique templates`);
       const currentTemplates = formStore.getState().templates;
-      formStore.getState().setTemplates([...currentTemplates, ...extractedSections]);
+      formStore.getState().setTemplates([...currentTemplates, ...deduplicatedSections]);
       this.render();
     }
   }
@@ -9258,6 +9314,10 @@ var FormBuilder = class {
           const updates = { optionSource: source };
           if (source === "MASTER" && !selectedField.masterTypeName && !selectedField.groupName) ; else if (source === "STATIC") {
             updates.customOptionsEnabled = true;
+          } else if (source === "LOOKUP") {
+            if (!selectedField.lookupSourceType) {
+              updates.lookupSourceType = "MODULE";
+            }
           }
           formStore.getState().updateField(selectedField.id, updates);
           this.render();
@@ -9265,8 +9325,131 @@ var FormBuilder = class {
       });
       optionSourceSelect.appendChild(createElement("option", { value: "STATIC", text: "STATIC (Custom Options)", selected: (selectedField.optionSource || "STATIC") === "STATIC" }));
       optionSourceSelect.appendChild(createElement("option", { value: "MASTER", text: "MASTER (From Master Types)", selected: selectedField.optionSource === "MASTER" }));
+      if (selectedField.type === "select") {
+        optionSourceSelect.appendChild(createElement("option", { value: "LOOKUP", text: "Lookup (Entity Fields)", selected: selectedField.optionSource === "LOOKUP" }));
+      }
       optionSourceGroup.appendChild(optionSourceSelect);
       body.appendChild(optionSourceGroup);
+      if (selectedField.type === "select" && selectedField.optionSource === "LOOKUP") {
+        const lookupSourceTypeGroup = createElement("div", { className: "mb-4" });
+        lookupSourceTypeGroup.appendChild(createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", text: "Lookup Source Type" }));
+        const lookupSourceTypeSelect = createElement("select", {
+          className: "w-full px-3 py-2 border border-gray-300 dark:border-gray-700 rounded-md bg-transparent",
+          value: selectedField.lookupSourceType || "MODULE",
+          onchange: (e) => {
+            const lookupSourceType = e.target.value;
+            const updates = { lookupSourceType };
+            if (lookupSourceType !== selectedField.lookupSourceType) {
+              updates.lookupSource = void 0;
+            }
+            formStore.getState().updateField(selectedField.id, updates);
+            this.render();
+          }
+        });
+        lookupSourceTypeSelect.appendChild(createElement("option", { value: "MODULE", text: "Module", selected: (selectedField.lookupSourceType || "MODULE") === "MODULE" }));
+        lookupSourceTypeSelect.appendChild(createElement("option", { value: "MASTER_TYPE", text: "Master Type", selected: selectedField.lookupSourceType === "MASTER_TYPE" }));
+        lookupSourceTypeGroup.appendChild(lookupSourceTypeSelect);
+        body.appendChild(lookupSourceTypeGroup);
+        if (selectedField.lookupSourceType === "MODULE") {
+          const moduleList = this.options.moduleList || [];
+          const lookupSourceGroup = createElement("div", { className: "mb-4" });
+          lookupSourceGroup.appendChild(createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", text: "Lookup Source" }));
+          const lookupSourceSelect = createElement("select", {
+            className: "w-full px-3 py-2 border border-gray-300 dark:border-gray-700 rounded-md bg-transparent",
+            value: selectedField.lookupSource || "",
+            onchange: (e) => {
+              const lookupSource = e.target.value;
+              formStore.getState().updateField(selectedField.id, { lookupSource: lookupSource || void 0 });
+            }
+          });
+          lookupSourceSelect.appendChild(createElement("option", { value: "", text: "Select Module", selected: !selectedField.lookupSource }));
+          moduleList.forEach((module) => {
+            lookupSourceSelect.appendChild(createElement("option", {
+              value: module,
+              text: module,
+              selected: selectedField.lookupSource === module
+            }));
+          });
+          lookupSourceGroup.appendChild(lookupSourceSelect);
+          body.appendChild(lookupSourceGroup);
+        } else if (selectedField.lookupSourceType === "MASTER_TYPE") {
+          const masterTypes = formStore.getState().masterTypes;
+          const activeMasterTypes = masterTypes.filter((mt) => mt.active === true);
+          const lookupSourceGroup = createElement("div", { className: "mb-4" });
+          lookupSourceGroup.appendChild(createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", text: "Lookup Source" }));
+          const lookupSourceSelect = createElement("select", {
+            className: "w-full px-3 py-2 border border-gray-300 dark:border-gray-700 rounded-md bg-transparent",
+            value: selectedField.lookupSource || "",
+            onchange: (e) => {
+              const lookupSource = e.target.value;
+              formStore.getState().updateField(selectedField.id, { lookupSource: lookupSource || void 0 });
+            }
+          });
+          lookupSourceSelect.appendChild(createElement("option", { value: "", text: "Select Master Type", selected: !selectedField.lookupSource }));
+          activeMasterTypes.forEach((mt) => {
+            const optionValue = mt.enumName || mt.id || mt.name;
+            lookupSourceSelect.appendChild(createElement("option", {
+              value: optionValue,
+              text: mt.displayName || mt.name,
+              selected: selectedField.lookupSource === optionValue
+            }));
+          });
+          lookupSourceGroup.appendChild(lookupSourceSelect);
+          body.appendChild(lookupSourceGroup);
+        }
+        const lookupValueFieldGroup = createElement("div", { className: "mb-4" });
+        lookupValueFieldGroup.appendChild(createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", text: "Lookup Value Field" }));
+        lookupValueFieldGroup.appendChild(createElement("input", {
+          type: "text",
+          className: "w-full px-3 py-2 border border-gray-300 dark:border-gray-700 rounded-md bg-transparent",
+          value: selectedField.lookupValueField || "",
+          placeholder: "Enter value field name",
+          oninput: (e) => {
+            const lookupValueField = e.target.value;
+            formStore.getState().updateField(selectedField.id, { lookupValueField: lookupValueField || void 0 });
+          }
+        }));
+        body.appendChild(lookupValueFieldGroup);
+        const lookupLabelFieldGroup = createElement("div", { className: "mb-4" });
+        lookupLabelFieldGroup.appendChild(createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", text: "Lookup Label Field" }));
+        lookupLabelFieldGroup.appendChild(createElement("input", {
+          type: "text",
+          className: "w-full px-3 py-2 border border-gray-300 dark:border-gray-700 rounded-md bg-transparent",
+          value: selectedField.lookupLabelField || "",
+          placeholder: "Enter label field name",
+          oninput: (e) => {
+            const lookupLabelField = e.target.value;
+            formStore.getState().updateField(selectedField.id, { lookupLabelField: lookupLabelField || void 0 });
+          }
+        }));
+        body.appendChild(lookupLabelFieldGroup);
+        const visibilityGroup = createElement("div", { className: "flex items-center justify-between mb-4" });
+        visibilityGroup.appendChild(createElement("label", { className: "text-sm text-gray-700 dark:text-gray-300", text: "Visibility" }));
+        visibilityGroup.appendChild(createElement("input", {
+          type: "checkbox",
+          className: "h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500",
+          checked: selectedField.visible !== false,
+          // Default to true if not set
+          onchange: (e) => {
+            const visible = e.target.checked;
+            formStore.getState().updateField(selectedField.id, { visible });
+          }
+        }));
+        body.appendChild(visibilityGroup);
+        const enabledGroup2 = createElement("div", { className: "flex items-center justify-between mb-4" });
+        enabledGroup2.appendChild(createElement("label", { className: "text-sm text-gray-700 dark:text-gray-300", text: "Enabled" }));
+        enabledGroup2.appendChild(createElement("input", {
+          type: "checkbox",
+          className: "h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500",
+          checked: selectedField.enabled !== false,
+          // Default to true if not set
+          onchange: (e) => {
+            const enabled = e.target.checked;
+            formStore.getState().updateField(selectedField.id, { enabled });
+          }
+        }));
+        body.appendChild(enabledGroup2);
+      }
     }
     if (selectedField.type === "select") {
       const multiSelectGroup = createElement("div", { className: "flex items-center justify-between mb-4" });