react-crud-mui 0.0.1-beta.50 → 0.0.1-beta.52

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

@@ -0,0 +1,3 @@
+import { PageLayoutProps } from '../../page/components/DefaultLayout';
+declare function DetailPageModalLayout({ options, content, alertsContent, footerContent, moreContent, pageHeader, panelsContent, progressContent, tabsContent, }: PageLayoutProps): import("react/jsx-runtime").JSX.Element;
+export default DetailPageModalLayout;

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

@@ -0,0 +1,3 @@
+import { FieldValues } from 'react-hook-form';
+declare function TriggerValidation<TModel extends FieldValues>(): null;
+export default TriggerValidation;

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

@@ -29,7 +29,6 @@ declare function useDetailPageModal<TModel extends FieldValues>({ models, unique
     readonly defaultSegmentIndex?: number;
     readonly form?: import('../../form/hooks/useForm').UseFormReturn<TModel> | undefined;
     readonly schema?: import('zod').ZodType<TModel, import('zod').ZodTypeDef, TModel> | undefined;
-    readonly defaultValues?: import('../../utils').DeepNullable<TModel> | (() => Promise<import('../../utils').DeepNullable<TModel>>) | undefined;
     readonly validationOptions?: import('../../form/hooks/useForm').ValidationOptions<TModel> | undefined;
     readonly className?: string;
     readonly style?: React.CSSProperties;
@@ -416,8 +415,10 @@ declare function useDetailPageModal<TModel extends FieldValues>({ models, unique
     readonly useHeaderIconWrapper?: boolean;
     readonly tabs?: import('../../page/components/DefaultTabs').TabPane[];
     readonly error?: import('../../utils').ServerError;
+    readonly defaultValues?: import('../pages/DetailPageData').DefaultData<TModel> | undefined;
     readonly footerContent?: import('react').ReactNode;
     readonly moreContent?: import('react').ReactNode;
+    readonly panels?: import('../../page/components/DefaultPanels').PanelPane[];
     readonly bordered?: boolean;
     readonly commandsPosition?: import('../../page/Page').CommandsPosition;
     readonly onHeader?: (props: import('../components/DetailPageHeader').DetailPageHeaderProps) => import('react').ReactNode;

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

@@ -1,10 +1,13 @@
 import { FieldValues } from 'react-hook-form';
 import { UseFormReturn } from '../../form/hooks/useForm';
+import { DeepNullable } from '../../utils';
 import { DetailPageContentProps, NeedDataReason } from './DetailPageContent';
 export type DataResult<TModel> = TModel | Promise<TModel | void | undefined> | undefined | void;
 export interface DataEvent<TModel extends FieldValues, TVariables> {
     (variables: TVariables, form: UseFormReturn<TModel>): DataResult<TModel>;
 }
+export type DefaultDataFn<TModel extends FieldValues> = (reason: NeedDataReason, data?: TModel) => DeepNullable<TModel> | Promise<DeepNullable<TModel>>;
+export type DefaultData<TModel extends FieldValues> = DeepNullable<TModel> | DefaultDataFn<TModel>;
 export type SaveMode = 'save' | 'save-close' | 'save-create';
 export interface BasePayload {
     reason: NeedDataReason;
@@ -20,6 +23,10 @@ export interface DeletePayload<TModel extends FieldValues = FieldValues> extends
 }
 export interface DetailPageDataProps<TModel extends FieldValues> extends Omit<DetailPageContentProps<TModel>, 'onSave' | 'onDelete' | 'onDiscardChanges' | 'onCopy' | 'onSaveCreate' | 'onSaveClose'> {
     form: UseFormReturn<TModel>;
+    /**
+     * Get default form values for each particular reason
+     */
+    defaultValues?: DefaultData<TModel>;
     /**
      * Save event
      * @returns if returns data,either in promise or object will bind to form data
@@ -54,5 +61,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, onReasonChange, onSave, reason, showSuccessMessages, ...dpProps }: DetailPageDataProps<TModel>): import("react/jsx-runtime").JSX.Element;
+declare function DetailPageData<TModel extends FieldValues>({ alerts, autoSave, data, defaultValues, error, form, loading, onAfterDelete, onAfterSave, onClose, onDelete, onDiscardChanges, onReasonChange, onSave, reason, showSuccessMessages, ...dpProps }: DetailPageDataProps<TModel>): import("react/jsx-runtime").JSX.Element;
 export default DetailPageData;

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

@@ -1,13 +1,11 @@
 import { FieldValues } from 'react-hook-form';
 import { z } from 'zod';
 import { UseFormReturn, ValidationOptions } from '../../form/hooks/useForm';
-import { DeepNullable } from '../../utils';
 import { DetailPageDataProps } from './DetailPageData';
-export interface DetailPageFormProps<TModel extends FieldValues> extends Omit<DetailPageDataProps<TModel>, 'form' | 'defaultValues' | 'schema'> {
+export interface DetailPageFormProps<TModel extends FieldValues> extends Omit<DetailPageDataProps<TModel>, 'form' | 'schema'> {
     form?: UseFormReturn<TModel>;
     schema?: z.ZodType<TModel>;
-    defaultValues?: DeepNullable<TModel> | (() => Promise<DeepNullable<TModel>>);
     validationOptions?: ValidationOptions<TModel>;
 }
-declare function DetailPageForm<TModel extends FieldValues>({ activeSegmentIndex, schema, defaultValues, validationOptions, data, ...dpProps }: DetailPageFormProps<TModel>): import("react/jsx-runtime").JSX.Element;
+declare function DetailPageForm<TModel extends FieldValues>({ activeSegmentIndex, schema, defaultValues, validationOptions, data, reason, ...dpProps }: DetailPageFormProps<TModel>): import("react/jsx-runtime").JSX.Element;
 export default DetailPageForm;

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

@@ -1,5 +1,6 @@
 import { FieldValues } from 'react-hook-form';
 import { ModalProps } from '../../modal/Modal';
+import { default as DetailPageModalLayout } from '../components/DetailPageModalLayout';
 import { UseFormPromptProps } from '../hooks/useFormPrompt';
 import { DetailPageProps } from './DetailPage';
 export interface DetailPageModalProps<TModel extends FieldValues> extends DetailPageProps<TModel> {
@@ -17,4 +18,7 @@ export interface DetailPageModalProps<TModel extends FieldValues> extends Detail
     promptOptions?: UseFormPromptProps;
 }
 declare function DetailPageModal<TModel extends FieldValues>({ modalProps, onClose, open, enableClose, promptOptions, ...rest }: DetailPageModalProps<TModel>): import("react/jsx-runtime").JSX.Element;
+declare namespace DetailPageModal {
+    var Layout: typeof DetailPageModalLayout;
+}
 export default DetailPageModal;

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

@@ -7,6 +7,7 @@ export type ValidationOptions<TFieldValues extends FieldValues = FieldValues> =
     alertVisibility?: ValidationVisibilityOptions;
     callOutVisibility?: CallOutVisibilityOptions;
     fields?: FieldPath<TFieldValues>[];
+    runValidationsOnDataChange?: boolean;
 };
 export interface UseFormOptions<TFieldValues extends FieldValues> extends UseFormProps<TFieldValues> {
     schema?: z.ZodType<Partial<TFieldValues>>;

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

@@ -11,3 +11,4 @@ export { default as useMountEffect } from './useMountEffect';
 export { default as useTemplate } from '../combobox/hooks/useComboboxTemplate';
 export { default as useUpdateEffect } from './useUpdateEffect';
 export { default as useZodRefine } from './useZodRefine';
+export { useSpinDelay } from './useSpinDelay';

package/dist/components/hooks/useSpinDelay.d.ts

@@ -0,0 +1,31 @@
+interface SpinDelayOptions {
+    /**
+     * The delay in milliseconds before the spinner is displayed.
+     * @default 500
+     */
+    delay?: number;
+    /**
+     * The minimum duration in milliseconds the spinner is displayed.
+     * @default 200
+     */
+    minDuration?: number;
+    maxDuration?: number;
+    /**
+     * Whether to enable the spinner on the server side. If true, `delay` will be
+     * ignored, and the spinner will be shown immediately if `loading` is true.
+     * @default true
+     */
+    ssr?: boolean;
+}
+type State = 'IDLE' | 'DELAY' | 'DISPLAY' | 'EXPIRE' | 'TOO_LONG';
+export declare const defaultOptions: {
+    delay: number;
+    minDuration: number;
+    maxDuration: number;
+    ssr: boolean;
+};
+export declare function useSpinDelay(loading: boolean, options?: SpinDelayOptions): {
+    readonly isLoading: boolean;
+    readonly state: State;
+};
+export {};

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

@@ -137,6 +137,7 @@ declare const _default: {
     "no": "No",
     "nodatafound": "No item found to display",
     "pleasewait": "Please wait",
+    "takingtoolong": "We’re working on it,please hold on",
     "prevpage": "Previous record",
     "prevstep": "Previous Step",
     "promptunsavedchanges": "Unsaved changes detected, continue ?",

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

@@ -136,6 +136,7 @@ declare const _default: {
     "no": "Hayır",
     "nodatafound": "Gösterilecek kayıt bulunamadı",
     "pleasewait": "Lütfen bekleyiniz",
+    "takingtoolong": "İşlem biraz zaman aliyor.Lütfen bekleyiniz",
     "prevpage": "Önceki kayıt",
     "prevstep": "Önceki Adım",
     "promptunsavedchanges": "Kayıt edilmemiş değişiklikleriniz var! Devam etmek istiyormusunuz ?",

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

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import { HeaderProps } from '../header/Header';
 import { MorePanelProps } from '../more-panel/MorePanel';
 import { default as DefaultLayout, PageLayoutProps } from './components/DefaultLayout';
+import { PanelPane } from './components/DefaultPanels';
 import { default as DefaultTabs, DefaultTabsProps, TabChangedPayload, TabPane } from './components/DefaultTabs';
 import { default as PageContent } from './components/PageContent';
 import { default as PageDivider } from './components/PageDivider';
@@ -33,9 +34,10 @@ export interface PageProps extends HeaderProps {
     onTabChanged?: (selected: TabChangedPayload) => void;
     onTabs?: (props: DefaultTabsProps) => ReactNode;
     bordered?: boolean;
+    panels?: PanelPane[];
 }
 export declare const PagePadding: Record<PaddingSize, number>;
-declare function Page({ alertsContent, bordered, children, commandsContent, commandsPosition, onTabs, disabled, footerContent, loading, onHeader, onLayout, moreContent, morePanelProps, showHeader, showCommands, size, style, sx, tabs, onTabChanged, selectedTabIndex, tabsPosition, rightContent, centerContent, ...headerProps }: PageProps): import("react/jsx-runtime").JSX.Element;
+declare function Page({ alertsContent, bordered, children, commandsContent, commandsPosition, onTabs, disabled, footerContent, loading, onHeader, onLayout, moreContent, morePanelProps, panels, showHeader, showCommands, size, style, sx, tabs, onTabChanged, selectedTabIndex, tabsPosition, rightContent, centerContent, ...headerProps }: PageProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Page {
     var Content: typeof PageContent;
     var Divider: typeof PageDivider;

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

@@ -16,8 +16,9 @@ export type PageLayoutProps = {
     alertsContent?: ReactNode;
     options: PageLayoutOptions;
     tabsContent?: ReactNode;
+    panelsContent?: ReactNode;
     progressContent?: ReactNode;
     moreContent?: ReactNode;
 };
-declare function DefaultLayout({ alertsContent, content, footerContent, progressContent, options, pageHeader, moreContent, tabsContent, }: PageLayoutProps): import("react/jsx-runtime").JSX.Element;
+declare function DefaultLayout({ alertsContent, content, panelsContent, footerContent, progressContent, options, pageHeader, moreContent, tabsContent, }: PageLayoutProps): import("react/jsx-runtime").JSX.Element;
 export default DefaultLayout;

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { AccordionDetailsProps, AccordionProps } from '@mui/material';
+export type PanelPane = Omit<AccordionProps, 'children' | 'key'> & {
+    children?: ReactNode;
+    label?: ReactNode;
+    key: string;
+    detailsProps?: AccordionDetailsProps;
+};
+export interface DefaultAccordionsProps {
+    panels: PanelPane[];
+}
+declare function DefaultPanels({ panels }: DefaultAccordionsProps): import("react/jsx-runtime").JSX.Element;
+export default DefaultPanels;

package/dist/components/progress/Progress.d.ts

@@ -0,0 +1,6 @@
+import { LinearProgressProps } from '@mui/material';
+declare function Progress({ loading, visible, ...rest }: LinearProgressProps & {
+    loading?: boolean;
+    visible?: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;
+export default Progress;