@perses-dev/dashboards 0.10.0 → 0.12.0

package/dist/components/index.d.ts

@@ -2,6 +2,7 @@ export * from './Dashboard';
 export * from './GridLayout';
 export * from './Panel';
 export * from './PanelDrawer';
+export * from './PanelGroupDialog';
 export * from './TimeRangeControls';
 export * from './Variables';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAaA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAaA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC"}

package/dist/components/index.js

@@ -14,6 +14,7 @@ export * from './Dashboard';
 export * from './GridLayout';
 export * from './Panel';
 export * from './PanelDrawer';
+export * from './PanelGroupDialog';
 export * from './TimeRangeControls';
 export * from './Variables';
 

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/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';\nexport * from './GridLayout';\nexport * from './Panel';\nexport * from './PanelDrawer';\nexport * from './TimeRangeControls';\nexport * from './Variables';\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,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC"}
+{"version":3,"sources":["../../src/components/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';\nexport * from './GridLayout';\nexport * from './Panel';\nexport * from './PanelDrawer';\nexport * from './PanelGroupDialog';\nexport * from './TimeRangeControls';\nexport * from './Variables';\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,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC"}

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

@@ -1,13 +1,18 @@
 /// <reference types="react" />
 import type { StoreApi } from 'zustand';
-import { DashboardSpec, DurationString } from '@perses-dev/core';
+import { DashboardSpec, RelativeTimeRange } from '@perses-dev/core';
+import { PanelGroupEditorSlice } from './panel-group-editor-slice';
 import { PanelGroupSlice } from './panel-group-slice';
-import { LayoutSlice } from './layout-slice';
-import { PanelEditorSlice } from './panel-editing-slice';
-export interface DashboardStoreState extends PanelGroupSlice, LayoutSlice, PanelEditorSlice {
-    defaultTimeRange: DurationString;
+import { PanelEditorSlice } from './panel-editor-slice';
+import { PanelSlice } from './panel-slice';
+import { DeletePanelGroupSlice } from './delete-panel-group-slice';
+import { DeletePanelSlice } from './delete-panel-slice';
+export interface DashboardStoreState extends PanelGroupSlice, PanelSlice, PanelGroupEditorSlice, DeletePanelGroupSlice, PanelEditorSlice, DeletePanelSlice {
     isEditMode: boolean;
     setEditMode: (isEditMode: boolean) => void;
+    defaultTimeRange: RelativeTimeRange;
+    reset: () => void;
+    save: () => void;
 }
 export interface DashboardStoreProps {
     dashboardSpec: DashboardSpec;

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardProvider.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/DashboardProvider.tsx"],"names":[],"mappings":";AAcA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAKxC,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAyB,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC7E,OAAO,EAAqB,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAA0B,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEjF,MAAM,WAAW,mBAAoB,SAAQ,eAAe,EAAE,WAAW,EAAE,gBAAgB;IACzF,gBAAgB,EAAE,cAAc,CAAC;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,aAAa,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,mBAAmB,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,gBAAgB,oEAAsE,CAAC;AAEpG,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,CAAC,KAM/E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eA6B9D"}
+{"version":3,"file":"DashboardProvider.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/DashboardProvider.tsx"],"names":[],"mappings":";AAcA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAKxC,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAA+B,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAChG,OAAO,EAAyB,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC7E,OAAO,EAA0B,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAoB,UAAU,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAA+B,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAChG,OAAO,EAA0B,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAEhF,MAAM,WAAW,mBACf,SAAQ,eAAe,EACrB,UAAU,EACV,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,EAChB,gBAAgB;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB;AAED,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,aAAa,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,mBAAmB,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,gBAAgB,oEAAsE,CAAC;AAEpG,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,CAAC,KAM/E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eA0C9D"}

package/dist/context/DashboardProvider/DashboardProvider.js

@@ -16,9 +16,12 @@ import { devtools } from 'zustand/middleware';
 import { immer } from 'zustand/middleware/immer';
 import shallow from 'zustand/shallow';
 import { createContext, useContext } from 'react';
+import { createPanelGroupEditorSlice } from './panel-group-editor-slice';
 import { createPanelGroupSlice } from './panel-group-slice';
-import { createLayoutSlice } from './layout-slice';
-import { createPanelEditorSlice } from './panel-editing-slice';
+import { createPanelEditorSlice } from './panel-editor-slice';
+import { createPanelSlice } from './panel-slice';
+import { createDeletePanelGroupSlice } from './delete-panel-group-slice';
+import { createDeletePanelSlice } from './delete-panel-slice';
 export const DashboardContext = /*#__PURE__*/ createContext(undefined);
 export function useDashboardStore(selector) {
     const store = useContext(DashboardContext);
@@ -31,16 +34,31 @@ export function DashboardProvider(props) {
     const { children , initialState: { dashboardSpec , isEditMode  } ,  } = props;
     const { layouts , panels  } = dashboardSpec;
     const dashboardStore = createStore()(immer(devtools((...args)=>{
-        const [set] = args;
+        const [set, get] = args;
         return {
-            ...createPanelGroupSlice(...args),
-            ...createLayoutSlice(layouts)(...args),
-            ...createPanelEditorSlice(panels)(...args),
-            defaultTimeRange: dashboardSpec.duration,
+            ...createPanelGroupSlice(layouts)(...args),
+            ...createPanelSlice(panels)(...args),
+            ...createPanelGroupEditorSlice(...args),
+            ...createDeletePanelGroupSlice(...args),
+            ...createPanelEditorSlice()(...args),
+            ...createDeletePanelSlice()(...args),
+            defaultTimeRange: {
+                pastDuration: dashboardSpec.duration
+            },
             isEditMode: !!isEditMode,
             setEditMode: (isEditMode)=>set({
                     isEditMode
-                })
+                }),
+            reset: ()=>{
+                const { resetPanels , resetPanelGroups  } = get();
+                resetPanels();
+                resetPanelGroups();
+            },
+            save: ()=>{
+                const { savePanels , savePanelGroups  } = get();
+                savePanels();
+                savePanelGroups();
+            }
         };
     })));
     return /*#__PURE__*/ _jsx(DashboardContext.Provider, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/DashboardProvider.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 { createStore, useStore } from 'zustand';\nimport type { StoreApi } from 'zustand';\nimport { devtools } from 'zustand/middleware';\nimport { immer } from 'zustand/middleware/immer';\nimport shallow from 'zustand/shallow';\nimport { createContext, useContext } from 'react';\nimport { DashboardSpec, DurationString } from '@perses-dev/core';\nimport { createPanelGroupSlice, PanelGroupSlice } from './panel-group-slice';\nimport { createLayoutSlice, LayoutSlice } from './layout-slice';\nimport { createPanelEditorSlice, PanelEditorSlice } from './panel-editing-slice';\n\nexport interface DashboardStoreState extends PanelGroupSlice, LayoutSlice, PanelEditorSlice {\n  defaultTimeRange: DurationString;\n  isEditMode: boolean;\n  setEditMode: (isEditMode: boolean) => void;\n}\n\nexport interface DashboardStoreProps {\n  dashboardSpec: DashboardSpec;\n  isEditMode?: boolean;\n}\n\nexport interface DashboardProviderProps {\n  initialState: DashboardStoreProps;\n  children?: React.ReactNode;\n}\n\nexport const DashboardContext = createContext<StoreApi<DashboardStoreState> | undefined>(undefined);\n\nexport function useDashboardStore<T>(selector: (state: DashboardStoreState) => T) {\n  const store = useContext(DashboardContext);\n  if (store === undefined) {\n    throw new Error('No DashboardContext found. Did you forget a Provider?');\n  }\n  return useStore(store, selector, shallow);\n}\n\nexport function DashboardProvider(props: DashboardProviderProps) {\n  const {\n    children,\n    initialState: { dashboardSpec, isEditMode },\n  } = props;\n\n  const { layouts, panels } = dashboardSpec;\n\n  const dashboardStore = createStore<DashboardStoreState>()(\n    immer(\n      devtools((...args) => {\n        const [set] = args;\n        return {\n          ...createPanelGroupSlice(...args),\n          ...createLayoutSlice(layouts)(...args),\n          ...createPanelEditorSlice(panels)(...args),\n          defaultTimeRange: dashboardSpec.duration,\n          isEditMode: !!isEditMode,\n          setEditMode: (isEditMode: boolean) => set({ isEditMode }),\n        };\n      })\n    )\n  );\n\n  return (\n    <DashboardContext.Provider value={dashboardStore as StoreApi<DashboardStoreState>}>\n      {children}\n    </DashboardContext.Provider>\n  );\n}\n"],"names":["createStore","useStore","devtools","immer","shallow","createContext","useContext","createPanelGroupSlice","createLayoutSlice","createPanelEditorSlice","DashboardContext","undefined","useDashboardStore","selector","store","Error","DashboardProvider","props","children","initialState","dashboardSpec","isEditMode","layouts","panels","dashboardStore","args","set","defaultTimeRange","duration","setEditMode","Provider","value"],"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;AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,SAAS,CAAC;AAEhD,SAASC,QAAQ,QAAQ,oBAAoB,CAAC;AAC9C,SAASC,KAAK,QAAQ,0BAA0B,CAAC;AACjD,OAAOC,OAAO,MAAM,iBAAiB,CAAC;AACtC,SAASC,aAAa,EAAEC,UAAU,QAAQ,OAAO,CAAC;AAElD,SAASC,qBAAqB,QAAyB,qBAAqB,CAAC;AAC7E,SAASC,iBAAiB,QAAqB,gBAAgB,CAAC;AAChE,SAASC,sBAAsB,QAA0B,uBAAuB,CAAC;AAkBjF,OAAO,MAAMC,gBAAgB,iBAAGL,aAAa,CAA4CM,SAAS,CAAC,CAAC;AAEpG,OAAO,SAASC,iBAAiB,CAAIC,QAA2C,EAAE;IAChF,MAAMC,KAAK,GAAGR,UAAU,CAACI,gBAAgB,CAAC,AAAC;IAC3C,IAAII,KAAK,KAAKH,SAAS,EAAE;QACvB,MAAM,IAAII,KAAK,CAAC,uDAAuD,CAAC,CAAC;IAC3E,CAAC;IACD,OAAOd,QAAQ,CAACa,KAAK,EAAED,QAAQ,EAAET,OAAO,CAAC,CAAC;AAC5C,CAAC;AAED,OAAO,SAASY,iBAAiB,CAACC,KAA6B,EAAE;IAC/D,MAAM,EACJC,QAAQ,CAAA,EACRC,YAAY,EAAE,EAAEC,aAAa,CAAA,EAAEC,UAAU,CAAA,EAAE,CAAA,IAC5C,GAAGJ,KAAK,AAAC;IAEV,MAAM,EAAEK,OAAO,CAAA,EAAEC,MAAM,CAAA,EAAE,GAAGH,aAAa,AAAC;IAE1C,MAAMI,cAAc,GAAGxB,WAAW,EAAuB,CACvDG,KAAK,CACHD,QAAQ,CAAC,CAAIuB,GAAAA,IAAI,GAAK;QACpB,MAAM,CAACC,GAAG,CAAC,GAAGD,IAAI,AAAC;QACnB,OAAO;YACL,GAAGlB,qBAAqB,IAAIkB,IAAI,CAAC;YACjC,GAAGjB,iBAAiB,CAACc,OAAO,CAAC,IAAIG,IAAI,CAAC;YACtC,GAAGhB,sBAAsB,CAACc,MAAM,CAAC,IAAIE,IAAI,CAAC;YAC1CE,gBAAgB,EAAEP,aAAa,CAACQ,QAAQ;YACxCP,UAAU,EAAE,CAAC,CAACA,UAAU;YACxBQ,WAAW,EAAE,CAACR,UAAmB,GAAKK,GAAG,CAAC;oBAAEL,UAAU;iBAAE,CAAC;SAC1D,CAAC;IACJ,CAAC,CAAC,CACH,CACF,AAAC;IAEF,qBACE,KAACX,gBAAgB,CAACoB,QAAQ;QAACC,KAAK,EAAEP,cAAc;kBAC7CN,QAAQ;MACiB,CAC5B;AACJ,CAAC"}
+{"version":3,"sources":["../../../src/context/DashboardProvider/DashboardProvider.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 { createStore, useStore } from 'zustand';\nimport type { StoreApi } from 'zustand';\nimport { devtools } from 'zustand/middleware';\nimport { immer } from 'zustand/middleware/immer';\nimport shallow from 'zustand/shallow';\nimport { createContext, useContext } from 'react';\nimport { DashboardSpec, RelativeTimeRange } from '@perses-dev/core';\nimport { createPanelGroupEditorSlice, PanelGroupEditorSlice } from './panel-group-editor-slice';\nimport { createPanelGroupSlice, PanelGroupSlice } from './panel-group-slice';\nimport { createPanelEditorSlice, PanelEditorSlice } from './panel-editor-slice';\nimport { createPanelSlice, PanelSlice } from './panel-slice';\nimport { createDeletePanelGroupSlice, DeletePanelGroupSlice } from './delete-panel-group-slice';\nimport { createDeletePanelSlice, DeletePanelSlice } from './delete-panel-slice';\n\nexport interface DashboardStoreState\n  extends PanelGroupSlice,\n    PanelSlice,\n    PanelGroupEditorSlice,\n    DeletePanelGroupSlice,\n    PanelEditorSlice,\n    DeletePanelSlice {\n  isEditMode: boolean;\n  setEditMode: (isEditMode: boolean) => void;\n  defaultTimeRange: RelativeTimeRange;\n  reset: () => void;\n  save: () => void;\n}\n\nexport interface DashboardStoreProps {\n  dashboardSpec: DashboardSpec;\n  isEditMode?: boolean;\n}\n\nexport interface DashboardProviderProps {\n  initialState: DashboardStoreProps;\n  children?: React.ReactNode;\n}\n\nexport const DashboardContext = createContext<StoreApi<DashboardStoreState> | undefined>(undefined);\n\nexport function useDashboardStore<T>(selector: (state: DashboardStoreState) => T) {\n  const store = useContext(DashboardContext);\n  if (store === undefined) {\n    throw new Error('No DashboardContext found. Did you forget a Provider?');\n  }\n  return useStore(store, selector, shallow);\n}\n\nexport function DashboardProvider(props: DashboardProviderProps) {\n  const {\n    children,\n    initialState: { dashboardSpec, isEditMode },\n  } = props;\n\n  const { layouts, panels } = dashboardSpec;\n\n  const dashboardStore = createStore<DashboardStoreState>()(\n    immer(\n      devtools((...args) => {\n        const [set, get] = args;\n        return {\n          ...createPanelGroupSlice(layouts)(...args),\n          ...createPanelSlice(panels)(...args),\n          ...createPanelGroupEditorSlice(...args),\n          ...createDeletePanelGroupSlice(...args),\n          ...createPanelEditorSlice()(...args),\n          ...createDeletePanelSlice()(...args),\n          defaultTimeRange: { pastDuration: dashboardSpec.duration },\n          isEditMode: !!isEditMode,\n          setEditMode: (isEditMode: boolean) => set({ isEditMode }),\n          reset: () => {\n            const { resetPanels, resetPanelGroups } = get();\n            resetPanels();\n            resetPanelGroups();\n          },\n          save: () => {\n            const { savePanels, savePanelGroups } = get();\n            savePanels();\n            savePanelGroups();\n          },\n        };\n      })\n    )\n  );\n\n  return (\n    <DashboardContext.Provider value={dashboardStore as StoreApi<DashboardStoreState>}>\n      {children}\n    </DashboardContext.Provider>\n  );\n}\n"],"names":["createStore","useStore","devtools","immer","shallow","createContext","useContext","createPanelGroupEditorSlice","createPanelGroupSlice","createPanelEditorSlice","createPanelSlice","createDeletePanelGroupSlice","createDeletePanelSlice","DashboardContext","undefined","useDashboardStore","selector","store","Error","DashboardProvider","props","children","initialState","dashboardSpec","isEditMode","layouts","panels","dashboardStore","args","set","get","defaultTimeRange","pastDuration","duration","setEditMode","reset","resetPanels","resetPanelGroups","save","savePanels","savePanelGroups","Provider","value"],"mappings":"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"}

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

@@ -2,4 +2,11 @@
  * The middleware applied to the DashboardStore (can be used as generic argument in StateCreator).
  */
 export declare type Middleware = [['zustand/immer', never], ['zustand/devtools', never]];
+declare global {
+    var dashboardStoreId: number | undefined;
+}
+/**
+ * Helper function to generate unique IDs for things in the dashboard store that don't have a "natural" ID.
+ */
+export declare function generateId(): number;
 //# sourceMappingURL=common.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/common.ts"],"names":[],"mappings":"AAaA;;GAEG;AACH,oBAAY,UAAU,GAAG,CAAC,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC,CAAC"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/common.ts"],"names":[],"mappings":"AAaA;;GAEG;AACH,oBAAY,UAAU,GAAG,CAAC,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC,CAAC;AAEjF,OAAO,CAAC,MAAM,CAAC;IAEb,IAAI,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1C;AAED;;GAEG;AACH,wBAAgB,UAAU,WAKzB"}

package/dist/context/DashboardProvider/common.js

@@ -12,6 +12,13 @@
 // limitations under the License.
 /**
  * The middleware applied to the DashboardStore (can be used as generic argument in StateCreator).
- */ export { };
+ */ /**
+ * Helper function to generate unique IDs for things in the dashboard store that don't have a "natural" ID.
+ */ export function generateId() {
+    if (globalThis.dashboardStoreId === undefined) {
+        globalThis.dashboardStoreId = -1;
+    }
+    return globalThis.dashboardStoreId++;
+}
 
 //# sourceMappingURL=common.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/common.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\n/**\n * The middleware applied to the DashboardStore (can be used as generic argument in StateCreator).\n */\nexport type Middleware = [['zustand/immer', never], ['zustand/devtools', never]];\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;;CAEC,GACD,WAAiF"}
+{"version":3,"sources":["../../../src/context/DashboardProvider/common.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\n/**\n * The middleware applied to the DashboardStore (can be used as generic argument in StateCreator).\n */\nexport type Middleware = [['zustand/immer', never], ['zustand/devtools', never]];\n\ndeclare global {\n  // eslint-disable-next-line no-var\n  var dashboardStoreId: number | undefined;\n}\n\n/**\n * Helper function to generate unique IDs for things in the dashboard store that don't have a \"natural\" ID.\n */\nexport function generateId() {\n  if (globalThis.dashboardStoreId === undefined) {\n    globalThis.dashboardStoreId = -1;\n  }\n  return globalThis.dashboardStoreId++;\n}\n"],"names":["generateId","globalThis","dashboardStoreId","undefined"],"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;;CAEC,GACD,AAOA;;CAEC,GACD,OAAO,SAASA,UAAU,GAAG;IAC3B,IAAIC,UAAU,CAACC,gBAAgB,KAAKC,SAAS,EAAE;QAC7CF,UAAU,CAACC,gBAAgB,GAAG,CAAC,CAAC,CAAC;IACnC,CAAC;IACD,OAAOD,UAAU,CAACC,gBAAgB,EAAE,CAAC;AACvC,CAAC"}

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

@@ -1,32 +1,75 @@
+import { PanelGroupItemId, PanelGroupId, PanelGroupItemLayout } 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;
+    updatePanelGroupLayouts: (itemLayouts: PanelGroupItemLayout[]) => void;
+};
+/**
+ * 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("./delete-panel-group-slice").DeletePanelGroupDialogState | 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("./delete-panel-slice").DeletePanelDialogState | undefined;
+    deletePanel: (panelGroupItemId: 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":"AAeA,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAE3F,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;;;;;;2CAapB,oBAAoB,EAAE;EAGhE;AAuBD;;GAEG;AACH,wBAAgB,mBAAmB,sEAElC;AAED;;GAEG;AACH,wBAAgB,yBAAyB;;;;;EASxC;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,sFAa1D;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,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 { useMemo } from 'react';
 import { useDashboardStore } from './DashboardProvider';
 export function useEditMode() {
     return useDashboardStore(({ isEditMode , setEditMode  })=>({
@@ -17,37 +18,143 @@ 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.panelGroupOrder);
+}
+/**
+ * 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);
+    const updatePanelGroupLayouts = useDashboardStore((store)=>store.updatePanelGroupLayouts);
+    return {
+        openEditPanelGroup: ()=>openEditPanelGroup(panelGroupId),
+        deletePanelGroup: ()=>deletePanelGroup(panelGroupId),
+        openAddPanel: ()=>openAddPanel(panelGroupId),
+        moveUp,
+        moveDown,
+        updatePanelGroupLayouts: (itemLayouts)=>updatePanelGroupLayouts(panelGroupId, itemLayouts)
+    };
+}
+/**
+ * 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.panelGroupOrder.findIndex((id)=>id === panelGroupId));
+    const panelGroupsLength = useDashboardStore((store)=>store.panelGroupOrder.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 , panelGroupItemLayoutId: panelGroupLayoutId  } = panelGroupItemId;
+    const panel = useDashboardStore((store)=>{
+        var ref;
+        const panelKey = (ref = store.panelGroups[panelGroupId]) === null || ref === void 0 ? void 0 : ref.itemPanelKeys[panelGroupLayoutId];
+        if (panelKey === undefined) return;
+        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 deletePanel = useDashboardStore((store)=>store.deletePanel);
+    const closeDeletePanelDialog = useDashboardStore((store)=>store.closeDeletePanelDialog);
+    return {
+        deletePanelDialog,
+        deletePanel,
+        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 { useMemo } from 'react';\nimport { useDashboardStore } from './DashboardProvider';\nimport { PanelGroupItemId, PanelGroupId, PanelGroupItemLayout } 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.panelGroupOrder);\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  const updatePanelGroupLayouts = useDashboardStore((store) => store.updatePanelGroupLayouts);\n\n  return {\n    openEditPanelGroup: () => openEditPanelGroup(panelGroupId),\n    deletePanelGroup: () => deletePanelGroup(panelGroupId),\n    openAddPanel: () => openAddPanel(panelGroupId),\n    moveUp,\n    moveDown,\n    updatePanelGroupLayouts: (itemLayouts: PanelGroupItemLayout[]) =>\n      updatePanelGroupLayouts(panelGroupId, itemLayouts),\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.panelGroupOrder.findIndex((id) => id === panelGroupId));\n  const panelGroupsLength = useDashboardStore((store) => store.panelGroupOrder.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, panelGroupItemLayoutId: panelGroupLayoutId } = panelGroupItemId;\n\n  const panel = useDashboardStore((store) => {\n    const panelKey = store.panelGroups[panelGroupId]?.itemPanelKeys[panelGroupLayoutId];\n    if (panelKey === undefined) return;\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 deletePanel = useDashboardStore((store) => store.deletePanel);\n  const closeDeletePanelDialog = useDashboardStore((store) => store.closeDeletePanelDialog);\n\n  return {\n    deletePanelDialog,\n    deletePanel,\n    closeDeletePanelDialog,\n  };\n}\n\nexport function useDefaultTimeRange() {\n  return useDashboardStore((state) => state.defaultTimeRange);\n}\n"],"names":["useMemo","useDashboardStore","useEditMode","isEditMode","setEditMode","useDashboardActions","save","store","reset","openAddPanelGroup","openAddPanel","undefined","usePanelGroupIds","panelGroupOrder","useListPanelGroups","panelGroupIds","panelGroups","map","id","group","Error","usePanelGroup","panelGroupId","panelGroup","usePanelGroupActions","moveUp","moveDown","useMovePanelGroup","openEditPanelGroup","deletePanelGroup","openDeletePanelGroupDialog","updatePanelGroupLayouts","itemLayouts","currentIndex","findIndex","panelGroupsLength","length","swapPanelGroups","usePanelGroupEditor","panelGroupEditor","useDeletePanelGroupDialog","deletePanelGroupDialog","closeDeletePanelGroupDialog","usePanel","panelGroupItemId","panelGroupItemLayoutId","panelGroupLayoutId","panel","panelKey","itemPanelKeys","panels","usePanelActions","openEditPanel","openDeletePanelDialog","usePanelEditor","panelEditor","useDeletePanelDialog","deletePanelDialog","deletePanel","closeDeletePanelDialog","useDefaultTimeRange","state","defaultTimeRange"],"mappings":"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"}

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

@@ -0,0 +1,23 @@
+import { StateCreator } from 'zustand';
+import { Middleware } from './common';
+import { PanelGroupId, PanelGroupSlice } from './panel-group-slice';
+import { PanelSlice } from './panel-slice';
+/**
+ * Slice that handles the visual editor state and related actions for deleting a Panel Group.
+ */
+export interface DeletePanelGroupSlice {
+    deletePanelGroupDialog?: DeletePanelGroupDialogState;
+    /**
+     * Delete panel group and all the panels within the group
+     */
+    deletePanelGroup: (panelGroupId: PanelGroupId) => void;
+    openDeletePanelGroupDialog: (panelGroupId: PanelGroupId) => void;
+    closeDeletePanelGroupDialog: () => void;
+}
+export interface DeletePanelGroupDialogState {
+    panelGroupId: PanelGroupId;
+    panelGroupName?: string;
+}
+export declare const createDeletePanelGroupSlice: StateCreator<DeletePanelGroupSlice & PanelGroupSlice & PanelSlice, Middleware, [
+], DeletePanelGroupSlice>;
+//# sourceMappingURL=delete-panel-group-slice.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"delete-panel-group-slice.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/delete-panel-group-slice.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,sBAAsB,CAAC,EAAE,2BAA2B,CAAC;IAErD;;OAEG;IACH,gBAAgB,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IAEvD,0BAA0B,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IACjE,2BAA2B,EAAE,MAAM,IAAI,CAAC;CACzC;AAED,MAAM,WAAW,2BAA2B;IAC1C,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,2BAA2B,EAAE,YAAY,CAEpD,qBAAqB,GAAG,eAAe,GAAG,UAAU,EACpD,UAAU,EACV;CAAE,EACF,qBAAqB,CA6CrB,CAAC"}

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

@@ -0,0 +1,64 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+export const createDeletePanelGroupSlice = (set, get)=>({
+        deletePanelGroup (panelGroupId) {
+            const { panelGroups , panelGroupOrder  } = get();
+            const group = panelGroups[panelGroupId];
+            const idIndex = panelGroupOrder.findIndex((id)=>id === panelGroupId);
+            if (group === undefined || idIndex === -1) {
+                throw new Error(`Panel group ${panelGroupId} not found`);
+            }
+            // Get the panel keys for all the panel items in the group we're going to delete
+            const panelKeys = Object.values(group.itemPanelKeys);
+            set((draft)=>{
+                // Delete the panel group which also deletes all its items
+                delete draft.panelGroups[panelGroupId];
+                draft.panelGroupOrder.splice(idIndex, 1);
+                // Get all remaining panel keys in use
+                const usedPanelKeys = getUsedPanelKeys(draft.panelGroups);
+                // For the panel keys of the items that were just deleted, see if they're still used and if not, also delete the
+                // panel definition
+                for (const panelKey of panelKeys){
+                    if (usedPanelKeys.has(panelKey)) continue;
+                    delete draft.panels[panelKey];
+                }
+            });
+        },
+        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;
+            })
+    });
+// Helper to get the panel keys of all groups, returning a set to eliminate duplicates
+function getUsedPanelKeys(panelGroups) {
+    const usedPanelKeys = new Set();
+    for (const group of Object.values(panelGroups)){
+        for (const panelKey of Object.values(group.itemPanelKeys)){
+            usedPanelKeys.add(panelKey);
+        }
+    }
+    return usedPanelKeys;
+}
+
+//# sourceMappingURL=delete-panel-group-slice.js.map