@perses-dev/dashboards 0.14.0 → 0.15.0

package/dist/components/Variables/VariableList.js

@@ -11,20 +11,27 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Button, Stack, Box, Drawer } from '@mui/material';
+import React, { useState } from 'react';
+import { Button, Stack, Box, Drawer, AppBar, useScrollTrigger, IconButton } from '@mui/material';
 import EyeIcon from 'mdi-material-ui/Eye';
 import PencilIcon from 'mdi-material-ui/Pencil';
+import PinOutline from 'mdi-material-ui/PinOutline';
+import PinOffOutline from 'mdi-material-ui/PinOffOutline';
 import { useTemplateVariableDefinitions, useEditMode, useTemplateVariableActions } from '../../context';
 import { TemplateVariable } from './Variable';
 import { VariableEditor } from './VariableEditor';
-export function TemplateVariableList() {
+export function TemplateVariableList(props) {
     const [isEditing, setIsEditing] = useState(false);
+    const [isPin, setIsPin] = useState(props.initialVariableIsSticky);
     const variableDefinitions = useTemplateVariableDefinitions();
     const { isEditMode  } = useEditMode();
     const [showVariablesInEditMode, setShowVariablesInEditMode] = useState(true);
     const showVariables = isEditMode ? showVariablesInEditMode : true;
     const { setVariableDefinitions  } = useTemplateVariableActions();
+    const scrollTrigger = useScrollTrigger({
+        disableHysteresis: true
+    });
+    const isSticky = scrollTrigger && props.initialVariableIsSticky && isPin;
     return /*#__PURE__*/ _jsxs(Box, {
         children: [
             /*#__PURE__*/ _jsx(Drawer, {
@@ -59,21 +66,34 @@ export function TemplateVariableList() {
                     })
                 ]
             }),
-            /*#__PURE__*/ _jsx(Box, {
-                display: 'flex',
-                justifyContent: "space-between",
-                children: /*#__PURE__*/ _jsx(Stack, {
-                    direction: 'row',
-                    spacing: 2,
-                    children: showVariables && variableDefinitions.map((v)=>{
-                        var ref;
-                        /*#__PURE__*/ return _jsx(Box, {
-                            display: ((ref = v.spec.display) === null || ref === void 0 ? void 0 : ref.hidden) ? 'none' : undefined,
-                            children: /*#__PURE__*/ _jsx(TemplateVariable, {
-                                name: v.spec.name
-                            }, v.spec.name)
-                        }, v.spec.name);
-                    })
+            /*#__PURE__*/ _jsx(AppBar, {
+                color: 'inherit',
+                position: isSticky ? 'fixed' : 'static',
+                elevation: isSticky ? 4 : 0,
+                children: /*#__PURE__*/ _jsxs(Box, {
+                    display: 'flex',
+                    justifyContent: "space-between",
+                    my: isSticky ? 2 : 0,
+                    ml: isSticky ? 2 : 0,
+                    children: [
+                        /*#__PURE__*/ _jsx(Stack, {
+                            direction: 'row',
+                            spacing: 2,
+                            children: showVariables && variableDefinitions.map((v)=>{
+                                var ref;
+                                /*#__PURE__*/ return _jsx(Box, {
+                                    display: ((ref = v.spec.display) === null || ref === void 0 ? void 0 : ref.hidden) ? 'none' : undefined,
+                                    children: /*#__PURE__*/ _jsx(TemplateVariable, {
+                                        name: v.spec.name
+                                    }, v.spec.name)
+                                }, v.spec.name);
+                            })
+                        }),
+                        props.initialVariableIsSticky && /*#__PURE__*/ _jsx(IconButton, {
+                            onClick: ()=>setIsPin(!isPin),
+                            children: isPin ? /*#__PURE__*/ _jsx(PinOutline, {}) : /*#__PURE__*/ _jsx(PinOffOutline, {})
+                        })
+                    ]
                 })
             })
         ]

package/dist/components/Variables/VariableList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Variables/VariableList.tsx"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { useState } from 'react';\nimport { Button, Stack, Box, Drawer } from '@mui/material';\nimport EyeIcon from 'mdi-material-ui/Eye';\nimport PencilIcon from 'mdi-material-ui/Pencil';\n\nimport { useTemplateVariableDefinitions, useEditMode, useTemplateVariableActions } from '../../context';\nimport { TemplateVariable } from './Variable';\nimport { VariableEditor } from './VariableEditor';\n\nexport function TemplateVariableList() {\n  const [isEditing, setIsEditing] = useState(false);\n  const variableDefinitions = useTemplateVariableDefinitions();\n  const { isEditMode } = useEditMode();\n  const [showVariablesInEditMode, setShowVariablesInEditMode] = useState(true);\n  const showVariables = isEditMode ? showVariablesInEditMode : true;\n  const { setVariableDefinitions } = useTemplateVariableActions();\n\n  return (\n    <Box>\n      <Drawer anchor={'right'} open={isEditing}>\n        <VariableEditor\n          onCancel={() => {\n            setIsEditing(false);\n          }}\n          variableDefinitions={variableDefinitions}\n          onChange={(v) => {\n            setVariableDefinitions(v);\n            setIsEditing(false);\n          }}\n        />\n      </Drawer>\n      {isEditMode && (\n        <Box pb={2}>\n          <Button onClick={() => setShowVariablesInEditMode(!showVariablesInEditMode)} startIcon={<EyeIcon />}>\n            {showVariablesInEditMode ? 'Hide' : 'Show'} Variables\n          </Button>\n          <Button onClick={() => setIsEditing(true)} startIcon={<PencilIcon />}>\n            Edit Variables\n          </Button>\n        </Box>\n      )}\n      <Box display={'flex'} justifyContent=\"space-between\">\n        <Stack direction={'row'} spacing={2}>\n          {showVariables &&\n            variableDefinitions.map((v) => (\n              <Box key={v.spec.name} display={v.spec.display?.hidden ? 'none' : undefined}>\n                <TemplateVariable key={v.spec.name} name={v.spec.name} />\n              </Box>\n            ))}\n        </Stack>\n      </Box>\n    </Box>\n  );\n}\n"],"names":["useState","Button","Stack","Box","Drawer","EyeIcon","PencilIcon","useTemplateVariableDefinitions","useEditMode","useTemplateVariableActions","TemplateVariable","VariableEditor","TemplateVariableList","isEditing","setIsEditing","variableDefinitions","isEditMode","showVariablesInEditMode","setShowVariablesInEditMode","showVariables","setVariableDefinitions","anchor","open","onCancel","onChange","v","pb","onClick","startIcon","display","justifyContent","direction","spacing","map","spec","hidden","undefined","name"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/Variables/VariableList.tsx"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport React, { useState } from 'react';\nimport { Button, Stack, Box, Drawer, AppBar, useScrollTrigger, IconButton } from '@mui/material';\nimport EyeIcon from 'mdi-material-ui/Eye';\nimport PencilIcon from 'mdi-material-ui/Pencil';\nimport PinOutline from 'mdi-material-ui/PinOutline';\nimport PinOffOutline from 'mdi-material-ui/PinOffOutline';\nimport { useTemplateVariableDefinitions, useEditMode, useTemplateVariableActions } from '../../context';\nimport { TemplateVariable } from './Variable';\nimport { VariableEditor } from './VariableEditor';\n\ninterface TemplateVariableListProps {\n  initialVariableIsSticky?: boolean;\n}\n\nexport function TemplateVariableList(props: TemplateVariableListProps) {\n  const [isEditing, setIsEditing] = useState(false);\n  const [isPin, setIsPin] = useState(props.initialVariableIsSticky);\n  const variableDefinitions = useTemplateVariableDefinitions();\n  const { isEditMode } = useEditMode();\n  const [showVariablesInEditMode, setShowVariablesInEditMode] = useState(true);\n  const showVariables = isEditMode ? showVariablesInEditMode : true;\n  const { setVariableDefinitions } = useTemplateVariableActions();\n  const scrollTrigger = useScrollTrigger({ disableHysteresis: true });\n  const isSticky = scrollTrigger && props.initialVariableIsSticky && isPin;\n  return (\n    <Box>\n      <Drawer anchor={'right'} open={isEditing}>\n        <VariableEditor\n          onCancel={() => {\n            setIsEditing(false);\n          }}\n          variableDefinitions={variableDefinitions}\n          onChange={(v) => {\n            setVariableDefinitions(v);\n            setIsEditing(false);\n          }}\n        />\n      </Drawer>\n      {isEditMode && (\n        <Box pb={2}>\n          <Button onClick={() => setShowVariablesInEditMode(!showVariablesInEditMode)} startIcon={<EyeIcon />}>\n            {showVariablesInEditMode ? 'Hide' : 'Show'} Variables\n          </Button>\n          <Button onClick={() => setIsEditing(true)} startIcon={<PencilIcon />}>\n            Edit Variables\n          </Button>\n        </Box>\n      )}\n\n      <AppBar color={'inherit'} position={isSticky ? 'fixed' : 'static'} elevation={isSticky ? 4 : 0}>\n        <Box display={'flex'} justifyContent=\"space-between\" my={isSticky ? 2 : 0} ml={isSticky ? 2 : 0}>\n          <Stack direction={'row'} spacing={2}>\n            {showVariables &&\n              variableDefinitions.map((v) => (\n                <Box key={v.spec.name} display={v.spec.display?.hidden ? 'none' : undefined}>\n                  <TemplateVariable key={v.spec.name} name={v.spec.name} />\n                </Box>\n              ))}\n          </Stack>\n          {props.initialVariableIsSticky && (\n            <IconButton onClick={() => setIsPin(!isPin)}>{isPin ? <PinOutline /> : <PinOffOutline />}</IconButton>\n          )}\n        </Box>\n      </AppBar>\n    </Box>\n  );\n}\n"],"names":["React","useState","Button","Stack","Box","Drawer","AppBar","useScrollTrigger","IconButton","EyeIcon","PencilIcon","PinOutline","PinOffOutline","useTemplateVariableDefinitions","useEditMode","useTemplateVariableActions","TemplateVariable","VariableEditor","TemplateVariableList","props","isEditing","setIsEditing","isPin","setIsPin","initialVariableIsSticky","variableDefinitions","isEditMode","showVariablesInEditMode","setShowVariablesInEditMode","showVariables","setVariableDefinitions","scrollTrigger","disableHysteresis","isSticky","anchor","open","onCancel","onChange","v","pb","onClick","startIcon","color","position","elevation","display","justifyContent","my","ml","direction","spacing","map","spec","hidden","undefined","name"],"mappings":"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"}

package/dist/context/DashboardProvider/DashboardProvider.js

@@ -60,8 +60,9 @@ function initStore(props) {
             setEditMode: (isEditMode)=>set({
                     isEditMode
                 }),
-            setDashboard: ({ spec: { panels , layouts  }  })=>{
+            setDashboard: ({ metadata , spec: { panels , layouts  }  })=>{
                 set((state)=>{
+                    state.metadata = metadata;
                     const { panelGroups , panelGroupOrder  } = convertLayoutsToPanelGroups(layouts);
                     state.panels = panels;
                     state.panelGroups = panelGroups;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/DashboardProvider.tsx"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { createStore, useStore } from 'zustand';\nimport type { StoreApi } from 'zustand';\nimport { devtools } from 'zustand/middleware';\nimport { immer } from 'zustand/middleware/immer';\nimport shallow from 'zustand/shallow';\nimport { createContext, useCallback, useContext, useState } from 'react';\nimport { DashboardResource, ProjectMetadata, RelativeTimeRange } from '@perses-dev/core';\nimport { createPanelGroupEditorSlice, PanelGroupEditorSlice } from './panel-group-editor-slice';\nimport { convertLayoutsToPanelGroups, createPanelGroupSlice, PanelGroupSlice } from './panel-group-slice';\nimport { createPanelEditorSlice, PanelEditorSlice } from './panel-editor-slice';\nimport { createPanelSlice, PanelSlice } from './panel-slice';\nimport { createDeletePanelGroupSlice, DeletePanelGroupSlice } from './delete-panel-group-slice';\nimport { createDeletePanelSlice, DeletePanelSlice } from './delete-panel-slice';\n\nexport interface DashboardStoreState\n  extends PanelGroupSlice,\n    PanelSlice,\n    PanelGroupEditorSlice,\n    DeletePanelGroupSlice,\n    PanelEditorSlice,\n    DeletePanelSlice {\n  isEditMode: boolean;\n  setEditMode: (isEditMode: boolean) => void;\n  defaultTimeRange: RelativeTimeRange;\n  setDashboard: (dashboard: DashboardResource) => void;\n  metadata: ProjectMetadata;\n}\n\nexport interface DashboardStoreProps {\n  dashboardResource: DashboardResource;\n  isEditMode?: boolean;\n}\n\nexport interface DashboardProviderProps {\n  initialState: DashboardStoreProps;\n  children?: React.ReactNode;\n}\n\nexport const DashboardContext = createContext<StoreApi<DashboardStoreState> | undefined>(undefined);\n\nexport function useDashboardStore<T>(selector: (state: DashboardStoreState) => T) {\n  const store = useContext(DashboardContext);\n  if (store === undefined) {\n    throw new Error('No DashboardContext found. Did you forget a Provider?');\n  }\n  return useStore(store, selector, shallow);\n}\n\nexport function DashboardProvider(props: DashboardProviderProps) {\n  const createDashboardStore = useCallback(initStore, [props]);\n\n  const [store] = useState(createDashboardStore(props)); // prevent calling createDashboardStore every time it rerenders\n\n  return (\n    <DashboardContext.Provider value={store as StoreApi<DashboardStoreState>}>\n      {props.children}\n    </DashboardContext.Provider>\n  );\n}\n\nfunction initStore(props: DashboardProviderProps) {\n  const {\n    initialState: { dashboardResource, isEditMode },\n  } = props;\n\n  const {\n    spec: { layouts, panels, duration },\n    metadata,\n  } = dashboardResource;\n  const store = createStore<DashboardStoreState>()(\n    immer(\n      devtools((...args) => {\n        const [set] = args;\n        return {\n          ...createPanelGroupSlice(layouts)(...args),\n          ...createPanelSlice(panels)(...args),\n          ...createPanelGroupEditorSlice(...args),\n          ...createDeletePanelGroupSlice(...args),\n          ...createPanelEditorSlice()(...args),\n          ...createDeletePanelSlice()(...args),\n          metadata,\n          defaultTimeRange: { pastDuration: duration },\n          isEditMode: !!isEditMode,\n          setEditMode: (isEditMode: boolean) => set({ isEditMode }),\n          setDashboard: ({ spec: { panels, layouts } }) => {\n            set((state) => {\n              const { panelGroups, panelGroupOrder } = convertLayoutsToPanelGroups(layouts);\n              state.panels = panels;\n              state.panelGroups = panelGroups;\n              state.panelGroupOrder = panelGroupOrder;\n            });\n          },\n        };\n      })\n    )\n  );\n\n  return store;\n}\n"],"names":["createStore","useStore","devtools","immer","shallow","createContext","useCallback","useContext","useState","createPanelGroupEditorSlice","convertLayoutsToPanelGroups","createPanelGroupSlice","createPanelEditorSlice","createPanelSlice","createDeletePanelGroupSlice","createDeletePanelSlice","DashboardContext","undefined","useDashboardStore","selector","store","Error","DashboardProvider","props","createDashboardStore","initStore","Provider","value","children","initialState","dashboardResource","isEditMode","spec","layouts","panels","duration","metadata","args","set","defaultTimeRange","pastDuration","setEditMode","setDashboard","state","panelGroups","panelGroupOrder"],"mappings":"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"}
+{"version":3,"sources":["../../../src/context/DashboardProvider/DashboardProvider.tsx"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { createStore, useStore } from 'zustand';\nimport type { StoreApi } from 'zustand';\nimport { devtools } from 'zustand/middleware';\nimport { immer } from 'zustand/middleware/immer';\nimport shallow from 'zustand/shallow';\nimport { createContext, useCallback, useContext, useState } from 'react';\nimport { DashboardResource, ProjectMetadata, RelativeTimeRange } from '@perses-dev/core';\nimport { createPanelGroupEditorSlice, PanelGroupEditorSlice } from './panel-group-editor-slice';\nimport { convertLayoutsToPanelGroups, createPanelGroupSlice, PanelGroupSlice } from './panel-group-slice';\nimport { createPanelEditorSlice, PanelEditorSlice } from './panel-editor-slice';\nimport { createPanelSlice, PanelSlice } from './panel-slice';\nimport { createDeletePanelGroupSlice, DeletePanelGroupSlice } from './delete-panel-group-slice';\nimport { createDeletePanelSlice, DeletePanelSlice } from './delete-panel-slice';\n\nexport interface DashboardStoreState\n  extends PanelGroupSlice,\n    PanelSlice,\n    PanelGroupEditorSlice,\n    DeletePanelGroupSlice,\n    PanelEditorSlice,\n    DeletePanelSlice {\n  isEditMode: boolean;\n  setEditMode: (isEditMode: boolean) => void;\n  defaultTimeRange: RelativeTimeRange;\n  setDashboard: (dashboard: DashboardResource) => void;\n  metadata: ProjectMetadata;\n}\n\nexport interface DashboardStoreProps {\n  dashboardResource: DashboardResource;\n  isEditMode?: boolean;\n}\n\nexport interface DashboardProviderProps {\n  initialState: DashboardStoreProps;\n  children?: React.ReactNode;\n}\n\nexport const DashboardContext = createContext<StoreApi<DashboardStoreState> | undefined>(undefined);\n\nexport function useDashboardStore<T>(selector: (state: DashboardStoreState) => T) {\n  const store = useContext(DashboardContext);\n  if (store === undefined) {\n    throw new Error('No DashboardContext found. Did you forget a Provider?');\n  }\n  return useStore(store, selector, shallow);\n}\n\nexport function DashboardProvider(props: DashboardProviderProps) {\n  const createDashboardStore = useCallback(initStore, [props]);\n\n  const [store] = useState(createDashboardStore(props)); // prevent calling createDashboardStore every time it rerenders\n\n  return (\n    <DashboardContext.Provider value={store as StoreApi<DashboardStoreState>}>\n      {props.children}\n    </DashboardContext.Provider>\n  );\n}\n\nfunction initStore(props: DashboardProviderProps) {\n  const {\n    initialState: { dashboardResource, isEditMode },\n  } = props;\n\n  const {\n    spec: { layouts, panels, duration },\n    metadata,\n  } = dashboardResource;\n  const store = createStore<DashboardStoreState>()(\n    immer(\n      devtools((...args) => {\n        const [set] = args;\n        return {\n          ...createPanelGroupSlice(layouts)(...args),\n          ...createPanelSlice(panels)(...args),\n          ...createPanelGroupEditorSlice(...args),\n          ...createDeletePanelGroupSlice(...args),\n          ...createPanelEditorSlice()(...args),\n          ...createDeletePanelSlice()(...args),\n          metadata,\n          defaultTimeRange: { pastDuration: duration },\n          isEditMode: !!isEditMode,\n          setEditMode: (isEditMode: boolean) => set({ isEditMode }),\n          setDashboard: ({ metadata, spec: { panels, layouts } }) => {\n            set((state) => {\n              state.metadata = metadata;\n              const { panelGroups, panelGroupOrder } = convertLayoutsToPanelGroups(layouts);\n              state.panels = panels;\n              state.panelGroups = panelGroups;\n              state.panelGroupOrder = panelGroupOrder;\n            });\n          },\n        };\n      })\n    )\n  );\n\n  return store;\n}\n"],"names":["createStore","useStore","devtools","immer","shallow","createContext","useCallback","useContext","useState","createPanelGroupEditorSlice","convertLayoutsToPanelGroups","createPanelGroupSlice","createPanelEditorSlice","createPanelSlice","createDeletePanelGroupSlice","createDeletePanelSlice","DashboardContext","undefined","useDashboardStore","selector","store","Error","DashboardProvider","props","createDashboardStore","initStore","Provider","value","children","initialState","dashboardResource","isEditMode","spec","layouts","panels","duration","metadata","args","set","defaultTimeRange","pastDuration","setEditMode","setDashboard","state","panelGroups","panelGroupOrder"],"mappings":"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"}

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

@@ -43,9 +43,9 @@ export declare function usePanelGroupEditor(): import("./panel-group-editor-slic
  */
 export declare function useDeletePanelGroupDialog(): {
     deletePanelGroupDialog: import("./delete-panel-group-slice").DeletePanelGroupDialogState | undefined;
+    deletePanelGroup: (panelGroupId: number) => void;
     openDeletePanelGroupDialog: (panelGroupId: number) => void;
     closeDeletePanelGroupDialog: () => void;
-    deletePanelGroup: (panelGroupId: number) => void;
 };
 /**
  * Gets an individual panel in the store. Throws if the panel can't be found.

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

@@ -1 +1 @@
-{"version":3,"file":"dashboard-provider-api.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/dashboard-provider-api.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAE3F,wBAAgB,WAAW;;;EAE1B;AAED;;GAEG;AACH,wBAAgB,mBAAmB;;;;EAUlC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,aAE/B;AAED;;GAEG;AACH,wBAAgB,kBAAkB,yDAYjC;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,YAAY,EAAE,YAAY,sDAMvD;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,YAAY,EAAE,YAAY;;;;;;2CAapB,oBAAoB,EAAE;EAGhE;AAuBD;;GAEG;AACH,wBAAgB,mBAAmB,sEAElC;AAED;;GAEG;AACH,wBAAgB,yBAAyB;;;;;EASxC;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,sFAa1D;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,gBAAgB,EAAE,gBAAgB;;;EAOjE;AAED;;GAEG;AACH,wBAAgB,cAAc,gEAE7B;AAED;;GAEG;AACH,wBAAgB,oBAAoB;;;;EAWnC;AAED,wBAAgB,mBAAmB,iDAElC"}
+{"version":3,"file":"dashboard-provider-api.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/dashboard-provider-api.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAG3F,wBAAgB,WAAW;;;EAE1B;AAOD;;GAEG;AACH,wBAAgB,mBAAmB;;;;EAOlC;AAGD;;GAEG;AACH,wBAAgB,gBAAgB,aAE/B;AAGD;;GAEG;AACH,wBAAgB,kBAAkB,yDAYjC;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,YAAY,EAAE,YAAY,sDAMvD;AAaD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,YAAY,EAAE,YAAY;;;;;;2CAWpB,oBAAoB,EAAE;EAGhE;AA4BD;;GAEG;AACH,wBAAgB,mBAAmB,sEAElC;AAaD;;GAEG;AACH,wBAAgB,yBAAyB;;;;;EASxC;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,sFAiB1D;AAMD;;GAEG;AACH,wBAAgB,eAAe,CAAC,gBAAgB,EAAE,gBAAgB;;;EAMjE;AAGD;;GAEG;AACH,wBAAgB,cAAc,gEAE7B;AAQD;;GAEG;AACH,wBAAgB,oBAAoB;;;;EAGnC;AAGD,wBAAgB,mBAAmB,iDAElC"}

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

@@ -10,36 +10,42 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { useMemo } from 'react';
+import { useCallback, useMemo } from 'react';
 import { useDashboardStore } from './DashboardProvider';
+const selectEditMode = ({ isEditMode , setEditMode  })=>({
+        isEditMode,
+        setEditMode
+    });
 export function useEditMode() {
-    return useDashboardStore(({ isEditMode , setEditMode  })=>({
-            isEditMode,
-            setEditMode
-        }));
+    return useDashboardStore(selectEditMode);
 }
+const selectDashboardActions = ({ setDashboard , openAddPanelGroup , openAddPanel  })=>({
+        setDashboard,
+        openAddPanelGroup,
+        openAddPanel
+    });
 /**
  * Returns actions that can be performed on the current dashboard.
  */ export function useDashboardActions() {
-    const setDashboard = useDashboardStore((store)=>store.setDashboard);
-    const openAddPanelGroup = useDashboardStore((store)=>store.openAddPanelGroup);
-    const openAddPanel = useDashboardStore((store)=>store.openAddPanel);
+    const { setDashboard , openAddPanelGroup , openAddPanel  } = useDashboardStore(selectDashboardActions);
     return {
         setDashboard,
-        openAddPanelGroup,
-        openAddPanel: ()=>openAddPanel(undefined)
+        openAddPanelGroup: ()=>openAddPanelGroup(),
+        openAddPanel: ()=>openAddPanel()
     };
 }
+const selectPanelGroupOrder = (state)=>state.panelGroupOrder;
 /**
  * Returns an array of PanelGroupIds in the order they appear in the dashboard.
  */ export function usePanelGroupIds() {
-    return useDashboardStore((store)=>store.panelGroupOrder);
+    return useDashboardStore(selectPanelGroupOrder);
 }
+const selectPanelGroups = (state)=>state.panelGroups;
 /**
  * Returns an array of PanelGroupDefinitions in the order they appear in the dashboard.
  */ export function useListPanelGroups() {
     const panelGroupIds = usePanelGroupIds();
-    const panelGroups = useDashboardStore((store)=>store.panelGroups);
+    const panelGroups = useDashboardStore(selectPanelGroups);
     return useMemo(()=>{
         return panelGroupIds.map((id)=>{
             const group = panelGroups[id];
@@ -56,20 +62,25 @@ export function useEditMode() {
 /**
  * Gets a specific panel group by its id. Throws if the panel group does not exist.
  */ export function usePanelGroup(panelGroupId) {
-    const panelGroup = useDashboardStore((store)=>store.panelGroups[panelGroupId]);
+    const panelGroup = useDashboardStore(useCallback((state)=>state.panelGroups[panelGroupId], [
+        panelGroupId
+    ]));
     if (panelGroup === undefined) {
         throw new Error(`Panel group with Id ${panelGroupId} was not found`);
     }
     return panelGroup;
 }
+const selectPanelGroupActions = ({ openEditPanelGroup , deletePanelGroup , openAddPanel , updatePanelGroupLayouts  })=>({
+        openEditPanelGroup,
+        deletePanelGroup,
+        openAddPanel,
+        updatePanelGroupLayouts
+    });
 /**
  * Returns actions that can be performed on the given panel group.
  */ export function usePanelGroupActions(panelGroupId) {
     const { moveUp , moveDown  } = useMovePanelGroup(panelGroupId);
-    const openEditPanelGroup = useDashboardStore((store)=>store.openEditPanelGroup);
-    const deletePanelGroup = useDashboardStore((store)=>store.openDeletePanelGroupDialog);
-    const openAddPanel = useDashboardStore((store)=>store.openAddPanel);
-    const updatePanelGroupLayouts = useDashboardStore((store)=>store.updatePanelGroupLayouts);
+    const { openEditPanelGroup , deletePanelGroup , openAddPanel , updatePanelGroupLayouts  } = useDashboardStore(selectPanelGroupActions);
     return {
         openEditPanelGroup: ()=>openEditPanelGroup(panelGroupId),
         deletePanelGroup: ()=>deletePanelGroup(panelGroupId),
@@ -79,13 +90,17 @@ export function useEditMode() {
         updatePanelGroupLayouts: (itemLayouts)=>updatePanelGroupLayouts(panelGroupId, itemLayouts)
     };
 }
+const selectSwapPanelGroups = (state)=>state.swapPanelGroups;
+const selectPanelGroupsLength = (state)=>state.panelGroupOrder.length;
 /**
  * Returns functions for moving a panel group up or down. A function will be undefined if the panel group can't be
  * moved in that direction.
  */ function useMovePanelGroup(panelGroupId) {
-    const currentIndex = useDashboardStore((store)=>store.panelGroupOrder.findIndex((id)=>id === panelGroupId));
-    const panelGroupsLength = useDashboardStore((store)=>store.panelGroupOrder.length);
-    const swapPanelGroups = useDashboardStore((store)=>store.swapPanelGroups);
+    const currentIndex = useDashboardStore(useCallback((store)=>store.panelGroupOrder.findIndex((id)=>id === panelGroupId), [
+        panelGroupId
+    ]));
+    const panelGroupsLength = useDashboardStore(selectPanelGroupsLength);
+    const swapPanelGroups = useDashboardStore(selectSwapPanelGroups);
     if (currentIndex < 0) {
         throw new Error(`Could not find panel group with Id ${panelGroupId} in order array`);
     }
@@ -96,66 +111,80 @@ export function useEditMode() {
         moveDown: currentIndex < panelGroupsLength - 1 ? moveDown : undefined
     };
 }
+const selectPanelGroupEditor = (state)=>state.panelGroupEditor;
 /**
  * Gets the Panel Group editor state.
  */ export function usePanelGroupEditor() {
-    return useDashboardStore((store)=>store.panelGroupEditor);
+    return useDashboardStore(selectPanelGroupEditor);
 }
+const selectDeletePanelGroupDialog = ({ deletePanelGroupDialog , openDeletePanelGroupDialog , closeDeletePanelGroupDialog , deletePanelGroup  })=>({
+        deletePanelGroupDialog,
+        openDeletePanelGroupDialog,
+        closeDeletePanelGroupDialog,
+        deletePanelGroup
+    });
 /**
  * Gets the Delete Panel Group dialog state.
  */ export function useDeletePanelGroupDialog() {
-    return useDashboardStore(({ deletePanelGroupDialog , openDeletePanelGroupDialog , closeDeletePanelGroupDialog , deletePanelGroup  })=>({
-            deletePanelGroupDialog,
-            openDeletePanelGroupDialog,
-            closeDeletePanelGroupDialog,
-            deletePanelGroup
-        }));
+    const { deletePanelGroupDialog , openDeletePanelGroupDialog , closeDeletePanelGroupDialog , deletePanelGroup  } = useDashboardStore(selectDeletePanelGroupDialog);
+    return {
+        deletePanelGroupDialog,
+        deletePanelGroup,
+        openDeletePanelGroupDialog,
+        closeDeletePanelGroupDialog: ()=>closeDeletePanelGroupDialog()
+    };
 }
 /**
  * Gets an individual panel in the store. Throws if the panel can't be found.
  */ export function usePanel(panelGroupItemId) {
     const { panelGroupId , panelGroupItemLayoutId: panelGroupLayoutId  } = panelGroupItemId;
-    const panel = useDashboardStore((store)=>{
+    const panel = useDashboardStore(useCallback((store)=>{
         var ref;
         const panelKey = (ref = store.panelGroups[panelGroupId]) === null || ref === void 0 ? void 0 : ref.itemPanelKeys[panelGroupLayoutId];
         if (panelKey === undefined) return;
         return store.panels[panelKey];
-    });
+    }, [
+        panelGroupId,
+        panelGroupLayoutId
+    ]));
     if (panel === undefined) {
         throw new Error(`Could not find panel for Id ${panelGroupItemId}`);
     }
     return panel;
 }
+const selectPanelActions = ({ openEditPanel , openDeletePanelDialog  })=>({
+        openEditPanel,
+        openDeletePanelDialog
+    });
 /**
  * Returns actions that can be performed on the given Panel.
  */ export function usePanelActions(panelGroupItemId) {
-    const openEditPanel = useDashboardStore((store)=>store.openEditPanel);
-    const openDeletePanelDialog = useDashboardStore((store)=>store.openDeletePanelDialog);
+    const { openEditPanel , openDeletePanelDialog  } = useDashboardStore(selectPanelActions);
     return {
         openEditPanel: ()=>openEditPanel(panelGroupItemId),
         openDeletePanelDialog: ()=>openDeletePanelDialog(panelGroupItemId)
     };
 }
+const selectPanelEditor = (state)=>state.panelEditor;
 /**
  * Gets the state for the Panel Editor.
  */ export function usePanelEditor() {
-    return useDashboardStore((store)=>store.panelEditor);
+    return useDashboardStore(selectPanelEditor);
 }
+const selectDeletePanelDialog = ({ deletePanelDialog , deletePanel , closeDeletePanelDialog  })=>({
+        deletePanelDialog,
+        deletePanel,
+        closeDeletePanelDialog
+    });
 /**
  * Gets the state for the Delete Panel dialog.
  */ export function useDeletePanelDialog() {
-    const deletePanelDialog = useDashboardStore((store)=>store.deletePanelDialog);
     // TODO: Refactor similar to other dialogs/editors so these are on the editor state itself
-    const deletePanel = useDashboardStore((store)=>store.deletePanel);
-    const closeDeletePanelDialog = useDashboardStore((store)=>store.closeDeletePanelDialog);
-    return {
-        deletePanelDialog,
-        deletePanel,
-        closeDeletePanelDialog
-    };
+    return useDashboardStore(selectDeletePanelDialog);
 }
+const selectDefaultTimeRange = (state)=>state.defaultTimeRange;
 export function useDefaultTimeRange() {
-    return useDashboardStore((state)=>state.defaultTimeRange);
+    return useDashboardStore(selectDefaultTimeRange);
 }
 
 //# sourceMappingURL=dashboard-provider-api.js.map

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

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

package/dist/context/{TimeRangeProvider.d.ts → TimeRangeProvider/TimeRangeProvider.d.ts}

@@ -1,8 +1,8 @@
 import React from 'react';
 import { TimeRangeValue } from '@perses-dev/core';
 export interface TimeRangeProviderProps {
-    timeRange: TimeRangeValue;
-    setTimeRange?: (value: TimeRangeValue) => void;
+    initialTimeRange: TimeRangeValue;
+    enabledURLParams?: boolean;
     children?: React.ReactNode;
 }
 /**

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeRangeProvider.d.ts","sourceRoot":"","sources":["../../../src/context/TimeRangeProvider/TimeRangeProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIlD,MAAM,WAAW,sBAAsB;IACrC,gBAAgB,EAAE,cAAc,CAAC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAc9D;AAED;;GAEG;AACH,wBAAgB,qBAAqB;;;EAGpC"}

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

@@ -13,15 +13,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useMemo } from 'react';
 import { TimeRangeContext, useTimeRangeContext } from '@perses-dev/plugin-system';
+import { useSetTimeRangeParams } from './query-params';
 /**
  * Provider implementation that supplies the time range state at runtime.
  */ export function TimeRangeProvider(props) {
-    const { timeRange , children , setTimeRange  } = props;
-    // TODO: fix no-op, pass paramsEnabled as false in useSetTimeRangeParams as workaround
+    const { initialTimeRange , enabledURLParams , children  } = props;
+    const { timeRange , setTimeRange  } = useSetTimeRangeParams(initialTimeRange, enabledURLParams);
     const ctx = useMemo(()=>({
             timeRange,
-            setTimeRange: setTimeRange !== null && setTimeRange !== void 0 ? setTimeRange : ()=>{
-            /* no-op */ }
+            setTimeRange
         }), [
         timeRange,
         setTimeRange

package/dist/context/TimeRangeProvider/TimeRangeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/TimeRangeProvider/TimeRangeProvider.tsx"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport React, { useMemo } from 'react';\nimport { TimeRangeValue } from '@perses-dev/core';\nimport { TimeRangeContext, useTimeRangeContext } from '@perses-dev/plugin-system';\nimport { useSetTimeRangeParams } from './query-params';\n\nexport interface TimeRangeProviderProps {\n  initialTimeRange: TimeRangeValue;\n  enabledURLParams?: boolean;\n  children?: React.ReactNode;\n}\n\n/**\n * Provider implementation that supplies the time range state at runtime.\n */\nexport function TimeRangeProvider(props: TimeRangeProviderProps) {\n  const { initialTimeRange, enabledURLParams, children } = props;\n\n  const { timeRange, setTimeRange } = useSetTimeRangeParams(initialTimeRange, enabledURLParams);\n\n  const ctx = useMemo(\n    () => ({\n      timeRange,\n      setTimeRange,\n    }),\n    [timeRange, setTimeRange]\n  );\n\n  return <TimeRangeContext.Provider value={ctx}>{children}</TimeRangeContext.Provider>;\n}\n\n/**\n * Internal version of time range hook to get all supported values\n */\nexport function useDashboardTimeRange() {\n  const { timeRange, setTimeRange } = useTimeRangeContext();\n  return { timeRange, setTimeRange };\n}\n"],"names":["React","useMemo","TimeRangeContext","useTimeRangeContext","useSetTimeRangeParams","TimeRangeProvider","props","initialTimeRange","enabledURLParams","children","timeRange","setTimeRange","ctx","Provider","value","useDashboardTimeRange"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO,CAAC;AAEvC,SAASC,gBAAgB,EAAEC,mBAAmB,QAAQ,2BAA2B,CAAC;AAClF,SAASC,qBAAqB,QAAQ,gBAAgB,CAAC;AAQvD;;CAEC,GACD,OAAO,SAASC,iBAAiB,CAACC,KAA6B,EAAE;IAC/D,MAAM,EAAEC,gBAAgB,CAAA,EAAEC,gBAAgB,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGH,KAAK,AAAC;IAE/D,MAAM,EAAEI,SAAS,CAAA,EAAEC,YAAY,CAAA,EAAE,GAAGP,qBAAqB,CAACG,gBAAgB,EAAEC,gBAAgB,CAAC,AAAC;IAE9F,MAAMI,GAAG,GAAGX,OAAO,CACjB,IAAO,CAAA;YACLS,SAAS;YACTC,YAAY;SACb,CAAA,AAAC,EACF;QAACD,SAAS;QAAEC,YAAY;KAAC,CAC1B,AAAC;IAEF,qBAAO,KAACT,gBAAgB,CAACW,QAAQ;QAACC,KAAK,EAAEF,GAAG;kBAAGH,QAAQ;MAA6B,CAAC;AACvF,CAAC;AAED;;CAEC,GACD,OAAO,SAASM,qBAAqB,GAAG;IACtC,MAAM,EAAEL,SAAS,CAAA,EAAEC,YAAY,CAAA,EAAE,GAAGR,mBAAmB,EAAE,AAAC;IAC1D,OAAO;QAAEO,SAAS;QAAEC,YAAY;KAAE,CAAC;AACrC,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './TimeRangeProvider';
+export * from './query-params';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/context/TimeRangeProvider/index.ts"],"names":[],"mappings":"AAaA,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC"}

package/dist/{utils → context/TimeRangeProvider}/index.js

@@ -10,6 +10,7 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-export * from './time-range-params';
+export * from './TimeRangeProvider';
+export * from './query-params';
 
 //# sourceMappingURL=index.js.map

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

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

package/dist/{utils/time-range-params.d.ts → context/TimeRangeProvider/query-params.d.ts}

@@ -19,7 +19,7 @@ export declare const timeRangeQueryConfig: {
  */
 export declare function useInitialTimeRange(dashboardDuration: DurationString): TimeRangeValue;
 /**
- * Returns time range getter and setter, set paramsEnabled to false to disable query string serialization
+ * Returns time range getter and setter, set enabledURLParams to false to disable query string serialization
  */
-export declare function useSetTimeRangeParams(initialTimeRange: TimeRangeValue, paramsEnabled?: boolean): TimeRange;
-//# sourceMappingURL=time-range-params.d.ts.map
+export declare function useSetTimeRangeParams(initialTimeRange: TimeRangeValue, enabledURLParams?: boolean): TimeRange;
+//# sourceMappingURL=query-params.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"query-params.d.ts","sourceRoot":"","sources":["../../../src/context/TimeRangeProvider/query-params.ts"],"names":[],"mappings":"AAcA,OAAO,EAAkB,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpE,OAAO,EACL,cAAc,EAGd,cAAc,EAEf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,oBAAY,eAAe,GAAG,IAAI,GAAG,cAAc,GAAG,IAAI,GAAG,SAAS,CAAC;AA2BvE,wBAAgB,oBAAoB,CAAC,eAAe,EAAE,eAAe,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAWhG;AAGD,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,GACtD,IAAI,GAAG,cAAc,GAAG,IAAI,GAAG,SAAS,CAI1C;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,gBAAgB,CAAC,eAAe,EAAE,eAAe,CAQ7E,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;CAGhC,CAAC;AAEF;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,iBAAiB,EAAE,cAAc,GAAG,cAAc,CAgBrF;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,gBAAgB,EAAE,cAAc,EAAE,gBAAgB,UAAO,GAAG,SAAS,CAqC1G"}

package/dist/{utils/time-range-params.js → context/TimeRangeProvider/query-params.js}

@@ -95,24 +95,30 @@ export const timeRangeQueryConfig = {
     ]);
 }
 /**
- * Returns time range getter and setter, set paramsEnabled to false to disable query string serialization
- */ export function useSetTimeRangeParams(initialTimeRange, paramsEnabled = true) {
+ * Returns time range getter and setter, set enabledURLParams to false to disable query string serialization
+ */ export function useSetTimeRangeParams(initialTimeRange, enabledURLParams = true) {
     const [query, setQuery] = useQueryParams(timeRangeQueryConfig);
-    // fallback when app does not want query string as source of truth
+    // determine whether initial param had previously been populated to fix back btn
+    const [paramsLoaded, setParamsLoaded] = useState(false);
+    // optional fallback when app does not want query string as source of truth
+    // this occurs when enabledURLParams is set to false on TimeRangeProvider
     const [timeRangeState, setTimeRangeState] = useState(initialTimeRange);
     const { start  } = query;
     useEffect(()=>{
-        if (paramsEnabled && !start) {
+        // when dashboard loaded with no params, default to dashboard duration
+        if (enabledURLParams && !paramsLoaded && !start) {
             if (isRelativeTimeRange(initialTimeRange)) {
                 setQuery({
                     start: initialTimeRange.pastDuration,
                     end: undefined
                 });
+                setParamsLoaded(true);
             }
         }
     }, [
         initialTimeRange,
-        paramsEnabled,
+        enabledURLParams,
+        paramsLoaded,
         start,
         setQuery
     ]);
@@ -128,7 +134,7 @@ export const timeRangeQueryConfig = {
     }, [
         setQuery
     ]);
-    if (!paramsEnabled) {
+    if (!enabledURLParams) {
         return {
             timeRange: timeRangeState,
             setTimeRange: setTimeRangeState
@@ -140,4 +146,4 @@ export const timeRangeQueryConfig = {
     };
 }
 
-//# sourceMappingURL=time-range-params.js.map
+//# sourceMappingURL=query-params.js.map