form-builder-pro 1.4.1 → 1.4.3

package/dist/index.css

@@ -530,6 +530,36 @@ video {
 
     --radius: 0.5rem;
   }
+
+  .dark {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+
+    --primary: 210 40% 98%;
+    --primary-foreground: 222.2 47.4% 11.2%;
+
+    --secondary: 019FA2;
+    --secondary-foreground: 210 40% 98%;
+
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
+
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 40% 98%;
+
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+    --ring: 212.7 26.8% 83.9%;
+  }
   * {
   border-color: hsl(var(--border));
 }
@@ -740,9 +770,15 @@ body {
   }
 /* ===== WIDTH SLIDER STYLES ===== */
 /* Custom range slider styling */
+.dark .width-slider {
+    background: linear-gradient(to right, #019FA2 0%, #019FA2 var(--slider-progress, 50%), #374151 var(--slider-progress, 50%), #374151 100%);
+  }
 /* Slider thumb (WebKit - Chrome, Safari, Edge) */
 /* Slider thumb (Firefox) */
 /* Slider track (Firefox) */
+.dark .width-slider::-moz-range-track {
+    background: #374151;
+  }
 /* Width value badge animation */
 /* Preset buttons */
 /* Breakpoint markers */
@@ -843,6 +879,9 @@ body {
 .visible {
   visibility: visible;
 }
+.collapse {
+  visibility: collapse;
+}
 .static {
   position: static;
 }
@@ -994,6 +1033,9 @@ body {
 .max-h-32 {
   max-height: 8rem;
 }
+.max-h-40 {
+  max-height: 10rem;
+}
 .max-h-48 {
   max-height: 12rem;
 }
@@ -1057,6 +1099,9 @@ body {
 .flex-shrink-0 {
   flex-shrink: 0;
 }
+.transform {
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .cursor-move {
   cursor: move;
 }
@@ -1071,9 +1116,6 @@ body {
      -moz-user-select: none;
           user-select: none;
 }
-.resize-none {
-  resize: none;
-}
 .resize-y {
   resize: vertical;
 }
@@ -1158,6 +1200,15 @@ body {
   margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
 }
+.divide-y > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-y-reverse: 0;
+  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
+}
+.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1));
+}
 .overflow-hidden {
   overflow: hidden;
 }
@@ -1558,6 +1609,9 @@ body {
   --tw-text-opacity: 1;
   color: rgb(202 138 4 / var(--tw-text-opacity, 1));
 }
+.accent-blue-600 {
+  accent-color: #2563eb;
+}
 .opacity-100 {
   opacity: 1;
 }
@@ -1584,6 +1638,9 @@ body {
   --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.outline {
+  outline-style: solid;
+}
 .ring-2 {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -2008,6 +2065,11 @@ input[type="radio"]:checked::after {
   opacity: 0.7;
 }
 
+.dark\:divide-gray-700:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgb(55 65 81 / var(--tw-divide-opacity, 1));
+}
+
 .dark\:border-\[\#019FA2\]:is(.dark *) {
   --tw-border-opacity: 1;
   border-color: rgb(1 159 162 / var(--tw-border-opacity, 1));

package/dist/index.d.mts

@@ -66,6 +66,23 @@ interface AsyncOptionSource {
 }
 /** Lookup (Entity Fields) — source category for optionSource LOOKUP */
 type LookupSourceType = 'MODULE' | 'MASTER_TYPE' | 'SETTINGS';
+/**
+ * Configuration for the auto-populate fields feature on LOOKUP dropdowns.
+ * When `enabled` is true and a user selects a lookup record, the fields listed
+ * in `fields` are automatically populated from the corresponding lookup record data.
+ *
+ * `fields` contains the field keys (e.g. column/property names) that are present
+ * in both the Lookup Value Field and the Lookup Label Field response objects.
+ */
+interface AutoPopulateFieldsConfig {
+    /** Whether auto-population is active for this dropdown */
+    enabled: boolean;
+    /**
+     * List of field keys from the lookup response that should be auto-populated
+     * into other form fields when the user selects a value.
+     */
+    fields: string[];
+}
 interface FormField {
     id: string;
     type: FieldType;
@@ -136,6 +153,7 @@ interface FormField {
     nameGeneratorSuffix?: string;
     nameGeneratorIdPadding?: number;
     formulaConfig?: FormulaConfig;
+    autoPopulateFields?: AutoPopulateFieldsConfig;
 }
 /**
  * Conditional date constraint — evaluated at runtime against the current date or another field's value.
@@ -596,4 +614,4 @@ declare const initFormBuilder: (options: FormBuilderOptions & {
     containerId: string;
 }) => FormBuilder;
 
-export { type AsyncOptionSource, type DateConstraint, type FieldType, type FieldValidations, type FieldWidth, FormBuilder, type FormBuilderOptions, type FormField, FormRenderer, type FormSchema, FormSchemaValidation, type FormSection, type FormulaCondition, type FormulaConfig, type GroupPosition, type ISDConfig, LOOKUP_SOURCE_TYPE_OPTIONS, type LookupSourceType, type MasterType, type NameGeneratorFormat, type ValidationObject, type ValidationRule, builderToPlatform, cleanFormSchema, convertValidationObjectToArray, detectCircularDependency, detectFormulaFieldCircularDependency, evaluateFormula, evaluateFormulaConfig, evaluateFormulaExpression, extractBracketFields, formStore, generateName, getColSpanFromWidth, getFieldsForFormula, getNumericFieldsForFormula, getValidationConfigForAngular, initFormBuilder, parseFormulaDependencies, parseWidth, platformToBuilder, resetNameGeneratorCounter, validateFormula, validateFormulaExpression };
+export { type AsyncOptionSource, type AutoPopulateFieldsConfig, type DateConstraint, type FieldType, type FieldValidations, type FieldWidth, FormBuilder, type FormBuilderOptions, type FormField, FormRenderer, type FormSchema, FormSchemaValidation, type FormSection, type FormulaCondition, type FormulaConfig, type GroupPosition, type ISDConfig, LOOKUP_SOURCE_TYPE_OPTIONS, type LookupSourceType, type MasterType, type NameGeneratorFormat, type ValidationObject, type ValidationRule, builderToPlatform, cleanFormSchema, convertValidationObjectToArray, detectCircularDependency, detectFormulaFieldCircularDependency, evaluateFormula, evaluateFormulaConfig, evaluateFormulaExpression, extractBracketFields, formStore, generateName, getColSpanFromWidth, getFieldsForFormula, getNumericFieldsForFormula, getValidationConfigForAngular, initFormBuilder, parseFormulaDependencies, parseWidth, platformToBuilder, resetNameGeneratorCounter, validateFormula, validateFormulaExpression };

package/dist/index.d.ts

@@ -66,6 +66,23 @@ interface AsyncOptionSource {
 }
 /** Lookup (Entity Fields) — source category for optionSource LOOKUP */
 type LookupSourceType = 'MODULE' | 'MASTER_TYPE' | 'SETTINGS';
+/**
+ * Configuration for the auto-populate fields feature on LOOKUP dropdowns.
+ * When `enabled` is true and a user selects a lookup record, the fields listed
+ * in `fields` are automatically populated from the corresponding lookup record data.
+ *
+ * `fields` contains the field keys (e.g. column/property names) that are present
+ * in both the Lookup Value Field and the Lookup Label Field response objects.
+ */
+interface AutoPopulateFieldsConfig {
+    /** Whether auto-population is active for this dropdown */
+    enabled: boolean;
+    /**
+     * List of field keys from the lookup response that should be auto-populated
+     * into other form fields when the user selects a value.
+     */
+    fields: string[];
+}
 interface FormField {
     id: string;
     type: FieldType;
@@ -136,6 +153,7 @@ interface FormField {
     nameGeneratorSuffix?: string;
     nameGeneratorIdPadding?: number;
     formulaConfig?: FormulaConfig;
+    autoPopulateFields?: AutoPopulateFieldsConfig;
 }
 /**
  * Conditional date constraint — evaluated at runtime against the current date or another field's value.
@@ -596,4 +614,4 @@ declare const initFormBuilder: (options: FormBuilderOptions & {
     containerId: string;
 }) => FormBuilder;
 
-export { type AsyncOptionSource, type DateConstraint, type FieldType, type FieldValidations, type FieldWidth, FormBuilder, type FormBuilderOptions, type FormField, FormRenderer, type FormSchema, FormSchemaValidation, type FormSection, type FormulaCondition, type FormulaConfig, type GroupPosition, type ISDConfig, LOOKUP_SOURCE_TYPE_OPTIONS, type LookupSourceType, type MasterType, type NameGeneratorFormat, type ValidationObject, type ValidationRule, builderToPlatform, cleanFormSchema, convertValidationObjectToArray, detectCircularDependency, detectFormulaFieldCircularDependency, evaluateFormula, evaluateFormulaConfig, evaluateFormulaExpression, extractBracketFields, formStore, generateName, getColSpanFromWidth, getFieldsForFormula, getNumericFieldsForFormula, getValidationConfigForAngular, initFormBuilder, parseFormulaDependencies, parseWidth, platformToBuilder, resetNameGeneratorCounter, validateFormula, validateFormulaExpression };
+export { type AsyncOptionSource, type AutoPopulateFieldsConfig, type DateConstraint, type FieldType, type FieldValidations, type FieldWidth, FormBuilder, type FormBuilderOptions, type FormField, FormRenderer, type FormSchema, FormSchemaValidation, type FormSection, type FormulaCondition, type FormulaConfig, type GroupPosition, type ISDConfig, LOOKUP_SOURCE_TYPE_OPTIONS, type LookupSourceType, type MasterType, type NameGeneratorFormat, type ValidationObject, type ValidationRule, builderToPlatform, cleanFormSchema, convertValidationObjectToArray, detectCircularDependency, detectFormulaFieldCircularDependency, evaluateFormula, evaluateFormulaConfig, evaluateFormulaExpression, extractBracketFields, formStore, generateName, getColSpanFromWidth, getFieldsForFormula, getNumericFieldsForFormula, getValidationConfigForAngular, initFormBuilder, parseFormulaDependencies, parseWidth, platformToBuilder, resetNameGeneratorCounter, validateFormula, validateFormulaExpression };