@perses-dev/dashboards 0.12.0 → 0.13.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/dashboard-provider-api.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { useMemo } from 'react';\nimport { useDashboardStore } from './DashboardProvider';\nimport { PanelGroupItemId, PanelGroupId, PanelGroupItemLayout } from './panel-group-slice';\n\nexport function useEditMode() {\n  return useDashboardStore(({ isEditMode, setEditMode }) => ({ isEditMode, setEditMode }));\n}\n\n/**\n * Returns actions that can be performed on the current dashboard.\n */\nexport function useDashboardActions() {\n  const save = useDashboardStore((store) => store.save);\n  const reset = useDashboardStore((store) => store.reset);\n  const openAddPanelGroup = useDashboardStore((store) => store.openAddPanelGroup);\n  const openAddPanel = useDashboardStore((store) => store.openAddPanel);\n\n  return {\n    save,\n    reset,\n    openAddPanelGroup,\n    openAddPanel: () => openAddPanel(undefined),\n  };\n}\n\n/**\n * Returns an array of PanelGroupIds in the order they appear in the dashboard.\n */\nexport function usePanelGroupIds() {\n  return useDashboardStore((store) => store.panelGroupOrder);\n}\n\n/**\n * Returns an array of PanelGroupDefinitions in the order they appear in the dashboard.\n */\nexport function useListPanelGroups() {\n  const panelGroupIds = usePanelGroupIds();\n  const panelGroups = useDashboardStore((store) => store.panelGroups);\n  return useMemo(() => {\n    return panelGroupIds.map((id) => {\n      const group = panelGroups[id];\n      if (group === undefined) {\n        throw new Error(`Invalid panel group Id found ${id}`);\n      }\n      return group;\n    });\n  }, [panelGroupIds, panelGroups]);\n}\n\n/**\n * Gets a specific panel group by its id. Throws if the panel group does not exist.\n */\nexport function usePanelGroup(panelGroupId: PanelGroupId) {\n  const panelGroup = useDashboardStore((store) => store.panelGroups[panelGroupId]);\n  if (panelGroup === undefined) {\n    throw new Error(`Panel group with Id ${panelGroupId} was not found`);\n  }\n  return panelGroup;\n}\n\n/**\n * Returns actions that can be performed on the given panel group.\n */\nexport function usePanelGroupActions(panelGroupId: PanelGroupId) {\n  const { moveUp, moveDown } = useMovePanelGroup(panelGroupId);\n  const openEditPanelGroup = useDashboardStore((store) => store.openEditPanelGroup);\n  const deletePanelGroup = useDashboardStore((store) => store.openDeletePanelGroupDialog);\n  const openAddPanel = useDashboardStore((store) => store.openAddPanel);\n  const updatePanelGroupLayouts = useDashboardStore((store) => store.updatePanelGroupLayouts);\n\n  return {\n    openEditPanelGroup: () => openEditPanelGroup(panelGroupId),\n    deletePanelGroup: () => deletePanelGroup(panelGroupId),\n    openAddPanel: () => openAddPanel(panelGroupId),\n    moveUp,\n    moveDown,\n    updatePanelGroupLayouts: (itemLayouts: PanelGroupItemLayout[]) =>\n      updatePanelGroupLayouts(panelGroupId, itemLayouts),\n  };\n}\n\n/**\n * Returns functions for moving a panel group up or down. A function will be undefined if the panel group can't be\n * moved in that direction.\n */\nfunction useMovePanelGroup(panelGroupId: PanelGroupId) {\n  const currentIndex = useDashboardStore((store) => store.panelGroupOrder.findIndex((id) => id === panelGroupId));\n  const panelGroupsLength = useDashboardStore((store) => store.panelGroupOrder.length);\n  const swapPanelGroups = useDashboardStore((store) => store.swapPanelGroups);\n\n  if (currentIndex < 0) {\n    throw new Error(`Could not find panel group with Id ${panelGroupId} in order array`);\n  }\n\n  const moveUp = () => swapPanelGroups(currentIndex, currentIndex - 1);\n  const moveDown = () => swapPanelGroups(currentIndex, currentIndex + 1);\n  return {\n    moveUp: currentIndex > 0 ? moveUp : undefined,\n    moveDown: currentIndex < panelGroupsLength - 1 ? moveDown : undefined,\n  };\n}\n\n/**\n * Gets the Panel Group editor state.\n */\nexport function usePanelGroupEditor() {\n  return useDashboardStore((store) => store.panelGroupEditor);\n}\n\n/**\n * Gets the Delete Panel Group dialog state.\n */\nexport function useDeletePanelGroupDialog() {\n  return useDashboardStore(\n    ({ deletePanelGroupDialog, openDeletePanelGroupDialog, closeDeletePanelGroupDialog, deletePanelGroup }) => ({\n      deletePanelGroupDialog,\n      openDeletePanelGroupDialog,\n      closeDeletePanelGroupDialog,\n      deletePanelGroup,\n    })\n  );\n}\n\n/**\n * Gets an individual panel in the store. Throws if the panel can't be found.\n */\nexport function usePanel(panelGroupItemId: PanelGroupItemId) {\n  const { panelGroupId, panelGroupItemLayoutId: panelGroupLayoutId } = panelGroupItemId;\n\n  const panel = useDashboardStore((store) => {\n    const panelKey = store.panelGroups[panelGroupId]?.itemPanelKeys[panelGroupLayoutId];\n    if (panelKey === undefined) return;\n    return store.panels[panelKey];\n  });\n\n  if (panel === undefined) {\n    throw new Error(`Could not find panel for Id ${panelGroupItemId}`);\n  }\n  return panel;\n}\n\n/**\n * Returns actions that can be performed on the given Panel.\n */\nexport function usePanelActions(panelGroupItemId: PanelGroupItemId) {\n  const openEditPanel = useDashboardStore((store) => store.openEditPanel);\n  const openDeletePanelDialog = useDashboardStore((store) => store.openDeletePanelDialog);\n  return {\n    openEditPanel: () => openEditPanel(panelGroupItemId),\n    openDeletePanelDialog: () => openDeletePanelDialog(panelGroupItemId),\n  };\n}\n\n/**\n * Gets the state for the Panel Editor.\n */\nexport function usePanelEditor() {\n  return useDashboardStore((store) => store.panelEditor);\n}\n\n/**\n * Gets the state for the Delete Panel dialog.\n */\nexport function useDeletePanelDialog() {\n  const deletePanelDialog = useDashboardStore((store) => store.deletePanelDialog);\n  // TODO: Refactor similar to other dialogs/editors so these are on the editor state itself\n  const deletePanel = useDashboardStore((store) => store.deletePanel);\n  const closeDeletePanelDialog = useDashboardStore((store) => store.closeDeletePanelDialog);\n\n  return {\n    deletePanelDialog,\n    deletePanel,\n    closeDeletePanelDialog,\n  };\n}\n\nexport function useDefaultTimeRange() {\n  return useDashboardStore((state) => state.defaultTimeRange);\n}\n"],"names":["useMemo","useDashboardStore","useEditMode","isEditMode","setEditMode","useDashboardActions","save","store","reset","openAddPanelGroup","openAddPanel","undefined","usePanelGroupIds","panelGroupOrder","useListPanelGroups","panelGroupIds","panelGroups","map","id","group","Error","usePanelGroup","panelGroupId","panelGroup","usePanelGroupActions","moveUp","moveDown","useMovePanelGroup","openEditPanelGroup","deletePanelGroup","openDeletePanelGroupDialog","updatePanelGroupLayouts","itemLayouts","currentIndex","findIndex","panelGroupsLength","length","swapPanelGroups","usePanelGroupEditor","panelGroupEditor","useDeletePanelGroupDialog","deletePanelGroupDialog","closeDeletePanelGroupDialog","usePanel","panelGroupItemId","panelGroupItemLayoutId","panelGroupLayoutId","panel","panelKey","itemPanelKeys","panels","usePanelActions","openEditPanel","openDeletePanelDialog","usePanelEditor","panelEditor","useDeletePanelDialog","deletePanelDialog","deletePanel","closeDeletePanelDialog","useDefaultTimeRange","state","defaultTimeRange"],"mappings":"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"}
+{"version":3,"sources":["../../../src/context/DashboardProvider/dashboard-provider-api.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { useMemo } from 'react';\nimport { useDashboardStore } from './DashboardProvider';\nimport { PanelGroupItemId, PanelGroupId, PanelGroupItemLayout } from './panel-group-slice';\n\nexport function useEditMode() {\n  return useDashboardStore(({ isEditMode, setEditMode }) => ({ isEditMode, setEditMode }));\n}\n\n/**\n * Returns actions that can be performed on the current dashboard.\n */\nexport function useDashboardActions() {\n  const setDashboard = useDashboardStore((store) => store.setDashboard);\n  const openAddPanelGroup = useDashboardStore((store) => store.openAddPanelGroup);\n  const openAddPanel = useDashboardStore((store) => store.openAddPanel);\n\n  return {\n    setDashboard,\n    openAddPanelGroup,\n    openAddPanel: () => openAddPanel(undefined),\n  };\n}\n\n/**\n * Returns an array of PanelGroupIds in the order they appear in the dashboard.\n */\nexport function usePanelGroupIds() {\n  return useDashboardStore((store) => store.panelGroupOrder);\n}\n\n/**\n * Returns an array of PanelGroupDefinitions in the order they appear in the dashboard.\n */\nexport function useListPanelGroups() {\n  const panelGroupIds = usePanelGroupIds();\n  const panelGroups = useDashboardStore((store) => store.panelGroups);\n  return useMemo(() => {\n    return panelGroupIds.map((id) => {\n      const group = panelGroups[id];\n      if (group === undefined) {\n        throw new Error(`Invalid panel group Id found ${id}`);\n      }\n      return group;\n    });\n  }, [panelGroupIds, panelGroups]);\n}\n\n/**\n * Gets a specific panel group by its id. Throws if the panel group does not exist.\n */\nexport function usePanelGroup(panelGroupId: PanelGroupId) {\n  const panelGroup = useDashboardStore((store) => store.panelGroups[panelGroupId]);\n  if (panelGroup === undefined) {\n    throw new Error(`Panel group with Id ${panelGroupId} was not found`);\n  }\n  return panelGroup;\n}\n\n/**\n * Returns actions that can be performed on the given panel group.\n */\nexport function usePanelGroupActions(panelGroupId: PanelGroupId) {\n  const { moveUp, moveDown } = useMovePanelGroup(panelGroupId);\n  const openEditPanelGroup = useDashboardStore((store) => store.openEditPanelGroup);\n  const deletePanelGroup = useDashboardStore((store) => store.openDeletePanelGroupDialog);\n  const openAddPanel = useDashboardStore((store) => store.openAddPanel);\n  const updatePanelGroupLayouts = useDashboardStore((store) => store.updatePanelGroupLayouts);\n\n  return {\n    openEditPanelGroup: () => openEditPanelGroup(panelGroupId),\n    deletePanelGroup: () => deletePanelGroup(panelGroupId),\n    openAddPanel: () => openAddPanel(panelGroupId),\n    moveUp,\n    moveDown,\n    updatePanelGroupLayouts: (itemLayouts: PanelGroupItemLayout[]) =>\n      updatePanelGroupLayouts(panelGroupId, itemLayouts),\n  };\n}\n\n/**\n * Returns functions for moving a panel group up or down. A function will be undefined if the panel group can't be\n * moved in that direction.\n */\nfunction useMovePanelGroup(panelGroupId: PanelGroupId) {\n  const currentIndex = useDashboardStore((store) => store.panelGroupOrder.findIndex((id) => id === panelGroupId));\n  const panelGroupsLength = useDashboardStore((store) => store.panelGroupOrder.length);\n  const swapPanelGroups = useDashboardStore((store) => store.swapPanelGroups);\n\n  if (currentIndex < 0) {\n    throw new Error(`Could not find panel group with Id ${panelGroupId} in order array`);\n  }\n\n  const moveUp = () => swapPanelGroups(currentIndex, currentIndex - 1);\n  const moveDown = () => swapPanelGroups(currentIndex, currentIndex + 1);\n  return {\n    moveUp: currentIndex > 0 ? moveUp : undefined,\n    moveDown: currentIndex < panelGroupsLength - 1 ? moveDown : undefined,\n  };\n}\n\n/**\n * Gets the Panel Group editor state.\n */\nexport function usePanelGroupEditor() {\n  return useDashboardStore((store) => store.panelGroupEditor);\n}\n\n/**\n * Gets the Delete Panel Group dialog state.\n */\nexport function useDeletePanelGroupDialog() {\n  return useDashboardStore(\n    ({ deletePanelGroupDialog, openDeletePanelGroupDialog, closeDeletePanelGroupDialog, deletePanelGroup }) => ({\n      deletePanelGroupDialog,\n      openDeletePanelGroupDialog,\n      closeDeletePanelGroupDialog,\n      deletePanelGroup,\n    })\n  );\n}\n\n/**\n * Gets an individual panel in the store. Throws if the panel can't be found.\n */\nexport function usePanel(panelGroupItemId: PanelGroupItemId) {\n  const { panelGroupId, panelGroupItemLayoutId: panelGroupLayoutId } = panelGroupItemId;\n\n  const panel = useDashboardStore((store) => {\n    const panelKey = store.panelGroups[panelGroupId]?.itemPanelKeys[panelGroupLayoutId];\n    if (panelKey === undefined) return;\n    return store.panels[panelKey];\n  });\n\n  if (panel === undefined) {\n    throw new Error(`Could not find panel for Id ${panelGroupItemId}`);\n  }\n  return panel;\n}\n\n/**\n * Returns actions that can be performed on the given Panel.\n */\nexport function usePanelActions(panelGroupItemId: PanelGroupItemId) {\n  const openEditPanel = useDashboardStore((store) => store.openEditPanel);\n  const openDeletePanelDialog = useDashboardStore((store) => store.openDeletePanelDialog);\n  return {\n    openEditPanel: () => openEditPanel(panelGroupItemId),\n    openDeletePanelDialog: () => openDeletePanelDialog(panelGroupItemId),\n  };\n}\n\n/**\n * Gets the state for the Panel Editor.\n */\nexport function usePanelEditor() {\n  return useDashboardStore((store) => store.panelEditor);\n}\n\n/**\n * Gets the state for the Delete Panel dialog.\n */\nexport function useDeletePanelDialog() {\n  const deletePanelDialog = useDashboardStore((store) => store.deletePanelDialog);\n  // TODO: Refactor similar to other dialogs/editors so these are on the editor state itself\n  const deletePanel = useDashboardStore((store) => store.deletePanel);\n  const closeDeletePanelDialog = useDashboardStore((store) => store.closeDeletePanelDialog);\n\n  return {\n    deletePanelDialog,\n    deletePanel,\n    closeDeletePanelDialog,\n  };\n}\n\nexport function useDefaultTimeRange() {\n  return useDashboardStore((state) => state.defaultTimeRange);\n}\n"],"names":["useMemo","useDashboardStore","useEditMode","isEditMode","setEditMode","useDashboardActions","setDashboard","store","openAddPanelGroup","openAddPanel","undefined","usePanelGroupIds","panelGroupOrder","useListPanelGroups","panelGroupIds","panelGroups","map","id","group","Error","usePanelGroup","panelGroupId","panelGroup","usePanelGroupActions","moveUp","moveDown","useMovePanelGroup","openEditPanelGroup","deletePanelGroup","openDeletePanelGroupDialog","updatePanelGroupLayouts","itemLayouts","currentIndex","findIndex","panelGroupsLength","length","swapPanelGroups","usePanelGroupEditor","panelGroupEditor","useDeletePanelGroupDialog","deletePanelGroupDialog","closeDeletePanelGroupDialog","usePanel","panelGroupItemId","panelGroupItemLayoutId","panelGroupLayoutId","panel","panelKey","itemPanelKeys","panels","usePanelActions","openEditPanel","openDeletePanelDialog","usePanelEditor","panelEditor","useDeletePanelDialog","deletePanelDialog","deletePanel","closeDeletePanelDialog","useDefaultTimeRange","state","defaultTimeRange"],"mappings":"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"}

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

@@ -3,4 +3,5 @@ export * from './DashboardProvider';
 export type { PanelGroupId, PanelGroupDefinition, PanelGroupItemId, PanelGroupItemLayoutId as PanelGroupLayoutId, } from './panel-group-slice';
 export type { PanelGroupEditor, PanelGroupEditorValues } from './panel-group-editor-slice';
 export type { DeletePanelDialogState } from './delete-panel-slice';
+export type { PanelEditorValues } from './panel-editor-slice';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/index.ts"],"names":[],"mappings":"AAaA,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,YAAY,EACV,YAAY,EACZ,oBAAoB,EACpB,gBAAgB,EAChB,sBAAsB,IAAI,kBAAkB,GAC7C,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAC3F,YAAY,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/index.ts"],"names":[],"mappings":"AAaA,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,YAAY,EACV,YAAY,EACZ,oBAAoB,EACpB,gBAAgB,EAChB,sBAAsB,IAAI,kBAAkB,GAC7C,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAC3F,YAAY,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACnE,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/index.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './dashboard-provider-api';\nexport * from './DashboardProvider';\nexport type {\n  PanelGroupId,\n  PanelGroupDefinition,\n  PanelGroupItemId,\n  PanelGroupItemLayoutId as PanelGroupLayoutId,\n} from './panel-group-slice';\nexport type { PanelGroupEditor, PanelGroupEditorValues } from './panel-group-editor-slice';\nexport type { DeletePanelDialogState } from './delete-panel-slice';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC"}
+{"version":3,"sources":["../../../src/context/DashboardProvider/index.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './dashboard-provider-api';\nexport * from './DashboardProvider';\nexport type {\n  PanelGroupId,\n  PanelGroupDefinition,\n  PanelGroupItemId,\n  PanelGroupItemLayoutId as PanelGroupLayoutId,\n} from './panel-group-slice';\nexport type { PanelGroupEditor, PanelGroupEditorValues } from './panel-group-editor-slice';\nexport type { DeletePanelDialogState } from './delete-panel-slice';\nexport type { PanelEditorValues } from './panel-editor-slice';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC"}

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

@@ -14,13 +14,6 @@ export interface PanelGroupSlice {
      * 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
      */
@@ -29,14 +22,6 @@ export interface PanelGroupSlice {
      * 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 {
@@ -61,4 +46,5 @@ export interface PanelGroupItemId {
  * Curried function for creating a PanelGroupSlice.
  */
 export declare function createPanelGroupSlice(layouts: LayoutDefinition[]): StateCreator<PanelGroupSlice, Middleware, [], PanelGroupSlice>;
+export declare function convertLayoutsToPanelGroups(layouts: LayoutDefinition[]): Pick<PanelGroupSlice, 'panelGroups' | 'panelGroupOrder'>;
 //# 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.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"}
+{"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,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;CACjH;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,CAkChE;AAED,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,gBAAgB,EAAE,GAC1B,IAAI,CAAC,eAAe,EAAE,aAAa,GAAG,iBAAiB,CAAC,CAoC1D"}

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

@@ -15,58 +15,11 @@ 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);
-    }
+    const { panelGroups , panelGroupOrder  } = convertLayoutsToPanelGroups(layouts);
     // 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;
-                });
-            },
+            panelGroupOrder,
             swapPanelGroups (x, y) {
                 set((state)=>{
                     if (x < 0 || x >= state.panelGroupOrder.length || y < 0 || y >= state.panelGroupOrder.length) {
@@ -95,5 +48,41 @@ import { generateId } from './common';
             }
         });
 }
+export function convertLayoutsToPanelGroups(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 {
+        panelGroups,
+        panelGroupOrder: panelGroupIdOrder
+    };
+}
 
 //# 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.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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"}
+{"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   * 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\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  const { panelGroups, panelGroupOrder } = convertLayoutsToPanelGroups(layouts);\n\n  // Return the state creator function for Zustand\n  return (set) => ({\n    panelGroups,\n    panelGroupOrder,\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\nexport function convertLayoutsToPanelGroups(\n  layouts: LayoutDefinition[]\n): Pick<PanelGroupSlice, 'panelGroups' | 'panelGroupOrder'> {\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  return {\n    panelGroups,\n    panelGroupOrder: panelGroupIdOrder,\n  };\n}\n"],"names":["getPanelKeyFromRef","generateId","createPanelGroupSlice","layouts","panelGroups","panelGroupOrder","convertLayoutsToPanelGroups","set","swapPanelGroups","x","y","state","length","Error","xPanelGroup","yPanelGroup","undefined","updatePanelGroupLayouts","panelGroupId","itemLayouts","group","panelGroupIdOrder","layout","itemPanelKeys","item","spec","items","panelGroupLayoutId","toString","push","i","w","width","h","height","content","id","isCollapsed","display","collapse","open","title"],"mappings":"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"}

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

@@ -6,15 +6,6 @@ import { Middleware } from './common';
  */
 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.

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

@@ -1 +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"}
+{"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;CACzC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,UAAU,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,CAAC,CAInH"}

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

@@ -13,19 +13,8 @@
 /**
  * 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;
-                });
-            }
+    return ()=>({
+            panels
         });
 }
 

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

@@ -1 +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"}
+{"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}\n\n/**\n * Curried function for creating the PanelSlice.\n */\nexport function createPanelSlice(panels: PanelSlice['panels']): StateCreator<PanelSlice, Middleware, [], PanelSlice> {\n  return () => ({\n    panels,\n  });\n}\n"],"names":["createPanelSlice","panels"],"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;AAajC;;CAEC,GACD,OAAO,SAASA,gBAAgB,CAACC,MAA4B,EAAwD;IACnH,OAAO,IAAO,CAAA;YACZA,MAAM;SACP,CAAA,AAAC,CAAC;AACL,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateVariableProvider.d.ts","sourceRoot":"","sources":["../../../src/context/TemplateVariableProvider/TemplateVariableProvider.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAEL,gBAAgB,EAChB,aAAa,EACb,cAAc,EAEf,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAGnF,aAAK,qBAAqB,GAAG;IAC3B,mBAAmB,EAAE,kBAAkB,EAAE,CAAC;IAC1C,aAAa,EAAE,gBAAgB,CAAC;IAChC,gBAAgB,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7E,kBAAkB,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC5E,kBAAkB,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACnE,sBAAsB,EAAE,CAAC,WAAW,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;CACrE,CAAC;AAaF,wBAAgB,yBAAyB,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,oBAqBjE;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM;;;EAU/C;AAED,wBAAgB,0BAA0B;;;;;EAUzC;AAED,wBAAgB,8BAA8B,yBAG7C;AAED,wBAAgB,wBAAwB,0BAGvC;AA0FD,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,0BAA+B,GAChC,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0BAA0B,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACnD,eASA"}

package/dist/context/{TemplateVariableProvider.js → TemplateVariableProvider/TemplateVariableProvider.js}

@@ -16,6 +16,7 @@ import { createStore, useStore } from 'zustand';
 import { immer } from 'zustand/middleware/immer';
 import { devtools } from 'zustand/middleware';
 import { TemplateVariableContext, DEFAULT_ALL_VALUE as ALL_VALUE } from '@perses-dev/plugin-system';
+import { useVariableQueryParams, getInitalValuesFromQueryParameters, getURLQueryParamName } from './query-params';
 const TemplateVariableStoreContext = /*#__PURE__*/ createContext(undefined);
 function useTemplateVariableStoreCtx() {
     const context = useContext(TemplateVariableStoreContext);
@@ -101,14 +102,15 @@ function PluginProvider({ children  }) {
         children: children
     });
 }
-function createTemplateVariableSrvStore({ initialVariableDefinitions =[]  }) {
+function createTemplateVariableSrvStore({ initialVariableDefinitions =[] , queryParams  }) {
+    const initialParams = getInitalValuesFromQueryParameters(queryParams ? queryParams[0] : {});
     const store = createStore()(devtools(immer((set)=>({
-            variableState: hydrateTemplateVariableStates(initialVariableDefinitions),
+            variableState: hydrateTemplateVariableStates(initialVariableDefinitions, initialParams),
             variableDefinitions: initialVariableDefinitions,
             setVariableDefinitions (definitions) {
                 set((state)=>{
                     state.variableDefinitions = definitions;
-                    state.variableState = hydrateTemplateVariableStates(definitions);
+                    state.variableState = hydrateTemplateVariableStates(definitions, initialParams);
                 });
             },
             setVariableOptions (name, options) {
@@ -143,14 +145,22 @@ function createTemplateVariableSrvStore({ initialVariableDefinitions =[]  }) {
                             val = val.filter((v)=>v !== ALL_VALUE);
                         }
                     }
+                    if (queryParams) {
+                        const setQueryParams = queryParams[1];
+                        setQueryParams({
+                            [getURLQueryParamName(name)]: val
+                        });
+                    }
                     varState.value = val;
                 })
         }))));
     return store;
 }
 export function TemplateVariableProvider({ children , initialVariableDefinitions =[]  }) {
+    const queryParams = useVariableQueryParams(initialVariableDefinitions);
     const [store] = useState(createTemplateVariableSrvStore({
-        initialVariableDefinitions
+        initialVariableDefinitions,
+        queryParams
     }));
     return /*#__PURE__*/ _jsx(TemplateVariableStoreContext.Provider, {
         value: store,
@@ -159,23 +169,23 @@ export function TemplateVariableProvider({ children , initialVariableDefinitions
         })
     });
 }
-/** Helpers */ function hydrateTemplateVariableState(definition) {
+/** Helpers */ function hydrateTemplateVariableState(definition, initialValue) {
     const v = definition;
-    var _default_value;
+    var ref;
     const varState = {
-        value: (_default_value = v.spec.default_value) !== null && _default_value !== void 0 ? _default_value : null,
+        value: (ref = initialValue !== null && initialValue !== void 0 ? initialValue : v.spec.default_value) !== null && ref !== void 0 ? ref : null,
         loading: false
     };
     switch(v.kind){
         case 'TextVariable':
-            varState.value = v.spec.value;
+            varState.value = initialValue !== null && initialValue !== void 0 ? initialValue : v.spec.value;
             break;
         case 'ListVariable':
             varState.options = [];
             if (varState.options.length > 0 && !varState.value) {
-                var ref;
                 var ref1;
-                const firstOptionValue = (ref1 = (ref = varState.options[0]) === null || ref === void 0 ? void 0 : ref.value) !== null && ref1 !== void 0 ? ref1 : null;
+                var ref2;
+                const firstOptionValue = (ref2 = (ref1 = varState.options[0]) === null || ref1 === void 0 ? void 0 : ref1.value) !== null && ref2 !== void 0 ? ref2 : null;
                 if (firstOptionValue !== null) {
                     varState.value = v.spec.allow_multiple ? [
                         firstOptionValue
@@ -188,10 +198,13 @@ export function TemplateVariableProvider({ children , initialVariableDefinitions
     }
     return varState;
 }
-function hydrateTemplateVariableStates(definitions) {
+function hydrateTemplateVariableStates(definitions, initialValues) {
     const state = {};
     definitions.forEach((v)=>{
-        state[v.spec.name] = hydrateTemplateVariableState(v);
+        const name = v.spec.name;
+        const param = initialValues[name];
+        const initialValue = param ? param : null;
+        state[name] = hydrateTemplateVariableState(v, initialValue);
     });
     return state;
 }

package/dist/context/TemplateVariableProvider/TemplateVariableProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/TemplateVariableProvider/TemplateVariableProvider.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 { createContext, useContext, useMemo, useState } from 'react';\nimport { createStore, useStore } from 'zustand';\nimport { immer } from 'zustand/middleware/immer';\nimport { devtools } from 'zustand/middleware';\n\nimport {\n  TemplateVariableContext,\n  VariableStateMap,\n  VariableState,\n  VariableOption,\n  DEFAULT_ALL_VALUE as ALL_VALUE,\n} from '@perses-dev/plugin-system';\nimport { VariableName, VariableValue, VariableDefinition } from '@perses-dev/core';\nimport { useVariableQueryParams, getInitalValuesFromQueryParameters, getURLQueryParamName } from './query-params';\n\ntype TemplateVariableStore = {\n  variableDefinitions: VariableDefinition[];\n  variableState: VariableStateMap;\n  setVariableValue: (variableName: VariableName, value: VariableValue) => void;\n  setVariableOptions: (name: VariableName, options: VariableOption[]) => void;\n  setVariableLoading: (name: VariableName, loading: boolean) => void;\n  setVariableDefinitions: (definitions: VariableDefinition[]) => void;\n};\n\nconst TemplateVariableStoreContext = createContext<ReturnType<typeof createTemplateVariableSrvStore> | undefined>(\n  undefined\n);\nfunction useTemplateVariableStoreCtx() {\n  const context = useContext(TemplateVariableStoreContext);\n  if (!context) {\n    throw new Error('TemplateVariableStoreContext not initialized');\n  }\n  return context;\n}\n\nexport function useTemplateVariableValues(variableNames?: string[]) {\n  const store = useTemplateVariableStoreCtx();\n  const state = useStore(\n    store,\n    (s) => {\n      const names = variableNames ?? Object.keys(s.variableState);\n      const vars: VariableStateMap = {};\n      names.forEach((name) => {\n        const varState = s.variableState[name];\n        if (!varState) {\n          return;\n        }\n        vars[name] = varState;\n      });\n      return vars;\n    },\n    (left, right) => {\n      return JSON.stringify(left) === JSON.stringify(right);\n    }\n  );\n  return state;\n}\n\nexport function useTemplateVariable(name: string) {\n  const store = useTemplateVariableStoreCtx();\n  return useStore(store, (s) => {\n    const variableState = s.variableState[name];\n    const definition = s.variableDefinitions.find((v) => v.spec.name === name);\n    return {\n      state: variableState,\n      definition,\n    };\n  });\n}\n\nexport function useTemplateVariableActions() {\n  const store = useTemplateVariableStoreCtx();\n  return useStore(store, (s) => {\n    return {\n      setVariableValue: s.setVariableValue,\n      setVariableLoading: s.setVariableLoading,\n      setVariableOptions: s.setVariableOptions,\n      setVariableDefinitions: s.setVariableDefinitions,\n    };\n  });\n}\n\nexport function useTemplateVariableDefinitions() {\n  const store = useTemplateVariableStoreCtx();\n  return useStore(store, (s) => s.variableDefinitions);\n}\n\nexport function useTemplateVariableStore() {\n  const store = useTemplateVariableStoreCtx();\n  return useStore(store);\n}\n\nfunction PluginProvider({ children }: { children: React.ReactNode }) {\n  const originalValues = useTemplateVariableValues();\n\n  const values = useMemo(() => {\n    const contextValues: VariableStateMap = {};\n\n    // This will loop through all the current variables values\n    // and update any variables that have ALL_VALUE as their current value\n    // to include all options.\n    Object.keys(originalValues).forEach((name) => {\n      const v = { ...originalValues[name] } as VariableState;\n      if (v.value === ALL_VALUE) {\n        v.value = v.options?.map((o: { value: string }) => o.value) ?? null;\n      }\n      contextValues[name] = v;\n    });\n    return contextValues;\n  }, [originalValues]);\n\n  return <TemplateVariableContext.Provider value={{ state: values }}>{children}</TemplateVariableContext.Provider>;\n}\n\ninterface TemplateVariableSrvArgs {\n  initialVariableDefinitions?: VariableDefinition[];\n  queryParams?: ReturnType<typeof useVariableQueryParams>;\n}\n\nfunction createTemplateVariableSrvStore({ initialVariableDefinitions = [], queryParams }: TemplateVariableSrvArgs) {\n  const initialParams = getInitalValuesFromQueryParameters(queryParams ? queryParams[0] : {});\n  const store = createStore<TemplateVariableStore>()(\n    devtools(\n      immer((set) => ({\n        variableState: hydrateTemplateVariableStates(initialVariableDefinitions, initialParams),\n        variableDefinitions: initialVariableDefinitions,\n        setVariableDefinitions(definitions: VariableDefinition[]) {\n          set((state) => {\n            state.variableDefinitions = definitions;\n            state.variableState = hydrateTemplateVariableStates(definitions, initialParams);\n          });\n        },\n        setVariableOptions(name, options) {\n          set((state) => {\n            const varState = state.variableState[name];\n            if (!varState) {\n              return;\n            }\n            varState.options = options;\n          });\n        },\n        setVariableLoading(name, loading) {\n          set((state) => {\n            const varState = state.variableState[name];\n            if (!varState) {\n              return;\n            }\n            varState.loading = loading;\n          });\n        },\n\n        setVariableValue: (name, value) =>\n          set((state) => {\n            let val = value;\n            const varState = state.variableState[name];\n            if (!varState) {\n              return;\n            }\n\n            // Make sure there is only one all value\n            if (Array.isArray(val) && val.includes(ALL_VALUE)) {\n              if (val.at(-1) === ALL_VALUE) {\n                val = ALL_VALUE;\n              } else {\n                val = val.filter((v) => v !== ALL_VALUE);\n              }\n            }\n            if (queryParams) {\n              const setQueryParams = queryParams[1];\n              setQueryParams({ [getURLQueryParamName(name)]: val });\n            }\n            varState.value = val;\n          }),\n      }))\n    )\n  );\n\n  return store;\n}\n\nexport function TemplateVariableProvider({\n  children,\n  initialVariableDefinitions = [],\n}: {\n  children: React.ReactNode;\n  initialVariableDefinitions?: VariableDefinition[];\n}) {\n  const queryParams = useVariableQueryParams(initialVariableDefinitions);\n  const [store] = useState(createTemplateVariableSrvStore({ initialVariableDefinitions, queryParams }));\n\n  return (\n    <TemplateVariableStoreContext.Provider value={store}>\n      <PluginProvider>{children}</PluginProvider>\n    </TemplateVariableStoreContext.Provider>\n  );\n}\n\n/** Helpers */\n\nfunction hydrateTemplateVariableState(definition: VariableDefinition, initialValue?: VariableValue) {\n  const v = definition;\n  const varState: VariableState = {\n    value: initialValue ?? v.spec.default_value ?? null,\n    loading: false,\n  };\n  switch (v.kind) {\n    case 'TextVariable':\n      varState.value = initialValue ?? v.spec.value;\n      break;\n    case 'ListVariable':\n      varState.options = [];\n      if (varState.options.length > 0 && !varState.value) {\n        const firstOptionValue = varState.options[0]?.value ?? null;\n        if (firstOptionValue !== null) {\n          varState.value = v.spec.allow_multiple ? [firstOptionValue] : firstOptionValue;\n        }\n      }\n      break;\n    default:\n      break;\n  }\n  return varState;\n}\n\nfunction hydrateTemplateVariableStates(\n  definitions: VariableDefinition[],\n  initialValues: Record<string, VariableValue>\n): VariableStateMap {\n  const state: VariableStateMap = {};\n  definitions.forEach((v) => {\n    const name = v.spec.name;\n    const param = initialValues[name];\n    const initialValue = param ? param : null;\n    state[name] = hydrateTemplateVariableState(v, initialValue);\n  });\n  return state;\n}\n"],"names":["createContext","useContext","useMemo","useState","createStore","useStore","immer","devtools","TemplateVariableContext","DEFAULT_ALL_VALUE","ALL_VALUE","useVariableQueryParams","getInitalValuesFromQueryParameters","getURLQueryParamName","TemplateVariableStoreContext","undefined","useTemplateVariableStoreCtx","context","Error","useTemplateVariableValues","variableNames","store","state","s","names","Object","keys","variableState","vars","forEach","name","varState","left","right","JSON","stringify","useTemplateVariable","definition","variableDefinitions","find","v","spec","useTemplateVariableActions","setVariableValue","setVariableLoading","setVariableOptions","setVariableDefinitions","useTemplateVariableDefinitions","useTemplateVariableStore","PluginProvider","children","originalValues","values","contextValues","value","options","map","o","Provider","createTemplateVariableSrvStore","initialVariableDefinitions","queryParams","initialParams","set","hydrateTemplateVariableStates","definitions","loading","val","Array","isArray","includes","at","filter","setQueryParams","TemplateVariableProvider","hydrateTemplateVariableState","initialValue","default_value","kind","length","firstOptionValue","allow_multiple","initialValues","param"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export * from './TemplateVariableProvider';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/context/TemplateVariableProvider/index.ts"],"names":[],"mappings":"AAaA,cAAc,4BAA4B,CAAC"}

package/dist/context/TemplateVariableProvider/index.js

@@ -0,0 +1,15 @@
+// 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 * from './TemplateVariableProvider';
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/TemplateVariableProvider/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 './TemplateVariableProvider';\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,4BAA4B,CAAC"}

package/dist/context/TemplateVariableProvider/query-params.d.ts

@@ -0,0 +1,12 @@
+import { VariableValue, VariableDefinition } from '@perses-dev/core';
+import { QueryParamConfig } from 'use-query-params';
+export declare function getURLQueryParamName(name: string): string;
+export declare function encodeVariableValue(value: VariableValue): string | null;
+export declare function decodeVariableValue(value: string): VariableValue;
+export declare function useVariableQueryParams(defs: VariableDefinition[]): [import("use-query-params").DecodedValueMap<{
+    [x: string]: QueryParamConfig<VariableValue, VariableValue>;
+}>, import("use-query-params").SetQuery<{
+    [x: string]: QueryParamConfig<VariableValue, VariableValue>;
+}>];
+export declare function getInitalValuesFromQueryParameters(queryParamValues: Record<string, VariableValue>): Record<string, VariableValue>;
+//# sourceMappingURL=query-params.d.ts.map

package/dist/context/TemplateVariableProvider/query-params.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-params.d.ts","sourceRoot":"","sources":["../../../src/context/TemplateVariableProvider/query-params.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAkB,MAAM,kBAAkB,CAAC;AAIpE,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,UAEhD;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,aAAa,iBAKvD;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,aAAa,CAShE;AAYD,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,kBAAkB,EAAE;;;;IAOhE;AAED,wBAAgB,kCAAkC,CAChD,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,GAC9C,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAW/B"}