@perses-dev/dashboards 0.11.0 → 0.12.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/panel-editor-slice.tsx"],"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 { Middleware } from './common';\nimport { PanelGroupSlice, PanelGroupItemId, PanelGroupId } from './panel-group-slice';\n\n/**\n * Slice that handles the visual editor state and actions for Panels (i.e. add, edit, delete).\n */\nexport interface PanelEditorSlice {\n  // TODO: Move panels state to its own slice so that other slices can depend on it (and modify the state)\n  panels: Record<string, PanelDefinition>;\n  previousPanels: Record<string, PanelDefinition>;\n\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: (item: 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  /**\n   * Delete panels\n   */\n  deletePanels: (panels: PanelGroupItemId[]) => void;\n\n  /**\n   * Reset panels to previous state\n   */\n  resetPanels: () => void;\n\n  /**\n   * Save panels\n   */\n  savePanels: () => void;\n\n  /**\n   * State for the delete panel dialog when it's open, otherwise undefined when it's closed.\n   */\n  deletePanelDialog?: DeletePanelDialog;\n\n  /**\n   * Open delete panel dialog\n   */\n  openDeletePanelDialog: (item: PanelGroupItemId) => void;\n\n  /**\n   * Close delete panel dialog\n   */\n  closeDeletePanelDialog: () => void;\n}\n\nexport interface DeletePanelDialog {\n  panelGroupItemId: PanelGroupItemId;\n  panelName: string;\n  panelGroupName: string;\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(\n  panels: PanelEditorSlice['panels']\n): StateCreator<PanelEditorSlice & PanelGroupSlice, Middleware, [], PanelEditorSlice> {\n  // Return the state creator function for Zustand that uses the panels provided as intitial state\n  return (set, get) => ({\n    previousPanels: panels,\n    panels,\n\n    panelEditor: undefined,\n\n    savePanels() {\n      set((state) => {\n        state.previousPanels = state.panels;\n      });\n    },\n\n    resetPanels() {\n      set((state) => {\n        state.panels = state.previousPanels;\n      });\n    },\n\n    openEditPanel(item) {\n      const { panels, getPanelKey } = get();\n\n      // Ask the layout store for the panel key at that location\n      const panelKey = getPanelKey(item);\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: item.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\n          // Move the panel to another group if it changed\n          if (next.groupId !== item.panelGroupId) {\n            get().movePanelToGroup(item, next.groupId);\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\n      if (panelGroupId === undefined) {\n        const firstGroupId = get().panelGroupIdOrder[0];\n        if (firstGroupId === undefined) {\n          throw new Error('No panel groups to add a panel to');\n        }\n        panelGroupId = firstGroupId;\n      }\n\n      const editorState: PanelEditorState = {\n        mode: 'Add',\n        initialValues: {\n          name: '',\n          description: '',\n          groupId: panelGroupId,\n          // TODO: If we knew what plugins were available (and how to create the initial spec), we might be able to\n          // set a smarter default here?\n          kind: '',\n          spec: {},\n        },\n        applyChanges: (next) => {\n          const panelDef = createPanelDefinitionFromEditorValues(next);\n          const panelKey = removeWhiteSpacesAndSpecialCharacters(next.name);\n          set((state) => {\n            state.panels[panelKey] = panelDef;\n          });\n          get().addPanelToGroup(panelKey, next.groupId);\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    deletePanels(items: PanelGroupItemId[]) {\n      const { mapPanelToPanelGroups, deletePanelInPanelGroup, getPanelKey } = get();\n      const map = mapPanelToPanelGroups();\n      // get panel key first before deleting panel from panel group since getPanelKey relies on index\n      const panels = items.map((panel) => {\n        return { ...panel, panelKey: getPanelKey(panel) };\n      });\n      panels.forEach(({ panelKey, ...panel }) => {\n        deletePanelInPanelGroup(panel);\n        // make sure panel is only referenced in one panel group before deleting it from state.panels\n        if (map[panelKey] && map[panelKey]?.length === 1) {\n          set((state) => {\n            delete state.panels[panelKey];\n          });\n        }\n      });\n    },\n\n    openDeletePanelDialog(item: PanelGroupItemId) {\n      const { panels, getPanelKey, panelGroups } = get();\n      const panelKey = getPanelKey(item);\n      set((state) => {\n        state.deletePanelDialog = {\n          panelGroupItemId: item,\n          panelName: panels[panelKey]?.spec.display.name ?? '',\n          panelGroupName: panelGroups[item.panelGroupId]?.title ?? '',\n        };\n      });\n    },\n\n    closeDeletePanelDialog() {\n      set((state) => {\n        state.deletePanelDialog = undefined;\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"],"names":["removeWhiteSpacesAndSpecialCharacters","createPanelEditorSlice","panels","set","get","previousPanels","panelEditor","undefined","savePanels","state","resetPanels","openEditPanel","item","getPanelKey","panelKey","panelToEdit","Error","editorState","mode","initialValues","name","spec","display","description","groupId","panelGroupId","kind","plugin","applyChanges","next","panelDefinititon","createPanelDefinitionFromEditorValues","movePanelToGroup","close","openAddPanel","firstGroupId","panelGroupIdOrder","panelDef","addPanelToGroup","deletePanels","items","mapPanelToPanelGroups","deletePanelInPanelGroup","map","panel","forEach","length","openDeletePanelDialog","panelGroups","deletePanelDialog","panelGroupItemId","panelName","panelGroupName","title","closeDeletePanelDialog","editorValues"],"mappings":"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"}
+{"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} 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((draft) => {\n            draft.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 = draft.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 = draft.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\n      if (panelGroupId === undefined) {\n        const firstGroupId = get().panelGroupOrder[0];\n        if (firstGroupId === undefined) {\n          throw new Error('No panel groups to add a panel to');\n        }\n        panelGroupId = firstGroupId;\n      }\n\n      const editorState: PanelEditorState = {\n        mode: 'Add',\n        initialValues: {\n          name: '',\n          description: '',\n          groupId: panelGroupId,\n          // TODO: If we knew what plugins were available (and how to create the initial spec), we might be able to\n          // set a smarter default here?\n          kind: '',\n          spec: {},\n        },\n        applyChanges: (next) => {\n          const panelDef = createPanelDefinitionFromEditorValues(next);\n          const panelKey = removeWhiteSpacesAndSpecialCharacters(next.name);\n          set((draft) => {\n            // Add a panel\n            draft.panels[panelKey] = panelDef;\n\n            // Also add a panel group item referencing the panel\n            const group = draft.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      // Open the editor with the new state\n      set((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"],"names":["removeWhiteSpacesAndSpecialCharacters","generateId","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","draft","existingGroup","existingLayoutIdx","itemLayouts","findIndex","layout","i","existingLayout","existingPanelKey","splice","newGroup","push","x","y","getYForNewRow","w","h","close","state","openAddPanel","firstGroupId","panelGroupOrder","panelDef","group","toString","editorValues","newRowY","itemMaxY"],"mappings":"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"}

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

@@ -11,12 +11,8 @@ export interface PanelGroupEditorValues {
     title: string;
     isCollapsed: boolean;
 }
-export interface DeletePanelGroupDialog {
-    panelGroupId: PanelGroupId;
-    panelGroupName?: string;
-}
 /**
- * Slice that handles the visual editor state and actions for Panel Groups (i.e. add, edit, delete).
+ * Slice that handles the visual editor state and related actions for adding or editing Panel Groups.
  */
 export interface PanelGroupEditorSlice {
     /**
@@ -31,9 +27,6 @@ export interface PanelGroupEditorSlice {
      * Opens the panel group editor to edit an existing panel group.
      */
     openEditPanelGroup: (panelGroupId: PanelGroupId) => void;
-    deletePanelGroupDialog?: DeletePanelGroupDialog;
-    openDeletePanelGroupDialog: (panelGroupId: PanelGroupId) => void;
-    closeDeletePanelGroupDialog: () => void;
 }
 export declare const createPanelGroupEditorSlice: StateCreator<PanelGroupEditorSlice & PanelGroupSlice, Middleware, [
 ], PanelGroupEditorSlice>;

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

@@ -1 +1 @@
-{"version":3,"file":"panel-group-editor-slice.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/panel-group-editor-slice.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,eAAe,EAAwB,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAE1F,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,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;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;IAEzD,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAChD,0BAA0B,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IACjE,2BAA2B,EAAE,MAAM,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,2BAA2B,EAAE,YAAY,CACpD,qBAAqB,GAAG,eAAe,EACvC,UAAU,EACV;CAAE,EACF,qBAAqB,CAqFrB,CAAC"}
+{"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,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,eAAe,EAAwB,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAE1F,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,CAwErB,CAAC"}

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

@@ -10,6 +10,7 @@
 // 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 { generateId } from './common';
 export const createPanelGroupEditorSlice = (set, get)=>({
         panelGroupEditor: undefined,
         openAddPanelGroup: ()=>{
@@ -22,13 +23,14 @@ export const createPanelGroupEditorSlice = (set, get)=>({
                 },
                 applyChanges (next) {
                     const newGroup = {
-                        id: get().createPanelGroupId(),
-                        items: [],
+                        id: generateId(),
+                        itemLayouts: [],
+                        itemPanelKeys: {},
                         ...next
                     };
                     set((draft)=>{
                         draft.panelGroups[newGroup.id] = newGroup;
-                        draft.panelGroupIdOrder.unshift(newGroup.id);
+                        draft.panelGroupOrder.unshift(newGroup.id);
                     });
                 },
                 close () {
@@ -75,22 +77,7 @@ export const createPanelGroupEditorSlice = (set, get)=>({
             set((draft)=>{
                 draft.panelGroupEditor = editor;
             });
-        },
-        openDeletePanelGroupDialog: (panelGroupId)=>{
-            const panelGroup = get().panelGroups[panelGroupId];
-            if (panelGroup === undefined) {
-                throw new Error(`Panel group with Id ${panelGroupId} not found`);
-            }
-            set((state)=>{
-                state.deletePanelGroupDialog = {
-                    panelGroupId,
-                    panelGroupName: panelGroup.title
-                };
-            });
-        },
-        closeDeletePanelGroupDialog: ()=>set((state)=>{
-                state.deletePanelGroupDialog = undefined;
-            })
+        }
     });
 
 //# sourceMappingURL=panel-group-editor-slice.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/panel-group-editor-slice.tsx"],"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, PanelGroupDefinition, PanelGroupId } 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\nexport interface DeletePanelGroupDialog {\n  panelGroupId: PanelGroupId;\n  panelGroupName?: string;\n}\n\n/**\n * Slice that handles the visual editor state and actions for Panel Groups (i.e. add, edit, delete).\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  deletePanelGroupDialog?: DeletePanelGroupDialog;\n  openDeletePanelGroupDialog: (panelGroupId: PanelGroupId) => void;\n  closeDeletePanelGroupDialog: () => void;\n}\n\nexport const createPanelGroupEditorSlice: StateCreator<\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: PanelGroupDefinition = {\n          id: get().createPanelGroupId(),\n          items: [],\n          ...next,\n        };\n        set((draft) => {\n          draft.panelGroups[newGroup.id] = newGroup;\n          draft.panelGroupIdOrder.unshift(newGroup.id);\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  openDeletePanelGroupDialog: (panelGroupId) => {\n    const panelGroup = get().panelGroups[panelGroupId];\n    if (panelGroup === undefined) {\n      throw new Error(`Panel group with Id ${panelGroupId} not found`);\n    }\n    set((state) => {\n      state.deletePanelGroupDialog = { panelGroupId, panelGroupName: panelGroup.title };\n    });\n  },\n  closeDeletePanelGroupDialog: () =>\n    set((state) => {\n      state.deletePanelGroupDialog = undefined;\n    }),\n});\n"],"names":["createPanelGroupEditorSlice","set","get","panelGroupEditor","undefined","openAddPanelGroup","editor","mode","initialValues","title","isCollapsed","applyChanges","next","newGroup","id","createPanelGroupId","items","draft","panelGroups","panelGroupIdOrder","unshift","close","openEditPanelGroup","panelGroupId","existingGroup","Error","group","openDeletePanelGroupDialog","panelGroup","state","deletePanelGroupDialog","panelGroupName","closeDeletePanelGroupDialog"],"mappings":"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"}
+{"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 { generateId, Middleware } from './common';\nimport { PanelGroupSlice, PanelGroupDefinition, PanelGroupId } 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: PanelGroupDefinition = {\n          id: generateId(),\n          itemLayouts: [],\n          itemPanelKeys: {},\n          ...next,\n        };\n        set((draft) => {\n          draft.panelGroups[newGroup.id] = newGroup;\n          draft.panelGroupOrder.unshift(newGroup.id);\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":["generateId","createPanelGroupEditorSlice","set","get","panelGroupEditor","undefined","openAddPanelGroup","editor","mode","initialValues","title","isCollapsed","applyChanges","next","newGroup","id","itemLayouts","itemPanelKeys","draft","panelGroups","panelGroupOrder","unshift","close","openEditPanelGroup","panelGroupId","existingGroup","Error","group"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
-import { GridItemDefinition, LayoutDefinition } from '@perses-dev/core';
+import { LayoutDefinition } from '@perses-dev/core';
+import { Layout } from 'react-grid-layout';
 import { StateCreator } from 'zustand';
 import { Middleware } from './common';
-import { PanelEditorSlice } from './panel-editor-slice';
 /**
  * Slice with the state of Panel Groups, as well as any actions that modify only Panel Group state.
  */
@@ -13,43 +13,22 @@ export interface PanelGroupSlice {
     /**
      * An array of panel group IDs, representing their order in the dashboard.
      */
-    panelGroupIdOrder: PanelGroupId[];
+    panelGroupOrder: PanelGroupId[];
     /**
      * previous state
      */
-    previousPanelGroupStates: {
+    previousPanelGroupState: {
         panelGroups: PanelGroupSlice['panelGroups'];
-        panelGroupIdOrder: PanelGroupSlice['panelGroupIdOrder'];
+        panelGroupIdOrder: PanelGroupSlice['panelGroupOrder'];
     };
-    createPanelGroupId: () => PanelGroupId;
-    /**
-     * Given a LayoutItem location, returns the panel's unique key at that location.
-     */
-    getPanelKey: (layoutItem: PanelGroupItemId) => string;
-    /**
-     * Add a panel with the specified key to an existing group.
-     */
-    addPanelToGroup: (panelKey: string, panelGroupId: PanelGroupId) => void;
-    /**
-     * Move an existing Panel to a new panel group.
-     */
-    movePanelToGroup: (layoutItem: PanelGroupItemId, newPanelGroupId: PanelGroupId) => void;
     /**
      * Rearrange the order of panel groups by swapping the positions
      */
     swapPanelGroups: (xIndex: number, yIndex: number) => void;
     /**
-     * Delete panel group and all the panels within the group
+     * Update the item layouts for a panel group when, for example, a panel is moved or resized.
      */
-    deletePanelGroup: (panelGroupId: PanelGroupId) => void;
-    /**
-     * Delete panel in panel group
-     */
-    deletePanelInPanelGroup: (layoutItem: PanelGroupItemId) => void;
-    /**
-     * Map panel to panel groups
-     */
-    mapPanelToPanelGroups: () => Record<string, PanelGroupId[]>;
+    updatePanelGroupLayouts: (panelGroupId: PanelGroupId, itemLayouts: PanelGroupDefinition['itemLayouts']) => void;
     /**
      * save
      */
@@ -62,19 +41,24 @@ export interface PanelGroupSlice {
 export declare type PanelGroupId = number;
 export interface PanelGroupDefinition {
     id: PanelGroupId;
-    items: GridItemDefinition[];
     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;
-    itemIndex: number;
+    panelGroupItemLayoutId: PanelGroupItemLayoutId;
 }
 /**
  * Curried function for creating a PanelGroupSlice.
  */
-export declare function createPanelGroupSlice(layouts: LayoutDefinition[]): StateCreator<PanelGroupSlice & PanelEditorSlice, Middleware, [], PanelGroupSlice>;
+export declare function createPanelGroupSlice(layouts: LayoutDefinition[]): StateCreator<PanelGroupSlice, Middleware, [], PanelGroupSlice>;
 //# sourceMappingURL=panel-group-slice.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"panel-group-slice.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/panel-group-slice.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAsC,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAC5G,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,oBAAoB,CAAC,CAAC;IAExD;;OAEG;IACH,iBAAiB,EAAE,YAAY,EAAE,CAAC;IAElC;;OAEG;IACH,wBAAwB,EAAE;QACxB,WAAW,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;QAC5C,iBAAiB,EAAE,eAAe,CAAC,mBAAmB,CAAC,CAAC;KACzD,CAAC;IAGF,kBAAkB,EAAE,MAAM,YAAY,CAAC;IAEvC;;OAEG;IACH,WAAW,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,MAAM,CAAC;IAEtD;;OAEG;IACH,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IAExE;;OAEG;IACH,gBAAgB,EAAE,CAAC,UAAU,EAAE,gBAAgB,EAAE,eAAe,EAAE,YAAY,KAAK,IAAI,CAAC;IAExF;;OAEG;IACH,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1D;;OAEG;IACH,gBAAgB,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IAEvD;;OAEG;IACH,uBAAuB,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEhE;;OAEG;IACH,qBAAqB,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,CAAC;IAE5D;;OAEG;IACH,eAAe,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,oBAAY,YAAY,GAAG,MAAM,CAAC;AAElC,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,YAAY,CAAC;IACjB,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,gBAAgB,EAAE,GAC1B,YAAY,CAAC,eAAe,GAAG,gBAAgB,EAAE,UAAU,EAAE,EAAE,EAAE,eAAe,CAAC,CAkKnF"}
+{"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,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,uBAAuB,EAAE;QACvB,WAAW,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;QAC5C,iBAAiB,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAC;KACvD,CAAC;IAEF;;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;IAEhH;;OAEG;IACH,eAAe,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;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,CAkFhE"}

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

@@ -10,195 +10,90 @@
 // 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 { createPanelRef, getPanelKeyFromRef } from '@perses-dev/core';
+import { getPanelKeyFromRef } from '@perses-dev/core';
+import { generateId } from './common';
 /**
  * Curried function for creating a PanelGroupSlice.
  */ export function createPanelGroupSlice(layouts) {
-    // Helper function for generating unique IDs for a PanelGroup
-    let id = -1;
-    function createPanelGroupId() {
-        id++;
-        return id;
-    }
-    // Convert the initial layouts from the JSON to panel groups and keep track of the order
+    // Convert the initial layouts from the JSON
     const panelGroups = {};
     const panelGroupIdOrder = [];
     for (const layout of layouts){
         var ref, ref1, ref2;
-        const id1 = createPanelGroupId();
-        panelGroups[id1] = {
-            id: id1,
-            items: layout.spec.items,
+        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
+            title: (ref2 = layout.spec.display) === null || ref2 === void 0 ? void 0 : ref2.title,
+            itemLayouts,
+            itemPanelKeys
         };
-        panelGroupIdOrder.push(id1);
+        panelGroupIdOrder.push(panelGroupId);
     }
     // Return the state creator function for Zustand
-    return (set, get)=>{
-        return {
+    return (set)=>({
             panelGroups,
-            panelGroupIdOrder,
-            previousPanelGroupStates: {
+            panelGroupOrder: panelGroupIdOrder,
+            previousPanelGroupState: {
                 panelGroups,
                 panelGroupIdOrder
             },
-            // TODO: Reorder init logic so this isn't exposed
-            createPanelGroupId,
             savePanelGroups () {
                 set((state)=>{
-                    state.previousPanelGroupStates = {
+                    state.previousPanelGroupState = {
                         panelGroups: state.panelGroups,
-                        panelGroupIdOrder: state.panelGroupIdOrder
+                        panelGroupIdOrder: state.panelGroupOrder
                     };
                 });
             },
             resetPanelGroups () {
                 set((state)=>{
-                    state.panelGroups = state.previousPanelGroupStates.panelGroups;
-                    state.panelGroupIdOrder = state.previousPanelGroupStates.panelGroupIdOrder;
-                });
-            },
-            getPanelKey ({ panelGroupId , itemIndex  }) {
-                const { panelGroups  } = get();
-                const group = findGroup(panelGroups, panelGroupId);
-                const item = findItem(group, itemIndex);
-                return getPanelKeyFromRef(item.content);
-            },
-            addPanelToGroup (panelKey, panelGroupId) {
-                const { panelGroups  } = get();
-                const group = findGroup(panelGroups, panelGroupId);
-                const gridItem = {
-                    x: 0,
-                    y: getYForNewRow(group),
-                    width: 12,
-                    height: 6,
-                    content: createPanelRef(panelKey)
-                };
-                set((state)=>{
-                    var ref;
-                    (ref = state.panelGroups[panelGroupId]) === null || ref === void 0 ? void 0 : ref.items.push(gridItem);
-                });
-            },
-            movePanelToGroup ({ panelGroupId , itemIndex  }, newPanelGroupId) {
-                const { panelGroups  } = get();
-                // Find the existing item to make sure it exists
-                const group = findGroup(panelGroups, panelGroupId);
-                const item = findItem(group, itemIndex);
-                // Find the new group and figure out where a new row should go
-                const newGroup = findGroup(panelGroups, newPanelGroupId);
-                const newGroupY = getYForNewRow(newGroup);
-                set((state)=>{
-                    var // Remove the item from its current group
-                    ref, // Add a new item to the new group
-                    ref1;
-                    (ref = state.panelGroups[panelGroupId]) === null || ref === void 0 ? void 0 : ref.items.splice(itemIndex, 1);
-                    (ref1 = state.panelGroups[newPanelGroupId]) === null || ref1 === void 0 ? void 0 : ref1.items.push({
-                        x: 0,
-                        y: newGroupY,
-                        width: item.width,
-                        height: item.height,
-                        content: item.content
-                    });
+                    state.panelGroups = state.previousPanelGroupState.panelGroups;
+                    state.panelGroupOrder = state.previousPanelGroupState.panelGroupIdOrder;
                 });
             },
             swapPanelGroups (x, y) {
                 set((state)=>{
-                    if (x < 0 || x >= state.panelGroupIdOrder.length || y < 0 || y >= state.panelGroupIdOrder.length) {
+                    if (x < 0 || x >= state.panelGroupOrder.length || y < 0 || y >= state.panelGroupOrder.length) {
                         throw new Error('index out of bound');
                     }
-                    const xPanelGroup = state.panelGroupIdOrder[x];
-                    const yPanelGroup = state.panelGroupIdOrder[y];
+                    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.panelGroupIdOrder[x], state.panelGroupIdOrder[y]] = [
+                    [state.panelGroupOrder[x], state.panelGroupOrder[y]] = [
                         yPanelGroup,
                         xPanelGroup
                     ];
                 });
             },
-            deletePanelInPanelGroup ({ panelGroupId , itemIndex  }) {
+            updatePanelGroupLayouts (panelGroupId, itemLayouts) {
                 set((state)=>{
                     const group = state.panelGroups[panelGroupId];
                     if (group === undefined) {
-                        throw new Error(`No panel group found: ${panelGroupId}`);
+                        throw new Error(`Cannot find panel group ${panelGroupId}`);
                     }
-                    // remove panel from panel group
-                    group.items.splice(itemIndex, 1);
-                });
-            },
-            deletePanelGroup (panelGroupId) {
-                const { panelGroups , panelGroupIdOrder: panelGroupOrder , deletePanels  } = get();
-                const group = findGroup(panelGroups, panelGroupId);
-                const orderIdx = panelGroupOrder.findIndex((id)=>id === panelGroupId);
-                if (orderIdx === -1) {
-                    throw new Error(`Could not find panel group Id ${panelGroupId} in order array`);
-                }
-                // remove panels from group first
-                const panelsToBeDeleted = [];
-                for(let i = 0; i < group.items.length; i++){
-                    panelsToBeDeleted.push({
-                        panelGroupId,
-                        itemIndex: i
-                    });
-                }
-                deletePanels(panelsToBeDeleted);
-                // remove group from both panelGroups and panelGroupOrder
-                set((state)=>{
-                    state.panelGroupIdOrder.splice(orderIdx, 1);
-                    delete state.panelGroups[panelGroupId];
-                });
-            },
-            // Return an object that maps each panel to the groups it belongs
-            mapPanelToPanelGroups () {
-                const map = {}; // { panel key: [group ids] }
-                Object.values(get().panelGroups).forEach((group)=>{
-                    // for each panel in a group, add the group id to map[panelKey]
-                    group.items.forEach((panel)=>{
-                        const panelKey = getPanelKeyFromRef(panel.content);
-                        if (map[panelKey]) {
-                            var ref;
-                            (ref = map[panelKey]) === null || ref === void 0 ? void 0 : ref.push(group.id);
-                        } else {
-                            map[panelKey] = [
-                                group.id
-                            ];
-                        }
-                    });
+                    group.itemLayouts = itemLayouts;
                 });
-                return map;
             }
-        };
-    };
-}
-// Helper to find a group and throw if not found
-function findGroup(panelGroups, groupId) {
-    const group = panelGroups[groupId];
-    if (group === undefined) {
-        throw new Error(`No panel group found for Id ${groupId}`);
-    }
-    return group;
-}
-// Helper to get an item in a group and throw if not found
-function findItem(group, itemIndex) {
-    const item = group.items[itemIndex];
-    if (item === undefined) {
-        throw new Error(`No grid item found at position ${itemIndex}`);
-    }
-    return item;
-}
-// Given a Grid, 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 item of group.items){
-        const itemMaxY = item.y + item.height;
-        if (itemMaxY > newRowY) {
-            newRowY = itemMaxY;
-        }
-    }
-    return newRowY;
+        });
 }
 
 //# sourceMappingURL=panel-group-slice.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/panel-group-slice.tsx"],"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 { createPanelRef, getPanelKeyFromRef, GridItemDefinition, LayoutDefinition } from '@perses-dev/core';\nimport { StateCreator } from 'zustand';\nimport { Middleware } from './common';\nimport { PanelEditorSlice } from './panel-editor-slice';\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  panelGroupIdOrder: PanelGroupId[];\n\n  /**\n   * previous state\n   */\n  previousPanelGroupStates: {\n    panelGroups: PanelGroupSlice['panelGroups'];\n    panelGroupIdOrder: PanelGroupSlice['panelGroupIdOrder'];\n  };\n\n  // TODO: Remove this\n  createPanelGroupId: () => PanelGroupId;\n\n  /**\n   * Given a LayoutItem location, returns the panel's unique key at that location.\n   */\n  getPanelKey: (layoutItem: PanelGroupItemId) => string;\n\n  /**\n   * Add a panel with the specified key to an existing group.\n   */\n  addPanelToGroup: (panelKey: string, panelGroupId: PanelGroupId) => void;\n\n  /**\n   * Move an existing Panel to a new panel group.\n   */\n  movePanelToGroup: (layoutItem: PanelGroupItemId, newPanelGroupId: PanelGroupId) => void;\n\n  /**\n   * Rearrange the order of panel groups by swapping the positions\n   */\n  swapPanelGroups: (xIndex: number, yIndex: number) => void;\n\n  /**\n   * Delete panel group and all the panels within the group\n   */\n  deletePanelGroup: (panelGroupId: PanelGroupId) => void;\n\n  /**\n   * Delete panel in panel group\n   */\n  deletePanelInPanelGroup: (layoutItem: PanelGroupItemId) => void;\n\n  /**\n   * Map panel to panel groups\n   */\n  mapPanelToPanelGroups: () => Record<string, PanelGroupId[]>;\n\n  /**\n   * save\n   */\n  savePanelGroups: () => void;\n\n  /**\n   * reset to previous panel group states\n   */\n  resetPanelGroups: () => void;\n}\n\nexport type PanelGroupId = number;\n\nexport interface PanelGroupDefinition {\n  id: PanelGroupId;\n  items: GridItemDefinition[];\n  isCollapsed: boolean;\n  title?: string;\n}\n\n/**\n * Uniquely identifies an item in a PanelGroup.\n */\nexport interface PanelGroupItemId {\n  panelGroupId: PanelGroupId;\n  itemIndex: number;\n}\n\n/**\n * Curried function for creating a PanelGroupSlice.\n */\nexport function createPanelGroupSlice(\n  layouts: LayoutDefinition[]\n): StateCreator<PanelGroupSlice & PanelEditorSlice, Middleware, [], PanelGroupSlice> {\n  // Helper function for generating unique IDs for a PanelGroup\n  let id: PanelGroupId = -1;\n  function createPanelGroupId(): PanelGroupId {\n    id++;\n    return id;\n  }\n\n  // Convert the initial layouts from the JSON to panel groups and keep track of the order\n  const panelGroups: PanelGroupSlice['panelGroups'] = {};\n  const panelGroupIdOrder: PanelGroupSlice['panelGroupIdOrder'] = [];\n  for (const layout of layouts) {\n    const id = createPanelGroupId();\n    panelGroups[id] = {\n      id,\n      items: layout.spec.items,\n      isCollapsed: layout.spec.display?.collapse?.open === false,\n      title: layout.spec.display?.title,\n    };\n    panelGroupIdOrder.push(id);\n  }\n\n  // Return the state creator function for Zustand\n  return (set, get) => ({\n    panelGroups,\n    panelGroupIdOrder,\n\n    previousPanelGroupStates: { panelGroups, panelGroupIdOrder },\n\n    // TODO: Reorder init logic so this isn't exposed\n    createPanelGroupId,\n\n    savePanelGroups() {\n      set((state) => {\n        state.previousPanelGroupStates = {\n          panelGroups: state.panelGroups,\n          panelGroupIdOrder: state.panelGroupIdOrder,\n        };\n      });\n    },\n\n    resetPanelGroups() {\n      set((state) => {\n        state.panelGroups = state.previousPanelGroupStates.panelGroups;\n        state.panelGroupIdOrder = state.previousPanelGroupStates.panelGroupIdOrder;\n      });\n    },\n\n    getPanelKey({ panelGroupId, itemIndex }) {\n      const { panelGroups } = get();\n      const group = findGroup(panelGroups, panelGroupId);\n      const item = findItem(group, itemIndex);\n      return getPanelKeyFromRef(item.content);\n    },\n\n    addPanelToGroup(panelKey, panelGroupId) {\n      const { panelGroups } = get();\n      const group = findGroup(panelGroups, panelGroupId);\n      const gridItem: GridItemDefinition = {\n        x: 0,\n        y: getYForNewRow(group),\n        width: 12,\n        height: 6,\n        content: createPanelRef(panelKey),\n      };\n      set((state) => {\n        state.panelGroups[panelGroupId]?.items.push(gridItem);\n      });\n    },\n\n    movePanelToGroup({ panelGroupId, itemIndex }, newPanelGroupId) {\n      const { panelGroups } = get();\n\n      // Find the existing item to make sure it exists\n      const group = findGroup(panelGroups, panelGroupId);\n      const item = findItem(group, itemIndex);\n\n      // Find the new group and figure out where a new row should go\n      const newGroup = findGroup(panelGroups, newPanelGroupId);\n      const newGroupY = getYForNewRow(newGroup);\n\n      set((state) => {\n        // Remove the item from its current group\n        state.panelGroups[panelGroupId]?.items.splice(itemIndex, 1);\n\n        // Add a new item to the new group\n        state.panelGroups[newPanelGroupId]?.items.push({\n          x: 0,\n          y: newGroupY,\n          width: item.width,\n          height: item.height,\n          content: item.content,\n        });\n      });\n    },\n\n    swapPanelGroups(x, y) {\n      set((state) => {\n        if (x < 0 || x >= state.panelGroupIdOrder.length || y < 0 || y >= state.panelGroupIdOrder.length) {\n          throw new Error('index out of bound');\n        }\n        const xPanelGroup = state.panelGroupIdOrder[x];\n        const yPanelGroup = state.panelGroupIdOrder[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.panelGroupIdOrder[x], state.panelGroupIdOrder[y]] = [yPanelGroup, xPanelGroup];\n      });\n    },\n\n    deletePanelInPanelGroup({ panelGroupId, itemIndex }) {\n      set((state) => {\n        const group = state.panelGroups[panelGroupId];\n        if (group === undefined) {\n          throw new Error(`No panel group found: ${panelGroupId}`);\n        }\n        // remove panel from panel group\n        group.items.splice(itemIndex, 1);\n      });\n    },\n\n    deletePanelGroup(panelGroupId) {\n      const { panelGroups, panelGroupIdOrder: panelGroupOrder, deletePanels } = get();\n      const group = findGroup(panelGroups, panelGroupId);\n      const orderIdx = panelGroupOrder.findIndex((id) => id === panelGroupId);\n      if (orderIdx === -1) {\n        throw new Error(`Could not find panel group Id ${panelGroupId} in order array`);\n      }\n\n      // remove panels from group first\n      const panelsToBeDeleted: PanelGroupItemId[] = [];\n      for (let i = 0; i < group.items.length; i++) {\n        panelsToBeDeleted.push({ panelGroupId, itemIndex: i });\n      }\n      deletePanels(panelsToBeDeleted);\n\n      // remove group from both panelGroups and panelGroupOrder\n      set((state) => {\n        state.panelGroupIdOrder.splice(orderIdx, 1);\n        delete state.panelGroups[panelGroupId];\n      });\n    },\n\n    // Return an object that maps each panel to the groups it belongs\n    mapPanelToPanelGroups() {\n      const map: Record<string, Array<PanelGroupDefinition['id']>> = {}; // { panel key: [group ids] }\n      Object.values(get().panelGroups).forEach((group) => {\n        // for each panel in a group, add the group id to map[panelKey]\n        group.items.forEach((panel) => {\n          const panelKey = getPanelKeyFromRef(panel.content);\n          if (map[panelKey]) {\n            map[panelKey]?.push(group.id);\n          } else {\n            map[panelKey] = [group.id];\n          }\n        });\n      });\n      return map;\n    },\n  });\n}\n\n// Helper to find a group and throw if not found\nfunction findGroup(panelGroups: PanelGroupSlice['panelGroups'], groupId: PanelGroupId) {\n  const group = panelGroups[groupId];\n  if (group === undefined) {\n    throw new Error(`No panel group found for Id ${groupId}`);\n  }\n  return group;\n}\n\n// Helper to get an item in a group and throw if not found\nfunction findItem(group: PanelGroupDefinition, itemIndex: number) {\n  const item = group.items[itemIndex];\n  if (item === undefined) {\n    throw new Error(`No grid item found at position ${itemIndex}`);\n  }\n  return item;\n}\n\n// Given a Grid, 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 item of group.items) {\n    const itemMaxY = item.y + item.height;\n    if (itemMaxY > newRowY) {\n      newRowY = itemMaxY;\n    }\n  }\n  return newRowY;\n}\n"],"names":["createPanelRef","getPanelKeyFromRef","createPanelGroupSlice","layouts","id","createPanelGroupId","panelGroups","panelGroupIdOrder","layout","items","spec","isCollapsed","display","collapse","open","title","push","set","get","previousPanelGroupStates","savePanelGroups","state","resetPanelGroups","getPanelKey","panelGroupId","itemIndex","group","findGroup","item","findItem","content","addPanelToGroup","panelKey","gridItem","x","y","getYForNewRow","width","height","movePanelToGroup","newPanelGroupId","newGroup","newGroupY","splice","swapPanelGroups","length","Error","xPanelGroup","yPanelGroup","undefined","deletePanelInPanelGroup","deletePanelGroup","panelGroupOrder","deletePanels","orderIdx","findIndex","panelsToBeDeleted","i","mapPanelToPanelGroups","map","Object","values","forEach","panel","groupId","newRowY","itemMaxY"],"mappings":"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"}
+{"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 { 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   * previous state\n   */\n  previousPanelGroupState: {\n    panelGroups: PanelGroupSlice['panelGroups'];\n    panelGroupIdOrder: PanelGroupSlice['panelGroupOrder'];\n  };\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  /**\n   * save\n   */\n  savePanelGroups: () => void;\n\n  /**\n   * reset to previous panel group states\n   */\n  resetPanelGroups: () => 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  // 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\n  // Return the state creator function for Zustand\n  return (set) => ({\n    panelGroups,\n    panelGroupOrder: panelGroupIdOrder,\n\n    previousPanelGroupState: { panelGroups, panelGroupIdOrder },\n\n    savePanelGroups() {\n      set((state) => {\n        state.previousPanelGroupState = {\n          panelGroups: state.panelGroups,\n          panelGroupIdOrder: state.panelGroupOrder,\n        };\n      });\n    },\n\n    resetPanelGroups() {\n      set((state) => {\n        state.panelGroups = state.previousPanelGroupState.panelGroups;\n        state.panelGroupOrder = state.previousPanelGroupState.panelGroupIdOrder;\n      });\n    },\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"],"names":["getPanelKeyFromRef","generateId","createPanelGroupSlice","layouts","panelGroups","panelGroupIdOrder","layout","itemLayouts","itemPanelKeys","item","spec","items","panelGroupLayoutId","toString","push","i","w","width","h","height","x","y","content","panelGroupId","id","isCollapsed","display","collapse","open","title","set","panelGroupOrder","previousPanelGroupState","savePanelGroups","state","resetPanelGroups","swapPanelGroups","length","Error","xPanelGroup","yPanelGroup","undefined","updatePanelGroupLayouts","group"],"mappings":"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"}

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

@@ -0,0 +1,23 @@
+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>;
+    previousPanels: Record<string, PanelDefinition>;
+    /**
+     * Reset panels to previous state
+     */
+    resetPanels: () => void;
+    /**
+     * Save panels
+     */
+    savePanels: () => void;
+}
+/**
+ * Curried function for creating the PanelSlice.
+ */
+export declare function createPanelSlice(panels: PanelSlice['panels']): StateCreator<PanelSlice, Middleware, [], PanelSlice>;
+//# sourceMappingURL=panel-slice.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"panel-slice.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/panel-slice.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IACxC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAEhD;;OAEG;IACH,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,UAAU,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,CAAC,CAiBnH"}