react-crud-mui 0.2.85 → 0.2.88

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

@@ -1,15 +1,9 @@
 import { default as React } from 'react';
-type CommandsOptions = {
-    onCreate: () => void;
-    onClose: () => void;
-};
 export interface SuccessPanelProps {
-    title: string;
+    title?: string;
     helperText?: string;
-    onCommands?: (options: CommandsOptions) => React.ReactNode;
+    commands?: React.ReactNode;
     icon?: React.ReactNode;
-    onCreate: () => void;
-    onClose: () => void;
 }
-declare function SuccessPanel({ icon, title, helperText, onCommands, onCreate, onClose, }: SuccessPanelProps): import("react/jsx-runtime").JSX.Element;
+declare function SuccessPanel({ icon, title, helperText, commands }: SuccessPanelProps): import("react/jsx-runtime").JSX.Element;
 export default SuccessPanel;

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

@@ -478,10 +478,12 @@ declare function useDetailPageModal<TModel extends FieldValues, TProps extends S
     readonly steps?: import('../components/DetailPageStepsHeader').StepPane<TModel>[] | undefined;
     readonly customSteps?: React.ComponentType<import('../components/DetailPageStepsHeader').DetailPageStepsHeaderProps>;
     readonly stepsProps?: Partial<import('../components/DetailPageStepsHeader').DetailPageStepsHeaderProps>;
+    readonly successPanelVisible?: boolean;
+    readonly successPanelProps?: import('../components/SuccessPanel').SuccessPanelProps | ((model: TModel, events: Pick<import('../pages/DetailPageContent').DetailPageContentProps<TModel>, "onClose" | "onCreate">) => import('../components/SuccessPanel').SuccessPanelProps) | undefined;
+    readonly onSuccessPanel?: ((model: TModel, events: Pick<import('../pages/DetailPageContent').DetailPageContentProps<TModel>, "onClose" | "onCreate">) => React.ReactNode) | 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 successPanelProps?: Omit<import('../components/SuccessPanel').SuccessPanelProps, "onClose" | "onCreate"> | ((model?: TModel | undefined) => Omit<import('../components/SuccessPanel').SuccessPanelProps, "onCreate" | "onClose">) | undefined;
     readonly uid?: string;
     readonly index?: number;
 }];

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

@@ -9,6 +9,7 @@ import { CommandsProps, CommandsPropsFn, DetailPageCommandsProps } from '../comp
 import { DetailPageLayoutOptions, DetailPageLayoutProps } from '../components/DetailPageDefaultLayout';
 import { DetailPageHeaderProps } from '../components/DetailPageHeader';
 import { DetailPageStepsHeaderProps, StepPane } from '../components/DetailPageStepsHeader';
+import { SuccessPanelProps } from '../components/SuccessPanel';
 import { NavigationDirection, SaveMode } from './DetailPageData';
 export type NeedDataReason = 'create' | 'fetch' | 'copy' | 'view';
 export type DetailPageWrapperLayoutProps<TModel extends FieldValues = FieldValues> = {
@@ -154,6 +155,18 @@ export interface DetailPageContentProps<TModel extends FieldValues> extends Omit
      * Extra content to be placed in tab bar area
      */
     tabExtraContent?: ReactNode | ((data?: TModel) => ReactNode);
+    /**
+     * Show success panel on create/save (Default false
+     */
+    successPanelVisible?: boolean;
+    /**
+     * Show success panel on create/save (Default false)
+     */
+    successPanelProps?: SuccessPanelProps | ((model: TModel, events: Pick<DetailPageContentProps<TModel>, 'onCreate' | 'onClose'>) => SuccessPanelProps);
+    /**
+     * Custom render for success panel
+     */
+    onSuccessPanel?: (model: TModel, events: Pick<DetailPageContentProps<TModel>, 'onCreate' | 'onClose'>) => React.ReactNode;
 }
-declare function DetailPageContent<TModel extends FieldValues>({ activeSegmentIndex, alerts, autoSave, children, commandsPosition, commandsProps, customSteps: CustomSteps, data, defaultSaveMode, disabled, disableShortCuts, enableClose, enableCopy, enableCreate, enableDelete, enableDiscardChanges, enableSave, error, form, hotkeyScopes, loading, onClose, onCommands, onContentLayout, onCopy, onCreate, onDelete, onDiscardChanges, onSegmentChanged, onExtraCommands, onHeader, onNavigate, onSave, onSaveClose, onSaveCreate, onWrapperLayout, readOnly, reason, showHeader, steps, stepsProps, tabExtraContent, ...pageProps }: DetailPageContentProps<TModel>): import("react/jsx-runtime").JSX.Element;
+declare function DetailPageContent<TModel extends FieldValues>({ activeSegmentIndex, alerts, autoSave, children, commandsPosition, commandsProps, customSteps: CustomSteps, data, defaultSaveMode, disabled, disableShortCuts, enableClose, enableCopy, enableCreate, enableDelete, enableDiscardChanges, enableSave, error, form, hotkeyScopes, loading, onClose, onCommands, onContentLayout, onCopy, onCreate, onDelete, onDiscardChanges, onSegmentChanged, onExtraCommands, onHeader, onNavigate, onSave, onSaveClose, onSaveCreate, onWrapperLayout, readOnly, reason, showHeader, steps, stepsProps, successPanelVisible, successPanelProps, onSuccessPanel, tabExtraContent, ...pageProps }: DetailPageContentProps<TModel>): import("react/jsx-runtime").JSX.Element;
 export default DetailPageContent;

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

@@ -1,6 +1,5 @@
 import { FieldValues } from 'react-hook-form';
 import { UseFormReturn } from '../../form/hooks/useForm';
-import { SuccessPanelProps } from '../components/SuccessPanel';
 import { DetailPageContentProps, NeedDataReason } from './DetailPageContent';
 export type DataResult<TModel> = TModel | Promise<TModel | void | undefined> | undefined | void;
 export interface DataEvent<TModel extends FieldValues, TVariables> {
@@ -52,10 +51,6 @@ export interface DetailPageDataProps<TModel extends FieldValues> extends Omit<De
      * Enable to show success messages (Default true)
      */
     showSuccessMessages?: boolean;
-    /**
-     * Show success panel on create/save (Default false)
-     */
-    successPanelProps?: Omit<SuccessPanelProps, 'onCreate' | 'onClose'> | ((model?: TModel) => Omit<SuccessPanelProps, 'onCreate' | 'onClose'>);
     /**
      * Event called after succesfull save
      */
@@ -68,5 +63,5 @@ export interface DetailPageDataProps<TModel extends FieldValues> extends Omit<De
 /**
  * Page component that all data manupulation is handled
  */
-declare function DetailPageData<TModel extends FieldValues>({ alerts, autoSave, data, error, form, loading, onAfterDelete, onAfterSave, onClose, onDelete, onDiscardChanges, onLayout, onReasonChange, onNavigate, onSave, reason, showSuccessMessages, successPanelProps, ...dpProps }: DetailPageDataProps<TModel>): import("react/jsx-runtime").JSX.Element;
+declare function DetailPageData<TModel extends FieldValues>({ alerts, autoSave, data, error, form, loading, onAfterDelete, onAfterSave, onClose, onDelete, onDiscardChanges, onReasonChange, onNavigate, onSave, reason, showSuccessMessages, successPanelProps, ...dpProps }: DetailPageDataProps<TModel>): import("react/jsx-runtime").JSX.Element;
 export default DetailPageData;

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

@@ -5,15 +5,20 @@ import { ActionCommandsProps } from '../../action-commands/ActionCommands';
 import { EmptyTextProps } from '../../table/components/EmptyText';
 export interface CardListProps<TModel extends FieldValues> {
     data?: TModel[];
+    enableSkeleton?: boolean;
     onCardMeta: (model: TModel, actions: React.ReactNode, actionProps: ActionCommandsProps<TModel>) => ReactNode;
+    onCardSkeleton?: () => ReactNode;
     onActionCommandProps: (model: TModel, index: number) => ActionCommandsProps<TModel>;
     cardColProps?: Grid2Props;
     cardRowProps?: Grid2Props;
     cardWrapperProps?: BoxProps;
     enablePagination?: boolean;
+    loading?: boolean;
     paginationProps?: PaginationProps;
     emptyTextProps?: EmptyTextProps;
     enableActionCommands?: boolean;
+    showEmptyText?: boolean;
+    skeletonRows?: number;
 }
-declare function CardList<TModel extends FieldValues>({ enableActionCommands, cardWrapperProps, cardColProps, cardRowProps, data, enablePagination, onCardMeta, paginationProps, onActionCommandProps, emptyTextProps, }: CardListProps<TModel>): import("react/jsx-runtime").JSX.Element;
+declare function CardList<TModel extends FieldValues>({ cardColProps, cardRowProps, cardWrapperProps, data, emptyTextProps, enableActionCommands, enablePagination, onActionCommandProps, onCardMeta, onCardSkeleton, loading, enableSkeleton, paginationProps, skeletonRows, showEmptyText, }: CardListProps<TModel>): import("react/jsx-runtime").JSX.Element;
 export default CardList;

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

@@ -51,7 +51,10 @@ export interface ListPageFilterProps<TModel extends FieldValues, TFilter extends
      * Enable table sorting default true
      */
     enableSorting?: boolean;
-    cardProps?: Pick<CardListProps<TModel>, 'cardColProps' | 'cardRowProps' | 'onCardMeta' | 'emptyTextProps' | 'cardWrapperProps'>;
+    /**
+     * Card list props
+     */
+    cardProps?: Omit<CardListProps<TModel>, 'data' | 'loading' | 'onActionCommandProps'>;
 }
 /**
  * ListPage with filtering features