pne-ui 4.0.8 → 4.0.11

package/esm/src/component/overlay/OverlayHost.js

@@ -0,0 +1,212 @@
+import React, { useCallback, useMemo, useState } from 'react';
+import { Alert, Snackbar } from '@mui/material';
+import { useBreakpoint } from '../responsive/useBreakpoint';
+import { useOverlayStore } from './overlayStore';
+import { Box } from '@mui/material';
+import { PermanentOverlayContext } from './PermanentOverlayContext';
+import { registerOverlayHost } from './overlayRuntime';
+const STACK_GAP = 12;
+const STACK_OFFSET = 24;
+const PERMANENT_OFFSET = 24;
+const clearTimer = (timer) => {
+    if (timer) {
+        clearTimeout(timer);
+    }
+};
+const ManagedSnackbar = ({ anchor, onRemove, snack }) => {
+    const autoHideMs = typeof snack.autoHideMs === 'number' && snack.autoHideMs > 0 ? snack.autoHideMs : null;
+    const [remainingMs, setRemainingMs] = useState(autoHideMs);
+    const timeoutRef = React.useRef(null);
+    const intervalRef = React.useRef(null);
+    const startedAtRef = React.useRef(null);
+    const remainingRef = React.useRef(autoHideMs);
+    const remove = useCallback(() => {
+        if (snack.id) {
+            onRemove(snack.id);
+        }
+    }, [onRemove, snack.id]);
+    const stopTimer = useCallback(() => {
+        clearTimer(timeoutRef.current);
+        clearTimer(intervalRef.current);
+        timeoutRef.current = null;
+        intervalRef.current = null;
+    }, []);
+    const syncRemaining = useCallback(() => {
+        if (startedAtRef.current == null || remainingRef.current == null) {
+            return;
+        }
+        const elapsed = Date.now() - startedAtRef.current;
+        setRemainingMs(Math.max(remainingRef.current - elapsed, 0));
+    }, []);
+    const startTimer = useCallback((duration) => {
+        if (autoHideMs == null) {
+            return;
+        }
+        if (duration <= 0) {
+            stopTimer();
+            remove();
+            return;
+        }
+        stopTimer();
+        remainingRef.current = duration;
+        startedAtRef.current = Date.now();
+        setRemainingMs(duration);
+        timeoutRef.current = setTimeout(() => {
+            stopTimer();
+            remove();
+        }, duration);
+        intervalRef.current = setInterval(syncRemaining, 50);
+    }, [autoHideMs, remove, stopTimer, syncRemaining]);
+    const pauseTimer = useCallback(() => {
+        if (autoHideMs == null || startedAtRef.current == null || remainingRef.current == null) {
+            return;
+        }
+        const elapsed = Date.now() - startedAtRef.current;
+        const nextRemaining = Math.max(remainingRef.current - elapsed, 0);
+        remainingRef.current = nextRemaining;
+        startedAtRef.current = null;
+        setRemainingMs(nextRemaining);
+        stopTimer();
+    }, [autoHideMs, stopTimer]);
+    const resumeTimer = useCallback(() => {
+        if (autoHideMs == null || startedAtRef.current != null) {
+            return;
+        }
+        startTimer(remainingRef.current ?? autoHideMs);
+    }, [autoHideMs, startTimer]);
+    React.useEffect(() => {
+        if (autoHideMs == null) {
+            return undefined;
+        }
+        startTimer(autoHideMs);
+        return stopTimer;
+    }, [autoHideMs, startTimer, stopTimer]);
+    const progressScale = autoHideMs != null && remainingMs != null
+        ? Math.max(Math.min(remainingMs / autoHideMs, 1), 0)
+        : null;
+    return (React.createElement(Snackbar, { open: true, anchorOrigin: anchor, "data-testid": snack.id ? `overlay-snackbar-${snack.id}` : 'overlay-snackbar', onClose: (_event, reason) => {
+            if (reason === 'clickaway')
+                return;
+            remove();
+        }, onMouseEnter: pauseTimer, onMouseLeave: resumeTimer, onFocus: pauseTimer, onBlur: resumeTimer, sx: { position: 'static', transform: 'none', pointerEvents: 'auto', minWidth: 288 } },
+        React.createElement(Alert, { elevation: 1, onClose: remove, severity: snack.variant ?? 'info', action: snack.action, sx: {
+                position: 'relative',
+                overflow: 'hidden',
+                alignItems: 'center',
+            } },
+            progressScale != null ? (React.createElement(Box, { "data-testid": 'overlay-snackbar-progress', sx: {
+                    position: 'absolute',
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    height: '3px',
+                    backgroundColor: 'currentColor',
+                    opacity: 0.24,
+                    transformOrigin: 'left',
+                    transform: `scaleX(${progressScale})`,
+                    pointerEvents: 'none',
+                } })) : null,
+            snack.message)));
+};
+/**
+ * Renders overlay elements (currently snackbars) driven by the shared overlay store.
+ * Mount this once near the root of the app and trigger notifications via `overlayActions`.
+ * Permanent overlays are registered declaratively via `<PermanentOverlay />` components.
+ */
+export function OverlayHost({ anchorOrigin = { vertical: 'bottom', horizontal: 'left' }, maxSnack = 10, children, }) {
+    const snackbars = useOverlayStore(state => state.snackbars);
+    const removeSnackbar = useOverlayStore(state => state.removeSnackbar);
+    const breakpoint = useBreakpoint();
+    const [permanentOverlays, setPermanentOverlays] = useState(() => new Map());
+    const registerPermanentOverlay = useCallback((overlay) => {
+        setPermanentOverlays(prev => {
+            const next = new Map(prev);
+            next.set(overlay.slot, overlay);
+            return next;
+        });
+    }, []);
+    const unregisterPermanentOverlay = useCallback((id, slot) => {
+        setPermanentOverlays(prev => {
+            const next = new Map(prev);
+            if (slot) {
+                const current = next.get(slot);
+                if (current?.id === id)
+                    next.delete(slot);
+            }
+            else {
+                for (const [key, value] of next.entries()) {
+                    if (value.id === id)
+                        next.delete(key);
+                }
+            }
+            return next;
+        });
+    }, []);
+    const contextValue = useMemo(() => ({ register: registerPermanentOverlay, unregister: unregisterPermanentOverlay }), [registerPermanentOverlay, unregisterPermanentOverlay]);
+    const visibleSnackbars = useMemo(() => {
+        if (typeof maxSnack === 'number' && maxSnack > 0 && snackbars.length > maxSnack) {
+            return snackbars.slice(snackbars.length - maxSnack);
+        }
+        return snackbars;
+    }, [maxSnack, snackbars]);
+    const groupedSnackbars = useMemo(() => {
+        const groups = [];
+        const map = new Map();
+        visibleSnackbars.forEach(snack => {
+            const anchor = snack.anchorOrigin ?? anchorOrigin;
+            const key = `${anchor.vertical}-${anchor.horizontal}`;
+            if (!map.has(key)) {
+                const group = { anchor, items: [] };
+                map.set(key, group);
+                groups.push(group);
+            }
+            map.get(key).items.push(snack);
+        });
+        return groups;
+    }, [anchorOrigin, visibleSnackbars]);
+    const permanentContent = useMemo(() => {
+        const entries = Array.from(permanentOverlays.values());
+        return entries
+            .map(entry => {
+            const content = entry.render({ breakpoint });
+            if (!content)
+                return null;
+            const offset = entry.offset ?? PERMANENT_OFFSET;
+            const vertical = entry.slot.startsWith('top') ? 'top' : 'bottom';
+            const horizontal = entry.slot.endsWith('left') ? 'left' : 'right';
+            return (React.createElement(Box, { key: entry.slot, sx: {
+                    position: 'fixed',
+                    zIndex: entry.zIndex ?? 1300,
+                    [vertical]: offset,
+                    [horizontal]: offset,
+                } }, content));
+        })
+            .filter(Boolean);
+    }, [breakpoint, permanentOverlays]);
+    React.useEffect(() => registerOverlayHost(), []);
+    return (React.createElement(PermanentOverlayContext.Provider, { value: contextValue },
+        children,
+        groupedSnackbars.map(group => {
+            const { anchor, items } = group;
+            const horizontalStyles = anchor.horizontal === 'left'
+                ? { left: STACK_OFFSET, right: 'auto', transform: 'none' }
+                : anchor.horizontal === 'right'
+                    ? { right: STACK_OFFSET, left: 'auto', transform: 'none' }
+                    : { left: '50%', transform: 'translateX(-50%)' };
+            const verticalStyles = anchor.vertical === 'top'
+                ? { top: STACK_OFFSET, bottom: 'auto', flexDirection: 'column-reverse' }
+                : { bottom: STACK_OFFSET, top: 'auto', flexDirection: 'column-reverse' };
+            return (React.createElement(Box, { key: `${anchor.vertical}-${anchor.horizontal}`, sx: {
+                    position: 'fixed',
+                    zIndex: 1400,
+                    display: 'flex',
+                    gap: `${STACK_GAP}px`,
+                    pointerEvents: 'none',
+                    ...horizontalStyles,
+                    ...verticalStyles,
+                } }, items.map(snack => snack.id ? (React.createElement(ManagedSnackbar, { key: snack.id, anchor: anchor, onRemove: removeSnackbar, snack: snack })) : null)));
+        }),
+        permanentContent));
+}
+export default OverlayHost;
+//# sourceMappingURL=OverlayHost.js.map

package/esm/src/component/overlay/OverlayHost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayHost.js","sourceRoot":"","sources":["../../../../src/component/overlay/OverlayHost.tsx"],"names":[],"mappings":"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"}

package/esm/src/component/overlay/PermanentOverlay.d.ts

@@ -0,0 +1,14 @@
+import type { PermanentOverlayRender, PermanentOverlaySlot } from './types';
+type PermanentOverlayProps = {
+    id: string;
+    slot?: PermanentOverlaySlot;
+    render: PermanentOverlayRender;
+    offset?: number;
+    zIndex?: number;
+};
+/**
+ * Declaratively registers a permanent overlay with the nearest `<OverlayHost />` in the tree.
+ * Only one overlay per slot is kept; the latest registered wins.
+ */
+export declare function PermanentOverlay({ id, slot, render, offset, zIndex }: PermanentOverlayProps): null;
+export default PermanentOverlay;

package/esm/src/component/overlay/PermanentOverlay.js

@@ -0,0 +1,29 @@
+import { useContext, useEffect, useRef } from 'react';
+import { PermanentOverlayContext } from './PermanentOverlayContext';
+const DEFAULT_SLOT = 'bottom-right';
+/**
+ * Declaratively registers a permanent overlay with the nearest `<OverlayHost />` in the tree.
+ * Only one overlay per slot is kept; the latest registered wins.
+ */
+export function PermanentOverlay({ id, slot = DEFAULT_SLOT, render, offset, zIndex }) {
+    const ctx = useContext(PermanentOverlayContext);
+    const renderRef = useRef(render);
+    useEffect(() => {
+        renderRef.current = render;
+    }, [render]);
+    useEffect(() => {
+        if (!ctx)
+            return;
+        ctx.register({
+            id,
+            slot,
+            offset,
+            zIndex,
+            render: context => renderRef.current(context),
+        });
+        return () => ctx.unregister(id, slot);
+    }, [ctx, id, slot, offset, zIndex]);
+    return null;
+}
+export default PermanentOverlay;
+//# sourceMappingURL=PermanentOverlay.js.map

package/esm/src/component/overlay/PermanentOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermanentOverlay.js","sourceRoot":"","sources":["../../../../src/component/overlay/PermanentOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AAGnE,MAAM,YAAY,GAAyB,cAAc,CAAA;AAUzD;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAAE,EAAE,EAAE,IAAI,GAAG,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAyB;IACvG,MAAM,GAAG,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAA;IAC/C,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;IAEhC,SAAS,CAAC,GAAG,EAAE;QACX,SAAS,CAAC,OAAO,GAAG,MAAM,CAAA;IAC9B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,GAAG;YAAE,OAAM;QAChB,GAAG,CAAC,QAAQ,CAAC;YACT,EAAE;YACF,IAAI;YACJ,MAAM;YACN,MAAM;YACN,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;SAChD,CAAC,CAAA;QACF,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,EAAE,IAAI,CAAC,CAAA;IACzC,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IAEnC,OAAO,IAAI,CAAA;AACf,CAAC;AAED,eAAe,gBAAgB,CAAA"}

package/esm/src/component/overlay/PermanentOverlayContext.d.ts

@@ -0,0 +1,6 @@
+import type { PermanentOverlayInstance, PermanentOverlaySlot } from './types';
+export type PermanentOverlayContextValue = {
+    register: (overlay: PermanentOverlayInstance) => void;
+    unregister: (id: string, slot?: PermanentOverlaySlot) => void;
+};
+export declare const PermanentOverlayContext: import("react").Context<PermanentOverlayContextValue | null>;

package/esm/src/component/overlay/PermanentOverlayContext.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+export const PermanentOverlayContext = createContext(null);
+//# sourceMappingURL=PermanentOverlayContext.js.map

package/esm/src/component/overlay/PermanentOverlayContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermanentOverlayContext.js","sourceRoot":"","sources":["../../../../src/component/overlay/PermanentOverlayContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAQrC,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAAsC,IAAI,CAAC,CAAA"}

package/esm/src/component/overlay/overlayRuntime.d.ts

@@ -0,0 +1,3 @@
+export declare const registerOverlayHost: () => () => void;
+export declare const reportMissingOverlayHost: (actionName: string) => void;
+export declare const resetOverlayRuntimeForTests: () => void;

package/esm/src/component/overlay/overlayRuntime.js

@@ -0,0 +1,39 @@
+let overlayHostCount = 0;
+let hasWarnedAboutMissingHost = false;
+let hasWarnedAboutMultipleHosts = false;
+const logOverlayConfigurationError = (message) => {
+    console.error(message);
+};
+const getMissingHostMessage = (actionName) => `[pne-ui] overlayActions.${actionName}() was called without a mounted <OverlayHost />. ` +
+    'The snackbar was added to the overlay store but cannot render. ' +
+    'Mount exactly one <OverlayHost /> near the application root.';
+const getMultipleHostsMessage = () => `[pne-ui] Detected ${overlayHostCount} mounted <OverlayHost /> instances. ` +
+    'OverlayHost is a singleton and must be mounted exactly once near the application root. ' +
+    'Multiple hosts duplicate snackbars and can desynchronize their timers.';
+export const registerOverlayHost = () => {
+    overlayHostCount += 1;
+    hasWarnedAboutMissingHost = false;
+    if (overlayHostCount > 1 && !hasWarnedAboutMultipleHosts) {
+        hasWarnedAboutMultipleHosts = true;
+        logOverlayConfigurationError(getMultipleHostsMessage());
+    }
+    return () => {
+        overlayHostCount = Math.max(overlayHostCount - 1, 0);
+        if (overlayHostCount <= 1) {
+            hasWarnedAboutMultipleHosts = false;
+        }
+    };
+};
+export const reportMissingOverlayHost = (actionName) => {
+    if (overlayHostCount > 0 || hasWarnedAboutMissingHost) {
+        return;
+    }
+    hasWarnedAboutMissingHost = true;
+    logOverlayConfigurationError(getMissingHostMessage(actionName));
+};
+export const resetOverlayRuntimeForTests = () => {
+    overlayHostCount = 0;
+    hasWarnedAboutMissingHost = false;
+    hasWarnedAboutMultipleHosts = false;
+};
+//# sourceMappingURL=overlayRuntime.js.map

package/esm/src/component/overlay/overlayRuntime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlayRuntime.js","sourceRoot":"","sources":["../../../../src/component/overlay/overlayRuntime.ts"],"names":[],"mappings":"AAAA,IAAI,gBAAgB,GAAG,CAAC,CAAA;AACxB,IAAI,yBAAyB,GAAG,KAAK,CAAA;AACrC,IAAI,2BAA2B,GAAG,KAAK,CAAA;AAEvC,MAAM,4BAA4B,GAAG,CAAC,OAAe,EAAE,EAAE;IACrD,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;AAC1B,CAAC,CAAA;AAED,MAAM,qBAAqB,GAAG,CAAC,UAAkB,EAAE,EAAE,CACjD,2BAA2B,UAAU,mDAAmD;IACxF,iEAAiE;IACjE,8DAA8D,CAAA;AAElE,MAAM,uBAAuB,GAAG,GAAG,EAAE,CACjC,qBAAqB,gBAAgB,sCAAsC;IAC3E,yFAAyF;IACzF,wEAAwE,CAAA;AAE5E,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACpC,gBAAgB,IAAI,CAAC,CAAA;IACrB,yBAAyB,GAAG,KAAK,CAAA;IAEjC,IAAI,gBAAgB,GAAG,CAAC,IAAI,CAAC,2BAA2B,EAAE,CAAC;QACvD,2BAA2B,GAAG,IAAI,CAAA;QAClC,4BAA4B,CAAC,uBAAuB,EAAE,CAAC,CAAA;IAC3D,CAAC;IAED,OAAO,GAAG,EAAE;QACR,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAgB,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;QAEpD,IAAI,gBAAgB,IAAI,CAAC,EAAE,CAAC;YACxB,2BAA2B,GAAG,KAAK,CAAA;QACvC,CAAC;IACL,CAAC,CAAA;AACL,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,UAAkB,EAAE,EAAE;IAC3D,IAAI,gBAAgB,GAAG,CAAC,IAAI,yBAAyB,EAAE,CAAC;QACpD,OAAM;IACV,CAAC;IAED,yBAAyB,GAAG,IAAI,CAAA;IAChC,4BAA4B,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAC,CAAA;AACnE,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,EAAE;IAC5C,gBAAgB,GAAG,CAAC,CAAA;IACpB,yBAAyB,GAAG,KAAK,CAAA;IACjC,2BAA2B,GAAG,KAAK,CAAA;AACvC,CAAC,CAAA"}

package/esm/src/component/overlay/overlayStore.d.ts

@@ -0,0 +1,16 @@
+import type { OverlayState, SnackbarOptions, UndoSnackbarOptions } from './types';
+export declare const useOverlayStore: import("zustand").UseBoundStore<import("zustand").StoreApi<OverlayState>>;
+export declare const overlayActions: {
+    showSnackbar: (snackbar: SnackbarOptions) => void;
+    showSuccess: (snackbar: Omit<SnackbarOptions, "variant">) => void;
+    showError: (snackbar: Omit<SnackbarOptions, "variant">) => void;
+    showWarning: (snackbar: Omit<SnackbarOptions, "variant">) => void;
+    showInfo: (snackbar: Omit<SnackbarOptions, "variant">) => void;
+    /**
+     * Shows an info snackbar with a built-in undo button and returns the snackbar id.
+     * By default it behaves like other non-error snackbars and auto-hides after 5000 ms unless `autoHideMs` is overridden.
+     */
+    showUndoSnackbar: ({ undoLabel, onUndo, ...snackbar }: UndoSnackbarOptions) => string;
+    removeSnackbar: (id: string) => void;
+    clearSnackbars: () => void;
+};

package/esm/src/component/overlay/overlayStore.js

@@ -0,0 +1,70 @@
+import React from 'react';
+import UndoIcon from '@mui/icons-material/Undo';
+import PneButton from '../PneButton';
+import { create } from 'zustand';
+import { reportMissingOverlayHost } from './overlayRuntime';
+const defaultAutoHideMs = 5000;
+const makeId = () => {
+    if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {
+        return crypto.randomUUID();
+    }
+    return `snackbar-${Date.now()}-${Math.random().toString(16).slice(2)}`;
+};
+export const useOverlayStore = create(set => ({
+    snackbars: [],
+    enqueueSnackbar: snackbar => set(state => ({
+        snackbars: [
+            ...state.snackbars,
+            {
+                id: snackbar.id ?? makeId(),
+                variant: snackbar.variant ?? 'info',
+                autoHideMs: snackbar.autoHideMs ?? (snackbar.variant === 'error' ? undefined : defaultAutoHideMs),
+                ...snackbar,
+            },
+        ],
+    })),
+    removeSnackbar: id => set(state => ({ snackbars: state.snackbars.filter(snack => snack.id !== id) })),
+    clearSnackbars: () => set({ snackbars: [] }),
+}));
+const showWithVariant = (variant) => (snackbar) => {
+    reportMissingOverlayHost(`show${variant.charAt(0).toUpperCase()}${variant.slice(1)}`);
+    useOverlayStore.getState().enqueueSnackbar({ ...snackbar, variant });
+};
+export const overlayActions = {
+    showSnackbar: (snackbar) => {
+        reportMissingOverlayHost('showSnackbar');
+        useOverlayStore.getState().enqueueSnackbar(snackbar);
+    },
+    showSuccess: showWithVariant('success'),
+    showError: showWithVariant('error'),
+    showWarning: showWithVariant('warning'),
+    showInfo: showWithVariant('info'),
+    /**
+     * Shows an info snackbar with a built-in undo button and returns the snackbar id.
+     * By default it behaves like other non-error snackbars and auto-hides after 5000 ms unless `autoHideMs` is overridden.
+     */
+    showUndoSnackbar: ({ undoLabel = 'Undo', onUndo, ...snackbar }) => {
+        const id = snackbar.id ?? makeId();
+        reportMissingOverlayHost('showUndoSnackbar');
+        useOverlayStore.getState().enqueueSnackbar({
+            ...snackbar,
+            id,
+            action: React.createElement(PneButton, {
+                variant: 'text',
+                size: 'small',
+                startIcon: React.createElement(UndoIcon, { fontSize: 'inherit' }),
+                onClick: () => {
+                    useOverlayStore.getState().removeSnackbar(id);
+                    onUndo();
+                },
+                sx: {
+                    fontWeight: 600,
+                },
+            }, undoLabel),
+        });
+        return id;
+    },
+    removeSnackbar: (id) => useOverlayStore.getState().removeSnackbar(id),
+    clearSnackbars: () => useOverlayStore.getState().clearSnackbars(),
+};
+//# sourceMappingURL=overlayStore.js.map

package/esm/src/component/overlay/overlayStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlayStore.js","sourceRoot":"","sources":["../../../../src/component/overlay/overlayStore.ts"],"names":[],"mappings":"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"}

package/esm/src/component/overlay/types.d.ts

@@ -0,0 +1,40 @@
+import type { SnackbarOrigin } from '@mui/material';
+import type React from 'react';
+export type SnackbarVariant = 'info' | 'success' | 'warning' | 'error';
+export type SnackbarOptions = {
+    id?: string;
+    message: React.ReactNode;
+    variant?: SnackbarVariant;
+    /**
+     * Auto-close timeout in milliseconds. `undefined` keeps the snackbar open until closed explicitly.
+     * Timed snackbars render a progress bar in `OverlayHost`.
+     */
+    autoHideMs?: number;
+    action?: React.ReactNode;
+    anchorOrigin?: SnackbarOrigin;
+};
+/**
+ * Options for a snackbar with a built-in undo action.
+ * `OverlayHost` renders the same timed-progress indicator as for any other timed snackbar.
+ */
+export type UndoSnackbarOptions = Omit<SnackbarOptions, 'action'> & {
+    undoLabel?: React.ReactNode;
+    onUndo: () => void;
+};
+export type OverlayState = {
+    snackbars: SnackbarOptions[];
+    enqueueSnackbar: (snackbar: SnackbarOptions) => void;
+    removeSnackbar: (id: string) => void;
+    clearSnackbars: () => void;
+};
+export type PermanentOverlayRender = (context: {
+    breakpoint: number;
+}) => React.ReactNode;
+export type PermanentOverlaySlot = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export type PermanentOverlayInstance = {
+    id: string;
+    slot: PermanentOverlaySlot;
+    render: PermanentOverlayRender;
+    offset?: number;
+    zIndex?: number;
+};

package/esm/src/component/overlay/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/esm/src/component/overlay/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/component/overlay/types.ts"],"names":[],"mappings":""}

package/esm/src/component/responsive/useBreakpoint.d.ts

@@ -0,0 +1,8 @@
+type UseBreakpointOptions = {
+    breakpoints?: readonly number[];
+};
+/**
+ * Returns the nearest configured breakpoint for the current window width.
+ */
+export declare function useBreakpoint({ breakpoints }?: UseBreakpointOptions): number;
+export {};

package/esm/src/component/responsive/useBreakpoint.js

@@ -0,0 +1,17 @@
+import { useEffect, useState } from 'react';
+import { DEFAULT_BREAKPOINTS, resolveBreakpoint } from '../../common/responsive/breakpoints';
+/**
+ * Returns the nearest configured breakpoint for the current window width.
+ */
+export function useBreakpoint({ breakpoints = DEFAULT_BREAKPOINTS } = {}) {
+    const [current, setCurrent] = useState(() => typeof window !== 'undefined' ? resolveBreakpoint(window.innerWidth, breakpoints) : breakpoints[0]);
+    useEffect(() => {
+        if (typeof window === 'undefined')
+            return;
+        const handler = () => setCurrent(resolveBreakpoint(window.innerWidth, breakpoints));
+        window.addEventListener('resize', handler);
+        return () => window.removeEventListener('resize', handler);
+    }, [breakpoints]);
+    return current;
+}
+//# sourceMappingURL=useBreakpoint.js.map

package/esm/src/component/responsive/useBreakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint.js","sourceRoot":"","sources":["../../../../src/component/responsive/useBreakpoint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAA;AAM5F;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,WAAW,GAAG,mBAAmB,KAA2B,EAAE;IAC1F,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CACxC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CACrG,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAM;QACzC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAA;QACnF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;QAC1C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IAC9D,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO,OAAO,CAAA;AAClB,CAAC"}

package/esm/src/component/search-ui/SearchUI.d.ts

@@ -0,0 +1,89 @@
+import React, { Dispatch, SetStateAction } from 'react';
+import { SearchUIFiltersConfig } from './filters/SearchUIFilters';
+import { CriterionTypeEnum, ExactCriterionSearchLabelEnum, SearchCriteria, SearchUIConditions } from './filters/types';
+import { GetPagedOrderedSortedListRequest, Order } from '../../common';
+import { TableCreateHeaderType } from '../..';
+import { UseTableParams } from '../table/useTable';
+/**
+ * Параметры запроса поиска, отправляемые в обработчик данных таблицы.
+ * Тип формируется на основе SearchCriteria без служебного флага `initialized`
+ * и стандартных параметров пагинации/сортировки списка.
+ */
+export type SearchParams = Omit<SearchCriteria & GetPagedOrderedSortedListRequest, 'initialized'>;
+/**
+ * Свойства компонента {@link SearchUI}.
+ * @template D Тип строки данных, возвращаемых запросом поиска и отображаемых в таблице.
+ */
+type Props<D extends object> = {
+    /**
+     * Имя контекста настроек, под которым таблица и фильтры сохраняют состояние пользователя.
+     */
+    settingsContextName: string;
+    /**
+     * Полный список критериев, доступных пользователю для выбора.
+     */
+    possibleCriteria: CriterionTypeEnum[];
+    /**
+     * Критерии, которые должны быть активированы при первой загрузке фильтра.
+     */
+    predefinedCriteria?: CriterionTypeEnum[];
+    /**
+     * Допустимые точные метки поиска, отображаемые в выпадающем списке.
+     */
+    exactSearchLabels?: ExactCriterionSearchLabelEnum[];
+    /**
+     * Начальные значения условий фильтрации, кроме списка критериев.
+     */
+    initialSearchConditions?: Partial<Omit<SearchUIConditions, 'criteria'>>;
+    /**
+     * Внешнее управление состоянием фильтров. При изменении значения происходит синхронизация стора.
+     */
+    searchConditions?: Partial<SearchUIConditions>;
+    /**
+     * Функция загрузки данных по текущим параметрам поиска.
+     */
+    searchData: (searchParams: SearchParams) => Promise<D[]>;
+    /**
+     * Фабрика заголовка таблицы.
+     */
+    createTableHeader: TableCreateHeaderType;
+    /**
+     * Фабрика строки таблицы.
+     * @param rowData Данные текущей строки.
+     * @param index Индекс строки.
+     * @param data Все текущие данные таблицы.
+     * @param setData Сеттер для обновления данных таблицы.
+     */
+    createTableRow: (rowData: D, index: number, data: D[], setData: Dispatch<SetStateAction<D[]>>) => React.ReactElement;
+    /**
+     * Кастомизация поведения таблицы (пагинация, отображение, дублирование пагинатора).
+     */
+    tableParams?: Pick<UseTableParams<D>, 'rowsPerPageOptions' | 'duplicatePagination' | 'paginatorActiveActionSx' | 'displayOptions'>;
+    /**
+     * Внешнее управление данными таблицы через React.useState.
+     */
+    dataUseState?: [D[], Dispatch<SetStateAction<D[]>>];
+    /**
+     * Конфигурация виджета фильтров.
+     */
+    config?: SearchUIFiltersConfig;
+};
+/**
+ * Высокоуровневый компонент поискового UI, объединяющий фильтры и таблицу с результатами.
+ * @template D Тип строки данных, отображаемых в таблице.
+ * @param props Свойства компонента.
+ */
+export declare const SearchUI: <D extends object>(props: Props<D>) => React.ReactElement;
+/**
+ * Преобразует внутреннее состояние фильтров и таблицы в параметры запроса для загрузки данных.
+ * @param searchCriteria Текущее состояние критериев поиска.
+ * @param options Параметры пагинации и сортировки таблицы.
+ * @returns Объект параметров, совместимый с обработчиком `searchData`.
+ */
+export declare const createSearchParams: (searchCriteria: SearchCriteria, options: {
+    page: number;
+    pageSize: number;
+    order?: Order;
+    sortIndex: number;
+}) => SearchParams;
+export {};