@juv/codego-react-ui 3.2.4 → 3.2.7

package/dist/index.d.cts

@@ -271,6 +271,14 @@ interface ActionField {
     step?: number;
     /** Number of OTP digits for type="otp" */
     digits?: number;
+    /** Validation: regex or built-in preset ("email" | "url" | "numeric" | "alpha" | "alphanumeric") */
+    validation?: RegExp | "email" | "url" | "numeric" | "alpha" | "alphanumeric";
+    /** Custom message shown when validation fails */
+    validationMessage?: string;
+    /** Column span in grid layout (requires editFormGrid on DefaultActionsConfig) */
+    colSpan?: number;
+    /** Row span in grid layout */
+    rowSpan?: number;
     /** Custom render — overrides built-in field renderer */
     render?: (value: any, onChange: (v: any) => void) => React.ReactNode;
 }
@@ -335,6 +343,8 @@ interface DefaultActionsConfig<T> {
     editForm?: ActionField[];
     /** Fields rendered in the View modal. Auto-derived from row keys when omitted. */
     viewForm?: ActionField[];
+    /** Grid columns for the edit form layout (e.g. 2 = two-column grid). Default single column. */
+    editFormGrid?: number;
     /** Called after a successful edit or delete so the parent can refresh data. */
     onSuccess?: (action: "edit" | "delete", item: T) => void;
     /** Show a toast or notification banner on successful edit/delete */
@@ -854,7 +864,6 @@ interface DataGridColumn<T> {
     header: React.ReactNode;
     render?: (row: T, idx: number) => React.ReactNode;
     sortable?: boolean;
-    filterable?: boolean;
     width?: string;
     align?: "left" | "center" | "right";
 }
@@ -862,6 +871,7 @@ interface DataGridProps<T> {
     columns: DataGridColumn<T>[];
     data: T[];
     rowKey: keyof T | ((row: T) => string);
+    filterable?: string[];
     selectable?: boolean;
     selected?: string[];
     onSelectChange?: (keys: string[]) => void;
@@ -872,12 +882,10 @@ interface DataGridProps<T> {
     emptyMessage?: string;
     className?: string;
     onRowClick?: (row: T) => void;
-    /** Appends View / Edit / Delete action buttons per row */
     defaultActions?: DefaultActionsConfig<T>;
-    /** Pass the serverPagination object from useServerDataGrid to enable server-driven pagination */
     serverPagination?: ServerDataGridProp | null;
 }
-declare function DataGrid<T extends Record<string, unknown>>({ columns, data, rowKey, selectable, selected: controlledSelected, onSelectChange, pageSize, showPagination, showColumnToggle, loading, emptyMessage, className, onRowClick, defaultActions, serverPagination, }: DataGridProps<T>): react_jsx_runtime.JSX.Element;
+declare function DataGrid<T extends Record<string, unknown>>({ columns, data, rowKey, filterable, selectable, selected: controlledSelected, onSelectChange, pageSize, showPagination, showColumnToggle, loading, emptyMessage, className, onRowClick, defaultActions, serverPagination, }: DataGridProps<T>): react_jsx_runtime.JSX.Element;
 
 interface DatePickerProps {
     mode: "date" | "dateTime" | "time";
@@ -1651,6 +1659,8 @@ type ThemeColors = {
     warningHover: string;
     danger: string;
     dangerHover: string;
+    accent: string;
+    accentHover: string;
 };
 type ThemeSettings = {
     theme: Theme;
@@ -1676,6 +1686,8 @@ declare const COLOR_PALETTE: {
     hover: string;
     info: string;
     infoHover: string;
+    accent: string;
+    accentHover: string;
 }[];
 declare function ThemeProvider({ children, storageKey, savedConfigKey, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 declare const useTheme: () => ThemeProviderState;

package/dist/index.d.ts

@@ -271,6 +271,14 @@ interface ActionField {
     step?: number;
     /** Number of OTP digits for type="otp" */
     digits?: number;
+    /** Validation: regex or built-in preset ("email" | "url" | "numeric" | "alpha" | "alphanumeric") */
+    validation?: RegExp | "email" | "url" | "numeric" | "alpha" | "alphanumeric";
+    /** Custom message shown when validation fails */
+    validationMessage?: string;
+    /** Column span in grid layout (requires editFormGrid on DefaultActionsConfig) */
+    colSpan?: number;
+    /** Row span in grid layout */
+    rowSpan?: number;
     /** Custom render — overrides built-in field renderer */
     render?: (value: any, onChange: (v: any) => void) => React.ReactNode;
 }
@@ -335,6 +343,8 @@ interface DefaultActionsConfig<T> {
     editForm?: ActionField[];
     /** Fields rendered in the View modal. Auto-derived from row keys when omitted. */
     viewForm?: ActionField[];
+    /** Grid columns for the edit form layout (e.g. 2 = two-column grid). Default single column. */
+    editFormGrid?: number;
     /** Called after a successful edit or delete so the parent can refresh data. */
     onSuccess?: (action: "edit" | "delete", item: T) => void;
     /** Show a toast or notification banner on successful edit/delete */
@@ -854,7 +864,6 @@ interface DataGridColumn<T> {
     header: React.ReactNode;
     render?: (row: T, idx: number) => React.ReactNode;
     sortable?: boolean;
-    filterable?: boolean;
     width?: string;
     align?: "left" | "center" | "right";
 }
@@ -862,6 +871,7 @@ interface DataGridProps<T> {
     columns: DataGridColumn<T>[];
     data: T[];
     rowKey: keyof T | ((row: T) => string);
+    filterable?: string[];
     selectable?: boolean;
     selected?: string[];
     onSelectChange?: (keys: string[]) => void;
@@ -872,12 +882,10 @@ interface DataGridProps<T> {
     emptyMessage?: string;
     className?: string;
     onRowClick?: (row: T) => void;
-    /** Appends View / Edit / Delete action buttons per row */
     defaultActions?: DefaultActionsConfig<T>;
-    /** Pass the serverPagination object from useServerDataGrid to enable server-driven pagination */
     serverPagination?: ServerDataGridProp | null;
 }
-declare function DataGrid<T extends Record<string, unknown>>({ columns, data, rowKey, selectable, selected: controlledSelected, onSelectChange, pageSize, showPagination, showColumnToggle, loading, emptyMessage, className, onRowClick, defaultActions, serverPagination, }: DataGridProps<T>): react_jsx_runtime.JSX.Element;
+declare function DataGrid<T extends Record<string, unknown>>({ columns, data, rowKey, filterable, selectable, selected: controlledSelected, onSelectChange, pageSize, showPagination, showColumnToggle, loading, emptyMessage, className, onRowClick, defaultActions, serverPagination, }: DataGridProps<T>): react_jsx_runtime.JSX.Element;
 
 interface DatePickerProps {
     mode: "date" | "dateTime" | "time";
@@ -1651,6 +1659,8 @@ type ThemeColors = {
     warningHover: string;
     danger: string;
     dangerHover: string;
+    accent: string;
+    accentHover: string;
 };
 type ThemeSettings = {
     theme: Theme;
@@ -1676,6 +1686,8 @@ declare const COLOR_PALETTE: {
     hover: string;
     info: string;
     infoHover: string;
+    accent: string;
+    accentHover: string;
 }[];
 declare function ThemeProvider({ children, storageKey, savedConfigKey, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 declare const useTheme: () => ThemeProviderState;