@perses-dev/dashboards 0.0.0-snapshot-time-range-height-80d08fc

package/dist/context/DashboardProvider/panel-editor-slice.d.ts

@@ -0,0 +1,56 @@
+import { UnknownSpec } from '@perses-dev/core';
+import { StateCreator } from 'zustand';
+import { Middleware } from './common';
+import { PanelGroupSlice, PanelGroupItemId, PanelGroupId } from './panel-group-slice';
+import { PanelSlice } from './panel-slice';
+/**
+ * Slice that handles the visual editor state and actions for adding or editing Panels.
+ */
+export interface PanelEditorSlice {
+    /**
+     * State for the panel editor when its open, otherwise undefined when it's closed.
+     */
+    panelEditor?: PanelEditorState;
+    /**
+     * Opens the editor for editing an existing panel by providing its layout coordinates.
+     */
+    openEditPanel: (panelGroupItemId: PanelGroupItemId) => void;
+    /**
+     * Opens the editor for adding a new Panel to a panel group.
+     */
+    openAddPanel: (panelGroupId?: PanelGroupId) => void;
+}
+export interface PanelEditorState {
+    /**
+     * Whether we're adding a new panel, or editing an existing panel.
+     */
+    mode: 'Add' | 'Edit';
+    /**
+     * Initial values for the things that can be edited about a panel.
+     */
+    initialValues: PanelEditorValues;
+    /**
+     * Applies changes, but doesn't close the editor.
+     */
+    applyChanges: (next: PanelEditorValues) => void;
+    /**
+     * Close the editor.
+     */
+    close: () => void;
+}
+/**
+ * Panel values that can be edited in the panel editor.
+ */
+export interface PanelEditorValues {
+    name: string;
+    description: string;
+    groupId: PanelGroupId;
+    kind: string;
+    spec: UnknownSpec;
+}
+/**
+ * Curried function for creating the PanelEditorSlice.
+ */
+export declare function createPanelEditorSlice(): StateCreator<PanelEditorSlice & PanelSlice & PanelGroupSlice, Middleware, [
+], PanelEditorSlice>;
+//# sourceMappingURL=panel-editor-slice.d.ts.map

package/dist/context/DashboardProvider/panel-editor-slice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-editor-slice.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/panel-editor-slice.ts"],"names":[],"mappings":"AAaA,OAAO,EAAmB,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,YAAY,EAKb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAE/B;;OAEG;IACH,aAAa,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAE5D;;OAEG;IACH,YAAY,EAAE,CAAC,YAAY,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;IAErB;;OAEG;IACH,aAAa,EAAE,iBAAiB,CAAC;IAEjC;;OAEG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAEhD;;OAEG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,YAAY,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,WAAW,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,YAAY,CAEpD,gBAAgB,GAAG,UAAU,GAAG,eAAe,EAC/C,UAAU,EACV;CAAE,EACF,gBAAgB,CACjB,CAuJA"}

package/dist/context/DashboardProvider/panel-editor-slice.js

@@ -0,0 +1,201 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { removeWhiteSpacesAndSpecialCharacters } from '../../utils/functions';
+import { generateId } from './common';
+import { addPanelGroup, createEmptyPanelGroup } from './panel-group-slice';
+/**
+ * Curried function for creating the PanelEditorSlice.
+ */ export function createPanelEditorSlice() {
+    // Return the state creator function for Zustand that uses the panels provided as intitial state
+    return (set, get)=>{
+        return {
+            panelEditor: undefined,
+            openEditPanel (panelGroupItemId) {
+                var ref;
+                const { panels , panelGroups  } = get();
+                // Figure out the panel key at that location
+                const { panelGroupId , panelGroupItemLayoutId: panelGroupLayoutId  } = panelGroupItemId;
+                const panelKey = (ref = panelGroups[panelGroupId]) === null || ref === void 0 ? void 0 : ref.itemPanelKeys[panelGroupLayoutId];
+                if (panelKey === undefined) {
+                    throw new Error(`Could not find Panel Group item ${panelGroupItemId}`);
+                }
+                // Find the panel to edit
+                const panelToEdit = panels[panelKey];
+                if (panelToEdit === undefined) {
+                    throw new Error(`Cannot find Panel with key '${panelKey}'`);
+                }
+                var _description;
+                const editorState = {
+                    mode: 'Edit',
+                    initialValues: {
+                        name: panelToEdit.spec.display.name,
+                        description: (_description = panelToEdit.spec.display.description) !== null && _description !== void 0 ? _description : '',
+                        groupId: panelGroupItemId.panelGroupId,
+                        kind: panelToEdit.spec.plugin.kind,
+                        spec: panelToEdit.spec.plugin.spec
+                    },
+                    applyChanges: (next)=>{
+                        const panelDefinititon = createPanelDefinitionFromEditorValues(next);
+                        set((state)=>{
+                            state.panels[panelKey] = panelDefinititon;
+                            // If the panel didn't change groups, nothing else to do
+                            if (next.groupId === panelGroupId) {
+                                return;
+                            }
+                            // Move panel to the new group
+                            const existingGroup = state.panelGroups[panelGroupId];
+                            if (existingGroup === undefined) {
+                                throw new Error(`Missing panel group ${panelGroupId}`);
+                            }
+                            const existingLayoutIdx = existingGroup.itemLayouts.findIndex((layout)=>layout.i === panelGroupLayoutId);
+                            const existingLayout = existingGroup.itemLayouts[existingLayoutIdx];
+                            const existingPanelKey = existingGroup.itemPanelKeys[panelGroupLayoutId];
+                            if (existingLayoutIdx === -1 || existingLayout === undefined || existingPanelKey === undefined) {
+                                throw new Error(`Missing panel group item ${panelGroupLayoutId}`);
+                            }
+                            // Remove item from the old group
+                            existingGroup.itemLayouts.splice(existingLayoutIdx, 1);
+                            delete existingGroup.itemPanelKeys[panelGroupLayoutId];
+                            // Add item to the end of the new group
+                            const newGroup = state.panelGroups[next.groupId];
+                            if (newGroup === undefined) {
+                                throw new Error(`Could not find new group ${next.groupId}`);
+                            }
+                            newGroup.itemLayouts.push({
+                                i: existingLayout.i,
+                                x: 0,
+                                y: getYForNewRow(newGroup),
+                                w: existingLayout.w,
+                                h: existingLayout.h
+                            });
+                            newGroup.itemPanelKeys[existingLayout.i] = existingPanelKey;
+                        });
+                    },
+                    close: ()=>{
+                        set((state)=>{
+                            state.panelEditor = undefined;
+                        });
+                    }
+                };
+                // Open the editor with the new state
+                set((state)=>{
+                    state.panelEditor = editorState;
+                });
+            },
+            openAddPanel (panelGroupId) {
+                // If a panel group isn't supplied, add to the first group or create a group if there aren't any
+                let newGroup = undefined;
+                panelGroupId !== null && panelGroupId !== void 0 ? panelGroupId : panelGroupId = get().panelGroupOrder[0];
+                if (panelGroupId === undefined) {
+                    newGroup = createEmptyPanelGroup();
+                    newGroup.title = 'Panel Group';
+                    panelGroupId = newGroup.id;
+                }
+                const editorState = {
+                    mode: 'Add',
+                    initialValues: {
+                        name: '',
+                        description: '',
+                        groupId: panelGroupId,
+                        kind: '',
+                        spec: {}
+                    },
+                    applyChanges: (next)=>{
+                        const panelDef = createPanelDefinitionFromEditorValues(next);
+                        const uniquePanelKeys = getUniquePanelKeys(get().panels);
+                        let panelKey = removeWhiteSpacesAndSpecialCharacters(next.name);
+                        // append count if panel key already exists
+                        if (uniquePanelKeys[panelKey]) {
+                            panelKey += `-${uniquePanelKeys[panelKey]}`;
+                        }
+                        set((state)=>{
+                            // Add a panel
+                            state.panels[panelKey] = panelDef;
+                            // Also add a panel group item referencing the panel
+                            const group = state.panelGroups[next.groupId];
+                            if (group === undefined) {
+                                throw new Error(`Missing panel group ${next.groupId}`);
+                            }
+                            const layout = {
+                                i: generateId().toString(),
+                                x: 0,
+                                y: getYForNewRow(group),
+                                w: 12,
+                                h: 6
+                            };
+                            group.itemLayouts.push(layout);
+                            group.itemPanelKeys[layout.i] = panelKey;
+                        });
+                    },
+                    close: ()=>{
+                        set((state)=>{
+                            state.panelEditor = undefined;
+                        });
+                    }
+                };
+                set((state)=>{
+                    // Add the new panel group if one was created for the panel
+                    if (newGroup !== undefined) {
+                        addPanelGroup(state, newGroup);
+                    }
+                    // Open the editor with the new state
+                    state.panelEditor = editorState;
+                });
+            }
+        };
+    };
+}
+// Helper to create PanelDefinitions when saving
+function createPanelDefinitionFromEditorValues(editorValues) {
+    return {
+        kind: 'Panel',
+        spec: {
+            display: {
+                name: editorValues.name,
+                description: editorValues.description !== '' ? editorValues.description : undefined
+            },
+            plugin: {
+                kind: editorValues.kind,
+                spec: editorValues.spec
+            }
+        }
+    };
+}
+// Given a PanelGroup, will find the Y coordinate for adding a new row to the grid, taking into account the items present
+function getYForNewRow(group) {
+    let newRowY = 0;
+    for (const layout of group.itemLayouts){
+        const itemMaxY = layout.y + layout.h;
+        if (itemMaxY > newRowY) {
+            newRowY = itemMaxY;
+        }
+    }
+    return newRowY;
+}
+// Find all the unique panel keys
+// ex: cpu, cpu-1, cpu-2 count as the same panel key since these panels have the same name
+function getUniquePanelKeys(panels) {
+    const uniquePanelKeys = {};
+    Object.keys(panels).forEach((panelKey)=>{
+        const key = panelKey.replace(/-([0-9]+)/, '');
+        const count = uniquePanelKeys[key];
+        if (count) {
+            uniquePanelKeys[key] = count + 1;
+        } else {
+            uniquePanelKeys[key] = 1;
+        }
+    });
+    return uniquePanelKeys;
+}
+
+//# sourceMappingURL=panel-editor-slice.js.map

package/dist/context/DashboardProvider/panel-editor-slice.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/DashboardProvider/panel-editor-slice.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { PanelDefinition, UnknownSpec } from '@perses-dev/core';\nimport { StateCreator } from 'zustand';\nimport { removeWhiteSpacesAndSpecialCharacters } from '../../utils/functions';\nimport { generateId, Middleware } from './common';\nimport {\n  PanelGroupSlice,\n  PanelGroupItemId,\n  PanelGroupId,\n  PanelGroupDefinition,\n  PanelGroupItemLayout,\n  addPanelGroup,\n  createEmptyPanelGroup,\n} from './panel-group-slice';\nimport { PanelSlice } from './panel-slice';\n\n/**\n * Slice that handles the visual editor state and actions for adding or editing Panels.\n */\nexport interface PanelEditorSlice {\n  /**\n   * State for the panel editor when its open, otherwise undefined when it's closed.\n   */\n  panelEditor?: PanelEditorState;\n\n  /**\n   * Opens the editor for editing an existing panel by providing its layout coordinates.\n   */\n  openEditPanel: (panelGroupItemId: PanelGroupItemId) => void;\n\n  /**\n   * Opens the editor for adding a new Panel to a panel group.\n   */\n  openAddPanel: (panelGroupId?: PanelGroupId) => void;\n}\n\nexport interface PanelEditorState {\n  /**\n   * Whether we're adding a new panel, or editing an existing panel.\n   */\n  mode: 'Add' | 'Edit';\n\n  /**\n   * Initial values for the things that can be edited about a panel.\n   */\n  initialValues: PanelEditorValues;\n\n  /**\n   * Applies changes, but doesn't close the editor.\n   */\n  applyChanges: (next: PanelEditorValues) => void;\n\n  /**\n   * Close the editor.\n   */\n  close: () => void;\n}\n\n/**\n * Panel values that can be edited in the panel editor.\n */\nexport interface PanelEditorValues {\n  name: string;\n  description: string;\n  groupId: PanelGroupId;\n  kind: string;\n  spec: UnknownSpec;\n}\n\n/**\n * Curried function for creating the PanelEditorSlice.\n */\nexport function createPanelEditorSlice(): StateCreator<\n  // Actions in here need to modify both Panels and Panel Groups state\n  PanelEditorSlice & PanelSlice & PanelGroupSlice,\n  Middleware,\n  [],\n  PanelEditorSlice\n> {\n  // Return the state creator function for Zustand that uses the panels provided as intitial state\n  return (set, get) => ({\n    panelEditor: undefined,\n\n    openEditPanel(panelGroupItemId) {\n      const { panels, panelGroups } = get();\n\n      // Figure out the panel key at that location\n      const { panelGroupId, panelGroupItemLayoutId: panelGroupLayoutId } = panelGroupItemId;\n      const panelKey = panelGroups[panelGroupId]?.itemPanelKeys[panelGroupLayoutId];\n      if (panelKey === undefined) {\n        throw new Error(`Could not find Panel Group item ${panelGroupItemId}`);\n      }\n\n      // Find the panel to edit\n      const panelToEdit = panels[panelKey];\n      if (panelToEdit === undefined) {\n        throw new Error(`Cannot find Panel with key '${panelKey}'`);\n      }\n\n      const editorState: PanelEditorState = {\n        mode: 'Edit',\n        initialValues: {\n          name: panelToEdit.spec.display.name,\n          description: panelToEdit.spec.display.description ?? '',\n          groupId: panelGroupItemId.panelGroupId,\n          kind: panelToEdit.spec.plugin.kind,\n          spec: panelToEdit.spec.plugin.spec,\n        },\n        applyChanges: (next) => {\n          const panelDefinititon = createPanelDefinitionFromEditorValues(next);\n          set((state) => {\n            state.panels[panelKey] = panelDefinititon;\n\n            // If the panel didn't change groups, nothing else to do\n            if (next.groupId === panelGroupId) {\n              return;\n            }\n\n            // Move panel to the new group\n            const existingGroup = state.panelGroups[panelGroupId];\n            if (existingGroup === undefined) {\n              throw new Error(`Missing panel group ${panelGroupId}`);\n            }\n\n            const existingLayoutIdx = existingGroup.itemLayouts.findIndex((layout) => layout.i === panelGroupLayoutId);\n            const existingLayout = existingGroup.itemLayouts[existingLayoutIdx];\n            const existingPanelKey = existingGroup.itemPanelKeys[panelGroupLayoutId];\n            if (existingLayoutIdx === -1 || existingLayout === undefined || existingPanelKey === undefined) {\n              throw new Error(`Missing panel group item ${panelGroupLayoutId}`);\n            }\n\n            // Remove item from the old group\n            existingGroup.itemLayouts.splice(existingLayoutIdx, 1);\n            delete existingGroup.itemPanelKeys[panelGroupLayoutId];\n\n            // Add item to the end of the new group\n            const newGroup = state.panelGroups[next.groupId];\n            if (newGroup === undefined) {\n              throw new Error(`Could not find new group ${next.groupId}`);\n            }\n\n            newGroup.itemLayouts.push({\n              i: existingLayout.i,\n              x: 0,\n              y: getYForNewRow(newGroup),\n              w: existingLayout.w,\n              h: existingLayout.h,\n            });\n            newGroup.itemPanelKeys[existingLayout.i] = existingPanelKey;\n          });\n        },\n        close: () => {\n          set((state) => {\n            state.panelEditor = undefined;\n          });\n        },\n      };\n\n      // Open the editor with the new state\n      set((state) => {\n        state.panelEditor = editorState;\n      });\n    },\n\n    openAddPanel(panelGroupId) {\n      // If a panel group isn't supplied, add to the first group or create a group if there aren't any\n      let newGroup: PanelGroupDefinition | undefined = undefined;\n      panelGroupId ??= get().panelGroupOrder[0];\n      if (panelGroupId === undefined) {\n        newGroup = createEmptyPanelGroup();\n        newGroup.title = 'Panel Group';\n        panelGroupId = newGroup.id;\n      }\n\n      const editorState: PanelEditorState = {\n        mode: 'Add',\n        initialValues: {\n          name: '',\n          description: '',\n          groupId: panelGroupId,\n          kind: '',\n          spec: {},\n        },\n        applyChanges: (next) => {\n          const panelDef = createPanelDefinitionFromEditorValues(next);\n          const uniquePanelKeys = getUniquePanelKeys(get().panels);\n          let panelKey = removeWhiteSpacesAndSpecialCharacters(next.name);\n          // append count if panel key already exists\n          if (uniquePanelKeys[panelKey]) {\n            panelKey += `-${uniquePanelKeys[panelKey]}`;\n          }\n          set((state) => {\n            // Add a panel\n            state.panels[panelKey] = panelDef;\n\n            // Also add a panel group item referencing the panel\n            const group = state.panelGroups[next.groupId];\n            if (group === undefined) {\n              throw new Error(`Missing panel group ${next.groupId}`);\n            }\n            const layout: PanelGroupItemLayout = {\n              i: generateId().toString(),\n              x: 0,\n              y: getYForNewRow(group),\n              w: 12,\n              h: 6,\n            };\n            group.itemLayouts.push(layout);\n            group.itemPanelKeys[layout.i] = panelKey;\n          });\n        },\n        close: () => {\n          set((state) => {\n            state.panelEditor = undefined;\n          });\n        },\n      };\n\n      set((state) => {\n        // Add the new panel group if one was created for the panel\n        if (newGroup !== undefined) {\n          addPanelGroup(state, newGroup);\n        }\n\n        // Open the editor with the new state\n        state.panelEditor = editorState;\n      });\n    },\n  });\n}\n\n// Helper to create PanelDefinitions when saving\nfunction createPanelDefinitionFromEditorValues(editorValues: PanelEditorValues): PanelDefinition {\n  return {\n    kind: 'Panel',\n    spec: {\n      display: {\n        name: editorValues.name,\n        description: editorValues.description !== '' ? editorValues.description : undefined,\n      },\n      plugin: {\n        kind: editorValues.kind,\n        spec: editorValues.spec,\n      },\n    },\n  };\n}\n\n// Given a PanelGroup, will find the Y coordinate for adding a new row to the grid, taking into account the items present\nfunction getYForNewRow(group: PanelGroupDefinition) {\n  let newRowY = 0;\n  for (const layout of group.itemLayouts) {\n    const itemMaxY = layout.y + layout.h;\n    if (itemMaxY > newRowY) {\n      newRowY = itemMaxY;\n    }\n  }\n  return newRowY;\n}\n\n// Find all the unique panel keys\n// ex: cpu, cpu-1, cpu-2 count as the same panel key since these panels have the same name\nfunction getUniquePanelKeys(panels: Record<string, PanelDefinition>): Record<string, number> {\n  const uniquePanelKeys: Record<string, number> = {};\n  Object.keys(panels).forEach((panelKey) => {\n    const key = panelKey.replace(/-([0-9]+)/, '');\n    const count = uniquePanelKeys[key];\n    if (count) {\n      uniquePanelKeys[key] = count + 1;\n    } else {\n      uniquePanelKeys[key] = 1;\n    }\n  });\n  return uniquePanelKeys;\n}\n"],"names":["removeWhiteSpacesAndSpecialCharacters","generateId","addPanelGroup","createEmptyPanelGroup","createPanelEditorSlice","set","get","panelEditor","undefined","openEditPanel","panelGroupItemId","panelGroups","panels","panelGroupId","panelGroupItemLayoutId","panelGroupLayoutId","panelKey","itemPanelKeys","Error","panelToEdit","editorState","mode","initialValues","name","spec","display","description","groupId","kind","plugin","applyChanges","next","panelDefinititon","createPanelDefinitionFromEditorValues","state","existingGroup","existingLayoutIdx","itemLayouts","findIndex","layout","i","existingLayout","existingPanelKey","splice","newGroup","push","x","y","getYForNewRow","w","h","close","openAddPanel","panelGroupOrder","title","id","panelDef","uniquePanelKeys","getUniquePanelKeys","group","toString","editorValues","newRowY","itemMaxY","Object","keys","forEach","key","replace","count"],"mappings":"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"}

package/dist/context/DashboardProvider/panel-group-editor-slice.d.ts

@@ -0,0 +1,33 @@
+import { StateCreator } from 'zustand';
+import { Middleware } from './common';
+import { PanelGroupSlice, PanelGroupId } from './panel-group-slice';
+export interface PanelGroupEditor {
+    mode: 'Add' | 'Edit';
+    initialValues: PanelGroupEditorValues;
+    applyChanges: (next: PanelGroupEditorValues) => void;
+    close: () => void;
+}
+export interface PanelGroupEditorValues {
+    title: string;
+    isCollapsed: boolean;
+}
+/**
+ * Slice that handles the visual editor state and related actions for adding or editing Panel Groups.
+ */
+export interface PanelGroupEditorSlice {
+    /**
+     * State that's present when the panel group editor is open.
+     */
+    panelGroupEditor?: PanelGroupEditor;
+    /**
+     * Opens the panel group editor to add a new panel group.
+     */
+    openAddPanelGroup: () => void;
+    /**
+     * Opens the panel group editor to edit an existing panel group.
+     */
+    openEditPanelGroup: (panelGroupId: PanelGroupId) => void;
+}
+export declare const createPanelGroupEditorSlice: StateCreator<PanelGroupEditorSlice & PanelGroupSlice, Middleware, [
+], PanelGroupEditorSlice>;
+//# sourceMappingURL=panel-group-editor-slice.d.ts.map

package/dist/context/DashboardProvider/panel-group-editor-slice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-group-editor-slice.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/panel-group-editor-slice.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,YAAY,EAAwC,MAAM,qBAAqB,CAAC;AAE1G,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;IACrB,aAAa,EAAE,sBAAsB,CAAC;IACtC,YAAY,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACrD,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAEpC;;OAEG;IACH,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAE9B;;OAEG;IACH,kBAAkB,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;CAC1D;AAED,eAAO,MAAM,2BAA2B,EAAE,YAAY,CAEpD,qBAAqB,GAAG,eAAe,EACvC,UAAU,EACV;CAAE,EACF,qBAAqB,CAoErB,CAAC"}

package/dist/context/DashboardProvider/panel-group-editor-slice.js

@@ -0,0 +1,79 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { addPanelGroup, createEmptyPanelGroup } from './panel-group-slice';
+export const createPanelGroupEditorSlice = (set, get)=>({
+        panelGroupEditor: undefined,
+        openAddPanelGroup: ()=>{
+            // Create the editor state
+            const editor = {
+                mode: 'Add',
+                initialValues: {
+                    title: '',
+                    isCollapsed: false
+                },
+                applyChanges (next) {
+                    const newGroup = createEmptyPanelGroup();
+                    newGroup.title = next.title;
+                    newGroup.isCollapsed = next.isCollapsed;
+                    set((draft)=>{
+                        addPanelGroup(draft, newGroup);
+                    });
+                },
+                close () {
+                    set((draft)=>{
+                        draft.panelGroupEditor = undefined;
+                    });
+                }
+            };
+            // Open the editor
+            set((draft)=>{
+                draft.panelGroupEditor = editor;
+            });
+        },
+        openEditPanelGroup: (panelGroupId)=>{
+            const existingGroup = get().panelGroups[panelGroupId];
+            if (existingGroup === undefined) {
+                throw new Error(`Panel group with Id ${panelGroupId} does not exist`);
+            }
+            var _title;
+            // Create the editor state
+            const editor = {
+                mode: 'Edit',
+                initialValues: {
+                    title: (_title = existingGroup.title) !== null && _title !== void 0 ? _title : '',
+                    isCollapsed: existingGroup.isCollapsed
+                },
+                applyChanges (next) {
+                    set((draft)=>{
+                        const group = draft.panelGroups[panelGroupId];
+                        if (group === undefined) {
+                            throw new Error(`Panel group with Id ${panelGroupId} does not exist`);
+                        }
+                        group.title = next.title;
+                        group.isCollapsed = next.isCollapsed;
+                    });
+                },
+                close () {
+                    set((draft)=>{
+                        draft.panelGroupEditor = undefined;
+                    });
+                }
+            };
+            // Open the editor
+            set((draft)=>{
+                draft.panelGroupEditor = editor;
+            });
+        }
+    });
+
+//# sourceMappingURL=panel-group-editor-slice.js.map

package/dist/context/DashboardProvider/panel-group-editor-slice.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/DashboardProvider/panel-group-editor-slice.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { StateCreator } from 'zustand';\nimport { Middleware } from './common';\nimport { PanelGroupSlice, PanelGroupId, addPanelGroup, createEmptyPanelGroup } from './panel-group-slice';\n\nexport interface PanelGroupEditor {\n  mode: 'Add' | 'Edit';\n  initialValues: PanelGroupEditorValues;\n  applyChanges: (next: PanelGroupEditorValues) => void;\n  close: () => void;\n}\n\nexport interface PanelGroupEditorValues {\n  title: string;\n  isCollapsed: boolean;\n}\n\n/**\n * Slice that handles the visual editor state and related actions for adding or editing Panel Groups.\n */\nexport interface PanelGroupEditorSlice {\n  /**\n   * State that's present when the panel group editor is open.\n   */\n  panelGroupEditor?: PanelGroupEditor;\n\n  /**\n   * Opens the panel group editor to add a new panel group.\n   */\n  openAddPanelGroup: () => void;\n\n  /**\n   * Opens the panel group editor to edit an existing panel group.\n   */\n  openEditPanelGroup: (panelGroupId: PanelGroupId) => void;\n}\n\nexport const createPanelGroupEditorSlice: StateCreator<\n  // Actions in here need to modify Panel Group state\n  PanelGroupEditorSlice & PanelGroupSlice,\n  Middleware,\n  [],\n  PanelGroupEditorSlice\n> = (set, get) => ({\n  panelGroupEditor: undefined,\n\n  openAddPanelGroup: () => {\n    // Create the editor state\n    const editor: PanelGroupEditor = {\n      mode: 'Add',\n      initialValues: {\n        title: '',\n        isCollapsed: false,\n      },\n      applyChanges(next) {\n        const newGroup = createEmptyPanelGroup();\n        newGroup.title = next.title;\n        newGroup.isCollapsed = next.isCollapsed;\n        set((draft) => {\n          addPanelGroup(draft, newGroup);\n        });\n      },\n      close() {\n        set((draft) => {\n          draft.panelGroupEditor = undefined;\n        });\n      },\n    };\n\n    // Open the editor\n    set((draft) => {\n      draft.panelGroupEditor = editor;\n    });\n  },\n\n  openEditPanelGroup: (panelGroupId) => {\n    const existingGroup = get().panelGroups[panelGroupId];\n    if (existingGroup === undefined) {\n      throw new Error(`Panel group with Id ${panelGroupId} does not exist`);\n    }\n\n    // Create the editor state\n    const editor: PanelGroupEditor = {\n      mode: 'Edit',\n      initialValues: {\n        title: existingGroup.title ?? '',\n        isCollapsed: existingGroup.isCollapsed,\n      },\n      applyChanges(next) {\n        set((draft) => {\n          const group = draft.panelGroups[panelGroupId];\n          if (group === undefined) {\n            throw new Error(`Panel group with Id ${panelGroupId} does not exist`);\n          }\n          group.title = next.title;\n          group.isCollapsed = next.isCollapsed;\n        });\n      },\n      close() {\n        set((draft) => {\n          draft.panelGroupEditor = undefined;\n        });\n      },\n    };\n\n    // Open the editor\n    set((draft) => {\n      draft.panelGroupEditor = editor;\n    });\n  },\n});\n"],"names":["addPanelGroup","createEmptyPanelGroup","createPanelGroupEditorSlice","set","get","panelGroupEditor","undefined","openAddPanelGroup","editor","mode","initialValues","title","isCollapsed","applyChanges","next","newGroup","draft","close","openEditPanelGroup","panelGroupId","existingGroup","panelGroups","Error","group"],"mappings":"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"}

package/dist/context/DashboardProvider/panel-group-slice.d.ts

@@ -0,0 +1,59 @@
+import { LayoutDefinition } from '@perses-dev/core';
+import { WritableDraft } from 'immer/dist/internal';
+import { Layout } from 'react-grid-layout';
+import { StateCreator } from 'zustand';
+import { Middleware } from './common';
+/**
+ * Slice with the state of Panel Groups, as well as any actions that modify only Panel Group state.
+ */
+export interface PanelGroupSlice {
+    /**
+     * Panel groups indexed by their ID.
+     */
+    panelGroups: Record<PanelGroupId, PanelGroupDefinition>;
+    /**
+     * An array of panel group IDs, representing their order in the dashboard.
+     */
+    panelGroupOrder: PanelGroupId[];
+    /**
+     * Rearrange the order of panel groups by swapping the positions
+     */
+    swapPanelGroups: (xIndex: number, yIndex: number) => void;
+    /**
+     * Update the item layouts for a panel group when, for example, a panel is moved or resized.
+     */
+    updatePanelGroupLayouts: (panelGroupId: PanelGroupId, itemLayouts: PanelGroupDefinition['itemLayouts']) => void;
+}
+export declare type PanelGroupId = number;
+export interface PanelGroupDefinition {
+    id: PanelGroupId;
+    isCollapsed: boolean;
+    title?: string;
+    itemLayouts: PanelGroupItemLayout[];
+    itemPanelKeys: Record<PanelGroupItemLayoutId, string>;
+}
+export interface PanelGroupItemLayout extends Layout {
+    i: PanelGroupItemLayoutId;
+}
+export declare type PanelGroupItemLayoutId = string;
+/**
+ * Uniquely identifies an item in a PanelGroup.
+ */
+export interface PanelGroupItemId {
+    panelGroupId: PanelGroupId;
+    panelGroupItemLayoutId: PanelGroupItemLayoutId;
+}
+/**
+ * Curried function for creating a PanelGroupSlice.
+ */
+export declare function createPanelGroupSlice(layouts: LayoutDefinition[]): StateCreator<PanelGroupSlice, Middleware, [], PanelGroupSlice>;
+export declare function convertLayoutsToPanelGroups(layouts: LayoutDefinition[]): Pick<PanelGroupSlice, 'panelGroups' | 'panelGroupOrder'>;
+/**
+ * Private helper function for creating an empty panel group.
+ */
+export declare function createEmptyPanelGroup(): PanelGroupDefinition;
+/**
+ * Private helper function that modifies panel group state to add a new panel
+ */
+export declare function addPanelGroup(draft: WritableDraft<PanelGroupSlice>, newGroup: PanelGroupDefinition): void;
+//# sourceMappingURL=panel-group-slice.d.ts.map

package/dist/context/DashboardProvider/panel-group-slice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-group-slice.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/panel-group-slice.ts"],"names":[],"mappings":"AAaA,OAAO,EAAsB,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,oBAAoB,CAAC,CAAC;IAExD;;OAEG;IACH,eAAe,EAAE,YAAY,EAAE,CAAC;IAEhC;;OAEG;IACH,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1D;;OAEG;IACH,uBAAuB,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CACjH;AAED,oBAAY,YAAY,GAAG,MAAM,CAAC;AAElC,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,YAAY,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,oBAAoB,EAAE,CAAC;IACpC,aAAa,EAAE,MAAM,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;CACvD;AAED,MAAM,WAAW,oBAAqB,SAAQ,MAAM;IAClD,CAAC,EAAE,sBAAsB,CAAC;CAC3B;AAED,oBAAY,sBAAsB,GAAG,MAAM,CAAC;AAE5C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,sBAAsB,EAAE,sBAAsB,CAAC;CAChD;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,gBAAgB,EAAE,GAC1B,YAAY,CAAC,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE,eAAe,CAAC,CAkChE;AAED,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,gBAAgB,EAAE,GAC1B,IAAI,CAAC,eAAe,EAAE,aAAa,GAAG,iBAAiB,CAAC,CAoC1D;AAED;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,oBAAoB,CAQ5D;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,EAAE,QAAQ,EAAE,oBAAoB,QAGlG"}

package/dist/context/DashboardProvider/panel-group-slice.js

@@ -0,0 +1,105 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { getPanelKeyFromRef } from '@perses-dev/core';
+import { generateId } from './common';
+/**
+ * Curried function for creating a PanelGroupSlice.
+ */ export function createPanelGroupSlice(layouts) {
+    const { panelGroups , panelGroupOrder  } = convertLayoutsToPanelGroups(layouts);
+    // Return the state creator function for Zustand
+    return (set)=>({
+            panelGroups,
+            panelGroupOrder,
+            swapPanelGroups (x, y) {
+                set((state)=>{
+                    if (x < 0 || x >= state.panelGroupOrder.length || y < 0 || y >= state.panelGroupOrder.length) {
+                        throw new Error('index out of bound');
+                    }
+                    const xPanelGroup = state.panelGroupOrder[x];
+                    const yPanelGroup = state.panelGroupOrder[y];
+                    if (xPanelGroup === undefined || yPanelGroup === undefined) {
+                        throw new Error('panel group is undefined');
+                    }
+                    // assign yPanelGroup to layouts[x] and assign xGroup to layouts[y], swapping two panel groups
+                    [state.panelGroupOrder[x], state.panelGroupOrder[y]] = [
+                        yPanelGroup,
+                        xPanelGroup
+                    ];
+                });
+            },
+            updatePanelGroupLayouts (panelGroupId, itemLayouts) {
+                set((state)=>{
+                    const group = state.panelGroups[panelGroupId];
+                    if (group === undefined) {
+                        throw new Error(`Cannot find panel group ${panelGroupId}`);
+                    }
+                    group.itemLayouts = itemLayouts;
+                });
+            }
+        });
+}
+export function convertLayoutsToPanelGroups(layouts) {
+    // Convert the initial layouts from the JSON
+    const panelGroups = {};
+    const panelGroupIdOrder = [];
+    for (const layout of layouts){
+        var ref, ref1, ref2;
+        const itemLayouts = [];
+        const itemPanelKeys = {};
+        // Split layout information from panel keys to make it easier to update just layouts on move/resize of panels
+        for (const item of layout.spec.items){
+            const panelGroupLayoutId = generateId().toString();
+            itemLayouts.push({
+                i: panelGroupLayoutId,
+                w: item.width,
+                h: item.height,
+                x: item.x,
+                y: item.y
+            });
+            itemPanelKeys[panelGroupLayoutId] = getPanelKeyFromRef(item.content);
+        }
+        // Create the panel group and keep track of the ID order
+        const panelGroupId = generateId();
+        panelGroups[panelGroupId] = {
+            id: panelGroupId,
+            isCollapsed: ((ref = layout.spec.display) === null || ref === void 0 ? void 0 : (ref1 = ref.collapse) === null || ref1 === void 0 ? void 0 : ref1.open) === false,
+            title: (ref2 = layout.spec.display) === null || ref2 === void 0 ? void 0 : ref2.title,
+            itemLayouts,
+            itemPanelKeys
+        };
+        panelGroupIdOrder.push(panelGroupId);
+    }
+    return {
+        panelGroups,
+        panelGroupOrder: panelGroupIdOrder
+    };
+}
+/**
+ * Private helper function for creating an empty panel group.
+ */ export function createEmptyPanelGroup() {
+    return {
+        id: generateId(),
+        title: undefined,
+        isCollapsed: false,
+        itemLayouts: [],
+        itemPanelKeys: {}
+    };
+}
+/**
+ * Private helper function that modifies panel group state to add a new panel
+ */ export function addPanelGroup(draft, newGroup) {
+    draft.panelGroups[newGroup.id] = newGroup;
+    draft.panelGroupOrder.unshift(newGroup.id);
+}
+
+//# sourceMappingURL=panel-group-slice.js.map

package/dist/context/DashboardProvider/panel-group-slice.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/DashboardProvider/panel-group-slice.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { getPanelKeyFromRef, LayoutDefinition } from '@perses-dev/core';\nimport { WritableDraft } from 'immer/dist/internal';\nimport { Layout } from 'react-grid-layout';\nimport { StateCreator } from 'zustand';\nimport { generateId, Middleware } from './common';\n\n/**\n * Slice with the state of Panel Groups, as well as any actions that modify only Panel Group state.\n */\nexport interface PanelGroupSlice {\n  /**\n   * Panel groups indexed by their ID.\n   */\n  panelGroups: Record<PanelGroupId, PanelGroupDefinition>;\n\n  /**\n   * An array of panel group IDs, representing their order in the dashboard.\n   */\n  panelGroupOrder: PanelGroupId[];\n\n  /**\n   * Rearrange the order of panel groups by swapping the positions\n   */\n  swapPanelGroups: (xIndex: number, yIndex: number) => void;\n\n  /**\n   * Update the item layouts for a panel group when, for example, a panel is moved or resized.\n   */\n  updatePanelGroupLayouts: (panelGroupId: PanelGroupId, itemLayouts: PanelGroupDefinition['itemLayouts']) => void;\n}\n\nexport type PanelGroupId = number;\n\nexport interface PanelGroupDefinition {\n  id: PanelGroupId;\n  isCollapsed: boolean;\n  title?: string;\n  itemLayouts: PanelGroupItemLayout[];\n  itemPanelKeys: Record<PanelGroupItemLayoutId, string>;\n}\n\nexport interface PanelGroupItemLayout extends Layout {\n  i: PanelGroupItemLayoutId;\n}\n\nexport type PanelGroupItemLayoutId = string;\n\n/**\n * Uniquely identifies an item in a PanelGroup.\n */\nexport interface PanelGroupItemId {\n  panelGroupId: PanelGroupId;\n  panelGroupItemLayoutId: PanelGroupItemLayoutId;\n}\n\n/**\n * Curried function for creating a PanelGroupSlice.\n */\nexport function createPanelGroupSlice(\n  layouts: LayoutDefinition[]\n): StateCreator<PanelGroupSlice, Middleware, [], PanelGroupSlice> {\n  const { panelGroups, panelGroupOrder } = convertLayoutsToPanelGroups(layouts);\n\n  // Return the state creator function for Zustand\n  return (set) => ({\n    panelGroups,\n    panelGroupOrder,\n\n    swapPanelGroups(x, y) {\n      set((state) => {\n        if (x < 0 || x >= state.panelGroupOrder.length || y < 0 || y >= state.panelGroupOrder.length) {\n          throw new Error('index out of bound');\n        }\n        const xPanelGroup = state.panelGroupOrder[x];\n        const yPanelGroup = state.panelGroupOrder[y];\n\n        if (xPanelGroup === undefined || yPanelGroup === undefined) {\n          throw new Error('panel group is undefined');\n        }\n        // assign yPanelGroup to layouts[x] and assign xGroup to layouts[y], swapping two panel groups\n        [state.panelGroupOrder[x], state.panelGroupOrder[y]] = [yPanelGroup, xPanelGroup];\n      });\n    },\n\n    updatePanelGroupLayouts(panelGroupId, itemLayouts) {\n      set((state) => {\n        const group = state.panelGroups[panelGroupId];\n        if (group === undefined) {\n          throw new Error(`Cannot find panel group ${panelGroupId}`);\n        }\n        group.itemLayouts = itemLayouts;\n      });\n    },\n  });\n}\n\nexport function convertLayoutsToPanelGroups(\n  layouts: LayoutDefinition[]\n): Pick<PanelGroupSlice, 'panelGroups' | 'panelGroupOrder'> {\n  // Convert the initial layouts from the JSON\n  const panelGroups: PanelGroupSlice['panelGroups'] = {};\n  const panelGroupIdOrder: PanelGroupSlice['panelGroupOrder'] = [];\n  for (const layout of layouts) {\n    const itemLayouts: PanelGroupDefinition['itemLayouts'] = [];\n    const itemPanelKeys: PanelGroupDefinition['itemPanelKeys'] = {};\n\n    // Split layout information from panel keys to make it easier to update just layouts on move/resize of panels\n    for (const item of layout.spec.items) {\n      const panelGroupLayoutId = generateId().toString();\n      itemLayouts.push({\n        i: panelGroupLayoutId,\n        w: item.width,\n        h: item.height,\n        x: item.x,\n        y: item.y,\n      });\n      itemPanelKeys[panelGroupLayoutId] = getPanelKeyFromRef(item.content);\n    }\n\n    // Create the panel group and keep track of the ID order\n    const panelGroupId = generateId();\n    panelGroups[panelGroupId] = {\n      id: panelGroupId,\n      isCollapsed: layout.spec.display?.collapse?.open === false,\n      title: layout.spec.display?.title,\n      itemLayouts,\n      itemPanelKeys,\n    };\n    panelGroupIdOrder.push(panelGroupId);\n  }\n  return {\n    panelGroups,\n    panelGroupOrder: panelGroupIdOrder,\n  };\n}\n\n/**\n * Private helper function for creating an empty panel group.\n */\nexport function createEmptyPanelGroup(): PanelGroupDefinition {\n  return {\n    id: generateId(),\n    title: undefined,\n    isCollapsed: false,\n    itemLayouts: [],\n    itemPanelKeys: {},\n  };\n}\n\n/**\n * Private helper function that modifies panel group state to add a new panel\n */\nexport function addPanelGroup(draft: WritableDraft<PanelGroupSlice>, newGroup: PanelGroupDefinition) {\n  draft.panelGroups[newGroup.id] = newGroup;\n  draft.panelGroupOrder.unshift(newGroup.id);\n}\n"],"names":["getPanelKeyFromRef","generateId","createPanelGroupSlice","layouts","panelGroups","panelGroupOrder","convertLayoutsToPanelGroups","set","swapPanelGroups","x","y","state","length","Error","xPanelGroup","yPanelGroup","undefined","updatePanelGroupLayouts","panelGroupId","itemLayouts","group","panelGroupIdOrder","layout","itemPanelKeys","item","spec","items","panelGroupLayoutId","toString","push","i","w","width","h","height","content","id","isCollapsed","display","collapse","open","title","createEmptyPanelGroup","addPanelGroup","draft","newGroup","unshift"],"mappings":"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"}

package/dist/context/DashboardProvider/panel-slice.d.ts

@@ -0,0 +1,14 @@
+import { PanelDefinition } from '@perses-dev/core';
+import { StateCreator } from 'zustand';
+import { Middleware } from './common';
+/**
+ * Slice with the state of Panels, along with any actions that modify only the Panels state.
+ */
+export interface PanelSlice {
+    panels: Record<string, PanelDefinition>;
+}
+/**
+ * Curried function for creating the PanelSlice.
+ */
+export declare function createPanelSlice(panels: PanelSlice['panels']): StateCreator<PanelSlice, Middleware, [], PanelSlice>;
+//# sourceMappingURL=panel-slice.d.ts.map