finform-react-builder 1.8.25 → 1.8.27

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

@@ -2,8 +2,8 @@ import { default as React } from 'react';
 export type GridColumn = {
     key: string;
     header: string;
-    type?: "text" | "number" | "select" | "checkbox";
-    width?: number | string;
+    type?: "text" | "number" | "select" | "checkbox" | "date" | "index";
+    width?: number | string | "auto";
     options?: {
         label: string;
         value: any;
@@ -12,6 +12,7 @@ export type GridColumn = {
     disabled?: boolean | ((row: any, index: number) => boolean);
     value?: any | ((row: any, index: number) => any);
     editable?: boolean;
+    indexFormat?: (index: number) => string;
     helperText?: string;
     required?: boolean;
     minLength?: number;

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

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { Control } from 'react-hook-form';
+export interface ListCardItem {
+    id: string | number;
+    header?: string;
+    chipText?: string;
+    leftAction?: {
+        name: string;
+        label?: string;
+    };
+    rightAction?: {
+        name: string;
+        label?: string;
+    };
+}
+export interface FinListCardsProps {
+    name: string;
+    control: Control<any>;
+    items: ListCardItem[];
+    sx?: any;
+    cardSx?: any;
+}
+export declare const FinListCards: React.FC<FinListCardsProps>;

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

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

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' | 'grid';
+    type: 'text' | 'email' | 'password' | 'number' | 'tel' | 'select' | 'checkbox' | 'toggle' | 'radio' | 'switch' | 'autocomplete' | 'date' | 'textarea' | 'image' | 'title' | 'section' | 'component' | 'finuiHeader' | 'tabs' | 'grid' | 'listcards';
     placeholder?: string;
     labelPosition?: 'inner' | 'top' | 'none';
     labelVariant?: 'caption' | 'body2' | 'subtitle2' | 'h6';
@@ -226,8 +226,8 @@ export interface GridField extends BaseField {
     columns: Array<{
         key: string;
         header: string;
-        type?: 'text' | 'number' | 'select' | 'checkbox';
-        width?: number | string;
+        type?: 'text' | 'number' | 'select' | 'checkbox' | 'date' | 'index';
+        width?: number | string | 'auto';
         options?: {
             label: string;
             value: any;
@@ -236,6 +236,7 @@ export interface GridField extends BaseField {
         disabled?: boolean | ((row: any, index: number) => boolean);
         value?: any | ((row: any, index: number) => any);
         editable?: boolean;
+        indexFormat?: (index: number) => string;
         helperText?: string;
         required?: boolean;
         minLength?: number;
@@ -279,7 +280,25 @@ export interface GridField extends BaseField {
     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 ListCardsField extends BaseField {
+    type: 'listcards';
+    items: Array<{
+        id: string | number;
+        header?: string;
+        chipText?: string;
+        leftAction?: {
+            name: string;
+            label?: string;
+        };
+        rightAction?: {
+            name: string;
+            label?: string;
+        };
+    }>;
+    sx?: any;
+    cardSx?: any;
+}
+export type FieldConfig = TextField | NumberField | SelectField | CheckboxField | ToggleField | RadioField | SwitchField | AutocompleteField | DateField | ImageField | TitleField | SectionField | ComponentField | FinUiHeaderField | TabsField | GridField | ListCardsField;
 export interface FormButton {
     text: string;
     color?: string;