react-crud-mui 0.2.42 → 0.2.44

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

@@ -1,4 +1,5 @@
-import { PropsWithChildren, ReactNode } from 'react';
+import { PropsWithChildren } from 'react';
+import { ButtonProps } from '@mui/material';
 import { UseFormReturn } from '../../form/hooks/useForm';
 import { CloseReason } from '../../page/Page';
 import { DetailPageCommandsFlag } from '../hooks/useDetailPageStates';
@@ -6,8 +7,6 @@ import { SaveMode } from '../pages/DetailPageData';
 import { StepPane } from './DetailPageStepsHeader';
 export type DetailPageStandartCommandsOptions = {
     saveCommandMode?: SaveMode;
-    createCommandLabel?: ReactNode;
-    saveCommandLabel?: ReactNode;
 };
 export type DetailPageStepCommandsOptions = {
     nextButtonTitle?: React.ReactNode;
@@ -39,6 +38,7 @@ export type DetailPageCommandsProps = DetailPageStandartCommandsEvents & DetailP
     options: DetailPageCommandsOptions;
     mode: 'standard' | 'steps';
     moreCommands?: Partial<Record<keyof DetailPageCommandsFlag, true>>;
+    commandsProps?: Partial<Record<keyof DetailPageCommandsFlag, ButtonProps>>;
 } & PropsWithChildren;
 declare function DetailPageCommands(props: DetailPageCommandsProps): import("react/jsx-runtime").JSX.Element;
 export default DetailPageCommands;

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

@@ -446,6 +446,7 @@ declare function useDetailPageModal<TModel extends FieldValues>({ models, unique
     readonly onTabChanged?: (selected: import('../../page/components/DefaultTabs').TabChangedPayload) => void;
     readonly onTabs?: (props: import('../../..').DefaultTabsProps) => import('react').ReactNode;
     readonly bordered?: boolean;
+    readonly reason?: NeedDataReason;
     readonly onDelete?: import('../pages/DetailPageData').DataEvent<TModel, import('../pages/DetailPageData').DeletePayload<TModel>> | undefined;
     readonly enableClose?: boolean;
     readonly enableCopy?: boolean;
@@ -453,10 +454,8 @@ declare function useDetailPageModal<TModel extends FieldValues>({ models, unique
     readonly enableDelete?: boolean;
     readonly enableDiscardChanges?: boolean;
     readonly enableSave?: boolean;
-    readonly reason?: NeedDataReason;
     readonly activeSegmentIndex?: number;
-    readonly createCommandLabel?: import('react').ReactNode;
-    readonly saveCommandLabel?: import('react').ReactNode;
+    readonly commandsProps?: Partial<Record<keyof import('./useDetailPageStates').DetailPageCommandsFlag, import('@mui/material').ButtonProps>>;
     readonly onCommands?: (props: import('../components/DetailPageCommands').DetailPageCommandsProps) => import('react').ReactNode;
     readonly onExtraCommands?: () => import('react').ReactNode;
     readonly alerts?: import('../../page/hooks/useNormalizeMessages').Message[];

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

@@ -5,7 +5,7 @@ import { Message } from '../../page/hooks/useNormalizeMessages';
 import { PageProps } from '../../page/Page';
 import { ServerError } from '../../utils';
 import { AutoSaveOptions } from '../components/AutoSave';
-import { DetailPageCommandsProps, DetailPageStandartCommandsOptions } from '../components/DetailPageCommands';
+import { DetailPageCommandsProps } from '../components/DetailPageCommands';
 import { DetailPageLayoutProps } from '../components/DetailPageDefaultLayout';
 import { DetailPageHeaderProps } from '../components/DetailPageHeader';
 import { DetailPageStepsHeaderProps, StepPane } from '../components/DetailPageStepsHeader';
@@ -17,7 +17,7 @@ export type DetailPageWrapperLayoutProps = {
     commandsContent: ReactNode;
     alertsContent: ReactNode;
 };
-export interface DetailPageContentProps<TModel extends FieldValues> extends Omit<PageProps, 'commandsContent' | 'alertsContent' | 'autoSave' | 'onHeader' | 'tabExtraContent'>, Pick<DetailPageStandartCommandsOptions, 'createCommandLabel' | 'saveCommandLabel'> {
+export interface DetailPageContentProps<TModel extends FieldValues> extends Omit<PageProps, 'commandsContent' | 'alertsContent' | 'autoSave' | 'onHeader' | 'tabExtraContent'>, Pick<DetailPageCommandsProps, 'commandsProps'> {
     /**
      * Custom commands node
      */
@@ -142,5 +142,5 @@ export interface DetailPageContentProps<TModel extends FieldValues> extends Omit
     stepsProps?: Partial<DetailPageStepsHeaderProps>;
     tabExtraContent?: ReactNode | ((data?: TModel) => ReactNode);
 }
-declare function DetailPageContent<TModel extends FieldValues>({ activeSegmentIndex, alerts, autoSave, children, commandsPosition, customSteps: CustomSteps, createCommandLabel, data, defaultSaveMode, disabled, disableShortCuts, enableClose, enableCopy, enableCreate, enableDelete, enableDiscardChanges, enableSave, error, form, hotkeyScopes, loading, onClose, onCommands, onContentLayout, onCopy, onCreate, onDelete, onDiscardChanges, onSegmentChanged, onExtraCommands, onHeader, onSave, onSaveClose, onSaveCreate, onWrapperLayout, reason, saveCommandLabel, 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, onSave, onSaveClose, onSaveCreate, onWrapperLayout, reason, showHeader, steps, stepsProps, tabExtraContent, ...pageProps }: DetailPageContentProps<TModel>): import("react/jsx-runtime").JSX.Element;
 export default DetailPageContent;

package/dist/components/form/components/FormStatesProvider.d.ts

@@ -0,0 +1,8 @@
+import { default as React, PropsWithChildren } from 'react';
+export interface FormStatesProviderProps {
+    isTouched?: boolean;
+    setTouched?: (value: boolean) => void;
+}
+export declare const FormStatesContext: React.Context<FormStatesProviderProps>;
+declare function FormStatesProvider({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export default FormStatesProvider;

package/dist/components/form/hooks/index.d.ts

@@ -12,4 +12,5 @@ export { default as useUniqueFieldsInArray } from './useUniqueFieldsInArray';
 export { default as useFormInitEffect } from './useFormInitEffect';
 export { default as useFieldWithContext } from './useFieldWithContext';
 export { default as useFormCollectionContext } from './useFormCollectionContext';
+export { default as useFormStatesContext } from './useFormStatesContext';
 export { UNIQUE_IDENTIFIER_FIELD_NAME } from './useArrayFieldHelpers';

package/dist/components/form/hooks/useFormStatesContext.d.ts

@@ -0,0 +1,3 @@
+import { FormStatesProviderProps } from '../components/FormStatesProvider';
+declare function useFormStatesContext(): Required<FormStatesProviderProps>;
+export default useFormStatesContext;

package/dist/components/i18n/resources/en.json.d.ts

@@ -136,7 +136,7 @@ declare const _default: {
     "nextstep": "Next Step",
     "no": "No",
     "nodatafound": "No item found to display",
-    "pleasewait": "Please wait",
+    "pleasewait": "Please wait..",
     "takingtoolong": "We’re working on it,please hold on",
     "prevpage": "Previous record",
     "prevstep": "Previous Step",

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

@@ -1,55 +1,15 @@
-import { ReactNode } from 'react';
-import { LoadingButtonProps } from '@mui/lab/LoadingButton';
+import { PropsWithChildren } from 'react';
 import { ButtonProps } from '@mui/material/Button';
-import { MoreButtonItem } from '../../more-button/MoreButton';
-export interface ListPageCommandsFlag {
-    search?: boolean;
-    export?: boolean;
-    clear?: boolean;
-    create?: boolean;
-}
-export interface ListPageCommandsExtraProps {
-    search?: LoadingButtonProps;
-    clear?: ButtonProps;
-    create?: ButtonProps;
-}
-export interface ListPageCommandsOptions {
-    visible: ListPageCommandsFlag;
-    disabled: ListPageCommandsFlag;
-    loading?: boolean;
-}
-export type ListPageCommandsStates = {
+import { ListPageCommandsFlag } from '../hooks/useListPageCommandStates';
+export type ListPageCommandsEvents = {
     onSearch: () => void;
     onCreateItem?: () => void;
     onClear?: () => void;
     onExcelExport?: () => void;
-    createCommandLabel?: ReactNode;
 };
-export type ListPageCommandsLayoutContents = {
-    search: ReactNode;
-    clear: ReactNode;
-    create: ReactNode;
-    export: ReactNode;
-    content: ReactNode;
-    renderMoreCommand: (items: MoreButtonItem[]) => ReactNode;
-    extra?: ReactNode;
-};
-export type ListPageCommmandsSettings = {
-    content: ReactNode;
-    layout: ListPageCommandsLayoutContents;
-    props: ListPageCommandsStates & ListPageCommandsOptions;
-};
-export interface ListPageCommandsProps extends ListPageCommandsStates {
-    onCommands?: (props: ListPageCommmandsSettings) => ReactNode;
-    onExtraCommands?: () => ReactNode;
-    commandsExtraProps?: ListPageCommandsExtraProps;
-}
-export declare enum ListPageCommandNames {
-    SEARCH = "search",
-    CLEAR = "clear",
-    CREATE = "create",
-    EXPORT = "export",
-    SELECT = "select"
-}
+export type ListPageCommandsProps = ListPageCommandsEvents & {
+    moreCommands?: Partial<Record<keyof ListPageCommandsFlag, true>>;
+    commandsProps?: Partial<Record<keyof ListPageCommandsFlag, ButtonProps>>;
+} & PropsWithChildren;
 declare function ListPageCommands(props: ListPageCommandsProps): import("react/jsx-runtime").JSX.Element;
 export default ListPageCommands;

package/dist/components/list-page/hooks/useListPageCommandStates.d.ts

@@ -1,12 +1,23 @@
 import { FieldValues } from 'react-hook-form';
+export interface ListPageCommandsFlag {
+    search?: boolean;
+    export?: boolean;
+    clear?: boolean;
+    create?: boolean;
+}
+export interface ListPageCommandsOptions {
+    visible: ListPageCommandsFlag;
+    disabled: ListPageCommandsFlag;
+    loading?: boolean;
+}
 /**
  * Returns buttons props depending on validation,loading etc
  * Beware of rerender when state of form changes
  */
 declare function useListPageCommandStates<TModel extends FieldValues>(): {
     formStates: import('react-hook-form').UseFormStateReturn<FieldValues>;
-    visible: import('../components/ListPageCommands').ListPageCommandsFlag;
-    disabled: import('../components/ListPageCommands').ListPageCommandsFlag;
+    visible: ListPageCommandsFlag;
+    disabled: ListPageCommandsFlag;
     loading?: boolean;
 };
 export default useListPageCommandStates;

package/dist/components/list-page/hooks/useURLSearchFilter.d.ts

@@ -4,10 +4,9 @@ export type MatchFields<TFilter extends FieldValues> = {
     [k in keyof TFilter]?: true;
 };
 type UseURLSearchFilterOptions<TFilter extends FieldValues> = {
-    defaultValues?: Record<string, unknown>;
     matcher?: MatchFields<TFilter>;
 };
-declare function useURLSearchFilter<TFilter extends FieldValues>({ defaultValues, matcher, }: UseURLSearchFilterOptions<TFilter>): {
+declare function useURLSearchFilter<TFilter extends FieldValues>({ matcher, }: UseURLSearchFilterOptions<TFilter>): {
     getFiltersInQS: () => {
         filter: {
             [key: string]: unknown;

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

@@ -1,4 +1,5 @@
 import { FieldValues } from 'react-hook-form';
+import { default as ListPageCommands } from '../components/ListPageCommands';
 import { ListPageMeta } from './ListPageFilter';
 import { ListPageFormProps } from './ListPageForm';
 import { default as ListPageModal } from './ListPageModal';
@@ -22,5 +23,6 @@ declare namespace ListPage {
     var Selection: typeof ListPageSelection;
     var Modal: typeof ListPageModal;
     var Route: typeof ListPageRoute;
+    var Commands: typeof ListPageCommands;
 }
 export default ListPage;

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

@@ -24,7 +24,15 @@ export type ListPageWrapperLayoutProps = {
 };
 type DetailPageRender<TDetailPageModel extends FieldValues> = (props: DetailPageModalProps<TDetailPageModel> | DetailPageDrawerProps<TDetailPageModel>, open: ReturnType<typeof useDetailPageModal<TDetailPageModel>>[0]) => ReactNode;
 export type OnDetailPage<TDetailPageModel extends FieldValues> = Partial<Record<NeedDataReason, DetailPageRender<TDetailPageModel>>> | DetailPageRender<TDetailPageModel>;
-export interface ListPageContentProps<TModel extends FieldValues> extends Omit<PageProps, 'commandsContent' | 'alertsContent' | 'autoSave' | 'onHeader' | 'onChange' | 'onCopy'>, Pick<ListPageCommandsProps, 'onCommands' | 'onExtraCommands' | 'createCommandLabel'> {
+export interface ListPageContentProps<TModel extends FieldValues> extends Omit<PageProps, 'commandsContent' | 'alertsContent' | 'autoSave' | 'onHeader' | 'onChange' | 'onCopy'>, Pick<ListPageCommandsProps, 'commandsProps'> {
+    /**
+     * Custom commands node
+     */
+    onCommands?: (props: ListPageCommandsProps) => ReactNode;
+    /**
+     * Extra commands positioned left side in commands section
+     */
+    onExtraCommands?: () => ReactNode;
     /**
      * Alerts
      */
@@ -155,5 +163,5 @@ export interface ListPageContentProps<TModel extends FieldValues> extends Omit<P
      */
     listType?: ListType;
 }
-declare function ListPageContent<TModel extends FieldValues>({ activeSegmentIndex, actionCommandsProps, actionColumnProps, alerts, autoSearch, cardProps, children, columns, createCommandLabel, 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;
+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;
 export default ListPageContent;

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

@@ -3,6 +3,8 @@ import { z } from 'zod';
 import { UseFormReturn, ValidationOptions } from '../../form/hooks/useForm';
 import { DeepNullable } from '../../utils';
 import { ListPageFilterProps } from './ListPageFilter';
+export type DefaultDataFn<TModel extends FieldValues> = (data?: TModel) => Promise<DeepNullable<TModel>>;
+export type DefaultData<TModel extends FieldValues = FieldValues> = DeepNullable<TModel> | DefaultDataFn<TModel>;
 export interface ListPageFormProps<TModel extends FieldValues, TFilter extends FieldValues = FieldValues> extends Omit<ListPageFilterProps<TModel, TFilter>, 'form'> {
     form?: UseFormReturn<TFilter>;
     schema?: z.ZodType<TFilter>;
@@ -13,7 +15,7 @@ export interface ListPageFormProps<TModel extends FieldValues, TFilter extends F
     /**
      * Default form fields values
      */
-    defaultValues?: DeepNullable<TFilter>;
+    defaultValues?: DefaultData<TFilter>;
     /**
      * Optional validation options
      */