@perses-dev/dashboards 0.54.0-beta.9 → 0.54.0-rc.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/dashboard-provider-api.ts"],"sourcesContent":["// Copyright 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 { useCallback, useMemo } from 'react';\nimport { DurationString, Link, PanelDefinition, PanelGroupId } from '@perses-dev/spec';\nimport { DashboardResource } from '@perses-dev/client';\nimport { PanelGroupDefinition, PanelGroupItemId, PanelGroupItemLayout } from '../../model';\nimport { DashboardStoreState, useDashboardStore } from './DashboardProvider';\nimport { DeletePanelGroupDialogState } from './delete-panel-group-slice';\nimport { PanelGroupEditor } from './panel-group-editor-slice';\nimport { PanelEditorState } from './panel-editor-slice';\nimport { DeletePanelDialogState } from './delete-panel-slice';\nimport { SaveChangesConfirmationDialogState } from './save-changes-dialog-slice';\nimport { DiscardChangesConfirmationDialogState } from './discard-changes-dialog-slice';\nimport { EditJsonDialogState } from './edit-json-dialog-slice';\nimport { ViewPanelSlice } from './view-panel-slice';\n\nconst selectEditMode: ({ isEditMode, setEditMode }: DashboardStoreState) => {\n  setEditMode: (isEditMode: boolean) => void;\n  isEditMode: boolean;\n} = ({ isEditMode, setEditMode }: DashboardStoreState) => ({ isEditMode, setEditMode });\nexport function useEditMode(): { setEditMode: (isEditMode: boolean) => void; isEditMode: boolean } {\n  return useDashboardStore(selectEditMode);\n}\n\nconst selectDashboardActions: ({ setDashboard, openAddPanelGroup, openAddPanel }: DashboardStoreState) => {\n  openAddPanelGroup: () => void;\n  openAddPanel: (panelGroupId?: PanelGroupId) => void;\n  setDashboard: (dashboard: DashboardResource) => void;\n} = ({ setDashboard, openAddPanelGroup, openAddPanel }: DashboardStoreState) => ({\n  setDashboard,\n  openAddPanelGroup,\n  openAddPanel,\n});\n/**\n * Returns actions that can be performed on the current dashboard.\n */\nexport function useDashboardActions(): {\n  openAddPanelGroup: () => void;\n  openAddPanel: () => void;\n  setDashboard: (dashboard: DashboardResource) => void;\n} {\n  const { setDashboard, openAddPanelGroup, openAddPanel } = useDashboardStore(selectDashboardActions);\n  return {\n    setDashboard,\n    openAddPanelGroup: () => openAddPanelGroup(),\n    openAddPanel: () => openAddPanel(),\n  };\n}\n\nconst selectDashboardLinks: (state: DashboardStoreState) => Link[] | undefined = (state: DashboardStoreState) =>\n  state.links;\n/**\n * Returns the dashboard links.\n */\nexport function useDashboardLinks(): Link[] {\n  return useDashboardStore(selectDashboardLinks) ?? [];\n}\n\nexport interface DashboardLinksActions {\n  setLinks?: (links: Link[]) => void;\n}\n\nconst selectDashboardLinksActions: (state: DashboardStoreState) => DashboardLinksActions = (\n  state: DashboardStoreState\n) => ({\n  setLinks: state.setLinks,\n});\n/**\n * Returns actions that can be performed on dashboard links.\n */\nexport function useDashboardLinksActions(): DashboardLinksActions {\n  return useDashboardStore(selectDashboardLinksActions);\n}\n\nconst selectPanelGroupOrder = (state: DashboardStoreState): number[] => state.panelGroupOrder;\n/**\n * Returns an array of PanelGroupIds in the order they appear in the dashboard.\n */\nexport function usePanelGroupIds(): number[] {\n  return useDashboardStore(selectPanelGroupOrder);\n}\n\nconst selectPanelGroups: (state: DashboardStoreState) => Record<number, PanelGroupDefinition> = (\n  state: DashboardStoreState\n) => state.panelGroups;\n/**\n * Returns an array of PanelGroupDefinitions in the order they appear in the dashboard.\n */\nexport function useListPanelGroups(): PanelGroupDefinition[] {\n  const panelGroupIds = usePanelGroupIds();\n  const panelGroups = useDashboardStore(selectPanelGroups);\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): PanelGroupDefinition {\n  const panelGroup = useDashboardStore(useCallback((state) => state.panelGroups[panelGroupId], [panelGroupId]));\n  if (panelGroup === undefined) {\n    throw new Error(`Panel group with Id ${panelGroupId} was not found`);\n  }\n  return panelGroup;\n}\n\nconst selectPanelGroupActions: ({\n  openEditPanelGroup,\n  deletePanelGroup,\n  openAddPanel,\n  updatePanelGroupLayouts,\n}: DashboardStoreState) => {\n  updatePanelGroupLayouts: (panelGroupId: PanelGroupId, itemLayouts: PanelGroupDefinition['itemLayouts']) => void;\n  openEditPanelGroup: (panelGroupId: PanelGroupId) => void;\n  openAddPanel: (panelGroupId?: PanelGroupId) => void;\n  deletePanelGroup: (panelGroupId: PanelGroupId) => void;\n} = ({ openEditPanelGroup, deletePanelGroup, openAddPanel, updatePanelGroupLayouts }: DashboardStoreState) => ({\n  openEditPanelGroup,\n  deletePanelGroup,\n  openAddPanel,\n  updatePanelGroupLayouts,\n});\n/**\n * Returns actions that can be performed on the given panel group.\n */\nexport function usePanelGroupActions(panelGroupId: PanelGroupId): {\n  updatePanelGroupLayouts: (itemLayouts: PanelGroupItemLayout[]) => void;\n  openEditPanelGroup: () => void;\n  openAddPanel: () => void;\n  moveDown: (() => void) | undefined;\n  deletePanelGroup: () => void;\n  moveUp: (() => void) | undefined;\n} {\n  const { moveUp, moveDown } = useMovePanelGroup(panelGroupId);\n  const { openEditPanelGroup, deletePanelGroup, openAddPanel, updatePanelGroupLayouts } =\n    useDashboardStore(selectPanelGroupActions);\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\nconst selectSwapPanelGroups: (state: DashboardStoreState) => (xIndex: number, yIndex: number) => void = (\n  state: DashboardStoreState\n) => state.swapPanelGroups;\nconst selectPanelGroupsLength: (state: DashboardStoreState) => number = (state: DashboardStoreState) =>\n  state.panelGroupOrder.length;\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  moveDown: (() => void) | undefined;\n  moveUp: (() => void) | undefined;\n} {\n  const currentIndex = useDashboardStore(\n    useCallback((store) => store.panelGroupOrder.findIndex((id) => id === panelGroupId), [panelGroupId])\n  );\n  const panelGroupsLength = useDashboardStore(selectPanelGroupsLength);\n  const swapPanelGroups = useDashboardStore(selectSwapPanelGroups);\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: () => void = () => swapPanelGroups(currentIndex, currentIndex - 1);\n  const moveDown: () => void = () => swapPanelGroups(currentIndex, currentIndex + 1);\n  return {\n    moveUp: currentIndex > 0 ? moveUp : undefined,\n    moveDown: currentIndex < panelGroupsLength - 1 ? moveDown : undefined,\n  };\n}\n\nconst selectPanelGroupEditor: (state: DashboardStoreState) => PanelGroupEditor | undefined = (\n  state: DashboardStoreState\n) => state.panelGroupEditor;\n/**\n * Gets the Panel Group editor state.\n */\nexport function usePanelGroupEditor(): PanelGroupEditor | undefined {\n  return useDashboardStore(selectPanelGroupEditor);\n}\n\nconst selectDeletePanelGroupDialog: ({\n  deletePanelGroupDialog,\n  openDeletePanelGroupDialog,\n  closeDeletePanelGroupDialog,\n  deletePanelGroup,\n}: DashboardStoreState) => {\n  deletePanelGroupDialog: DeletePanelGroupDialogState | undefined;\n  closeDeletePanelGroupDialog: () => void;\n  openDeletePanelGroupDialog: (panelGroupId: PanelGroupId) => void;\n  deletePanelGroup: (panelGroupId: PanelGroupId) => void;\n} = ({\n  deletePanelGroupDialog,\n  openDeletePanelGroupDialog,\n  closeDeletePanelGroupDialog,\n  deletePanelGroup,\n}: DashboardStoreState) => ({\n  deletePanelGroupDialog,\n  openDeletePanelGroupDialog,\n  closeDeletePanelGroupDialog,\n  deletePanelGroup,\n});\n/**\n * Gets the Delete Panel Group dialog state.\n */\nexport function useDeletePanelGroupDialog(): {\n  deletePanelGroupDialog: DeletePanelGroupDialogState | undefined;\n  closeDeletePanelGroupDialog: () => void;\n  openDeletePanelGroupDialog: (panelGroupId: PanelGroupId) => void;\n  deletePanelGroup: (panelGroupId: PanelGroupId) => void;\n} {\n  const { deletePanelGroupDialog, openDeletePanelGroupDialog, closeDeletePanelGroupDialog, deletePanelGroup } =\n    useDashboardStore(selectDeletePanelGroupDialog);\n  return {\n    deletePanelGroupDialog,\n    deletePanelGroup,\n    openDeletePanelGroupDialog,\n    closeDeletePanelGroupDialog: () => closeDeletePanelGroupDialog(),\n  };\n}\n\nexport function usePanelKey(panelGroupItemId?: PanelGroupItemId): string | undefined {\n  const panelKey = useDashboardStore(\n    useCallback(\n      (store) => {\n        if (panelGroupItemId === undefined) {\n          return undefined;\n        }\n\n        return store.panelGroups[panelGroupItemId.panelGroupId]?.itemPanelKeys[panelGroupItemId.panelGroupItemLayoutId];\n      },\n      [panelGroupItemId]\n    )\n  );\n  return panelKey;\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): PanelDefinition {\n  const { panelGroupId, panelGroupItemLayoutId: panelGroupLayoutId } = panelGroupItemId;\n  const panel = useDashboardStore(\n    useCallback(\n      (store) => {\n        const panelKey = store.panelGroups[panelGroupId]?.itemPanelKeys[panelGroupLayoutId];\n        if (panelKey === undefined) return;\n        return store.panels[panelKey];\n      },\n      [panelGroupId, panelGroupLayoutId]\n    )\n  );\n\n  if (panel === undefined) {\n    throw new Error(`Could not find panel for Id ${panelGroupItemId}`);\n  }\n  return panel;\n}\n\nconst selectPanelActions: ({\n  openEditPanel,\n  openDeletePanelDialog,\n  duplicatePanel,\n  setViewPanel,\n}: DashboardStoreState) => {\n  openDeletePanelDialog: (panelGroupItemId: PanelGroupItemId) => void;\n  duplicatePanel: (panelGroupItemId: PanelGroupItemId) => void;\n  openEditPanel: (panelGroupItemId: PanelGroupItemId) => void;\n  setViewPanel: (panelGroupItemId?: PanelGroupItemId) => void;\n} = ({ openEditPanel, openDeletePanelDialog, duplicatePanel, setViewPanel }: DashboardStoreState) => ({\n  openEditPanel,\n  openDeletePanelDialog,\n  duplicatePanel,\n  setViewPanel,\n});\n\n/**\n * Returns actions that can be performed on the given Panel.\n */\nexport function usePanelActions(panelGroupItemId: PanelGroupItemId): {\n  openDeletePanelDialog: () => void;\n  duplicatePanel: () => void;\n  openEditPanel: () => void;\n  viewPanel: (panelGroupItemId?: PanelGroupItemId) => void;\n} {\n  const { openEditPanel, openDeletePanelDialog, duplicatePanel, setViewPanel } = useDashboardStore(selectPanelActions);\n  return {\n    openEditPanel: () => openEditPanel(panelGroupItemId),\n    openDeletePanelDialog: () => openDeletePanelDialog(panelGroupItemId),\n    duplicatePanel: () => duplicatePanel(panelGroupItemId),\n    viewPanel: (panelGroupItemId?: PanelGroupItemId) => setViewPanel(panelGroupItemId),\n  };\n}\n\nconst selectPanelEditor: (state: DashboardStoreState) => PanelEditorState | undefined = (state: DashboardStoreState) =>\n  state.panelEditor;\n/**\n * Gets the state for the Panel Editor.\n */\nexport function usePanelEditor(): PanelEditorState | undefined {\n  return useDashboardStore(selectPanelEditor);\n}\n\nconst selectDeletePanelDialog: ({ deletePanelDialog, deletePanel, closeDeletePanelDialog }: DashboardStoreState) => {\n  deletePanelDialog: DeletePanelDialogState | undefined;\n  closeDeletePanelDialog: () => void;\n  deletePanel: (panelGroupItemId: PanelGroupItemId) => void;\n} = ({ deletePanelDialog, deletePanel, closeDeletePanelDialog }: DashboardStoreState) => ({\n  deletePanelDialog,\n  deletePanel,\n  closeDeletePanelDialog,\n});\n\n/**\n * Gets the state for the Delete Panel dialog.\n */\nexport function useDeletePanelDialog(): {\n  deletePanelDialog: DeletePanelDialogState | undefined;\n  closeDeletePanelDialog: () => void;\n  deletePanel: (panelGroupItemId: PanelGroupItemId) => void;\n} {\n  // TODO: Refactor similar to other dialogs/editors so these are on the editor state itself\n  return useDashboardStore(selectDeletePanelDialog);\n}\n\nconst selectDashboardDuration: (state: DashboardStoreState) => DurationString = (state: DashboardStoreState) =>\n  state.duration;\nexport function useDashboardDuration(): DurationString {\n  return useDashboardStore(selectDashboardDuration);\n}\n\nconst selectViewPanel: (state: DashboardStoreState) => {\n  setViewPanel: DashboardStoreState['setViewPanel'];\n  getViewPanel: DashboardStoreState['getViewPanel'];\n  viewPanelId: DashboardStoreState['viewPanel']['panelGroupItemId'];\n} = (state: DashboardStoreState) => ({\n  setViewPanel: state.setViewPanel,\n  getViewPanel: state.getViewPanel,\n  viewPanelId: state.getViewPanel(),\n});\n/**\n * Returns actions related to the ViewPanel.\n */\nexport function useViewPanel(): {\n  setViewPanel: ViewPanelSlice['setViewPanel'];\n  getViewPanel: ViewPanelSlice['getViewPanel'];\n  viewPanelId: ViewPanelSlice['viewPanel']['panelGroupItemId'];\n} {\n  return useDashboardStore(selectViewPanel);\n}\n\nconst selectViewPanelGroup: (state: DashboardStoreState) => PanelGroupItemId | undefined = (\n  state: DashboardStoreState\n) => state.getViewPanel();\n/**\n * Gets the Panel Group for the view panel.\n */\nexport function useViewPanelGroup(): PanelGroupItemId | undefined {\n  return useDashboardStore(selectViewPanelGroup);\n}\n\nconst selectSaveChangesConfirmationDialog: ({\n  saveChangesConfirmationDialog,\n  openSaveChangesConfirmationDialog,\n  closeSaveChangesConfirmationDialog,\n}: DashboardStoreState) => {\n  closeSaveChangesConfirmationDialog: () => void;\n  openSaveChangesConfirmationDialog: (saveChangesConfirmationDialog: SaveChangesConfirmationDialogState) => void;\n  saveChangesConfirmationDialog: SaveChangesConfirmationDialogState | undefined;\n} = ({\n  saveChangesConfirmationDialog,\n  openSaveChangesConfirmationDialog,\n  closeSaveChangesConfirmationDialog,\n}: DashboardStoreState) => ({\n  saveChangesConfirmationDialog,\n  openSaveChangesConfirmationDialog,\n  closeSaveChangesConfirmationDialog,\n});\nexport function useSaveChangesConfirmationDialog(): {\n  closeSaveChangesConfirmationDialog: () => void;\n  openSaveChangesConfirmationDialog: (saveChangesConfirmationDialog: SaveChangesConfirmationDialogState) => void;\n  saveChangesConfirmationDialog: SaveChangesConfirmationDialogState | undefined;\n} {\n  return useDashboardStore(selectSaveChangesConfirmationDialog);\n}\n\nconst selectDiscardChangesConfirmationDialog: ({\n  discardChangesConfirmationDialog,\n  openDiscardChangesConfirmationDialog,\n  closeDiscardChangesConfirmationDialog,\n}: DashboardStoreState) => {\n  discardChangesConfirmationDialog: DiscardChangesConfirmationDialogState | undefined;\n  closeDiscardChangesConfirmationDialog: () => void;\n  openDiscardChangesConfirmationDialog: (\n    discardChangesConfirmationDialog: DiscardChangesConfirmationDialogState\n  ) => void;\n} = ({\n  discardChangesConfirmationDialog,\n  openDiscardChangesConfirmationDialog,\n  closeDiscardChangesConfirmationDialog,\n}: DashboardStoreState) => ({\n  discardChangesConfirmationDialog,\n  openDiscardChangesConfirmationDialog,\n  closeDiscardChangesConfirmationDialog,\n});\nexport function useDiscardChangesConfirmationDialog(): {\n  discardChangesConfirmationDialog: DiscardChangesConfirmationDialogState | undefined;\n  closeDiscardChangesConfirmationDialog: () => void;\n  openDiscardChangesConfirmationDialog: (\n    discardChangesConfirmationDialog: DiscardChangesConfirmationDialogState\n  ) => void;\n} {\n  return useDashboardStore(selectDiscardChangesConfirmationDialog);\n}\n\nconst selectEditJsonDialog: ({ editJsonDialog, openEditJsonDialog, closeEditJsonDialog }: DashboardStoreState) => {\n  openEditJsonDialog: () => void;\n  closeEditJsonDialog: () => void;\n  editJsonDialog: EditJsonDialogState | undefined;\n} = ({ editJsonDialog, openEditJsonDialog, closeEditJsonDialog }: DashboardStoreState) => ({\n  editJsonDialog,\n  openEditJsonDialog,\n  closeEditJsonDialog,\n});\n/**\n * Gets the state for the edit JSON dialog.\n */\nexport function useEditJsonDialog(): {\n  openEditJsonDialog: () => void;\n  closeEditJsonDialog: () => void;\n  editJsonDialog: EditJsonDialogState | undefined;\n} {\n  return useDashboardStore(selectEditJsonDialog);\n}\n"],"names":["useCallback","useMemo","useDashboardStore","selectEditMode","isEditMode","setEditMode","useEditMode","selectDashboardActions","setDashboard","openAddPanelGroup","openAddPanel","useDashboardActions","selectDashboardLinks","state","links","useDashboardLinks","selectDashboardLinksActions","setLinks","useDashboardLinksActions","selectPanelGroupOrder","panelGroupOrder","usePanelGroupIds","selectPanelGroups","panelGroups","useListPanelGroups","panelGroupIds","map","id","group","undefined","Error","usePanelGroup","panelGroupId","panelGroup","selectPanelGroupActions","openEditPanelGroup","deletePanelGroup","updatePanelGroupLayouts","usePanelGroupActions","moveUp","moveDown","useMovePanelGroup","itemLayouts","selectSwapPanelGroups","swapPanelGroups","selectPanelGroupsLength","length","currentIndex","store","findIndex","panelGroupsLength","selectPanelGroupEditor","panelGroupEditor","usePanelGroupEditor","selectDeletePanelGroupDialog","deletePanelGroupDialog","openDeletePanelGroupDialog","closeDeletePanelGroupDialog","useDeletePanelGroupDialog","usePanelKey","panelGroupItemId","panelKey","itemPanelKeys","panelGroupItemLayoutId","usePanel","panelGroupLayoutId","panel","panels","selectPanelActions","openEditPanel","openDeletePanelDialog","duplicatePanel","setViewPanel","usePanelActions","viewPanel","selectPanelEditor","panelEditor","usePanelEditor","selectDeletePanelDialog","deletePanelDialog","deletePanel","closeDeletePanelDialog","useDeletePanelDialog","selectDashboardDuration","duration","useDashboardDuration","selectViewPanel","getViewPanel","viewPanelId","useViewPanel","selectViewPanelGroup","useViewPanelGroup","selectSaveChangesConfirmationDialog","saveChangesConfirmationDialog","openSaveChangesConfirmationDialog","closeSaveChangesConfirmationDialog","useSaveChangesConfirmationDialog","selectDiscardChangesConfirmationDialog","discardChangesConfirmationDialog","openDiscardChangesConfirmationDialog","closeDiscardChangesConfirmationDialog","useDiscardChangesConfirmationDialog","selectEditJsonDialog","editJsonDialog","openEditJsonDialog","closeEditJsonDialog","useEditJsonDialog"],"mappings":"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"}
+{"version":3,"sources":["../../../src/context/DashboardProvider/dashboard-provider-api.ts"],"sourcesContent":["// Copyright 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 { useCallback, useMemo } from 'react';\nimport { DurationString, Link, PanelDefinition } from '@perses-dev/spec';\nimport { DashboardResource } from '@perses-dev/client';\nimport { PanelGroupId } from '@perses-dev/plugin-system';\nimport { PanelGroupDefinition, PanelGroupItemId, PanelGroupItemLayout } from '../../model';\nimport { DashboardStoreState, useDashboardStore } from './DashboardProvider';\nimport { DeletePanelGroupDialogState } from './delete-panel-group-slice';\nimport { PanelGroupEditor } from './panel-group-editor-slice';\nimport { PanelEditorState } from './panel-editor-slice';\nimport { DeletePanelDialogState } from './delete-panel-slice';\nimport { SaveChangesConfirmationDialogState } from './save-changes-dialog-slice';\nimport { DiscardChangesConfirmationDialogState } from './discard-changes-dialog-slice';\nimport { EditJsonDialogState } from './edit-json-dialog-slice';\nimport { ViewPanelSlice } from './view-panel-slice';\n\nconst selectEditMode: ({ isEditMode, setEditMode }: DashboardStoreState) => {\n  setEditMode: (isEditMode: boolean) => void;\n  isEditMode: boolean;\n} = ({ isEditMode, setEditMode }: DashboardStoreState) => ({ isEditMode, setEditMode });\nexport function useEditMode(): { setEditMode: (isEditMode: boolean) => void; isEditMode: boolean } {\n  return useDashboardStore(selectEditMode);\n}\n\nconst selectDashboardActions: ({ setDashboard, openAddPanelGroup, openAddPanel }: DashboardStoreState) => {\n  openAddPanelGroup: () => void;\n  openAddPanel: (panelGroupId?: PanelGroupId) => void;\n  setDashboard: (dashboard: DashboardResource) => void;\n} = ({ setDashboard, openAddPanelGroup, openAddPanel }: DashboardStoreState) => ({\n  setDashboard,\n  openAddPanelGroup,\n  openAddPanel,\n});\n/**\n * Returns actions that can be performed on the current dashboard.\n */\nexport function useDashboardActions(): {\n  openAddPanelGroup: () => void;\n  openAddPanel: () => void;\n  setDashboard: (dashboard: DashboardResource) => void;\n} {\n  const { setDashboard, openAddPanelGroup, openAddPanel } = useDashboardStore(selectDashboardActions);\n  return {\n    setDashboard,\n    openAddPanelGroup: () => openAddPanelGroup(),\n    openAddPanel: () => openAddPanel(),\n  };\n}\n\nconst selectDashboardLinks: (state: DashboardStoreState) => Link[] | undefined = (state: DashboardStoreState) =>\n  state.links;\n/**\n * Returns the dashboard links.\n */\nexport function useDashboardLinks(): Link[] {\n  return useDashboardStore(selectDashboardLinks) ?? [];\n}\n\nexport interface DashboardLinksActions {\n  setLinks?: (links: Link[]) => void;\n}\n\nconst selectDashboardLinksActions: (state: DashboardStoreState) => DashboardLinksActions = (\n  state: DashboardStoreState\n) => ({\n  setLinks: state.setLinks,\n});\n/**\n * Returns actions that can be performed on dashboard links.\n */\nexport function useDashboardLinksActions(): DashboardLinksActions {\n  return useDashboardStore(selectDashboardLinksActions);\n}\n\nconst selectPanelGroupOrder = (state: DashboardStoreState): number[] => state.panelGroupOrder;\n/**\n * Returns an array of PanelGroupIds in the order they appear in the dashboard.\n */\nexport function usePanelGroupIds(): number[] {\n  return useDashboardStore(selectPanelGroupOrder);\n}\n\nconst selectPanelGroups: (state: DashboardStoreState) => Record<number, PanelGroupDefinition> = (\n  state: DashboardStoreState\n) => state.panelGroups;\n/**\n * Returns an array of PanelGroupDefinitions in the order they appear in the dashboard.\n */\nexport function useListPanelGroups(): PanelGroupDefinition[] {\n  const panelGroupIds = usePanelGroupIds();\n  const panelGroups = useDashboardStore(selectPanelGroups);\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): PanelGroupDefinition {\n  const panelGroup = useDashboardStore(useCallback((state) => state.panelGroups[panelGroupId], [panelGroupId]));\n  if (panelGroup === undefined) {\n    throw new Error(`Panel group with Id ${panelGroupId} was not found`);\n  }\n  return panelGroup;\n}\n\nconst selectPanelGroupActions: ({\n  openEditPanelGroup,\n  deletePanelGroup,\n  openAddPanel,\n  updatePanelGroupLayouts,\n}: DashboardStoreState) => {\n  updatePanelGroupLayouts: (panelGroupId: PanelGroupId, itemLayouts: PanelGroupDefinition['itemLayouts']) => void;\n  openEditPanelGroup: (panelGroupId: PanelGroupId) => void;\n  openAddPanel: (panelGroupId?: PanelGroupId) => void;\n  deletePanelGroup: (panelGroupId: PanelGroupId) => void;\n} = ({ openEditPanelGroup, deletePanelGroup, openAddPanel, updatePanelGroupLayouts }: DashboardStoreState) => ({\n  openEditPanelGroup,\n  deletePanelGroup,\n  openAddPanel,\n  updatePanelGroupLayouts,\n});\n/**\n * Returns actions that can be performed on the given panel group.\n */\nexport function usePanelGroupActions(panelGroupId: PanelGroupId): {\n  updatePanelGroupLayouts: (itemLayouts: PanelGroupItemLayout[]) => void;\n  openEditPanelGroup: () => void;\n  openAddPanel: () => void;\n  moveDown: (() => void) | undefined;\n  deletePanelGroup: () => void;\n  moveUp: (() => void) | undefined;\n} {\n  const { moveUp, moveDown } = useMovePanelGroup(panelGroupId);\n  const { openEditPanelGroup, deletePanelGroup, openAddPanel, updatePanelGroupLayouts } =\n    useDashboardStore(selectPanelGroupActions);\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\nconst selectSwapPanelGroups: (state: DashboardStoreState) => (xIndex: number, yIndex: number) => void = (\n  state: DashboardStoreState\n) => state.swapPanelGroups;\nconst selectPanelGroupsLength: (state: DashboardStoreState) => number = (state: DashboardStoreState) =>\n  state.panelGroupOrder.length;\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  moveDown: (() => void) | undefined;\n  moveUp: (() => void) | undefined;\n} {\n  const currentIndex = useDashboardStore(\n    useCallback((store) => store.panelGroupOrder.findIndex((id) => id === panelGroupId), [panelGroupId])\n  );\n  const panelGroupsLength = useDashboardStore(selectPanelGroupsLength);\n  const swapPanelGroups = useDashboardStore(selectSwapPanelGroups);\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: () => void = () => swapPanelGroups(currentIndex, currentIndex - 1);\n  const moveDown: () => void = () => swapPanelGroups(currentIndex, currentIndex + 1);\n  return {\n    moveUp: currentIndex > 0 ? moveUp : undefined,\n    moveDown: currentIndex < panelGroupsLength - 1 ? moveDown : undefined,\n  };\n}\n\nconst selectPanelGroupEditor: (state: DashboardStoreState) => PanelGroupEditor | undefined = (\n  state: DashboardStoreState\n) => state.panelGroupEditor;\n/**\n * Gets the Panel Group editor state.\n */\nexport function usePanelGroupEditor(): PanelGroupEditor | undefined {\n  return useDashboardStore(selectPanelGroupEditor);\n}\n\nconst selectDeletePanelGroupDialog: ({\n  deletePanelGroupDialog,\n  openDeletePanelGroupDialog,\n  closeDeletePanelGroupDialog,\n  deletePanelGroup,\n}: DashboardStoreState) => {\n  deletePanelGroupDialog: DeletePanelGroupDialogState | undefined;\n  closeDeletePanelGroupDialog: () => void;\n  openDeletePanelGroupDialog: (panelGroupId: PanelGroupId) => void;\n  deletePanelGroup: (panelGroupId: PanelGroupId) => void;\n} = ({\n  deletePanelGroupDialog,\n  openDeletePanelGroupDialog,\n  closeDeletePanelGroupDialog,\n  deletePanelGroup,\n}: DashboardStoreState) => ({\n  deletePanelGroupDialog,\n  openDeletePanelGroupDialog,\n  closeDeletePanelGroupDialog,\n  deletePanelGroup,\n});\n/**\n * Gets the Delete Panel Group dialog state.\n */\nexport function useDeletePanelGroupDialog(): {\n  deletePanelGroupDialog: DeletePanelGroupDialogState | undefined;\n  closeDeletePanelGroupDialog: () => void;\n  openDeletePanelGroupDialog: (panelGroupId: PanelGroupId) => void;\n  deletePanelGroup: (panelGroupId: PanelGroupId) => void;\n} {\n  const { deletePanelGroupDialog, openDeletePanelGroupDialog, closeDeletePanelGroupDialog, deletePanelGroup } =\n    useDashboardStore(selectDeletePanelGroupDialog);\n  return {\n    deletePanelGroupDialog,\n    deletePanelGroup,\n    openDeletePanelGroupDialog,\n    closeDeletePanelGroupDialog: () => closeDeletePanelGroupDialog(),\n  };\n}\n\nexport function usePanelKey(panelGroupItemId?: PanelGroupItemId): string | undefined {\n  const panelKey = useDashboardStore(\n    useCallback(\n      (store) => {\n        if (panelGroupItemId === undefined) {\n          return undefined;\n        }\n\n        return store.panelGroups[panelGroupItemId.panelGroupId]?.itemPanelKeys[panelGroupItemId.panelGroupItemLayoutId];\n      },\n      [panelGroupItemId]\n    )\n  );\n  return panelKey;\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): PanelDefinition {\n  const { panelGroupId, panelGroupItemLayoutId: panelGroupLayoutId } = panelGroupItemId;\n  const panel = useDashboardStore(\n    useCallback(\n      (store) => {\n        const panelKey = store.panelGroups[panelGroupId]?.itemPanelKeys[panelGroupLayoutId];\n        if (panelKey === undefined) return;\n        return store.panels[panelKey];\n      },\n      [panelGroupId, panelGroupLayoutId]\n    )\n  );\n\n  if (panel === undefined) {\n    throw new Error(`Could not find panel for Id ${panelGroupItemId}`);\n  }\n  return panel;\n}\n\nconst selectPanelActions: ({\n  openEditPanel,\n  openDeletePanelDialog,\n  duplicatePanel,\n  setViewPanel,\n}: DashboardStoreState) => {\n  openDeletePanelDialog: (panelGroupItemId: PanelGroupItemId) => void;\n  duplicatePanel: (panelGroupItemId: PanelGroupItemId) => void;\n  openEditPanel: (panelGroupItemId: PanelGroupItemId) => void;\n  setViewPanel: (panelGroupItemId?: PanelGroupItemId) => void;\n} = ({ openEditPanel, openDeletePanelDialog, duplicatePanel, setViewPanel }: DashboardStoreState) => ({\n  openEditPanel,\n  openDeletePanelDialog,\n  duplicatePanel,\n  setViewPanel,\n});\n\n/**\n * Returns actions that can be performed on the given Panel.\n */\nexport function usePanelActions(panelGroupItemId: PanelGroupItemId): {\n  openDeletePanelDialog: () => void;\n  duplicatePanel: () => void;\n  openEditPanel: () => void;\n  viewPanel: (panelGroupItemId?: PanelGroupItemId) => void;\n} {\n  const { openEditPanel, openDeletePanelDialog, duplicatePanel, setViewPanel } = useDashboardStore(selectPanelActions);\n  return {\n    openEditPanel: () => openEditPanel(panelGroupItemId),\n    openDeletePanelDialog: () => openDeletePanelDialog(panelGroupItemId),\n    duplicatePanel: () => duplicatePanel(panelGroupItemId),\n    viewPanel: (panelGroupItemId?: PanelGroupItemId) => setViewPanel(panelGroupItemId),\n  };\n}\n\nconst selectPanelEditor: (state: DashboardStoreState) => PanelEditorState | undefined = (state: DashboardStoreState) =>\n  state.panelEditor;\n/**\n * Gets the state for the Panel Editor.\n */\nexport function usePanelEditor(): PanelEditorState | undefined {\n  return useDashboardStore(selectPanelEditor);\n}\n\nconst selectDeletePanelDialog: ({ deletePanelDialog, deletePanel, closeDeletePanelDialog }: DashboardStoreState) => {\n  deletePanelDialog: DeletePanelDialogState | undefined;\n  closeDeletePanelDialog: () => void;\n  deletePanel: (panelGroupItemId: PanelGroupItemId) => void;\n} = ({ deletePanelDialog, deletePanel, closeDeletePanelDialog }: DashboardStoreState) => ({\n  deletePanelDialog,\n  deletePanel,\n  closeDeletePanelDialog,\n});\n\n/**\n * Gets the state for the Delete Panel dialog.\n */\nexport function useDeletePanelDialog(): {\n  deletePanelDialog: DeletePanelDialogState | undefined;\n  closeDeletePanelDialog: () => void;\n  deletePanel: (panelGroupItemId: PanelGroupItemId) => void;\n} {\n  // TODO: Refactor similar to other dialogs/editors so these are on the editor state itself\n  return useDashboardStore(selectDeletePanelDialog);\n}\n\nconst selectDashboardDuration: (state: DashboardStoreState) => DurationString = (state: DashboardStoreState) =>\n  state.duration;\nexport function useDashboardDuration(): DurationString {\n  return useDashboardStore(selectDashboardDuration);\n}\n\nconst selectViewPanel: (state: DashboardStoreState) => {\n  setViewPanel: DashboardStoreState['setViewPanel'];\n  getViewPanel: DashboardStoreState['getViewPanel'];\n  viewPanelId: DashboardStoreState['viewPanel']['panelGroupItemId'];\n} = (state: DashboardStoreState) => ({\n  setViewPanel: state.setViewPanel,\n  getViewPanel: state.getViewPanel,\n  viewPanelId: state.getViewPanel(),\n});\n/**\n * Returns actions related to the ViewPanel.\n */\nexport function useViewPanel(): {\n  setViewPanel: ViewPanelSlice['setViewPanel'];\n  getViewPanel: ViewPanelSlice['getViewPanel'];\n  viewPanelId: ViewPanelSlice['viewPanel']['panelGroupItemId'];\n} {\n  return useDashboardStore(selectViewPanel);\n}\n\nconst selectViewPanelGroup: (state: DashboardStoreState) => PanelGroupItemId | undefined = (\n  state: DashboardStoreState\n) => state.getViewPanel();\n/**\n * Gets the Panel Group for the view panel.\n */\nexport function useViewPanelGroup(): PanelGroupItemId | undefined {\n  return useDashboardStore(selectViewPanelGroup);\n}\n\nconst selectSaveChangesConfirmationDialog: ({\n  saveChangesConfirmationDialog,\n  openSaveChangesConfirmationDialog,\n  closeSaveChangesConfirmationDialog,\n}: DashboardStoreState) => {\n  closeSaveChangesConfirmationDialog: () => void;\n  openSaveChangesConfirmationDialog: (saveChangesConfirmationDialog: SaveChangesConfirmationDialogState) => void;\n  saveChangesConfirmationDialog: SaveChangesConfirmationDialogState | undefined;\n} = ({\n  saveChangesConfirmationDialog,\n  openSaveChangesConfirmationDialog,\n  closeSaveChangesConfirmationDialog,\n}: DashboardStoreState) => ({\n  saveChangesConfirmationDialog,\n  openSaveChangesConfirmationDialog,\n  closeSaveChangesConfirmationDialog,\n});\nexport function useSaveChangesConfirmationDialog(): {\n  closeSaveChangesConfirmationDialog: () => void;\n  openSaveChangesConfirmationDialog: (saveChangesConfirmationDialog: SaveChangesConfirmationDialogState) => void;\n  saveChangesConfirmationDialog: SaveChangesConfirmationDialogState | undefined;\n} {\n  return useDashboardStore(selectSaveChangesConfirmationDialog);\n}\n\nconst selectDiscardChangesConfirmationDialog: ({\n  discardChangesConfirmationDialog,\n  openDiscardChangesConfirmationDialog,\n  closeDiscardChangesConfirmationDialog,\n}: DashboardStoreState) => {\n  discardChangesConfirmationDialog: DiscardChangesConfirmationDialogState | undefined;\n  closeDiscardChangesConfirmationDialog: () => void;\n  openDiscardChangesConfirmationDialog: (\n    discardChangesConfirmationDialog: DiscardChangesConfirmationDialogState\n  ) => void;\n} = ({\n  discardChangesConfirmationDialog,\n  openDiscardChangesConfirmationDialog,\n  closeDiscardChangesConfirmationDialog,\n}: DashboardStoreState) => ({\n  discardChangesConfirmationDialog,\n  openDiscardChangesConfirmationDialog,\n  closeDiscardChangesConfirmationDialog,\n});\nexport function useDiscardChangesConfirmationDialog(): {\n  discardChangesConfirmationDialog: DiscardChangesConfirmationDialogState | undefined;\n  closeDiscardChangesConfirmationDialog: () => void;\n  openDiscardChangesConfirmationDialog: (\n    discardChangesConfirmationDialog: DiscardChangesConfirmationDialogState\n  ) => void;\n} {\n  return useDashboardStore(selectDiscardChangesConfirmationDialog);\n}\n\nconst selectEditJsonDialog: ({ editJsonDialog, openEditJsonDialog, closeEditJsonDialog }: DashboardStoreState) => {\n  openEditJsonDialog: () => void;\n  closeEditJsonDialog: () => void;\n  editJsonDialog: EditJsonDialogState | undefined;\n} = ({ editJsonDialog, openEditJsonDialog, closeEditJsonDialog }: DashboardStoreState) => ({\n  editJsonDialog,\n  openEditJsonDialog,\n  closeEditJsonDialog,\n});\n/**\n * Gets the state for the edit JSON dialog.\n */\nexport function useEditJsonDialog(): {\n  openEditJsonDialog: () => void;\n  closeEditJsonDialog: () => void;\n  editJsonDialog: EditJsonDialogState | undefined;\n} {\n  return useDashboardStore(selectEditJsonDialog);\n}\n"],"names":["useCallback","useMemo","useDashboardStore","selectEditMode","isEditMode","setEditMode","useEditMode","selectDashboardActions","setDashboard","openAddPanelGroup","openAddPanel","useDashboardActions","selectDashboardLinks","state","links","useDashboardLinks","selectDashboardLinksActions","setLinks","useDashboardLinksActions","selectPanelGroupOrder","panelGroupOrder","usePanelGroupIds","selectPanelGroups","panelGroups","useListPanelGroups","panelGroupIds","map","id","group","undefined","Error","usePanelGroup","panelGroupId","panelGroup","selectPanelGroupActions","openEditPanelGroup","deletePanelGroup","updatePanelGroupLayouts","usePanelGroupActions","moveUp","moveDown","useMovePanelGroup","itemLayouts","selectSwapPanelGroups","swapPanelGroups","selectPanelGroupsLength","length","currentIndex","store","findIndex","panelGroupsLength","selectPanelGroupEditor","panelGroupEditor","usePanelGroupEditor","selectDeletePanelGroupDialog","deletePanelGroupDialog","openDeletePanelGroupDialog","closeDeletePanelGroupDialog","useDeletePanelGroupDialog","usePanelKey","panelGroupItemId","panelKey","itemPanelKeys","panelGroupItemLayoutId","usePanel","panelGroupLayoutId","panel","panels","selectPanelActions","openEditPanel","openDeletePanelDialog","duplicatePanel","setViewPanel","usePanelActions","viewPanel","selectPanelEditor","panelEditor","usePanelEditor","selectDeletePanelDialog","deletePanelDialog","deletePanel","closeDeletePanelDialog","useDeletePanelDialog","selectDashboardDuration","duration","useDashboardDuration","selectViewPanel","getViewPanel","viewPanelId","useViewPanel","selectViewPanelGroup","useViewPanelGroup","selectSaveChangesConfirmationDialog","saveChangesConfirmationDialog","openSaveChangesConfirmationDialog","closeSaveChangesConfirmationDialog","useSaveChangesConfirmationDialog","selectDiscardChangesConfirmationDialog","discardChangesConfirmationDialog","openDiscardChangesConfirmationDialog","closeDiscardChangesConfirmationDialog","useDiscardChangesConfirmationDialog","selectEditJsonDialog","editJsonDialog","openEditJsonDialog","closeEditJsonDialog","useEditJsonDialog"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { StateCreator } from 'zustand';
-import { PanelGroupId } from '@perses-dev/spec';
+import { PanelGroupId } from '@perses-dev/plugin-system';
 import { Middleware } from './common';
 import { PanelGroupSlice } from './panel-group-slice';
 import { PanelSlice } from './panel-slice';

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/delete-panel-group-slice.ts"],"sourcesContent":["// Copyright 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 { PanelGroupId } from '@perses-dev/spec';\nimport { Middleware } from './common';\nimport { PanelGroupSlice } from './panel-group-slice';\nimport { PanelSlice } from './panel-slice';\n\n/**\n * Slice that handles the visual editor state and related actions for deleting a Panel Group.\n */\nexport interface DeletePanelGroupSlice {\n  deletePanelGroupDialog?: DeletePanelGroupDialogState;\n\n  /**\n   * Delete panel group and all the panels within the group\n   */\n  deletePanelGroup: (panelGroupId: PanelGroupId) => void;\n\n  openDeletePanelGroupDialog: (panelGroupId: PanelGroupId) => void;\n  closeDeletePanelGroupDialog: () => void;\n}\n\nexport interface DeletePanelGroupDialogState {\n  panelGroupId: PanelGroupId;\n  panelGroupName?: string;\n}\n\nexport const createDeletePanelGroupSlice: StateCreator<\n  // Actions in here need to modify both Panels and Panel Groups state\n  DeletePanelGroupSlice & PanelGroupSlice & PanelSlice,\n  Middleware,\n  [],\n  DeletePanelGroupSlice\n> = (set, get) => ({\n  deletePanelGroup(panelGroupId): void {\n    const { panelGroups, panelGroupOrder } = get();\n    const group = panelGroups[panelGroupId];\n    const idIndex = panelGroupOrder.findIndex((id) => id === panelGroupId);\n    if (group === undefined || idIndex === -1) {\n      throw new Error(`Panel group ${panelGroupId} not found`);\n    }\n\n    // Get the panel keys for all the panel items in the group we're going to delete\n    const panelKeys = Object.values(group.itemPanelKeys);\n\n    set((draft) => {\n      // Delete the panel group which also deletes all its items\n      delete draft.panelGroups[panelGroupId];\n      draft.panelGroupOrder.splice(idIndex, 1);\n\n      // Get all remaining panel keys in use\n      const usedPanelKeys = getUsedPanelKeys(draft.panelGroups);\n\n      // For the panel keys of the items that were just deleted, see if they're still used and if not, also delete the\n      // panel definition\n      for (const panelKey of panelKeys) {\n        if (usedPanelKeys.has(panelKey)) continue;\n\n        delete draft.panels[panelKey];\n      }\n    });\n  },\n\n  openDeletePanelGroupDialog: (panelGroupId): void => {\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\n  closeDeletePanelGroupDialog: () =>\n    set((state) => {\n      state.deletePanelGroupDialog = undefined;\n    }),\n});\n\n// Helper to get the panel keys of all groups, returning a set to eliminate duplicates\nfunction getUsedPanelKeys(panelGroups: PanelGroupSlice['panelGroups']): Set<string> {\n  const usedPanelKeys = new Set<string>();\n  for (const group of Object.values(panelGroups)) {\n    for (const panelKey of Object.values(group.itemPanelKeys)) {\n      usedPanelKeys.add(panelKey);\n    }\n  }\n  return usedPanelKeys;\n}\n"],"names":["createDeletePanelGroupSlice","set","get","deletePanelGroup","panelGroupId","panelGroups","panelGroupOrder","group","idIndex","findIndex","id","undefined","Error","panelKeys","Object","values","itemPanelKeys","draft","splice","usedPanelKeys","getUsedPanelKeys","panelKey","has","panels","openDeletePanelGroupDialog","panelGroup","state","deletePanelGroupDialog","panelGroupName","title","closeDeletePanelGroupDialog","Set","add"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AA4BjC,OAAO,MAAMA,8BAMT,CAACC,KAAKC,MAAS,CAAA;QACjBC,kBAAiBC,YAAY;YAC3B,MAAM,EAAEC,WAAW,EAAEC,eAAe,EAAE,GAAGJ;YACzC,MAAMK,QAAQF,WAAW,CAACD,aAAa;YACvC,MAAMI,UAAUF,gBAAgBG,SAAS,CAAC,CAACC,KAAOA,OAAON;YACzD,IAAIG,UAAUI,aAAaH,YAAY,CAAC,GAAG;gBACzC,MAAM,IAAII,MAAM,CAAC,YAAY,EAAER,aAAa,UAAU,CAAC;YACzD;YAEA,gFAAgF;YAChF,MAAMS,YAAYC,OAAOC,MAAM,CAACR,MAAMS,aAAa;YAEnDf,IAAI,CAACgB;gBACH,0DAA0D;gBAC1D,OAAOA,MAAMZ,WAAW,CAACD,aAAa;gBACtCa,MAAMX,eAAe,CAACY,MAAM,CAACV,SAAS;gBAEtC,sCAAsC;gBACtC,MAAMW,gBAAgBC,iBAAiBH,MAAMZ,WAAW;gBAExD,gHAAgH;gBAChH,mBAAmB;gBACnB,KAAK,MAAMgB,YAAYR,UAAW;oBAChC,IAAIM,cAAcG,GAAG,CAACD,WAAW;oBAEjC,OAAOJ,MAAMM,MAAM,CAACF,SAAS;gBAC/B;YACF;QACF;QAEAG,4BAA4B,CAACpB;YAC3B,MAAMqB,aAAavB,MAAMG,WAAW,CAACD,aAAa;YAClD,IAAIqB,eAAed,WAAW;gBAC5B,MAAM,IAAIC,MAAM,CAAC,oBAAoB,EAAER,aAAa,UAAU,CAAC;YACjE;YACAH,IAAI,CAACyB;gBACHA,MAAMC,sBAAsB,GAAG;oBAAEvB;oBAAcwB,gBAAgBH,WAAWI,KAAK;gBAAC;YAClF;QACF;QAEAC,6BAA6B,IAC3B7B,IAAI,CAACyB;gBACHA,MAAMC,sBAAsB,GAAGhB;YACjC;IACJ,CAAA,EAAG;AAEH,sFAAsF;AACtF,SAASS,iBAAiBf,WAA2C;IACnE,MAAMc,gBAAgB,IAAIY;IAC1B,KAAK,MAAMxB,SAASO,OAAOC,MAAM,CAACV,aAAc;QAC9C,KAAK,MAAMgB,YAAYP,OAAOC,MAAM,CAACR,MAAMS,aAAa,EAAG;YACzDG,cAAca,GAAG,CAACX;QACpB;IACF;IACA,OAAOF;AACT"}
+{"version":3,"sources":["../../../src/context/DashboardProvider/delete-panel-group-slice.ts"],"sourcesContent":["// Copyright 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 { PanelGroupId } from '@perses-dev/plugin-system';\nimport { Middleware } from './common';\nimport { PanelGroupSlice } from './panel-group-slice';\nimport { PanelSlice } from './panel-slice';\n\n/**\n * Slice that handles the visual editor state and related actions for deleting a Panel Group.\n */\nexport interface DeletePanelGroupSlice {\n  deletePanelGroupDialog?: DeletePanelGroupDialogState;\n\n  /**\n   * Delete panel group and all the panels within the group\n   */\n  deletePanelGroup: (panelGroupId: PanelGroupId) => void;\n\n  openDeletePanelGroupDialog: (panelGroupId: PanelGroupId) => void;\n  closeDeletePanelGroupDialog: () => void;\n}\n\nexport interface DeletePanelGroupDialogState {\n  panelGroupId: PanelGroupId;\n  panelGroupName?: string;\n}\n\nexport const createDeletePanelGroupSlice: StateCreator<\n  // Actions in here need to modify both Panels and Panel Groups state\n  DeletePanelGroupSlice & PanelGroupSlice & PanelSlice,\n  Middleware,\n  [],\n  DeletePanelGroupSlice\n> = (set, get) => ({\n  deletePanelGroup(panelGroupId): void {\n    const { panelGroups, panelGroupOrder } = get();\n    const group = panelGroups[panelGroupId];\n    const idIndex = panelGroupOrder.findIndex((id) => id === panelGroupId);\n    if (group === undefined || idIndex === -1) {\n      throw new Error(`Panel group ${panelGroupId} not found`);\n    }\n\n    // Get the panel keys for all the panel items in the group we're going to delete\n    const panelKeys = Object.values(group.itemPanelKeys);\n\n    set((draft) => {\n      // Delete the panel group which also deletes all its items\n      delete draft.panelGroups[panelGroupId];\n      draft.panelGroupOrder.splice(idIndex, 1);\n\n      // Get all remaining panel keys in use\n      const usedPanelKeys = getUsedPanelKeys(draft.panelGroups);\n\n      // For the panel keys of the items that were just deleted, see if they're still used and if not, also delete the\n      // panel definition\n      for (const panelKey of panelKeys) {\n        if (usedPanelKeys.has(panelKey)) continue;\n\n        delete draft.panels[panelKey];\n      }\n    });\n  },\n\n  openDeletePanelGroupDialog: (panelGroupId): void => {\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\n  closeDeletePanelGroupDialog: () =>\n    set((state) => {\n      state.deletePanelGroupDialog = undefined;\n    }),\n});\n\n// Helper to get the panel keys of all groups, returning a set to eliminate duplicates\nfunction getUsedPanelKeys(panelGroups: PanelGroupSlice['panelGroups']): Set<string> {\n  const usedPanelKeys = new Set<string>();\n  for (const group of Object.values(panelGroups)) {\n    for (const panelKey of Object.values(group.itemPanelKeys)) {\n      usedPanelKeys.add(panelKey);\n    }\n  }\n  return usedPanelKeys;\n}\n"],"names":["createDeletePanelGroupSlice","set","get","deletePanelGroup","panelGroupId","panelGroups","panelGroupOrder","group","idIndex","findIndex","id","undefined","Error","panelKeys","Object","values","itemPanelKeys","draft","splice","usedPanelKeys","getUsedPanelKeys","panelKey","has","panels","openDeletePanelGroupDialog","panelGroup","state","deletePanelGroupDialog","panelGroupName","title","closeDeletePanelGroupDialog","Set","add"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AA4BjC,OAAO,MAAMA,8BAMT,CAACC,KAAKC,MAAS,CAAA;QACjBC,kBAAiBC,YAAY;YAC3B,MAAM,EAAEC,WAAW,EAAEC,eAAe,EAAE,GAAGJ;YACzC,MAAMK,QAAQF,WAAW,CAACD,aAAa;YACvC,MAAMI,UAAUF,gBAAgBG,SAAS,CAAC,CAACC,KAAOA,OAAON;YACzD,IAAIG,UAAUI,aAAaH,YAAY,CAAC,GAAG;gBACzC,MAAM,IAAII,MAAM,CAAC,YAAY,EAAER,aAAa,UAAU,CAAC;YACzD;YAEA,gFAAgF;YAChF,MAAMS,YAAYC,OAAOC,MAAM,CAACR,MAAMS,aAAa;YAEnDf,IAAI,CAACgB;gBACH,0DAA0D;gBAC1D,OAAOA,MAAMZ,WAAW,CAACD,aAAa;gBACtCa,MAAMX,eAAe,CAACY,MAAM,CAACV,SAAS;gBAEtC,sCAAsC;gBACtC,MAAMW,gBAAgBC,iBAAiBH,MAAMZ,WAAW;gBAExD,gHAAgH;gBAChH,mBAAmB;gBACnB,KAAK,MAAMgB,YAAYR,UAAW;oBAChC,IAAIM,cAAcG,GAAG,CAACD,WAAW;oBAEjC,OAAOJ,MAAMM,MAAM,CAACF,SAAS;gBAC/B;YACF;QACF;QAEAG,4BAA4B,CAACpB;YAC3B,MAAMqB,aAAavB,MAAMG,WAAW,CAACD,aAAa;YAClD,IAAIqB,eAAed,WAAW;gBAC5B,MAAM,IAAIC,MAAM,CAAC,oBAAoB,EAAER,aAAa,UAAU,CAAC;YACjE;YACAH,IAAI,CAACyB;gBACHA,MAAMC,sBAAsB,GAAG;oBAAEvB;oBAAcwB,gBAAgBH,WAAWI,KAAK;gBAAC;YAClF;QACF;QAEAC,6BAA6B,IAC3B7B,IAAI,CAACyB;gBACHA,MAAMC,sBAAsB,GAAGhB;YACjC;IACJ,CAAA,EAAG;AAEH,sFAAsF;AACtF,SAASS,iBAAiBf,WAA2C;IACnE,MAAMc,gBAAgB,IAAIY;IAC1B,KAAK,MAAMxB,SAASO,OAAOC,MAAM,CAACV,aAAc;QAC9C,KAAK,MAAMgB,YAAYP,OAAOC,MAAM,CAACR,MAAMS,aAAa,EAAG;YACzDG,cAAca,GAAG,CAACX;QACpB;IACF;IACA,OAAOF;AACT"}

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

@@ -1,4 +1,4 @@
-import { PanelEditorValues, PanelGroupId } from '@perses-dev/spec';
+import { PanelEditorValues, PanelGroupId } from '@perses-dev/plugin-system';
 import { StateCreator } from 'zustand';
 import { Action } from '@perses-dev/client';
 import { PanelGroupItemId } from '../../model';

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

@@ -1 +1 @@
-{"version":3,"file":"panel-editor-slice.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/panel-editor-slice.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,OAAO,EAAwB,gBAAgB,EAAwB,MAAM,aAAa,CAAC;AAC3F,OAAO,EAAc,UAAU,EAAyB,MAAM,UAAU,CAAC;AACzE,OAAO,EAAE,eAAe,EAAwC,MAAM,qBAAqB,CAAC;AAC5F,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAC;IAE3D;;OAEG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAE/B;;OAEG;IACH,aAAa,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAE5D;;OAEG;IACH,YAAY,EAAE,CAAC,YAAY,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAKb,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAEpC;;OAEG;IACH,aAAa,EAAE,iBAAiB,CAAC;IAEjC;;OAEG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAEhD;;OAEG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,YAAY,CAEpD,gBAAgB,GAAG,UAAU,GAAG,eAAe,EAC/C,UAAU,EACV;CAAE,EACF,gBAAgB,CACjB,CA2IA"}
+{"version":3,"file":"panel-editor-slice.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/panel-editor-slice.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,OAAO,EAAwB,gBAAgB,EAAwB,MAAM,aAAa,CAAC;AAC3F,OAAO,EAAc,UAAU,EAAyB,MAAM,UAAU,CAAC;AACzE,OAAO,EAAE,eAAe,EAAwC,MAAM,qBAAqB,CAAC;AAC5F,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAC;IAE3D;;OAEG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAE/B;;OAEG;IACH,aAAa,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAE5D;;OAEG;IACH,YAAY,EAAE,CAAC,YAAY,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAKb,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAEpC;;OAEG;IACH,aAAa,EAAE,iBAAiB,CAAC;IAEjC;;OAEG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAEhD;;OAEG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,YAAY,CAEpD,gBAAgB,GAAG,UAAU,GAAG,eAAe,EAC/C,UAAU,EACV;CAAE,EACF,gBAAgB,CACjB,CA2IA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/panel-editor-slice.ts"],"sourcesContent":["// Copyright 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 { PanelEditorValues, PanelGroupId } from '@perses-dev/spec';\nimport { StateCreator } from 'zustand';\nimport { Action } from '@perses-dev/client';\nimport { generatePanelKey, getYForNewRow } from '../../utils';\nimport { PanelGroupDefinition, PanelGroupItemId, PanelGroupItemLayout } from '../../model';\nimport { generateId, Middleware, createPanelDefinition } from './common';\nimport { PanelGroupSlice, addPanelGroup, createEmptyPanelGroup } from './panel-group-slice';\nimport { PanelSlice } from './panel-slice';\n\n/**\n * Slice that handles the visual editor state and actions for adding or editing Panels.\n */\nexport interface PanelEditorSlice {\n  /**\n   * Initial values for add panel if default panel kind is defined\n   */\n  initialValues?: Pick<PanelEditorValues, 'panelDefinition'>;\n\n  /**\n   * State for the panel editor when its open, otherwise undefined when it's closed.\n   */\n  panelEditor?: PanelEditorState;\n\n  /**\n   * Opens the editor for editing an existing panel by providing its layout coordinates.\n   */\n  openEditPanel: (panelGroupItemId: PanelGroupItemId) => void;\n\n  /**\n   * Opens the editor for adding a new Panel to a panel group.\n   */\n  openAddPanel: (panelGroupId?: PanelGroupId) => void;\n}\n\nexport interface PanelEditorState {\n  /**\n   * Whether we're adding a new panel, or editing an existing panel.\n   */\n  mode: Action;\n\n  /*\n   * Original item in a PanelGroup edited\n   */\n  panelGroupItemId?: PanelGroupItemId;\n\n  /**\n   * Initial values for the things that can be edited about a panel.\n   */\n  initialValues: PanelEditorValues;\n\n  /**\n   * Applies changes, but doesn't close the editor.\n   */\n  applyChanges: (next: PanelEditorValues) => void;\n\n  /**\n   * Close the editor.\n   */\n  close: () => void;\n}\n\n/**\n * Curried function for creating the PanelEditorSlice.\n */\nexport function createPanelEditorSlice(): StateCreator<\n  // Actions in here need to modify both Panels and Panel Groups state\n  PanelEditorSlice & PanelSlice & PanelGroupSlice,\n  Middleware,\n  [],\n  PanelEditorSlice\n> {\n  // Return the state creator function for Zustand that uses the panels provided as intitial state\n  return (set, get) => ({\n    panelEditor: undefined,\n\n    openEditPanel(panelGroupItemId): void {\n      const { panels, panelGroups } = get();\n\n      // Figure out the panel key at that location\n      const { panelGroupId, panelGroupItemLayoutId: panelGroupLayoutId } = panelGroupItemId;\n      const panelKey = panelGroups[panelGroupId]?.itemPanelKeys[panelGroupLayoutId];\n      if (panelKey === undefined) {\n        throw new Error(`Could not find Panel Group item ${panelGroupItemId}`);\n      }\n\n      // Find the panel to edit\n      const panelToEdit = panels[panelKey];\n      if (panelToEdit === undefined) {\n        throw new Error(`Cannot find Panel with key '${panelKey}'`);\n      }\n\n      const editorState: PanelEditorState = {\n        mode: 'update',\n        panelGroupItemId: panelGroupItemId,\n        initialValues: {\n          groupId: panelGroupItemId.panelGroupId,\n          panelDefinition: panelToEdit,\n        },\n        applyChanges: (next) => {\n          set((state) => {\n            state.panels[panelKey] = next.panelDefinition;\n\n            // If the panel didn't change groups, nothing else to do\n            if (next.groupId === panelGroupId) {\n              return;\n            }\n\n            // Move panel to the new group\n            const existingGroup = state.panelGroups[panelGroupId];\n            if (existingGroup === undefined) {\n              throw new Error(`Missing panel group ${panelGroupId}`);\n            }\n\n            const existingLayoutIdx = existingGroup.itemLayouts.findIndex((layout) => layout.i === panelGroupLayoutId);\n            const existingLayout = existingGroup.itemLayouts[existingLayoutIdx];\n            const existingPanelKey = existingGroup.itemPanelKeys[panelGroupLayoutId];\n            if (existingLayoutIdx === -1 || existingLayout === undefined || existingPanelKey === undefined) {\n              throw new Error(`Missing panel group item ${panelGroupLayoutId}`);\n            }\n\n            // Remove item from the old group\n            existingGroup.itemLayouts.splice(existingLayoutIdx, 1);\n            delete existingGroup.itemPanelKeys[panelGroupLayoutId];\n\n            // Add item to the end of the new group\n            const newGroup = state.panelGroups[next.groupId];\n            if (newGroup === undefined) {\n              throw new Error(`Could not find new group ${next.groupId}`);\n            }\n\n            newGroup.itemLayouts.push({\n              i: existingLayout.i,\n              x: 0,\n              y: getYForNewRow(newGroup),\n              w: existingLayout.w,\n              h: existingLayout.h,\n            });\n            newGroup.itemPanelKeys[existingLayout.i] = existingPanelKey;\n          });\n        },\n        close: () => {\n          set((state) => {\n            state.panelEditor = undefined;\n          });\n        },\n      };\n\n      // Open the editor with the new state\n      set((state) => {\n        state.panelEditor = editorState;\n      });\n    },\n\n    openAddPanel(panelGroupId): void {\n      // If a panel group isn't supplied, add to the first group or create a group if there aren't any\n      let newGroup: PanelGroupDefinition | undefined = undefined;\n      panelGroupId ??= get().panelGroupOrder[0];\n      if (panelGroupId === undefined) {\n        newGroup = createEmptyPanelGroup();\n        newGroup.title = 'Panel Group';\n        panelGroupId = newGroup.id;\n      }\n\n      const editorState: PanelEditorState = {\n        mode: 'create',\n        initialValues: {\n          groupId: panelGroupId,\n          panelDefinition: get().initialValues?.panelDefinition ?? createPanelDefinition(),\n        },\n        applyChanges: (next) => {\n          const panelKey = generatePanelKey();\n          set((state) => {\n            // Add a panel\n            state.panels[panelKey] = next.panelDefinition;\n\n            // Also add a panel group item referencing the panel\n            const group = state.panelGroups[next.groupId];\n            if (group === undefined) {\n              throw new Error(`Missing panel group ${next.groupId}`);\n            }\n            const layout: PanelGroupItemLayout = {\n              i: generateId().toString(),\n              x: 0,\n              y: getYForNewRow(group),\n              w: 12,\n              h: 6,\n            };\n            group.itemLayouts.push(layout);\n            group.itemPanelKeys[layout.i] = panelKey;\n          });\n        },\n        close: () => {\n          set((state) => {\n            state.panelEditor = undefined;\n          });\n        },\n      };\n\n      set((state) => {\n        // Add the new panel group if one was created for the panel\n        if (newGroup !== undefined) {\n          addPanelGroup(state, newGroup);\n        }\n\n        // Open the editor with the new state\n        state.panelEditor = editorState;\n      });\n    },\n  });\n}\n"],"names":["generatePanelKey","getYForNewRow","generateId","createPanelDefinition","addPanelGroup","createEmptyPanelGroup","createPanelEditorSlice","set","get","panelEditor","undefined","openEditPanel","panelGroupItemId","panels","panelGroups","panelGroupId","panelGroupItemLayoutId","panelGroupLayoutId","panelKey","itemPanelKeys","Error","panelToEdit","editorState","mode","initialValues","groupId","panelDefinition","applyChanges","next","state","existingGroup","existingLayoutIdx","itemLayouts","findIndex","layout","i","existingLayout","existingPanelKey","splice","newGroup","push","x","y","w","h","close","openAddPanel","panelGroupOrder","title","id","group","toString"],"mappings":"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"}
+{"version":3,"sources":["../../../src/context/DashboardProvider/panel-editor-slice.ts"],"sourcesContent":["// Copyright 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 { PanelEditorValues, PanelGroupId } from '@perses-dev/plugin-system';\nimport { StateCreator } from 'zustand';\nimport { Action } from '@perses-dev/client';\nimport { generatePanelKey, getYForNewRow } from '../../utils';\nimport { PanelGroupDefinition, PanelGroupItemId, PanelGroupItemLayout } from '../../model';\nimport { generateId, Middleware, createPanelDefinition } from './common';\nimport { PanelGroupSlice, addPanelGroup, createEmptyPanelGroup } from './panel-group-slice';\nimport { PanelSlice } from './panel-slice';\n\n/**\n * Slice that handles the visual editor state and actions for adding or editing Panels.\n */\nexport interface PanelEditorSlice {\n  /**\n   * Initial values for add panel if default panel kind is defined\n   */\n  initialValues?: Pick<PanelEditorValues, 'panelDefinition'>;\n\n  /**\n   * State for the panel editor when its open, otherwise undefined when it's closed.\n   */\n  panelEditor?: PanelEditorState;\n\n  /**\n   * Opens the editor for editing an existing panel by providing its layout coordinates.\n   */\n  openEditPanel: (panelGroupItemId: PanelGroupItemId) => void;\n\n  /**\n   * Opens the editor for adding a new Panel to a panel group.\n   */\n  openAddPanel: (panelGroupId?: PanelGroupId) => void;\n}\n\nexport interface PanelEditorState {\n  /**\n   * Whether we're adding a new panel, or editing an existing panel.\n   */\n  mode: Action;\n\n  /*\n   * Original item in a PanelGroup edited\n   */\n  panelGroupItemId?: PanelGroupItemId;\n\n  /**\n   * Initial values for the things that can be edited about a panel.\n   */\n  initialValues: PanelEditorValues;\n\n  /**\n   * Applies changes, but doesn't close the editor.\n   */\n  applyChanges: (next: PanelEditorValues) => void;\n\n  /**\n   * Close the editor.\n   */\n  close: () => void;\n}\n\n/**\n * Curried function for creating the PanelEditorSlice.\n */\nexport function createPanelEditorSlice(): StateCreator<\n  // Actions in here need to modify both Panels and Panel Groups state\n  PanelEditorSlice & PanelSlice & PanelGroupSlice,\n  Middleware,\n  [],\n  PanelEditorSlice\n> {\n  // Return the state creator function for Zustand that uses the panels provided as intitial state\n  return (set, get) => ({\n    panelEditor: undefined,\n\n    openEditPanel(panelGroupItemId): void {\n      const { panels, panelGroups } = get();\n\n      // Figure out the panel key at that location\n      const { panelGroupId, panelGroupItemLayoutId: panelGroupLayoutId } = panelGroupItemId;\n      const panelKey = panelGroups[panelGroupId]?.itemPanelKeys[panelGroupLayoutId];\n      if (panelKey === undefined) {\n        throw new Error(`Could not find Panel Group item ${panelGroupItemId}`);\n      }\n\n      // Find the panel to edit\n      const panelToEdit = panels[panelKey];\n      if (panelToEdit === undefined) {\n        throw new Error(`Cannot find Panel with key '${panelKey}'`);\n      }\n\n      const editorState: PanelEditorState = {\n        mode: 'update',\n        panelGroupItemId: panelGroupItemId,\n        initialValues: {\n          groupId: panelGroupItemId.panelGroupId,\n          panelDefinition: panelToEdit,\n        },\n        applyChanges: (next) => {\n          set((state) => {\n            state.panels[panelKey] = next.panelDefinition;\n\n            // If the panel didn't change groups, nothing else to do\n            if (next.groupId === panelGroupId) {\n              return;\n            }\n\n            // Move panel to the new group\n            const existingGroup = state.panelGroups[panelGroupId];\n            if (existingGroup === undefined) {\n              throw new Error(`Missing panel group ${panelGroupId}`);\n            }\n\n            const existingLayoutIdx = existingGroup.itemLayouts.findIndex((layout) => layout.i === panelGroupLayoutId);\n            const existingLayout = existingGroup.itemLayouts[existingLayoutIdx];\n            const existingPanelKey = existingGroup.itemPanelKeys[panelGroupLayoutId];\n            if (existingLayoutIdx === -1 || existingLayout === undefined || existingPanelKey === undefined) {\n              throw new Error(`Missing panel group item ${panelGroupLayoutId}`);\n            }\n\n            // Remove item from the old group\n            existingGroup.itemLayouts.splice(existingLayoutIdx, 1);\n            delete existingGroup.itemPanelKeys[panelGroupLayoutId];\n\n            // Add item to the end of the new group\n            const newGroup = state.panelGroups[next.groupId];\n            if (newGroup === undefined) {\n              throw new Error(`Could not find new group ${next.groupId}`);\n            }\n\n            newGroup.itemLayouts.push({\n              i: existingLayout.i,\n              x: 0,\n              y: getYForNewRow(newGroup),\n              w: existingLayout.w,\n              h: existingLayout.h,\n            });\n            newGroup.itemPanelKeys[existingLayout.i] = existingPanelKey;\n          });\n        },\n        close: () => {\n          set((state) => {\n            state.panelEditor = undefined;\n          });\n        },\n      };\n\n      // Open the editor with the new state\n      set((state) => {\n        state.panelEditor = editorState;\n      });\n    },\n\n    openAddPanel(panelGroupId): void {\n      // If a panel group isn't supplied, add to the first group or create a group if there aren't any\n      let newGroup: PanelGroupDefinition | undefined = undefined;\n      panelGroupId ??= get().panelGroupOrder[0];\n      if (panelGroupId === undefined) {\n        newGroup = createEmptyPanelGroup();\n        newGroup.title = 'Panel Group';\n        panelGroupId = newGroup.id;\n      }\n\n      const editorState: PanelEditorState = {\n        mode: 'create',\n        initialValues: {\n          groupId: panelGroupId,\n          panelDefinition: get().initialValues?.panelDefinition ?? createPanelDefinition(),\n        },\n        applyChanges: (next) => {\n          const panelKey = generatePanelKey();\n          set((state) => {\n            // Add a panel\n            state.panels[panelKey] = next.panelDefinition;\n\n            // Also add a panel group item referencing the panel\n            const group = state.panelGroups[next.groupId];\n            if (group === undefined) {\n              throw new Error(`Missing panel group ${next.groupId}`);\n            }\n            const layout: PanelGroupItemLayout = {\n              i: generateId().toString(),\n              x: 0,\n              y: getYForNewRow(group),\n              w: 12,\n              h: 6,\n            };\n            group.itemLayouts.push(layout);\n            group.itemPanelKeys[layout.i] = panelKey;\n          });\n        },\n        close: () => {\n          set((state) => {\n            state.panelEditor = undefined;\n          });\n        },\n      };\n\n      set((state) => {\n        // Add the new panel group if one was created for the panel\n        if (newGroup !== undefined) {\n          addPanelGroup(state, newGroup);\n        }\n\n        // Open the editor with the new state\n        state.panelEditor = editorState;\n      });\n    },\n  });\n}\n"],"names":["generatePanelKey","getYForNewRow","generateId","createPanelDefinition","addPanelGroup","createEmptyPanelGroup","createPanelEditorSlice","set","get","panelEditor","undefined","openEditPanel","panelGroupItemId","panels","panelGroups","panelGroupId","panelGroupItemLayoutId","panelGroupLayoutId","panelKey","itemPanelKeys","Error","panelToEdit","editorState","mode","initialValues","groupId","panelDefinition","applyChanges","next","state","existingGroup","existingLayoutIdx","itemLayouts","findIndex","layout","i","existingLayout","existingPanelKey","splice","newGroup","push","x","y","w","h","close","openAddPanel","panelGroupOrder","title","id","group","toString"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { StateCreator } from 'zustand';
-import { PanelGroupId } from '@perses-dev/spec';
+import { PanelGroupId } from '@perses-dev/plugin-system';
 import { Middleware } from './common';
 import { PanelGroupSlice } from './panel-group-slice';
 export interface PanelGroupEditor {

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

@@ -1 +1 @@
-{"version":3,"file":"panel-group-editor-slice.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/panel-group-editor-slice.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,eAAe,EAAwC,MAAM,qBAAqB,CAAC;AAE5F,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;IACrB,aAAa,EAAE,sBAAsB,CAAC;IACtC,YAAY,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACrD,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAEpC;;OAEG;IACH,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAE9B;;OAEG;IACH,kBAAkB,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;CAC1D;AAED,eAAO,MAAM,2BAA2B,EAAE,YAAY,CAEpD,qBAAqB,GAAG,eAAe,EACvC,UAAU,EACV;CAAE,EACF,qBAAqB,CAwErB,CAAC"}
+{"version":3,"file":"panel-group-editor-slice.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/panel-group-editor-slice.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,eAAe,EAAwC,MAAM,qBAAqB,CAAC;AAE5F,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;IACrB,aAAa,EAAE,sBAAsB,CAAC;IACtC,YAAY,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACrD,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAEpC;;OAEG;IACH,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAE9B;;OAEG;IACH,kBAAkB,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;CAC1D;AAED,eAAO,MAAM,2BAA2B,EAAE,YAAY,CAEpD,qBAAqB,GAAG,eAAe,EACvC,UAAU,EACV;CAAE,EACF,qBAAqB,CAwErB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/panel-group-editor-slice.ts"],"sourcesContent":["// Copyright 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 { PanelGroupId } from '@perses-dev/spec';\nimport { Middleware } from './common';\nimport { PanelGroupSlice, addPanelGroup, createEmptyPanelGroup } 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  repeatVariable: string | undefined;\n}\n\n/**\n * Slice that handles the visual editor state and related actions for adding or editing Panel Groups.\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\nexport const createPanelGroupEditorSlice: StateCreator<\n  // Actions in here need to modify Panel Group state\n  PanelGroupEditorSlice & PanelGroupSlice,\n  Middleware,\n  [],\n  PanelGroupEditorSlice\n> = (set, get) => ({\n  panelGroupEditor: undefined,\n\n  openAddPanelGroup: (): void => {\n    // Create the editor state\n    const editor: PanelGroupEditor = {\n      mode: 'Add',\n      initialValues: {\n        title: '',\n        isCollapsed: false,\n        repeatVariable: '',\n      },\n      applyChanges(next) {\n        const newGroup = createEmptyPanelGroup();\n        newGroup.title = next.title;\n        newGroup.isCollapsed = next.isCollapsed;\n        newGroup.repeatVariable = next.repeatVariable;\n        set((draft) => {\n          addPanelGroup(draft, newGroup);\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): void => {\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        repeatVariable: existingGroup.repeatVariable ?? '',\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          group.repeatVariable = next.repeatVariable;\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"],"names":["addPanelGroup","createEmptyPanelGroup","createPanelGroupEditorSlice","set","get","panelGroupEditor","undefined","openAddPanelGroup","editor","mode","initialValues","title","isCollapsed","repeatVariable","applyChanges","next","newGroup","draft","close","openEditPanelGroup","panelGroupId","existingGroup","panelGroups","Error","group"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAKjC,SAA0BA,aAAa,EAAEC,qBAAqB,QAAQ,sBAAsB;AAmC5F,OAAO,MAAMC,8BAMT,CAACC,KAAKC,MAAS,CAAA;QACjBC,kBAAkBC;QAElBC,mBAAmB;YACjB,0BAA0B;YAC1B,MAAMC,SAA2B;gBAC/BC,MAAM;gBACNC,eAAe;oBACbC,OAAO;oBACPC,aAAa;oBACbC,gBAAgB;gBAClB;gBACAC,cAAaC,IAAI;oBACf,MAAMC,WAAWf;oBACjBe,SAASL,KAAK,GAAGI,KAAKJ,KAAK;oBAC3BK,SAASJ,WAAW,GAAGG,KAAKH,WAAW;oBACvCI,SAASH,cAAc,GAAGE,KAAKF,cAAc;oBAC7CV,IAAI,CAACc;wBACHjB,cAAciB,OAAOD;oBACvB;gBACF;gBACAE;oBACEf,IAAI,CAACc;wBACHA,MAAMZ,gBAAgB,GAAGC;oBAC3B;gBACF;YACF;YAEA,kBAAkB;YAClBH,IAAI,CAACc;gBACHA,MAAMZ,gBAAgB,GAAGG;YAC3B;QACF;QAEAW,oBAAoB,CAACC;YACnB,MAAMC,gBAAgBjB,MAAMkB,WAAW,CAACF,aAAa;YACrD,IAAIC,kBAAkBf,WAAW;gBAC/B,MAAM,IAAIiB,MAAM,CAAC,oBAAoB,EAAEH,aAAa,eAAe,CAAC;YACtE;YAEA,0BAA0B;YAC1B,MAAMZ,SAA2B;gBAC/BC,MAAM;gBACNC,eAAe;oBACbC,OAAOU,cAAcV,KAAK,IAAI;oBAC9BC,aAAaS,cAAcT,WAAW;oBACtCC,gBAAgBQ,cAAcR,cAAc,IAAI;gBAClD;gBACAC,cAAaC,IAAI;oBACfZ,IAAI,CAACc;wBACH,MAAMO,QAAQP,MAAMK,WAAW,CAACF,aAAa;wBAC7C,IAAII,UAAUlB,WAAW;4BACvB,MAAM,IAAIiB,MAAM,CAAC,oBAAoB,EAAEH,aAAa,eAAe,CAAC;wBACtE;wBACAI,MAAMb,KAAK,GAAGI,KAAKJ,KAAK;wBACxBa,MAAMZ,WAAW,GAAGG,KAAKH,WAAW;wBACpCY,MAAMX,cAAc,GAAGE,KAAKF,cAAc;oBAC5C;gBACF;gBACAK;oBACEf,IAAI,CAACc;wBACHA,MAAMZ,gBAAgB,GAAGC;oBAC3B;gBACF;YACF;YAEA,kBAAkB;YAClBH,IAAI,CAACc;gBACHA,MAAMZ,gBAAgB,GAAGG;YAC3B;QACF;IACF,CAAA,EAAG"}
+{"version":3,"sources":["../../../src/context/DashboardProvider/panel-group-editor-slice.ts"],"sourcesContent":["// Copyright 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 { PanelGroupId } from '@perses-dev/plugin-system';\nimport { Middleware } from './common';\nimport { PanelGroupSlice, addPanelGroup, createEmptyPanelGroup } 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  repeatVariable: string | undefined;\n}\n\n/**\n * Slice that handles the visual editor state and related actions for adding or editing Panel Groups.\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\nexport const createPanelGroupEditorSlice: StateCreator<\n  // Actions in here need to modify Panel Group state\n  PanelGroupEditorSlice & PanelGroupSlice,\n  Middleware,\n  [],\n  PanelGroupEditorSlice\n> = (set, get) => ({\n  panelGroupEditor: undefined,\n\n  openAddPanelGroup: (): void => {\n    // Create the editor state\n    const editor: PanelGroupEditor = {\n      mode: 'Add',\n      initialValues: {\n        title: '',\n        isCollapsed: false,\n        repeatVariable: '',\n      },\n      applyChanges(next) {\n        const newGroup = createEmptyPanelGroup();\n        newGroup.title = next.title;\n        newGroup.isCollapsed = next.isCollapsed;\n        newGroup.repeatVariable = next.repeatVariable;\n        set((draft) => {\n          addPanelGroup(draft, newGroup);\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): void => {\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        repeatVariable: existingGroup.repeatVariable ?? '',\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          group.repeatVariable = next.repeatVariable;\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"],"names":["addPanelGroup","createEmptyPanelGroup","createPanelGroupEditorSlice","set","get","panelGroupEditor","undefined","openAddPanelGroup","editor","mode","initialValues","title","isCollapsed","repeatVariable","applyChanges","next","newGroup","draft","close","openEditPanelGroup","panelGroupId","existingGroup","panelGroups","Error","group"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAKjC,SAA0BA,aAAa,EAAEC,qBAAqB,QAAQ,sBAAsB;AAmC5F,OAAO,MAAMC,8BAMT,CAACC,KAAKC,MAAS,CAAA;QACjBC,kBAAkBC;QAElBC,mBAAmB;YACjB,0BAA0B;YAC1B,MAAMC,SAA2B;gBAC/BC,MAAM;gBACNC,eAAe;oBACbC,OAAO;oBACPC,aAAa;oBACbC,gBAAgB;gBAClB;gBACAC,cAAaC,IAAI;oBACf,MAAMC,WAAWf;oBACjBe,SAASL,KAAK,GAAGI,KAAKJ,KAAK;oBAC3BK,SAASJ,WAAW,GAAGG,KAAKH,WAAW;oBACvCI,SAASH,cAAc,GAAGE,KAAKF,cAAc;oBAC7CV,IAAI,CAACc;wBACHjB,cAAciB,OAAOD;oBACvB;gBACF;gBACAE;oBACEf,IAAI,CAACc;wBACHA,MAAMZ,gBAAgB,GAAGC;oBAC3B;gBACF;YACF;YAEA,kBAAkB;YAClBH,IAAI,CAACc;gBACHA,MAAMZ,gBAAgB,GAAGG;YAC3B;QACF;QAEAW,oBAAoB,CAACC;YACnB,MAAMC,gBAAgBjB,MAAMkB,WAAW,CAACF,aAAa;YACrD,IAAIC,kBAAkBf,WAAW;gBAC/B,MAAM,IAAIiB,MAAM,CAAC,oBAAoB,EAAEH,aAAa,eAAe,CAAC;YACtE;YAEA,0BAA0B;YAC1B,MAAMZ,SAA2B;gBAC/BC,MAAM;gBACNC,eAAe;oBACbC,OAAOU,cAAcV,KAAK,IAAI;oBAC9BC,aAAaS,cAAcT,WAAW;oBACtCC,gBAAgBQ,cAAcR,cAAc,IAAI;gBAClD;gBACAC,cAAaC,IAAI;oBACfZ,IAAI,CAACc;wBACH,MAAMO,QAAQP,MAAMK,WAAW,CAACF,aAAa;wBAC7C,IAAII,UAAUlB,WAAW;4BACvB,MAAM,IAAIiB,MAAM,CAAC,oBAAoB,EAAEH,aAAa,eAAe,CAAC;wBACtE;wBACAI,MAAMb,KAAK,GAAGI,KAAKJ,KAAK;wBACxBa,MAAMZ,WAAW,GAAGG,KAAKH,WAAW;wBACpCY,MAAMX,cAAc,GAAGE,KAAKF,cAAc;oBAC5C;gBACF;gBACAK;oBACEf,IAAI,CAACc;wBACHA,MAAMZ,gBAAgB,GAAGC;oBAC3B;gBACF;YACF;YAEA,kBAAkB;YAClBH,IAAI,CAACc;gBACHA,MAAMZ,gBAAgB,GAAGG;YAC3B;QACF;IACF,CAAA,EAAG"}

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

@@ -1,6 +1,7 @@
-import { LayoutDefinition, PanelGroupId } from '@perses-dev/spec';
+import { LayoutDefinition } from '@perses-dev/spec';
 import { StateCreator } from 'zustand';
 import { WritableDraft } from 'immer';
+import { PanelGroupId } from '@perses-dev/plugin-system';
 import { PanelGroupDefinition } from '../../model';
 import { Middleware } from './common';
 /**

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,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACtF,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,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;;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,CAwC1D;AAED;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,oBAAoB,CAQ5D;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,EAAE,QAAQ,EAAE,oBAAoB,GAAG,IAAI,CAGzG"}
+{"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,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,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;;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,CAwC1D;AAED;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,oBAAoB,CAQ5D;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,EAAE,QAAQ,EAAE,oBAAoB,GAAG,IAAI,CAGzG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/panel-group-slice.ts"],"sourcesContent":["// Copyright 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, PanelGroupId } from '@perses-dev/spec';\nimport { StateCreator } from 'zustand';\nimport { WritableDraft } from 'immer';\nimport { PanelGroupDefinition } from '../../model';\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\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): void {\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): void {\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    if ('items' in layout.spec) {\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\n    // Create the panel group and keep track of the ID order\n    const repeatVariable = 'repeatVariable' in layout.spec ? layout.spec.repeatVariable : undefined;\n    const panelGroupId = generateId();\n    panelGroups[panelGroupId] = {\n      id: panelGroupId,\n      isCollapsed: layout.spec.display?.collapse?.open === false,\n      repeatVariable,\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\n/**\n * Private helper function for creating an empty panel group.\n */\nexport function createEmptyPanelGroup(): PanelGroupDefinition {\n  return {\n    id: generateId(),\n    title: undefined,\n    isCollapsed: false,\n    itemLayouts: [],\n    itemPanelKeys: {},\n  };\n}\n\n/**\n * Private helper function that modifies panel group state to add a new panel\n */\nexport function addPanelGroup(draft: WritableDraft<PanelGroupSlice>, newGroup: PanelGroupDefinition): void {\n  draft.panelGroups[newGroup.id] = newGroup;\n  draft.panelGroupOrder.unshift(newGroup.id);\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","spec","item","items","panelGroupLayoutId","toString","push","i","w","width","h","height","content","repeatVariable","id","isCollapsed","display","collapse","open","title","createEmptyPanelGroup","addPanelGroup","draft","newGroup","unshift"],"mappings":"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"}
+{"version":3,"sources":["../../../src/context/DashboardProvider/panel-group-slice.ts"],"sourcesContent":["// Copyright 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/spec';\nimport { StateCreator } from 'zustand';\nimport { WritableDraft } from 'immer';\nimport { PanelGroupId } from '@perses-dev/plugin-system';\nimport { PanelGroupDefinition } from '../../model';\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\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): void {\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): void {\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    if ('items' in layout.spec) {\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\n    // Create the panel group and keep track of the ID order\n    const repeatVariable = 'repeatVariable' in layout.spec ? layout.spec.repeatVariable : undefined;\n    const panelGroupId = generateId();\n    panelGroups[panelGroupId] = {\n      id: panelGroupId,\n      isCollapsed: layout.spec.display?.collapse?.open === false,\n      repeatVariable,\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\n/**\n * Private helper function for creating an empty panel group.\n */\nexport function createEmptyPanelGroup(): PanelGroupDefinition {\n  return {\n    id: generateId(),\n    title: undefined,\n    isCollapsed: false,\n    itemLayouts: [],\n    itemPanelKeys: {},\n  };\n}\n\n/**\n * Private helper function that modifies panel group state to add a new panel\n */\nexport function addPanelGroup(draft: WritableDraft<PanelGroupSlice>, newGroup: PanelGroupDefinition): void {\n  draft.panelGroups[newGroup.id] = newGroup;\n  draft.panelGroupOrder.unshift(newGroup.id);\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","spec","item","items","panelGroupLayoutId","toString","push","i","w","width","h","height","content","repeatVariable","id","isCollapsed","display","collapse","open","title","createEmptyPanelGroup","addPanelGroup","draft","newGroup","unshift"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,kBAAkB,QAA0B,mBAAmB;AAKxE,SAASC,UAAU,QAAoB,WAAW;AA2BlD;;CAEC,GACD,OAAO,SAASC,sBACdC,OAA2B;IAE3B,MAAM,EAAEC,WAAW,EAAEC,eAAe,EAAE,GAAGC,4BAA4BH;IAErE,gDAAgD;IAChD,OAAO,CAACI,MAAS,CAAA;YACfH;YACAC;YAEAG,iBAAgBC,CAAC,EAAEC,CAAC;gBAClBH,IAAI,CAACI;oBACH,IAAIF,IAAI,KAAKA,KAAKE,MAAMN,eAAe,CAACO,MAAM,IAAIF,IAAI,KAAKA,KAAKC,MAAMN,eAAe,CAACO,MAAM,EAAE;wBAC5F,MAAM,IAAIC,MAAM;oBAClB;oBACA,MAAMC,cAAcH,MAAMN,eAAe,CAACI,EAAE;oBAC5C,MAAMM,cAAcJ,MAAMN,eAAe,CAACK,EAAE;oBAE5C,IAAII,gBAAgBE,aAAaD,gBAAgBC,WAAW;wBAC1D,MAAM,IAAIH,MAAM;oBAClB;oBACA,8FAA8F;oBAC9F,CAACF,MAAMN,eAAe,CAACI,EAAE,EAAEE,MAAMN,eAAe,CAACK,EAAE,CAAC,GAAG;wBAACK;wBAAaD;qBAAY;gBACnF;YACF;YAEAG,yBAAwBC,YAAY,EAAEC,WAAW;gBAC/CZ,IAAI,CAACI;oBACH,MAAMS,QAAQT,MAAMP,WAAW,CAACc,aAAa;oBAC7C,IAAIE,UAAUJ,WAAW;wBACvB,MAAM,IAAIH,MAAM,CAAC,wBAAwB,EAAEK,cAAc;oBAC3D;oBACAE,MAAMD,WAAW,GAAGA;gBACtB;YACF;QACF,CAAA;AACF;AAEA,OAAO,SAASb,4BACdH,OAA2B;IAE3B,4CAA4C;IAC5C,MAAMC,cAA8C,CAAC;IACrD,MAAMiB,oBAAwD,EAAE;IAChE,KAAK,MAAMC,UAAUnB,QAAS;QAC5B,MAAMgB,cAAmD,EAAE;QAC3D,MAAMI,gBAAuD,CAAC;QAE9D,6GAA6G;QAC7G,IAAI,WAAWD,OAAOE,IAAI,EAAE;YAC1B,KAAK,MAAMC,QAAQH,OAAOE,IAAI,CAACE,KAAK,CAAE;gBACpC,MAAMC,qBAAqB1B,aAAa2B,QAAQ;gBAChDT,YAAYU,IAAI,CAAC;oBACfC,GAAGH;oBACHI,GAAGN,KAAKO,KAAK;oBACbC,GAAGR,KAAKS,MAAM;oBACdzB,GAAGgB,KAAKhB,CAAC;oBACTC,GAAGe,KAAKf,CAAC;gBACX;gBACAa,aAAa,CAACI,mBAAmB,GAAG3B,mBAAmByB,KAAKU,OAAO;YACrE;QACF;QAEA,wDAAwD;QACxD,MAAMC,iBAAiB,oBAAoBd,OAAOE,IAAI,GAAGF,OAAOE,IAAI,CAACY,cAAc,GAAGpB;QACtF,MAAME,eAAejB;QACrBG,WAAW,CAACc,aAAa,GAAG;YAC1BmB,IAAInB;YACJoB,aAAahB,OAAOE,IAAI,CAACe,OAAO,EAAEC,UAAUC,SAAS;YACrDL;YACAM,OAAOpB,OAAOE,IAAI,CAACe,OAAO,EAAEG;YAC5BvB;YACAI;QACF;QACAF,kBAAkBQ,IAAI,CAACX;IACzB;IACA,OAAO;QACLd;QACAC,iBAAiBgB;IACnB;AACF;AAEA;;CAEC,GACD,OAAO,SAASsB;IACd,OAAO;QACLN,IAAIpC;QACJyC,OAAO1B;QACPsB,aAAa;QACbnB,aAAa,EAAE;QACfI,eAAe,CAAC;IAClB;AACF;AAEA;;CAEC,GACD,OAAO,SAASqB,cAAcC,KAAqC,EAAEC,QAA8B;IACjGD,MAAMzC,WAAW,CAAC0C,SAAST,EAAE,CAAC,GAAGS;IACjCD,MAAMxC,eAAe,CAAC0C,OAAO,CAACD,SAAST,EAAE;AAC3C"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/view-panel-slice.ts"],"sourcesContent":["// Copyright 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 { PanelGroupId } from '@perses-dev/spec';\nimport { PanelGroupDefinition, PanelGroupItemId } from '../../model';\nimport { Middleware } from './common';\nimport { PanelGroupSlice } from './panel-group-slice';\n\n/*\n * A reference to a Panel that can be repeated in a PanelGroup.\n */\nexport interface VirtualPanelRef {\n  ref: string;\n  repeatVariable?: [string, string];\n}\n\n/**\n * Slice that handles viewing Panels in max size (\"full screen\").\n */\nexport interface ViewPanelSlice {\n  viewPanel: ViewPanelState;\n  getViewPanel: () => PanelGroupItemId | undefined;\n  setViewPanel: (panelGroupItemId?: PanelGroupItemId) => void;\n}\n\nexport interface ViewPanelState {\n  // Do not use directly, use `getViewPanel()` instead for getting the current viewed PanelGroupItemId!\n  panelGroupItemId?: PanelGroupItemId;\n  panelRef?: VirtualPanelRef;\n}\n\n/**\n * Curried function for viewing panel in max size (\"full screen\").\n */\nexport function createViewPanelSlice(\n  viewPanelRef?: VirtualPanelRef,\n  setViewPanelRef?: (ref: VirtualPanelRef | undefined) => void\n): StateCreator<ViewPanelSlice & PanelGroupSlice, Middleware, [], ViewPanelSlice> {\n  return (set, get) => ({\n    viewPanel: {\n      panelGroupItemId: undefined,\n      panelRef: viewPanelRef,\n    },\n\n    getViewPanel(): PanelGroupItemId | undefined {\n      return getViewPanelGroupId(get().panelGroups, get().viewPanel.panelGroupItemId, get().viewPanel.panelRef);\n    },\n\n    setViewPanel(panelGroupItemId?: PanelGroupItemId): void {\n      set((state) => {\n        state.viewPanel = {\n          panelRef: undefined,\n          panelGroupItemId: panelGroupItemId,\n        };\n        const panelRef = findPanelRefOfPanelGroupItemId(get().panelGroups, panelGroupItemId);\n        if (setViewPanelRef) {\n          setViewPanelRef(panelRef);\n        }\n      });\n    },\n  });\n}\n\nfunction getViewPanelGroupId(\n  panelGroups: Record<PanelGroupId, PanelGroupDefinition>,\n  panelGroupItemId?: PanelGroupItemId,\n  panelRef?: VirtualPanelRef\n): PanelGroupItemId | undefined {\n  if (panelGroupItemId) {\n    return panelGroupItemId;\n  }\n\n  if (panelRef) {\n    return findPanelGroupItemIdOfPanelRef(panelGroups, panelRef);\n  }\n\n  return undefined;\n}\n\n// Find the PanelGroupItemId of a Panel from a PanelRef\nfunction findPanelGroupItemIdOfPanelRef(\n  panelGroups: Record<PanelGroupId, PanelGroupDefinition>,\n  panelRef: VirtualPanelRef\n): PanelGroupItemId | undefined {\n  for (const panelGroup of Object.values(panelGroups)) {\n    const itemPanel = Object.entries(panelGroup.itemPanelKeys ?? []).find(([_, value]) => value === panelRef.ref);\n    if (itemPanel) {\n      const [key] = itemPanel;\n      return {\n        panelGroupId: panelGroup.id,\n        panelGroupItemLayoutId: key,\n        repeatVariable: panelRef.repeatVariable,\n      };\n    }\n  }\n  return undefined;\n}\n\n// Find the PanelRef from a PanelGroupItemId\nfunction findPanelRefOfPanelGroupItemId(\n  panelGroups: Record<PanelGroupId, PanelGroupDefinition>,\n  panelGroupItemId?: PanelGroupItemId\n): VirtualPanelRef | undefined {\n  if (!panelGroupItemId) {\n    return undefined;\n  }\n  const panelGroup = panelGroups[panelGroupItemId.panelGroupId];\n  if (panelGroup) {\n    const panelRef = panelGroup.itemPanelKeys[panelGroupItemId.panelGroupItemLayoutId];\n    if (panelRef) {\n      return { ref: panelRef, repeatVariable: panelGroupItemId.repeatVariable };\n    }\n  }\n  return undefined;\n}\n"],"names":["createViewPanelSlice","viewPanelRef","setViewPanelRef","set","get","viewPanel","panelGroupItemId","undefined","panelRef","getViewPanel","getViewPanelGroupId","panelGroups","setViewPanel","state","findPanelRefOfPanelGroupItemId","findPanelGroupItemIdOfPanelRef","panelGroup","Object","values","itemPanel","entries","itemPanelKeys","find","_","value","ref","key","panelGroupId","id","panelGroupItemLayoutId","repeatVariable"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AA+BjC;;CAEC,GACD,OAAO,SAASA,qBACdC,YAA8B,EAC9BC,eAA4D;IAE5D,OAAO,CAACC,KAAKC,MAAS,CAAA;YACpBC,WAAW;gBACTC,kBAAkBC;gBAClBC,UAAUP;YACZ;YAEAQ;gBACE,OAAOC,oBAAoBN,MAAMO,WAAW,EAAEP,MAAMC,SAAS,CAACC,gBAAgB,EAAEF,MAAMC,SAAS,CAACG,QAAQ;YAC1G;YAEAI,cAAaN,gBAAmC;gBAC9CH,IAAI,CAACU;oBACHA,MAAMR,SAAS,GAAG;wBAChBG,UAAUD;wBACVD,kBAAkBA;oBACpB;oBACA,MAAME,WAAWM,+BAA+BV,MAAMO,WAAW,EAAEL;oBACnE,IAAIJ,iBAAiB;wBACnBA,gBAAgBM;oBAClB;gBACF;YACF;QACF,CAAA;AACF;AAEA,SAASE,oBACPC,WAAuD,EACvDL,gBAAmC,EACnCE,QAA0B;IAE1B,IAAIF,kBAAkB;QACpB,OAAOA;IACT;IAEA,IAAIE,UAAU;QACZ,OAAOO,+BAA+BJ,aAAaH;IACrD;IAEA,OAAOD;AACT;AAEA,uDAAuD;AACvD,SAASQ,+BACPJ,WAAuD,EACvDH,QAAyB;IAEzB,KAAK,MAAMQ,cAAcC,OAAOC,MAAM,CAACP,aAAc;QACnD,MAAMQ,YAAYF,OAAOG,OAAO,CAACJ,WAAWK,aAAa,IAAI,EAAE,EAAEC,IAAI,CAAC,CAAC,CAACC,GAAGC,MAAM,GAAKA,UAAUhB,SAASiB,GAAG;QAC5G,IAAIN,WAAW;YACb,MAAM,CAACO,IAAI,GAAGP;YACd,OAAO;gBACLQ,cAAcX,WAAWY,EAAE;gBAC3BC,wBAAwBH;gBACxBI,gBAAgBtB,SAASsB,cAAc;YACzC;QACF;IACF;IACA,OAAOvB;AACT;AAEA,4CAA4C;AAC5C,SAASO,+BACPH,WAAuD,EACvDL,gBAAmC;IAEnC,IAAI,CAACA,kBAAkB;QACrB,OAAOC;IACT;IACA,MAAMS,aAAaL,WAAW,CAACL,iBAAiBqB,YAAY,CAAC;IAC7D,IAAIX,YAAY;QACd,MAAMR,WAAWQ,WAAWK,aAAa,CAACf,iBAAiBuB,sBAAsB,CAAC;QAClF,IAAIrB,UAAU;YACZ,OAAO;gBAAEiB,KAAKjB;gBAAUsB,gBAAgBxB,iBAAiBwB,cAAc;YAAC;QAC1E;IACF;IACA,OAAOvB;AACT"}
+{"version":3,"sources":["../../../src/context/DashboardProvider/view-panel-slice.ts"],"sourcesContent":["// Copyright 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 { PanelGroupId } from '@perses-dev/plugin-system';\nimport { PanelGroupDefinition, PanelGroupItemId } from '../../model';\nimport { Middleware } from './common';\nimport { PanelGroupSlice } from './panel-group-slice';\n\n/*\n * A reference to a Panel that can be repeated in a PanelGroup.\n */\nexport interface VirtualPanelRef {\n  ref: string;\n  repeatVariable?: [string, string];\n}\n\n/**\n * Slice that handles viewing Panels in max size (\"full screen\").\n */\nexport interface ViewPanelSlice {\n  viewPanel: ViewPanelState;\n  getViewPanel: () => PanelGroupItemId | undefined;\n  setViewPanel: (panelGroupItemId?: PanelGroupItemId) => void;\n}\n\nexport interface ViewPanelState {\n  // Do not use directly, use `getViewPanel()` instead for getting the current viewed PanelGroupItemId!\n  panelGroupItemId?: PanelGroupItemId;\n  panelRef?: VirtualPanelRef;\n}\n\n/**\n * Curried function for viewing panel in max size (\"full screen\").\n */\nexport function createViewPanelSlice(\n  viewPanelRef?: VirtualPanelRef,\n  setViewPanelRef?: (ref: VirtualPanelRef | undefined) => void\n): StateCreator<ViewPanelSlice & PanelGroupSlice, Middleware, [], ViewPanelSlice> {\n  return (set, get) => ({\n    viewPanel: {\n      panelGroupItemId: undefined,\n      panelRef: viewPanelRef,\n    },\n\n    getViewPanel(): PanelGroupItemId | undefined {\n      return getViewPanelGroupId(get().panelGroups, get().viewPanel.panelGroupItemId, get().viewPanel.panelRef);\n    },\n\n    setViewPanel(panelGroupItemId?: PanelGroupItemId): void {\n      set((state) => {\n        state.viewPanel = {\n          panelRef: undefined,\n          panelGroupItemId: panelGroupItemId,\n        };\n        const panelRef = findPanelRefOfPanelGroupItemId(get().panelGroups, panelGroupItemId);\n        if (setViewPanelRef) {\n          setViewPanelRef(panelRef);\n        }\n      });\n    },\n  });\n}\n\nfunction getViewPanelGroupId(\n  panelGroups: Record<PanelGroupId, PanelGroupDefinition>,\n  panelGroupItemId?: PanelGroupItemId,\n  panelRef?: VirtualPanelRef\n): PanelGroupItemId | undefined {\n  if (panelGroupItemId) {\n    return panelGroupItemId;\n  }\n\n  if (panelRef) {\n    return findPanelGroupItemIdOfPanelRef(panelGroups, panelRef);\n  }\n\n  return undefined;\n}\n\n// Find the PanelGroupItemId of a Panel from a PanelRef\nfunction findPanelGroupItemIdOfPanelRef(\n  panelGroups: Record<PanelGroupId, PanelGroupDefinition>,\n  panelRef: VirtualPanelRef\n): PanelGroupItemId | undefined {\n  for (const panelGroup of Object.values(panelGroups)) {\n    const itemPanel = Object.entries(panelGroup.itemPanelKeys ?? []).find(([_, value]) => value === panelRef.ref);\n    if (itemPanel) {\n      const [key] = itemPanel;\n      return {\n        panelGroupId: panelGroup.id,\n        panelGroupItemLayoutId: key,\n        repeatVariable: panelRef.repeatVariable,\n      };\n    }\n  }\n  return undefined;\n}\n\n// Find the PanelRef from a PanelGroupItemId\nfunction findPanelRefOfPanelGroupItemId(\n  panelGroups: Record<PanelGroupId, PanelGroupDefinition>,\n  panelGroupItemId?: PanelGroupItemId\n): VirtualPanelRef | undefined {\n  if (!panelGroupItemId) {\n    return undefined;\n  }\n  const panelGroup = panelGroups[panelGroupItemId.panelGroupId];\n  if (panelGroup) {\n    const panelRef = panelGroup.itemPanelKeys[panelGroupItemId.panelGroupItemLayoutId];\n    if (panelRef) {\n      return { ref: panelRef, repeatVariable: panelGroupItemId.repeatVariable };\n    }\n  }\n  return undefined;\n}\n"],"names":["createViewPanelSlice","viewPanelRef","setViewPanelRef","set","get","viewPanel","panelGroupItemId","undefined","panelRef","getViewPanel","getViewPanelGroupId","panelGroups","setViewPanel","state","findPanelRefOfPanelGroupItemId","findPanelGroupItemIdOfPanelRef","panelGroup","Object","values","itemPanel","entries","itemPanelKeys","find","_","value","ref","key","panelGroupId","id","panelGroupItemLayoutId","repeatVariable"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AA+BjC;;CAEC,GACD,OAAO,SAASA,qBACdC,YAA8B,EAC9BC,eAA4D;IAE5D,OAAO,CAACC,KAAKC,MAAS,CAAA;YACpBC,WAAW;gBACTC,kBAAkBC;gBAClBC,UAAUP;YACZ;YAEAQ;gBACE,OAAOC,oBAAoBN,MAAMO,WAAW,EAAEP,MAAMC,SAAS,CAACC,gBAAgB,EAAEF,MAAMC,SAAS,CAACG,QAAQ;YAC1G;YAEAI,cAAaN,gBAAmC;gBAC9CH,IAAI,CAACU;oBACHA,MAAMR,SAAS,GAAG;wBAChBG,UAAUD;wBACVD,kBAAkBA;oBACpB;oBACA,MAAME,WAAWM,+BAA+BV,MAAMO,WAAW,EAAEL;oBACnE,IAAIJ,iBAAiB;wBACnBA,gBAAgBM;oBAClB;gBACF;YACF;QACF,CAAA;AACF;AAEA,SAASE,oBACPC,WAAuD,EACvDL,gBAAmC,EACnCE,QAA0B;IAE1B,IAAIF,kBAAkB;QACpB,OAAOA;IACT;IAEA,IAAIE,UAAU;QACZ,OAAOO,+BAA+BJ,aAAaH;IACrD;IAEA,OAAOD;AACT;AAEA,uDAAuD;AACvD,SAASQ,+BACPJ,WAAuD,EACvDH,QAAyB;IAEzB,KAAK,MAAMQ,cAAcC,OAAOC,MAAM,CAACP,aAAc;QACnD,MAAMQ,YAAYF,OAAOG,OAAO,CAACJ,WAAWK,aAAa,IAAI,EAAE,EAAEC,IAAI,CAAC,CAAC,CAACC,GAAGC,MAAM,GAAKA,UAAUhB,SAASiB,GAAG;QAC5G,IAAIN,WAAW;YACb,MAAM,CAACO,IAAI,GAAGP;YACd,OAAO;gBACLQ,cAAcX,WAAWY,EAAE;gBAC3BC,wBAAwBH;gBACxBI,gBAAgBtB,SAASsB,cAAc;YACzC;QACF;IACF;IACA,OAAOvB;AACT;AAEA,4CAA4C;AAC5C,SAASO,+BACPH,WAAuD,EACvDL,gBAAmC;IAEnC,IAAI,CAACA,kBAAkB;QACrB,OAAOC;IACT;IACA,MAAMS,aAAaL,WAAW,CAACL,iBAAiBqB,YAAY,CAAC;IAC7D,IAAIX,YAAY;QACd,MAAMR,WAAWQ,WAAWK,aAAa,CAACf,iBAAiBuB,sBAAsB,CAAC;QAClF,IAAIrB,UAAU;YACZ,OAAO;gBAAEiB,KAAKjB;gBAAUsB,gBAAgBxB,iBAAiBwB,cAAc;YAAC;QAC1E;IACF;IACA,OAAOvB;AACT"}

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

@@ -1 +1 @@
-{"version":3,"file":"VariableProvider.d.ts","sourceRoot":"","sources":["../../../src/context/VariableProvider/VariableProvider.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"VariableProvider.d.ts","sourceRoot":"","sources":["../../../src/context/VariableProvider/VariableProvider.tsx"],"names":[],"mappings":"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"}

package/dist/context/VariableProvider/VariableProvider.js

@@ -127,6 +127,7 @@ function PluginProvider({ children, builtinVariables }) {
                 // If the variable is a list variable and has a custom all value, then use that value instead
                 if (definition?.kind === 'ListVariable' && definition.spec.customAllValue) {
                     v.value = definition.spec.customAllValue;
+                    v.customAllValue = definition.spec.customAllValue;
                 } else {
                     v.value = v.options?.map((o)=>o.value) ?? null;
                 }

package/dist/context/VariableProvider/VariableProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/VariableProvider/VariableProvider.tsx"],"sourcesContent":["// Copyright 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, ReactElement, ReactNode, useContext, useMemo, useState } from 'react';\nimport { createStore, StoreApi, useStore } from 'zustand';\nimport { useStoreWithEqualityFn } from 'zustand/traditional';\nimport { immer } from 'zustand/middleware/immer';\nimport { devtools } from 'zustand/middleware';\nimport { shallow } from 'zustand/shallow';\nimport { produce } from 'immer';\nimport {\n  VariableContext,\n  VariableStateMap,\n  VariableState,\n  VariableStoreStateMap,\n  VariableOption,\n  BuiltinVariableContext,\n  useTimeRange,\n} from '@perses-dev/plugin-system';\nimport {\n  DEFAULT_ALL_VALUE as ALL_VALUE,\n  VariableName,\n  VariableValue,\n  VariableDefinition,\n  formatDuration,\n  BuiltinVariableDefinition,\n  TextVariableDefinition,\n  ListVariableDefinition,\n  intervalToDuration,\n} from '@perses-dev/spec';\nimport { ExternalVariableDefinition } from '../../model/VariableDefinition';\nimport { checkSavedDefaultVariableStatus, findVariableDefinitionByName, mergeVariableDefinitions } from './utils';\nimport { hydrateVariableDefinitionStates as hydrateVariableDefinitionStates } from './hydrationUtils';\nimport { getInitalValuesFromQueryParameters, getURLQueryParamName, useVariableQueryParams } from './query-params';\n\n/**\n * This store is used to manipulate and read the definition of the variables and their state.\n * - being local or external variables.\n * - being text or list variables.\n * - being of any state (value, options, loading, error, ...) check {@VariableState}\n * Go and read each property documentation for more details.\n */\ntype VariableDefinitionStore = {\n  /**\n   * List of local variables definitions.\n   * This is typically the variable definition that can be modified through the setVariableDefinition setter.\n   *\n   * In Perses App ecosystem, this is typically the dashboard scope variables, that's why we call them local.\n   * Note that depending on the form, we can reuse this store to modify higher scope variables. For example,\n   * when we modify the variable of a project, we'll set this field with project scope variables. To be able to modify\n   * them.\n   */\n  variableDefinitions: VariableDefinition[];\n  /**\n   * List of external variable definitions.\n   * This is static variable definitions that won´t be modified under this context.\n   * You'll have to set one list of external variable definition by scope. See {@link ExternalVariableDefinition} for\n   * more details.\n   *\n   * In Perses App ecosystem, this is typically the project or global scope variables.\n   * Note that depending on the form, we can reuse this store to modify higher scope variables. For example,\n   * when we modify the variable of a project, we'll set this field with global scope variables. Which means we\n   * won't be able to modify them from this form.\n   */\n  externalVariableDefinitions: ExternalVariableDefinition[];\n  /**\n   * Additionally to definitions, we need to associate to each variable a state. That's what this map is meant for.\n   * This can be heavily modified under this context, using the different setters available.\n   * Note that the state of local AND external variables can be modified.\n   */\n  variableState: VariableStoreStateMap;\n  /**\n   * Allow to modify the `value` property of a variable in the state map.\n   * @param variableName identify the variable\n   * @param value new value\n   * @param source identify the variable source if this is an external variable. See {@link ExternalVariableDefinition}\n   */\n  setVariableValue: (variableName: VariableName, value: VariableValue, source?: string) => void;\n  /**\n   * Allow to modify the `options` property of a variable in the state map.\n   * @param variableName identify the variable\n   * @param options new value\n   * @param source identify the variable source if this is an external variable. See {@link ExternalVariableDefinition}\n   */\n  setVariableOptions: (name: VariableName, options: VariableOption[], source?: string) => void;\n  /**\n   * Allow to modify the `loading` property of a variable in the state map.\n   * @param variableName identify the variable\n   * @param laoding new value\n   * @param source identify the variable source if this is an external variable. See {@link ExternalVariableDefinition}\n   */\n  setVariableLoading: (name: VariableName, loading: boolean, source?: string) => void;\n  setVariableDefinitions: (definitions: VariableDefinition[]) => void;\n  setVariableDefaultValues: () => VariableDefinition[];\n  getSavedVariablesStatus: () => { isSavedVariableModified: boolean; modifiedVariableNames: string[] };\n};\n\n/**\n * Context object for {@link VariableDefinitionStore}.\n */\nconst VariableDefinitionStoreContext = createContext<StoreApi<VariableDefinitionStore> | undefined>(undefined);\nexport function useVariableDefinitionStoreCtx(): StoreApi<VariableDefinitionStore> {\n  const context = useContext(VariableDefinitionStoreContext);\n  if (!context) {\n    throw new Error('VariableStoreContext not initialized');\n  }\n  return context;\n}\n\nexport function useVariableDefinitionStates(variableNames?: string[]): VariableStateMap {\n  const store = useVariableDefinitionStoreCtx();\n  return useStoreWithEqualityFn(\n    store,\n    (s) => {\n      const varStates: VariableStateMap = {};\n\n      // Collect values of local variables, from the variable state\n      const names = variableNames ?? s.variableDefinitions.map((value) => value.spec.name);\n      names.forEach((name) => {\n        const varState = s.variableState.get({ name });\n        if (!varState || varState.overridden) {\n          return;\n        }\n        varStates[name] = varState;\n      });\n\n      // Collect values of external variables, from the variable state\n      s.externalVariableDefinitions.forEach((d) => {\n        const source = d.source;\n        d.definitions.forEach((value) => {\n          const name = value.spec.name;\n          const varState = s.variableState.get({ name, source });\n          if (!varState || varState.overridden) {\n            return;\n          }\n          varStates[name] = varState;\n        });\n      });\n\n      return varStates;\n    },\n    (left, right) => {\n      return JSON.stringify(left) === JSON.stringify(right);\n    }\n  );\n}\n\n/**\n * Get the state and definition of a variable from the variables context.\n * @param name name of the variable\n * @param source if given, it searches in the external variables\n */\nexport function useVariableDefinitionAndState(\n  name: string,\n  source?: string\n): {\n  definition: TextVariableDefinition | ListVariableDefinition | undefined;\n  state: VariableState | undefined;\n} {\n  const store = useVariableDefinitionStoreCtx();\n  return useStore(store, (s) => {\n    const state = s.variableState.get({ name, source });\n    const definitions = source\n      ? s.externalVariableDefinitions.find((v) => v.source === source)?.definitions\n      : s.variableDefinitions;\n    const definition = (definitions || []).find((v) => v.spec.name === name);\n\n    return { state, definition };\n  });\n}\n\nexport function useVariableDefinitionActions(): {\n  setVariableLoading: (name: VariableName, loading: boolean, source?: string) => void;\n  getSavedVariablesStatus: () => { isSavedVariableModified: boolean; modifiedVariableNames: string[] };\n  setVariableDefaultValues: () => VariableDefinition[];\n  setVariableValue: (variableName: VariableName, value: VariableValue, source?: string) => void;\n  setVariableOptions: (name: VariableName, options: VariableOption[], source?: string) => void;\n  setVariableDefinitions: (definitions: VariableDefinition[]) => void;\n} {\n  const store = useVariableDefinitionStoreCtx();\n  return useStoreWithEqualityFn(\n    store,\n    (s) => {\n      return {\n        setVariableValue: s.setVariableValue,\n        setVariableLoading: s.setVariableLoading,\n        setVariableOptions: s.setVariableOptions,\n        setVariableDefinitions: s.setVariableDefinitions,\n        setVariableDefaultValues: s.setVariableDefaultValues,\n        getSavedVariablesStatus: s.getSavedVariablesStatus,\n      };\n    },\n    shallow\n  );\n}\n\nexport function useVariableDefinitions(): VariableDefinition[] {\n  const store = useVariableDefinitionStoreCtx();\n  return useStore(store, (s) => s.variableDefinitions);\n}\n\nexport function useExternalVariableDefinitions(): ExternalVariableDefinition[] {\n  const store = useVariableDefinitionStoreCtx();\n  return useStore(store, (s) => s.externalVariableDefinitions);\n}\n\ninterface PluginProviderProps {\n  children: ReactNode;\n  builtinVariables?: BuiltinVariableDefinition[];\n}\n\nfunction PluginProvider({ children, builtinVariables }: PluginProviderProps): ReactElement {\n  const originalValues = useVariableDefinitionStates();\n  const definitions = useVariableDefinitions();\n  const externalDefinitions = useExternalVariableDefinitions();\n  const { absoluteTimeRange } = useTimeRange();\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\n      if (v.value === ALL_VALUE) {\n        const definition = findVariableDefinitionByName(name, definitions, externalDefinitions);\n        // If the variable is a list variable and has a custom all value, then use that value instead\n        if (definition?.kind === 'ListVariable' && definition.spec.customAllValue) {\n          v.value = definition.spec.customAllValue;\n        } else {\n          v.value = v.options?.map((o: { value: string }) => o.value) ?? null;\n        }\n      }\n      contextValues[name] = v;\n    });\n    return contextValues;\n  }, [originalValues, definitions, externalDefinitions]);\n\n  const allBuiltinVariables: BuiltinVariableDefinition[] = useMemo(() => {\n    const result: BuiltinVariableDefinition[] = [\n      {\n        kind: 'BuiltinVariable',\n        spec: {\n          name: '__from',\n          value: () => absoluteTimeRange.start.valueOf().toString(),\n          source: 'Dashboard',\n          display: {\n            name: '__from',\n            description: 'Start time of the current time range in unix millisecond epoch',\n            hidden: true,\n          },\n        },\n      },\n      {\n        kind: 'BuiltinVariable',\n        spec: {\n          name: '__to',\n          value: () => absoluteTimeRange.end.valueOf().toString(),\n          source: 'Dashboard',\n          display: {\n            name: '__to',\n            description: 'End time of the current time range in unix millisecond epoch',\n            hidden: true,\n          },\n        },\n      },\n      {\n        kind: 'BuiltinVariable',\n        spec: {\n          name: '__range',\n          value: () => formatDuration(intervalToDuration(absoluteTimeRange)),\n          source: 'Dashboard',\n          display: {\n            name: '__range',\n            description: 'The range for the current dashboard in human readable format',\n            hidden: true,\n          },\n        },\n      },\n      {\n        kind: 'BuiltinVariable',\n        spec: {\n          name: '__range_s',\n          value: () => ((absoluteTimeRange.end.valueOf() - absoluteTimeRange.start.valueOf()) / 1000).toString(),\n          source: 'Dashboard',\n          display: {\n            name: '__range_s',\n            description: 'The range for the current dashboard in second',\n            hidden: true,\n          },\n        },\n      },\n      {\n        kind: 'BuiltinVariable',\n        spec: {\n          name: '__range_ms',\n          value: () => (absoluteTimeRange.end.valueOf() - absoluteTimeRange.start.valueOf()).toString(),\n          source: 'Dashboard',\n          display: {\n            name: '__range_ms',\n            description: 'The range for the current dashboard in millisecond',\n            hidden: true,\n          },\n        },\n      },\n    ];\n    builtinVariables?.forEach((def) => result.push(def));\n    return result;\n  }, [absoluteTimeRange, builtinVariables]);\n\n  return (\n    <BuiltinVariableContext.Provider value={{ variables: allBuiltinVariables }}>\n      <VariableContext.Provider value={{ state: values }}>{children}</VariableContext.Provider>\n    </BuiltinVariableContext.Provider>\n  );\n}\n\ninterface VariableDefinitionStoreArgs {\n  initialVariableDefinitions?: VariableDefinition[];\n  externalVariableDefinitions?: ExternalVariableDefinition[];\n  queryParams?: ReturnType<typeof useVariableQueryParams>;\n  initialVariableValues?: Record<string, VariableValue>;\n}\n\nfunction createVariableDefinitionStore({\n  initialVariableDefinitions = [],\n  externalVariableDefinitions = [],\n  queryParams,\n  initialVariableValues,\n}: VariableDefinitionStoreArgs): StoreApi<VariableDefinitionStore> {\n  const queryParamValues = getInitalValuesFromQueryParameters(queryParams ? queryParams[0] : {});\n  const initialParams = { ...queryParamValues, ...initialVariableValues };\n  const store = createStore<VariableDefinitionStore>()(\n    devtools(\n      immer((set, get) => ({\n        variableState: hydrateVariableDefinitionStates(\n          initialVariableDefinitions,\n          initialParams,\n          externalVariableDefinitions\n        ),\n        variableDefinitions: initialVariableDefinitions,\n        externalVariableDefinitions: externalVariableDefinitions,\n        setVariableDefinitions(definitions: VariableDefinition[]): void {\n          set(\n            (state) => {\n              state.variableDefinitions = definitions;\n              state.variableState = hydrateVariableDefinitionStates(\n                definitions,\n                initialParams,\n                externalVariableDefinitions\n              );\n            },\n            false,\n            '[Variables] setVariableDefinitions' // Used for action name in Redux devtools\n          );\n        },\n        setVariableOptions(name, options, source?: string): void {\n          set(\n            (state) => {\n              const varState = state.variableState.get({ name, source });\n              if (!varState) {\n                return;\n              }\n              varState.options = options;\n            },\n            false,\n            '[Variables] setVariableOptions'\n          );\n        },\n        setVariableLoading(name, loading, source?: string): void {\n          set(\n            (state) => {\n              const varState = state.variableState.get({ name, source });\n              if (!varState) {\n                return;\n              }\n              varState.loading = loading;\n            },\n            false,\n            '[Variables] setVariableLoading'\n          );\n        },\n        setVariableValue: (name, value, source?: string): void =>\n          set(\n            (state) => {\n              let val = value;\n              const varState = state.variableState.get({ name, source });\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            false,\n            '[Variables] setVariableValue'\n          ),\n        setVariableDefaultValues: (): VariableDefinition[] => {\n          const variableDefinitions = get().variableDefinitions;\n          const variableState = get().variableState;\n          const updatedVariables = produce(variableDefinitions, (draft) => {\n            draft.forEach((variable, index) => {\n              const name = variable.spec.name;\n              if (variable.kind === 'ListVariable') {\n                const currentVariable = variableState.get({ name });\n                if (currentVariable?.value !== undefined) {\n                  draft[index] = {\n                    kind: 'ListVariable',\n                    spec: produce(variable.spec, (specDraft) => {\n                      specDraft.defaultValue = currentVariable.value;\n                    }),\n                  };\n                }\n              } else if (variable.kind === 'TextVariable') {\n                const currentVariable = variableState.get({ name });\n                const currentVariableValue = typeof currentVariable?.value === 'string' ? currentVariable.value : '';\n                if (currentVariable?.value !== undefined) {\n                  draft[index] = {\n                    kind: 'TextVariable',\n                    spec: produce(variable.spec, (specDraft) => {\n                      specDraft.value = currentVariableValue;\n                    }),\n                  };\n                }\n              }\n            });\n          });\n          set(\n            (state) => {\n              state.variableDefinitions = updatedVariables;\n            },\n            false,\n            '[Variables] setVariableDefaultValues'\n          );\n          return updatedVariables;\n        },\n        getSavedVariablesStatus: (): {\n          modifiedVariableNames: string[];\n          isSavedVariableModified: boolean;\n        } => {\n          return checkSavedDefaultVariableStatus(get().variableDefinitions, get().variableState);\n        },\n      }))\n    )\n  );\n\n  return store as StoreApi<VariableDefinitionStore>;\n}\n\n/**\n * The external variables allow you to give to the provider some additional variables, not defined in the dashboard and static.\n * It means that you won´t be able to update them from the dashboard itself, but you will see them appear and will be able\n * to modify their runtime value as any other variable.\n * If one of the external variable has the same name as a local one, it will be marked as overridden.\n * You can define one list of variable definition by source and as many source as you want.\n * The order of the sources is important as first one will take precedence on the following ones, in case they have same names.\n */\n\nexport interface VariableProviderProps {\n  children: ReactNode;\n  initialVariableDefinitions?: VariableDefinition[];\n  externalVariableDefinitions?: ExternalVariableDefinition[];\n  builtinVariableDefinitions?: BuiltinVariableDefinition[];\n  initialVariableValues?: Record<string, VariableValue>;\n}\n\n// TODO: merge the different providers related to Variables under a single one (and keep \"VariableProvider\" as a name)\nexport function VariableProvider({\n  children,\n  initialVariableDefinitions = [],\n  externalVariableDefinitions = [],\n  builtinVariableDefinitions = [],\n  initialVariableValues,\n}: VariableProviderProps): ReactElement {\n  const [store] = useState(() =>\n    createVariableDefinitionStore({ initialVariableDefinitions, externalVariableDefinitions, initialVariableValues })\n  );\n\n  return (\n    <VariableDefinitionStoreContext.Provider value={store}>\n      <PluginProvider builtinVariables={builtinVariableDefinitions}>{children}</PluginProvider>\n    </VariableDefinitionStoreContext.Provider>\n  );\n}\n\nexport function VariableProviderWithQueryParams({\n  children,\n  initialVariableDefinitions = [],\n  externalVariableDefinitions = [],\n  builtinVariableDefinitions: builtinVariables = [],\n}: VariableProviderProps): ReactElement {\n  const allVariableDefs = mergeVariableDefinitions(initialVariableDefinitions, externalVariableDefinitions);\n  const queryParams = useVariableQueryParams(allVariableDefs);\n  const [store] = useState(() =>\n    createVariableDefinitionStore({ initialVariableDefinitions, externalVariableDefinitions, queryParams })\n  );\n\n  return (\n    <VariableDefinitionStoreContext.Provider value={store}>\n      <PluginProvider builtinVariables={builtinVariables}>{children}</PluginProvider>\n    </VariableDefinitionStoreContext.Provider>\n  );\n}\n"],"names":["createContext","useContext","useMemo","useState","createStore","useStore","useStoreWithEqualityFn","immer","devtools","shallow","produce","VariableContext","BuiltinVariableContext","useTimeRange","DEFAULT_ALL_VALUE","ALL_VALUE","formatDuration","intervalToDuration","checkSavedDefaultVariableStatus","findVariableDefinitionByName","mergeVariableDefinitions","hydrateVariableDefinitionStates","getInitalValuesFromQueryParameters","getURLQueryParamName","useVariableQueryParams","VariableDefinitionStoreContext","undefined","useVariableDefinitionStoreCtx","context","Error","useVariableDefinitionStates","variableNames","store","s","varStates","names","variableDefinitions","map","value","spec","name","forEach","varState","variableState","get","overridden","externalVariableDefinitions","d","source","definitions","left","right","JSON","stringify","useVariableDefinitionAndState","state","find","v","definition","useVariableDefinitionActions","setVariableValue","setVariableLoading","setVariableOptions","setVariableDefinitions","setVariableDefaultValues","getSavedVariablesStatus","useVariableDefinitions","useExternalVariableDefinitions","PluginProvider","children","builtinVariables","originalValues","externalDefinitions","absoluteTimeRange","values","contextValues","Object","keys","kind","customAllValue","options","o","allBuiltinVariables","result","start","valueOf","toString","display","description","hidden","end","def","push","Provider","variables","createVariableDefinitionStore","initialVariableDefinitions","queryParams","initialVariableValues","queryParamValues","initialParams","set","loading","val","Array","isArray","includes","at","filter","setQueryParams","updatedVariables","draft","variable","index","currentVariable","specDraft","defaultValue","currentVariableValue","VariableProvider","builtinVariableDefinitions","VariableProviderWithQueryParams","allVariableDefs"],"mappings":"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"}
+{"version":3,"sources":["../../../src/context/VariableProvider/VariableProvider.tsx"],"sourcesContent":["// Copyright 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, ReactElement, ReactNode, useContext, useMemo, useState } from 'react';\nimport { createStore, StoreApi, useStore } from 'zustand';\nimport { useStoreWithEqualityFn } from 'zustand/traditional';\nimport { immer } from 'zustand/middleware/immer';\nimport { devtools } from 'zustand/middleware';\nimport { shallow } from 'zustand/shallow';\nimport { produce } from 'immer';\nimport {\n  VariableContext,\n  VariableStateMap,\n  VariableState,\n  VariableStoreStateMap,\n  VariableOption,\n  BuiltinVariableContext,\n  useTimeRange,\n} from '@perses-dev/plugin-system';\nimport {\n  DEFAULT_ALL_VALUE as ALL_VALUE,\n  VariableName,\n  VariableValue,\n  VariableDefinition,\n  formatDuration,\n  BuiltinVariableDefinition,\n  TextVariableDefinition,\n  ListVariableDefinition,\n  intervalToDuration,\n} from '@perses-dev/spec';\nimport { ExternalVariableDefinition } from '../../model/VariableDefinition';\nimport { checkSavedDefaultVariableStatus, findVariableDefinitionByName, mergeVariableDefinitions } from './utils';\nimport { hydrateVariableDefinitionStates as hydrateVariableDefinitionStates } from './hydrationUtils';\nimport { getInitalValuesFromQueryParameters, getURLQueryParamName, useVariableQueryParams } from './query-params';\n\n/**\n * This store is used to manipulate and read the definition of the variables and their state.\n * - being local or external variables.\n * - being text or list variables.\n * - being of any state (value, options, loading, error, ...) check {@VariableState}\n * Go and read each property documentation for more details.\n */\ntype VariableDefinitionStore = {\n  /**\n   * List of local variables definitions.\n   * This is typically the variable definition that can be modified through the setVariableDefinition setter.\n   *\n   * In Perses App ecosystem, this is typically the dashboard scope variables, that's why we call them local.\n   * Note that depending on the form, we can reuse this store to modify higher scope variables. For example,\n   * when we modify the variable of a project, we'll set this field with project scope variables. To be able to modify\n   * them.\n   */\n  variableDefinitions: VariableDefinition[];\n  /**\n   * List of external variable definitions.\n   * This is static variable definitions that won´t be modified under this context.\n   * You'll have to set one list of external variable definition by scope. See {@link ExternalVariableDefinition} for\n   * more details.\n   *\n   * In Perses App ecosystem, this is typically the project or global scope variables.\n   * Note that depending on the form, we can reuse this store to modify higher scope variables. For example,\n   * when we modify the variable of a project, we'll set this field with global scope variables. Which means we\n   * won't be able to modify them from this form.\n   */\n  externalVariableDefinitions: ExternalVariableDefinition[];\n  /**\n   * Additionally to definitions, we need to associate to each variable a state. That's what this map is meant for.\n   * This can be heavily modified under this context, using the different setters available.\n   * Note that the state of local AND external variables can be modified.\n   */\n  variableState: VariableStoreStateMap;\n  /**\n   * Allow to modify the `value` property of a variable in the state map.\n   * @param variableName identify the variable\n   * @param value new value\n   * @param source identify the variable source if this is an external variable. See {@link ExternalVariableDefinition}\n   */\n  setVariableValue: (variableName: VariableName, value: VariableValue, source?: string) => void;\n  /**\n   * Allow to modify the `options` property of a variable in the state map.\n   * @param variableName identify the variable\n   * @param options new value\n   * @param source identify the variable source if this is an external variable. See {@link ExternalVariableDefinition}\n   */\n  setVariableOptions: (name: VariableName, options: VariableOption[], source?: string) => void;\n  /**\n   * Allow to modify the `loading` property of a variable in the state map.\n   * @param variableName identify the variable\n   * @param laoding new value\n   * @param source identify the variable source if this is an external variable. See {@link ExternalVariableDefinition}\n   */\n  setVariableLoading: (name: VariableName, loading: boolean, source?: string) => void;\n  setVariableDefinitions: (definitions: VariableDefinition[]) => void;\n  setVariableDefaultValues: () => VariableDefinition[];\n  getSavedVariablesStatus: () => { isSavedVariableModified: boolean; modifiedVariableNames: string[] };\n};\n\n/**\n * Context object for {@link VariableDefinitionStore}.\n */\nconst VariableDefinitionStoreContext = createContext<StoreApi<VariableDefinitionStore> | undefined>(undefined);\nexport function useVariableDefinitionStoreCtx(): StoreApi<VariableDefinitionStore> {\n  const context = useContext(VariableDefinitionStoreContext);\n  if (!context) {\n    throw new Error('VariableStoreContext not initialized');\n  }\n  return context;\n}\n\nexport function useVariableDefinitionStates(variableNames?: string[]): VariableStateMap {\n  const store = useVariableDefinitionStoreCtx();\n  return useStoreWithEqualityFn(\n    store,\n    (s) => {\n      const varStates: VariableStateMap = {};\n\n      // Collect values of local variables, from the variable state\n      const names = variableNames ?? s.variableDefinitions.map((value) => value.spec.name);\n      names.forEach((name) => {\n        const varState = s.variableState.get({ name });\n        if (!varState || varState.overridden) {\n          return;\n        }\n        varStates[name] = varState;\n      });\n\n      // Collect values of external variables, from the variable state\n      s.externalVariableDefinitions.forEach((d) => {\n        const source = d.source;\n        d.definitions.forEach((value) => {\n          const name = value.spec.name;\n          const varState = s.variableState.get({ name, source });\n          if (!varState || varState.overridden) {\n            return;\n          }\n          varStates[name] = varState;\n        });\n      });\n\n      return varStates;\n    },\n    (left, right) => {\n      return JSON.stringify(left) === JSON.stringify(right);\n    }\n  );\n}\n\n/**\n * Get the state and definition of a variable from the variables context.\n * @param name name of the variable\n * @param source if given, it searches in the external variables\n */\nexport function useVariableDefinitionAndState(\n  name: string,\n  source?: string\n): {\n  definition: TextVariableDefinition | ListVariableDefinition | undefined;\n  state: VariableState | undefined;\n} {\n  const store = useVariableDefinitionStoreCtx();\n  return useStore(store, (s) => {\n    const state = s.variableState.get({ name, source });\n    const definitions = source\n      ? s.externalVariableDefinitions.find((v) => v.source === source)?.definitions\n      : s.variableDefinitions;\n    const definition = (definitions || []).find((v) => v.spec.name === name);\n\n    return { state, definition };\n  });\n}\n\nexport function useVariableDefinitionActions(): {\n  setVariableLoading: (name: VariableName, loading: boolean, source?: string) => void;\n  getSavedVariablesStatus: () => { isSavedVariableModified: boolean; modifiedVariableNames: string[] };\n  setVariableDefaultValues: () => VariableDefinition[];\n  setVariableValue: (variableName: VariableName, value: VariableValue, source?: string) => void;\n  setVariableOptions: (name: VariableName, options: VariableOption[], source?: string) => void;\n  setVariableDefinitions: (definitions: VariableDefinition[]) => void;\n} {\n  const store = useVariableDefinitionStoreCtx();\n  return useStoreWithEqualityFn(\n    store,\n    (s) => {\n      return {\n        setVariableValue: s.setVariableValue,\n        setVariableLoading: s.setVariableLoading,\n        setVariableOptions: s.setVariableOptions,\n        setVariableDefinitions: s.setVariableDefinitions,\n        setVariableDefaultValues: s.setVariableDefaultValues,\n        getSavedVariablesStatus: s.getSavedVariablesStatus,\n      };\n    },\n    shallow\n  );\n}\n\nexport function useVariableDefinitions(): VariableDefinition[] {\n  const store = useVariableDefinitionStoreCtx();\n  return useStore(store, (s) => s.variableDefinitions);\n}\n\nexport function useExternalVariableDefinitions(): ExternalVariableDefinition[] {\n  const store = useVariableDefinitionStoreCtx();\n  return useStore(store, (s) => s.externalVariableDefinitions);\n}\n\ninterface PluginProviderProps {\n  children: ReactNode;\n  builtinVariables?: BuiltinVariableDefinition[];\n}\n\nfunction PluginProvider({ children, builtinVariables }: PluginProviderProps): ReactElement {\n  const originalValues = useVariableDefinitionStates();\n  const definitions = useVariableDefinitions();\n  const externalDefinitions = useExternalVariableDefinitions();\n  const { absoluteTimeRange } = useTimeRange();\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\n      if (v.value === ALL_VALUE) {\n        const definition = findVariableDefinitionByName(name, definitions, externalDefinitions);\n        // If the variable is a list variable and has a custom all value, then use that value instead\n        if (definition?.kind === 'ListVariable' && definition.spec.customAllValue) {\n          v.value = definition.spec.customAllValue;\n          v.customAllValue = definition.spec.customAllValue;\n        } else {\n          v.value = v.options?.map((o: { value: string }) => o.value) ?? null;\n        }\n      }\n      contextValues[name] = v;\n    });\n    return contextValues;\n  }, [originalValues, definitions, externalDefinitions]);\n\n  const allBuiltinVariables: BuiltinVariableDefinition[] = useMemo(() => {\n    const result: BuiltinVariableDefinition[] = [\n      {\n        kind: 'BuiltinVariable',\n        spec: {\n          name: '__from',\n          value: () => absoluteTimeRange.start.valueOf().toString(),\n          source: 'Dashboard',\n          display: {\n            name: '__from',\n            description: 'Start time of the current time range in unix millisecond epoch',\n            hidden: true,\n          },\n        },\n      },\n      {\n        kind: 'BuiltinVariable',\n        spec: {\n          name: '__to',\n          value: () => absoluteTimeRange.end.valueOf().toString(),\n          source: 'Dashboard',\n          display: {\n            name: '__to',\n            description: 'End time of the current time range in unix millisecond epoch',\n            hidden: true,\n          },\n        },\n      },\n      {\n        kind: 'BuiltinVariable',\n        spec: {\n          name: '__range',\n          value: () => formatDuration(intervalToDuration(absoluteTimeRange)),\n          source: 'Dashboard',\n          display: {\n            name: '__range',\n            description: 'The range for the current dashboard in human readable format',\n            hidden: true,\n          },\n        },\n      },\n      {\n        kind: 'BuiltinVariable',\n        spec: {\n          name: '__range_s',\n          value: () => ((absoluteTimeRange.end.valueOf() - absoluteTimeRange.start.valueOf()) / 1000).toString(),\n          source: 'Dashboard',\n          display: {\n            name: '__range_s',\n            description: 'The range for the current dashboard in second',\n            hidden: true,\n          },\n        },\n      },\n      {\n        kind: 'BuiltinVariable',\n        spec: {\n          name: '__range_ms',\n          value: () => (absoluteTimeRange.end.valueOf() - absoluteTimeRange.start.valueOf()).toString(),\n          source: 'Dashboard',\n          display: {\n            name: '__range_ms',\n            description: 'The range for the current dashboard in millisecond',\n            hidden: true,\n          },\n        },\n      },\n    ];\n    builtinVariables?.forEach((def) => result.push(def));\n    return result;\n  }, [absoluteTimeRange, builtinVariables]);\n\n  return (\n    <BuiltinVariableContext.Provider value={{ variables: allBuiltinVariables }}>\n      <VariableContext.Provider value={{ state: values }}>{children}</VariableContext.Provider>\n    </BuiltinVariableContext.Provider>\n  );\n}\n\ninterface VariableDefinitionStoreArgs {\n  initialVariableDefinitions?: VariableDefinition[];\n  externalVariableDefinitions?: ExternalVariableDefinition[];\n  queryParams?: ReturnType<typeof useVariableQueryParams>;\n  initialVariableValues?: Record<string, VariableValue>;\n}\n\nfunction createVariableDefinitionStore({\n  initialVariableDefinitions = [],\n  externalVariableDefinitions = [],\n  queryParams,\n  initialVariableValues,\n}: VariableDefinitionStoreArgs): StoreApi<VariableDefinitionStore> {\n  const queryParamValues = getInitalValuesFromQueryParameters(queryParams ? queryParams[0] : {});\n  const initialParams = { ...queryParamValues, ...initialVariableValues };\n  const store = createStore<VariableDefinitionStore>()(\n    devtools(\n      immer((set, get) => ({\n        variableState: hydrateVariableDefinitionStates(\n          initialVariableDefinitions,\n          initialParams,\n          externalVariableDefinitions\n        ),\n        variableDefinitions: initialVariableDefinitions,\n        externalVariableDefinitions: externalVariableDefinitions,\n        setVariableDefinitions(definitions: VariableDefinition[]): void {\n          set(\n            (state) => {\n              state.variableDefinitions = definitions;\n              state.variableState = hydrateVariableDefinitionStates(\n                definitions,\n                initialParams,\n                externalVariableDefinitions\n              );\n            },\n            false,\n            '[Variables] setVariableDefinitions' // Used for action name in Redux devtools\n          );\n        },\n        setVariableOptions(name, options, source?: string): void {\n          set(\n            (state) => {\n              const varState = state.variableState.get({ name, source });\n              if (!varState) {\n                return;\n              }\n              varState.options = options;\n            },\n            false,\n            '[Variables] setVariableOptions'\n          );\n        },\n        setVariableLoading(name, loading, source?: string): void {\n          set(\n            (state) => {\n              const varState = state.variableState.get({ name, source });\n              if (!varState) {\n                return;\n              }\n              varState.loading = loading;\n            },\n            false,\n            '[Variables] setVariableLoading'\n          );\n        },\n        setVariableValue: (name, value, source?: string): void =>\n          set(\n            (state) => {\n              let val = value;\n              const varState = state.variableState.get({ name, source });\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            false,\n            '[Variables] setVariableValue'\n          ),\n        setVariableDefaultValues: (): VariableDefinition[] => {\n          const variableDefinitions = get().variableDefinitions;\n          const variableState = get().variableState;\n          const updatedVariables = produce(variableDefinitions, (draft) => {\n            draft.forEach((variable, index) => {\n              const name = variable.spec.name;\n              if (variable.kind === 'ListVariable') {\n                const currentVariable = variableState.get({ name });\n                if (currentVariable?.value !== undefined) {\n                  draft[index] = {\n                    kind: 'ListVariable',\n                    spec: produce(variable.spec, (specDraft) => {\n                      specDraft.defaultValue = currentVariable.value;\n                    }),\n                  };\n                }\n              } else if (variable.kind === 'TextVariable') {\n                const currentVariable = variableState.get({ name });\n                const currentVariableValue = typeof currentVariable?.value === 'string' ? currentVariable.value : '';\n                if (currentVariable?.value !== undefined) {\n                  draft[index] = {\n                    kind: 'TextVariable',\n                    spec: produce(variable.spec, (specDraft) => {\n                      specDraft.value = currentVariableValue;\n                    }),\n                  };\n                }\n              }\n            });\n          });\n          set(\n            (state) => {\n              state.variableDefinitions = updatedVariables;\n            },\n            false,\n            '[Variables] setVariableDefaultValues'\n          );\n          return updatedVariables;\n        },\n        getSavedVariablesStatus: (): {\n          modifiedVariableNames: string[];\n          isSavedVariableModified: boolean;\n        } => {\n          return checkSavedDefaultVariableStatus(get().variableDefinitions, get().variableState);\n        },\n      }))\n    )\n  );\n\n  return store as StoreApi<VariableDefinitionStore>;\n}\n\n/**\n * The external variables allow you to give to the provider some additional variables, not defined in the dashboard and static.\n * It means that you won´t be able to update them from the dashboard itself, but you will see them appear and will be able\n * to modify their runtime value as any other variable.\n * If one of the external variable has the same name as a local one, it will be marked as overridden.\n * You can define one list of variable definition by source and as many source as you want.\n * The order of the sources is important as first one will take precedence on the following ones, in case they have same names.\n */\n\nexport interface VariableProviderProps {\n  children: ReactNode;\n  initialVariableDefinitions?: VariableDefinition[];\n  externalVariableDefinitions?: ExternalVariableDefinition[];\n  builtinVariableDefinitions?: BuiltinVariableDefinition[];\n  initialVariableValues?: Record<string, VariableValue>;\n}\n\n// TODO: merge the different providers related to Variables under a single one (and keep \"VariableProvider\" as a name)\nexport function VariableProvider({\n  children,\n  initialVariableDefinitions = [],\n  externalVariableDefinitions = [],\n  builtinVariableDefinitions = [],\n  initialVariableValues,\n}: VariableProviderProps): ReactElement {\n  const [store] = useState(() =>\n    createVariableDefinitionStore({ initialVariableDefinitions, externalVariableDefinitions, initialVariableValues })\n  );\n\n  return (\n    <VariableDefinitionStoreContext.Provider value={store}>\n      <PluginProvider builtinVariables={builtinVariableDefinitions}>{children}</PluginProvider>\n    </VariableDefinitionStoreContext.Provider>\n  );\n}\n\nexport function VariableProviderWithQueryParams({\n  children,\n  initialVariableDefinitions = [],\n  externalVariableDefinitions = [],\n  builtinVariableDefinitions: builtinVariables = [],\n}: VariableProviderProps): ReactElement {\n  const allVariableDefs = mergeVariableDefinitions(initialVariableDefinitions, externalVariableDefinitions);\n  const queryParams = useVariableQueryParams(allVariableDefs);\n  const [store] = useState(() =>\n    createVariableDefinitionStore({ initialVariableDefinitions, externalVariableDefinitions, queryParams })\n  );\n\n  return (\n    <VariableDefinitionStoreContext.Provider value={store}>\n      <PluginProvider builtinVariables={builtinVariables}>{children}</PluginProvider>\n    </VariableDefinitionStoreContext.Provider>\n  );\n}\n"],"names":["createContext","useContext","useMemo","useState","createStore","useStore","useStoreWithEqualityFn","immer","devtools","shallow","produce","VariableContext","BuiltinVariableContext","useTimeRange","DEFAULT_ALL_VALUE","ALL_VALUE","formatDuration","intervalToDuration","checkSavedDefaultVariableStatus","findVariableDefinitionByName","mergeVariableDefinitions","hydrateVariableDefinitionStates","getInitalValuesFromQueryParameters","getURLQueryParamName","useVariableQueryParams","VariableDefinitionStoreContext","undefined","useVariableDefinitionStoreCtx","context","Error","useVariableDefinitionStates","variableNames","store","s","varStates","names","variableDefinitions","map","value","spec","name","forEach","varState","variableState","get","overridden","externalVariableDefinitions","d","source","definitions","left","right","JSON","stringify","useVariableDefinitionAndState","state","find","v","definition","useVariableDefinitionActions","setVariableValue","setVariableLoading","setVariableOptions","setVariableDefinitions","setVariableDefaultValues","getSavedVariablesStatus","useVariableDefinitions","useExternalVariableDefinitions","PluginProvider","children","builtinVariables","originalValues","externalDefinitions","absoluteTimeRange","values","contextValues","Object","keys","kind","customAllValue","options","o","allBuiltinVariables","result","start","valueOf","toString","display","description","hidden","end","def","push","Provider","variables","createVariableDefinitionStore","initialVariableDefinitions","queryParams","initialVariableValues","queryParamValues","initialParams","set","loading","val","Array","isArray","includes","at","filter","setQueryParams","updatedVariables","draft","variable","index","currentVariable","specDraft","defaultValue","currentVariableValue","VariableProvider","builtinVariableDefinitions","VariableProviderWithQueryParams","allVariableDefs"],"mappings":"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"}