react-crud-mui 0.2.49 → 0.2.51

package/dist/components/detail-page/hooks/useDetailPageModal.d.ts

@@ -24,7 +24,7 @@ declare function useDetailPageModal<TModel extends FieldValues>({ models, unique
     readonly promptOptions?: import('./useFormPrompt').UseFormPromptProps;
     readonly defaultReason?: NeedDataReason;
     readonly defaultSegmentIndex?: number;
-    readonly form?: import('../../form/hooks/useForm').UseFormReturn<TModel> | undefined;
+    readonly form?: import('../../form/hooks/useForm').UseFormReturn<TModel, FieldValues> | undefined;
     readonly schema?: import('zod').ZodType<TModel, import('zod').ZodTypeDef, TModel> | undefined;
     readonly validationOptions?: import('../../form/hooks/useForm').ValidationOptions<TModel> | undefined;
     readonly defaultValues?: import('../pages/DetailPageForm').DefaultData<TModel> | undefined;
@@ -473,8 +473,8 @@ declare function useDetailPageModal<TModel extends FieldValues>({ models, unique
     readonly steps?: import('../components/DetailPageStepsHeader').StepPane<TModel>[] | undefined;
     readonly customSteps?: React.ComponentType<import('../components/DetailPageStepsHeader').DetailPageStepsHeaderProps>;
     readonly stepsProps?: Partial<import('../components/DetailPageStepsHeader').DetailPageStepsHeaderProps>;
-    readonly onAfterDelete?: ((variables: import('../pages/DetailPageData').DeletePayload<TModel>, form: import('../../form/hooks/useForm').UseFormReturn<TModel>) => void) | undefined;
-    readonly onAfterSave?: ((result: void | Awaited<TModel> | undefined, variables: import('../pages/DetailPageData').SavePayload<TModel>, form: import('../../form/hooks/useForm').UseFormReturn<TModel>) => void) | undefined;
+    readonly onAfterDelete?: ((variables: import('../pages/DetailPageData').DeletePayload<TModel>, form: import('../../form/hooks/useForm').UseFormReturn<TModel, FieldValues>) => void) | undefined;
+    readonly onAfterSave?: ((result: void | Awaited<TModel> | undefined, variables: import('../pages/DetailPageData').SavePayload<TModel>, form: import('../../form/hooks/useForm').UseFormReturn<TModel, FieldValues>) => void) | undefined;
     readonly showSuccessMessages?: boolean;
     readonly uid?: string;
     readonly index?: number;

package/dist/components/form/hooks/useForm.d.ts

@@ -12,12 +12,16 @@ export type ValidationOptions<TFieldValues extends FieldValues = FieldValues> =
 export interface UseFormOptions<TFieldValues extends FieldValues> extends UseFormProps<TFieldValues> {
     schema?: z.ZodType<Partial<TFieldValues>>;
 }
-export interface UseFormReturn<TFieldValues extends FieldValues = FieldValues> extends ReactHookFormUseFormReturn<TFieldValues> {
+export interface UseFormReturn<TFieldValues extends FieldValues = FieldValues, TParentFieldValues extends FieldValues = FieldValues> extends ReactHookFormUseFormReturn<TFieldValues> {
     /**
      * Shortcut method for handleSubmit()()
      * @returns Returns form model when validation successed
      */
     getFormModel(): Promise<TFieldValues>;
+    /**
+     * Possible parent form if this form is a child of another form
+     */
+    parentForm?: UseFormReturn<TParentFieldValues>;
 }
 /**
  * Wrapper RHF useForm hook

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;