react-crud-mui 0.0.1-beta.51 → 0.0.1-beta.53

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/hooks/useDetailPageModal.d.ts

@@ -426,6 +426,7 @@ declare function useDetailPageModal<TModel extends FieldValues>({ models, unique
     readonly showHeader?: boolean;
     readonly showCommands?: boolean;
     readonly morePanelProps?: import('../../more-panel/MorePanel').MorePanelProps;
+    readonly loadingOptions?: import('../../hooks/useSpinDelay').SpinDelayOptions;
     readonly disableShortCuts?: boolean;
     readonly tabsPosition?: import('../../page/Page').TabsPosition;
     readonly selectedTabIndex?: number;

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/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 @@
+export 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

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { HeaderProps } from '../header/Header';
+import { SpinDelayOptions } from '../hooks/useSpinDelay';
 import { MorePanelProps } from '../more-panel/MorePanel';
 import { default as DefaultLayout, PageLayoutProps } from './components/DefaultLayout';
 import { PanelPane } from './components/DefaultPanels';
@@ -27,6 +28,7 @@ export interface PageProps extends HeaderProps {
     size?: PaddingSize;
     disabled?: boolean;
     loading?: boolean;
+    loadingOptions?: SpinDelayOptions;
     disableShortCuts?: boolean;
     tabs?: TabPane[];
     tabsPosition?: TabsPosition;
@@ -37,7 +39,7 @@ export interface PageProps extends HeaderProps {
     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, panels, showHeader, showCommands, size, style, sx, tabs, onTabChanged, selectedTabIndex, tabsPosition, rightContent, centerContent, ...headerProps }: PageProps): import("react/jsx-runtime").JSX.Element;
+declare function Page({ alertsContent, bordered, centerContent, children, commandsContent, commandsPosition, disabled, footerContent, loading, loadingOptions, moreContent, morePanelProps, onHeader, onLayout, onTabChanged, onTabs, panels, rightContent, selectedTabIndex, showCommands, showHeader, size, style, sx, tabs, tabsPosition, ...headerProps }: PageProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Page {
     var Content: typeof PageContent;
     var Divider: typeof PageDivider;

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

@@ -0,0 +1,9 @@
+import { LinearProgressProps } from '@mui/material';
+import { SpinDelayOptions } from '../hooks/useSpinDelay';
+export type ProgressProps = SpinDelayOptions & LinearProgressProps & {
+    loading?: boolean;
+    visible?: boolean;
+    showTooLongNotification?: boolean;
+};
+declare function Progress({ loading, visible, delay, minDuration, maxDuration, ssr, showTooLongNotification, ...rest }: ProgressProps): import("react/jsx-runtime").JSX.Element | null;
+export default Progress;

package/dist/components/theme/components/accordion.d.ts

@@ -5,10 +5,8 @@ export declare const AccordionDetails: (theme: Theme) => {
     styleOverrides: {
         root: {
             fontSize: number;
-            paddingTop: number;
             fontWeight: number;
-            paddingInline: number;
-            paddingBottom: number;
+            padding: number;
             color: string;
         };
     };
@@ -25,9 +23,7 @@ export declare const AccordionSummery: (theme: Theme) => {
                 color: string;
             };
         };
-        content: {
-            alignItems: string;
-        };
+        content: {};
         expandIconWrapper: {
             color: string;
         };