react-crud-mui 0.0.1-beta.18 → 0.0.1-beta.19

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

@@ -414,6 +414,7 @@ declare function useDetailPageModal<TModel extends FieldValues>({ models, unique
     readonly helperText?: import('react').ReactNode;
     readonly headerProps?: import('@mui/material').BoxProps;
     readonly moreOptions?: import('../../..').MoreButtonProps["options"];
+    readonly useIconWrapper?: boolean;
     readonly error?: import('../../utils').ServerError;
     readonly onDelete?: import('../pages/DetailPageData').DataEvent<TModel, import('../pages/DetailPageData').DeletePayload<TModel>> | undefined;
     readonly onCreate?: () => void;
@@ -424,6 +425,7 @@ declare function useDetailPageModal<TModel extends FieldValues>({ models, unique
     readonly onLayout?: (props: import('../../page/components/DefaultLayout').PageLayoutProps) => import('react').ReactNode;
     readonly showHeader?: boolean;
     readonly disableShortCuts?: boolean;
+    readonly tabsPosition?: import('../../page/Page').TabsPosition;
     readonly selectedTabIndex?: number;
     readonly onTabChanged?: (selected: import('../../page/components/DefaultTabs').TabChangedPayload) => void;
     readonly onTabs?: (props: import('../../..').DefaultTabsProps) => import('react').ReactNode;

package/dist/components/header/Header.d.ts

@@ -10,6 +10,7 @@ export interface HeaderProps extends React.ComponentProps<typeof FlexBetween> {
     headerProps?: BoxProps;
     icon?: ReactNode;
     moreOptions?: MoreButtonProps['options'];
+    useIconWrapper?: boolean;
 }
-declare function Header({ moreOptions, header, headerProps, icon, rightContent, helperText, centerContent, ...flexProps }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function Header({ moreOptions, header, headerProps, icon, rightContent, helperText, centerContent, children, useIconWrapper, ...flexProps }: HeaderProps): import("react/jsx-runtime").JSX.Element;
 export default Header;

package/dist/components/list-page/pages/ListPageContent.d.ts

@@ -1,6 +1,7 @@
-import { default as React, ComponentType, ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 import { FieldValues } from 'react-hook-form';
 import { ActionCommandsProps } from '../../action-commands/ActionCommands';
+import { NeedDataReason } from '../../detail-page/pages/DetailPageContent';
 import { DetailPageDrawerProps } from '../../detail-page/pages/DetailPageDrawer';
 import { DetailPageModalProps } from '../../detail-page/pages/DetailPageModal';
 import { Message } from '../../page/hooks/useNormalizeMessages';
@@ -16,7 +17,10 @@ export type ListPageWrapperLayoutProps = {
     commandsContent: ReactNode;
     detailPageContent: ReactNode;
 };
-export interface ListPageContentProps<TModel extends FieldValues, TDetailPageModel extends FieldValues = FieldValues> extends Omit<PageProps, 'commandsContent' | 'alertsContent' | 'autoSave' | 'onHeader' | 'onChange'>, Pick<ListPageCommandsProps, 'onCommands' | 'onExtraCommands' | 'createCommandLabel'> {
+export type DetailPageComponentType<TDetailPageModel extends FieldValues = FieldValues> = React.ComponentType<DetailPageModalProps<TDetailPageModel> | DetailPageDrawerProps<TDetailPageModel>>;
+export type DetailPageComponentOptions<TDetailPageModel extends FieldValues = FieldValues> = Partial<Record<NeedDataReason, DetailPageComponentType<TDetailPageModel>>>;
+export type DetailPageComponent<TDetailPageModel extends FieldValues = FieldValues> = DetailPageComponentOptions<TDetailPageModel> | DetailPageComponentType<TDetailPageModel>;
+export interface ListPageContentProps<TModel extends FieldValues, TDetailPageModel extends FieldValues = FieldValues> extends Omit<PageProps, 'commandsContent' | 'alertsContent' | 'autoSave' | 'onHeader' | 'onChange' | 'onCopy'>, Pick<ListPageCommandsProps, 'onCommands' | 'onExtraCommands' | 'createCommandLabel'> {
     /**
      * Alerts
      */
@@ -104,7 +108,19 @@ export interface ListPageContentProps<TModel extends FieldValues, TDetailPageMod
     /**
      * New item event fired when new item button pressed
      */
-    onCreateItem?: () => void;
+    onCreate?: () => void;
+    /**
+     * Edit event fired when edit action of the row clicked
+     */
+    onEdit?: (model: TModel) => void;
+    /**
+     * Copy event fired when copy action of the row clicked
+     */
+    onCopy?: (model: TModel) => void;
+    /**
+     * View event fired when view action of the row clicked
+     */
+    onView?: (model: TModel) => void;
     /**
      * Custom header function
      */
@@ -117,7 +133,7 @@ export interface ListPageContentProps<TModel extends FieldValues, TDetailPageMod
     /**
      * Embedded detail page component
      */
-    detailPage?: ComponentType<DetailPageModalProps<TDetailPageModel> | DetailPageDrawerProps<TDetailPageModel>>;
+    detailPage?: DetailPageComponent<TDetailPageModel>;
     /**
      * Render action commands used with detailPage on every row
      */
@@ -131,5 +147,5 @@ export interface ListPageContentProps<TModel extends FieldValues, TDetailPageMod
      */
     onDelete?: (model: TModel) => void;
 }
-declare function ListPageContent<TModel extends FieldValues, TDetailPageModel extends FieldValues = FieldValues>({ activeSegmentIndex, actionCommandsProps, alerts, autoSearch, columns, createCommandLabel, data, dataCount, detailPage: EmbededDetailPageComponent, disabled, disableShortCuts, enableActionCommands, enableClear, enableCreateItem, enableExport, enableSearch, error, filterContent, hotkeyScopes, list: ListComponent, loading, onClear, onClose, onCommands, onCreateItem, onDelete, onExcelExport, onExtraCommands, onHeader, onSearch, onTabChanged, tableProps, onWrapperLayout, showHeader, ...pageProps }: ListPageContentProps<TModel, TDetailPageModel>): import("react/jsx-runtime").JSX.Element;
+declare function ListPageContent<TModel extends FieldValues, TDetailPageModel extends FieldValues = FieldValues>({ activeSegmentIndex, actionCommandsProps, alerts, autoSearch, columns, createCommandLabel, data, dataCount, detailPage, disabled, disableShortCuts, enableActionCommands, enableClear, enableCreateItem, enableExport, enableSearch, error, filterContent, hotkeyScopes, list: ListComponent, loading, onClear, onClose, onCommands, onCopy, onCreate, onDelete, onEdit, onExcelExport, onExtraCommands, onHeader, onSearch, onTabChanged, onView, tableProps, onWrapperLayout, showHeader, ...pageProps }: ListPageContentProps<TModel, TDetailPageModel>): import("react/jsx-runtime").JSX.Element;
 export default ListPageContent;

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

@@ -7,6 +7,7 @@ import { default as PageDivider } from './components/PageDivider';
 import { PaddingSize } from './components/PageProvider';
 export type CloseReason = 'backdrop' | 'close-button' | 'action';
 export type CommandsPosition = 'top-right' | 'top-left' | 'bottom-left' | 'bottom-right' | 'bottom' | 'top';
+export type TabsPosition = 'in-center' | 'in-subrow';
 export interface PageProps extends Omit<HeaderProps, 'rightContent'> {
     commandsContent?: ReactNode;
     commandsPosition?: CommandsPosition;
@@ -21,12 +22,13 @@ export interface PageProps extends Omit<HeaderProps, 'rightContent'> {
     loading?: boolean;
     disableShortCuts?: boolean;
     tabs?: TabPane[];
+    tabsPosition?: TabsPosition;
     selectedTabIndex?: number;
     onTabChanged?: (selected: TabChangedPayload) => void;
     onTabs?: (props: DefaultTabsProps) => ReactNode;
 }
 export declare const PagePadding: Record<PaddingSize, number>;
-declare function Page({ alertsContent, children, commandsContent, commandsPosition, onTabs, disabled, footerContent, loading, onHeader, onLayout, showHeader, size, style, sx, tabs, onTabChanged, selectedTabIndex, ...headerProps }: PageProps): import("react/jsx-runtime").JSX.Element;
+declare function Page({ alertsContent, children, commandsContent, commandsPosition, onTabs, disabled, footerContent, loading, onHeader, onLayout, showHeader, size, style, sx, tabs, onTabChanged, selectedTabIndex, tabsPosition, ...headerProps }: PageProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Page {
     var Content: typeof PageContent;
     var Divider: typeof PageDivider;

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

@@ -6,6 +6,7 @@ export type TabPane = Omit<TabProps, 'children' | 'key'> & {
 };
 export interface DefaultTabsProps extends TabsProps {
     tabs: TabPane[];
+    bordered?: boolean;
 }
 export type TabChangedPayload = {
     selectedTabIndex: number;