@perses-dev/dashboards 0.10.0 → 0.12.0

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

@@ -1,15 +1,64 @@
+import { LayoutDefinition } from '@perses-dev/core';
+import { Layout } from 'react-grid-layout';
 import { StateCreator } from 'zustand';
 import { Middleware } from './common';
-export interface PanelGroupDialog {
-    groupIndex?: number;
-}
+/**
+ * Slice with the state of Panel Groups, as well as any actions that modify only Panel Group state.
+ */
 export interface PanelGroupSlice {
-    panelGroupDialog?: PanelGroupDialog;
-    openPanelGroupDialog: (groupIndex?: number) => void;
-    closePanelGroupDialog: () => void;
-    deletePanelGroupDialog?: PanelGroupDialog;
-    openDeletePanelGroupDialog: (groupIndex: number) => void;
-    closeDeletePanelGroupDialog: () => void;
-}
-export declare const createPanelGroupSlice: StateCreator<PanelGroupSlice, Middleware, [], PanelGroupSlice>;
+    /**
+     * Panel groups indexed by their ID.
+     */
+    panelGroups: Record<PanelGroupId, PanelGroupDefinition>;
+    /**
+     * An array of panel group IDs, representing their order in the dashboard.
+     */
+    panelGroupOrder: PanelGroupId[];
+    /**
+     * previous state
+     */
+    previousPanelGroupState: {
+        panelGroups: PanelGroupSlice['panelGroups'];
+        panelGroupIdOrder: PanelGroupSlice['panelGroupOrder'];
+    };
+    /**
+     * Rearrange the order of panel groups by swapping the positions
+     */
+    swapPanelGroups: (xIndex: number, yIndex: number) => void;
+    /**
+     * Update the item layouts for a panel group when, for example, a panel is moved or resized.
+     */
+    updatePanelGroupLayouts: (panelGroupId: PanelGroupId, itemLayouts: PanelGroupDefinition['itemLayouts']) => void;
+    /**
+     * save
+     */
+    savePanelGroups: () => void;
+    /**
+     * reset to previous panel group states
+     */
+    resetPanelGroups: () => void;
+}
+export declare type PanelGroupId = number;
+export interface PanelGroupDefinition {
+    id: PanelGroupId;
+    isCollapsed: boolean;
+    title?: string;
+    itemLayouts: PanelGroupItemLayout[];
+    itemPanelKeys: Record<PanelGroupItemLayoutId, string>;
+}
+export interface PanelGroupItemLayout extends Layout {
+    i: PanelGroupItemLayoutId;
+}
+export declare type PanelGroupItemLayoutId = string;
+/**
+ * Uniquely identifies an item in a PanelGroup.
+ */
+export interface PanelGroupItemId {
+    panelGroupId: PanelGroupId;
+    panelGroupItemLayoutId: PanelGroupItemLayoutId;
+}
+/**
+ * Curried function for creating a PanelGroupSlice.
+ */
+export declare function createPanelGroupSlice(layouts: LayoutDefinition[]): StateCreator<PanelGroupSlice, Middleware, [], PanelGroupSlice>;
 //# sourceMappingURL=panel-group-slice.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"panel-group-slice.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/panel-group-slice.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,oBAAoB,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,sBAAsB,CAAC,EAAE,gBAAgB,CAAC;IAC1C,0BAA0B,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,2BAA2B,EAAE,MAAM,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,qBAAqB,EAAE,YAAY,CAAC,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE,eAAe,CAiB/F,CAAC"}
+{"version":3,"file":"panel-group-slice.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/panel-group-slice.ts"],"names":[],"mappings":"AAaA,OAAO,EAAsB,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,oBAAoB,CAAC,CAAC;IAExD;;OAEG;IACH,eAAe,EAAE,YAAY,EAAE,CAAC;IAEhC;;OAEG;IACH,uBAAuB,EAAE;QACvB,WAAW,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;QAC5C,iBAAiB,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAC;KACvD,CAAC;IAEF;;OAEG;IACH,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1D;;OAEG;IACH,uBAAuB,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAEhH;;OAEG;IACH,eAAe,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,oBAAY,YAAY,GAAG,MAAM,CAAC;AAElC,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,YAAY,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,oBAAoB,EAAE,CAAC;IACpC,aAAa,EAAE,MAAM,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;CACvD;AAED,MAAM,WAAW,oBAAqB,SAAQ,MAAM;IAClD,CAAC,EAAE,sBAAsB,CAAC;CAC3B;AAED,oBAAY,sBAAsB,GAAG,MAAM,CAAC;AAE5C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,sBAAsB,EAAE,sBAAsB,CAAC;CAChD;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,gBAAgB,EAAE,GAC1B,YAAY,CAAC,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE,eAAe,CAAC,CAkFhE"}

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

@@ -10,23 +10,90 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-export const createPanelGroupSlice = (set)=>({
-        openPanelGroupDialog: (groupIndex)=>set((state)=>{
-                state.panelGroupDialog = {
-                    groupIndex
-                };
-            }),
-        closePanelGroupDialog: ()=>set((state)=>{
-                state.panelGroupDialog = undefined;
-            }),
-        openDeletePanelGroupDialog: (groupIndex)=>set((state)=>{
-                state.deletePanelGroupDialog = {
-                    groupIndex
-                };
-            }),
-        closeDeletePanelGroupDialog: ()=>set((state)=>{
-                state.deletePanelGroupDialog = undefined;
-            })
-    });
+import { getPanelKeyFromRef } from '@perses-dev/core';
+import { generateId } from './common';
+/**
+ * Curried function for creating a PanelGroupSlice.
+ */ export function createPanelGroupSlice(layouts) {
+    // Convert the initial layouts from the JSON
+    const panelGroups = {};
+    const panelGroupIdOrder = [];
+    for (const layout of layouts){
+        var ref, ref1, ref2;
+        const itemLayouts = [];
+        const itemPanelKeys = {};
+        // Split layout information from panel keys to make it easier to update just layouts on move/resize of panels
+        for (const item of layout.spec.items){
+            const panelGroupLayoutId = generateId().toString();
+            itemLayouts.push({
+                i: panelGroupLayoutId,
+                w: item.width,
+                h: item.height,
+                x: item.x,
+                y: item.y
+            });
+            itemPanelKeys[panelGroupLayoutId] = getPanelKeyFromRef(item.content);
+        }
+        // Create the panel group and keep track of the ID order
+        const panelGroupId = generateId();
+        panelGroups[panelGroupId] = {
+            id: panelGroupId,
+            isCollapsed: ((ref = layout.spec.display) === null || ref === void 0 ? void 0 : (ref1 = ref.collapse) === null || ref1 === void 0 ? void 0 : ref1.open) === false,
+            title: (ref2 = layout.spec.display) === null || ref2 === void 0 ? void 0 : ref2.title,
+            itemLayouts,
+            itemPanelKeys
+        };
+        panelGroupIdOrder.push(panelGroupId);
+    }
+    // Return the state creator function for Zustand
+    return (set)=>({
+            panelGroups,
+            panelGroupOrder: panelGroupIdOrder,
+            previousPanelGroupState: {
+                panelGroups,
+                panelGroupIdOrder
+            },
+            savePanelGroups () {
+                set((state)=>{
+                    state.previousPanelGroupState = {
+                        panelGroups: state.panelGroups,
+                        panelGroupIdOrder: state.panelGroupOrder
+                    };
+                });
+            },
+            resetPanelGroups () {
+                set((state)=>{
+                    state.panelGroups = state.previousPanelGroupState.panelGroups;
+                    state.panelGroupOrder = state.previousPanelGroupState.panelGroupIdOrder;
+                });
+            },
+            swapPanelGroups (x, y) {
+                set((state)=>{
+                    if (x < 0 || x >= state.panelGroupOrder.length || y < 0 || y >= state.panelGroupOrder.length) {
+                        throw new Error('index out of bound');
+                    }
+                    const xPanelGroup = state.panelGroupOrder[x];
+                    const yPanelGroup = state.panelGroupOrder[y];
+                    if (xPanelGroup === undefined || yPanelGroup === undefined) {
+                        throw new Error('panel group is undefined');
+                    }
+                    // assign yPanelGroup to layouts[x] and assign xGroup to layouts[y], swapping two panel groups
+                    [state.panelGroupOrder[x], state.panelGroupOrder[y]] = [
+                        yPanelGroup,
+                        xPanelGroup
+                    ];
+                });
+            },
+            updatePanelGroupLayouts (panelGroupId, itemLayouts) {
+                set((state)=>{
+                    const group = state.panelGroups[panelGroupId];
+                    if (group === undefined) {
+                        throw new Error(`Cannot find panel group ${panelGroupId}`);
+                    }
+                    group.itemLayouts = itemLayouts;
+                });
+            }
+        });
+}
 
 //# sourceMappingURL=panel-group-slice.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/panel-group-slice.tsx"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { StateCreator } from 'zustand';\nimport { Middleware } from './common';\n\nexport interface PanelGroupDialog {\n  groupIndex?: number;\n}\n\nexport interface PanelGroupSlice {\n  panelGroupDialog?: PanelGroupDialog;\n  openPanelGroupDialog: (groupIndex?: number) => void;\n  closePanelGroupDialog: () => void;\n  deletePanelGroupDialog?: PanelGroupDialog;\n  openDeletePanelGroupDialog: (groupIndex: number) => void;\n  closeDeletePanelGroupDialog: () => void;\n}\n\nexport const createPanelGroupSlice: StateCreator<PanelGroupSlice, Middleware, [], PanelGroupSlice> = (set) => ({\n  openPanelGroupDialog: (groupIndex?: number) =>\n    set((state) => {\n      state.panelGroupDialog = { groupIndex };\n    }),\n  closePanelGroupDialog: () =>\n    set((state) => {\n      state.panelGroupDialog = undefined;\n    }),\n  openDeletePanelGroupDialog: (groupIndex: number) =>\n    set((state) => {\n      state.deletePanelGroupDialog = { groupIndex };\n    }),\n  closeDeletePanelGroupDialog: () =>\n    set((state) => {\n      state.deletePanelGroupDialog = undefined;\n    }),\n});\n"],"names":["createPanelGroupSlice","set","openPanelGroupDialog","groupIndex","state","panelGroupDialog","closePanelGroupDialog","undefined","openDeletePanelGroupDialog","deletePanelGroupDialog","closeDeletePanelGroupDialog"],"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;AAkBjC,OAAO,MAAMA,qBAAqB,GAAmE,CAACC,GAAG,GAAM,CAAA;QAC7GC,oBAAoB,EAAE,CAACC,UAAmB,GACxCF,GAAG,CAAC,CAACG,KAAK,GAAK;gBACbA,KAAK,CAACC,gBAAgB,GAAG;oBAAEF,UAAU;iBAAE,CAAC;YAC1C,CAAC,CAAC;QACJG,qBAAqB,EAAE,IACrBL,GAAG,CAAC,CAACG,KAAK,GAAK;gBACbA,KAAK,CAACC,gBAAgB,GAAGE,SAAS,CAAC;YACrC,CAAC,CAAC;QACJC,0BAA0B,EAAE,CAACL,UAAkB,GAC7CF,GAAG,CAAC,CAACG,KAAK,GAAK;gBACbA,KAAK,CAACK,sBAAsB,GAAG;oBAAEN,UAAU;iBAAE,CAAC;YAChD,CAAC,CAAC;QACJO,2BAA2B,EAAE,IAC3BT,GAAG,CAAC,CAACG,KAAK,GAAK;gBACbA,KAAK,CAACK,sBAAsB,GAAGF,SAAS,CAAC;YAC3C,CAAC,CAAC;KACL,CAAA,AAAC,CAAC"}
+{"version":3,"sources":["../../../src/context/DashboardProvider/panel-group-slice.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { getPanelKeyFromRef, LayoutDefinition } from '@perses-dev/core';\nimport { Layout } from 'react-grid-layout';\nimport { StateCreator } from 'zustand';\nimport { generateId, Middleware } from './common';\n\n/**\n * Slice with the state of Panel Groups, as well as any actions that modify only Panel Group state.\n */\nexport interface PanelGroupSlice {\n  /**\n   * Panel groups indexed by their ID.\n   */\n  panelGroups: Record<PanelGroupId, PanelGroupDefinition>;\n\n  /**\n   * An array of panel group IDs, representing their order in the dashboard.\n   */\n  panelGroupOrder: PanelGroupId[];\n\n  /**\n   * previous state\n   */\n  previousPanelGroupState: {\n    panelGroups: PanelGroupSlice['panelGroups'];\n    panelGroupIdOrder: PanelGroupSlice['panelGroupOrder'];\n  };\n\n  /**\n   * Rearrange the order of panel groups by swapping the positions\n   */\n  swapPanelGroups: (xIndex: number, yIndex: number) => void;\n\n  /**\n   * Update the item layouts for a panel group when, for example, a panel is moved or resized.\n   */\n  updatePanelGroupLayouts: (panelGroupId: PanelGroupId, itemLayouts: PanelGroupDefinition['itemLayouts']) => void;\n\n  /**\n   * save\n   */\n  savePanelGroups: () => void;\n\n  /**\n   * reset to previous panel group states\n   */\n  resetPanelGroups: () => void;\n}\n\nexport type PanelGroupId = number;\n\nexport interface PanelGroupDefinition {\n  id: PanelGroupId;\n  isCollapsed: boolean;\n  title?: string;\n  itemLayouts: PanelGroupItemLayout[];\n  itemPanelKeys: Record<PanelGroupItemLayoutId, string>;\n}\n\nexport interface PanelGroupItemLayout extends Layout {\n  i: PanelGroupItemLayoutId;\n}\n\nexport type PanelGroupItemLayoutId = string;\n\n/**\n * Uniquely identifies an item in a PanelGroup.\n */\nexport interface PanelGroupItemId {\n  panelGroupId: PanelGroupId;\n  panelGroupItemLayoutId: PanelGroupItemLayoutId;\n}\n\n/**\n * Curried function for creating a PanelGroupSlice.\n */\nexport function createPanelGroupSlice(\n  layouts: LayoutDefinition[]\n): StateCreator<PanelGroupSlice, Middleware, [], PanelGroupSlice> {\n  // Convert the initial layouts from the JSON\n  const panelGroups: PanelGroupSlice['panelGroups'] = {};\n  const panelGroupIdOrder: PanelGroupSlice['panelGroupOrder'] = [];\n  for (const layout of layouts) {\n    const itemLayouts: PanelGroupDefinition['itemLayouts'] = [];\n    const itemPanelKeys: PanelGroupDefinition['itemPanelKeys'] = {};\n\n    // Split layout information from panel keys to make it easier to update just layouts on move/resize of panels\n    for (const item of layout.spec.items) {\n      const panelGroupLayoutId = generateId().toString();\n      itemLayouts.push({\n        i: panelGroupLayoutId,\n        w: item.width,\n        h: item.height,\n        x: item.x,\n        y: item.y,\n      });\n      itemPanelKeys[panelGroupLayoutId] = getPanelKeyFromRef(item.content);\n    }\n\n    // Create the panel group and keep track of the ID order\n    const panelGroupId = generateId();\n    panelGroups[panelGroupId] = {\n      id: panelGroupId,\n      isCollapsed: layout.spec.display?.collapse?.open === false,\n      title: layout.spec.display?.title,\n      itemLayouts,\n      itemPanelKeys,\n    };\n    panelGroupIdOrder.push(panelGroupId);\n  }\n\n  // Return the state creator function for Zustand\n  return (set) => ({\n    panelGroups,\n    panelGroupOrder: panelGroupIdOrder,\n\n    previousPanelGroupState: { panelGroups, panelGroupIdOrder },\n\n    savePanelGroups() {\n      set((state) => {\n        state.previousPanelGroupState = {\n          panelGroups: state.panelGroups,\n          panelGroupIdOrder: state.panelGroupOrder,\n        };\n      });\n    },\n\n    resetPanelGroups() {\n      set((state) => {\n        state.panelGroups = state.previousPanelGroupState.panelGroups;\n        state.panelGroupOrder = state.previousPanelGroupState.panelGroupIdOrder;\n      });\n    },\n\n    swapPanelGroups(x, y) {\n      set((state) => {\n        if (x < 0 || x >= state.panelGroupOrder.length || y < 0 || y >= state.panelGroupOrder.length) {\n          throw new Error('index out of bound');\n        }\n        const xPanelGroup = state.panelGroupOrder[x];\n        const yPanelGroup = state.panelGroupOrder[y];\n\n        if (xPanelGroup === undefined || yPanelGroup === undefined) {\n          throw new Error('panel group is undefined');\n        }\n        // assign yPanelGroup to layouts[x] and assign xGroup to layouts[y], swapping two panel groups\n        [state.panelGroupOrder[x], state.panelGroupOrder[y]] = [yPanelGroup, xPanelGroup];\n      });\n    },\n\n    updatePanelGroupLayouts(panelGroupId, itemLayouts) {\n      set((state) => {\n        const group = state.panelGroups[panelGroupId];\n        if (group === undefined) {\n          throw new Error(`Cannot find panel group ${panelGroupId}`);\n        }\n        group.itemLayouts = itemLayouts;\n      });\n    },\n  });\n}\n"],"names":["getPanelKeyFromRef","generateId","createPanelGroupSlice","layouts","panelGroups","panelGroupIdOrder","layout","itemLayouts","itemPanelKeys","item","spec","items","panelGroupLayoutId","toString","push","i","w","width","h","height","x","y","content","panelGroupId","id","isCollapsed","display","collapse","open","title","set","panelGroupOrder","previousPanelGroupState","savePanelGroups","state","resetPanelGroups","swapPanelGroups","length","Error","xPanelGroup","yPanelGroup","undefined","updatePanelGroupLayouts","group"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,32 @@
+// 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.
+/**
+ * Curried function for creating the PanelSlice.
+ */ export function createPanelSlice(panels) {
+    return (set)=>({
+            panels,
+            previousPanels: panels,
+            resetPanels () {
+                set((state)=>{
+                    state.panels = state.previousPanels;
+                });
+            },
+            savePanels () {
+                set((state)=>{
+                    state.previousPanels = state.panels;
+                });
+            }
+        });
+}
+
+//# sourceMappingURL=panel-slice.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/DashboardProvider/panel-slice.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { PanelDefinition } from '@perses-dev/core';\nimport { StateCreator } from 'zustand';\nimport { Middleware } from './common';\n\n/**\n * Slice with the state of Panels, along with any actions that modify only the Panels state.\n */\nexport interface PanelSlice {\n  panels: Record<string, PanelDefinition>;\n  previousPanels: Record<string, PanelDefinition>;\n\n  /**\n   * Reset panels to previous state\n   */\n  resetPanels: () => void;\n\n  /**\n   * Save panels\n   */\n  savePanels: () => void;\n}\n\n/**\n * Curried function for creating the PanelSlice.\n */\nexport function createPanelSlice(panels: PanelSlice['panels']): StateCreator<PanelSlice, Middleware, [], PanelSlice> {\n  return (set) => ({\n    panels,\n    previousPanels: panels,\n\n    resetPanels() {\n      set((state) => {\n        state.panels = state.previousPanels;\n      });\n    },\n\n    savePanels() {\n      set((state) => {\n        state.previousPanels = state.panels;\n      });\n    },\n  });\n}\n"],"names":["createPanelSlice","panels","set","previousPanels","resetPanels","state","savePanels"],"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;AAwBjC;;CAEC,GACD,OAAO,SAASA,gBAAgB,CAACC,MAA4B,EAAwD;IACnH,OAAO,CAACC,GAAG,GAAM,CAAA;YACfD,MAAM;YACNE,cAAc,EAAEF,MAAM;YAEtBG,WAAW,IAAG;gBACZF,GAAG,CAAC,CAACG,KAAK,GAAK;oBACbA,KAAK,CAACJ,MAAM,GAAGI,KAAK,CAACF,cAAc,CAAC;gBACtC,CAAC,CAAC,CAAC;YACL,CAAC;YAEDG,UAAU,IAAG;gBACXJ,GAAG,CAAC,CAACG,KAAK,GAAK;oBACbA,KAAK,CAACF,cAAc,GAAGE,KAAK,CAACJ,MAAM,CAAC;gBACtC,CAAC,CAAC,CAAC;YACL,CAAC;SACF,CAAA,AAAC,CAAC;AACL,CAAC"}

package/dist/context/TimeRangeProvider.d.ts

@@ -1,12 +1,19 @@
 import React from 'react';
 import { TimeRangeValue } from '@perses-dev/core';
 export interface TimeRangeProviderProps {
-    initialTimeRange: TimeRangeValue;
+    timeRange: TimeRangeValue;
+    setTimeRange?: (value: TimeRangeValue) => void;
     children?: React.ReactNode;
-    onTimeRangeChange?: (e: TimeRangeValue) => void;
 }
 /**
  * Provider implementation that supplies the time range state at runtime.
  */
 export declare function TimeRangeProvider(props: TimeRangeProviderProps): JSX.Element;
+/**
+ * Internal version of time range hook to get all supported values
+ */
+export declare function useDashboardTimeRange(): {
+    timeRange: TimeRangeValue;
+    setTimeRange: (value: TimeRangeValue) => void;
+};
 //# sourceMappingURL=TimeRangeProvider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TimeRangeProvider.d.ts","sourceRoot":"","sources":["../../src/context/TimeRangeProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,cAAc,EAA+D,MAAM,kBAAkB,CAAC;AAG/G,MAAM,WAAW,sBAAsB;IACrC,gBAAgB,EAAE,cAAc,CAAC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACjD;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAkD9D"}
+{"version":3,"file":"TimeRangeProvider.d.ts","sourceRoot":"","sources":["../../src/context/TimeRangeProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,cAAc,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAiB9D;AAED;;GAEG;AACH,wBAAgB,qBAAqB;;;EAGpC"}

package/dist/context/TimeRangeProvider.js

@@ -11,54 +11,17 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useState, useMemo, useCallback } from 'react';
-import { getUnixTime } from 'date-fns';
-import { toAbsoluteTimeRange, isRelativeTimeRange } from '@perses-dev/core';
-import { TimeRangeContext, useQueryString } from '@perses-dev/plugin-system';
+import React, { useMemo } from 'react';
+import { TimeRangeContext, useTimeRangeContext } from '@perses-dev/plugin-system';
 /**
  * Provider implementation that supplies the time range state at runtime.
  */ export function TimeRangeProvider(props) {
-    const { initialTimeRange , children , onTimeRangeChange  } = props;
-    const { queryString , setQueryString  } = useQueryString();
-    const defaultTimeRange = isRelativeTimeRange(initialTimeRange) ? toAbsoluteTimeRange(initialTimeRange) : initialTimeRange;
-    const [timeRange, setActiveTimeRange] = useState(defaultTimeRange);
-    const setTimeRange = useCallback((value)=>{
-        if (onTimeRangeChange !== undefined) {
-            // optional callback to override default behavior
-            onTimeRangeChange(value);
-            return;
-        }
-        if (isRelativeTimeRange(value)) {
-            if (setQueryString) {
-                queryString.set('start', value.pastDuration);
-                // end not required for relative time but may have been set by AbsoluteTimePicker or zoom
-                queryString.delete('end');
-                setQueryString(queryString);
-            } else {
-                setActiveTimeRange(toAbsoluteTimeRange(value));
-            }
-            return;
-        }
-        // allows app to specify whether query params should be source of truth for active time range
-        if (setQueryString) {
-            // Absolute URL example) ?start=1663707045000&end=1663713330000
-            // currently set from ViewDashboard initial queryString, AbsoluteTimePicker, or LineChart panel onDataZoom
-            const startUnixMs = getUnixTime(value.start) * 1000;
-            const endUnixMs = getUnixTime(value.end) * 1000;
-            queryString.set('start', startUnixMs.toString());
-            queryString.set('end', endUnixMs.toString());
-            setQueryString(queryString);
-        } else {
-            setActiveTimeRange(value);
-        }
-    }, [
-        queryString,
-        setQueryString,
-        onTimeRangeChange
-    ]);
+    const { timeRange , children , setTimeRange  } = props;
+    // TODO: fix no-op, pass paramsEnabled as false in useSetTimeRangeParams as workaround
     const ctx = useMemo(()=>({
             timeRange,
-            setTimeRange
+            setTimeRange: setTimeRange !== null && setTimeRange !== void 0 ? setTimeRange : ()=>{
+            /* no-op */ }
         }), [
         timeRange,
         setTimeRange
@@ -68,5 +31,14 @@ import { TimeRangeContext, useQueryString } from '@perses-dev/plugin-system';
         children: children
     });
 }
+/**
+ * Internal version of time range hook to get all supported values
+ */ export function useDashboardTimeRange() {
+    const { timeRange , setTimeRange  } = useTimeRangeContext();
+    return {
+        timeRange,
+        setTimeRange
+    };
+}
 
 //# sourceMappingURL=TimeRangeProvider.js.map

package/dist/context/TimeRangeProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/context/TimeRangeProvider.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 React, { useState, useMemo, useCallback } from 'react';\nimport { getUnixTime } from 'date-fns';\nimport { TimeRangeValue, AbsoluteTimeRange, toAbsoluteTimeRange, isRelativeTimeRange } from '@perses-dev/core';\nimport { TimeRange, TimeRangeContext, useQueryString } from '@perses-dev/plugin-system';\n\nexport interface TimeRangeProviderProps {\n  initialTimeRange: TimeRangeValue;\n  children?: React.ReactNode;\n  onTimeRangeChange?: (e: TimeRangeValue) => void;\n}\n\n/**\n * Provider implementation that supplies the time range state at runtime.\n */\nexport function TimeRangeProvider(props: TimeRangeProviderProps) {\n  const { initialTimeRange, children, onTimeRangeChange } = props;\n\n  const { queryString, setQueryString } = useQueryString();\n\n  const defaultTimeRange: AbsoluteTimeRange = isRelativeTimeRange(initialTimeRange)\n    ? toAbsoluteTimeRange(initialTimeRange)\n    : initialTimeRange;\n\n  const [timeRange, setActiveTimeRange] = useState<AbsoluteTimeRange>(defaultTimeRange);\n\n  const setTimeRange: TimeRange['setTimeRange'] = useCallback(\n    (value: TimeRangeValue) => {\n      if (onTimeRangeChange !== undefined) {\n        // optional callback to override default behavior\n        onTimeRangeChange(value);\n        return;\n      }\n\n      if (isRelativeTimeRange(value)) {\n        if (setQueryString) {\n          queryString.set('start', value.pastDuration);\n          // end not required for relative time but may have been set by AbsoluteTimePicker or zoom\n          queryString.delete('end');\n          setQueryString(queryString);\n        } else {\n          setActiveTimeRange(toAbsoluteTimeRange(value));\n        }\n        return;\n      }\n\n      // allows app to specify whether query params should be source of truth for active time range\n      if (setQueryString) {\n        // Absolute URL example) ?start=1663707045000&end=1663713330000\n        // currently set from ViewDashboard initial queryString, AbsoluteTimePicker, or LineChart panel onDataZoom\n        const startUnixMs = getUnixTime(value.start) * 1000;\n        const endUnixMs = getUnixTime(value.end) * 1000;\n        queryString.set('start', startUnixMs.toString());\n        queryString.set('end', endUnixMs.toString());\n        setQueryString(queryString);\n      } else {\n        setActiveTimeRange(value);\n      }\n    },\n    [queryString, setQueryString, onTimeRangeChange]\n  );\n\n  const ctx = useMemo(() => ({ timeRange, setTimeRange }), [timeRange, setTimeRange]);\n\n  return <TimeRangeContext.Provider value={ctx}>{children}</TimeRangeContext.Provider>;\n}\n"],"names":["React","useState","useMemo","useCallback","getUnixTime","toAbsoluteTimeRange","isRelativeTimeRange","TimeRangeContext","useQueryString","TimeRangeProvider","props","initialTimeRange","children","onTimeRangeChange","queryString","setQueryString","defaultTimeRange","timeRange","setActiveTimeRange","setTimeRange","value","undefined","set","pastDuration","delete","startUnixMs","start","endUnixMs","end","toString","ctx","Provider"],"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,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,OAAO,EAAEC,WAAW,QAAQ,OAAO,CAAC;AAC9D,SAASC,WAAW,QAAQ,UAAU,CAAC;AACvC,SAA4CC,mBAAmB,EAAEC,mBAAmB,QAAQ,kBAAkB,CAAC;AAC/G,SAAoBC,gBAAgB,EAAEC,cAAc,QAAQ,2BAA2B,CAAC;AAQxF;;CAEC,GACD,OAAO,SAASC,iBAAiB,CAACC,KAA6B,EAAE;IAC/D,MAAM,EAAEC,gBAAgB,CAAA,EAAEC,QAAQ,CAAA,EAAEC,iBAAiB,CAAA,EAAE,GAAGH,KAAK,AAAC;IAEhE,MAAM,EAAEI,WAAW,CAAA,EAAEC,cAAc,CAAA,EAAE,GAAGP,cAAc,EAAE,AAAC;IAEzD,MAAMQ,gBAAgB,GAAsBV,mBAAmB,CAACK,gBAAgB,CAAC,GAC7EN,mBAAmB,CAACM,gBAAgB,CAAC,GACrCA,gBAAgB,AAAC;IAErB,MAAM,CAACM,SAAS,EAAEC,kBAAkB,CAAC,GAAGjB,QAAQ,CAAoBe,gBAAgB,CAAC,AAAC;IAEtF,MAAMG,YAAY,GAA8BhB,WAAW,CACzD,CAACiB,KAAqB,GAAK;QACzB,IAAIP,iBAAiB,KAAKQ,SAAS,EAAE;YACnC,iDAAiD;YACjDR,iBAAiB,CAACO,KAAK,CAAC,CAAC;YACzB,OAAO;QACT,CAAC;QAED,IAAId,mBAAmB,CAACc,KAAK,CAAC,EAAE;YAC9B,IAAIL,cAAc,EAAE;gBAClBD,WAAW,CAACQ,GAAG,CAAC,OAAO,EAAEF,KAAK,CAACG,YAAY,CAAC,CAAC;gBAC7C,yFAAyF;gBACzFT,WAAW,CAACU,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC1BT,cAAc,CAACD,WAAW,CAAC,CAAC;YAC9B,OAAO;gBACLI,kBAAkB,CAACb,mBAAmB,CAACe,KAAK,CAAC,CAAC,CAAC;YACjD,CAAC;YACD,OAAO;QACT,CAAC;QAED,6FAA6F;QAC7F,IAAIL,cAAc,EAAE;YAClB,+DAA+D;YAC/D,0GAA0G;YAC1G,MAAMU,WAAW,GAAGrB,WAAW,CAACgB,KAAK,CAACM,KAAK,CAAC,GAAG,IAAI,AAAC;YACpD,MAAMC,SAAS,GAAGvB,WAAW,CAACgB,KAAK,CAACQ,GAAG,CAAC,GAAG,IAAI,AAAC;YAChDd,WAAW,CAACQ,GAAG,CAAC,OAAO,EAAEG,WAAW,CAACI,QAAQ,EAAE,CAAC,CAAC;YACjDf,WAAW,CAACQ,GAAG,CAAC,KAAK,EAAEK,SAAS,CAACE,QAAQ,EAAE,CAAC,CAAC;YAC7Cd,cAAc,CAACD,WAAW,CAAC,CAAC;QAC9B,OAAO;YACLI,kBAAkB,CAACE,KAAK,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,EACD;QAACN,WAAW;QAAEC,cAAc;QAAEF,iBAAiB;KAAC,CACjD,AAAC;IAEF,MAAMiB,GAAG,GAAG5B,OAAO,CAAC,IAAO,CAAA;YAAEe,SAAS;YAAEE,YAAY;SAAE,CAAA,AAAC,EAAE;QAACF,SAAS;QAAEE,YAAY;KAAC,CAAC,AAAC;IAEpF,qBAAO,KAACZ,gBAAgB,CAACwB,QAAQ;QAACX,KAAK,EAAEU,GAAG;kBAAGlB,QAAQ;MAA6B,CAAC;AACvF,CAAC"}
+{"version":3,"sources":["../../src/context/TimeRangeProvider.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 React, { useMemo } from 'react';\nimport { TimeRangeValue } from '@perses-dev/core';\nimport { TimeRangeContext, useTimeRangeContext } from '@perses-dev/plugin-system';\n\nexport interface TimeRangeProviderProps {\n  timeRange: TimeRangeValue;\n  setTimeRange?: (value: TimeRangeValue) => void;\n  children?: React.ReactNode;\n}\n\n/**\n * Provider implementation that supplies the time range state at runtime.\n */\nexport function TimeRangeProvider(props: TimeRangeProviderProps) {\n  const { timeRange, children, setTimeRange } = props;\n\n  // TODO: fix no-op, pass paramsEnabled as false in useSetTimeRangeParams as workaround\n  const ctx = useMemo(\n    () => ({\n      timeRange,\n      setTimeRange:\n        setTimeRange ??\n        (() => {\n          /* no-op */\n        }),\n    }),\n    [timeRange, setTimeRange]\n  );\n\n  return <TimeRangeContext.Provider value={ctx}>{children}</TimeRangeContext.Provider>;\n}\n\n/**\n * Internal version of time range hook to get all supported values\n */\nexport function useDashboardTimeRange() {\n  const { timeRange, setTimeRange } = useTimeRangeContext();\n  return { timeRange, setTimeRange };\n}\n"],"names":["React","useMemo","TimeRangeContext","useTimeRangeContext","TimeRangeProvider","props","timeRange","children","setTimeRange","ctx","Provider","value","useDashboardTimeRange"],"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,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO,CAAC;AAEvC,SAASC,gBAAgB,EAAEC,mBAAmB,QAAQ,2BAA2B,CAAC;AAQlF;;CAEC,GACD,OAAO,SAASC,iBAAiB,CAACC,KAA6B,EAAE;IAC/D,MAAM,EAAEC,SAAS,CAAA,EAAEC,QAAQ,CAAA,EAAEC,YAAY,CAAA,EAAE,GAAGH,KAAK,AAAC;IAEpD,sFAAsF;IACtF,MAAMI,GAAG,GAAGR,OAAO,CACjB,IAAO,CAAA;YACLK,SAAS;YACTE,YAAY,EACVA,YAAY,aAAZA,YAAY,cAAZA,YAAY,GACX,IAAM;YACL,SAAS,GACX,CAAC,AAAC;SACL,CAAA,AAAC,EACF;QAACF,SAAS;QAAEE,YAAY;KAAC,CAC1B,AAAC;IAEF,qBAAO,KAACN,gBAAgB,CAACQ,QAAQ;QAACC,KAAK,EAAEF,GAAG;kBAAGF,QAAQ;MAA6B,CAAC;AACvF,CAAC;AAED;;CAEC,GACD,OAAO,SAASK,qBAAqB,GAAG;IACtC,MAAM,EAAEN,SAAS,CAAA,EAAEE,YAAY,CAAA,EAAE,GAAGL,mBAAmB,EAAE,AAAC;IAC1D,OAAO;QAAEG,SAAS;QAAEE,YAAY;KAAE,CAAC;AACrC,CAAC"}

package/dist/context/index.d.ts

@@ -1,6 +1,6 @@
 export * from './DashboardProvider';
 export * from './DatasourceStoreProvider';
-export * from './QueryStringProvider';
 export * from './TemplateVariableProvider';
 export * from './TimeRangeProvider';
+export * from './useDashboardSpec';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/context/index.ts"],"names":[],"mappings":"AAaA,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/context/index.ts"],"names":[],"mappings":"AAaA,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC"}

package/dist/context/index.js

@@ -12,8 +12,8 @@
 // limitations under the License.
 export * from './DashboardProvider';
 export * from './DatasourceStoreProvider';
-export * from './QueryStringProvider';
 export * from './TemplateVariableProvider';
 export * from './TimeRangeProvider';
+export * from './useDashboardSpec';
 
 //# sourceMappingURL=index.js.map

package/dist/context/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/context/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 './DashboardProvider';\nexport * from './DatasourceStoreProvider';\nexport * from './QueryStringProvider';\nexport * from './TemplateVariableProvider';\nexport * from './TimeRangeProvider';\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,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC"}
+{"version":3,"sources":["../../src/context/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 './DashboardProvider';\nexport * from './DatasourceStoreProvider';\nexport * from './TemplateVariableProvider';\nexport * from './TimeRangeProvider';\nexport * from './useDashboardSpec';\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,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC"}

package/dist/context/useDashboardSpec.d.ts

@@ -0,0 +1,11 @@
+import { DashboardSpec, GridDefinition } from '@perses-dev/core';
+export declare function useDashboardSpec(): {
+    spec: {
+        panels: Record<string, import("@perses-dev/core").PanelDefinition<import("@perses-dev/core").UnknownSpec>>;
+        layouts: GridDefinition[];
+        variables: import("@perses-dev/core").VariableDefinition[];
+        duration: import("@perses-dev/core").DurationString;
+    };
+    resetSpec: (spec: DashboardSpec) => void;
+};
+//# sourceMappingURL=useDashboardSpec.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDashboardSpec.d.ts","sourceRoot":"","sources":["../../src/context/useDashboardSpec.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAkB,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIjF,wBAAgB,gBAAgB;;;;;;;sBAyBL,aAAa;EAUvC"}

package/dist/context/useDashboardSpec.js

@@ -0,0 +1,84 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { createPanelRef } from '@perses-dev/core';
+import { useDashboardStore } from './DashboardProvider';
+import { useTemplateVariableActions, useTemplateVariableDefinitions } from './TemplateVariableProvider';
+export function useDashboardSpec() {
+    const { panels , panelGroups , panelGroupOrder , defaultTimeRange , reset: resetDashboardStore ,  } = useDashboardStore(({ panels , panelGroups , panelGroupOrder , defaultTimeRange , reset  })=>({
+            panels,
+            panelGroups,
+            panelGroupOrder,
+            defaultTimeRange,
+            reset
+        }));
+    const { setVariableDefinitions  } = useTemplateVariableActions();
+    const variables = useTemplateVariableDefinitions();
+    const layouts = convertPanelGroupsToLayouts(panelGroups, panelGroupOrder);
+    const spec = {
+        panels,
+        layouts,
+        variables,
+        duration: defaultTimeRange.pastDuration
+    };
+    const resetSpec = (spec)=>{
+        setVariableDefinitions(spec.variables);
+        // TODO: Should we call reset on the dashboard store with the spec?
+        resetDashboardStore();
+    };
+    return {
+        spec,
+        resetSpec
+    };
+}
+function convertPanelGroupsToLayouts(panelGroups, panelGroupOrder) {
+    const layouts = [];
+    panelGroupOrder.map((groupOrderId)=>{
+        const group = panelGroups[groupOrderId];
+        if (group === undefined) {
+            throw new Error('panel group not found');
+        }
+        const { title , isCollapsed , itemLayouts , itemPanelKeys  } = group;
+        let display = undefined;
+        if (title) {
+            display = {
+                title,
+                collapse: {
+                    open: !isCollapsed
+                }
+            };
+        }
+        const layout = {
+            kind: 'Grid',
+            spec: {
+                display,
+                items: itemLayouts.map((layout)=>{
+                    const panelKey = itemPanelKeys[layout.i];
+                    if (panelKey === undefined) {
+                        throw new Error(`Missing panel key of layout ${layout.i}`);
+                    }
+                    return {
+                        x: layout.x,
+                        y: layout.y,
+                        width: layout.w,
+                        height: layout.h,
+                        content: createPanelRef(panelKey)
+                    };
+                })
+            }
+        };
+        layouts.push(layout);
+    });
+    return layouts;
+}
+
+//# sourceMappingURL=useDashboardSpec.js.map

package/dist/context/useDashboardSpec.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/context/useDashboardSpec.tsx"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { createPanelRef, DashboardSpec, GridDefinition } from '@perses-dev/core';\nimport { PanelGroupDefinition, PanelGroupId, useDashboardStore } from './DashboardProvider';\nimport { useTemplateVariableActions, useTemplateVariableDefinitions } from './TemplateVariableProvider';\n\nexport function useDashboardSpec() {\n  const {\n    panels,\n    panelGroups,\n    panelGroupOrder,\n    defaultTimeRange,\n    reset: resetDashboardStore,\n  } = useDashboardStore(({ panels, panelGroups, panelGroupOrder, defaultTimeRange, reset }) => ({\n    panels,\n    panelGroups,\n    panelGroupOrder,\n    defaultTimeRange,\n    reset,\n  }));\n  const { setVariableDefinitions } = useTemplateVariableActions();\n  const variables = useTemplateVariableDefinitions();\n  const layouts = convertPanelGroupsToLayouts(panelGroups, panelGroupOrder);\n\n  const spec = {\n    panels,\n    layouts,\n    variables,\n    duration: defaultTimeRange.pastDuration,\n  };\n\n  const resetSpec = (spec: DashboardSpec) => {\n    setVariableDefinitions(spec.variables);\n    // TODO: Should we call reset on the dashboard store with the spec?\n    resetDashboardStore();\n  };\n\n  return {\n    spec,\n    resetSpec,\n  };\n}\n\nfunction convertPanelGroupsToLayouts(\n  panelGroups: Record<number, PanelGroupDefinition>,\n  panelGroupOrder: PanelGroupId[]\n): GridDefinition[] {\n  const layouts: GridDefinition[] = [];\n  panelGroupOrder.map((groupOrderId) => {\n    const group = panelGroups[groupOrderId];\n    if (group === undefined) {\n      throw new Error('panel group not found');\n    }\n    const { title, isCollapsed, itemLayouts, itemPanelKeys } = group;\n    let display = undefined;\n    if (title) {\n      display = {\n        title,\n        collapse: {\n          open: !isCollapsed,\n        },\n      };\n    }\n    const layout: GridDefinition = {\n      kind: 'Grid',\n      spec: {\n        display,\n        items: itemLayouts.map((layout) => {\n          const panelKey = itemPanelKeys[layout.i];\n          if (panelKey === undefined) {\n            throw new Error(`Missing panel key of layout ${layout.i}`);\n          }\n          return {\n            x: layout.x,\n            y: layout.y,\n            width: layout.w,\n            height: layout.h,\n            content: createPanelRef(panelKey),\n          };\n        }),\n      },\n    };\n    layouts.push(layout);\n  });\n\n  return layouts;\n}\n"],"names":["createPanelRef","useDashboardStore","useTemplateVariableActions","useTemplateVariableDefinitions","useDashboardSpec","panels","panelGroups","panelGroupOrder","defaultTimeRange","reset","resetDashboardStore","setVariableDefinitions","variables","layouts","convertPanelGroupsToLayouts","spec","duration","pastDuration","resetSpec","map","groupOrderId","group","undefined","Error","title","isCollapsed","itemLayouts","itemPanelKeys","display","collapse","open","layout","kind","items","panelKey","i","x","y","width","w","height","h","content","push"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export * from './components';
 export * from './context';
+export * from './utils';
 export * from './views';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -12,6 +12,7 @@
 // limitations under the License.
 export * from './components';
 export * from './context';
+export * from './utils';
 export * from './views';
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/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 './components';\nexport * from './context';\nexport * from './views';\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,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}
+{"version":3,"sources":["../src/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 './components';\nexport * from './context';\nexport * from './utils';\nexport * from './views';\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,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}