form-builder-pro 1.1.4 → 1.1.5

package/dist/index.css

@@ -1342,6 +1342,9 @@ body {
 .uppercase {
   text-transform: uppercase;
 }
+.lowercase {
+  text-transform: lowercase;
+}
 .leading-none {
   line-height: 1;
 }

package/dist/index.d.mts

@@ -305,6 +305,7 @@ declare function convertValidationObjectToArray(validationObj: ValidationObject
  * - Removes empty options arrays from non-select/radio fields
  * - Preserves masterTypeName for select fields with groupName
  * - Transforms new payload format (layout.span, validation object) to internal format
+ * - Handles forms with direct fields array (converts to sections)
  * @param schema
  * @returns Cleaned schema
  */

package/dist/index.d.ts

@@ -305,6 +305,7 @@ declare function convertValidationObjectToArray(validationObj: ValidationObject
  * - Removes empty options arrays from non-select/radio fields
  * - Preserves masterTypeName for select fields with groupName
  * - Transforms new payload format (layout.span, validation object) to internal format
+ * - Handles forms with direct fields array (converts to sections)
  * @param schema
  * @returns Cleaned schema
  */

package/dist/index.js

@@ -4318,10 +4318,21 @@ function convertSpanToWidth(span, totalColumns = 12) {
   const percentage = span / totalColumns * 100;
   return Math.max(10, Math.min(100, Math.round(percentage)));
 }
+function normalizeFieldType(type) {
+  if (!type)
+    return "text";
+  const normalized = String(type).toLowerCase();
+  if (normalized === "decimal")
+    return "number";
+  return normalized;
+}
 function transformField(field) {
+  const fieldId = field.id || field.fieldId;
+  const fieldType = field.type || field.fieldType;
+  const normalizedType = normalizeFieldType(fieldType);
   const transformed = {
-    id: field.id,
-    type: field.type === "decimal" ? "number" : field.type,
+    id: fieldId,
+    type: normalizedType,
     label: field.label
   };
   if (field.layout?.span !== void 0) {
@@ -4331,6 +4342,19 @@ function transformField(field) {
       span: field.layout.span
     };
     transformed.width = convertSpanToWidth(field.layout.span, field.layout.columns || 12);
+  } else if (field.position) {
+    const positionWidth = field.position.width;
+    const span = positionWidth !== void 0 ? Math.max(1, Math.min(12, positionWidth)) : 12;
+    transformed.layout = {
+      row: field.position.row ?? 0,
+      column: field.position.column ?? 0,
+      span
+    };
+    transformed.width = convertSpanToWidth(span, 12);
+    transformed.position = field.position;
+    if (field.position.order !== void 0) {
+      transformed.order = field.position.order;
+    }
   } else if (field.width !== void 0) {
     const widthNum = parseWidth(field.width);
     const span = Math.max(1, Math.min(12, Math.round(widthNum / 100 * 12)));
@@ -4348,7 +4372,9 @@ function transformField(field) {
     };
     transformed.width = 100;
   }
-  transformed.order = field.order !== void 0 ? field.order : 0;
+  if (transformed.order === void 0) {
+    transformed.order = field.order !== void 0 ? field.order : 0;
+  }
   if (field.validation) {
     if (Array.isArray(field.validation)) {
       const validationObj = {};
@@ -4382,7 +4408,7 @@ function transformField(field) {
     transformed.required = field.required;
     transformed.validation = { required: field.required };
   }
-  if (field.type === "select") {
+  if (normalizedType === "select") {
     if (field.multiSelect !== void 0) {
       transformed.multiSelect = field.multiSelect;
       transformed.multiselect = void 0;
@@ -4393,9 +4419,26 @@ function transformField(field) {
       transformed.multiSelect = false;
     }
   }
-  if (["select", "radio", "checkbox"].includes(field.type)) {
+  let lookupSourceType;
+  let lookupSource;
+  let lookupValueField;
+  let lookupLabelField;
+  if (field.lookup) {
+    lookupSourceType = field.lookup.sourceType;
+    lookupSource = field.lookup.sourceKey || field.lookup.source;
+    lookupValueField = field.lookup.valueField;
+    lookupLabelField = field.lookup.labelField;
+  } else {
+    lookupSourceType = field.lookupSourceType;
+    lookupSource = field.lookupSource;
+    lookupValueField = field.lookupValueField;
+    lookupLabelField = field.lookupLabelField;
+  }
+  if (["select", "radio", "checkbox"].includes(normalizedType)) {
     if (field.optionSource) {
       transformed.optionSource = field.optionSource;
+    } else if (lookupSourceType || lookupSource) {
+      transformed.optionSource = "LOOKUP";
     } else {
       if (field.masterTypeName || field.groupName) {
         transformed.optionSource = "MASTER";
@@ -4404,14 +4447,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 (lookupSourceType !== void 0)
+    transformed.lookupSourceType = lookupSourceType;
+  if (lookupSource !== void 0)
+    transformed.lookupSource = lookupSource;
+  if (lookupValueField !== void 0)
+    transformed.lookupValueField = lookupValueField;
+  if (lookupLabelField !== void 0)
+    transformed.lookupLabelField = lookupLabelField;
   if (field.placeholder !== void 0)
     transformed.placeholder = field.placeholder;
   if (field.description !== void 0)
@@ -4436,30 +4479,50 @@ function transformField(field) {
     transformed.groupName = field.groupName;
   if (field.masterTypeName !== void 0)
     transformed.masterTypeName = field.masterTypeName;
-  if ((field.type === "select" || field.type === "radio" || field.type === "checkbox") && field.options) {
+  if ((normalizedType === "select" || normalizedType === "radio" || normalizedType === "checkbox") && field.options) {
     transformed.options = field.options;
   }
   return transformed;
 }
 var cleanFormSchema = (schema) => {
   const cleanField = transformField;
+  let sections = [];
+  if (schema.fields && Array.isArray(schema.fields) && schema.fields.length > 0) {
+    sections = [{
+      id: schema.id ? `section-${schema.id}` : "section-1",
+      title: schema.formName || schema.title || "Form Fields",
+      fields: schema.fields,
+      order: 0,
+      isExpanded: true
+    }];
+  } else if (schema.sections && Array.isArray(schema.sections)) {
+    sections = schema.sections;
+  } else if (schema.groups && Array.isArray(schema.groups)) {
+    sections = schema.groups.map((group, index2) => ({
+      id: group.id || `section-${index2}`,
+      title: group.title || group.name || `Section ${index2 + 1}`,
+      fields: group.fields || [],
+      order: group.order !== void 0 ? group.order : index2,
+      isExpanded: group.isExpanded !== void 0 ? group.isExpanded : true
+    }));
+  }
   return {
     id: schema.id,
-    title: schema.title,
-    formName: schema.formName,
+    title: schema.title || schema.formName || "Form",
+    formName: schema.formName || schema.formId || schema.id,
     layout: schema.layout || { type: "grid", columns: 12, gap: "16px" },
     // Preserve form-level layout or set default
-    sections: schema.sections.map((section, sectionIndex) => ({
-      id: section.id,
-      title: section.title,
-      fields: section.fields.map((field, fieldIndex) => {
+    sections: sections.map((section, sectionIndex) => ({
+      id: section.id || `section-${sectionIndex}`,
+      title: section.title || `Section ${sectionIndex + 1}`,
+      fields: (section.fields || []).map((field, fieldIndex) => {
         const cleaned = cleanField(field);
         if (cleaned.order === void 0) {
           cleaned.order = fieldIndex;
         }
         return cleaned;
       }),
-      isExpanded: section.isExpanded,
+      isExpanded: section.isExpanded !== void 0 ? section.isExpanded : true,
       columns: section.columns,
       // Legacy - prefer layout.columns
       order: section.order !== void 0 ? section.order : sectionIndex,