react-crud-mui 0.2.36 → 0.2.38

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

@@ -1,6 +1,8 @@
-interface AutoSaveProps {
-    onValuesChange: () => void;
+interface AutoSaveProps extends AutoSaveOptions {
+    onAutoSave: () => void;
+}
+export interface AutoSaveOptions {
     delay?: number;
 }
-declare function AutoSave({ onValuesChange, delay }: AutoSaveProps): null;
+declare function AutoSave({ onAutoSave, delay }: AutoSaveProps): null;
 export default AutoSave;

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

@@ -8,8 +8,10 @@ export type DetailPageLayoutProps = {
     content?: ReactNode;
     stepsContent?: ReactNode;
     autoSaveContent?: ReactNode;
+    valuesChangeContent?: ReactNode;
+    errorsContent?: ReactNode;
     options: DetailPageLayoutOptions;
 };
 type DetailPageDefaultLayoutProps = DetailPageLayoutProps;
-declare function DetailPageDefaultLayout({ content, stepsContent, autoSaveContent, }: DetailPageDefaultLayoutProps): import("react/jsx-runtime").JSX.Element;
+declare function DetailPageDefaultLayout({ content, stepsContent, autoSaveContent, valuesChangeContent, errorsContent, }: DetailPageDefaultLayoutProps): import("react/jsx-runtime").JSX.Element;
 export default DetailPageDefaultLayout;

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

@@ -26,6 +26,23 @@ declare function useDetailPageModal<TModel extends FieldValues>({ models, unique
     readonly schema?: import('zod').ZodType<TModel, import('zod').ZodTypeDef, TModel> | undefined;
     readonly validationOptions?: import('../../form/hooks/useForm').ValidationOptions<TModel> | undefined;
     readonly defaultValues?: import('../pages/DetailPageForm').DefaultData<TModel> | undefined;
+    readonly formProps?: Partial<Partial<{
+        mode: import('react-hook-form').Mode;
+        disabled: boolean;
+        reValidateMode: Exclude<import('react-hook-form').Mode, "onTouched" | "all">;
+        defaultValues: ((payload?: unknown) => Promise<TModel>) | import('react-hook-form').DefaultValues<TModel>;
+        values: TModel;
+        errors: import('react-hook-form').FieldErrors<TModel>;
+        resetOptions: Parameters<import('react-hook-form').UseFormReset<TFieldValues>>[1];
+        resolver: import('react-hook-form').Resolver<TModel, any>;
+        context: any;
+        shouldFocusError: boolean;
+        shouldUnregister: boolean;
+        shouldUseNativeValidation: boolean;
+        progressive: boolean;
+        criteriaMode: import('react-hook-form').CriteriaMode;
+        delayError: number;
+    }>> | undefined;
     readonly className?: string;
     readonly style?: React.CSSProperties;
     readonly classes?: Partial<import('@mui/material').ClassNameMap<never>> | undefined;
@@ -172,7 +189,7 @@ declare function useDetailPageModal<TModel extends FieldValues>({ models, unique
     readonly vocab?: string | undefined;
     readonly autoCapitalize?: string | undefined;
     readonly autoCorrect?: string | undefined;
-    readonly autoSave?: boolean;
+    readonly autoSave?: boolean | import('../components/AutoSave').AutoSaveOptions;
     readonly itemProp?: string | undefined;
     readonly itemScope?: boolean | undefined;
     readonly itemType?: string | undefined;
@@ -410,6 +427,7 @@ declare function useDetailPageModal<TModel extends FieldValues>({ models, unique
     readonly moreOptions?: import('../../..').MoreButtonProps["options"];
     readonly useHeaderIconWrapper?: boolean;
     readonly tabs?: import('../../..').TabPane[];
+    readonly onValuesChange?: ((values: Partial<TModel>) => void) | undefined;
     readonly error?: import('../../utils').ServerError;
     readonly footerContent?: import('react').ReactNode;
     readonly moreContent?: import('react').ReactNode;
@@ -447,6 +465,7 @@ declare function useDetailPageModal<TModel extends FieldValues>({ models, unique
     readonly onCreate?: () => void;
     readonly onSave?: import('../pages/DetailPageData').DataEvent<TModel, import('../pages/DetailPageData').SavePayload<TModel>> | undefined;
     readonly onDiscardChanges?: () => void;
+    readonly onFormErrors?: ((errors: import('react-hook-form').FieldErrors<TModel>, isValid?: boolean) => void) | undefined;
     readonly onContentLayout?: (props: import('../components/DetailPageDefaultLayout').DetailPageLayoutProps) => React.ReactNode;
     readonly onWrapperLayout?: (props: import('../pages/DetailPageContent').DetailPageWrapperLayoutProps) => React.ReactNode;
     readonly defaultSaveMode?: import('../pages/DetailPageData').SaveMode;

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

@@ -1,8 +1,9 @@
 import { default as React, ReactNode } from 'react';
-import { FieldValues } from 'react-hook-form';
+import { FieldErrors, FieldValues } from 'react-hook-form';
 import { Message } from '../../page/hooks/useNormalizeMessages';
 import { PageProps } from '../../page/Page';
 import { ServerError } from '../../utils';
+import { AutoSaveOptions } from '../components/AutoSave';
 import { DetailPageCommandsProps } from '../components/DetailPageCommands';
 import { DetailPageLayoutProps } from '../components/DetailPageDefaultLayout';
 import { DetailPageHeaderProps } from '../components/DetailPageHeader';
@@ -73,6 +74,16 @@ export interface DetailPageContentProps<TModel extends FieldValues> extends Omit
      * Custom header function
      */
     onHeader?: (props: DetailPageHeaderProps) => ReactNode;
+    /**
+     * Values change tracker
+     * MUST BE MEMOIZED
+     */
+    onValuesChange?: (values: Partial<TModel>) => void;
+    /**
+     * Error tracker,called when form errors has changed
+     * MUST BE MEMOIZED
+     */
+    onFormErrors?: (errors: FieldErrors<TModel>, isValid?: boolean) => void;
     /**
      * Page opening reason Default create.
      */
@@ -104,7 +115,7 @@ export interface DetailPageContentProps<TModel extends FieldValues> extends Omit
     /**
      * Having called "onSave" once changing form values
      */
-    autoSave?: boolean;
+    autoSave?: boolean | AutoSaveOptions;
     onContentLayout?: (props: DetailPageLayoutProps) => React.ReactNode;
     onWrapperLayout?: (props: DetailPageWrapperLayoutProps) => React.ReactNode;
     defaultSaveMode?: SaveMode;
@@ -122,5 +133,5 @@ export interface DetailPageContentProps<TModel extends FieldValues> extends Omit
     stepsProps?: Partial<DetailPageStepsProps>;
     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, 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;
+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, hotkeyScopes, loading, onClose, onCommands, onContentLayout, onCopy, onCreate, onDelete, onDiscardChanges, onFormErrors, onSegmentChanged, onExtraCommands, onHeader, onSave, onSaveClose, onSaveCreate, onValuesChange, onWrapperLayout, reason, showHeader, steps, stepsProps, tabExtraContent, ...pageProps }: DetailPageContentProps<TModel>): import("react/jsx-runtime").JSX.Element;
 export default DetailPageContent;

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

@@ -1,4 +1,4 @@
-import { FieldValues } from 'react-hook-form';
+import { FieldValues, UseFormProps } from 'react-hook-form';
 import { z } from 'zod';
 import { UseFormReturn, ValidationOptions } from '../../form/hooks/useForm';
 import { DeepNullable } from '../../utils';
@@ -11,6 +11,7 @@ export interface DetailPageFormProps<TModel extends FieldValues> extends Omit<De
     schema?: z.ZodType<TModel>;
     validationOptions?: ValidationOptions<TModel>;
     defaultValues?: DefaultData<TModel>;
+    formProps?: Partial<UseFormProps<TModel>>;
 }
-declare function DetailPageForm<TModel extends FieldValues>({ activeSegmentIndex, schema, defaultValues, validationOptions, data, reason, ...dpProps }: DetailPageFormProps<TModel>): import("react/jsx-runtime").JSX.Element;
+declare function DetailPageForm<TModel extends FieldValues>({ activeSegmentIndex, schema, defaultValues, validationOptions, data, reason, formProps, ...dpProps }: DetailPageFormProps<TModel>): import("react/jsx-runtime").JSX.Element;
 export default DetailPageForm;

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

@@ -0,0 +1,6 @@
+import { FieldErrors, FieldValues } from 'react-hook-form';
+interface FormValuesTrackerProps<TModel extends FieldValues> {
+    onErrorsChange(errors: FieldErrors<TModel>, isValid?: boolean): void;
+}
+declare function FormErrorsTracker<TModel extends FieldValues>({ onErrorsChange, }: FormValuesTrackerProps<TModel>): null;
+export default FormErrorsTracker;

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

@@ -0,0 +1,6 @@
+import { FieldValues } from 'react-hook-form';
+interface FormValuesTrackerProps<TModel extends FieldValues> {
+    onValuesChange(values: Partial<TModel>): void;
+}
+declare function FormValuesTracker<TModel extends FieldValues>({ onValuesChange, }: FormValuesTrackerProps<TModel>): null;
+export default FormValuesTracker;