pne-ui 3.0.26 → 3.0.27

package/cjs/component/widget-board/WidgetLayoutsPanel.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WidgetLayoutsPanel = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const Delete_1 = tslib_1.__importDefault(require("@mui/icons-material/Delete"));
+const Refresh_1 = tslib_1.__importDefault(require("@mui/icons-material/Refresh"));
+const material_1 = require("@mui/material");
+const PneModal_1 = tslib_1.__importDefault(require("../PneModal"));
+const PneTextField_1 = tslib_1.__importDefault(require("../PneTextField"));
+const PneButton_1 = tslib_1.__importDefault(require("../PneButton"));
+const widgetLayoutsPanelStore_1 = require("./widgetLayoutsPanelStore");
+const defaultAddLabel = 'Add new layout';
+const WidgetLayoutsPanel = ({ items, selectedId, onSelect, onDelete, onUpdate, onAdd, addLabel = defaultAddLabel, className, lockedIds = [], }) => {
+    const bridge = (0, react_1.useSyncExternalStore)(widgetLayoutsPanelStore_1.subscribeWidgetLayoutsPanelBridge, () => (0, widgetLayoutsPanelStore_1.getWidgetLayoutsPanelBridge)(), () => null);
+    const resolvedItems = items ?? bridge?.items ?? [];
+    const resolvedSelectedId = selectedId ?? bridge?.selectedId;
+    const resolvedOnSelect = onSelect ?? bridge?.onSelect;
+    const resolvedOnDelete = onDelete ?? bridge?.onDelete;
+    const resolvedOnUpdate = onUpdate ?? bridge?.onUpdate;
+    const resolvedOnAdd = onAdd ?? bridge?.onAdd;
+    const resolvedLockedIds = lockedIds.length ? lockedIds : bridge?.lockedIds ?? [];
+    const [modalOpen, setModalOpen] = (0, react_1.useState)(false);
+    const [name, setName] = (0, react_1.useState)('');
+    const handleSave = () => {
+        const trimmed = name.trim();
+        if (!trimmed || !resolvedOnAdd)
+            return;
+        resolvedOnAdd(trimmed);
+        setName('');
+        setModalOpen(false);
+    };
+    const hasAdd = Boolean(resolvedOnAdd);
+    return (react_1.default.createElement(material_1.Box, { sx: { width: 320, maxWidth: '100%', bgcolor: '#fff', fontSize: '14px', lineHeight: '20px' }, className: className, onKeyDown: event => {
+            // Блокируем всплытие, чтобы хоткеи/навигация обёртывающего меню (FAB) не крали ввод из инпутов панели
+            event.stopPropagation();
+        } },
+        react_1.default.createElement(material_1.Box, { sx: {
+                bgcolor: '#fff',
+                color: '#8A94A6',
+                px: 2,
+                minHeight: 32,
+                display: 'flex',
+                alignItems: 'center',
+                borderBottom: '1px solid #0000001F',
+            } },
+            react_1.default.createElement(material_1.Typography, { variant: 'subtitle2', sx: { lineHeight: '20px', fontWeight: 400, fontSize: '14px' } }, "Layouts")),
+        react_1.default.createElement(material_1.Stack, null, resolvedItems.length === 0 ? (react_1.default.createElement(material_1.Box, { sx: { px: 2, minHeight: 32, display: 'flex', alignItems: 'center', color: 'text.secondary' } }, "No layouts yet")) : (resolvedItems.map(item => {
+            const selected = item.id === resolvedSelectedId;
+            const locked = resolvedLockedIds.includes(item.id);
+            return (react_1.default.createElement(material_1.Box, { key: item.id, onClick: () => resolvedOnSelect?.(item.id), sx: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: 0.5,
+                    px: 2,
+                    minHeight: 32,
+                    cursor: onSelect ? 'pointer' : 'default',
+                    bgcolor: selected ? '#EFF2F5' : '#fff',
+                    color: selected ? 'primary.main' : 'text.primary',
+                    transition: 'background-color 0.2s ease, color 0.2s ease',
+                } },
+                react_1.default.createElement(material_1.Box, { sx: { flex: 1, fontWeight: 400, fontSize: '14px', lineHeight: '20px' } }, item.name),
+                resolvedOnUpdate && selected && !locked ? (react_1.default.createElement(material_1.IconButton, { size: 'small', color: 'inherit', onClick: event => {
+                        event.stopPropagation();
+                        resolvedOnUpdate(item.id);
+                    } },
+                    react_1.default.createElement(Refresh_1.default, { fontSize: 'small' }))) : null,
+                resolvedOnDelete && !locked ? (react_1.default.createElement(material_1.IconButton, { size: 'small', color: 'inherit', onClick: event => {
+                        event.stopPropagation();
+                        resolvedOnDelete(item.id);
+                    } },
+                    react_1.default.createElement(Delete_1.default, { fontSize: 'small' }))) : null));
+        }))),
+        hasAdd ? (react_1.default.createElement(material_1.Box, null,
+            react_1.default.createElement(PneButton_1.default, { fullWidth: true, pneStyle: 'text', size: 'small', onClick: () => setModalOpen(true), sx: {
+                    height: 32,
+                    justifyContent: 'flex-start',
+                    px: 2,
+                    fontSize: '14px',
+                    lineHeight: '20px',
+                    color: 'primary.main',
+                    textDecoration: 'none',
+                    minWidth: 0,
+                    '&:hover': {
+                        backgroundColor: 'transparent',
+                        textDecoration: 'none',
+                    },
+                } }, addLabel))) : null,
+        hasAdd ? (react_1.default.createElement(PneModal_1.default, { open: modalOpen, onClose: () => setModalOpen(false), title: 'New layout' },
+            react_1.default.createElement(material_1.Stack, { spacing: 2 },
+                react_1.default.createElement(PneTextField_1.default, { label: 'Template name', fullWidth: true, value: name, onChange: event => setName(event.target.value), autoFocus: true }),
+                react_1.default.createElement(material_1.Box, { sx: { display: 'flex', gap: 1, justifyContent: 'flex-end' } },
+                    react_1.default.createElement(PneButton_1.default, { pneStyle: 'text', size: 'small', onClick: () => setModalOpen(false), sx: { height: 32, fontSize: '14px', lineHeight: '20px' } }, "Cancel"),
+                    react_1.default.createElement(PneButton_1.default, { pneStyle: 'contained', size: 'small', onClick: handleSave, disabled: !name.trim(), sx: { height: 32, fontSize: '14px', lineHeight: '20px' } }, "Save"))))) : null));
+};
+exports.WidgetLayoutsPanel = WidgetLayoutsPanel;
+exports.default = exports.WidgetLayoutsPanel;
+//# sourceMappingURL=WidgetLayoutsPanel.js.map

package/cjs/component/widget-board/WidgetLayoutsPanel.js.map

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

package/cjs/component/widget-board/index.d.ts

@@ -1,3 +1,6 @@
 export * from './WidgetBoard';
 export * from './types';
-export * from './PneLayoutsPanel';
+export * from './WidgetLayoutsPanel';
+export * from './layoutPersistence';
+export * from './useWidgetLayoutsManager';
+export * from './widgetLayoutsPanelStore';

package/cjs/component/widget-board/index.js

@@ -3,5 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./WidgetBoard"), exports);
 tslib_1.__exportStar(require("./types"), exports);
-tslib_1.__exportStar(require("./PneLayoutsPanel"), exports);
+tslib_1.__exportStar(require("./WidgetLayoutsPanel"), exports);
+tslib_1.__exportStar(require("./layoutPersistence"), exports);
+tslib_1.__exportStar(require("./useWidgetLayoutsManager"), exports);
+tslib_1.__exportStar(require("./widgetLayoutsPanelStore"), exports);
 //# sourceMappingURL=index.js.map

package/cjs/component/widget-board/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/component/widget-board/index.ts"],"names":[],"mappings":";;;AAAA,wDAA6B;AAC7B,kDAAuB;AACvB,4DAAiC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/component/widget-board/index.ts"],"names":[],"mappings":";;;AAAA,wDAA6B;AAC7B,kDAAuB;AACvB,+DAAoC;AACpC,8DAAmC;AACnC,oEAAyC;AACzC,oEAAyC"}

package/cjs/component/widget-board/layoutPersistence.d.ts

@@ -0,0 +1,38 @@
+import type { BreakpointLayoutConfig, WidgetBoardLayoutOption, WidgetBoardLoadLayoutsResult, WidgetBoardState, WidgetLayoutConfig } from './types';
+export type WidgetLayoutPlacement = {
+    columnSpan?: number;
+    rowSpan?: number;
+    columnOffset?: WidgetLayoutConfig['defaultSize']['columnOffset'];
+    isHidden?: boolean;
+    isCollapsed?: boolean;
+};
+export type WidgetLayoutSettingsBreakpoint = {
+    columns?: number;
+    widgets?: Record<string, WidgetLayoutPlacement>;
+};
+export type WidgetLayoutSettingsLayout = {
+    id: string;
+    name?: string;
+    layoutByBreakpoint?: Record<number | string, WidgetLayoutSettingsBreakpoint>;
+    version?: string;
+    updatedAt?: string;
+};
+export type WidgetLayoutSettings = {
+    layouts?: WidgetLayoutSettingsLayout[];
+    selectedLayoutId?: string;
+};
+export declare const normalizeWidgetLayoutSettings: (settings: WidgetLayoutSettings | null | undefined, defaultOption: WidgetBoardLayoutOption, breakpoints?: readonly number[]) => WidgetBoardLoadLayoutsResult;
+export declare const buildLayoutSettingsPayload: (options: WidgetBoardLayoutOption[], selectedId?: string) => WidgetLayoutSettings;
+export declare const buildPresetFromState: (state: WidgetBoardState | null, baseLayoutByBreakpoint: Record<number | string, BreakpointLayoutConfig>, breakpoints?: readonly number[]) => Record<number | string, BreakpointLayoutConfig>;
+type RemoteHandlersParams = {
+    defaultOption: WidgetBoardLayoutOption;
+    breakpoints?: readonly number[];
+    loadSettings?: () => Promise<WidgetLayoutSettings | null | undefined>;
+    saveSettings?: (settings: WidgetLayoutSettings) => Promise<void>;
+    skipWhenStorybook?: boolean;
+};
+export declare const createWidgetLayoutsRemoteHandlers: ({ defaultOption, breakpoints, loadSettings, saveSettings, skipWhenStorybook, }: RemoteHandlersParams) => {
+    loadLayouts: () => Promise<WidgetBoardLoadLayoutsResult>;
+    saveLayouts: (options: WidgetBoardLayoutOption[], selectedId?: string) => Promise<void>;
+};
+export {};

package/cjs/component/widget-board/layoutPersistence.js

@@ -0,0 +1,188 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createWidgetLayoutsRemoteHandlers = exports.buildPresetFromState = exports.buildLayoutSettingsPayload = exports.normalizeWidgetLayoutSettings = void 0;
+const breakpoints_1 = require("../../common/responsive/breakpoints");
+const isStorybookRuntime = () => typeof window !== 'undefined' &&
+    (Boolean(window.__STORYBOOK_CLIENT_API__) || Boolean(window.__STORYBOOK_ADDONS_CHANNEL__));
+const cloneLayoutConfig = (config) => ({
+    columns: config.columns,
+    widgets: Object.fromEntries(Object.entries(config.widgets).map(([id, widget]) => [
+        id,
+        {
+            defaultSize: { ...widget.defaultSize },
+            limits: widget.limits ? { ...widget.limits } : undefined,
+            initialState: widget.initialState ? { ...widget.initialState } : undefined,
+        },
+    ])),
+});
+const mergeWidgetPlacement = (base, remote) => {
+    if (!remote)
+        return base;
+    return {
+        defaultSize: {
+            ...base.defaultSize,
+            columnSpan: remote.columnSpan ?? base.defaultSize.columnSpan,
+            rowSpan: remote.rowSpan ?? base.defaultSize.rowSpan,
+            columnOffset: remote.columnOffset ?? base.defaultSize.columnOffset,
+        },
+        limits: base.limits,
+        initialState: {
+            ...base.initialState,
+            isHidden: remote.isHidden ?? base.initialState?.isHidden,
+            isCollapsed: remote.isCollapsed ?? base.initialState?.isCollapsed,
+        },
+    };
+};
+const normalizeLayoutMap = (layoutByBreakpoint, baseLayoutByBreakpoint, breakpoints) => {
+    if (!layoutByBreakpoint)
+        return null;
+    const normalized = {};
+    breakpoints.forEach(breakpoint => {
+        const base = baseLayoutByBreakpoint[breakpoint] ?? baseLayoutByBreakpoint[String(breakpoint)];
+        if (!base)
+            return;
+        const candidate = layoutByBreakpoint[breakpoint] ?? layoutByBreakpoint[String(breakpoint)];
+        if (!candidate)
+            return;
+        const widgets = {};
+        Object.keys(base.widgets).forEach(id => {
+            widgets[id] = mergeWidgetPlacement(base.widgets[id], candidate.widgets?.[id]);
+        });
+        normalized[breakpoint] = {
+            columns: candidate.columns ?? base.columns,
+            widgets,
+        };
+    });
+    if (Object.keys(normalized).length === 0) {
+        return null;
+    }
+    return normalized;
+};
+const normalizeLayoutOption = (layout, baseLayoutByBreakpoint, breakpoints) => {
+    const layoutByBreakpoint = normalizeLayoutMap(layout.layoutByBreakpoint, baseLayoutByBreakpoint, breakpoints);
+    if (!layoutByBreakpoint)
+        return null;
+    return {
+        id: layout.id,
+        name: layout.name || 'Layout',
+        layoutByBreakpoint,
+    };
+};
+const normalizeWidgetLayoutSettings = (settings, defaultOption, breakpoints = breakpoints_1.DEFAULT_BREAKPOINTS) => {
+    const baseLayout = defaultOption.layoutByBreakpoint;
+    const layouts = settings?.layouts ?? [];
+    const options = layouts
+        .map(layout => normalizeLayoutOption(layout, baseLayout, breakpoints))
+        .filter((option) => Boolean(option));
+    const optionsWithDefault = options.some(option => option.id === defaultOption.id) ? options : [...options, defaultOption];
+    const selectedFromServer = settings?.selectedLayoutId && optionsWithDefault.some(option => option.id === settings.selectedLayoutId)
+        ? settings.selectedLayoutId
+        : optionsWithDefault[0]?.id ?? defaultOption.id;
+    return { options: optionsWithDefault, selectedId: selectedFromServer };
+};
+exports.normalizeWidgetLayoutSettings = normalizeWidgetLayoutSettings;
+const mapOptionToSettingsLayout = (option) => ({
+    id: option.id,
+    name: option.name,
+    layoutByBreakpoint: Object.fromEntries(Object.entries(option.layoutByBreakpoint).map(([breakpoint, config]) => [
+        breakpoint,
+        {
+            columns: config.columns,
+            widgets: Object.fromEntries(Object.entries(config.widgets).map(([id, widget]) => [
+                id,
+                {
+                    columnSpan: widget.defaultSize.columnSpan,
+                    rowSpan: widget.defaultSize.rowSpan,
+                    columnOffset: widget.defaultSize.columnOffset,
+                    isHidden: widget.initialState?.isHidden,
+                    isCollapsed: widget.initialState?.isCollapsed,
+                },
+            ])),
+        },
+    ])),
+});
+const buildLayoutSettingsPayload = (options, selectedId) => ({
+    layouts: options.map(mapOptionToSettingsLayout),
+    selectedLayoutId: selectedId && options.some(option => option.id === selectedId) ? selectedId : options[0]?.id,
+});
+exports.buildLayoutSettingsPayload = buildLayoutSettingsPayload;
+const buildPresetFromState = (state, baseLayoutByBreakpoint, breakpoints = breakpoints_1.DEFAULT_BREAKPOINTS) => {
+    if (!state) {
+        return Object.fromEntries(Object.entries(baseLayoutByBreakpoint).map(([breakpoint, config]) => [breakpoint, cloneLayoutConfig(config)]));
+    }
+    const layoutByBreakpoint = {};
+    const hiddenSet = new Set(state.hidden);
+    const collapsedSet = new Set(state.collapsed);
+    const sizeMemory = state.sizeMemory ?? {};
+    const layoutMemory = state.layoutMemory ?? {};
+    const itemMap = new Map(state.items.map(item => [item.id, item]));
+    breakpoints.forEach(breakpoint => {
+        const base = baseLayoutByBreakpoint[breakpoint] ??
+            baseLayoutByBreakpoint[String(breakpoint)] ??
+            Object.values(baseLayoutByBreakpoint)[0];
+        if (!base)
+            return;
+        const widgets = {};
+        const memoryForBreakpoint = layoutMemory[String(breakpoint)] ?? {};
+        Object.keys(base.widgets).forEach(id => {
+            const baseConfig = base.widgets[id];
+            const item = itemMap.get(id);
+            const rememberedSnapshot = memoryForBreakpoint[id];
+            const isHidden = hiddenSet.has(id) || !item;
+            const isCollapsed = collapsedSet.has(id);
+            const rememberedSize = sizeMemory[id] ?? item?.rowSpan ?? rememberedSnapshot?.rowSpan ?? baseConfig.defaultSize.rowSpan;
+            widgets[id] = {
+                defaultSize: {
+                    columnSpan: item?.columnSpan ?? rememberedSnapshot?.columnSpan ?? baseConfig.defaultSize.columnSpan,
+                    rowSpan: rememberedSize,
+                    columnOffset: item?.columnOffset ?? rememberedSnapshot?.columnOffset ?? baseConfig.defaultSize.columnOffset,
+                },
+                limits: baseConfig.limits,
+                initialState: {
+                    ...baseConfig.initialState,
+                    isHidden,
+                    isCollapsed,
+                },
+            };
+        });
+        layoutByBreakpoint[breakpoint] = {
+            columns: base.columns,
+            widgets,
+        };
+    });
+    return layoutByBreakpoint;
+};
+exports.buildPresetFromState = buildPresetFromState;
+const createWidgetLayoutsRemoteHandlers = ({ defaultOption, breakpoints = breakpoints_1.DEFAULT_BREAKPOINTS, loadSettings, saveSettings, skipWhenStorybook = true, }) => {
+    const shouldSkipRemote = skipWhenStorybook && isStorybookRuntime();
+    const loadLayouts = async () => {
+        if (!loadSettings || shouldSkipRemote) {
+            return { options: [defaultOption], selectedId: defaultOption.id };
+        }
+        try {
+            const response = await loadSettings();
+            const normalized = (0, exports.normalizeWidgetLayoutSettings)(response, defaultOption, breakpoints);
+            return normalized ?? { options: [defaultOption], selectedId: defaultOption.id };
+        }
+        catch (error) {
+            console.warn('Failed to load widget layouts', error);
+            return { options: [defaultOption], selectedId: defaultOption.id };
+        }
+    };
+    const saveLayouts = async (options, selectedId) => {
+        if (!saveSettings || shouldSkipRemote)
+            return;
+        const safeOptions = options.length ? options : [defaultOption];
+        const resolvedSelected = selectedId && safeOptions.some(option => option.id === selectedId) ? selectedId : safeOptions[0]?.id ?? defaultOption.id;
+        const payload = (0, exports.buildLayoutSettingsPayload)(safeOptions, resolvedSelected);
+        try {
+            await saveSettings(payload);
+        }
+        catch (error) {
+            console.warn('Failed to save widget layouts', error);
+        }
+    };
+    return { loadLayouts, saveLayouts };
+};
+exports.createWidgetLayoutsRemoteHandlers = createWidgetLayoutsRemoteHandlers;
+//# sourceMappingURL=layoutPersistence.js.map

package/cjs/component/widget-board/layoutPersistence.js.map

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

package/cjs/component/widget-board/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { BoardProps } from '@cloudscape-design/board-components/board';
-import type { PneLayoutOption } from './PneLayoutsPanel';
+import type { WidgetLayoutOption } from './WidgetLayoutsPanel';
 export type WidgetId = string;
 export type WidgetLayoutSnapshot = {
     columnSpan?: number;
@@ -31,12 +31,6 @@ export type BreakpointLayoutConfig = {
     columns: number;
     widgets: Record<WidgetId, WidgetLayoutConfig>;
 };
-export type WidgetLayoutPresetSource = 'static' | 'remote-live' | 'remote-cache';
-export type WidgetLayoutPreset = {
-    layoutByBreakpoint: Record<number | string, BreakpointLayoutConfig>;
-    source: WidgetLayoutPresetSource;
-    version?: string;
-};
 export type WidgetDefinition = {
     id: WidgetId;
     title: string;
@@ -53,14 +47,8 @@ export type WidgetBoardState = {
     sizeMemory: Partial<Record<WidgetId, number>>;
     layoutMemory: WidgetLayoutMemory;
 };
-export type WidgetBoardLayoutOption = PneLayoutOption & {
-    preset: WidgetLayoutPreset;
-};
-export type WidgetBoardLayouts = {
-    options?: WidgetBoardLayoutOption[];
-    selectedId?: string;
-    initialSelectedId?: string;
-    onSelect?: (id: string) => void;
+export type WidgetBoardLayoutOption = WidgetLayoutOption & {
+    layoutByBreakpoint: Record<number | string, BreakpointLayoutConfig>;
 };
 export type WidgetBoardLoadLayoutsResult = {
     options: WidgetBoardLayoutOption[];
@@ -69,13 +57,6 @@ export type WidgetBoardLoadLayoutsResult = {
 export type WidgetBoardProps = {
     widgets: WidgetDefinition[];
     layoutByBreakpoint: Record<number | string, BreakpointLayoutConfig>;
-    breakpoints?: readonly number[];
-    storageKey?: string;
-    loadLayouts?: () => Promise<WidgetBoardLoadLayoutsResult | null>;
-    layouts?: WidgetBoardLayouts;
-    empty?: React.ReactNode;
-    hideNavigationArrows?: boolean;
-    onLayoutPersist?: (state: WidgetBoardState) => void;
-    isWidgetEnabled?: (definition: WidgetDefinition) => boolean;
-    className?: string;
+    loadLayouts: () => Promise<WidgetBoardLoadLayoutsResult | null>;
+    saveLayouts: (options: WidgetBoardLayoutOption[], selectedId?: string) => Promise<void>;
 };

package/cjs/component/widget-board/useWidgetLayoutsManager.d.ts

@@ -0,0 +1,24 @@
+import type { WidgetBoardLayoutOption, WidgetBoardLoadLayoutsResult, WidgetBoardState } from './types';
+import type { WidgetLayoutSettings } from './layoutPersistence';
+type UseWidgetLayoutsManagerParams = {
+    defaultOption: WidgetBoardLayoutOption;
+    breakpoints?: readonly number[];
+    loadSettings?: () => Promise<WidgetLayoutSettings | null | undefined>;
+    saveSettings?: (settings: WidgetLayoutSettings) => Promise<void>;
+    lockedLayoutIds?: string[];
+    skipRemoteInStorybook?: boolean;
+};
+export type WidgetLayoutsManager = {
+    layoutOptions: WidgetBoardLayoutOption[];
+    selectedLayoutId?: string;
+    layoutState: WidgetBoardState | null;
+    hiddenCount: number;
+    loadLayouts: () => Promise<WidgetBoardLoadLayoutsResult>;
+    handleLayoutPersist: (state: WidgetBoardState) => void;
+    selectLayout: (id: string) => Promise<void>;
+    addLayout: (name: string) => Promise<void>;
+    updateLayout: (id: string) => Promise<void>;
+    deleteLayout: (id: string) => Promise<void>;
+};
+export declare const useWidgetLayoutsManager: ({ defaultOption, breakpoints, loadSettings, saveSettings, lockedLayoutIds, skipRemoteInStorybook, }: UseWidgetLayoutsManagerParams) => WidgetLayoutsManager;
+export {};

package/cjs/component/widget-board/useWidgetLayoutsManager.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWidgetLayoutsManager = void 0;
+const react_1 = require("react");
+const breakpoints_1 = require("../../common/responsive/breakpoints");
+const layoutPersistence_1 = require("./layoutPersistence");
+const createLayoutId = () => {
+    if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {
+        return crypto.randomUUID();
+    }
+    return `layout-${Date.now()}`;
+};
+const useWidgetLayoutsManager = ({ defaultOption, breakpoints = breakpoints_1.DEFAULT_BREAKPOINTS, loadSettings, saveSettings, lockedLayoutIds, skipRemoteInStorybook = true, }) => {
+    const lockedIdsSet = (0, react_1.useMemo)(() => new Set(lockedLayoutIds ?? [defaultOption.id]), [defaultOption.id, lockedLayoutIds]);
+    const [layoutOptions, setLayoutOptions] = (0, react_1.useState)([defaultOption]);
+    const [selectedLayoutId, setSelectedLayoutId] = (0, react_1.useState)(defaultOption.id);
+    const [layoutState, setLayoutState] = (0, react_1.useState)(null);
+    const { loadLayouts: loadRemoteLayouts, saveLayouts: saveRemoteLayouts } = (0, react_1.useMemo)(() => (0, layoutPersistence_1.createWidgetLayoutsRemoteHandlers)({
+        defaultOption,
+        breakpoints,
+        loadSettings,
+        saveSettings,
+        skipWhenStorybook: skipRemoteInStorybook,
+    }), [breakpoints, defaultOption, loadSettings, saveSettings, skipRemoteInStorybook]);
+    const handleLayoutPersist = (0, react_1.useCallback)((state) => {
+        setLayoutState(state);
+    }, []);
+    const ensureSelected = (0, react_1.useCallback)((options, candidate) => {
+        if (candidate && options.some(option => option.id === candidate))
+            return candidate;
+        return options[0]?.id;
+    }, []);
+    const loadLayouts = (0, react_1.useCallback)(async () => {
+        const loaded = await loadRemoteLayouts();
+        const options = loaded.options?.length ? loaded.options : [defaultOption];
+        const selected = loaded.selectedId && options.some(option => option.id === loaded.selectedId) ? loaded.selectedId : options[0]?.id;
+        setLayoutOptions(options);
+        setSelectedLayoutId(selected);
+        return { options, selectedId: selected };
+    }, [defaultOption, loadRemoteLayouts]);
+    const persistLayouts = (0, react_1.useCallback)(async (options, selectedId) => {
+        const nextOptions = options.length ? options : [defaultOption];
+        const resolvedSelected = ensureSelected(nextOptions, selectedId);
+        setLayoutOptions(nextOptions);
+        setSelectedLayoutId(resolvedSelected);
+        await saveRemoteLayouts(nextOptions, resolvedSelected);
+    }, [defaultOption, ensureSelected, saveRemoteLayouts]);
+    const selectLayout = (0, react_1.useCallback)(async (id) => {
+        if (!id || id === selectedLayoutId)
+            return;
+        await persistLayouts(layoutOptions, id);
+    }, [layoutOptions, persistLayouts, selectedLayoutId]);
+    const addLayout = (0, react_1.useCallback)(async (name) => {
+        const layoutByBreakpoint = (0, layoutPersistence_1.buildPresetFromState)(layoutState, defaultOption.layoutByBreakpoint, breakpoints);
+        const option = {
+            id: createLayoutId(),
+            name: name.trim() || 'Custom layout',
+            layoutByBreakpoint,
+        };
+        await persistLayouts([...layoutOptions, option], option.id);
+    }, [breakpoints, defaultOption.layoutByBreakpoint, layoutOptions, layoutState, persistLayouts]);
+    const updateLayout = (0, react_1.useCallback)(async (id) => {
+        if (!id || lockedIdsSet.has(id))
+            return;
+        const layoutByBreakpoint = (0, layoutPersistence_1.buildPresetFromState)(layoutState, defaultOption.layoutByBreakpoint, breakpoints);
+        const nextOptions = layoutOptions.map(option => (option.id === id ? { ...option, layoutByBreakpoint } : option));
+        await persistLayouts(nextOptions, selectedLayoutId);
+    }, [breakpoints, defaultOption.layoutByBreakpoint, layoutOptions, layoutState, lockedIdsSet, persistLayouts, selectedLayoutId]);
+    const deleteLayout = (0, react_1.useCallback)(async (id) => {
+        if (!id || lockedIdsSet.has(id))
+            return;
+        const nextOptions = layoutOptions.filter(option => option.id !== id);
+        const nextSelected = id === selectedLayoutId ? ensureSelected(nextOptions) : selectedLayoutId;
+        await persistLayouts(nextOptions, nextSelected);
+    }, [ensureSelected, layoutOptions, lockedIdsSet, persistLayouts, selectedLayoutId]);
+    const hiddenCount = layoutState?.hidden.length ?? 0;
+    return {
+        layoutOptions,
+        selectedLayoutId,
+        layoutState,
+        hiddenCount,
+        loadLayouts,
+        handleLayoutPersist,
+        selectLayout,
+        addLayout,
+        updateLayout,
+        deleteLayout,
+    };
+};
+exports.useWidgetLayoutsManager = useWidgetLayoutsManager;
+//# sourceMappingURL=useWidgetLayoutsManager.js.map

package/cjs/component/widget-board/useWidgetLayoutsManager.js.map

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

package/cjs/component/widget-board/widgetLayoutsPanelStore.d.ts

@@ -0,0 +1,14 @@
+type PanelBridge = {
+    items: import('./WidgetLayoutsPanel').WidgetLayoutOption[];
+    selectedId?: string;
+    onSelect?: (id: string) => void;
+    onDelete?: (id: string) => void;
+    onUpdate?: (id: string) => void;
+    onAdd?: (name: string) => void;
+    lockedIds?: string[];
+};
+type Listener = (state: PanelBridge | null) => void;
+export declare const setWidgetLayoutsPanelBridge: (panel: PanelBridge | null) => void;
+export declare const subscribeWidgetLayoutsPanelBridge: (listener: Listener) => () => boolean;
+export declare const getWidgetLayoutsPanelBridge: () => PanelBridge | null;
+export {};

package/cjs/component/widget-board/widgetLayoutsPanelStore.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getWidgetLayoutsPanelBridge = exports.subscribeWidgetLayoutsPanelBridge = exports.setWidgetLayoutsPanelBridge = void 0;
+let state = null;
+const listeners = new Set();
+const emit = () => {
+    listeners.forEach(listener => listener(state));
+};
+const setWidgetLayoutsPanelBridge = (panel) => {
+    state = panel;
+    emit();
+};
+exports.setWidgetLayoutsPanelBridge = setWidgetLayoutsPanelBridge;
+const subscribeWidgetLayoutsPanelBridge = (listener) => {
+    listeners.add(listener);
+    listener(state);
+    return () => listeners.delete(listener);
+};
+exports.subscribeWidgetLayoutsPanelBridge = subscribeWidgetLayoutsPanelBridge;
+const getWidgetLayoutsPanelBridge = () => state;
+exports.getWidgetLayoutsPanelBridge = getWidgetLayoutsPanelBridge;
+//# sourceMappingURL=widgetLayoutsPanelStore.js.map

package/cjs/component/widget-board/widgetLayoutsPanelStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widgetLayoutsPanelStore.js","sourceRoot":"","sources":["../../../src/component/widget-board/widgetLayoutsPanelStore.ts"],"names":[],"mappings":";;;AAYA,IAAI,KAAK,GAAuB,IAAI,CAAA;AACpC,MAAM,SAAS,GAAG,IAAI,GAAG,EAAY,CAAA;AAErC,MAAM,IAAI,GAAG,GAAG,EAAE;IACd,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAA;AAClD,CAAC,CAAA;AAEM,MAAM,2BAA2B,GAAG,CAAC,KAAyB,EAAE,EAAE;IACrE,KAAK,GAAG,KAAK,CAAA;IACb,IAAI,EAAE,CAAA;AACV,CAAC,CAAA;AAHY,QAAA,2BAA2B,+BAGvC;AAEM,MAAM,iCAAiC,GAAG,CAAC,QAAkB,EAAE,EAAE;IACpE,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IACvB,QAAQ,CAAC,KAAK,CAAC,CAAA;IACf,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;AAC3C,CAAC,CAAA;AAJY,QAAA,iCAAiC,qCAI7C;AAEM,MAAM,2BAA2B,GAAG,GAAG,EAAE,CAAC,KAAK,CAAA;AAAzC,QAAA,2BAA2B,+BAAc"}