pne-ui 3.0.26 → 3.0.27

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

@@ -1,4 +1,7 @@
 export * from './WidgetBoard';
 export * from './types';
-export * from './PneLayoutsPanel';
+export * from './WidgetLayoutsPanel';
+export * from './layoutPersistence';
+export * from './useWidgetLayoutsManager';
+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;AACzC,cAAc,2BAA2B,CAAA"}

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

@@ -0,0 +1,181 @@
+import { DEFAULT_BREAKPOINTS } from '../../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,
+    };
+};
+export const normalizeWidgetLayoutSettings = (settings, defaultOption, breakpoints = 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 };
+};
+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,
+                },
+            ])),
+        },
+    ])),
+});
+export const buildLayoutSettingsPayload = (options, selectedId) => ({
+    layouts: options.map(mapOptionToSettingsLayout),
+    selectedLayoutId: selectedId && options.some(option => option.id === selectedId) ? selectedId : options[0]?.id,
+});
+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;
+};
+export const createWidgetLayoutsRemoteHandlers = ({ defaultOption, breakpoints = 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 = 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 = buildLayoutSettingsPayload(safeOptions, resolvedSelected);
+        try {
+            await saveSettings(payload);
+        }
+        catch (error) {
+            console.warn('Failed to save widget layouts', error);
+        }
+    };
+    return { loadLayouts, saveLayouts };
+};
+//# 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":"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"}

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.27",
     "description": "",
     "repository": {
         "type": "git",