react-crud-mui 0.2.26 → 0.2.28

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { LoadingButtonProps } from '@mui/lab/LoadingButton';
 import { MoreButtonItem } from '../../more-button/MoreButton';
 import { CloseReason, CommandsPosition } from '../../page/Page';
@@ -52,15 +53,17 @@ export type DetailPageCommandsLayoutContents = {
     renderMoreCommand: (items: MoreButtonItem[]) => ReactNode;
     extra?: ReactNode;
 };
-export type DetailPageCommmandsSettings = {
+export type DetailPageCommmandsSettings<TModel extends FieldValues = FieldValues> = {
     content: ReactNode;
     layout: DetailPageCommandsLayoutContents;
     props: DetailPageCommandsState & DetailPageCommandsOptions;
+    data?: TModel;
 };
-export interface DetailPageCommandsProps extends DetailPageCommandsState {
-    onCommands?: (props: DetailPageCommmandsSettings) => ReactNode;
+export interface DetailPageCommandsProps<TModel extends FieldValues = FieldValues> extends DetailPageCommandsState {
+    onCommands?: (props: DetailPageCommmandsSettings<TModel>) => ReactNode;
     onExtraCommands?: () => ReactNode;
     commandsExtraProps?: DetailPageCommandsExtraProps;
+    data?: TModel;
 }
 export declare enum DetailPageCommandNames {
     SAVE = "save",
@@ -71,5 +74,5 @@ export declare enum DetailPageCommandNames {
     CLOSE = "close",
     NAVIGATE = "navigate"
 }
-declare function DetailPageCommands(props: DetailPageCommandsProps): import("react/jsx-runtime").JSX.Element;
+declare function DetailPageCommands<TModel extends FieldValues = FieldValues>(props: DetailPageCommandsProps<TModel>): import("react/jsx-runtime").JSX.Element;
 export default DetailPageCommands;

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

@@ -0,0 +1,3 @@
+import { PageLayoutProps } from '../../page/components/DefaultLayout';
+declare function DetailPageDrawerLayout({ alertsContent, content, panelsContent, footerContent, progressContent, options, pageHeader, moreContent, tabsContent, tabsHeaderContent, }: PageLayoutProps): import("react/jsx-runtime").JSX.Element;
+export default DetailPageDrawerLayout;

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

@@ -421,6 +421,7 @@ declare function useDetailPageModal<TModel extends FieldValues>({ models, unique
     readonly showCommands?: boolean;
     readonly morePanelProps?: import('../../more-panel/MorePanel').MorePanelProps;
     readonly progressProps?: import('../../progress/Progress').ProgressProps;
+    readonly enableProgress?: boolean;
     readonly disableShortCuts?: boolean;
     readonly tabsPosition?: import('../../page/Page').TabsPosition;
     readonly tabExtraContent?: import('react').ReactNode | ((data?: TModel | undefined) => import('react').ReactNode);
@@ -437,7 +438,7 @@ declare function useDetailPageModal<TModel extends FieldValues>({ models, unique
     readonly enableSave?: boolean;
     readonly reason?: NeedDataReason;
     readonly activeSegmentIndex?: number;
-    readonly onCommands?: (props: import('../components/DetailPageCommands').DetailPageCommmandsSettings) => import('react').ReactNode;
+    readonly onCommands?: ((props: import('../components/DetailPageCommands').DetailPageCommmandsSettings<TModel>) => import('react').ReactNode) | undefined;
     readonly onExtraCommands?: () => import('react').ReactNode;
     readonly createCommandLabel?: import('react').ReactNode;
     readonly alerts?: import('../../page/hooks/useNormalizeMessages').Message[];

package/dist/components/detail-page/pages/DetailPageContent.d.ts

@@ -15,7 +15,7 @@ export type DetailPageWrapperLayoutProps = {
     commandsContent: ReactNode;
     alertsContent: ReactNode;
 };
-export interface DetailPageContentProps<TModel extends FieldValues> extends Omit<PageProps, 'commandsContent' | 'alertsContent' | 'autoSave' | 'onHeader' | 'tabExtraContent'>, Pick<DetailPageCommandsProps, 'onCommands' | 'onExtraCommands' | 'createCommandLabel'> {
+export interface DetailPageContentProps<TModel extends FieldValues> extends Omit<PageProps, 'commandsContent' | 'alertsContent' | 'autoSave' | 'onHeader' | 'tabExtraContent'>, Pick<DetailPageCommandsProps<TModel>, 'onCommands' | 'onExtraCommands' | 'createCommandLabel'> {
     data?: TModel;
     /**
      * External error indicator

package/dist/components/detail-page/pages/DetailPageDrawer.d.ts

@@ -1,6 +1,7 @@
 import { FieldValues } from 'react-hook-form';
 import { DrawerProps } from '@mui/material/Drawer';
 import { default as DetailPageDrawerCommands } from '../components/DetailPageDrawerCommands';
+import { default as DetailPageDrawerLayout } from '../components/DetailPageDrawerLayout';
 import { DetailPageModalProps } from './DetailPageModal';
 export interface DetailPageDrawerProps<TModel extends FieldValues = FieldValues> extends Omit<DetailPageModalProps<TModel>, 'modalProps'> {
     /**
@@ -11,5 +12,6 @@ export interface DetailPageDrawerProps<TModel extends FieldValues = FieldValues>
 declare function DetailPageDrawer<TModel extends FieldValues>({ drawerProps, open, onClose, promptOptions, ...dpProps }: DetailPageDrawerProps<TModel>): import("react/jsx-runtime").JSX.Element;
 declare namespace DetailPageDrawer {
     var Commands: typeof DetailPageDrawerCommands;
+    var Layout: typeof DetailPageDrawerLayout;
 }
 export default DetailPageDrawer;

package/dist/components/list-page/constants.d.ts

@@ -1,6 +1,6 @@
 export declare const LISTPAGE_FORM_NAME = "listpage-filter-form";
 export declare const EXTRA_FILTER_FORM_GROUP = "extra-filter-group";
 export declare const DEFAULT_PAGEINDEX = 0;
-export declare const DEFAULT_PAGESIZE = 25;
+export declare const DEFAULT_PAGESIZE = 15;
 export declare const MAX_PAGE_SIZE = 999;
 export declare const SCROLL_ELEMENT_NAME = "scroll-to-list";

package/dist/components/page/Page.d.ts

@@ -29,6 +29,7 @@ export interface PageProps extends HeaderProps {
     disabled?: boolean;
     loading?: boolean;
     progressProps?: ProgressProps;
+    enableProgress?: boolean;
     disableShortCuts?: boolean;
     tabs?: TabPane[];
     tabsPosition?: TabsPosition;
@@ -40,7 +41,7 @@ export interface PageProps extends HeaderProps {
     panels?: PanelPane[];
 }
 export declare const PagePadding: Record<PaddingSize, number>;
-declare function Page({ alertsContent, bordered, centerContent, children, commandsContent, commandsPosition, disabled, footerContent, loading, progressProps, moreContent, morePanelProps, onHeader, onLayout, onTabChanged, onTabs, panels, rightContent, selectedTabIndex, showCommands, showHeader, size, style, sx, tabs, tabExtraContent, tabsPosition, ...headerProps }: PageProps): import("react/jsx-runtime").JSX.Element;
+declare function Page({ alertsContent, bordered, centerContent, children, commandsContent, commandsPosition, disabled, enableProgress, footerContent, loading, moreContent, progressProps, morePanelProps, onHeader, onLayout, onTabChanged, onTabs, panels, rightContent, selectedTabIndex, showCommands, showHeader, size, style, sx, tabs, tabExtraContent, tabsPosition, ...headerProps }: PageProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Page {
     var Content: typeof PageContent;
     var Divider: typeof PageDivider;

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

@@ -1,6 +1,5 @@
 import { default as React, ReactNode } from 'react';
 import { FieldValues, Path } from 'react-hook-form';
-import { IntersectionOptions } from 'react-intersection-observer';
 import { SxProps, Theme } from '@mui/material/styles';
 import { TableProps as MuiTableProps } from '@mui/material/Table';
 import { TablePaginationProps } from '@mui/material/TablePagination';
@@ -47,7 +46,7 @@ export interface TableProps<TData extends FieldValues> extends Omit<TableOptions
     enableSkeleton?: boolean;
     enableRowClickSelect?: boolean;
     loading?: boolean;
-    newRowButtonText?: string;
+    newRowButtonText?: ReactNode;
     onNewRow?: () => void;
     onRenderNestedComponent?: (props: RenderSubComponentProps<TData>) => React.ReactNode;
     onRowClick?: (e: React.MouseEvent<HTMLTableRowElement>, row: Row<TData>) => void;
@@ -57,21 +56,20 @@ export interface TableProps<TData extends FieldValues> extends Omit<TableOptions
     rowIdField?: Path<TData>;
     scrollProps?: Partial<ScrollbarProps>;
     skeletonRows?: number;
-    showNewRowButton?: boolean;
+    showNewRowButton?: 'always' | 'empty';
+    showEmptyText?: boolean;
     showHeader?: boolean;
     showFooter?: boolean;
-    paginationProps?: Partial<TablePaginationProps>;
+    paginationProps?: Partial<TablePaginationProps> & {
+        extraContent?: ReactNode;
+    };
     headerSx?: TableRowProps['sx'];
     rowSx?: TableRowProps['sx'];
     newRowButtonContent?: ReactNode;
     alternateColor?: boolean;
-    infiniteScrollOptions?: IntersectionOptions & {
-        hasMore: boolean;
-        onFetchMore: () => void;
-    };
     delayOptions?: SpinDelayOptions;
 }
-declare function Table<TData extends FieldValues>({ alternateColor, autoFocus, bordered, columns, data, delayOptions, descriptionField, emptyText, enablePagination, enableRowClickSelect, enableNestedComponent, enableSkeleton, headerSx, infiniteScrollOptions, loading, newRowButtonText, newRowButtonContent, onNewRow, onRenderNestedComponent, onRowClick, onRowEnterPress, onRowProps, onSubTreeRows, paginationProps, rowIdField, rowSx, size, showHeader, showFooter, stickyHeader, scrollProps, showEmptyImage, showNewRowButton, skeletonRows, sx, state, ...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, 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;

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

@@ -5,3 +5,4 @@ export declare const EXPANDER_COL_NAME = "expander";
 export declare const TREE_EXPANDER_COL_NAME = "tree-expander";
 export declare const BUILTIN_BAND_COL_NAME = "place_holder_band";
 export declare const DEFAULT_ROW_KEY_FIELD = "id";
+export declare const DEFAULT_PAGER_SIZES: number[];