react-crud-mui 0.0.1-beta.57 → 0.0.1-beta.59

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.
@@ -415,7 +415,6 @@ declare function useDetailPageModal<TModel extends FieldValues>({ models, unique
415
415
  readonly footerContent?: import('react').ReactNode;
416
416
  readonly moreContent?: import('react').ReactNode;
417
417
  readonly panels?: import('../../page/components/DefaultPanels').PanelPane[];
418
- readonly bordered?: boolean;
419
418
  readonly commandsPosition?: import('../../page/Page').CommandsPosition;
420
419
  readonly onHeader?: (props: import('../components/DetailPageHeader').DetailPageHeaderProps) => import('react').ReactNode;
421
420
  readonly onLayout?: (props: import('../../page/components/DefaultLayout').PageLayoutProps) => import('react').ReactNode;
@@ -429,6 +428,7 @@ declare function useDetailPageModal<TModel extends FieldValues>({ models, unique
429
428
  readonly selectedTabIndex?: number;
430
429
  readonly onTabChanged?: (selected: import('../../page/components/DefaultTabs').TabChangedPayload) => void;
431
430
  readonly onTabs?: (props: import('../../..').DefaultTabsProps) => import('react').ReactNode;
431
+ readonly bordered?: boolean;
432
432
  readonly onDelete?: import('../pages/DetailPageData').DataEvent<TModel, import('../pages/DetailPageData').DeletePayload<TModel>> | undefined;
433
433
  readonly enableClose?: boolean;
434
434
  readonly enableCopy?: boolean;
@@ -6,5 +6,5 @@ export interface DetailPagePopoverProps<TModel extends FieldValues> extends Deta
6
6
  onClose: () => void;
7
7
  anchorEl: HTMLElement | null;
8
8
  }
9
- declare function DetailPagePopover<TModel extends FieldValues>({ popoverOptions, children, onClose, anchorEl, ...rest }: DetailPagePopoverProps<TModel>): import("react/jsx-runtime").JSX.Element;
9
+ declare function DetailPagePopover<TModel extends FieldValues>({ popoverOptions, children, onClose, anchorEl, ...dpProps }: DetailPagePopoverProps<TModel>): import("react/jsx-runtime").JSX.Element;
10
10
  export default DetailPagePopover;
@@ -3,5 +3,5 @@ import { ComboBoxProps, CreatableModel } from '../../combobox/ComboBox';
3
3
  import { ControlCommonProps } from '../Field';
4
4
  export interface FormComboBoxProps<T extends CreatableModel, Creatable extends boolean = false, TFieldValues extends FieldValues = FieldValues> extends Omit<ComboBoxProps<T, Creatable>, 'name'>, ControlCommonProps<TFieldValues> {
5
5
  }
6
- declare function FormComboBox<T extends CreatableModel, Creatable extends boolean, TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, disabled, ...comboBoxProps }: FormComboBoxProps<T, Creatable, TFieldValues>): import("react/jsx-runtime").JSX.Element;
6
+ declare function FormComboBox<T extends CreatableModel = CreatableModel, Creatable extends boolean = false, TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, disabled, ...comboBoxProps }: FormComboBoxProps<T, Creatable, TFieldValues>): import("react/jsx-runtime").JSX.Element;
7
7
  export default FormComboBox;
@@ -1,7 +1,7 @@
1
1
  import { FieldValues } from 'react-hook-form';
2
2
  import { SelectProps } from '../../select/Select';
3
3
  import { ControlCommonProps } from '../Field';
4
- export interface FormSelectProps<T extends FieldValues, TFieldValues extends FieldValues = FieldValues> extends Omit<SelectProps<T>, 'name'>, ControlCommonProps<TFieldValues> {
4
+ export interface FormSelectProps<T extends FieldValues = FieldValues, TFieldValues extends FieldValues = FieldValues> extends Omit<SelectProps<T>, 'name'>, ControlCommonProps<TFieldValues> {
5
5
  }
6
6
  declare function FormSelect<T extends FieldValues, TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, disabled, ...selectProps }: FormSelectProps<T, TFieldValues>): import("react/jsx-runtime").JSX.Element;
7
7
  export default FormSelect;
@@ -17,7 +17,7 @@ export interface ListPageProps<TModel extends FieldValues, TFilter extends Field
17
17
  /**
18
18
  * Simple list with filter and table
19
19
  */
20
- declare function ListPage<TModel extends FieldValues, TFilter extends FieldValues = FieldValues, TDetailPageModel extends FieldValues = FieldValues>({ onNeedData, defaultSegmentIndex, activeSegmentIndex, tabs, defaultMeta, removeFalsyFilterValues, ...lpProps }: ListPageProps<TModel, TFilter, TDetailPageModel>): import("react/jsx-runtime").JSX.Element;
20
+ declare function ListPage<TModel extends FieldValues, TFilter extends FieldValues = FieldValues, TDetailPageModel extends FieldValues = FieldValues>({ activeSegmentIndex, defaultMeta, defaultSegmentIndex, onNeedData, removeFalsyFilterValues, tableMode, tabs, ...lpProps }: ListPageProps<TModel, TFilter, TDetailPageModel>): import("react/jsx-runtime").JSX.Element;
21
21
  declare namespace ListPage {
22
22
  var Selection: typeof ListPageSelection;
23
23
  var Modal: typeof ListPageModal;
@@ -97,10 +97,6 @@ export interface ListPageContentProps<TModel extends FieldValues, TDetailPageMod
97
97
  * Total data row count of paging
98
98
  */
99
99
  dataCount?: number;
100
- /**
101
- * Enable table pagination default true
102
- */
103
- enablePagination?: boolean;
104
100
  /**
105
101
  * Custom list region component
106
102
  */
@@ -4,6 +4,7 @@ import { UseFormReturn } from '../../form/hooks/useForm';
4
4
  import { TabChangedPayload } from '../../page/components/DefaultTabs';
5
5
  import { TableProps } from '../../table/Table';
6
6
  import { ListPageContentProps } from './ListPageContent';
7
+ export type TableMode = 'server' | 'client';
7
8
  export type ListPageMeta = Pick<TableState, 'pagination' | 'sorting' | 'columnFilters'> & TabChangedPayload & {
8
9
  reason: SearchReason;
9
10
  };
@@ -37,9 +38,21 @@ export interface ListPageFilterProps<TModel extends FieldValues, TFilter extends
37
38
  * Make search on mount,default true
38
39
  */
39
40
  searchOnLoad?: boolean;
41
+ /**
42
+ * Enable table pagination default true
43
+ */
44
+ enablePagination?: boolean;
45
+ /**
46
+ * Enable table sorting default true
47
+ */
48
+ enableSorting?: boolean;
49
+ /**
50
+ * Table sorting and
51
+ */
52
+ tableMode?: TableMode;
40
53
  }
41
54
  /**
42
55
  * ListPage with filtering features
43
56
  */
44
- declare function ListPageFilter<TModel extends FieldValues, TFilter extends FieldValues = FieldValues, TDetailPageModel extends FieldValues = FieldValues>({ form, meta, tableProps: extableProps, onChange, defaultSegmentIndex, enablePagination, onClear, defaultMeta, searchOnLoad, ...lpProps }: ListPageFilterProps<TModel, TFilter, TDetailPageModel>): import("react/jsx-runtime").JSX.Element;
57
+ declare function ListPageFilter<TModel extends FieldValues, TFilter extends FieldValues = FieldValues, TDetailPageModel extends FieldValues = FieldValues>({ defaultMeta, defaultSegmentIndex, enablePagination, enableSorting, form, meta, onChange, onClear, searchOnLoad, tableMode, tableProps: extableProps, ...lpProps }: ListPageFilterProps<TModel, TFilter, TDetailPageModel>): import("react/jsx-runtime").JSX.Element;
45
58
  export default ListPageFilter;
@@ -1,10 +1,11 @@
1
1
  import { BoxProps } from '@mui/material/Box';
2
- export interface ModalProps extends BoxProps {
2
+ import { ModalProps as MuiModalProps } from '@mui/material/Modal';
3
+ export interface ModalProps extends BoxProps, Pick<MuiModalProps, 'disableAutoFocus' | 'disablePortal' | 'disableScrollLock' | 'disableEnforceFocus' | 'disableEscapeKeyDown' | 'disableRestoreFocus'> {
3
4
  open: boolean;
4
5
  onClose?: () => void;
5
6
  closable?: boolean;
6
7
  }
7
- declare function Modal({ children, open, onClose, closable, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
8
+ declare function Modal({ children, open, onClose, closable, disableAutoFocus, disablePortal, disableScrollLock, disableEnforceFocus, disableEscapeKeyDown, disableRestoreFocus, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
8
9
  declare namespace Modal {
9
10
  var Scroll: import("@emotion/styled").StyledComponent<import("simplebar-react").Props & import("react").RefAttributes<import("simplebar-core").default | null> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
10
11
  }
@@ -1,13 +1,13 @@
1
1
  import { ReactNode } from 'react';
2
- import { AccordionDetailsProps, AccordionProps } from '@mui/material';
2
+ import { AccordionDetailsProps, AccordionProps, BoxProps } from '@mui/material';
3
3
  export type PanelPane = Omit<AccordionProps, 'children' | 'key'> & {
4
4
  children?: ReactNode;
5
5
  label?: ReactNode;
6
6
  key: string;
7
7
  detailsProps?: AccordionDetailsProps;
8
8
  };
9
- export interface DefaultAccordionsProps {
9
+ export interface DefaultAccordionsProps extends BoxProps {
10
10
  panels: PanelPane[];
11
11
  }
12
- declare function DefaultPanels({ panels }: DefaultAccordionsProps): import("react/jsx-runtime").JSX.Element;
12
+ declare function DefaultPanels({ panels, ...boxProps }: DefaultAccordionsProps): import("react/jsx-runtime").JSX.Element;
13
13
  export default DefaultPanels;
@@ -6,7 +6,6 @@ export type TabPane = Omit<TabProps, 'children' | 'key'> & {
6
6
  };
7
7
  export interface DefaultTabsProps extends TabsProps {
8
8
  tabs: TabPane[];
9
- bordered?: boolean;
10
9
  extra?: ReactNode;
11
10
  wrapperSx?: SxProps;
12
11
  }
@@ -44,7 +44,7 @@ export interface TableProps<TData extends FieldValues> extends Omit<TableOptions
44
44
  newRowButtonText?: string;
45
45
  onNewRow?: () => void;
46
46
  onRenderNestedComponent?: (props: RenderSubComponentProps<TData>) => React.ReactNode;
47
- onRowClick?: (row: Row<TData>) => void;
47
+ onRowClick?: (e: React.MouseEvent<HTMLTableRowElement>, row: Row<TData>) => void;
48
48
  onRowEnterPress?: (row: Row<TData>) => void;
49
49
  onRowProps?: (row: Row<TData>) => React.ComponentProps<typeof BodyTableRow> | undefined;
50
50
  onSubTreeRows?: Path<TData> | ((originalRow: TData) => unknown[] | undefined);