react-crud-mui 0.2.64 → 0.2.66

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3,7 +3,7 @@ import { FieldValues } from 'react-hook-form';
3
3
  import { NeedDataReason } from '../detail-page/pages/DetailPageContent';
4
4
  import { TableMoreMenuProps } from '../table/components/TableMoreMenu';
5
5
  import { default as TableMoreMenuItem } from '../table/components/TableMoreMenuItem';
6
- export interface ActionCommandsProps<TModel extends FieldValues> extends Omit<TableMoreMenuProps, 'children' | 'open' | 'handleClose' | 'handleOpen'> {
6
+ export interface ActionCommandsProps<TModel extends FieldValues = FieldValues> extends Omit<TableMoreMenuProps, 'children' | 'open' | 'handleClose' | 'handleOpen'> {
7
7
  onEdit?: () => void;
8
8
  onView?: () => void;
9
9
  onCopy?: () => void;
@@ -1,3 +1,3 @@
1
1
  import { PageLayoutProps } from '../../page/components/DefaultLayout';
2
- declare function DetailPageModalLayout({ options, content, alertsContent, footerContent, moreContent, pageHeader, panelsContent, progressContent, tabsContent, tabsHeaderContent, }: PageLayoutProps): import("react/jsx-runtime").JSX.Element;
2
+ declare function DetailPageModalLayout({ options, content, alertsContent, footerContent, moreContent, pageHeader, panelsContent, progressContent, stickyContent, tabsContent, tabsHeaderContent, }: PageLayoutProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default DetailPageModalLayout;
@@ -440,7 +440,7 @@ declare function useDetailPageModal<TModel extends FieldValues>({ models, unique
440
440
  readonly showHeader?: boolean;
441
441
  readonly showCommands?: boolean;
442
442
  readonly morePanelProps?: import('../../more-panel/MorePanel').MorePanelProps;
443
- readonly progressProps?: import('../../progress/Progress').ProgressProps;
443
+ readonly progressProps?: import('../../..').ProgressProps;
444
444
  readonly enableProgress?: boolean;
445
445
  readonly disableShortCuts?: boolean;
446
446
  readonly tabsPosition?: import('../../page/Page').TabsPosition;
@@ -1,6 +1,6 @@
1
1
  import { default as React, ReactNode } from 'react';
2
2
  import { FieldValues } from 'react-hook-form';
3
- import { Grid2Props, PaginationProps } from '@mui/material';
3
+ import { BoxProps, Grid2Props, PaginationProps } from '@mui/material';
4
4
  import { ActionCommandsProps } from '../../action-commands/ActionCommands';
5
5
  import { EmptyTextProps } from '../../table/components/EmptyText';
6
6
  export interface CardListProps<TModel extends FieldValues> {
@@ -9,10 +9,11 @@ export interface CardListProps<TModel extends FieldValues> {
9
9
  onActionCommandProps: (model: TModel, index: number) => ActionCommandsProps<TModel>;
10
10
  cardColProps?: Grid2Props;
11
11
  cardRowProps?: Grid2Props;
12
+ cardWrapperProps?: BoxProps;
12
13
  enablePagination?: boolean;
13
14
  paginationProps?: PaginationProps;
14
15
  emptyTextProps?: EmptyTextProps;
15
16
  enableActionCommands?: boolean;
16
17
  }
17
- declare function CardList<TModel extends FieldValues>({ enableActionCommands, cardColProps, cardRowProps, data, enablePagination, onCardMeta, paginationProps, onActionCommandProps, emptyTextProps, }: CardListProps<TModel>): import("react/jsx-runtime").JSX.Element;
18
+ declare function CardList<TModel extends FieldValues>({ enableActionCommands, cardWrapperProps, cardColProps, cardRowProps, data, enablePagination, onCardMeta, paginationProps, onActionCommandProps, emptyTextProps, }: CardListProps<TModel>): import("react/jsx-runtime").JSX.Element;
18
19
  export default CardList;
@@ -0,0 +1,8 @@
1
+ import { ReactNode } from 'react';
2
+ import { PageLayoutProps } from '../../page/components/DefaultLayout';
3
+ export type ListPageLayoutProps = PageLayoutProps & {
4
+ filterContent: ReactNode;
5
+ tableContent: ReactNode;
6
+ };
7
+ declare function ListPageDefaultLayout({ filterContent, tableContent, alertsContent, content, panelsContent, footerContent, progressContent, options, pageHeader, moreContent, tabsContent, tabsHeaderContent, }: ListPageLayoutProps): import("react/jsx-runtime").JSX.Element;
8
+ export default ListPageDefaultLayout;
@@ -0,0 +1,3 @@
1
+ import { ListPageLayoutProps } from './ListPageDefaultLayout';
2
+ declare function ListPageModalLayout({ filterContent, tableContent, alertsContent, content, panelsContent, footerContent, progressContent, options, pageHeader, moreContent, stickyContent, tabsContent, tabsHeaderContent, }: ListPageLayoutProps): import("react/jsx-runtime").JSX.Element;
3
+ export default ListPageModalLayout;
@@ -1,5 +1,6 @@
1
1
  import { FieldValues } from 'react-hook-form';
2
2
  import { default as ListPageCommands } from '../components/ListPageCommands';
3
+ import { default as ListPageDefaultLayout } from '../components/ListPageDefaultLayout';
3
4
  import { ListPageMeta } from './ListPageFilter';
4
5
  import { ListPageFormProps } from './ListPageForm';
5
6
  import { default as ListPageModal } from './ListPageModal';
@@ -24,5 +25,6 @@ declare namespace ListPage {
24
25
  var Modal: typeof ListPageModal;
25
26
  var Route: typeof ListPageRoute;
26
27
  var Commands: typeof ListPageCommands;
28
+ var Layout: typeof ListPageDefaultLayout;
27
29
  }
28
30
  export default ListPage;
@@ -11,6 +11,7 @@ import { TableColumn, TableProps } from '../../table/Table';
11
11
  import { ServerError } from '../../utils';
12
12
  import { CardListProps } from '../components/CardList';
13
13
  import { ListPageCommandsProps } from '../components/ListPageCommands';
14
+ import { ListPageLayoutProps } from '../components/ListPageDefaultLayout';
14
15
  import { ListPageHeaderProps } from '../components/ListPageHeader';
15
16
  export type ListType = 'table' | 'card';
16
17
  export type ListPageWrapperLayoutProps = {
@@ -24,7 +25,7 @@ export type ListPageWrapperLayoutProps = {
24
25
  };
25
26
  type DetailPageRender<TDetailPageModel extends FieldValues> = (props: DetailPageModalProps<TDetailPageModel> | DetailPageDrawerProps<TDetailPageModel>, open: ReturnType<typeof useDetailPageModal<TDetailPageModel>>[0]) => ReactNode;
26
27
  export type OnDetailPage<TDetailPageModel extends FieldValues> = Partial<Record<NeedDataReason, DetailPageRender<TDetailPageModel>>> | DetailPageRender<TDetailPageModel>;
27
- export interface ListPageContentProps<TModel extends FieldValues> extends Omit<PageProps, 'commandsContent' | 'alertsContent' | 'autoSave' | 'onHeader' | 'onChange' | 'onCopy'>, Pick<ListPageCommandsProps, 'commandsProps'> {
28
+ export interface ListPageContentProps<TModel extends FieldValues> extends Omit<PageProps, 'commandsContent' | 'alertsContent' | 'autoSave' | 'onHeader' | 'onChange' | 'onCopy' | 'onLayout'>, Pick<ListPageCommandsProps, 'commandsProps'> {
28
29
  /**
29
30
  * Custom commands node
30
31
  */
@@ -122,6 +123,7 @@ export interface ListPageContentProps<TModel extends FieldValues> extends Omit<P
122
123
  */
123
124
  activeSegmentIndex?: number;
124
125
  onWrapperLayout?: (props: ListPageWrapperLayoutProps) => React.ReactNode;
126
+ onLayout?: (props: ListPageLayoutProps) => React.ReactNode;
125
127
  /**
126
128
  * Embedded detail page component render function
127
129
  */
@@ -163,5 +165,5 @@ export interface ListPageContentProps<TModel extends FieldValues> extends Omit<P
163
165
  */
164
166
  listType?: ListType;
165
167
  }
166
- declare function ListPageContent<TModel extends FieldValues>({ activeSegmentIndex, actionCommandsProps, actionColumnProps, alerts, autoSearch, cardProps, children, columns, commandsProps, data, dataCount, disabled, disableShortCuts, enableActionCommands, enableRowClickToDetails, enableClear, enableCreateItem, enableRefetch, enableExport, enableSearch, error, filterContent, hotkeyScopes, listType, loading, onActionClick, onActionCommands, onClear, onClose, onCommands, onCustomTable, onDetailPage, onExcelExport, onExtraCommands, onHeader, onSearch, onTabChanged, tableProps, onWrapperLayout, showHeader, ...pageProps }: ListPageContentProps<TModel>): import("react/jsx-runtime").JSX.Element;
168
+ declare function ListPageContent<TModel extends FieldValues>({ activeSegmentIndex, actionCommandsProps, actionColumnProps, alerts, autoSearch, cardProps, children, columns, commandsProps, data, dataCount, disabled, disableShortCuts, enableActionCommands, enableRowClickToDetails, enableClear, enableCreateItem, enableRefetch, enableExport, enableSearch, error, filterContent, hotkeyScopes, listType, loading, onActionClick, onActionCommands, onClear, onClose, onCommands, onCustomTable, onDetailPage, onExcelExport, onExtraCommands, onHeader, onLayout, onSearch, onTabChanged, tableProps, onWrapperLayout, showHeader, ...pageProps }: ListPageContentProps<TModel>): import("react/jsx-runtime").JSX.Element;
167
169
  export default ListPageContent;
@@ -1,5 +1,6 @@
1
1
  import { FieldValues } from 'react-hook-form';
2
2
  import { ModalProps } from '../../modal/Modal';
3
+ import { default as ListPageModalLayout } from '../components/ListPageModalLayout';
3
4
  import { ListPageProps } from './ListPage';
4
5
  export interface ListPageModalProps<TModel extends FieldValues, TFilter extends FieldValues = FieldValues> extends Omit<ListPageProps<TModel, TFilter>, 'onSelect'> {
5
6
  /**
@@ -12,4 +13,7 @@ export interface ListPageModalProps<TModel extends FieldValues, TFilter extends
12
13
  open?: boolean;
13
14
  }
14
15
  declare function ListPageModal<TModel extends FieldValues, TFilter extends FieldValues = FieldValues>({ modalProps, open, onClose, ...lpProps }: ListPageModalProps<TModel, TFilter>): import("react/jsx-runtime").JSX.Element;
16
+ declare namespace ListPageModal {
17
+ var Layout: typeof ListPageModalLayout;
18
+ }
15
19
  export default ListPageModal;
@@ -1,6 +1,6 @@
1
1
  import { default as React, PropsWithChildren, ReactNode } from 'react';
2
- import { StackProps } from '@mui/material/Stack';
3
- export interface MorePanelProps extends StackProps {
2
+ import { FlexBoxProps } from '../flexbox/FlexBox';
3
+ export interface MorePanelProps extends FlexBoxProps {
4
4
  initialVisibility?: boolean;
5
5
  extraContent?: React.ReactNode;
6
6
  moreText?: ReactNode;
@@ -20,6 +20,7 @@ export type PageLayoutProps = {
20
20
  panelsContent?: ReactNode;
21
21
  progressContent?: ReactNode;
22
22
  moreContent?: ReactNode;
23
+ stickyContent?: ReactNode;
23
24
  };
24
25
  declare function DefaultLayout({ alertsContent, content, panelsContent, footerContent, progressContent, options, pageHeader, moreContent, tabsContent, tabsHeaderContent, }: PageLayoutProps): import("react/jsx-runtime").JSX.Element;
25
26
  export default DefaultLayout;
@@ -4,7 +4,7 @@ import { HeaderOwnProps } from '../header/Header';
4
4
  export type PanelTab = {
5
5
  key: React.Key;
6
6
  value: string;
7
- children: ReactNode;
7
+ children?: ReactNode;
8
8
  title: ReactNode;
9
9
  };
10
10
  export interface PanelProps extends CardProps, HeaderOwnProps {
@@ -23,6 +23,6 @@ export type SelectProps<T extends FieldValues = FieldValues> = Partial<Omit<MuiS
23
23
  selectInitialOption?: boolean | ((model: T) => boolean);
24
24
  labelWrapperProps?: Omit<FormControlProps, 'children'>;
25
25
  };
26
- declare function Select<T extends FieldValues = FieldValues>({ allowClear, children, data, descriptionTemplate, disabled, displayTemplate, dropDownHeight, error, groupBy: groupByFn, helperText, labelWrapperProps, id, label, onChange, optionImg, optionImgProps, optionTemplate, optionAsValue, selectInitialOption, selectRef, sx, value, valueField, multiple, size, ...rest }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
26
+ declare function Select<T extends FieldValues = FieldValues>({ allowClear, children, data, descriptionTemplate, disabled, displayTemplate, dropDownHeight, error, groupBy: groupByFn, helperText, labelWrapperProps, id, label, onChange, optionImg, optionImgProps, optionTemplate, optionAsValue, readOnly, selectInitialOption, selectRef, sx, value, valueField, multiple, size, ...rest }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
27
27
  declare const _default: typeof Select;
28
28
  export default _default;