@aatulwork/customform-renderer 1.8.0 → 1.10.0

package/dist/fields-BM8DDh8m.d.mts

@@ -0,0 +1,186 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React$1 from 'react';
+
+/**
+ * Core types for Custom Form Renderer
+ */
+interface OptionItem {
+    label: string;
+    value: string | number;
+    icon?: string;
+    group?: string;
+}
+type FieldType = 'text' | 'email' | 'number' | 'select' | 'checkbox' | 'radio' | 'datepicker' | 'file' | 'ckeditor' | 'toggle' | 'color' | 'formReference' | 'apiReference';
+interface FieldValidation {
+    min?: number;
+    max?: number;
+    pattern?: string;
+    maxFileSize?: number;
+    allowedFileTypes?: string[];
+}
+interface FormField {
+    type: FieldType;
+    label: string;
+    name: string;
+    required?: boolean;
+    placeholder?: string;
+    allowFilter?: boolean;
+    options?: OptionItem[] | string[];
+    validation?: FieldValidation;
+    referenceFormName?: string;
+    referenceFieldName?: string;
+    apiEndpoint?: string;
+    referenceModel?: string;
+    apiLabelField?: string;
+    apiValueField?: string;
+    allowMultiple?: boolean;
+    datePickerMode?: 'date' | 'datetime' | 'time';
+    /** @deprecated Use datePickerMode instead */
+    displayTime?: boolean;
+}
+interface FormSection {
+    id: string;
+    title: string;
+    description?: string;
+    fields: FormField[];
+}
+interface FormSchema {
+    _id?: string;
+    id?: string;
+    title: string;
+    name: string;
+    module?: string | null;
+    formType?: 'system' | 'custom';
+    collectionName?: string;
+    sections?: FormSection[];
+    fields?: FormField[];
+    settings?: {
+        sectionDisplayMode?: 'panel' | 'stepper';
+        fieldsPerRow?: number;
+        [key: string]: any;
+    };
+    createdAt?: string;
+    updatedAt?: string;
+}
+interface FormRendererProps {
+    formSchema: FormSchema;
+    onSubmit?: (data: Record<string, any>) => void | Promise<void>;
+    onCancel?: () => void;
+    isLoading?: boolean;
+    onSuccess?: () => void;
+    initialValues?: Record<string, any>;
+    hideTitle?: boolean;
+    allowResetOnValuesChange?: boolean;
+    mode?: 'edit' | 'view';
+    services?: FormServices;
+    colors?: FormColors;
+}
+interface FormServices {
+    fileUpload?: FileUploadService;
+    formReference?: FormReferenceService;
+    apiReference?: ApiReferenceService;
+    dateFormatter?: DateFormatterService;
+    SelectComponent?: React.ComponentType<any>;
+    FileDisplayComponent?: React.ComponentType<{
+        fieldValue: any;
+    }>;
+    CKEditorDisplayComponent?: React.ComponentType<{
+        content: string;
+        maxLength?: number;
+        showViewButton?: boolean;
+    }>;
+    fileBaseUrl?: string;
+    ckEditorLicenseKey?: string;
+    ckEditorScriptPath?: string;
+}
+interface FileUploadService {
+    uploadFiles: (formName: string, fieldName: string, files: File[]) => Promise<UploadedFile[]>;
+}
+interface UploadedFile {
+    _id?: string;
+    fileName: string;
+    originalName?: string;
+    fileUrl: string;
+    size?: number;
+    mimeType?: string;
+    [key: string]: any;
+}
+interface FormReferenceService {
+    fetchOptions: (formName: string, fieldName: string) => Promise<OptionItem[]>;
+}
+interface ApiReferenceService {
+    fetchOptions: (endpoint: string, labelField: string, valueField?: string) => Promise<OptionItem[]>;
+}
+interface DateFormatterService {
+    format: (value: any, options?: {
+        datePickerMode?: 'date' | 'datetime' | 'time';
+    }) => string;
+}
+interface FormColors {
+    primary?: string;
+    secondary?: string;
+    error?: string;
+    success?: string;
+    warning?: string;
+    info?: string;
+    textPrimary?: string;
+    textSecondary?: string;
+    divider?: string;
+    background?: string;
+    backgroundPaper?: string;
+}
+interface FieldRendererProps {
+    field: FormField;
+    control: any;
+    defaultValue: any;
+    rules: any;
+    errors: any;
+    setValue: any;
+    formSchema?: FormSchema;
+    uploadingFiles?: Record<string, boolean>;
+    setUploadingFiles?: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    setError?: (name: string, error: {
+        type: string;
+        message: string;
+    }) => void;
+    clearErrors?: (name?: string) => void;
+    services?: FormServices;
+    colors?: FormColors;
+}
+
+declare const TextField: ({ field, control, defaultValue, rules, errors }: FieldRendererProps) => react_jsx_runtime.JSX.Element;
+
+declare const SelectField: ({ field, control, defaultValue, rules, errors }: FieldRendererProps) => react_jsx_runtime.JSX.Element;
+
+declare const CheckboxField: ({ field, control, defaultValue, rules }: FieldRendererProps) => react_jsx_runtime.JSX.Element;
+
+declare const RadioField: ({ field, control, defaultValue, rules, errors }: FieldRendererProps) => react_jsx_runtime.JSX.Element;
+
+declare const ToggleField: ({ field, control, defaultValue, rules, errors }: FieldRendererProps) => react_jsx_runtime.JSX.Element;
+
+declare const ColorField: ({ field, control, defaultValue, rules, errors }: FieldRendererProps) => react_jsx_runtime.JSX.Element;
+
+declare const DateTimePickerField: ({ field, control, defaultValue, rules, errors }: FieldRendererProps) => react_jsx_runtime.JSX.Element;
+
+declare global {
+    interface Window {
+        ClassicEditor: any;
+    }
+}
+declare const CKEditorField: ({ field, control, defaultValue, rules, errors, setValue, formSchema, services, colors }: FieldRendererProps) => react_jsx_runtime.JSX.Element;
+
+interface FileFieldProps extends FieldRendererProps {
+    uploadingFiles?: Record<string, boolean>;
+    setUploadingFiles?: React$1.Dispatch<React$1.SetStateAction<Record<string, boolean>>>;
+    setError?: (name: string, error: {
+        type: string;
+        message: string;
+    }) => void;
+    clearErrors?: (name?: string) => void;
+}
+declare const FileField: ({ field, control, defaultValue, rules, errors, formSchema, uploadingFiles, setUploadingFiles, setError, clearErrors, services, colors, }: FileFieldProps) => react_jsx_runtime.JSX.Element;
+
+declare const FormReferenceField: ({ field, control, defaultValue, rules, errors, services }: FieldRendererProps) => react_jsx_runtime.JSX.Element;
+declare const ApiReferenceField: ({ field, control, defaultValue, rules, errors, services }: FieldRendererProps) => react_jsx_runtime.JSX.Element;
+
+export { type ApiReferenceService as A, CKEditorField as C, type DateFormatterService as D, type FormRendererProps as F, type OptionItem as O, RadioField as R, SelectField as S, TextField as T, type UploadedFile as U, type FieldRendererProps as a, type FormSchema as b, type FormServices as c, type FormColors as d, type FormField as e, type FileUploadService as f, type FormReferenceService as g, ApiReferenceField as h, CheckboxField as i, ColorField as j, DateTimePickerField as k, type FieldType as l, type FieldValidation as m, FileField as n, FormReferenceField as o, type FormSection as p, ToggleField as q };

package/dist/fields-BM8DDh8m.d.ts

@@ -0,0 +1,186 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React$1 from 'react';
+
+/**
+ * Core types for Custom Form Renderer
+ */
+interface OptionItem {
+    label: string;
+    value: string | number;
+    icon?: string;
+    group?: string;
+}
+type FieldType = 'text' | 'email' | 'number' | 'select' | 'checkbox' | 'radio' | 'datepicker' | 'file' | 'ckeditor' | 'toggle' | 'color' | 'formReference' | 'apiReference';
+interface FieldValidation {
+    min?: number;
+    max?: number;
+    pattern?: string;
+    maxFileSize?: number;
+    allowedFileTypes?: string[];
+}
+interface FormField {
+    type: FieldType;
+    label: string;
+    name: string;
+    required?: boolean;
+    placeholder?: string;
+    allowFilter?: boolean;
+    options?: OptionItem[] | string[];
+    validation?: FieldValidation;
+    referenceFormName?: string;
+    referenceFieldName?: string;
+    apiEndpoint?: string;
+    referenceModel?: string;
+    apiLabelField?: string;
+    apiValueField?: string;
+    allowMultiple?: boolean;
+    datePickerMode?: 'date' | 'datetime' | 'time';
+    /** @deprecated Use datePickerMode instead */
+    displayTime?: boolean;
+}
+interface FormSection {
+    id: string;
+    title: string;
+    description?: string;
+    fields: FormField[];
+}
+interface FormSchema {
+    _id?: string;
+    id?: string;
+    title: string;
+    name: string;
+    module?: string | null;
+    formType?: 'system' | 'custom';
+    collectionName?: string;
+    sections?: FormSection[];
+    fields?: FormField[];
+    settings?: {
+        sectionDisplayMode?: 'panel' | 'stepper';
+        fieldsPerRow?: number;
+        [key: string]: any;
+    };
+    createdAt?: string;
+    updatedAt?: string;
+}
+interface FormRendererProps {
+    formSchema: FormSchema;
+    onSubmit?: (data: Record<string, any>) => void | Promise<void>;
+    onCancel?: () => void;
+    isLoading?: boolean;
+    onSuccess?: () => void;
+    initialValues?: Record<string, any>;
+    hideTitle?: boolean;
+    allowResetOnValuesChange?: boolean;
+    mode?: 'edit' | 'view';
+    services?: FormServices;
+    colors?: FormColors;
+}
+interface FormServices {
+    fileUpload?: FileUploadService;
+    formReference?: FormReferenceService;
+    apiReference?: ApiReferenceService;
+    dateFormatter?: DateFormatterService;
+    SelectComponent?: React.ComponentType<any>;
+    FileDisplayComponent?: React.ComponentType<{
+        fieldValue: any;
+    }>;
+    CKEditorDisplayComponent?: React.ComponentType<{
+        content: string;
+        maxLength?: number;
+        showViewButton?: boolean;
+    }>;
+    fileBaseUrl?: string;
+    ckEditorLicenseKey?: string;
+    ckEditorScriptPath?: string;
+}
+interface FileUploadService {
+    uploadFiles: (formName: string, fieldName: string, files: File[]) => Promise<UploadedFile[]>;
+}
+interface UploadedFile {
+    _id?: string;
+    fileName: string;
+    originalName?: string;
+    fileUrl: string;
+    size?: number;
+    mimeType?: string;
+    [key: string]: any;
+}
+interface FormReferenceService {
+    fetchOptions: (formName: string, fieldName: string) => Promise<OptionItem[]>;
+}
+interface ApiReferenceService {
+    fetchOptions: (endpoint: string, labelField: string, valueField?: string) => Promise<OptionItem[]>;
+}
+interface DateFormatterService {
+    format: (value: any, options?: {
+        datePickerMode?: 'date' | 'datetime' | 'time';
+    }) => string;
+}
+interface FormColors {
+    primary?: string;
+    secondary?: string;
+    error?: string;
+    success?: string;
+    warning?: string;
+    info?: string;
+    textPrimary?: string;
+    textSecondary?: string;
+    divider?: string;
+    background?: string;
+    backgroundPaper?: string;
+}
+interface FieldRendererProps {
+    field: FormField;
+    control: any;
+    defaultValue: any;
+    rules: any;
+    errors: any;
+    setValue: any;
+    formSchema?: FormSchema;
+    uploadingFiles?: Record<string, boolean>;
+    setUploadingFiles?: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    setError?: (name: string, error: {
+        type: string;
+        message: string;
+    }) => void;
+    clearErrors?: (name?: string) => void;
+    services?: FormServices;
+    colors?: FormColors;
+}
+
+declare const TextField: ({ field, control, defaultValue, rules, errors }: FieldRendererProps) => react_jsx_runtime.JSX.Element;
+
+declare const SelectField: ({ field, control, defaultValue, rules, errors }: FieldRendererProps) => react_jsx_runtime.JSX.Element;
+
+declare const CheckboxField: ({ field, control, defaultValue, rules }: FieldRendererProps) => react_jsx_runtime.JSX.Element;
+
+declare const RadioField: ({ field, control, defaultValue, rules, errors }: FieldRendererProps) => react_jsx_runtime.JSX.Element;
+
+declare const ToggleField: ({ field, control, defaultValue, rules, errors }: FieldRendererProps) => react_jsx_runtime.JSX.Element;
+
+declare const ColorField: ({ field, control, defaultValue, rules, errors }: FieldRendererProps) => react_jsx_runtime.JSX.Element;
+
+declare const DateTimePickerField: ({ field, control, defaultValue, rules, errors }: FieldRendererProps) => react_jsx_runtime.JSX.Element;
+
+declare global {
+    interface Window {
+        ClassicEditor: any;
+    }
+}
+declare const CKEditorField: ({ field, control, defaultValue, rules, errors, setValue, formSchema, services, colors }: FieldRendererProps) => react_jsx_runtime.JSX.Element;
+
+interface FileFieldProps extends FieldRendererProps {
+    uploadingFiles?: Record<string, boolean>;
+    setUploadingFiles?: React$1.Dispatch<React$1.SetStateAction<Record<string, boolean>>>;
+    setError?: (name: string, error: {
+        type: string;
+        message: string;
+    }) => void;
+    clearErrors?: (name?: string) => void;
+}
+declare const FileField: ({ field, control, defaultValue, rules, errors, formSchema, uploadingFiles, setUploadingFiles, setError, clearErrors, services, colors, }: FileFieldProps) => react_jsx_runtime.JSX.Element;
+
+declare const FormReferenceField: ({ field, control, defaultValue, rules, errors, services }: FieldRendererProps) => react_jsx_runtime.JSX.Element;
+declare const ApiReferenceField: ({ field, control, defaultValue, rules, errors, services }: FieldRendererProps) => react_jsx_runtime.JSX.Element;
+
+export { type ApiReferenceService as A, CKEditorField as C, type DateFormatterService as D, type FormRendererProps as F, type OptionItem as O, RadioField as R, SelectField as S, TextField as T, type UploadedFile as U, type FieldRendererProps as a, type FormSchema as b, type FormServices as c, type FormColors as d, type FormField as e, type FileUploadService as f, type FormReferenceService as g, ApiReferenceField as h, CheckboxField as i, ColorField as j, DateTimePickerField as k, type FieldType as l, type FieldValidation as m, FileField as n, FormReferenceField as o, type FormSection as p, ToggleField as q };

package/dist/fields.d.mts

@@ -0,0 +1,3 @@
+export { h as ApiReferenceField, C as CKEditorField, i as CheckboxField, j as ColorField, k as DateTimePickerField, a as FieldRendererProps, n as FileField, o as FormReferenceField, R as RadioField, S as SelectField, T as TextField, q as ToggleField } from './fields-BM8DDh8m.mjs';
+import 'react/jsx-runtime';
+import 'react';

package/dist/fields.d.ts

@@ -0,0 +1,3 @@
+export { h as ApiReferenceField, C as CKEditorField, i as CheckboxField, j as ColorField, k as DateTimePickerField, a as FieldRendererProps, n as FileField, o as FormReferenceField, R as RadioField, S as SelectField, T as TextField, q as ToggleField } from './fields-BM8DDh8m.js';
+import 'react/jsx-runtime';
+import 'react';