formifex 0.1.0

package/dist/components/ANTDFormComponents/AntdForm.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { FormControllerRef } from '../../types/handler';
+declare const AntdForm: React.ForwardRefExoticComponent<{
+    formType?: "antd" | "web" | undefined;
+    theme?: "light" | "dark";
+    formController: import('../FormController').UseFormControllerReturn;
+    className?: string;
+    sections?: import('../..').TFormStructure[];
+    style?: React.CSSProperties;
+    enablePostSave?: boolean;
+} & import('../../types/form').TFormGeneralProps & React.RefAttributes<FormControllerRef>>;
+export default AntdForm;

package/dist/components/ANTDFormComponents/AntdFormComponent.d.ts

@@ -0,0 +1,10 @@
+import { TFormComponentProperties } from '../../types/form';
+import { AxiosInstance } from 'axios';
+declare const AntdFormComponent: (props: TFormComponentProperties & {
+    httpAgent?: AxiosInstance;
+    suppressionRef?: React.RefObject<boolean>;
+    disabled?: boolean;
+    readOnly?: boolean;
+    updateLookupData?: (key: string, data: any) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default AntdFormComponent;

package/dist/components/ANTDFormComponents/AntdFormFlex.d.ts

@@ -0,0 +1,3 @@
+import { TFormComponentProperties, TFormItem } from '../../types/form';
+import { TFlexLayout } from '../../types/layout';
+export default function AntdFormFlex({ children, id, className, style, ...rest }: TFormItem & TFlexLayout & TFormComponentProperties): import("react/jsx-runtime").JSX.Element;

package/dist/components/ANTDFormComponents/AntdFormGrid.d.ts

@@ -0,0 +1,3 @@
+import { TFormItem, TFormComponentProperties } from '../../types/form';
+import { TGridLayout } from '../../types/layout';
+export default function AntdFormGrid({ children, id, className, style, ...rest }: TFormItem & TGridLayout & TFormComponentProperties): import("react/jsx-runtime").JSX.Element;

package/dist/components/ANTDFormComponents/AntdFormSection.d.ts

@@ -0,0 +1,4 @@
+import { TFormComponentProperties, TFormItem } from '../../types/form';
+import { TSectionLayout } from '../../types/layout';
+declare const AntdFormSection: ({ children, label, id, className, style, section_id, wrapperClassName, wrapperStyle, collapsible, labelPlacement, labelMargin, showHeader, showDivider, expandIcon, collapseIcon, tooltip, ...rest }: TFormItem & TFormComponentProperties & TSectionLayout) => import("react/jsx-runtime").JSX.Element;
+export default AntdFormSection;

package/dist/components/ANTDFormComponents/inputs/InputCheckbox.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { TInputCheckbox } from '../../../types/inputs/checkbox';
+import { FormInstance } from 'antd/lib/form';
+import { AxiosInstance } from 'axios';
+type InputCheckboxProps = TInputCheckbox & {
+    form?: FormInstance;
+    httpAgent?: AxiosInstance;
+    initialData?: any;
+    lookupData?: any;
+};
+declare const InputCheckboxComponent: React.ForwardRefExoticComponent<InputCheckboxProps & React.RefAttributes<any>>;
+export default InputCheckboxComponent;

package/dist/components/ANTDFormComponents/inputs/InputColorPicker.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+declare const InputColorPickerComponent: React.ForwardRefExoticComponent<{
+    dataType: import("../../../types/common").EDataType.string | "string";
+    inputType: import("../../../types/inputs/_input").EInputType.color | "color";
+    properties?: {
+        disabledAlpha?: boolean;
+        disabledFormat?: boolean;
+        mode?: "single" | "gradient" | ("single" | "gradient")[];
+        placement?: "top" | "left" | "right" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
+        format?: "rgb" | "hex" | "hsb";
+        showText?: boolean;
+    };
+} & import('../../../types/inputs/_input').TInputGeneric & React.RefAttributes<unknown>>;
+export default InputColorPickerComponent;

package/dist/components/ANTDFormComponents/inputs/InputDateRange.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+declare const InputDateRangeComponent: React.ForwardRefExoticComponent<{
+    inputType: import("../../../types/inputs/_input").EInputType.date | "date" | import("../../../types/inputs/_input").EInputType.datetime | "datetime";
+    popupClassName?: string | undefined;
+    popupStyle?: React.CSSProperties | undefined;
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    properties?: {
+        allowClear?: boolean | undefined;
+        format?: string | undefined;
+        picker?: "date" | "week" | "month" | "quarter" | "year" | undefined;
+        placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
+        minDate?: import('dayjs').Dayjs | undefined;
+        maxDate?: import('dayjs').Dayjs | undefined;
+        showNow?: boolean | undefined;
+    } & (import('../../../types/inputs/date').TShowTime | import('../../../types/inputs/date').TMultiple);
+} & import('../../../types/inputs/_input').TInputGeneric & React.RefAttributes<unknown>>;
+export default InputDateRangeComponent;

package/dist/components/ANTDFormComponents/inputs/InputDateTime.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+declare const InputDatePickerComponent: React.ForwardRefExoticComponent<{
+    inputType: import("../../../types/inputs/_input").EInputType.date | "date" | import("../../../types/inputs/_input").EInputType.datetime | "datetime";
+    popupClassName?: string | undefined;
+    popupStyle?: React.CSSProperties | undefined;
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    properties?: {
+        allowClear?: boolean | undefined;
+        format?: string | undefined;
+        picker?: "date" | "week" | "month" | "quarter" | "year" | undefined;
+        placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
+        minDate?: import('dayjs').Dayjs | undefined;
+        maxDate?: import('dayjs').Dayjs | undefined;
+        showNow?: boolean | undefined;
+    } & (import('../../../types/inputs/date').TShowTime | import('../../../types/inputs/date').TMultiple);
+} & import('../../../types/inputs/_input').TInputGeneric & React.RefAttributes<unknown>>;
+export default InputDatePickerComponent;

package/dist/components/ANTDFormComponents/inputs/InputNumber.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+declare const InputNumberComponent: React.ForwardRefExoticComponent<{
+    inputType: import("../../../types/inputs/_input").EInputType.number | "number";
+    dataType: import("../../../types/common").EDataType.number | "number";
+    properties?: {
+        suffix?: React.ReactNode | string | undefined | null;
+        prefix?: React.ReactNode | string | undefined | null;
+        decimalSeparator?: string;
+        precision?: number;
+        min?: number;
+        max?: number;
+        unitFamily?: import('../../../types/common').EUnitFamily;
+        unitClass?: string;
+        unit?: string;
+        unitLabel?: string;
+        defaultValue?: number;
+        controls: boolean;
+    };
+} & import('../../../types/inputs/_input').TInputGeneric & React.RefAttributes<unknown>>;
+export default InputNumberComponent;

package/dist/components/ANTDFormComponents/inputs/InputPassword.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+declare const InputPasswordComponent: React.ForwardRefExoticComponent<{
+    dataType: import("../../../types/common").EDataType.string | "string";
+    inputType: import("../../../types/inputs/_input").EInputType.password | "password";
+    defaultValue?: string;
+    properties?: {
+        maxLength?: number;
+        allowClear?: boolean;
+        showCount?: boolean;
+    };
+} & import('../../../types/inputs/_input').TInputGeneric & React.RefAttributes<unknown>>;
+export default InputPasswordComponent;

package/dist/components/ANTDFormComponents/inputs/InputRadio.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { TInputRadio } from '../../../types/inputs/radio';
+import { FormInstance } from 'antd/lib/form';
+import { AxiosInstance } from 'axios';
+type InputRadioProps = TInputRadio & {
+    form?: FormInstance;
+    httpAgent?: AxiosInstance;
+    initialData?: any;
+    lookupData?: any;
+};
+declare const InputRadioComponent: React.ForwardRefExoticComponent<InputRadioProps & React.RefAttributes<any>>;
+export default InputRadioComponent;

package/dist/components/ANTDFormComponents/inputs/InputRate.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+declare const InputRateComponent: React.ForwardRefExoticComponent<{
+    dataType: import("../../../types/common").EDataType.number | "number";
+    inputType: import("../../../types/inputs/_input").EInputType.rate | "rate";
+    defaultValue?: number;
+    properties?: {
+        allowHalf?: boolean;
+        character?: React.ReactNode;
+        count?: number;
+        tooltips?: string[];
+    };
+} & import('../../../types/inputs/_input').TInputGeneric & React.RefAttributes<unknown>>;
+export default InputRateComponent;

package/dist/components/ANTDFormComponents/inputs/InputSelect.d.ts

@@ -0,0 +1,55 @@
+import { default as React } from 'react';
+import { FormInstance } from 'antd/lib/form';
+import { AxiosInstance } from 'axios';
+declare const InputSelectComponent: React.ForwardRefExoticComponent<{
+    inputType: import("../../../types/inputs/_input").EInputType.select | "select";
+    dataType: import("../../../types/common").EDataType.string | "string" | import("../../../types/common").EDataType.number | "number";
+    defaultValue?: string | number | (number | string)[];
+    options?: {
+        label: string | React.ReactNode;
+        value: string | number;
+    }[] | {}[] | (() => {
+        label: string | React.ReactNode;
+        value: string | number;
+    }[] | Promise<{
+        label: string | React.ReactNode;
+        value: string | number;
+    }[]>) | {
+        dataSource: any[] | (() => any[] | Promise<any[]>) | Record<string, any>;
+        labelField?: string;
+        valueField?: string;
+        transform?: (item: any, formValues?: any) => {
+            label: string | React.ReactNode;
+            value: string | number;
+        };
+        dependentField?: string;
+    };
+    sharedOptionIDs?: string[];
+    mode?: "multiple" | "tags" | undefined;
+    list?: boolean;
+    labelProp?: string;
+    valueProp?: string;
+    optionLabelProp?: string;
+    properties?: {
+        labelInValue?: boolean;
+        allowClear?: boolean;
+        maxTagCount?: number;
+        showSearch?: boolean;
+        listHeight?: number;
+    };
+    filter?: {
+        fieldID: string;
+        referenceField: string;
+    }[];
+} & import('../../../types/inputs/_input').TInputGeneric & import('../../../types/inputs/_input').TLookupProps & {
+    data: any;
+    lookupData?: Record<string, any>;
+    form?: FormInstance;
+    id?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    httpAgent?: AxiosInstance;
+    initialData?: any;
+    loading?: boolean;
+} & React.RefAttributes<any>>;
+export default InputSelectComponent;

package/dist/components/ANTDFormComponents/inputs/InputSlider.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { TInputSlider } from '../../../types/inputs/slider';
+declare const InputSliderComponent: React.ForwardRefExoticComponent<TInputSlider & React.RefAttributes<unknown>>;
+export default InputSliderComponent;

package/dist/components/ANTDFormComponents/inputs/InputString.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+declare const InputStringComponent: React.ForwardRefExoticComponent<{
+    dataType: import("../../../types/common").EDataType.string | "string";
+    inputType: import("../../../types/inputs/_input").EInputType.string | "string";
+    defaultValue?: string;
+    properties?: {
+        suffix?: React.ReactNode | string | undefined | null;
+        prefix?: React.ReactNode | string | undefined | null;
+        maxLength?: number;
+        allowClear?: boolean;
+        showCount?: boolean;
+    };
+} & import('../../../types/inputs/_input').TInputGeneric & React.RefAttributes<unknown>>;
+export default InputStringComponent;

package/dist/components/ANTDFormComponents/inputs/InputSwitch.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+declare const InputSwitchComponent: React.ForwardRefExoticComponent<{
+    dataType: import("../../../types/common").EDataType.boolean | "boolean";
+    inputType: import("../../../types/inputs/_input").EInputType.switch | "switch";
+    defaultValue?: boolean;
+    properties?: {
+        checkedChildren?: React.ReactNode;
+        unCheckedChildren?: React.ReactNode;
+    };
+} & import('../../../types/inputs/_input').TInputGeneric & {
+    data: any;
+} & React.RefAttributes<unknown>>;
+export default InputSwitchComponent;

package/dist/components/ANTDFormComponents/inputs/InputTextArea.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+declare const TextAreaComponent: React.ForwardRefExoticComponent<{
+    dataType: import("../../../types/common").EDataType.string | "string";
+    inputType: import("../../../types/inputs/_input").EInputType.textarea | "textarea";
+    defaultValue?: string;
+    properties?: {
+        resize?: "vertical" | "horizontal" | "both" | "none";
+        maxLength?: number;
+        allowClear?: boolean;
+        showCount?: boolean;
+        autoSize?: boolean | {
+            minRows: number;
+            maxRows: number;
+        };
+    };
+} & import('../../../types/inputs/_input').TInputGeneric & React.RefAttributes<unknown>>;
+export default TextAreaComponent;

package/dist/components/ANTDFormComponents/inputs/InputTime.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+declare const InputTimePickerComponent: React.ForwardRefExoticComponent<{
+    inputType: import("../../../types/inputs/_input").EInputType.time | "time";
+    popupClassName?: string | undefined;
+    popupStyle?: React.CSSProperties | undefined;
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    properties?: {
+        showNow?: boolean | undefined;
+        allowClear?: boolean | undefined;
+    } & import('../../../types/inputs/date').TTimePickerProperties;
+} & import('../../../types/inputs/_input').TInputGeneric & React.RefAttributes<unknown>>;
+export default InputTimePickerComponent;

package/dist/components/ANTDFormComponents/inputs/InputUpload.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { TInputUpload } from '../../../types/inputs/upload';
+import { FormInstance } from 'antd/lib';
+import { AxiosInstance } from 'axios';
+type InputUploadProps = TInputUpload & {
+    data: any;
+    httpAgent?: AxiosInstance;
+    lookupData?: Record<string, any>;
+    initialData?: any;
+    formRef?: FormInstance;
+    id?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+};
+declare const InputUploadComponent: React.ForwardRefExoticComponent<InputUploadProps & React.RefAttributes<any>>;
+export default InputUploadComponent;

package/dist/components/ANTDFormComponents/inputs/_InputController.d.ts

@@ -0,0 +1,12 @@
+import { TInput, TLookupProps } from '../../../types/inputs/_input';
+import { FormInstance } from 'antd';
+import { AxiosInstance } from 'axios';
+declare const InputController: (props: TInput & TLookupProps & {
+    formRef: FormInstance;
+    lookupData?: Record<string, any>;
+    initialData?: any;
+    httpAgent?: AxiosInstance;
+    suppressionRef?: React.RefObject<boolean>;
+    updateLookupData?: (key: string, data: any) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default InputController;

package/dist/components/FormBuilder.d.ts

@@ -0,0 +1,45 @@
+import { default as React } from 'react';
+export interface FormComponent {
+    id: string;
+    type: string;
+    label: string;
+    category?: string;
+    placeholder?: string;
+    required?: boolean;
+    options?: string[];
+    validation?: any;
+    style?: React.CSSProperties;
+    className?: string;
+    flex?: {
+        grow?: number;
+        shrink?: number;
+        basis?: string;
+    };
+}
+export interface DroppedComponent extends FormComponent {
+    position: {
+        x: number;
+        y: number;
+    };
+    containerId: string;
+    children?: DroppedComponent[];
+}
+export interface SectionComponent {
+    id: string;
+    type: "section";
+    label: string;
+    position: {
+        x: number;
+        y: number;
+    };
+    containerId: string;
+    style?: React.CSSProperties;
+    className?: string;
+    children?: DroppedComponent[];
+}
+export interface FormBuilderProps {
+    onFormChange?: (sections: SectionComponent[]) => void;
+    initialSections?: SectionComponent[];
+}
+declare const FormBuilder: React.FC<FormBuilderProps>;
+export default FormBuilder;

package/dist/components/FormBuilderComponents/OptionsRender.d.ts

@@ -0,0 +1,9 @@
+declare const OptionsRender: ({ component, handleEditComponent, handleDeleteComponent, attributes, listeners, isHovered, }: {
+    component: any;
+    handleEditComponent: (id: string) => void;
+    handleDeleteComponent: (id: string) => void;
+    attributes: any;
+    listeners: any;
+    isHovered?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default OptionsRender;

package/dist/components/FormController.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { TFormProps } from '../types/form';
+import { FormControllerRef } from '../types/handler';
+import { UseFormControllerActions, UseFormControllerState } from './useFormController';
+export type UseFormControllerReturn = UseFormControllerState & UseFormControllerActions;
+interface FormControllerComponent extends React.ForwardRefExoticComponent<TFormProps & React.RefAttributes<FormControllerRef>> {
+    useFormController: () => UseFormControllerReturn;
+}
+declare const FormController: FormControllerComponent;
+export default FormController;

package/dist/components/useFormController.d.ts

@@ -0,0 +1,32 @@
+import { FormControllerRef } from '../types/handler';
+import { FormInstance } from 'antd';
+export interface UseFormControllerState {
+    formData: any | null;
+    initialFormData: any | null;
+    errors: any;
+    isDirty: boolean;
+    isValidated: boolean;
+    lookupData: any;
+    formRef: FormInstance;
+    schema: any;
+}
+export interface UseFormControllerActions {
+    setFormData: React.Dispatch<React.SetStateAction<any>>;
+    setFormValidated: React.Dispatch<React.SetStateAction<boolean>>;
+    setInitialFormData: React.Dispatch<React.SetStateAction<any>>;
+    setErrors: React.Dispatch<React.SetStateAction<any>>;
+    setIsDirty: React.Dispatch<React.SetStateAction<boolean>>;
+    setLookupData: React.Dispatch<React.SetStateAction<any>>;
+    setSchema: React.Dispatch<React.SetStateAction<any>>;
+    resetForm: () => void;
+    resetToInitialData: () => void;
+    nullifyForm: () => void;
+    updateLookupData: (key: string, data: any) => void;
+    formControllerRef: React.RefObject<FormControllerRef>;
+    handlePostSave: (props?: any) => Promise<any>;
+    setFormValues: (data: any, suppressUpdate?: boolean) => void;
+    _registerHandlePostSave: (handler: (props?: any) => Promise<any>) => void;
+    _registerSetFormValues: (handler: (data: any, suppressUpdate?: boolean) => void) => void;
+}
+declare const useFormController: (_initialFormData?: any, _initialSchema?: any, _initialLookupData?: any) => UseFormControllerState & UseFormControllerActions;
+export default useFormController;

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { default as FormController } from './components/FormController';
+export { default as FormBuilder } from './components/FormBuilder';
+export type { FormControllerRef } from './types/handler';
+export type { TFormStructure, TFormItem, TFormItems } from './types/form';