pne-ui 4.0.6 → 4.0.9

package/esm/src/component/widget-board/types.d.ts

@@ -0,0 +1,75 @@
+import type { BoardProps } from '@cloudscape-design/board-components/board';
+import type { WidgetLayoutOption } from './WidgetLayoutsPanel';
+export type WidgetId = string;
+export type WidgetLayoutSnapshot = {
+    columnSpan?: number;
+    rowSpan?: number;
+    columnOffset?: BoardProps.Item['columnOffset'];
+    order: number;
+};
+export type WidgetLayoutMemory = Record<string, Record<WidgetId, WidgetLayoutSnapshot>>;
+export type WidgetLayoutSize = {
+    columnSpan: number;
+    rowSpan: number;
+    columnOffset?: BoardProps.Item['columnOffset'];
+};
+export type WidgetLayoutLimits = {
+    minColumnSpan?: number;
+    minRowSpan?: number;
+};
+export type WidgetHeightMode = 'auto' | 'fixed';
+export type WidgetHeightModeMemory = Record<string, Partial<Record<WidgetId, WidgetHeightMode>>>;
+export type WidgetLayoutInitialState = {
+    isHidden?: boolean;
+    isCollapsed?: boolean;
+};
+export type WidgetLayoutConfig = {
+    defaultSize: WidgetLayoutSize;
+    limits?: WidgetLayoutLimits;
+    initialState?: WidgetLayoutInitialState;
+    heightMode?: WidgetHeightMode;
+};
+export type BreakpointLayoutConfig = {
+    widgets: Record<WidgetId, WidgetLayoutConfig>;
+};
+export type WidgetDefinition = {
+    id: WidgetId;
+    title: string;
+    render: () => React.ReactNode;
+    settingsActions?: React.ReactNode;
+    contentFullHeight?: boolean;
+};
+export type WidgetBoardItemData = {
+    id: WidgetId;
+    title: string;
+};
+export type WidgetBoardState = {
+    items: Array<BoardProps.Item<WidgetBoardItemData>>;
+    hidden: WidgetId[];
+    collapsed: WidgetId[];
+    sizeMemory: Partial<Record<WidgetId, number>>;
+    layoutMemory: WidgetLayoutMemory;
+    heightModeMemory: WidgetHeightModeMemory;
+};
+export type WidgetBoardLayoutOption = WidgetLayoutOption & {
+    layoutByBreakpoint: Record<number | string, BreakpointLayoutConfig>;
+};
+export type WidgetBoardLoadLayoutsResult = {
+    options: WidgetBoardLayoutOption[];
+    selectedId?: string;
+};
+export type WidgetBoardActionsState = {
+    hasHiddenWidgets: boolean;
+    canResetLayout: boolean;
+    isDefaultLayoutSelected: boolean;
+    selectedLayoutId?: string;
+    defaultLayoutId: string;
+};
+export type WidgetBoardProps = {
+    widgets: WidgetDefinition[];
+    layoutByBreakpoint: Record<number | string, BreakpointLayoutConfig>;
+    loadLayouts: () => Promise<WidgetBoardLoadLayoutsResult | null>;
+    saveLayouts: (options: WidgetBoardLayoutOption[], selectedId?: string) => Promise<void>;
+    onActionsStateChange?: (state: WidgetBoardActionsState) => void;
+    autoHeightEnabled?: boolean;
+};

package/esm/src/component/widget-board/types.js

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

package/esm/src/component/widget-board/types.js.map

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

package/esm/src/component/widget-board/useWidgetBoardAutosize.d.ts

@@ -0,0 +1,19 @@
+import type { Dispatch, SetStateAction } from 'react';
+import type { WidgetBoardState } from './types';
+import { type WidgetDefinitionWithLayout } from './widgetBoardLayoutUtils';
+type UseWidgetBoardAutosizeParams = {
+    autoHeightEnabled: boolean;
+    lockedHeightModeByWidgetId: Partial<Record<string, boolean>>;
+    definitionsMap: Map<string, WidgetDefinitionWithLayout>;
+    currentBreakpointKey: string;
+    isInteractionLocked: boolean;
+    layoutPresetBreakpoint: number | string | undefined;
+    setLayoutState: Dispatch<SetStateAction<WidgetBoardState>>;
+};
+export declare const useWidgetBoardAutosize: ({ autoHeightEnabled, lockedHeightModeByWidgetId, definitionsMap, currentBreakpointKey, isInteractionLocked, layoutPresetBreakpoint, setLayoutState, }: UseWidgetBoardAutosizeParams) => {
+    boardRootRef: import("react").RefObject<HTMLDivElement | null>;
+    handleContentRef: (widgetId: string, node: HTMLDivElement | null) => void;
+    measuredRowsRef: import("react").RefObject<Record<string, number>>;
+    remeasureAll: () => void;
+};
+export {};

package/esm/src/component/widget-board/useWidgetBoardAutosize.js

@@ -0,0 +1,180 @@
+import { useCallback, useEffect, useRef } from 'react';
+import { DEFAULT_ROW_GAP, DEFAULT_ROW_HEIGHT } from './widgetBoardLayoutUtils';
+export const useWidgetBoardAutosize = ({ autoHeightEnabled, lockedHeightModeByWidgetId, definitionsMap, currentBreakpointKey, isInteractionLocked, layoutPresetBreakpoint, setLayoutState, }) => {
+    const boardRootRef = useRef(null);
+    const gridMetricsRef = useRef(null);
+    const contentRefs = useRef(new Map());
+    const resizeObserverRef = useRef(null);
+    const measuredRowsRef = useRef({});
+    const parseCssNumber = useCallback((value) => {
+        if (!value)
+            return Number.NaN;
+        const parsed = Number.parseFloat(value);
+        return Number.isFinite(parsed) ? parsed : Number.NaN;
+    }, []);
+    const resolveFallbackRowGap = useCallback(() => (typeof window !== 'undefined' && window.innerWidth < 640 ? 8 : DEFAULT_ROW_GAP), []);
+    const findGridElement = useCallback((root) => {
+        const boardRoot = root.querySelector('[data-awsui-board]') ?? root;
+        const boardStyle = window.getComputedStyle(boardRoot);
+        if (boardStyle.display === 'grid' && boardStyle.gridAutoRows && boardStyle.gridAutoRows !== 'auto') {
+            return boardRoot;
+        }
+        const preferred = boardRoot.querySelectorAll('[class*="awsui_grid_"]');
+        const candidates = preferred.length ? preferred : boardRoot.querySelectorAll('div');
+        for (const element of candidates) {
+            if (element !== boardRoot && element.closest('[data-awsui-board-item]'))
+                continue;
+            const className = typeof element.className === 'string' ? element.className : '';
+            if (className.includes('grid__item'))
+                continue;
+            const style = window.getComputedStyle(element);
+            if (style.display === 'grid' && style.gridAutoRows && style.gridAutoRows !== 'auto') {
+                return element;
+            }
+        }
+        return null;
+    }, []);
+    const updateGridMetrics = useCallback(() => {
+        if (typeof window === 'undefined')
+            return gridMetricsRef.current;
+        const root = boardRootRef.current;
+        if (!root)
+            return gridMetricsRef.current;
+        const grid = findGridElement(root);
+        if (!grid)
+            return gridMetricsRef.current;
+        const style = window.getComputedStyle(grid);
+        const rowHeight = parseCssNumber(style.gridAutoRows);
+        const rowGapValue = parseCssNumber(style.rowGap);
+        const gapValue = parseCssNumber(style.gap);
+        const fallbackRowGap = resolveFallbackRowGap();
+        const rowGap = Number.isFinite(rowGapValue) ? rowGapValue : Number.isFinite(gapValue) ? gapValue : fallbackRowGap;
+        if (!Number.isFinite(rowHeight) || rowHeight <= 0)
+            return gridMetricsRef.current;
+        const next = { rowHeight, rowGap };
+        gridMetricsRef.current = next;
+        return next;
+    }, [findGridElement, parseCssNumber, resolveFallbackRowGap]);
+    const computeRequiredRows = useCallback((contentElement) => {
+        if (!contentElement.isConnected)
+            return null;
+        const metrics = updateGridMetrics() ?? { rowHeight: DEFAULT_ROW_HEIGHT, rowGap: resolveFallbackRowGap() };
+        const containerRoot = contentElement.closest('[data-awsui-board-item]') ??
+            contentElement.closest('[class*="container-override"]');
+        if (!containerRoot)
+            return null;
+        const containerRect = containerRoot.getBoundingClientRect();
+        const contentRect = contentElement.getBoundingClientRect();
+        const offsetTop = contentRect.top - containerRect.top;
+        const contentHeight = contentElement.scrollHeight;
+        if (!Number.isFinite(offsetTop) || !Number.isFinite(contentHeight) || contentHeight <= 0)
+            return null;
+        const requiredPx = offsetTop + contentHeight;
+        return Math.ceil((requiredPx + metrics.rowGap) / (metrics.rowHeight + metrics.rowGap));
+    }, [resolveFallbackRowGap, updateGridMetrics]);
+    const applyAutoSize = useCallback((widgetId, requiredRows) => {
+        setLayoutState(prev => {
+            const definition = definitionsMap.get(widgetId);
+            if (!definition)
+                return prev;
+            if (lockedHeightModeByWidgetId[widgetId])
+                return prev;
+            if (prev.collapsed.includes(widgetId))
+                return prev;
+            const heightMode = prev.heightModeMemory[currentBreakpointKey]?.[widgetId] ?? definition.layout.heightMode ?? 'auto';
+            if (heightMode !== 'auto')
+                return prev;
+            const index = prev.items.findIndex(item => item.id === widgetId);
+            if (index < 0)
+                return prev;
+            const minRows = Math.max(definition.layout.limits?.minRowSpan ?? 2, 2);
+            const nextRows = Math.max(minRows, requiredRows);
+            const currentItem = prev.items[index];
+            if (currentItem.rowSpan === nextRows)
+                return prev;
+            const nextItems = [...prev.items];
+            nextItems[index] = { ...currentItem, rowSpan: nextRows };
+            return { ...prev, items: nextItems };
+        });
+    }, [currentBreakpointKey, definitionsMap, lockedHeightModeByWidgetId, setLayoutState]);
+    const handleContentResize = useCallback((widgetId, contentElement) => {
+        if (!autoHeightEnabled)
+            return;
+        if (isInteractionLocked)
+            return;
+        const requiredRows = computeRequiredRows(contentElement);
+        if (!requiredRows)
+            return;
+        measuredRowsRef.current[widgetId] = requiredRows;
+        applyAutoSize(widgetId, requiredRows);
+    }, [applyAutoSize, autoHeightEnabled, computeRequiredRows, isInteractionLocked]);
+    const handleContentRef = useCallback((widgetId, node) => {
+        const map = contentRefs.current;
+        const observer = resizeObserverRef.current;
+        const prev = map.get(widgetId);
+        if (prev === node)
+            return;
+        if (prev && observer) {
+            observer.unobserve(prev);
+        }
+        if (!node) {
+            map.delete(widgetId);
+            return;
+        }
+        map.set(widgetId, node);
+        if (!autoHeightEnabled) {
+            delete measuredRowsRef.current[widgetId];
+            return;
+        }
+        if (observer) {
+            observer.observe(node);
+        }
+        requestAnimationFrame(() => handleContentResize(widgetId, node));
+    }, [autoHeightEnabled, handleContentResize]);
+    const remeasureAll = useCallback(() => {
+        if (!autoHeightEnabled)
+            return;
+        if (isInteractionLocked)
+            return;
+        updateGridMetrics();
+        contentRefs.current.forEach((element, widgetId) => {
+            handleContentResize(widgetId, element);
+        });
+    }, [autoHeightEnabled, handleContentResize, isInteractionLocked, updateGridMetrics]);
+    useEffect(() => {
+        if (!autoHeightEnabled)
+            return;
+        if (typeof ResizeObserver === 'undefined')
+            return;
+        const observer = new ResizeObserver(entries => {
+            entries.forEach(entry => {
+                const target = entry.target;
+                const widgetId = target.dataset.widgetId;
+                if (!widgetId)
+                    return;
+                handleContentResize(widgetId, target);
+            });
+        });
+        resizeObserverRef.current = observer;
+        contentRefs.current.forEach(element => observer.observe(element));
+        return () => {
+            observer.disconnect();
+            resizeObserverRef.current = null;
+        };
+    }, [autoHeightEnabled, handleContentResize]);
+    useEffect(() => {
+        if (!autoHeightEnabled) {
+            measuredRowsRef.current = {};
+        }
+    }, [autoHeightEnabled]);
+    useEffect(() => {
+        remeasureAll();
+    }, [layoutPresetBreakpoint, remeasureAll]);
+    return {
+        boardRootRef,
+        handleContentRef,
+        measuredRowsRef,
+        remeasureAll,
+    };
+};
+//# sourceMappingURL=useWidgetBoardAutosize.js.map

package/esm/src/component/widget-board/useWidgetBoardAutosize.js.map

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

package/esm/src/component/widget-board/useWidgetBoardFabActions.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { PneFabItem } from '../fab/PneFloatingActionButtons';
+import type { WidgetBoardFabStore } from './widgetBoardFabStore';
+export type UseWidgetBoardFabActionsOptions = {
+    store: WidgetBoardFabStore;
+    resetLabel?: React.ReactNode;
+    editVisibilityLabel?: React.ReactNode;
+    restoreHiddenLabel?: React.ReactNode;
+    onEditVisibilityClick?: () => void;
+};
+export declare const useWidgetBoardFabActions: ({ store, resetLabel, editVisibilityLabel, restoreHiddenLabel, onEditVisibilityClick, }: UseWidgetBoardFabActionsOptions) => PneFabItem[];

package/esm/src/component/widget-board/useWidgetBoardFabActions.js

@@ -0,0 +1,99 @@
+import React, { useCallback, useMemo } from 'react';
+import RestartAltIcon from '@mui/icons-material/RestartAlt';
+import VisibilityIcon from '@mui/icons-material/Visibility';
+import { useTranslation } from 'react-i18next';
+import { usePneConfirm } from '../confirm';
+import { WidgetLayoutsPanel } from './WidgetLayoutsPanel';
+export const useWidgetBoardFabActions = ({ store, resetLabel, editVisibilityLabel, restoreHiddenLabel, onEditVisibilityClick, }) => {
+    const { t } = useTranslation();
+    const { confirm } = usePneConfirm();
+    const layoutItems = store(state => state.items);
+    const selectedLayoutId = store(state => state.selectedId);
+    const selectLayout = store(state => state.onSelect);
+    const addLayout = store(state => state.onAdd);
+    const deleteLayout = store(state => state.onDelete);
+    const addInfo = store(state => state.addInfo);
+    const lockedIds = store(state => state.lockedIds);
+    const actionsState = store(state => state.actionsState);
+    const resetLayout = store(state => state.onResetLayout);
+    const visibilityItems = store(state => state.visibilityItems);
+    const setWidgetVisibility = store(state => state.onSetWidgetVisibility);
+    const resolvedResetLabel = resetLabel ?? t('pne.widgetBoard.actions.resetLayout', { defaultValue: 'Reset layout' });
+    const resolvedEditVisibilityLabel = editVisibilityLabel ??
+        restoreHiddenLabel ??
+        t('pne.widgetBoard.actions.editVisibility', { defaultValue: 'Edit visibility' });
+    const confirmTitle = t('react.confirm-alert.title.are-you-sure', { defaultValue: 'Are you sure?' });
+    const confirmLabel = t('react.confirm-alert.yes', { defaultValue: 'Yes' });
+    const cancelLabel = t('react.confirm-alert.no.cancel', { defaultValue: 'Cancel' });
+    const resetMessage = t('pne.widgetBoard.confirm.resetLayout', { defaultValue: 'Reset selected saved layout to default for this breakpoint?' });
+    const handleResetLayout = useCallback(() => {
+        if (!resetLayout)
+            return;
+        const shouldConfirm = !actionsState?.isDefaultLayoutSelected;
+        if (shouldConfirm) {
+            void confirm({
+                title: confirmTitle,
+                message: resetMessage,
+                confirmLabel,
+                cancelLabel,
+            }).then(accepted => {
+                if (accepted) {
+                    resetLayout?.();
+                }
+            });
+            return;
+        }
+        resetLayout();
+    }, [actionsState?.isDefaultLayoutSelected, cancelLabel, confirm, confirmLabel, confirmTitle, resetLayout, resetMessage]);
+    const canEditVisibility = visibilityItems.length > 0 && Boolean(setWidgetVisibility) && Boolean(onEditVisibilityClick);
+    const handleEditVisibility = useCallback(() => {
+        if (!canEditVisibility)
+            return;
+        onEditVisibilityClick?.();
+    }, [canEditVisibility, onEditVisibilityClick]);
+    const showResetLayout = Boolean(actionsState?.canResetLayout);
+    const canReset = showResetLayout && Boolean(resetLayout);
+    return useMemo(() => {
+        const items = [
+            {
+                id: 'layouts',
+                kind: 'content',
+                node: (React.createElement(WidgetLayoutsPanel, { items: layoutItems, selectedId: selectedLayoutId, onSelect: selectLayout, onAdd: addLayout, onDelete: deleteLayout, addInfo: addInfo, lockedIds: lockedIds })),
+            },
+            { id: 'divider-layouts', kind: 'divider' },
+        ];
+        items.push({
+            id: 'reset-layout',
+            label: resolvedResetLabel,
+            icon: React.createElement(RestartAltIcon, { fontSize: 'small' }),
+            onClick: handleResetLayout,
+            disabled: !canReset,
+            showInFabStack: canReset,
+        });
+        items.push({
+            id: 'edit-visibility',
+            label: resolvedEditVisibilityLabel,
+            icon: React.createElement(VisibilityIcon, { fontSize: 'small' }),
+            onClick: handleEditVisibility,
+            disabled: !canEditVisibility,
+            showInFabStack: Boolean(onEditVisibilityClick),
+        });
+        return items;
+    }, [
+        addInfo,
+        addLayout,
+        canEditVisibility,
+        canReset,
+        handleEditVisibility,
+        handleResetLayout,
+        deleteLayout,
+        layoutItems,
+        lockedIds,
+        onEditVisibilityClick,
+        resolvedEditVisibilityLabel,
+        resolvedResetLabel,
+        selectLayout,
+        selectedLayoutId,
+    ]);
+};
+//# sourceMappingURL=useWidgetBoardFabActions.js.map

package/esm/src/component/widget-board/useWidgetBoardFabActions.js.map

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

package/esm/src/component/widget-board/useWidgetBoardInteractionLock.d.ts

@@ -0,0 +1 @@
+export declare const useWidgetBoardInteractionLock: () => boolean;

package/esm/src/component/widget-board/useWidgetBoardInteractionLock.js

@@ -0,0 +1,25 @@
+import { useEffect, useState } from 'react';
+export const useWidgetBoardInteractionLock = () => {
+    const [isInteractionLocked, setIsInteractionLocked] = useState(false);
+    useEffect(() => {
+        if (typeof document === 'undefined')
+            return;
+        const isDragActive = () => {
+            for (const className of document.body.classList) {
+                if (className.includes('show-grab-cursor') || className.includes('show-resize-cursor')) {
+                    return true;
+                }
+            }
+            return false;
+        };
+        const update = () => {
+            setIsInteractionLocked(isDragActive());
+        };
+        update();
+        const observer = new MutationObserver(update);
+        observer.observe(document.body, { attributes: true, attributeFilter: ['class'] });
+        return () => observer.disconnect();
+    }, []);
+    return isInteractionLocked;
+};
+//# sourceMappingURL=useWidgetBoardInteractionLock.js.map

package/esm/src/component/widget-board/useWidgetBoardInteractionLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWidgetBoardInteractionLock.js","sourceRoot":"","sources":["../../../../src/component/widget-board/useWidgetBoardInteractionLock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,CAAC,MAAM,6BAA6B,GAAG,GAAG,EAAE;IAC9C,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAErE,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,QAAQ,KAAK,WAAW;YAAE,OAAM;QAC3C,MAAM,YAAY,GAAG,GAAG,EAAE;YACtB,KAAK,MAAM,SAAS,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;gBAC9C,IAAI,SAAS,CAAC,QAAQ,CAAC,kBAAkB,CAAC,IAAI,SAAS,CAAC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,CAAC;oBACrF,OAAO,IAAI,CAAA;gBACf,CAAC;YACL,CAAC;YACD,OAAO,KAAK,CAAA;QAChB,CAAC,CAAA;QACD,MAAM,MAAM,GAAG,GAAG,EAAE;YAChB,sBAAsB,CAAC,YAAY,EAAE,CAAC,CAAA;QAC1C,CAAC,CAAA;QACD,MAAM,EAAE,CAAA;QACR,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,MAAM,CAAC,CAAA;QAC7C,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QACjF,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAA;IACtC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,mBAAmB,CAAA;AAC9B,CAAC,CAAA"}

package/esm/src/component/widget-board/useWidgetBoardLayoutActions.d.ts

@@ -0,0 +1,28 @@
+import type { Dispatch, MutableRefObject, SetStateAction } from 'react';
+import type { BreakpointLayoutConfig, WidgetBoardActionsState, WidgetBoardLayoutOption } from './types';
+import type { WidgetBoardFabStore, WidgetBoardVisibilityItem } from './widgetBoardFabStore';
+type UseWidgetBoardLayoutActionsParams = {
+    buildCurrentPreset: () => Record<number | string, BreakpointLayoutConfig>;
+    defaultLayoutId: string;
+    isLoadingLayouts: boolean;
+    layoutOptions: WidgetBoardLayoutOption[];
+    layoutOptionsMap: Map<string, WidgetBoardLayoutOption>;
+    layoutSourceOwnerIdRef: MutableRefObject<string | undefined>;
+    lockedLayoutIdRef: MutableRefObject<string | undefined>;
+    saveLayouts: (options: WidgetBoardLayoutOption[], selectedId?: string) => Promise<void>;
+    fabStore: WidgetBoardFabStore;
+    actionsState: WidgetBoardActionsState;
+    visibilityItems: WidgetBoardVisibilityItem[];
+    onSetWidgetVisibility: (id: string, visible: boolean) => void;
+    onResetLayout: () => void;
+    onRestoreHidden: () => void;
+    selectedLayoutId: string | undefined;
+    setLayoutOptions: Dispatch<SetStateAction<WidgetBoardLayoutOption[]>>;
+    setSelectedLayoutId: Dispatch<SetStateAction<string | undefined>>;
+};
+export declare const useWidgetBoardLayoutActions: ({ buildCurrentPreset, defaultLayoutId, isLoadingLayouts, layoutOptions, layoutOptionsMap, layoutSourceOwnerIdRef, lockedLayoutIdRef, saveLayouts, fabStore, actionsState, visibilityItems, onSetWidgetVisibility, onResetLayout, onRestoreHidden, selectedLayoutId, setLayoutOptions, setSelectedLayoutId, }: UseWidgetBoardLayoutActionsParams) => {
+    addLayout: (name: string) => void;
+    deleteLayout: (id: string) => void;
+    selectLayout: (id: string) => void;
+};
+export {};

package/esm/src/component/widget-board/useWidgetBoardLayoutActions.js

@@ -0,0 +1,140 @@
+import { useCallback, useEffect, useMemo, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { createLayoutId } from './widgetBoardLayoutUtils';
+export const useWidgetBoardLayoutActions = ({ buildCurrentPreset, defaultLayoutId, isLoadingLayouts, layoutOptions, layoutOptionsMap, layoutSourceOwnerIdRef, lockedLayoutIdRef, saveLayouts, fabStore, actionsState, visibilityItems, onSetWidgetVisibility, onResetLayout, onRestoreHidden, selectedLayoutId, setLayoutOptions, setSelectedLayoutId, }) => {
+    const { t } = useTranslation();
+    const autosaveTimeoutRef = useRef(null);
+    useEffect(() => {
+        return () => {
+            if (autosaveTimeoutRef.current) {
+                clearTimeout(autosaveTimeoutRef.current);
+            }
+        };
+    }, []);
+    const ensureSelected = useCallback((options, candidate) => {
+        if (candidate && options.some(option => option.id === candidate))
+            return candidate;
+        return options[0]?.id;
+    }, []);
+    const persistLayouts = useCallback((options, nextSelectedId) => {
+        Promise.resolve(saveLayouts(options, nextSelectedId)).catch(error => {
+            console.warn('Failed to save widget layouts', error);
+        });
+    }, [saveLayouts]);
+    const selectLayout = useCallback((id) => {
+        if (!id || id === selectedLayoutId || !layoutOptionsMap.has(id))
+            return;
+        setSelectedLayoutId(id);
+        persistLayouts(layoutOptions, id);
+    }, [layoutOptions, layoutOptionsMap, persistLayouts, selectedLayoutId, setSelectedLayoutId]);
+    const addLayout = useCallback((name) => {
+        const layoutByBreakpoint = buildCurrentPreset();
+        const option = {
+            id: createLayoutId(),
+            name: name.trim() || t('pne.widgetBoard.layouts.customName', { defaultValue: 'Custom layout' }),
+            layoutByBreakpoint,
+        };
+        const nextOptions = [...layoutOptions, option];
+        setLayoutOptions(nextOptions);
+        setSelectedLayoutId(option.id);
+        persistLayouts(nextOptions, option.id);
+    }, [buildCurrentPreset, layoutOptions, persistLayouts, setLayoutOptions, setSelectedLayoutId, t]);
+    const deleteLayout = useCallback((id) => {
+        if (!layoutOptionsMap.has(id))
+            return;
+        if (lockedLayoutIdRef.current && id === lockedLayoutIdRef.current)
+            return;
+        const nextOptions = layoutOptions.filter(option => option.id !== id);
+        const nextSelected = id === selectedLayoutId ? ensureSelected(nextOptions) : selectedLayoutId;
+        setLayoutOptions(nextOptions);
+        setSelectedLayoutId(nextSelected);
+        persistLayouts(nextOptions, nextSelected);
+    }, [ensureSelected, layoutOptions, layoutOptionsMap, lockedLayoutIdRef, persistLayouts, selectedLayoutId, setLayoutOptions, setSelectedLayoutId]);
+    useEffect(() => {
+        if (isLoadingLayouts)
+            return;
+        const expectedOwnerId = selectedLayoutId ?? defaultLayoutId;
+        if (layoutSourceOwnerIdRef.current !== expectedOwnerId)
+            return;
+        const lockedId = lockedLayoutIdRef.current;
+        if (!selectedLayoutId || (lockedId && selectedLayoutId === lockedId))
+            return;
+        const selectedOption = layoutOptionsMap.get(selectedLayoutId);
+        if (!selectedOption)
+            return;
+        const nextPreset = buildCurrentPreset();
+        const selectedSerialized = JSON.stringify(selectedOption.layoutByBreakpoint ?? {});
+        const nextSerialized = JSON.stringify(nextPreset ?? {});
+        if (selectedSerialized === nextSerialized)
+            return;
+        const nextOptions = layoutOptions.map(option => (option.id === selectedLayoutId ? { ...option, layoutByBreakpoint: nextPreset } : option));
+        setLayoutOptions(nextOptions);
+        if (autosaveTimeoutRef.current) {
+            clearTimeout(autosaveTimeoutRef.current);
+        }
+        autosaveTimeoutRef.current = setTimeout(() => {
+            persistLayouts(nextOptions, selectedLayoutId);
+            autosaveTimeoutRef.current = null;
+        }, 350);
+    }, [
+        buildCurrentPreset,
+        defaultLayoutId,
+        isLoadingLayouts,
+        layoutOptions,
+        layoutOptionsMap,
+        layoutSourceOwnerIdRef,
+        lockedLayoutIdRef,
+        persistLayouts,
+        selectedLayoutId,
+        setLayoutOptions,
+    ]);
+    const addInfo = useMemo(() => {
+        const sourceLayoutId = selectedLayoutId ?? defaultLayoutId;
+        const sourceOption = layoutOptionsMap.get(sourceLayoutId);
+        if (!sourceOption)
+            return undefined;
+        return {
+            basedOnName: sourceOption.name,
+        };
+    }, [defaultLayoutId, layoutOptionsMap, selectedLayoutId]);
+    useEffect(() => {
+        const panelProps = {
+            items: layoutOptions,
+            selectedId: selectedLayoutId,
+            onSelect: selectLayout,
+            onAdd: addLayout,
+            onDelete: deleteLayout,
+            addInfo,
+            lockedIds: lockedLayoutIdRef.current ? [lockedLayoutIdRef.current] : [],
+            actionsState,
+            visibilityItems,
+            onSetWidgetVisibility,
+            onResetLayout,
+            onRestoreHidden,
+        };
+        fabStore.getState().setPanelState(panelProps);
+        return () => {
+            fabStore.getState().resetPanelState();
+        };
+    }, [
+        actionsState,
+        addInfo,
+        addLayout,
+        deleteLayout,
+        fabStore,
+        layoutOptions,
+        lockedLayoutIdRef,
+        onSetWidgetVisibility,
+        onResetLayout,
+        onRestoreHidden,
+        selectLayout,
+        selectedLayoutId,
+        visibilityItems,
+    ]);
+    return {
+        addLayout,
+        deleteLayout,
+        selectLayout,
+    };
+};
+//# sourceMappingURL=useWidgetBoardLayoutActions.js.map

package/esm/src/component/widget-board/useWidgetBoardLayoutActions.js.map

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