@perses-dev/dashboards 0.10.0 → 0.11.0

package/dist/context/DashboardProvider/dashboard-provider-api.d.ts

@@ -1,32 +1,74 @@
+import { PanelGroupItemId, PanelGroupId } from './panel-group-slice';
 export declare function useEditMode(): {
     isEditMode: boolean;
     setEditMode: (isEditMode: boolean) => void;
 };
-export declare function useLayouts(): {
-    layouts: import("./layout-slice").PanelGroupDefinition[];
-    addPanelToGroup: (panelKey: string, groupIndex: number) => void;
-    movePanelToGroup: (layoutItem: import("./layout-slice").LayoutItem, newGroupIndex: number) => void;
-    updatePanelGroup: (layout: Omit<import("./layout-slice").PanelGroupDefinition, "id">, groupIndex?: number | undefined) => void;
-    swapPanelGroups: (xIndex: number, yIndex: number) => void;
-    deletePanelGroup: (groupIndex: number) => void;
+/**
+ * Returns actions that can be performed on the current dashboard.
+ */
+export declare function useDashboardActions(): {
+    save: () => void;
+    reset: () => void;
+    openAddPanelGroup: () => void;
+    openAddPanel: () => void;
 };
-export declare function usePanelGroupDialog(): {
-    panelGroupDialog: import("./panel-group-slice").PanelGroupDialog | undefined;
-    openPanelGroupDialog: (groupIndex?: number | undefined) => void;
-    closePanelGroupDialog: () => void;
-    deletePanelGroupDialog: import("./panel-group-slice").PanelGroupDialog | undefined;
-    openDeletePanelGroupDialog: (groupIndex: number) => void;
+/**
+ * Returns an array of PanelGroupIds in the order they appear in the dashboard.
+ */
+export declare function usePanelGroupIds(): number[];
+/**
+ * Returns an array of PanelGroupDefinitions in the order they appear in the dashboard.
+ */
+export declare function useListPanelGroups(): import("./panel-group-slice").PanelGroupDefinition[];
+/**
+ * Gets a specific panel group by its id. Throws if the panel group does not exist.
+ */
+export declare function usePanelGroup(panelGroupId: PanelGroupId): import("./panel-group-slice").PanelGroupDefinition;
+/**
+ * Returns actions that can be performed on the given panel group.
+ */
+export declare function usePanelGroupActions(panelGroupId: PanelGroupId): {
+    openEditPanelGroup: () => void;
+    deletePanelGroup: () => void;
+    openAddPanel: () => void;
+    moveUp: (() => void) | undefined;
+    moveDown: (() => void) | undefined;
+};
+/**
+ * Gets the Panel Group editor state.
+ */
+export declare function usePanelGroupEditor(): import("./panel-group-editor-slice").PanelGroupEditor | undefined;
+/**
+ * Gets the Delete Panel Group dialog state.
+ */
+export declare function useDeletePanelGroupDialog(): {
+    deletePanelGroupDialog: import("./panel-group-editor-slice").DeletePanelGroupDialog | undefined;
+    openDeletePanelGroupDialog: (panelGroupId: number) => void;
     closeDeletePanelGroupDialog: () => void;
+    deletePanelGroup: (panelGroupId: number) => void;
+};
+/**
+ * Gets an individual panel in the store. Throws if the panel can't be found.
+ */
+export declare function usePanel(panelGroupItemId: PanelGroupItemId): import("@perses-dev/core").PanelDefinition<import("@perses-dev/core").UnknownSpec>;
+/**
+ * Returns actions that can be performed on the given Panel.
+ */
+export declare function usePanelActions(panelGroupItemId: PanelGroupItemId): {
+    openEditPanel: () => void;
+    openDeletePanelDialog: () => void;
 };
-export declare function usePanels(): {
-    panels: Record<string, import("@perses-dev/core").PanelDefinition<import("@perses-dev/core").UnknownSpec>>;
-    panelEditor: import("./panel-editing-slice").PanelEditorState | undefined;
-    addPanel: (initialGroup: number) => void;
-    editPanel: (item: import("./layout-slice").LayoutItem) => void;
-    deletePanels: (panels: import("./layout-slice").LayoutItem[]) => void;
-    deletePanelDialog: import("./panel-editing-slice").DeletePanelDialog | undefined;
-    openDeletePanelDialog: (item: import("./layout-slice").LayoutItem) => void;
+/**
+ * Gets the state for the Panel Editor.
+ */
+export declare function usePanelEditor(): import("./panel-editor-slice").PanelEditorState | undefined;
+/**
+ * Gets the state for the Delete Panel dialog.
+ */
+export declare function useDeletePanelDialog(): {
+    deletePanelDialog: import("./panel-editor-slice").DeletePanelDialog | undefined;
+    deletePanels: (panels: PanelGroupItemId[]) => void;
     closeDeletePanelDialog: () => void;
 };
-export declare function useDefaultTimeRange(): import("@perses-dev/core").DurationString;
+export declare function useDefaultTimeRange(): import("@perses-dev/core").RelativeTimeRange;
 //# sourceMappingURL=dashboard-provider-api.d.ts.map

package/dist/context/DashboardProvider/dashboard-provider-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-provider-api.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/dashboard-provider-api.ts"],"names":[],"mappings":"AAeA,wBAAgB,WAAW;;;EAE1B;AAED,wBAAgB,UAAU;;;;;;;EAWzB;AAED,wBAAgB,mBAAmB;;;;;;;EAkBlC;AAED,wBAAgB,SAAS;;;;;;;;;EAsBxB;AAED,wBAAgB,mBAAmB,8CAElC"}
+{"version":3,"file":"dashboard-provider-api.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/dashboard-provider-api.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAErE,wBAAgB,WAAW;;;EAE1B;AAED;;GAEG;AACH,wBAAgB,mBAAmB;;;;;EAYlC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,aAE/B;AAED;;GAEG;AACH,wBAAgB,kBAAkB,yDAYjC;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,YAAY,EAAE,YAAY,sDAMvD;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,YAAY,EAAE,YAAY;;;;;;EAa9D;AAuBD;;GAEG;AACH,wBAAgB,mBAAmB,sEAElC;AAED;;GAEG;AACH,wBAAgB,yBAAyB;;;;;EASxC;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,sFAc1D;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,gBAAgB,EAAE,gBAAgB;;;EAOjE;AAED;;GAEG;AACH,wBAAgB,cAAc,gEAE7B;AAED;;GAEG;AACH,wBAAgB,oBAAoB;;;;EAWnC;AAED,wBAAgB,mBAAmB,iDAElC"}

package/dist/context/DashboardProvider/dashboard-provider-api.js

@@ -10,6 +10,8 @@
 // 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 { useMemo } from 'react';
 import { useDashboardStore } from './DashboardProvider';
 export function useEditMode() {
     return useDashboardStore(({ isEditMode , setEditMode  })=>({
@@ -17,37 +19,142 @@ export function useEditMode() {
             setEditMode
         }));
 }
-export function useLayouts() {
-    return useDashboardStore(({ layouts , addPanelToGroup , movePanelToGroup , updatePanelGroup , swapPanelGroups , deletePanelGroup  })=>({
-            layouts,
-            addPanelToGroup,
-            movePanelToGroup,
-            updatePanelGroup,
-            swapPanelGroups,
-            deletePanelGroup
-        }));
+/**
+ * Returns actions that can be performed on the current dashboard.
+ */ export function useDashboardActions() {
+    const save = useDashboardStore((store)=>store.save);
+    const reset = useDashboardStore((store)=>store.reset);
+    const openAddPanelGroup = useDashboardStore((store)=>store.openAddPanelGroup);
+    const openAddPanel = useDashboardStore((store)=>store.openAddPanel);
+    return {
+        save,
+        reset,
+        openAddPanelGroup,
+        openAddPanel: ()=>openAddPanel(undefined)
+    };
+}
+/**
+ * Returns an array of PanelGroupIds in the order they appear in the dashboard.
+ */ export function usePanelGroupIds() {
+    return useDashboardStore((store)=>store.panelGroupIdOrder);
+}
+/**
+ * Returns an array of PanelGroupDefinitions in the order they appear in the dashboard.
+ */ export function useListPanelGroups() {
+    const panelGroupIds = usePanelGroupIds();
+    const panelGroups = useDashboardStore((store)=>store.panelGroups);
+    return useMemo(()=>{
+        return panelGroupIds.map((id)=>{
+            const group = panelGroups[id];
+            if (group === undefined) {
+                throw new Error(`Invalid panel group Id found ${id}`);
+            }
+            return group;
+        });
+    }, [
+        panelGroupIds,
+        panelGroups
+    ]);
+}
+/**
+ * Gets a specific panel group by its id. Throws if the panel group does not exist.
+ */ export function usePanelGroup(panelGroupId) {
+    const panelGroup = useDashboardStore((store)=>store.panelGroups[panelGroupId]);
+    if (panelGroup === undefined) {
+        throw new Error(`Panel group with Id ${panelGroupId} was not found`);
+    }
+    return panelGroup;
+}
+/**
+ * Returns actions that can be performed on the given panel group.
+ */ export function usePanelGroupActions(panelGroupId) {
+    const { moveUp , moveDown  } = useMovePanelGroup(panelGroupId);
+    const openEditPanelGroup = useDashboardStore((store)=>store.openEditPanelGroup);
+    const deletePanelGroup = useDashboardStore((store)=>store.openDeletePanelGroupDialog);
+    const openAddPanel = useDashboardStore((store)=>store.openAddPanel);
+    return {
+        openEditPanelGroup: ()=>openEditPanelGroup(panelGroupId),
+        deletePanelGroup: ()=>deletePanelGroup(panelGroupId),
+        openAddPanel: ()=>openAddPanel(panelGroupId),
+        moveUp,
+        moveDown
+    };
+}
+/**
+ * Returns functions for moving a panel group up or down. A function will be undefined if the panel group can't be
+ * moved in that direction.
+ */ function useMovePanelGroup(panelGroupId) {
+    const currentIndex = useDashboardStore((store)=>store.panelGroupIdOrder.findIndex((id)=>id === panelGroupId));
+    const panelGroupsLength = useDashboardStore((store)=>store.panelGroupIdOrder.length);
+    const swapPanelGroups = useDashboardStore((store)=>store.swapPanelGroups);
+    if (currentIndex < 0) {
+        throw new Error(`Could not find panel group with Id ${panelGroupId} in order array`);
+    }
+    const moveUp = ()=>swapPanelGroups(currentIndex, currentIndex - 1);
+    const moveDown = ()=>swapPanelGroups(currentIndex, currentIndex + 1);
+    return {
+        moveUp: currentIndex > 0 ? moveUp : undefined,
+        moveDown: currentIndex < panelGroupsLength - 1 ? moveDown : undefined
+    };
 }
-export function usePanelGroupDialog() {
-    return useDashboardStore(({ panelGroupDialog , openPanelGroupDialog , closePanelGroupDialog , deletePanelGroupDialog , openDeletePanelGroupDialog , closeDeletePanelGroupDialog ,  })=>({
-            panelGroupDialog,
-            openPanelGroupDialog,
-            closePanelGroupDialog,
+/**
+ * Gets the Panel Group editor state.
+ */ export function usePanelGroupEditor() {
+    return useDashboardStore((store)=>store.panelGroupEditor);
+}
+/**
+ * Gets the Delete Panel Group dialog state.
+ */ export function useDeletePanelGroupDialog() {
+    return useDashboardStore(({ deletePanelGroupDialog , openDeletePanelGroupDialog , closeDeletePanelGroupDialog , deletePanelGroup  })=>({
             deletePanelGroupDialog,
             openDeletePanelGroupDialog,
-            closeDeletePanelGroupDialog
+            closeDeletePanelGroupDialog,
+            deletePanelGroup
         }));
 }
-export function usePanels() {
-    return useDashboardStore(({ panels , panelEditor , addPanel , editPanel , deletePanelDialog , deletePanels , openDeletePanelDialog , closeDeletePanelDialog ,  })=>({
-            panels,
-            panelEditor,
-            addPanel,
-            editPanel,
-            deletePanels,
-            deletePanelDialog,
-            openDeletePanelDialog,
-            closeDeletePanelDialog
-        }));
+/**
+ * Gets an individual panel in the store. Throws if the panel can't be found.
+ */ export function usePanel(panelGroupItemId) {
+    const { panelGroupId , itemIndex  } = panelGroupItemId;
+    const panel = useDashboardStore((store)=>{
+        var ref, ref1;
+        const panelRef = (ref1 = (ref = store.panelGroups[panelGroupId]) === null || ref === void 0 ? void 0 : ref.items[itemIndex]) === null || ref1 === void 0 ? void 0 : ref1.content;
+        if (panelRef === undefined) return;
+        const panelKey = getPanelKeyFromRef(panelRef);
+        return store.panels[panelKey];
+    });
+    if (panel === undefined) {
+        throw new Error(`Could not find panel for Id ${panelGroupItemId}`);
+    }
+    return panel;
+}
+/**
+ * Returns actions that can be performed on the given Panel.
+ */ export function usePanelActions(panelGroupItemId) {
+    const openEditPanel = useDashboardStore((store)=>store.openEditPanel);
+    const openDeletePanelDialog = useDashboardStore((store)=>store.openDeletePanelDialog);
+    return {
+        openEditPanel: ()=>openEditPanel(panelGroupItemId),
+        openDeletePanelDialog: ()=>openDeletePanelDialog(panelGroupItemId)
+    };
+}
+/**
+ * Gets the state for the Panel Editor.
+ */ export function usePanelEditor() {
+    return useDashboardStore((store)=>store.panelEditor);
+}
+/**
+ * Gets the state for the Delete Panel dialog.
+ */ export function useDeletePanelDialog() {
+    const deletePanelDialog = useDashboardStore((store)=>store.deletePanelDialog);
+    // TODO: Refactor similar to other dialogs/editors so these are on the editor state itself
+    const deletePanels = useDashboardStore((store)=>store.deletePanels);
+    const closeDeletePanelDialog = useDashboardStore((store)=>store.closeDeletePanelDialog);
+    return {
+        deletePanelDialog,
+        deletePanels,
+        closeDeletePanelDialog
+    };
 }
 export function useDefaultTimeRange() {
     return useDashboardStore((state)=>state.defaultTimeRange);

package/dist/context/DashboardProvider/dashboard-provider-api.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/dashboard-provider-api.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 { useDashboardStore } from './DashboardProvider';\n\nexport function useEditMode() {\n  return useDashboardStore(({ isEditMode, setEditMode }) => ({ isEditMode, setEditMode }));\n}\n\nexport function useLayouts() {\n  return useDashboardStore(\n    ({ layouts, addPanelToGroup, movePanelToGroup, updatePanelGroup, swapPanelGroups, deletePanelGroup }) => ({\n      layouts,\n      addPanelToGroup,\n      movePanelToGroup,\n      updatePanelGroup,\n      swapPanelGroups,\n      deletePanelGroup,\n    })\n  );\n}\n\nexport function usePanelGroupDialog() {\n  return useDashboardStore(\n    ({\n      panelGroupDialog,\n      openPanelGroupDialog,\n      closePanelGroupDialog,\n      deletePanelGroupDialog,\n      openDeletePanelGroupDialog,\n      closeDeletePanelGroupDialog,\n    }) => ({\n      panelGroupDialog,\n      openPanelGroupDialog,\n      closePanelGroupDialog,\n      deletePanelGroupDialog,\n      openDeletePanelGroupDialog,\n      closeDeletePanelGroupDialog,\n    })\n  );\n}\n\nexport function usePanels() {\n  return useDashboardStore(\n    ({\n      panels,\n      panelEditor,\n      addPanel,\n      editPanel,\n      deletePanelDialog,\n      deletePanels,\n      openDeletePanelDialog,\n      closeDeletePanelDialog,\n    }) => ({\n      panels,\n      panelEditor,\n      addPanel,\n      editPanel,\n      deletePanels,\n      deletePanelDialog,\n      openDeletePanelDialog,\n      closeDeletePanelDialog,\n    })\n  );\n}\n\nexport function useDefaultTimeRange() {\n  return useDashboardStore((state) => state.defaultTimeRange);\n}\n"],"names":["useDashboardStore","useEditMode","isEditMode","setEditMode","useLayouts","layouts","addPanelToGroup","movePanelToGroup","updatePanelGroup","swapPanelGroups","deletePanelGroup","usePanelGroupDialog","panelGroupDialog","openPanelGroupDialog","closePanelGroupDialog","deletePanelGroupDialog","openDeletePanelGroupDialog","closeDeletePanelGroupDialog","usePanels","panels","panelEditor","addPanel","editPanel","deletePanelDialog","deletePanels","openDeletePanelDialog","closeDeletePanelDialog","useDefaultTimeRange","state","defaultTimeRange"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,iBAAiB,QAAQ,qBAAqB,CAAC;AAExD,OAAO,SAASC,WAAW,GAAG;IAC5B,OAAOD,iBAAiB,CAAC,CAAC,EAAEE,UAAU,CAAA,EAAEC,WAAW,CAAA,EAAE,GAAM,CAAA;YAAED,UAAU;YAAEC,WAAW;SAAE,CAAA,AAAC,CAAC,CAAC;AAC3F,CAAC;AAED,OAAO,SAASC,UAAU,GAAG;IAC3B,OAAOJ,iBAAiB,CACtB,CAAC,EAAEK,OAAO,CAAA,EAAEC,eAAe,CAAA,EAAEC,gBAAgB,CAAA,EAAEC,gBAAgB,CAAA,EAAEC,eAAe,CAAA,EAAEC,gBAAgB,CAAA,EAAE,GAAM,CAAA;YACxGL,OAAO;YACPC,eAAe;YACfC,gBAAgB;YAChBC,gBAAgB;YAChBC,eAAe;YACfC,gBAAgB;SACjB,CAAA,AAAC,CACH,CAAC;AACJ,CAAC;AAED,OAAO,SAASC,mBAAmB,GAAG;IACpC,OAAOX,iBAAiB,CACtB,CAAC,EACCY,gBAAgB,CAAA,EAChBC,oBAAoB,CAAA,EACpBC,qBAAqB,CAAA,EACrBC,sBAAsB,CAAA,EACtBC,0BAA0B,CAAA,EAC1BC,2BAA2B,CAAA,IAC5B,GAAM,CAAA;YACLL,gBAAgB;YAChBC,oBAAoB;YACpBC,qBAAqB;YACrBC,sBAAsB;YACtBC,0BAA0B;YAC1BC,2BAA2B;SAC5B,CAAA,AAAC,CACH,CAAC;AACJ,CAAC;AAED,OAAO,SAASC,SAAS,GAAG;IAC1B,OAAOlB,iBAAiB,CACtB,CAAC,EACCmB,MAAM,CAAA,EACNC,WAAW,CAAA,EACXC,QAAQ,CAAA,EACRC,SAAS,CAAA,EACTC,iBAAiB,CAAA,EACjBC,YAAY,CAAA,EACZC,qBAAqB,CAAA,EACrBC,sBAAsB,CAAA,IACvB,GAAM,CAAA;YACLP,MAAM;YACNC,WAAW;YACXC,QAAQ;YACRC,SAAS;YACTE,YAAY;YACZD,iBAAiB;YACjBE,qBAAqB;YACrBC,sBAAsB;SACvB,CAAA,AAAC,CACH,CAAC;AACJ,CAAC;AAED,OAAO,SAASC,mBAAmB,GAAG;IACpC,OAAO3B,iBAAiB,CAAC,CAAC4B,KAAK,GAAKA,KAAK,CAACC,gBAAgB,CAAC,CAAC;AAC9D,CAAC"}
+{"version":3,"sources":["../../../src/context/DashboardProvider/dashboard-provider-api.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 } from '@perses-dev/core';\nimport { useMemo } from 'react';\nimport { useDashboardStore } from './DashboardProvider';\nimport { PanelGroupItemId, PanelGroupId } from './panel-group-slice';\n\nexport function useEditMode() {\n  return useDashboardStore(({ isEditMode, setEditMode }) => ({ isEditMode, setEditMode }));\n}\n\n/**\n * Returns actions that can be performed on the current dashboard.\n */\nexport function useDashboardActions() {\n  const save = useDashboardStore((store) => store.save);\n  const reset = useDashboardStore((store) => store.reset);\n  const openAddPanelGroup = useDashboardStore((store) => store.openAddPanelGroup);\n  const openAddPanel = useDashboardStore((store) => store.openAddPanel);\n\n  return {\n    save,\n    reset,\n    openAddPanelGroup,\n    openAddPanel: () => openAddPanel(undefined),\n  };\n}\n\n/**\n * Returns an array of PanelGroupIds in the order they appear in the dashboard.\n */\nexport function usePanelGroupIds() {\n  return useDashboardStore((store) => store.panelGroupIdOrder);\n}\n\n/**\n * Returns an array of PanelGroupDefinitions in the order they appear in the dashboard.\n */\nexport function useListPanelGroups() {\n  const panelGroupIds = usePanelGroupIds();\n  const panelGroups = useDashboardStore((store) => store.panelGroups);\n  return useMemo(() => {\n    return panelGroupIds.map((id) => {\n      const group = panelGroups[id];\n      if (group === undefined) {\n        throw new Error(`Invalid panel group Id found ${id}`);\n      }\n      return group;\n    });\n  }, [panelGroupIds, panelGroups]);\n}\n\n/**\n * Gets a specific panel group by its id. Throws if the panel group does not exist.\n */\nexport function usePanelGroup(panelGroupId: PanelGroupId) {\n  const panelGroup = useDashboardStore((store) => store.panelGroups[panelGroupId]);\n  if (panelGroup === undefined) {\n    throw new Error(`Panel group with Id ${panelGroupId} was not found`);\n  }\n  return panelGroup;\n}\n\n/**\n * Returns actions that can be performed on the given panel group.\n */\nexport function usePanelGroupActions(panelGroupId: PanelGroupId) {\n  const { moveUp, moveDown } = useMovePanelGroup(panelGroupId);\n  const openEditPanelGroup = useDashboardStore((store) => store.openEditPanelGroup);\n  const deletePanelGroup = useDashboardStore((store) => store.openDeletePanelGroupDialog);\n  const openAddPanel = useDashboardStore((store) => store.openAddPanel);\n\n  return {\n    openEditPanelGroup: () => openEditPanelGroup(panelGroupId),\n    deletePanelGroup: () => deletePanelGroup(panelGroupId),\n    openAddPanel: () => openAddPanel(panelGroupId),\n    moveUp,\n    moveDown,\n  };\n}\n\n/**\n * Returns functions for moving a panel group up or down. A function will be undefined if the panel group can't be\n * moved in that direction.\n */\nfunction useMovePanelGroup(panelGroupId: PanelGroupId) {\n  const currentIndex = useDashboardStore((store) => store.panelGroupIdOrder.findIndex((id) => id === panelGroupId));\n  const panelGroupsLength = useDashboardStore((store) => store.panelGroupIdOrder.length);\n  const swapPanelGroups = useDashboardStore((store) => store.swapPanelGroups);\n\n  if (currentIndex < 0) {\n    throw new Error(`Could not find panel group with Id ${panelGroupId} in order array`);\n  }\n\n  const moveUp = () => swapPanelGroups(currentIndex, currentIndex - 1);\n  const moveDown = () => swapPanelGroups(currentIndex, currentIndex + 1);\n  return {\n    moveUp: currentIndex > 0 ? moveUp : undefined,\n    moveDown: currentIndex < panelGroupsLength - 1 ? moveDown : undefined,\n  };\n}\n\n/**\n * Gets the Panel Group editor state.\n */\nexport function usePanelGroupEditor() {\n  return useDashboardStore((store) => store.panelGroupEditor);\n}\n\n/**\n * Gets the Delete Panel Group dialog state.\n */\nexport function useDeletePanelGroupDialog() {\n  return useDashboardStore(\n    ({ deletePanelGroupDialog, openDeletePanelGroupDialog, closeDeletePanelGroupDialog, deletePanelGroup }) => ({\n      deletePanelGroupDialog,\n      openDeletePanelGroupDialog,\n      closeDeletePanelGroupDialog,\n      deletePanelGroup,\n    })\n  );\n}\n\n/**\n * Gets an individual panel in the store. Throws if the panel can't be found.\n */\nexport function usePanel(panelGroupItemId: PanelGroupItemId) {\n  const { panelGroupId, itemIndex } = panelGroupItemId;\n\n  const panel = useDashboardStore((store) => {\n    const panelRef = store.panelGroups[panelGroupId]?.items[itemIndex]?.content;\n    if (panelRef === undefined) return;\n    const panelKey = getPanelKeyFromRef(panelRef);\n    return store.panels[panelKey];\n  });\n\n  if (panel === undefined) {\n    throw new Error(`Could not find panel for Id ${panelGroupItemId}`);\n  }\n  return panel;\n}\n\n/**\n * Returns actions that can be performed on the given Panel.\n */\nexport function usePanelActions(panelGroupItemId: PanelGroupItemId) {\n  const openEditPanel = useDashboardStore((store) => store.openEditPanel);\n  const openDeletePanelDialog = useDashboardStore((store) => store.openDeletePanelDialog);\n  return {\n    openEditPanel: () => openEditPanel(panelGroupItemId),\n    openDeletePanelDialog: () => openDeletePanelDialog(panelGroupItemId),\n  };\n}\n\n/**\n * Gets the state for the Panel Editor.\n */\nexport function usePanelEditor() {\n  return useDashboardStore((store) => store.panelEditor);\n}\n\n/**\n * Gets the state for the Delete Panel dialog.\n */\nexport function useDeletePanelDialog() {\n  const deletePanelDialog = useDashboardStore((store) => store.deletePanelDialog);\n  // TODO: Refactor similar to other dialogs/editors so these are on the editor state itself\n  const deletePanels = useDashboardStore((store) => store.deletePanels);\n  const closeDeletePanelDialog = useDashboardStore((store) => store.closeDeletePanelDialog);\n\n  return {\n    deletePanelDialog,\n    deletePanels,\n    closeDeletePanelDialog,\n  };\n}\n\nexport function useDefaultTimeRange() {\n  return useDashboardStore((state) => state.defaultTimeRange);\n}\n"],"names":["getPanelKeyFromRef","useMemo","useDashboardStore","useEditMode","isEditMode","setEditMode","useDashboardActions","save","store","reset","openAddPanelGroup","openAddPanel","undefined","usePanelGroupIds","panelGroupIdOrder","useListPanelGroups","panelGroupIds","panelGroups","map","id","group","Error","usePanelGroup","panelGroupId","panelGroup","usePanelGroupActions","moveUp","moveDown","useMovePanelGroup","openEditPanelGroup","deletePanelGroup","openDeletePanelGroupDialog","currentIndex","findIndex","panelGroupsLength","length","swapPanelGroups","usePanelGroupEditor","panelGroupEditor","useDeletePanelGroupDialog","deletePanelGroupDialog","closeDeletePanelGroupDialog","usePanel","panelGroupItemId","itemIndex","panel","panelRef","items","content","panelKey","panels","usePanelActions","openEditPanel","openDeletePanelDialog","usePanelEditor","panelEditor","useDeletePanelDialog","deletePanelDialog","deletePanels","closeDeletePanelDialog","useDefaultTimeRange","state","defaultTimeRange"],"mappings":"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"}

package/dist/context/DashboardProvider/index.d.ts

@@ -1,3 +1,5 @@
 export * from './dashboard-provider-api';
 export * from './DashboardProvider';
+export type { PanelGroupId, PanelGroupDefinition, PanelGroupItemId as LayoutItem } from './panel-group-slice';
+export type { PanelGroupEditor, PanelGroupEditorValues } from './panel-group-editor-slice';
 //# sourceMappingURL=index.d.ts.map

package/dist/context/DashboardProvider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/index.ts"],"names":[],"mappings":"AAaA,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/index.ts"],"names":[],"mappings":"AAaA,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC9G,YAAY,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/context/DashboardProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/index.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\nexport * from './dashboard-provider-api';\nexport * from './DashboardProvider';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC"}
+{"version":3,"sources":["../../../src/context/DashboardProvider/index.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\nexport * from './dashboard-provider-api';\nexport * from './DashboardProvider';\nexport type { PanelGroupId, PanelGroupDefinition, PanelGroupItemId as LayoutItem } from './panel-group-slice';\nexport type { PanelGroupEditor, PanelGroupEditorValues } from './panel-group-editor-slice';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC"}

package/dist/context/DashboardProvider/{panel-editing-slice.d.ts → panel-editor-slice.d.ts}

@@ -1,39 +1,54 @@
 import { PanelDefinition, UnknownSpec } from '@perses-dev/core';
 import { StateCreator } from 'zustand';
 import { Middleware } from './common';
-import { LayoutSlice, LayoutItem } from './layout-slice';
+import { PanelGroupSlice, PanelGroupItemId, PanelGroupId } from './panel-group-slice';
+/**
+ * Slice that handles the visual editor state and actions for Panels (i.e. add, edit, delete).
+ */
 export interface PanelEditorSlice {
     panels: Record<string, PanelDefinition>;
-    deletePanelDialog?: DeletePanelDialog;
+    previousPanels: Record<string, PanelDefinition>;
     /**
      * State for the panel editor when its open, otherwise undefined when it's closed.
      */
     panelEditor?: PanelEditorState;
     /**
-     * Edit an existing panel by providing its layout coordinates.
+     * Opens the editor for editing an existing panel by providing its layout coordinates.
      */
-    editPanel: (item: LayoutItem) => void;
+    openEditPanel: (item: PanelGroupItemId) => void;
     /**
-     * Add a new Panel to a panel group.
+     * Opens the editor for adding a new Panel to a panel group.
      */
-    addPanel: (initialGroup: number) => void;
+    openAddPanel: (panelGroupId?: PanelGroupId) => void;
     /**
      * Delete panels
      */
-    deletePanels: (panels: LayoutItem[]) => void;
+    deletePanels: (panels: PanelGroupItemId[]) => void;
+    /**
+     * Reset panels to previous state
+     */
+    resetPanels: () => void;
+    /**
+     * Save panels
+     */
+    savePanels: () => void;
+    /**
+     * State for the delete panel dialog when it's open, otherwise undefined when it's closed.
+     */
+    deletePanelDialog?: DeletePanelDialog;
     /**
      * Open delete panel dialog
      */
-    openDeletePanelDialog: (item: LayoutItem) => void;
+    openDeletePanelDialog: (item: PanelGroupItemId) => void;
     /**
      * Close delete panel dialog
      */
     closeDeletePanelDialog: () => void;
 }
 export interface DeletePanelDialog {
-    panelKey: string;
+    panelGroupItemId: PanelGroupItemId;
     panelName: string;
-    layoutItem: LayoutItem;
+    panelGroupName: string;
 }
 export interface PanelEditorState {
     /**
@@ -59,12 +74,12 @@ export interface PanelEditorState {
 export interface PanelEditorValues {
     name: string;
     description: string;
-    groupIndex: number;
+    groupId: PanelGroupId;
     kind: string;
     spec: UnknownSpec;
 }
 /**
  * Curried function for creating the PanelEditorSlice.
  */
-export declare function createPanelEditorSlice(panels: PanelEditorSlice['panels']): StateCreator<PanelEditorSlice & LayoutSlice, Middleware, [], PanelEditorSlice>;
-//# sourceMappingURL=panel-editing-slice.d.ts.map
+export declare function createPanelEditorSlice(panels: PanelEditorSlice['panels']): StateCreator<PanelEditorSlice & 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.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEtF;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAE/B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IACxC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAEhD;;OAEG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAE/B;;OAEG;IACH,aAAa,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEhD;;OAEG;IACH,YAAY,EAAE,CAAC,YAAY,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;IAEpD;;OAEG;IACH,YAAY,EAAE,CAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IAEnD;;OAEG;IACH,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,CAAC;IAEvB;;OAEG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAEtC;;OAEG;IACH,qBAAqB,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAExD;;OAEG;IACH,sBAAsB,EAAE,MAAM,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,iBAAiB;IAChC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;CACxB;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,CACpC,MAAM,EAAE,gBAAgB,CAAC,QAAQ,CAAC,GACjC,YAAY,CAAC,gBAAgB,GAAG,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE,gBAAgB,CAAC,CA+IpF"}

package/dist/context/DashboardProvider/{panel-editing-slice.js → panel-editor-slice.js}

@@ -17,9 +17,20 @@ import { removeWhiteSpacesAndSpecialCharacters } from '../../utils/functions';
     // Return the state creator function for Zustand that uses the panels provided as intitial state
     return (set, get)=>{
         return {
+            previousPanels: panels,
             panels,
             panelEditor: undefined,
-            editPanel (item) {
+            savePanels () {
+                set((state)=>{
+                    state.previousPanels = state.panels;
+                });
+            },
+            resetPanels () {
+                set((state)=>{
+                    state.panels = state.previousPanels;
+                });
+            },
+            openEditPanel (item) {
                 const { panels , getPanelKey  } = get();
                 // Ask the layout store for the panel key at that location
                 const panelKey = getPanelKey(item);
@@ -34,7 +45,7 @@ import { removeWhiteSpacesAndSpecialCharacters } from '../../utils/functions';
                     initialValues: {
                         name: panelToEdit.spec.display.name,
                         description: (_description = panelToEdit.spec.display.description) !== null && _description !== void 0 ? _description : '',
-                        groupIndex: item.groupIndex,
+                        groupId: item.panelGroupId,
                         kind: panelToEdit.spec.plugin.kind,
                         spec: panelToEdit.spec.plugin.spec
                     },
@@ -44,8 +55,8 @@ import { removeWhiteSpacesAndSpecialCharacters } from '../../utils/functions';
                             state.panels[panelKey] = panelDefinititon;
                         });
                         // Move the panel to another group if it changed
-                        if (next.groupIndex !== item.groupIndex) {
-                            get().movePanelToGroup(item, next.groupIndex);
+                        if (next.groupId !== item.panelGroupId) {
+                            get().movePanelToGroup(item, next.groupId);
                         }
                     },
                     close: ()=>{
@@ -59,13 +70,21 @@ import { removeWhiteSpacesAndSpecialCharacters } from '../../utils/functions';
                     state.panelEditor = editorState;
                 });
             },
-            addPanel (initialGroup) {
+            openAddPanel (panelGroupId) {
+                // If a panel group isn't supplied, add to the first group
+                if (panelGroupId === undefined) {
+                    const firstGroupId = get().panelGroupIdOrder[0];
+                    if (firstGroupId === undefined) {
+                        throw new Error('No panel groups to add a panel to');
+                    }
+                    panelGroupId = firstGroupId;
+                }
                 const editorState = {
                     mode: 'Add',
                     initialValues: {
                         name: '',
                         description: '',
-                        groupIndex: initialGroup,
+                        groupId: panelGroupId,
                         // TODO: If we knew what plugins were available (and how to create the initial spec), we might be able to
                         // set a smarter default here?
                         kind: '',
@@ -77,7 +96,7 @@ import { removeWhiteSpacesAndSpecialCharacters } from '../../utils/functions';
                         set((state)=>{
                             state.panels[panelKey] = panelDef;
                         });
-                        get().addPanelToGroup(panelKey, next.groupIndex);
+                        get().addPanelToGroup(panelKey, next.groupId);
                     },
                     close: ()=>{
                         set((state)=>{
@@ -112,15 +131,15 @@ import { removeWhiteSpacesAndSpecialCharacters } from '../../utils/functions';
                 });
             },
             openDeletePanelDialog (item) {
+                const { panels , getPanelKey , panelGroups  } = get();
+                const panelKey = getPanelKey(item);
                 set((state)=>{
-                    var ref;
-                    const { panels , getPanelKey  } = get();
-                    const panelKey = getPanelKey(item);
-                    var _name;
+                    var ref, ref1;
+                    var _name, ref2;
                     state.deletePanelDialog = {
-                        panelKey,
+                        panelGroupItemId: item,
                         panelName: (_name = (ref = panels[panelKey]) === null || ref === void 0 ? void 0 : ref.spec.display.name) !== null && _name !== void 0 ? _name : '',
-                        layoutItem: item
+                        panelGroupName: (ref2 = (ref1 = panelGroups[item.panelGroupId]) === null || ref1 === void 0 ? void 0 : ref1.title) !== null && ref2 !== void 0 ? ref2 : ''
                     };
                 });
             },
@@ -149,4 +168,4 @@ function createPanelDefinitionFromEditorValues(editorValues) {
     };
 }
 
-//# sourceMappingURL=panel-editing-slice.js.map
+//# 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.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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"}

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

@@ -0,0 +1,40 @@
+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;
+}
+export interface DeletePanelGroupDialog {
+    panelGroupId: PanelGroupId;
+    panelGroupName?: string;
+}
+/**
+ * Slice that handles the visual editor state and actions for Panel Groups (i.e. add, edit, delete).
+ */
+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;
+    deletePanelGroupDialog?: DeletePanelGroupDialog;
+    openDeletePanelGroupDialog: (panelGroupId: PanelGroupId) => void;
+    closeDeletePanelGroupDialog: () => 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.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"}