pne-ui 3.0.26 → 3.0.28

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

@@ -1,4 +1,6 @@
 export * from './WidgetBoard';
 export * from './types';
-export * from './PneLayoutsPanel';
+export * from './WidgetLayoutsPanel';
+export * from './layoutPersistence';
+export * from './widgetLayoutsPanelStore';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/component/widget-board/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/component/widget-board/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA"}

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

@@ -0,0 +1,2 @@
+import type { BreakpointLayoutConfig, WidgetBoardState } from './types';
+export declare const buildPresetFromState: (state: WidgetBoardState | null, baseLayoutByBreakpoint: Record<number | string, BreakpointLayoutConfig>, breakpoints?: readonly number[]) => Record<number | string, BreakpointLayoutConfig>;

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

@@ -0,0 +1,59 @@
+import { DEFAULT_BREAKPOINTS } from '../../common/responsive/breakpoints';
+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,
+        },
+    ])),
+});
+export const buildPresetFromState = (state, baseLayoutByBreakpoint, breakpoints = 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;
+};
+//# sourceMappingURL=layoutPersistence.js.map

package/esm/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/esm/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/esm/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/esm/component/widget-board/useWidgetLayoutsManager.js

@@ -0,0 +1,87 @@
+import { useCallback, useMemo, useState } from 'react';
+import { DEFAULT_BREAKPOINTS } from '../../common/responsive/breakpoints';
+import { buildPresetFromState, createWidgetLayoutsRemoteHandlers } from './layoutPersistence';
+const createLayoutId = () => {
+    if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {
+        return crypto.randomUUID();
+    }
+    return `layout-${Date.now()}`;
+};
+export const useWidgetLayoutsManager = ({ defaultOption, breakpoints = DEFAULT_BREAKPOINTS, loadSettings, saveSettings, lockedLayoutIds, skipRemoteInStorybook = true, }) => {
+    const lockedIdsSet = useMemo(() => new Set(lockedLayoutIds ?? [defaultOption.id]), [defaultOption.id, lockedLayoutIds]);
+    const [layoutOptions, setLayoutOptions] = useState([defaultOption]);
+    const [selectedLayoutId, setSelectedLayoutId] = useState(defaultOption.id);
+    const [layoutState, setLayoutState] = useState(null);
+    const { loadLayouts: loadRemoteLayouts, saveLayouts: saveRemoteLayouts } = useMemo(() => createWidgetLayoutsRemoteHandlers({
+        defaultOption,
+        breakpoints,
+        loadSettings,
+        saveSettings,
+        skipWhenStorybook: skipRemoteInStorybook,
+    }), [breakpoints, defaultOption, loadSettings, saveSettings, skipRemoteInStorybook]);
+    const handleLayoutPersist = useCallback((state) => {
+        setLayoutState(state);
+    }, []);
+    const ensureSelected = useCallback((options, candidate) => {
+        if (candidate && options.some(option => option.id === candidate))
+            return candidate;
+        return options[0]?.id;
+    }, []);
+    const loadLayouts = 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 = 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 = useCallback(async (id) => {
+        if (!id || id === selectedLayoutId)
+            return;
+        await persistLayouts(layoutOptions, id);
+    }, [layoutOptions, persistLayouts, selectedLayoutId]);
+    const addLayout = useCallback(async (name) => {
+        const layoutByBreakpoint = 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 = useCallback(async (id) => {
+        if (!id || lockedIdsSet.has(id))
+            return;
+        const layoutByBreakpoint = 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 = 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,
+    };
+};
+//# sourceMappingURL=useWidgetLayoutsManager.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useWidgetLayoutsManager.js","sourceRoot":"","sources":["../../../src/component/widget-board/useWidgetLayoutsManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AAGzE,OAAO,EAAE,oBAAoB,EAAE,iCAAiC,EAAE,MAAM,qBAAqB,CAAA;AAwB7F,MAAM,cAAc,GAAG,GAAG,EAAE;IACxB,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU,EAAE,CAAC;QAC3E,OAAO,MAAM,CAAC,UAAU,EAAE,CAAA;IAC9B,CAAC;IACD,OAAO,UAAU,IAAI,CAAC,GAAG,EAAE,EAAE,CAAA;AACjC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACpC,aAAa,EACb,WAAW,GAAG,mBAAmB,EACjC,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,qBAAqB,GAAG,IAAI,GACA,EAAwB,EAAE;IACtD,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC,eAAe,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,EAAE,EAAE,eAAe,CAAC,CAAC,CAAA;IAEvH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAA4B,CAAC,aAAa,CAAC,CAAC,CAAA;IAC9F,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAqB,aAAa,CAAC,EAAE,CAAC,CAAA;IAC9F,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAA0B,IAAI,CAAC,CAAA;IAE7E,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,OAAO,CAC9E,GAAG,EAAE,CACD,iCAAiC,CAAC;QAC9B,aAAa;QACb,WAAW;QACX,YAAY;QACZ,YAAY;QACZ,iBAAiB,EAAE,qBAAqB;KAC3C,CAAC,EACN,CAAC,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,qBAAqB,CAAC,CAClF,CAAA;IAED,MAAM,mBAAmB,GAAG,WAAW,CAAC,CAAC,KAAuB,EAAE,EAAE;QAChE,cAAc,CAAC,KAAK,CAAC,CAAA;IACzB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,cAAc,GAAG,WAAW,CAC9B,CAAC,OAAkC,EAAE,SAAkB,EAAE,EAAE;QACvD,IAAI,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,SAAS,CAAC;YAAE,OAAO,SAAS,CAAA;QAClF,OAAO,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;IACzB,CAAC,EACD,EAAE,CACL,CAAA;IAED,MAAM,WAAW,GAAG,WAAW,CAAC,KAAK,IAA2C,EAAE;QAC9E,MAAM,MAAM,GAAG,MAAM,iBAAiB,EAAE,CAAA;QACxC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAA;QACzE,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;QAClI,gBAAgB,CAAC,OAAO,CAAC,CAAA;QACzB,mBAAmB,CAAC,QAAQ,CAAC,CAAA;QAC7B,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAA;IAC5C,CAAC,EAAE,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAEtC,MAAM,cAAc,GAAG,WAAW,CAC9B,KAAK,EAAE,OAAkC,EAAE,UAAmB,EAAE,EAAE;QAC9D,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAA;QAC9D,MAAM,gBAAgB,GAAG,cAAc,CAAC,WAAW,EAAE,UAAU,CAAC,CAAA;QAEhE,gBAAgB,CAAC,WAAW,CAAC,CAAA;QAC7B,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;QAErC,MAAM,iBAAiB,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAA;IAC1D,CAAC,EACD,CAAC,aAAa,EAAE,cAAc,EAAE,iBAAiB,CAAC,CACrD,CAAA;IAED,MAAM,YAAY,GAAG,WAAW,CAC5B,KAAK,EAAE,EAAU,EAAE,EAAE;QACjB,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,gBAAgB;YAAE,OAAM;QAC1C,MAAM,cAAc,CAAC,aAAa,EAAE,EAAE,CAAC,CAAA;IAC3C,CAAC,EACD,CAAC,aAAa,EAAE,cAAc,EAAE,gBAAgB,CAAC,CACpD,CAAA;IAED,MAAM,SAAS,GAAG,WAAW,CACzB,KAAK,EAAE,IAAY,EAAE,EAAE;QACnB,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,WAAW,EAAE,aAAa,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAA;QAC3G,MAAM,MAAM,GAA4B;YACpC,EAAE,EAAE,cAAc,EAAE;YACpB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,eAAe;YACpC,kBAAkB;SACrB,CAAA;QACD,MAAM,cAAc,CAAC,CAAC,GAAG,aAAa,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,CAAA;IAC/D,CAAC,EACD,CAAC,WAAW,EAAE,aAAa,CAAC,kBAAkB,EAAE,aAAa,EAAE,WAAW,EAAE,cAAc,CAAC,CAC9F,CAAA;IAED,MAAM,YAAY,GAAG,WAAW,CAC5B,KAAK,EAAE,EAAU,EAAE,EAAE;QACjB,IAAI,CAAC,EAAE,IAAI,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;YAAE,OAAM;QACvC,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,WAAW,EAAE,aAAa,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAA;QAC3G,MAAM,WAAW,GAAG,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;QAChH,MAAM,cAAc,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAA;IACvD,CAAC,EACD,CAAC,WAAW,EAAE,aAAa,CAAC,kBAAkB,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,gBAAgB,CAAC,CAC9H,CAAA;IAED,MAAM,YAAY,GAAG,WAAW,CAC5B,KAAK,EAAE,EAAU,EAAE,EAAE;QACjB,IAAI,CAAC,EAAE,IAAI,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;YAAE,OAAM;QACvC,MAAM,WAAW,GAAG,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,CAAA;QACpE,MAAM,YAAY,GAAG,EAAE,KAAK,gBAAgB,CAAC,CAAC,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAA;QAC7F,MAAM,cAAc,CAAC,WAAW,EAAE,YAAY,CAAC,CAAA;IACnD,CAAC,EACD,CAAC,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,gBAAgB,CAAC,CAClF,CAAA;IAED,MAAM,WAAW,GAAG,WAAW,EAAE,MAAM,CAAC,MAAM,IAAI,CAAC,CAAA;IAEnD,OAAO;QACH,aAAa;QACb,gBAAgB;QAChB,WAAW;QACX,WAAW;QACX,WAAW;QACX,mBAAmB;QACnB,YAAY;QACZ,SAAS;QACT,YAAY;QACZ,YAAY;KACf,CAAA;AACL,CAAC,CAAA"}

package/esm/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/esm/component/widget-board/widgetLayoutsPanelStore.js

@@ -0,0 +1,16 @@
+let state = null;
+const listeners = new Set();
+const emit = () => {
+    listeners.forEach(listener => listener(state));
+};
+export const setWidgetLayoutsPanelBridge = (panel) => {
+    state = panel;
+    emit();
+};
+export const subscribeWidgetLayoutsPanelBridge = (listener) => {
+    listeners.add(listener);
+    listener(state);
+    return () => listeners.delete(listener);
+};
+export const getWidgetLayoutsPanelBridge = () => state;
+//# sourceMappingURL=widgetLayoutsPanelStore.js.map

package/esm/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;AAED,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,KAAyB,EAAE,EAAE;IACrE,KAAK,GAAG,KAAK,CAAA;IACb,IAAI,EAAE,CAAA;AACV,CAAC,CAAA;AAED,MAAM,CAAC,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;AAED,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,EAAE,CAAC,KAAK,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pne-ui",
-    "version": "3.0.26",
+    "version": "3.0.28",
     "description": "",
     "repository": {
         "type": "git",