extended-dynamic-forms 0.1.21 → 0.1.23

package/dist/layouts/index.d.ts

@@ -0,0 +1,2 @@
+export { WizardLayout, ProgressIndicator, StepNavigation, WizardNavigation, WizardObjectFieldTemplate, WizardSectionTemplate, } from './wizard';
+export type { WizardStep } from './wizard';

package/dist/layouts/wizard/ProgressIndicator.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+export interface ProgressIndicatorProps {
+    currentStep: number;
+    totalSteps: number;
+    progressPercentage: number;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const ProgressIndicator: React.FC<ProgressIndicatorProps>;

package/dist/layouts/wizard/StepNavigation.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { WizardStep } from './WizardLayout';
+
+export interface StepNavigationProps {
+    steps: WizardStep[];
+    currentStep: number;
+    onStepChange?: (stepIndex: number) => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const StepNavigation: React.FC<StepNavigationProps>;

package/dist/layouts/wizard/WizardLayout.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+
+export interface WizardStep {
+    id: string;
+    title: string;
+    description?: string;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    completed?: boolean;
+    disabled?: boolean;
+}
+export interface WizardLayoutProps {
+    title: string;
+    subtitle?: string;
+    steps: WizardStep[];
+    currentStep: number;
+    children: React.ReactNode;
+    onStepChange?: (stepIndex: number) => void;
+    onPrevious?: () => void;
+    onNext?: () => void;
+    onSubmit?: () => void;
+    canGoNext?: boolean;
+    canGoPrevious?: boolean;
+    isLastStep?: boolean;
+    submitLabel?: string;
+    nextLabel?: string;
+    previousLabel?: string;
+    className?: string;
+}
+export declare const WizardLayout: React.FC<WizardLayoutProps>;

package/dist/layouts/wizard/WizardNavigation.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+
+export interface WizardNavigationProps {
+    onPrevious?: () => void;
+    onNext?: () => void;
+    onSubmit?: () => void;
+    canGoNext?: boolean;
+    canGoPrevious?: boolean;
+    isLastStep?: boolean;
+    submitLabel?: string;
+    nextLabel?: string;
+    previousLabel?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const WizardNavigation: React.FC<WizardNavigationProps>;

package/dist/layouts/wizard/WizardObjectFieldTemplate.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ObjectFieldTemplateProps } from '@rjsf/utils';
+
+export declare const WizardObjectFieldTemplate: React.FC<ObjectFieldTemplateProps>;

package/dist/layouts/wizard/WizardSectionTemplate.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { ObjectFieldTemplateProps } from '@rjsf/utils';
+
+export interface WizardSectionTemplateProps extends ObjectFieldTemplateProps {
+    sectionTitle?: string;
+    sectionDescription?: string;
+    sectionIcon?: React.ComponentType<{
+        className?: string;
+    }>;
+}
+export declare const WizardSectionTemplate: React.FC<WizardSectionTemplateProps>;

package/dist/layouts/wizard/index.d.ts

@@ -0,0 +1,7 @@
+export { WizardLayout } from './WizardLayout';
+export { ProgressIndicator } from './ProgressIndicator';
+export { StepNavigation } from './StepNavigation';
+export { WizardNavigation } from './WizardNavigation';
+export { WizardObjectFieldTemplate } from './WizardObjectFieldTemplate';
+export { WizardSectionTemplate } from './WizardSectionTemplate';
+export type { WizardStep } from './WizardLayout';

package/dist/types/index.d.ts

@@ -0,0 +1,47 @@
+import { FormProps } from '@rjsf/core';
+import { RJSFSchema, UiSchema } from '@rjsf/utils';
+
+export interface FormEventHandlers {
+    beforeSubmit?: (data: any) => Promise<any> | any;
+    afterSubmit?: (data: any) => Promise<void> | void;
+    beforeValidation?: (data: any) => Promise<any> | any;
+    afterValidation?: (data: any, errors: any) => Promise<void> | void;
+}
+export interface FormFieldEvent {
+    eventType: 'focus' | 'blur' | 'change';
+    fieldId: string;
+    fieldValue: any;
+    schema?: any;
+    formData?: any;
+    timestamp: number;
+    fieldPath?: string[];
+}
+export interface WebhookConfig {
+    url: string;
+    method?: 'POST' | 'PUT' | 'PATCH';
+    headers?: Record<string, string>;
+    events?: ('focus' | 'blur' | 'change')[];
+    debounceMs?: number;
+    retries?: number;
+    timeout?: number;
+}
+export interface FieldEventHandlers {
+    onFieldFocus?: (event: FormFieldEvent) => Promise<void> | void;
+    onFieldBlur?: (event: FormFieldEvent) => Promise<void> | void;
+    onFieldChange?: (event: FormFieldEvent) => Promise<void> | void;
+}
+export interface ExtendedFormProps extends Omit<FormProps, 'validator'>, FormEventHandlers, FieldEventHandlers {
+    schema: RJSFSchema;
+    uiSchema?: UiSchema;
+    webhooks?: WebhookConfig[];
+}
+export interface CustomWidgetProps {
+    label?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    autofocus?: boolean;
+    placeholder?: string;
+    help?: string;
+    rawErrors?: string[];
+}

package/dist/utils/formDataUtils.d.ts

@@ -0,0 +1,22 @@
+export declare const formDataUtils: {
+    /**
+     * Deep clone form data to avoid mutations
+     */
+    cloneFormData: (data: any) => any;
+    /**
+     * Merge two form data objects
+     */
+    mergeFormData: (current: any, updates: any) => any;
+    /**
+     * Get nested value from form data using dot notation
+     */
+    getNestedValue: (data: any, path: string) => any;
+    /**
+     * Set nested value in form data using dot notation
+     */
+    setNestedValue: (data: any, path: string, value: any) => any;
+    /**
+     * Remove empty values from form data
+     */
+    removeEmptyValues: (data: any) => any;
+};

package/dist/utils/index.d.ts

@@ -0,0 +1,4 @@
+export { formDataUtils } from './formDataUtils';
+export { schemaUtils } from './schemaUtils';
+export { validationUtils } from './validationUtils';
+export declare function deepEquals(obj1: any, obj2: any): boolean;

package/dist/utils/schemaUtils.d.ts

@@ -0,0 +1,24 @@
+import { RJSFSchema } from '@rjsf/utils';
+
+export declare const schemaUtils: {
+    /**
+     * Get required fields from schema
+     */
+    getRequiredFields: (schema: RJSFSchema) => string[];
+    /**
+     * Check if a field is required
+     */
+    isFieldRequired: (schema: RJSFSchema, fieldName: string) => boolean;
+    /**
+     * Get field schema by path
+     */
+    getFieldSchema: (schema: RJSFSchema, path: string) => RJSFSchema | undefined;
+    /**
+     * Merge two schemas
+     */
+    mergeSchemas: (schema1: RJSFSchema, schema2: RJSFSchema) => RJSFSchema;
+    /**
+     * Get all field paths from schema
+     */
+    getAllFieldPaths: (schema: RJSFSchema, prefix?: string) => string[];
+};

package/dist/utils/validationUtils.d.ts

@@ -0,0 +1,26 @@
+export declare const validationUtils: {
+    /**
+     * Validate email format
+     */
+    isValidEmail: (email: string) => boolean;
+    /**
+     * Validate phone number format
+     */
+    isValidPhone: (phone: string) => boolean;
+    /**
+     * Validate URL format
+     */
+    isValidUrl: (url: string) => boolean;
+    /**
+     * Validate date format
+     */
+    isValidDate: (date: string) => boolean;
+    /**
+     * Validate number in range
+     */
+    isInRange: (value: number, min?: number, max?: number) => boolean;
+    /**
+     * Custom validation messages
+     */
+    getValidationMessage: (type: string, params?: any) => string;
+};

package/dist/vanilla-entry.d.ts

@@ -0,0 +1,204 @@
+import { default as React } from 'react';
+import { default as ReactDOM } from 'react-dom/client';
+import { default as dayjs } from 'dayjs';
+
+import * as antd from 'antd';
+import * as ExtendedDynamicFormsExports from './index';
+declare function createForm(config: {
+    container: string | HTMLElement;
+    schema: any;
+    uiSchema?: any;
+    formData?: any;
+    onChange?: (data: any) => void;
+    onSubmit?: (data: any) => void;
+    onError?: (errors: any) => void;
+    webhooks?: any;
+    widgets?: any;
+    fields?: any;
+}): {
+    setFormData: (data: any) => void;
+    destroy: () => void;
+};
+declare function createWizardForm(config: {
+    container: string | HTMLElement;
+    schema: any;
+    uiSchema?: any;
+    formData?: any;
+    onStepChange?: (step: number, data: any) => void;
+    onSubmit?: (data: any) => void;
+    webhooks?: any;
+}): {
+    destroy: () => void;
+};
+declare const ExtendedDynamicForms: {
+    utils: {
+        createSchema: (properties: any) => {
+            type: string;
+            properties: any;
+            required: string[];
+        };
+        createUiSchema: (fields: any) => any;
+        widgets: {
+            text: string;
+            textarea: string;
+            select: string;
+            checkbox: string;
+            radio: string;
+            date: string;
+            datetime: string;
+            email: string;
+            password: string;
+            number: string;
+            file: string;
+            hidden: string;
+        };
+    };
+    validator: import('@rjsf/validator-ajv8/lib/validator.js').default<any, ExtendedDynamicFormsExports.RJSFSchema, any>;
+    ExtendedForm: React.ForwardRefExoticComponent<Omit<ExtendedDynamicFormsExports.ExtendedFormProps, "ref"> & React.RefAttributes<any>>;
+    WizardForm: typeof ExtendedDynamicFormsExports.WizardForm;
+    customFields: {
+        address: React.FC<ExtendedDynamicFormsExports.FieldProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        phone: React.FC<ExtendedDynamicFormsExports.FieldProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        currency: React.FC<ExtendedDynamicFormsExports.FieldProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+    };
+    customTemplates: {
+        FieldTemplate: React.FC<ExtendedDynamicFormsExports.FieldTemplateProps>;
+        ArrayFieldTemplate: (props: ExtendedDynamicFormsExports.ArrayFieldTemplateProps) => import("react/jsx-runtime").JSX.Element;
+        ArrayFieldItemTemplate: (props: import('@rjsf/utils').ArrayFieldItemTemplateType) => import("react/jsx-runtime").JSX.Element;
+        WizardObjectFieldTemplate: React.FC<ExtendedDynamicFormsExports.ObjectFieldTemplateProps>;
+        WizardSectionTemplate: React.FC<import('./layouts/wizard/WizardSectionTemplate').WizardSectionTemplateProps>;
+        ButtonTemplates: {
+            SubmitButton: React.FC<import('@rjsf/utils').SubmitButtonProps>;
+        };
+    };
+    AddressField: React.FC<ExtendedDynamicFormsExports.FieldProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+    PhoneField: React.FC<ExtendedDynamicFormsExports.FieldProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+    CurrencyField: React.FC<ExtendedDynamicFormsExports.FieldProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+    FieldTemplate: React.FC<ExtendedDynamicFormsExports.FieldTemplateProps>;
+    ArrayFieldTemplate: (props: ExtendedDynamicFormsExports.ArrayFieldTemplateProps) => import("react/jsx-runtime").JSX.Element;
+    ArrayFieldItemTemplate: (props: import('@rjsf/utils').ArrayFieldItemTemplateType) => import("react/jsx-runtime").JSX.Element;
+    WizardObjectFieldTemplate: React.FC<ExtendedDynamicFormsExports.ObjectFieldTemplateProps>;
+    WizardSectionTemplate: React.FC<import('./layouts/wizard/WizardSectionTemplate').WizardSectionTemplateProps>;
+    SubmitButton: React.FC<import('@rjsf/utils').SubmitButtonProps>;
+    customWidgets: {
+        TextWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        TextareaWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        SelectWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        CheckboxWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        RadioWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        UpDownWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        FileWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        tel: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        email: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        url: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        password: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        date: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        'datetime-local': React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        TelWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        EmailWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        URLWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        PasswordWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        DateWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        DateTimeWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        color: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        file: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        range: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        rating: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+    };
+    ColorWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+    DateWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+    FileWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+    RangeWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+    RatingWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+    EnhancedTextWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+    EnhancedTextareaWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+    EnhancedSelectWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+    EnhancedCheckboxWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+    EnhancedRadioWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+    EnhancedNumberWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+    TelephoneWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+    EmailWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+    URLWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+    PasswordWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+    DateTimeWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+    FileUploadWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+    enhancedWidgets: {
+        TextWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        TextareaWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        SelectWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        CheckboxWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        RadioWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        UpDownWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        FileWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        tel: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        email: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        url: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        password: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        date: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        'datetime-local': React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        TelWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        EmailWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        URLWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        PasswordWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        DateWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+        DateTimeWidget: React.FC<ExtendedDynamicFormsExports.WidgetProps<any, ExtendedDynamicFormsExports.RJSFSchema, any>>;
+    };
+    WizardLayout: React.FC<import('./layouts/wizard/WizardLayout').WizardLayoutProps>;
+    ProgressIndicator: React.FC<import('./layouts/wizard/ProgressIndicator').ProgressIndicatorProps>;
+    StepNavigation: React.FC<import('./layouts/wizard/StepNavigation').StepNavigationProps>;
+    WizardNavigation: React.FC<import('./layouts/wizard/WizardNavigation').WizardNavigationProps>;
+    FormEventManager: typeof ExtendedDynamicFormsExports.FormEventManager;
+    FormEventHub: typeof ExtendedDynamicFormsExports.FormEventHub;
+    FormEventProvider: React.FC<import('./events/FormEventContext').FormEventProviderProps>;
+    useFormEventHub: () => import('./events/FormEventContext').FormEventContextType;
+    useFieldEventHandlers: (fieldId: string, schema?: any, fieldPath?: string[]) => {
+        onFocus: (value: any) => Promise<void>;
+        onBlur: (value: any) => Promise<void>;
+        onChange: (value: any) => Promise<void>;
+    };
+    createConditionalEngineHook: typeof ExtendedDynamicFormsExports.createConditionalEngineHook;
+    useConditionalUi: ExtendedDynamicFormsExports.ConditionalEngineHook<ExtendedDynamicFormsExports.UiEffect[]>;
+    useConditionalSchema: ExtendedDynamicFormsExports.ConditionalEngineHook<ExtendedDynamicFormsExports.SchemaEffect[]>;
+    useConditionalValidation: ExtendedDynamicFormsExports.ConditionalEngineHook<ExtendedDynamicFormsExports.ValidationEffect>;
+    createDynamicArrayItemsUiSchema: typeof ExtendedDynamicFormsExports.createDynamicArrayItemsUiSchema;
+    mergeItemUiSchema: typeof ExtendedDynamicFormsExports.mergeItemUiSchema;
+    arrayItemPatterns: {
+        hideField: (fieldName: string, condition: (itemData: any) => boolean) => ExtendedDynamicFormsExports.ArrayItemConditionalFn;
+        requireField: (fieldName: string, condition: (itemData: any) => boolean) => ExtendedDynamicFormsExports.ArrayItemConditionalFn;
+        applyIndexStyles: (totalItems: number) => ExtendedDynamicFormsExports.ArrayItemConditionalFn;
+    };
+    uiEngineConfig: ExtendedDynamicFormsExports.EngineConfig<ExtendedDynamicFormsExports.UiEffect[], ExtendedDynamicFormsExports.UiSchema>;
+    schemaEngineConfig: ExtendedDynamicFormsExports.EngineConfig<ExtendedDynamicFormsExports.SchemaEffect[], ExtendedDynamicFormsExports.RJSFSchema>;
+    validationEngineConfig: ExtendedDynamicFormsExports.EngineConfig<ExtendedDynamicFormsExports.ValidationEffect, import('./conditionals/v2/engines/validationEngineConfig').ValidationConfig>;
+    createCustomValidate: typeof ExtendedDynamicFormsExports.createCustomValidate;
+    deepEquals(obj1: any, obj2: any): boolean;
+    formDataUtils: {
+        cloneFormData: (data: any) => any;
+        mergeFormData: (current: any, updates: any) => any;
+        getNestedValue: (data: any, path: string) => any;
+        setNestedValue: (data: any, path: string, value: any) => any;
+        removeEmptyValues: (data: any) => any;
+    };
+    schemaUtils: {
+        getRequiredFields: (schema: ExtendedDynamicFormsExports.RJSFSchema) => string[];
+        isFieldRequired: (schema: ExtendedDynamicFormsExports.RJSFSchema, fieldName: string) => boolean;
+        getFieldSchema: (schema: ExtendedDynamicFormsExports.RJSFSchema, path: string) => ExtendedDynamicFormsExports.RJSFSchema | undefined;
+        mergeSchemas: (schema1: ExtendedDynamicFormsExports.RJSFSchema, schema2: ExtendedDynamicFormsExports.RJSFSchema) => ExtendedDynamicFormsExports.RJSFSchema;
+        getAllFieldPaths: (schema: ExtendedDynamicFormsExports.RJSFSchema, prefix?: string) => string[];
+    };
+    validationUtils: {
+        isValidEmail: (email: string) => boolean;
+        isValidPhone: (phone: string) => boolean;
+        isValidUrl: (url: string) => boolean;
+        isValidDate: (date: string) => boolean;
+        isInRange: (value: number, min?: number, max?: number) => boolean;
+        getValidationMessage: (type: string, params?: any) => string;
+    };
+    createForm: typeof createForm;
+    createWizardForm: typeof createWizardForm;
+    React: typeof React;
+    ReactDOM: typeof ReactDOM;
+    antd: typeof antd;
+    dayjs: typeof dayjs;
+};
+export default ExtendedDynamicForms;

package/dist/widgets/date/DateWidget.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { WidgetProps } from '@rjsf/utils';
+
+export declare const DateWidget: React.FC<WidgetProps>;

package/dist/widgets/enhanced/EnhancedWidgets.d.ts

@@ -0,0 +1,37 @@
+import { default as React, FC } from 'react';
+import { WidgetProps } from '@rjsf/utils';
+
+export declare const EnhancedTextWidget: FC<WidgetProps>;
+export declare const EnhancedTextareaWidget: FC<WidgetProps>;
+export declare const EnhancedSelectWidget: FC<WidgetProps>;
+export declare const EnhancedCheckboxWidget: FC<WidgetProps>;
+export declare const EnhancedRadioWidget: FC<WidgetProps>;
+export declare const EnhancedNumberWidget: FC<WidgetProps>;
+export declare const TelephoneWidget: FC<WidgetProps>;
+export declare const EmailWidget: FC<WidgetProps>;
+export declare const URLWidget: FC<WidgetProps>;
+export declare const PasswordWidget: FC<WidgetProps>;
+export declare const DateWidget: FC<WidgetProps>;
+export declare const DateTimeWidget: FC<WidgetProps>;
+export declare const FileUploadWidget: FC<WidgetProps>;
+export declare const customWidgets: {
+    TextWidget: React.FC<WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    TextareaWidget: React.FC<WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    SelectWidget: React.FC<WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    CheckboxWidget: React.FC<WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    RadioWidget: React.FC<WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    UpDownWidget: React.FC<WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    FileWidget: React.FC<WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    tel: React.FC<WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    email: React.FC<WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    url: React.FC<WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    password: React.FC<WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    date: React.FC<WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    'datetime-local': React.FC<WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    TelWidget: React.FC<WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    EmailWidget: React.FC<WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    URLWidget: React.FC<WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    PasswordWidget: React.FC<WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    DateWidget: React.FC<WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    DateTimeWidget: React.FC<WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+};

package/dist/widgets/file/FileWidget.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { WidgetProps } from '@rjsf/utils';
+
+export declare const FileWidget: React.FC<WidgetProps>;

package/dist/widgets/index.d.ts

@@ -0,0 +1,33 @@
+import { ColorWidget } from './input/ColorWidget';
+import { DateWidget } from './date/DateWidget';
+import { FileWidget } from './file/FileWidget';
+import { RangeWidget } from './input/RangeWidget';
+import { RatingWidget } from './input/RatingWidget';
+import { customWidgets as enhancedWidgets, EnhancedTextWidget, EnhancedTextareaWidget, EnhancedSelectWidget, EnhancedCheckboxWidget, EnhancedRadioWidget, EnhancedNumberWidget, TelephoneWidget, EmailWidget, URLWidget, PasswordWidget, DateTimeWidget, FileUploadWidget } from './enhanced/EnhancedWidgets';
+
+export declare const customWidgets: {
+    TextWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    TextareaWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    SelectWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    CheckboxWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    RadioWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    UpDownWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    FileWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    tel: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    email: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    url: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    password: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    date: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    'datetime-local': import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    TelWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    EmailWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    URLWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    PasswordWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    DateWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    DateTimeWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    color: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    file: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    range: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    rating: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+};
+export { ColorWidget, DateWidget, FileWidget, RangeWidget, RatingWidget, EnhancedTextWidget, EnhancedTextareaWidget, EnhancedSelectWidget, EnhancedCheckboxWidget, EnhancedRadioWidget, EnhancedNumberWidget, TelephoneWidget, EmailWidget, URLWidget, PasswordWidget, DateTimeWidget, FileUploadWidget, enhancedWidgets, };

package/dist/widgets/input/ColorWidget.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { WidgetProps } from '@rjsf/utils';
+
+export declare const ColorWidget: React.FC<WidgetProps>;

package/dist/widgets/input/RangeWidget.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { WidgetProps } from '@rjsf/utils';
+
+export declare const RangeWidget: React.FC<WidgetProps>;

package/dist/widgets/input/RatingWidget.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { WidgetProps } from '@rjsf/utils';
+
+export declare const RatingWidget: React.FC<WidgetProps>;

package/examples/conditional-v2-example.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ExtendedForm } from '../src/ExtendedForm';
 import { RJSFSchema, UiSchema } from '@rjsf/utils';
-import { useConditionalUi, UiRule } from '../src/conditionals/v2';
+import { useConditionalUi, UiRule, JsonLogicRule } from '../src/conditionals/v2';
 
 const schema: RJSFSchema = {
   type: 'object',
@@ -40,7 +40,7 @@ export function ConditionalV2Example() {
   const uiRules: UiRule[] = [
     {
       name: 'Hide shipping address when not required',
-      condition: (data) => !data.requiresShipping,
+      condition: { "!": { "var": "requiresShipping" } } as JsonLogicRule,
       effect: [
         { op: 'add', path: '/shippingAddress/ui:widget', value: 'hidden' }
       ]

package/examples/form-devtools-example.tsx

@@ -18,6 +18,7 @@ import {
   UiEffect,
   SchemaEffect,
   ValidationEffect,
+  JsonLogicRule,
 } from '../src/conditionals/v2/types';
 import {
   useConditionalUi,
@@ -80,15 +81,14 @@ const baseUiSchema: UiSchema = {
 const uiRules: Rule<UiEffect>[] = [
   {
     name: 'Hide shipping address when not required',
-    condition: formData => !formData.requiresShipping,
+    condition: { "!": { "var": "requiresShipping" } } as JsonLogicRule,
     effect: [
       { op: 'add', path: '/shippingAddress/ui:widget', value: 'hidden' },
     ],
   },
   {
     name: 'Show state dropdown for US/Canada',
-    condition: formData =>
-      formData.country === 'USA' || formData.country === 'Canada',
+    condition: { "or": [{ "==": [{ "var": "country" }, "USA"] }, { "==": [{ "var": "country" }, "Canada"] }] } as JsonLogicRule,
     effect: [
       {
         op: 'add',
@@ -103,12 +103,12 @@ const uiRules: Rule<UiEffect>[] = [
 const schemaRules: Rule<SchemaEffect>[] = [
   {
     name: 'Add spouse fields when married',
-    condition: formData => formData.maritalStatus === 'married',
+    condition: { "===": [{ "var": "maritalStatus" }, "married"] } as JsonLogicRule,
     effect: [{ op: 'add', path: '/required/-', value: 'spouseName' }],
   },
   {
     name: 'Remove spouse field when not married',
-    condition: formData => formData.maritalStatus !== 'married',
+    condition: { "!==": [{ "var": "maritalStatus" }, "married"] } as JsonLogicRule,
     effect: [{ op: 'remove', path: '/properties/spouseName' }],
   },
 ];
@@ -119,8 +119,7 @@ const validationRules: Rule<ValidationEffect>[] = [
     name: 'US ZIP code format validation',
     effect: {
       name: 'US ZIP code format',
-      isActive: formData =>
-        formData.country === 'USA' && formData.requiresShipping,
+      isActive: { "and": [{ "==": [{ "var": "country" }, "USA"] }, { "var": "requiresShipping" }] } as JsonLogicRule,
       validate: (errors, formData) => {
         if (
           formData.shippingAddress?.zip &&
@@ -139,8 +138,7 @@ const validationRules: Rule<ValidationEffect>[] = [
     name: 'Canadian postal code validation',
     effect: {
       name: 'Canadian postal code',
-      isActive: formData =>
-        formData.country === 'Canada' && formData.requiresShipping,
+      isActive: { "and": [{ "==": [{ "var": "country" }, "Canada"] }, { "var": "requiresShipping" }] } as JsonLogicRule,
       validate: (errors, formData) => {
         if (
           formData.shippingAddress?.zip &&