form-builder-pro 1.0.2 → 1.0.4

package/dist/index.css

@@ -710,12 +710,18 @@ body {
 .pointer-events-none {
   pointer-events: none;
 }
+.visible {
+  visibility: visible;
+}
 .static {
   position: static;
 }
 .absolute {
   position: absolute;
 }
+.relative {
+  position: relative;
+}
 .left-2 {
   left: 0.5rem;
 }
@@ -725,6 +731,9 @@ body {
 .top-2 {
   top: 0.5rem;
 }
+.z-10 {
+  z-index: 10;
+}
 .col-span-12 {
   grid-column: span 12 / span 12;
 }
@@ -743,6 +752,9 @@ body {
 .col-span-9 {
   grid-column: span 9 / span 9;
 }
+.m-4 {
+  margin: 1rem;
+}
 .mx-auto {
   margin-left: auto;
   margin-right: auto;
@@ -987,6 +999,9 @@ body {
 .border-primary {
   border-color: hsl(var(--primary));
 }
+.border-transparent {
+  border-color: transparent;
+}
 .bg-\[\#019FA2\] {
   --tw-bg-opacity: 1;
   background-color: rgb(1 159 162 / var(--tw-bg-opacity, 1));
@@ -1002,6 +1017,10 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
 }
+.bg-blue-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
+}
 .bg-blue-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
@@ -1070,6 +1089,9 @@ body {
 .pb-2 {
   padding-bottom: 0.5rem;
 }
+.pb-20 {
+  padding-bottom: 5rem;
+}
 .pt-4 {
   padding-top: 1rem;
 }
@@ -1174,11 +1196,23 @@ body {
 .opacity-100 {
   opacity: 1;
 }
+.opacity-50 {
+  opacity: 0.5;
+}
 .shadow-sm {
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.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);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.ring-blue-500 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
+}
 .ring-offset-background {
   --tw-ring-offset-color: hsl(var(--background));
 }
@@ -1228,6 +1262,11 @@ body {
   color: hsl(var(--muted-foreground));
 }
 
+.hover\:border-blue-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
+}
+
 .hover\:border-blue-500:hover {
   --tw-border-opacity: 1;
   border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
@@ -1381,6 +1420,10 @@ body {
   background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
 }
 
+.dark\:bg-blue-900\/20:is(.dark *) {
+  background-color: rgb(30 58 138 / 0.2);
+}
+
 .dark\:bg-gray-800:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));

package/dist/index.d.mts

@@ -35,6 +35,12 @@ interface FormField {
         row: number;
         column: number;
     };
+    groupName?: {
+        id: string;
+        name: string;
+    };
+    enabled?: boolean;
+    visible?: boolean;
 }
 interface FormSection {
     id: string;
@@ -86,6 +92,49 @@ declare const FormSchemaValidation: z.ZodObject<{
     }[];
 }>;
 
+interface MasterType {
+    id: string;
+    name: string;
+    displayName: string;
+    indexes?: any[];
+    active: boolean;
+}
+interface FormState {
+    schema: FormSchema;
+    selectedFieldId: string | null;
+    history: FormSchema[];
+    historyIndex: number;
+    isPreviewMode: boolean;
+    existingForms: FormSchema[];
+    templates: FormSection[];
+    masterTypes: MasterType[];
+}
+interface FormActions {
+    setSchema: (schema: FormSchema) => void;
+    togglePreview: () => void;
+    setExistingForms: (forms: FormSchema[]) => void;
+    setTemplates: (templates: FormSection[]) => void;
+    setMasterTypes: (masterTypes: MasterType[]) => void;
+    loadForm: (formId: string) => void;
+    cloneExistingForm: (formId: string) => void;
+    importSection: (section: FormSection) => void;
+    addSection: () => void;
+    removeSection: (sectionId: string) => void;
+    updateSection: (sectionId: string, updates: Partial<FormSection>) => void;
+    moveSection: (oldIndex: number, newIndex: number) => void;
+    addField: (sectionId: string | null, type: FieldType, index?: number) => void;
+    removeField: (fieldId: string) => void;
+    updateField: (fieldId: string, updates: Partial<FormField>) => void;
+    selectField: (fieldId: string | null) => void;
+    moveField: (fieldId: string, targetSectionId: string | null, newIndex: number) => void;
+    undo: () => void;
+    redo: () => void;
+    canUndo: () => boolean;
+    canRedo: () => boolean;
+    addTemplateFields: (targetSectionId: string, template: FormSection, index?: number) => void;
+}
+declare const formStore: zustand_vanilla.StoreApi<FormState & FormActions>;
+
 interface FormBuilderOptions {
     existingForms?: FormSchema[];
     reusableSections?: FormSection[];
@@ -96,6 +145,9 @@ interface FormBuilderOptions {
     onClone?: (schema: FormSchema) => void;
     onSectionImported?: (section: FormSection) => void;
     onTemplateSave?: (template: FormSection) => void;
+    data?: {
+        masterTypes?: MasterType[];
+    };
 }
 declare class FormBuilder {
     private container;
@@ -119,7 +171,7 @@ declare class FormBuilder {
     private renderImportList;
     private renderCanvas;
     private renderConfigPanel;
-    private initSortable;
+    private initSidebarSortables;
 }
 
 declare class FormRenderer {
@@ -132,40 +184,6 @@ declare class FormRenderer {
     private render;
 }
 
-interface FormState {
-    schema: FormSchema;
-    selectedFieldId: string | null;
-    history: FormSchema[];
-    historyIndex: number;
-    isPreviewMode: boolean;
-    existingForms: FormSchema[];
-    templates: FormSection[];
-}
-interface FormActions {
-    setSchema: (schema: FormSchema) => void;
-    togglePreview: () => void;
-    setExistingForms: (forms: FormSchema[]) => void;
-    setTemplates: (templates: FormSection[]) => void;
-    loadForm: (formId: string) => void;
-    cloneExistingForm: (formId: string) => void;
-    importSection: (section: FormSection) => void;
-    addSection: () => void;
-    removeSection: (sectionId: string) => void;
-    updateSection: (sectionId: string, updates: Partial<FormSection>) => void;
-    moveSection: (oldIndex: number, newIndex: number) => void;
-    addField: (sectionId: string, type: FieldType, index?: number) => void;
-    removeField: (fieldId: string) => void;
-    updateField: (fieldId: string, updates: Partial<FormField>) => void;
-    selectField: (fieldId: string | null) => void;
-    moveField: (fieldId: string, targetSectionId: string, newIndex: number) => void;
-    undo: () => void;
-    redo: () => void;
-    canUndo: () => boolean;
-    canRedo: () => boolean;
-    addTemplateFields: (targetSectionId: string, template: FormSection, index?: number) => void;
-}
-declare const formStore: zustand_vanilla.StoreApi<FormState & FormActions>;
-
 /**
  * Transforms Form Builder JSON to Platform JSON
  * @param builderSchema
@@ -183,4 +201,4 @@ declare const initFormBuilder: (options: FormBuilderOptions & {
     containerId: string;
 }) => FormBuilder;
 
-export { AsyncOptionSource, FieldType, FieldWidth, FormBuilder, FormBuilderOptions, FormField, FormRenderer, FormSchema, FormSchemaValidation, FormSection, ValidationRule, builderToPlatform, formStore, initFormBuilder, platformToBuilder };
+export { AsyncOptionSource, FieldType, FieldWidth, FormBuilder, FormBuilderOptions, FormField, FormRenderer, FormSchema, FormSchemaValidation, FormSection, MasterType, ValidationRule, builderToPlatform, formStore, initFormBuilder, platformToBuilder };

package/dist/index.d.ts

@@ -35,6 +35,12 @@ interface FormField {
         row: number;
         column: number;
     };
+    groupName?: {
+        id: string;
+        name: string;
+    };
+    enabled?: boolean;
+    visible?: boolean;
 }
 interface FormSection {
     id: string;
@@ -86,6 +92,49 @@ declare const FormSchemaValidation: z.ZodObject<{
     }[];
 }>;
 
+interface MasterType {
+    id: string;
+    name: string;
+    displayName: string;
+    indexes?: any[];
+    active: boolean;
+}
+interface FormState {
+    schema: FormSchema;
+    selectedFieldId: string | null;
+    history: FormSchema[];
+    historyIndex: number;
+    isPreviewMode: boolean;
+    existingForms: FormSchema[];
+    templates: FormSection[];
+    masterTypes: MasterType[];
+}
+interface FormActions {
+    setSchema: (schema: FormSchema) => void;
+    togglePreview: () => void;
+    setExistingForms: (forms: FormSchema[]) => void;
+    setTemplates: (templates: FormSection[]) => void;
+    setMasterTypes: (masterTypes: MasterType[]) => void;
+    loadForm: (formId: string) => void;
+    cloneExistingForm: (formId: string) => void;
+    importSection: (section: FormSection) => void;
+    addSection: () => void;
+    removeSection: (sectionId: string) => void;
+    updateSection: (sectionId: string, updates: Partial<FormSection>) => void;
+    moveSection: (oldIndex: number, newIndex: number) => void;
+    addField: (sectionId: string | null, type: FieldType, index?: number) => void;
+    removeField: (fieldId: string) => void;
+    updateField: (fieldId: string, updates: Partial<FormField>) => void;
+    selectField: (fieldId: string | null) => void;
+    moveField: (fieldId: string, targetSectionId: string | null, newIndex: number) => void;
+    undo: () => void;
+    redo: () => void;
+    canUndo: () => boolean;
+    canRedo: () => boolean;
+    addTemplateFields: (targetSectionId: string, template: FormSection, index?: number) => void;
+}
+declare const formStore: zustand_vanilla.StoreApi<FormState & FormActions>;
+
 interface FormBuilderOptions {
     existingForms?: FormSchema[];
     reusableSections?: FormSection[];
@@ -96,6 +145,9 @@ interface FormBuilderOptions {
     onClone?: (schema: FormSchema) => void;
     onSectionImported?: (section: FormSection) => void;
     onTemplateSave?: (template: FormSection) => void;
+    data?: {
+        masterTypes?: MasterType[];
+    };
 }
 declare class FormBuilder {
     private container;
@@ -119,7 +171,7 @@ declare class FormBuilder {
     private renderImportList;
     private renderCanvas;
     private renderConfigPanel;
-    private initSortable;
+    private initSidebarSortables;
 }
 
 declare class FormRenderer {
@@ -132,40 +184,6 @@ declare class FormRenderer {
     private render;
 }
 
-interface FormState {
-    schema: FormSchema;
-    selectedFieldId: string | null;
-    history: FormSchema[];
-    historyIndex: number;
-    isPreviewMode: boolean;
-    existingForms: FormSchema[];
-    templates: FormSection[];
-}
-interface FormActions {
-    setSchema: (schema: FormSchema) => void;
-    togglePreview: () => void;
-    setExistingForms: (forms: FormSchema[]) => void;
-    setTemplates: (templates: FormSection[]) => void;
-    loadForm: (formId: string) => void;
-    cloneExistingForm: (formId: string) => void;
-    importSection: (section: FormSection) => void;
-    addSection: () => void;
-    removeSection: (sectionId: string) => void;
-    updateSection: (sectionId: string, updates: Partial<FormSection>) => void;
-    moveSection: (oldIndex: number, newIndex: number) => void;
-    addField: (sectionId: string, type: FieldType, index?: number) => void;
-    removeField: (fieldId: string) => void;
-    updateField: (fieldId: string, updates: Partial<FormField>) => void;
-    selectField: (fieldId: string | null) => void;
-    moveField: (fieldId: string, targetSectionId: string, newIndex: number) => void;
-    undo: () => void;
-    redo: () => void;
-    canUndo: () => boolean;
-    canRedo: () => boolean;
-    addTemplateFields: (targetSectionId: string, template: FormSection, index?: number) => void;
-}
-declare const formStore: zustand_vanilla.StoreApi<FormState & FormActions>;
-
 /**
  * Transforms Form Builder JSON to Platform JSON
  * @param builderSchema
@@ -183,4 +201,4 @@ declare const initFormBuilder: (options: FormBuilderOptions & {
     containerId: string;
 }) => FormBuilder;
 
-export { AsyncOptionSource, FieldType, FieldWidth, FormBuilder, FormBuilderOptions, FormField, FormRenderer, FormSchema, FormSchemaValidation, FormSection, ValidationRule, builderToPlatform, formStore, initFormBuilder, platformToBuilder };
+export { AsyncOptionSource, FieldType, FieldWidth, FormBuilder, FormBuilderOptions, FormField, FormRenderer, FormSchema, FormSchemaValidation, FormSection, MasterType, ValidationRule, builderToPlatform, formStore, initFormBuilder, platformToBuilder };