@perses-dev/dashboards 0.10.0 → 0.11.0

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

@@ -0,0 +1,96 @@
+// 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 createPanelGroupEditorSlice = (set, get)=>({
+        panelGroupEditor: undefined,
+        openAddPanelGroup: ()=>{
+            // Create the editor state
+            const editor = {
+                mode: 'Add',
+                initialValues: {
+                    title: '',
+                    isCollapsed: false
+                },
+                applyChanges (next) {
+                    const newGroup = {
+                        id: get().createPanelGroupId(),
+                        items: [],
+                        ...next
+                    };
+                    set((draft)=>{
+                        draft.panelGroups[newGroup.id] = newGroup;
+                        draft.panelGroupIdOrder.unshift(newGroup.id);
+                    });
+                },
+                close () {
+                    set((draft)=>{
+                        draft.panelGroupEditor = undefined;
+                    });
+                }
+            };
+            // Open the editor
+            set((draft)=>{
+                draft.panelGroupEditor = editor;
+            });
+        },
+        openEditPanelGroup: (panelGroupId)=>{
+            const existingGroup = get().panelGroups[panelGroupId];
+            if (existingGroup === undefined) {
+                throw new Error(`Panel group with Id ${panelGroupId} does not exist`);
+            }
+            var _title;
+            // Create the editor state
+            const editor = {
+                mode: 'Edit',
+                initialValues: {
+                    title: (_title = existingGroup.title) !== null && _title !== void 0 ? _title : '',
+                    isCollapsed: existingGroup.isCollapsed
+                },
+                applyChanges (next) {
+                    set((draft)=>{
+                        const group = draft.panelGroups[panelGroupId];
+                        if (group === undefined) {
+                            throw new Error(`Panel group with Id ${panelGroupId} does not exist`);
+                        }
+                        group.title = next.title;
+                        group.isCollapsed = next.isCollapsed;
+                    });
+                },
+                close () {
+                    set((draft)=>{
+                        draft.panelGroupEditor = undefined;
+                    });
+                }
+            };
+            // Open the editor
+            set((draft)=>{
+                draft.panelGroupEditor = editor;
+            });
+        },
+        openDeletePanelGroupDialog: (panelGroupId)=>{
+            const panelGroup = get().panelGroups[panelGroupId];
+            if (panelGroup === undefined) {
+                throw new Error(`Panel group with Id ${panelGroupId} not found`);
+            }
+            set((state)=>{
+                state.deletePanelGroupDialog = {
+                    panelGroupId,
+                    panelGroupName: panelGroup.title
+                };
+            });
+        },
+        closeDeletePanelGroupDialog: ()=>set((state)=>{
+                state.deletePanelGroupDialog = undefined;
+            })
+    });
+
+//# sourceMappingURL=panel-group-editor-slice.js.map

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

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

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

@@ -1,15 +1,80 @@
+import { GridItemDefinition, LayoutDefinition } from '@perses-dev/core';
 import { StateCreator } from 'zustand';
 import { Middleware } from './common';
-export interface PanelGroupDialog {
-    groupIndex?: number;
-}
+import { PanelEditorSlice } from './panel-editor-slice';
+/**
+ * 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;
+    /**
+     * Panel groups indexed by their ID.
+     */
+    panelGroups: Record<PanelGroupId, PanelGroupDefinition>;
+    /**
+     * An array of panel group IDs, representing their order in the dashboard.
+     */
+    panelGroupIdOrder: PanelGroupId[];
+    /**
+     * previous state
+     */
+    previousPanelGroupStates: {
+        panelGroups: PanelGroupSlice['panelGroups'];
+        panelGroupIdOrder: PanelGroupSlice['panelGroupIdOrder'];
+    };
+    createPanelGroupId: () => PanelGroupId;
+    /**
+     * Given a LayoutItem location, returns the panel's unique key at that location.
+     */
+    getPanelKey: (layoutItem: PanelGroupItemId) => string;
+    /**
+     * Add a panel with the specified key to an existing group.
+     */
+    addPanelToGroup: (panelKey: string, panelGroupId: PanelGroupId) => void;
+    /**
+     * Move an existing Panel to a new panel group.
+     */
+    movePanelToGroup: (layoutItem: PanelGroupItemId, newPanelGroupId: PanelGroupId) => void;
+    /**
+     * Rearrange the order of panel groups by swapping the positions
+     */
+    swapPanelGroups: (xIndex: number, yIndex: number) => void;
+    /**
+     * Delete panel group and all the panels within the group
+     */
+    deletePanelGroup: (panelGroupId: PanelGroupId) => void;
+    /**
+     * Delete panel in panel group
+     */
+    deletePanelInPanelGroup: (layoutItem: PanelGroupItemId) => void;
+    /**
+     * Map panel to panel groups
+     */
+    mapPanelToPanelGroups: () => Record<string, PanelGroupId[]>;
+    /**
+     * save
+     */
+    savePanelGroups: () => void;
+    /**
+     * reset to previous panel group states
+     */
+    resetPanelGroups: () => void;
+}
+export declare type PanelGroupId = number;
+export interface PanelGroupDefinition {
+    id: PanelGroupId;
+    items: GridItemDefinition[];
+    isCollapsed: boolean;
+    title?: string;
+}
+/**
+ * Uniquely identifies an item in a PanelGroup.
+ */
+export interface PanelGroupItemId {
+    panelGroupId: PanelGroupId;
+    itemIndex: number;
 }
-export declare const createPanelGroupSlice: StateCreator<PanelGroupSlice, Middleware, [], PanelGroupSlice>;
+/**
+ * Curried function for creating a PanelGroupSlice.
+ */
+export declare function createPanelGroupSlice(layouts: LayoutDefinition[]): StateCreator<PanelGroupSlice & PanelEditorSlice, 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.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAsC,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAC5G,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,oBAAoB,CAAC,CAAC;IAExD;;OAEG;IACH,iBAAiB,EAAE,YAAY,EAAE,CAAC;IAElC;;OAEG;IACH,wBAAwB,EAAE;QACxB,WAAW,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;QAC5C,iBAAiB,EAAE,eAAe,CAAC,mBAAmB,CAAC,CAAC;KACzD,CAAC;IAGF,kBAAkB,EAAE,MAAM,YAAY,CAAC;IAEvC;;OAEG;IACH,WAAW,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,MAAM,CAAC;IAEtD;;OAEG;IACH,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IAExE;;OAEG;IACH,gBAAgB,EAAE,CAAC,UAAU,EAAE,gBAAgB,EAAE,eAAe,EAAE,YAAY,KAAK,IAAI,CAAC;IAExF;;OAEG;IACH,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1D;;OAEG;IACH,gBAAgB,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IAEvD;;OAEG;IACH,uBAAuB,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEhE;;OAEG;IACH,qBAAqB,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,CAAC;IAE5D;;OAEG;IACH,eAAe,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,oBAAY,YAAY,GAAG,MAAM,CAAC;AAElC,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,YAAY,CAAC;IACjB,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,gBAAgB,EAAE,GAC1B,YAAY,CAAC,eAAe,GAAG,gBAAgB,EAAE,UAAU,EAAE,EAAE,EAAE,eAAe,CAAC,CAkKnF"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/panel-group-slice.tsx"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { 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.tsx"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { createPanelRef, getPanelKeyFromRef, GridItemDefinition, LayoutDefinition } from '@perses-dev/core';\nimport { StateCreator } from 'zustand';\nimport { Middleware } from './common';\nimport { PanelEditorSlice } from './panel-editor-slice';\n\n/**\n * Slice with the state of Panel Groups, as well as any actions that modify only Panel Group state.\n */\nexport interface PanelGroupSlice {\n  /**\n   * Panel groups indexed by their ID.\n   */\n  panelGroups: Record<PanelGroupId, PanelGroupDefinition>;\n\n  /**\n   * An array of panel group IDs, representing their order in the dashboard.\n   */\n  panelGroupIdOrder: PanelGroupId[];\n\n  /**\n   * previous state\n   */\n  previousPanelGroupStates: {\n    panelGroups: PanelGroupSlice['panelGroups'];\n    panelGroupIdOrder: PanelGroupSlice['panelGroupIdOrder'];\n  };\n\n  // TODO: Remove this\n  createPanelGroupId: () => PanelGroupId;\n\n  /**\n   * Given a LayoutItem location, returns the panel's unique key at that location.\n   */\n  getPanelKey: (layoutItem: PanelGroupItemId) => string;\n\n  /**\n   * Add a panel with the specified key to an existing group.\n   */\n  addPanelToGroup: (panelKey: string, panelGroupId: PanelGroupId) => void;\n\n  /**\n   * Move an existing Panel to a new panel group.\n   */\n  movePanelToGroup: (layoutItem: PanelGroupItemId, newPanelGroupId: PanelGroupId) => void;\n\n  /**\n   * Rearrange the order of panel groups by swapping the positions\n   */\n  swapPanelGroups: (xIndex: number, yIndex: number) => void;\n\n  /**\n   * Delete panel group and all the panels within the group\n   */\n  deletePanelGroup: (panelGroupId: PanelGroupId) => void;\n\n  /**\n   * Delete panel in panel group\n   */\n  deletePanelInPanelGroup: (layoutItem: PanelGroupItemId) => void;\n\n  /**\n   * Map panel to panel groups\n   */\n  mapPanelToPanelGroups: () => Record<string, PanelGroupId[]>;\n\n  /**\n   * save\n   */\n  savePanelGroups: () => void;\n\n  /**\n   * reset to previous panel group states\n   */\n  resetPanelGroups: () => void;\n}\n\nexport type PanelGroupId = number;\n\nexport interface PanelGroupDefinition {\n  id: PanelGroupId;\n  items: GridItemDefinition[];\n  isCollapsed: boolean;\n  title?: string;\n}\n\n/**\n * Uniquely identifies an item in a PanelGroup.\n */\nexport interface PanelGroupItemId {\n  panelGroupId: PanelGroupId;\n  itemIndex: number;\n}\n\n/**\n * Curried function for creating a PanelGroupSlice.\n */\nexport function createPanelGroupSlice(\n  layouts: LayoutDefinition[]\n): StateCreator<PanelGroupSlice & PanelEditorSlice, Middleware, [], PanelGroupSlice> {\n  // Helper function for generating unique IDs for a PanelGroup\n  let id: PanelGroupId = -1;\n  function createPanelGroupId(): PanelGroupId {\n    id++;\n    return id;\n  }\n\n  // Convert the initial layouts from the JSON to panel groups and keep track of the order\n  const panelGroups: PanelGroupSlice['panelGroups'] = {};\n  const panelGroupIdOrder: PanelGroupSlice['panelGroupIdOrder'] = [];\n  for (const layout of layouts) {\n    const id = createPanelGroupId();\n    panelGroups[id] = {\n      id,\n      items: layout.spec.items,\n      isCollapsed: layout.spec.display?.collapse?.open === false,\n      title: layout.spec.display?.title,\n    };\n    panelGroupIdOrder.push(id);\n  }\n\n  // Return the state creator function for Zustand\n  return (set, get) => ({\n    panelGroups,\n    panelGroupIdOrder,\n\n    previousPanelGroupStates: { panelGroups, panelGroupIdOrder },\n\n    // TODO: Reorder init logic so this isn't exposed\n    createPanelGroupId,\n\n    savePanelGroups() {\n      set((state) => {\n        state.previousPanelGroupStates = {\n          panelGroups: state.panelGroups,\n          panelGroupIdOrder: state.panelGroupIdOrder,\n        };\n      });\n    },\n\n    resetPanelGroups() {\n      set((state) => {\n        state.panelGroups = state.previousPanelGroupStates.panelGroups;\n        state.panelGroupIdOrder = state.previousPanelGroupStates.panelGroupIdOrder;\n      });\n    },\n\n    getPanelKey({ panelGroupId, itemIndex }) {\n      const { panelGroups } = get();\n      const group = findGroup(panelGroups, panelGroupId);\n      const item = findItem(group, itemIndex);\n      return getPanelKeyFromRef(item.content);\n    },\n\n    addPanelToGroup(panelKey, panelGroupId) {\n      const { panelGroups } = get();\n      const group = findGroup(panelGroups, panelGroupId);\n      const gridItem: GridItemDefinition = {\n        x: 0,\n        y: getYForNewRow(group),\n        width: 12,\n        height: 6,\n        content: createPanelRef(panelKey),\n      };\n      set((state) => {\n        state.panelGroups[panelGroupId]?.items.push(gridItem);\n      });\n    },\n\n    movePanelToGroup({ panelGroupId, itemIndex }, newPanelGroupId) {\n      const { panelGroups } = get();\n\n      // Find the existing item to make sure it exists\n      const group = findGroup(panelGroups, panelGroupId);\n      const item = findItem(group, itemIndex);\n\n      // Find the new group and figure out where a new row should go\n      const newGroup = findGroup(panelGroups, newPanelGroupId);\n      const newGroupY = getYForNewRow(newGroup);\n\n      set((state) => {\n        // Remove the item from its current group\n        state.panelGroups[panelGroupId]?.items.splice(itemIndex, 1);\n\n        // Add a new item to the new group\n        state.panelGroups[newPanelGroupId]?.items.push({\n          x: 0,\n          y: newGroupY,\n          width: item.width,\n          height: item.height,\n          content: item.content,\n        });\n      });\n    },\n\n    swapPanelGroups(x, y) {\n      set((state) => {\n        if (x < 0 || x >= state.panelGroupIdOrder.length || y < 0 || y >= state.panelGroupIdOrder.length) {\n          throw new Error('index out of bound');\n        }\n        const xPanelGroup = state.panelGroupIdOrder[x];\n        const yPanelGroup = state.panelGroupIdOrder[y];\n\n        if (xPanelGroup === undefined || yPanelGroup === undefined) {\n          throw new Error('panel group is undefined');\n        }\n        // assign yPanelGroup to layouts[x] and assign xGroup to layouts[y], swapping two panel groups\n        [state.panelGroupIdOrder[x], state.panelGroupIdOrder[y]] = [yPanelGroup, xPanelGroup];\n      });\n    },\n\n    deletePanelInPanelGroup({ panelGroupId, itemIndex }) {\n      set((state) => {\n        const group = state.panelGroups[panelGroupId];\n        if (group === undefined) {\n          throw new Error(`No panel group found: ${panelGroupId}`);\n        }\n        // remove panel from panel group\n        group.items.splice(itemIndex, 1);\n      });\n    },\n\n    deletePanelGroup(panelGroupId) {\n      const { panelGroups, panelGroupIdOrder: panelGroupOrder, deletePanels } = get();\n      const group = findGroup(panelGroups, panelGroupId);\n      const orderIdx = panelGroupOrder.findIndex((id) => id === panelGroupId);\n      if (orderIdx === -1) {\n        throw new Error(`Could not find panel group Id ${panelGroupId} in order array`);\n      }\n\n      // remove panels from group first\n      const panelsToBeDeleted: PanelGroupItemId[] = [];\n      for (let i = 0; i < group.items.length; i++) {\n        panelsToBeDeleted.push({ panelGroupId, itemIndex: i });\n      }\n      deletePanels(panelsToBeDeleted);\n\n      // remove group from both panelGroups and panelGroupOrder\n      set((state) => {\n        state.panelGroupIdOrder.splice(orderIdx, 1);\n        delete state.panelGroups[panelGroupId];\n      });\n    },\n\n    // Return an object that maps each panel to the groups it belongs\n    mapPanelToPanelGroups() {\n      const map: Record<string, Array<PanelGroupDefinition['id']>> = {}; // { panel key: [group ids] }\n      Object.values(get().panelGroups).forEach((group) => {\n        // for each panel in a group, add the group id to map[panelKey]\n        group.items.forEach((panel) => {\n          const panelKey = getPanelKeyFromRef(panel.content);\n          if (map[panelKey]) {\n            map[panelKey]?.push(group.id);\n          } else {\n            map[panelKey] = [group.id];\n          }\n        });\n      });\n      return map;\n    },\n  });\n}\n\n// Helper to find a group and throw if not found\nfunction findGroup(panelGroups: PanelGroupSlice['panelGroups'], groupId: PanelGroupId) {\n  const group = panelGroups[groupId];\n  if (group === undefined) {\n    throw new Error(`No panel group found for Id ${groupId}`);\n  }\n  return group;\n}\n\n// Helper to get an item in a group and throw if not found\nfunction findItem(group: PanelGroupDefinition, itemIndex: number) {\n  const item = group.items[itemIndex];\n  if (item === undefined) {\n    throw new Error(`No grid item found at position ${itemIndex}`);\n  }\n  return item;\n}\n\n// Given a Grid, will find the Y coordinate for adding a new row to the grid, taking into account the items present\nfunction getYForNewRow(group: PanelGroupDefinition) {\n  let newRowY = 0;\n  for (const item of group.items) {\n    const itemMaxY = item.y + item.height;\n    if (itemMaxY > newRowY) {\n      newRowY = itemMaxY;\n    }\n  }\n  return newRowY;\n}\n"],"names":["createPanelRef","getPanelKeyFromRef","createPanelGroupSlice","layouts","id","createPanelGroupId","panelGroups","panelGroupIdOrder","layout","items","spec","isCollapsed","display","collapse","open","title","push","set","get","previousPanelGroupStates","savePanelGroups","state","resetPanelGroups","getPanelKey","panelGroupId","itemIndex","group","findGroup","item","findItem","content","addPanelToGroup","panelKey","gridItem","x","y","getYForNewRow","width","height","movePanelToGroup","newPanelGroupId","newGroup","newGroupY","splice","swapPanelGroups","length","Error","xPanelGroup","yPanelGroup","undefined","deletePanelInPanelGroup","deletePanelGroup","panelGroupOrder","deletePanels","orderIdx","findIndex","panelsToBeDeleted","i","mapPanelToPanelGroups","map","Object","values","forEach","panel","groupId","newRowY","itemMaxY"],"mappings":"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"}

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