finform-react-builder 1.8.22 → 1.8.24

package/dist/components/FinForm/inputs/FinEditableGrid.d.ts

@@ -0,0 +1,66 @@
+import { default as React } from 'react';
+export type GridColumn = {
+    key: string;
+    header: string;
+    type?: "text" | "number" | "select" | "checkbox";
+    width?: number | string;
+    options?: {
+        label: string;
+        value: any;
+    }[];
+    placeholder?: string;
+    disabled?: boolean | ((row: any, index: number) => boolean);
+    value?: any | ((row: any, index: number) => any);
+    editable?: boolean;
+    helperText?: string;
+    required?: boolean;
+    minLength?: number;
+    maxLength?: number;
+    pattern?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    endorsementText?: string | ((row: any, index: number) => string);
+    endorsementBg?: string;
+    endorsementColor?: string;
+    endorsementRadius?: number | string;
+    endorsementHeight?: number;
+    endorsementPaddingX?: number;
+    apiConfig?: {
+        endpoint: string;
+        method?: 'GET' | 'POST' | 'PUT' | 'DELETE';
+        valueField?: string;
+        labelField?: string;
+        headers?: Record<string, string>;
+        params?: Record<string, any>;
+        body?: any;
+        transform?: (data: any[]) => Array<{
+            label: string;
+            value: string | number;
+        }>;
+        dependsOn?: string;
+        conditional?: boolean;
+        passThroughFields?: string[];
+    };
+    sx?: any;
+    cellSx?: any;
+};
+export interface FinEditableGridProps {
+    name: string;
+    columns: GridColumn[];
+    initialRow: Record<string, any>;
+    addLabel?: string;
+    rowDeletable?: boolean;
+    control: any;
+    sx?: any;
+    addActions?: {
+        label: string;
+        template: Record<string, any>;
+    }[];
+    emptyTitle?: string;
+    emptySubtitle?: string;
+    emptyCardSx?: any;
+    setValue?: (name: string, value: any, options?: any) => void;
+}
+export declare const FinEditableGrid: React.FC<FinEditableGridProps>;
+export default FinEditableGrid;

package/dist/components/FinForm/inputs/index.d.ts

@@ -14,3 +14,4 @@ export * from './FinCustomizedVerticalStepper';
 export * from './FinChip';
 export * from './FinInfoCard';
 export * from './FinTabs';
+export * from './FinEditableGrid';

package/dist/components/FinForm/types.d.ts

@@ -29,7 +29,7 @@ export interface BaseField {
     title?: string;
     name: string;
     label: string;
-    type: 'text' | 'email' | 'password' | 'number' | 'tel' | 'select' | 'checkbox' | 'toggle' | 'radio' | 'switch' | 'autocomplete' | 'date' | 'textarea' | 'image' | 'title' | 'section' | 'component' | 'finuiHeader' | 'tabs';
+    type: 'text' | 'email' | 'password' | 'number' | 'tel' | 'select' | 'checkbox' | 'toggle' | 'radio' | 'switch' | 'autocomplete' | 'date' | 'textarea' | 'image' | 'title' | 'section' | 'component' | 'finuiHeader' | 'tabs' | 'grid';
     placeholder?: string;
     labelPosition?: 'inner' | 'top' | 'none';
     labelVariant?: 'caption' | 'body2' | 'subtitle2' | 'h6';
@@ -220,7 +220,66 @@ export interface TabsField extends BaseField {
     defaultValue?: any;
     tabSx?: any;
 }
-export type FieldConfig = TextField | NumberField | SelectField | CheckboxField | ToggleField | RadioField | SwitchField | AutocompleteField | DateField | ImageField | TitleField | SectionField | ComponentField | FinUiHeaderField | TabsField;
+export interface GridField extends BaseField {
+    type: 'grid';
+    initialRow: Record<string, any>;
+    columns: Array<{
+        key: string;
+        header: string;
+        type?: 'text' | 'number' | 'select' | 'checkbox';
+        width?: number | string;
+        options?: {
+            label: string;
+            value: any;
+        }[];
+        placeholder?: string;
+        disabled?: boolean | ((row: any, index: number) => boolean);
+        value?: any | ((row: any, index: number) => any);
+        editable?: boolean;
+        helperText?: string;
+        required?: boolean;
+        minLength?: number;
+        maxLength?: number;
+        pattern?: string;
+        min?: number;
+        max?: number;
+        step?: number;
+        endorsementText?: string | ((row: any, index: number) => string);
+        endorsementBg?: string;
+        endorsementColor?: string;
+        endorsementRadius?: number | string;
+        endorsementHeight?: number;
+        endorsementPaddingX?: number;
+        apiConfig?: {
+            endpoint: string;
+            method?: 'GET' | 'POST' | 'PUT' | 'DELETE';
+            valueField?: string;
+            labelField?: string;
+            headers?: Record<string, string>;
+            params?: Record<string, any>;
+            body?: any;
+            transform?: (data: any[]) => Array<{
+                label: string;
+                value: string | number;
+            }>;
+            dependsOn?: string;
+            conditional?: boolean;
+            passThroughFields?: string[];
+        };
+        sx?: any;
+        cellSx?: any;
+    }>;
+    addLabel?: string;
+    rowDeletable?: boolean;
+    addActions?: {
+        label: string;
+        template: Record<string, any>;
+    }[];
+    emptyTitle?: string;
+    emptySubtitle?: string;
+    emptyCardSx?: any;
+}
+export type FieldConfig = TextField | NumberField | SelectField | CheckboxField | ToggleField | RadioField | SwitchField | AutocompleteField | DateField | ImageField | TitleField | SectionField | ComponentField | FinUiHeaderField | TabsField | GridField;
 export interface FormButton {
     text: string;
     color?: string;