react-crud-mui 0.2.50 → 0.2.52

package/dist/components/detail-page/components/DetailPageStepForm.d.ts

@@ -1,13 +1,15 @@
 import { PropsWithChildren } from 'react';
 import { DefaultValues, FieldValues, Path } from 'react-hook-form';
 import { z } from 'zod';
+import { ValidationOptions } from '../../form/hooks/useForm';
 interface DetailPageStepContentProps<TModel extends FieldValues> {
     schema?: z.ZodType<TModel>;
     defaultValues?: DefaultValues<TModel>;
     name: Path<TModel>;
+    validationOptions?: ValidationOptions;
 }
 /**
  * This component is used to create a form for each step in the detail page.
  */
-declare function DetailPageStepForm<TModel extends FieldValues>({ schema, name, children, defaultValues, }: DetailPageStepContentProps<TModel> & PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+declare function DetailPageStepForm<TModel extends FieldValues>({ schema, name, children, defaultValues, validationOptions, }: DetailPageStepContentProps<TModel> & PropsWithChildren): import("react/jsx-runtime").JSX.Element;
 export default DetailPageStepForm;

package/dist/components/detail-page/components/DetailPageStepsHeader.d.ts

@@ -4,6 +4,7 @@ import { StepProps } from '@mui/material/Step';
 import { StepLabelProps } from '@mui/material/StepLabel';
 import { StepperProps } from '@mui/material/Stepper';
 import { z } from 'zod';
+import { ValidationOptions } from '../../form/hooks/useForm';
 export interface DetailPageStepsHeaderProps<TModel extends FieldValues = FieldValues> extends Omit<StepperProps, 'onChange'> {
     items: StepPane<TModel>[];
     status?: StepStatus;
@@ -15,6 +16,7 @@ export type StepPane<TModel extends FieldValues = FieldValues, TFieldStepName ex
     defaultValues?: DefaultValues<PathValue<TModel, TFieldStepName>>;
     label: ReactNode;
     children: ReactNode;
+    validationOptions?: ValidationOptions;
 };
 export type StepStatus = 'wait' | 'process' | 'finish' | 'error';
 declare function DetailPageStepsHeader<TModel extends FieldValues = FieldValues>({ activeStep, items, ...stepperProps }: DetailPageStepsHeaderProps<TModel>): import("react/jsx-runtime").JSX.Element;

package/dist/components/table/Table.d.ts

@@ -4,11 +4,13 @@ import { SxProps, Theme } from '@mui/material/styles';
 import { TableProps as MuiTableProps } from '@mui/material/Table';
 import { TablePaginationProps } from '@mui/material/TablePagination';
 import { TableRowProps } from '@mui/material/TableRow';
-import { ColumnDef, Row, RowData, TableOptions } from '@tanstack/react-table';
+import { Header, Cell, ColumnDef, Row, RowData, TableOptions } from '@tanstack/react-table';
 import { SpinDelayOptions } from '../hooks/useSpinDelay';
 import { ScrollbarProps } from '../scrollbar/Scrollbar';
+import { BodyTableCell } from './components/BodyTableCell';
 import { BodyTableRow } from './components/BodyTableRow';
 import { EmptyTextProps } from './components/EmptyText';
+import { HeadTableCell } from './components/HeadTableCell';
 import { default as TableMoreMenu } from './components/TableMoreMenu';
 import { default as TableMoreMenuItem } from './components/TableMoreMenuItem';
 declare module '@tanstack/react-table' {
@@ -52,6 +54,8 @@ export interface TableProps<TData extends FieldValues> extends Omit<TableOptions
     onRowClick?: (e: React.MouseEvent<HTMLTableRowElement>, row: Row<TData>) => void;
     onRowEnterPress?: (row: Row<TData>) => void;
     onRowProps?: (row: Row<TData>) => React.ComponentProps<typeof BodyTableRow> | undefined;
+    onCellProps?: (cell: Cell<TData, unknown>) => React.ComponentProps<typeof BodyTableCell> | undefined;
+    onHeadCellProps?: (header: Header<TData, unknown>) => React.ComponentProps<typeof HeadTableCell> | undefined;
     onSubTreeRows?: Path<TData> | ((originalRow: TData) => unknown[] | undefined);
     rowIdField?: Path<TData>;
     scrollProps?: Partial<ScrollbarProps>;
@@ -69,9 +73,25 @@ export interface TableProps<TData extends FieldValues> extends Omit<TableOptions
     alternateColor?: boolean;
     delayOptions?: SpinDelayOptions;
 }
-declare function Table<TData extends FieldValues>({ alternateColor, autoFocus, bordered, columns, data, delayOptions, descriptionField, emptyText, enablePagination, enableRowClickSelect, enableNestedComponent, enableSkeleton, headerSx, loading, newRowButtonText, newRowButtonContent, onNewRow, onRenderNestedComponent, onRowClick, onRowEnterPress, onRowProps, onSubTreeRows, paginationProps, rowIdField, rowSx, size, showEmptyText, showHeader, showFooter, stickyHeader, scrollProps, showEmptyImage, showNewRowButton, skeletonRows, state, sx, ...tableProps }: TableProps<TData>): import("react/jsx-runtime").JSX.Element;
+declare function Table<TData extends FieldValues>({ alternateColor, autoFocus, bordered, columns, data, delayOptions, descriptionField, emptyText, enablePagination, enableRowClickSelect, enableNestedComponent, enableSkeleton, headerSx, loading, newRowButtonText, newRowButtonContent, onCellProps, onHeadCellProps, onNewRow, onRenderNestedComponent, onRowClick, onRowEnterPress, onRowProps, onSubTreeRows, paginationProps, rowIdField, rowSx, size, showEmptyText, showHeader, showFooter, stickyHeader, scrollProps, showEmptyImage, showNewRowButton, skeletonRows, state, sx, ...tableProps }: TableProps<TData>): import("react/jsx-runtime").JSX.Element;
 declare namespace Table {
     var MoreMenu: typeof TableMoreMenu;
     var MoreMenuItem: typeof TableMoreMenuItem;
+    var Row: import("@emotion/styled").StyledComponent<import("@mui/material").TableRowOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & {
+        ref?: ((instance: HTMLTableRowElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLTableRowElement> | null | undefined;
+    }, "className" | "style" | "classes" | "children" | "sx" | "selected" | "hover"> & import("@mui/system").MUIStyledCommonProps<Theme> & {
+        indicatorColor?: string;
+        bgColor?: string;
+        bordered?: boolean;
+    }, {}, {}>;
+    var Cell: import("@emotion/styled").StyledComponent<import("@mui/material").TableCellProps & import("@mui/system").MUIStyledCommonProps<Theme> & {
+        ellipsis?: boolean;
+    }, {}, {}>;
+    var HeadCell: import("@emotion/styled").StyledComponent<import("@mui/material").TableCellProps & import("@mui/system").MUIStyledCommonProps<Theme> & {
+        ellipsis?: boolean;
+    }, {}, {}>;
+    var NewRowButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonBaseOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
+    }, "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
 }
 export default Table;