form-builder-pro 0.0.5 → 0.0.7

package/dist/index.d.ts

@@ -2,11 +2,18 @@ import { z } from 'zod';
 import * as zustand_vanilla from 'zustand/vanilla';
 
 type FieldType = 'text' | 'textarea' | 'number' | 'date' | 'select' | 'checkbox' | 'radio' | 'toggle' | 'file' | 'email' | 'phone';
-type FieldWidth = '25%' | '50%' | '100%';
+type FieldWidth = '25%' | '33%' | '50%' | '66%' | '75%' | '100%';
 interface ValidationRule {
     type: 'required' | 'min' | 'max' | 'minLength' | 'maxLength' | 'pattern' | 'email';
     value?: string | number | boolean;
     message?: string;
+    regex?: string;
+}
+interface AsyncOptionSource {
+    api: string;
+    method: 'GET' | 'POST';
+    labelKey: string;
+    valueKey: string;
 }
 interface FormField {
     id: string;
@@ -20,15 +27,21 @@ interface FormField {
         label: string;
         value: string;
     }[];
+    optionsSource?: AsyncOptionSource;
     validation?: ValidationRule[];
     width: FieldWidth;
     hidden?: boolean;
+    position?: {
+        row: number;
+        column: number;
+    };
 }
 interface FormSection {
     id: string;
     title: string;
     fields: FormField[];
     isExpanded?: boolean;
+    columns?: 1 | 2 | 3;
 }
 interface FormSchema {
     id: string;
@@ -73,18 +86,34 @@ declare const FormSchemaValidation: z.ZodObject<{
     }[];
 }>;
 
+interface FormBuilderOptions {
+    existingForms?: FormSchema[];
+    reusableSections?: FormSection[];
+    mode?: 'create' | 'edit';
+    formJson?: FormSchema;
+    onSave?: (schema: FormSchema) => void;
+    onClone?: (schema: FormSchema) => void;
+    onSectionImported?: (section: FormSection) => void;
+    onTemplateSave?: (template: FormSection) => void;
+}
 declare class FormBuilder {
     private container;
     private unsubscribe;
-    private onSave?;
-    constructor(container: HTMLElement, options?: {
-        onSave?: (schema: any) => void;
-    });
+    private options;
+    constructor(container: HTMLElement, options?: FormBuilderOptions);
+    loadForm(json: FormSchema): void;
+    cloneForm(json: FormSchema): void;
+    importSection(section: FormSection): void;
+    saveSectionAsTemplate(section: FormSection): void;
+    applyTemplate(template: FormSection): void;
+    updateExistingForms(forms: FormSchema[]): void;
     private setupSubscriptions;
     destroy(): void;
     private render;
     private renderToolbar;
+    private activeTab;
     private renderToolbox;
+    private renderImportList;
     private renderCanvas;
     private renderConfigPanel;
     private initSortable;
@@ -106,10 +135,17 @@ interface FormState {
     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;
@@ -126,4 +162,21 @@ interface FormActions {
 }
 declare const formStore: zustand_vanilla.StoreApi<FormState & FormActions>;
 
-export { FieldType, FieldWidth, FormBuilder, FormField, FormRenderer, FormSchema, FormSchemaValidation, FormSection, ValidationRule, formStore };
+/**
+ * Transforms Form Builder JSON to Platform JSON
+ * @param builderSchema
+ * @returns
+ */
+declare const builderToPlatform: (builderSchema: FormSchema) => any;
+/**
+ * Transforms Platform JSON to Form Builder JSON
+ * @param platformSchema
+ * @returns
+ */
+declare const platformToBuilder: (platformSchema: any) => FormSchema;
+
+declare const initFormBuilder: (options: FormBuilderOptions & {
+    containerId: string;
+}) => FormBuilder;
+
+export { AsyncOptionSource, FieldType, FieldWidth, FormBuilder, FormBuilderOptions, FormField, FormRenderer, FormSchema, FormSchemaValidation, FormSection, ValidationRule, builderToPlatform, formStore, initFormBuilder, platformToBuilder };