@perses-dev/dashboards 0.16.0 → 0.18.0

package/dist/views/ViewDashboard/ViewDashboard.js

@@ -13,12 +13,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@mui/material';
 import { ErrorBoundary, ErrorAlert, combineSx } from '@perses-dev/components';
-import { TimeRangeProvider, TemplateVariableProvider, DashboardProvider, DatasourceStoreProvider, useInitialTimeRange } from '../../context';
+import { TimeRangeProvider, useInitialTimeRange } from '@perses-dev/plugin-system';
+import { TemplateVariableProvider, DashboardProvider, DatasourceStoreProvider } from '../../context';
 import { DashboardApp } from './DashboardApp';
 /**
  * The View for displaying a Dashboard, along with the UI for selecting variable values.
  */ export function ViewDashboard(props) {
-    const { dashboardResource , datasourceApi , dashboardTitleComponent , initialVariableIsSticky , sx , ...others } = props;
+    const { dashboardResource , datasourceApi , dashboardTitleComponent , initialVariableIsSticky , isReadonly , sx , ...others } = props;
     const { spec  } = dashboardResource;
     var _duration;
     const dashboardDuration = (_duration = spec.duration) !== null && _duration !== void 0 ? _duration : '1h';
@@ -49,7 +50,8 @@ import { DashboardApp } from './DashboardApp';
                             children: /*#__PURE__*/ _jsx(DashboardApp, {
                                 dashboardResource: dashboardResource,
                                 dashboardTitleComponent: dashboardTitleComponent,
-                                initialVariableIsSticky: initialVariableIsSticky
+                                initialVariableIsSticky: initialVariableIsSticky,
+                                isReadonly: isReadonly
                             })
                         })
                     })

package/dist/views/ViewDashboard/ViewDashboard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/ViewDashboard/ViewDashboard.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 { Box, BoxProps } from '@mui/material';\nimport { DashboardResource } from '@perses-dev/core';\nimport { ErrorBoundary, ErrorAlert, combineSx } from '@perses-dev/components';\nimport {\n  TimeRangeProvider,\n  TemplateVariableProvider,\n  DashboardProvider,\n  DatasourceStoreProviderProps,\n  DatasourceStoreProvider,\n  useInitialTimeRange,\n} from '../../context';\nimport { DashboardApp } from './DashboardApp';\n\nexport interface ViewDashboardProps extends Omit<BoxProps, 'children'> {\n  dashboardResource: DashboardResource;\n  datasourceApi: DatasourceStoreProviderProps['datasourceApi'];\n  dashboardTitleComponent?: JSX.Element;\n  initialVariableIsSticky?: boolean;\n}\n\n/**\n * The View for displaying a Dashboard, along with the UI for selecting variable values.\n */\nexport function ViewDashboard(props: ViewDashboardProps) {\n  const { dashboardResource, datasourceApi, dashboardTitleComponent, initialVariableIsSticky, sx, ...others } = props;\n  const { spec } = dashboardResource;\n  const dashboardDuration = spec.duration ?? '1h';\n  const initialTimeRange = useInitialTimeRange(dashboardDuration);\n  return (\n    <DatasourceStoreProvider dashboardResource={dashboardResource} datasourceApi={datasourceApi}>\n      <DashboardProvider initialState={{ dashboardResource }}>\n        <TimeRangeProvider initialTimeRange={initialTimeRange} enabledURLParams={true}>\n          <TemplateVariableProvider initialVariableDefinitions={spec.variables}>\n            <Box\n              sx={combineSx(\n                {\n                  display: 'flex',\n                  width: '100%',\n                  height: '100%',\n                  position: 'relative',\n                  overflow: 'hidden',\n                },\n                sx\n              )}\n              {...others}\n            >\n              <ErrorBoundary FallbackComponent={ErrorAlert}>\n                <DashboardApp\n                  dashboardResource={dashboardResource}\n                  dashboardTitleComponent={dashboardTitleComponent}\n                  initialVariableIsSticky={initialVariableIsSticky}\n                />\n              </ErrorBoundary>\n            </Box>\n          </TemplateVariableProvider>\n        </TimeRangeProvider>\n      </DashboardProvider>\n    </DatasourceStoreProvider>\n  );\n}\n"],"names":["Box","ErrorBoundary","ErrorAlert","combineSx","TimeRangeProvider","TemplateVariableProvider","DashboardProvider","DatasourceStoreProvider","useInitialTimeRange","DashboardApp","ViewDashboard","props","dashboardResource","datasourceApi","dashboardTitleComponent","initialVariableIsSticky","sx","others","spec","dashboardDuration","duration","initialTimeRange","initialState","enabledURLParams","initialVariableDefinitions","variables","display","width","height","position","overflow","FallbackComponent"],"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,SAASA,GAAG,QAAkB,eAAe,CAAC;AAE9C,SAASC,aAAa,EAAEC,UAAU,EAAEC,SAAS,QAAQ,wBAAwB,CAAC;AAC9E,SACEC,iBAAiB,EACjBC,wBAAwB,EACxBC,iBAAiB,EAEjBC,uBAAuB,EACvBC,mBAAmB,QACd,eAAe,CAAC;AACvB,SAASC,YAAY,QAAQ,gBAAgB,CAAC;AAS9C;;CAEC,GACD,OAAO,SAASC,aAAa,CAACC,KAAyB,EAAE;IACvD,MAAM,EAAEC,iBAAiB,CAAA,EAAEC,aAAa,CAAA,EAAEC,uBAAuB,CAAA,EAAEC,uBAAuB,CAAA,EAAEC,EAAE,CAAA,EAAE,GAAGC,MAAM,EAAE,GAAGN,KAAK,AAAC;IACpH,MAAM,EAAEO,IAAI,CAAA,EAAE,GAAGN,iBAAiB,AAAC;QACTM,SAAa;IAAvC,MAAMC,iBAAiB,GAAGD,CAAAA,SAAa,GAAbA,IAAI,CAACE,QAAQ,cAAbF,SAAa,cAAbA,SAAa,GAAI,IAAI,AAAC;IAChD,MAAMG,gBAAgB,GAAGb,mBAAmB,CAACW,iBAAiB,CAAC,AAAC;IAChE,qBACE,KAACZ,uBAAuB;QAACK,iBAAiB,EAAEA,iBAAiB;QAAEC,aAAa,EAAEA,aAAa;kBACzF,cAAA,KAACP,iBAAiB;YAACgB,YAAY,EAAE;gBAAEV,iBAAiB;aAAE;sBACpD,cAAA,KAACR,iBAAiB;gBAACiB,gBAAgB,EAAEA,gBAAgB;gBAAEE,gBAAgB,EAAE,IAAI;0BAC3E,cAAA,KAAClB,wBAAwB;oBAACmB,0BAA0B,EAAEN,IAAI,CAACO,SAAS;8BAClE,cAAA,KAACzB,GAAG;wBACFgB,EAAE,EAAEb,SAAS,CACX;4BACEuB,OAAO,EAAE,MAAM;4BACfC,KAAK,EAAE,MAAM;4BACbC,MAAM,EAAE,MAAM;4BACdC,QAAQ,EAAE,UAAU;4BACpBC,QAAQ,EAAE,QAAQ;yBACnB,EACDd,EAAE,CACH;wBACA,GAAGC,MAAM;kCAEV,cAAA,KAAChB,aAAa;4BAAC8B,iBAAiB,EAAE7B,UAAU;sCAC1C,cAAA,KAACO,YAAY;gCACXG,iBAAiB,EAAEA,iBAAiB;gCACpCE,uBAAuB,EAAEA,uBAAuB;gCAChDC,uBAAuB,EAAEA,uBAAuB;8BAChD;0BACY;sBACZ;kBACmB;cACT;UACF;MACI,CAC1B;AACJ,CAAC"}
+{"version":3,"sources":["../../../src/views/ViewDashboard/ViewDashboard.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 { Box, BoxProps } from '@mui/material';\nimport { DashboardResource } from '@perses-dev/core';\nimport { ErrorBoundary, ErrorAlert, combineSx } from '@perses-dev/components';\nimport { TimeRangeProvider, useInitialTimeRange } from '@perses-dev/plugin-system';\nimport {\n  TemplateVariableProvider,\n  DashboardProvider,\n  DatasourceStoreProviderProps,\n  DatasourceStoreProvider,\n} from '../../context';\nimport { DashboardApp } from './DashboardApp';\n\nexport interface ViewDashboardProps extends Omit<BoxProps, 'children'> {\n  dashboardResource: DashboardResource;\n  datasourceApi: DatasourceStoreProviderProps['datasourceApi'];\n  dashboardTitleComponent?: JSX.Element;\n  initialVariableIsSticky?: boolean;\n  isReadonly: boolean;\n}\n\n/**\n * The View for displaying a Dashboard, along with the UI for selecting variable values.\n */\nexport function ViewDashboard(props: ViewDashboardProps) {\n  const {\n    dashboardResource,\n    datasourceApi,\n    dashboardTitleComponent,\n    initialVariableIsSticky,\n    isReadonly,\n    sx,\n    ...others\n  } = props;\n  const { spec } = dashboardResource;\n  const dashboardDuration = spec.duration ?? '1h';\n  const initialTimeRange = useInitialTimeRange(dashboardDuration);\n  return (\n    <DatasourceStoreProvider dashboardResource={dashboardResource} datasourceApi={datasourceApi}>\n      <DashboardProvider initialState={{ dashboardResource }}>\n        <TimeRangeProvider initialTimeRange={initialTimeRange} enabledURLParams={true}>\n          <TemplateVariableProvider initialVariableDefinitions={spec.variables}>\n            <Box\n              sx={combineSx(\n                {\n                  display: 'flex',\n                  width: '100%',\n                  height: '100%',\n                  position: 'relative',\n                  overflow: 'hidden',\n                },\n                sx\n              )}\n              {...others}\n            >\n              <ErrorBoundary FallbackComponent={ErrorAlert}>\n                <DashboardApp\n                  dashboardResource={dashboardResource}\n                  dashboardTitleComponent={dashboardTitleComponent}\n                  initialVariableIsSticky={initialVariableIsSticky}\n                  isReadonly={isReadonly}\n                />\n              </ErrorBoundary>\n            </Box>\n          </TemplateVariableProvider>\n        </TimeRangeProvider>\n      </DashboardProvider>\n    </DatasourceStoreProvider>\n  );\n}\n"],"names":["Box","ErrorBoundary","ErrorAlert","combineSx","TimeRangeProvider","useInitialTimeRange","TemplateVariableProvider","DashboardProvider","DatasourceStoreProvider","DashboardApp","ViewDashboard","props","dashboardResource","datasourceApi","dashboardTitleComponent","initialVariableIsSticky","isReadonly","sx","others","spec","dashboardDuration","duration","initialTimeRange","initialState","enabledURLParams","initialVariableDefinitions","variables","display","width","height","position","overflow","FallbackComponent"],"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,SAASA,GAAG,QAAkB,eAAe,CAAC;AAE9C,SAASC,aAAa,EAAEC,UAAU,EAAEC,SAAS,QAAQ,wBAAwB,CAAC;AAC9E,SAASC,iBAAiB,EAAEC,mBAAmB,QAAQ,2BAA2B,CAAC;AACnF,SACEC,wBAAwB,EACxBC,iBAAiB,EAEjBC,uBAAuB,QAClB,eAAe,CAAC;AACvB,SAASC,YAAY,QAAQ,gBAAgB,CAAC;AAU9C;;CAEC,GACD,OAAO,SAASC,aAAa,CAACC,KAAyB,EAAE;IACvD,MAAM,EACJC,iBAAiB,CAAA,EACjBC,aAAa,CAAA,EACbC,uBAAuB,CAAA,EACvBC,uBAAuB,CAAA,EACvBC,UAAU,CAAA,EACVC,EAAE,CAAA,EACF,GAAGC,MAAM,EACV,GAAGP,KAAK,AAAC;IACV,MAAM,EAAEQ,IAAI,CAAA,EAAE,GAAGP,iBAAiB,AAAC;QACTO,SAAa;IAAvC,MAAMC,iBAAiB,GAAGD,CAAAA,SAAa,GAAbA,IAAI,CAACE,QAAQ,cAAbF,SAAa,cAAbA,SAAa,GAAI,IAAI,AAAC;IAChD,MAAMG,gBAAgB,GAAGjB,mBAAmB,CAACe,iBAAiB,CAAC,AAAC;IAChE,qBACE,KAACZ,uBAAuB;QAACI,iBAAiB,EAAEA,iBAAiB;QAAEC,aAAa,EAAEA,aAAa;kBACzF,cAAA,KAACN,iBAAiB;YAACgB,YAAY,EAAE;gBAAEX,iBAAiB;aAAE;sBACpD,cAAA,KAACR,iBAAiB;gBAACkB,gBAAgB,EAAEA,gBAAgB;gBAAEE,gBAAgB,EAAE,IAAI;0BAC3E,cAAA,KAAClB,wBAAwB;oBAACmB,0BAA0B,EAAEN,IAAI,CAACO,SAAS;8BAClE,cAAA,KAAC1B,GAAG;wBACFiB,EAAE,EAAEd,SAAS,CACX;4BACEwB,OAAO,EAAE,MAAM;4BACfC,KAAK,EAAE,MAAM;4BACbC,MAAM,EAAE,MAAM;4BACdC,QAAQ,EAAE,UAAU;4BACpBC,QAAQ,EAAE,QAAQ;yBACnB,EACDd,EAAE,CACH;wBACA,GAAGC,MAAM;kCAEV,cAAA,KAACjB,aAAa;4BAAC+B,iBAAiB,EAAE9B,UAAU;sCAC1C,cAAA,KAACO,YAAY;gCACXG,iBAAiB,EAAEA,iBAAiB;gCACpCE,uBAAuB,EAAEA,uBAAuB;gCAChDC,uBAAuB,EAAEA,uBAAuB;gCAChDC,UAAU,EAAEA,UAAU;8BACtB;0BACY;sBACZ;kBACmB;cACT;UACF;MACI,CAC1B;AACJ,CAAC"}

package/dist/views/ViewDashboard/tests/panelGroups.test.js

@@ -13,7 +13,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import { DashboardProvider, TemplateVariableProvider, TimeRangeProvider } from '../../../context';
+import { TimeRangeProvider } from '@perses-dev/plugin-system';
+import { DashboardProvider, TemplateVariableProvider } from '../../../context';
 import { getTestDashboard, renderWithContext } from '../../../test';
 import { DashboardApp } from '../DashboardApp';
 describe('Panel Groups', ()=>{
@@ -29,7 +30,8 @@ describe('Panel Groups', ()=>{
                         isEditMode: true
                     },
                     children: /*#__PURE__*/ _jsx(DashboardApp, {
-                        dashboardResource: getTestDashboard()
+                        dashboardResource: getTestDashboard(),
+                        isReadonly: false
                     })
                 })
             })

package/dist/views/ViewDashboard/tests/panelGroups.test.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/ViewDashboard/tests/panelGroups.test.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 { screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { DashboardProvider, TemplateVariableProvider, TimeRangeProvider } from '../../../context';\nimport { getTestDashboard, renderWithContext } from '../../../test';\nimport { DashboardApp } from '../DashboardApp';\n\ndescribe('Panel Groups', () => {\n  const renderDashboard = () => {\n    renderWithContext(\n      <TimeRangeProvider initialTimeRange={{ pastDuration: '30m' }}>\n        <TemplateVariableProvider>\n          <DashboardProvider initialState={{ dashboardResource: getTestDashboard(), isEditMode: true }}>\n            <DashboardApp dashboardResource={getTestDashboard()} />\n          </DashboardProvider>\n        </TemplateVariableProvider>\n      </TimeRangeProvider>\n    );\n  };\n  it('should delete panel', () => {\n    renderDashboard();\n    const panelTitle = 'CPU';\n    const deletePanelButton = screen.getByLabelText(`delete panel ${panelTitle}`);\n    userEvent.click(deletePanelButton);\n    screen.getByText('Delete Panel');\n    const deleteButton = screen.getByText('Delete');\n    userEvent.click(deleteButton);\n\n    // The panel should disappear\n    const deletedPanel = screen.queryByText(panelTitle);\n    expect(deletedPanel).not.toBeInTheDocument();\n  });\n\n  it('should only delete panel from panel group if panel is not referenced more than once', () => {\n    renderDashboard();\n\n    const panelTitle = 'Disk I/O Utilization';\n    const panels = screen.getAllByText(panelTitle);\n    expect(panels).toHaveLength(2);\n\n    const deletePanelButton = screen.getAllByLabelText(`delete panel ${panelTitle}`)[0];\n    if (deletePanelButton === undefined) throw new Error('Missing delete button');\n\n    userEvent.click(deletePanelButton);\n    screen.getByText('Delete Panel');\n    const deleteButton = screen.getByText('Delete');\n    userEvent.click(deleteButton);\n\n    // The deleted panel should still be on screen in the other group\n    const deletedPanel = screen.queryByText(panelTitle);\n    expect(deletedPanel).toBeInTheDocument();\n  });\n\n  it('should swap panels', () => {\n    renderDashboard();\n\n    // should move panel down\n    const groupTitle1 = 'CPU Stats';\n    const moveGroupDownBtn = screen.getByLabelText(`move group ${groupTitle1} down`);\n    userEvent.click(moveGroupDownBtn);\n\n    // should move panel up\n    const groupTitle2 = 'Disk Stats';\n    const moveGroupUpBtn = screen.getByLabelText(`move group ${groupTitle2} up`);\n    userEvent.click(moveGroupUpBtn);\n\n    /* TODO: Figure out how to test this visually without coupling to the store\n    const layouts = storeApi.getState().layouts;\n    expect(layouts[0]?.title).toBe(undefined);\n    expect(layouts[1]?.title).toBe('Disk Stats');\n    expect(layouts[2]?.title).toBe('CPU Stats');\n    */\n  });\n\n  it('should delete a panel group', () => {\n    renderDashboard();\n    const groupTitle = 'CPU Stats';\n    const deleteGroupIcon = screen.getByLabelText(`delete group ${groupTitle}`);\n    userEvent.click(deleteGroupIcon);\n    screen.getByText('Delete Panel Group');\n    const deleteButton = screen.getByText('Delete');\n    userEvent.click(deleteButton);\n\n    // should remove group\n    const deletedGroup = screen.queryByText(groupTitle);\n    expect(deletedGroup).not.toBeInTheDocument();\n\n    // CPU panel should be completely gone since it wasn't in any other group\n    let panel = screen.queryByText('CPU');\n    expect(panel).not.toBeInTheDocument();\n\n    // A DiskIO panel should still be present in the other group that wasn't deleted\n    panel = screen.queryByText('Disk I/O Utilization');\n    expect(panel).toBeInTheDocument();\n  });\n});\n"],"names":["screen","userEvent","DashboardProvider","TemplateVariableProvider","TimeRangeProvider","getTestDashboard","renderWithContext","DashboardApp","describe","renderDashboard","initialTimeRange","pastDuration","initialState","dashboardResource","isEditMode","it","panelTitle","deletePanelButton","getByLabelText","click","getByText","deleteButton","deletedPanel","queryByText","expect","not","toBeInTheDocument","panels","getAllByText","toHaveLength","getAllByLabelText","undefined","Error","groupTitle1","moveGroupDownBtn","groupTitle2","moveGroupUpBtn","groupTitle","deleteGroupIcon","deletedGroup","panel"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/views/ViewDashboard/tests/panelGroups.test.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 { screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { TimeRangeProvider } from '@perses-dev/plugin-system';\nimport { DashboardProvider, TemplateVariableProvider } from '../../../context';\nimport { getTestDashboard, renderWithContext } from '../../../test';\nimport { DashboardApp } from '../DashboardApp';\n\ndescribe('Panel Groups', () => {\n  const renderDashboard = () => {\n    renderWithContext(\n      <TimeRangeProvider initialTimeRange={{ pastDuration: '30m' }}>\n        <TemplateVariableProvider>\n          <DashboardProvider initialState={{ dashboardResource: getTestDashboard(), isEditMode: true }}>\n            <DashboardApp dashboardResource={getTestDashboard()} isReadonly={false} />\n          </DashboardProvider>\n        </TemplateVariableProvider>\n      </TimeRangeProvider>\n    );\n  };\n  it('should delete panel', () => {\n    renderDashboard();\n    const panelTitle = 'CPU';\n    const deletePanelButton = screen.getByLabelText(`delete panel ${panelTitle}`);\n    userEvent.click(deletePanelButton);\n    screen.getByText('Delete Panel');\n    const deleteButton = screen.getByText('Delete');\n    userEvent.click(deleteButton);\n\n    // The panel should disappear\n    const deletedPanel = screen.queryByText(panelTitle);\n    expect(deletedPanel).not.toBeInTheDocument();\n  });\n\n  it('should only delete panel from panel group if panel is not referenced more than once', () => {\n    renderDashboard();\n\n    const panelTitle = 'Disk I/O Utilization';\n    const panels = screen.getAllByText(panelTitle);\n    expect(panels).toHaveLength(2);\n\n    const deletePanelButton = screen.getAllByLabelText(`delete panel ${panelTitle}`)[0];\n    if (deletePanelButton === undefined) throw new Error('Missing delete button');\n\n    userEvent.click(deletePanelButton);\n    screen.getByText('Delete Panel');\n    const deleteButton = screen.getByText('Delete');\n    userEvent.click(deleteButton);\n\n    // The deleted panel should still be on screen in the other group\n    const deletedPanel = screen.queryByText(panelTitle);\n    expect(deletedPanel).toBeInTheDocument();\n  });\n\n  it('should swap panels', () => {\n    renderDashboard();\n\n    // should move panel down\n    const groupTitle1 = 'CPU Stats';\n    const moveGroupDownBtn = screen.getByLabelText(`move group ${groupTitle1} down`);\n    userEvent.click(moveGroupDownBtn);\n\n    // should move panel up\n    const groupTitle2 = 'Disk Stats';\n    const moveGroupUpBtn = screen.getByLabelText(`move group ${groupTitle2} up`);\n    userEvent.click(moveGroupUpBtn);\n\n    /* TODO: Figure out how to test this visually without coupling to the store\n    const layouts = storeApi.getState().layouts;\n    expect(layouts[0]?.title).toBe(undefined);\n    expect(layouts[1]?.title).toBe('Disk Stats');\n    expect(layouts[2]?.title).toBe('CPU Stats');\n    */\n  });\n\n  it('should delete a panel group', () => {\n    renderDashboard();\n    const groupTitle = 'CPU Stats';\n    const deleteGroupIcon = screen.getByLabelText(`delete group ${groupTitle}`);\n    userEvent.click(deleteGroupIcon);\n    screen.getByText('Delete Panel Group');\n    const deleteButton = screen.getByText('Delete');\n    userEvent.click(deleteButton);\n\n    // should remove group\n    const deletedGroup = screen.queryByText(groupTitle);\n    expect(deletedGroup).not.toBeInTheDocument();\n\n    // CPU panel should be completely gone since it wasn't in any other group\n    let panel = screen.queryByText('CPU');\n    expect(panel).not.toBeInTheDocument();\n\n    // A DiskIO panel should still be present in the other group that wasn't deleted\n    panel = screen.queryByText('Disk I/O Utilization');\n    expect(panel).toBeInTheDocument();\n  });\n});\n"],"names":["screen","userEvent","TimeRangeProvider","DashboardProvider","TemplateVariableProvider","getTestDashboard","renderWithContext","DashboardApp","describe","renderDashboard","initialTimeRange","pastDuration","initialState","dashboardResource","isEditMode","isReadonly","it","panelTitle","deletePanelButton","getByLabelText","click","getByText","deleteButton","deletedPanel","queryByText","expect","not","toBeInTheDocument","panels","getAllByText","toHaveLength","getAllByLabelText","undefined","Error","groupTitle1","moveGroupDownBtn","groupTitle2","moveGroupUpBtn","groupTitle","deleteGroupIcon","deletedGroup","panel"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/dashboards",
-  "version": "0.16.0",
+  "version": "0.18.0",
   "description": "The dashboards feature in Perses",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/perses/blob/main/README.md",
@@ -28,9 +28,9 @@
     "lint:fix": "eslint --fix src --ext .ts,.tsx"
   },
   "dependencies": {
-    "@perses-dev/components": "^0.16.0",
-    "@perses-dev/core": "^0.16.0",
-    "@perses-dev/plugin-system": "^0.16.0",
+    "@perses-dev/components": "^0.18.0",
+    "@perses-dev/core": "^0.18.0",
+    "@perses-dev/plugin-system": "^0.18.0",
     "@types/react-grid-layout": "^1.3.2",
     "date-fns": "^2.28.0",
     "immer": "^9.0.15",
@@ -46,7 +46,7 @@
     "intersection-observer": "^0.12.2"
   },
   "peerDependencies": {
-    "@mui/material": "^5.6.0",
+    "@mui/material": "^5.10.0",
     "@tanstack/react-query": "^4.7.1",
     "react": "^17.0.2 || ^18.0.0",
     "react-dom": "^17.0.2 || ^18.0.0"

package/dist/cjs/context/TimeRangeProvider/TimeRangeProvider.js

@@ -1,91 +0,0 @@
-// Copyright 2022 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    TimeRangeProvider: ()=>TimeRangeProvider,
-    useDashboardTimeRange: ()=>useDashboardTimeRange
-});
-const _jsxRuntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _pluginSystem = require("@perses-dev/plugin-system");
-const _queryParams = require("./query-params");
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interopRequireWildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {};
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-function TimeRangeProvider(props) {
-    const { initialTimeRange , enabledURLParams , children  } = props;
-    const { timeRange , setTimeRange  } = (0, _queryParams.useSetTimeRangeParams)(initialTimeRange, enabledURLParams);
-    const ctx = (0, _react.useMemo)(()=>({
-            timeRange,
-            setTimeRange
-        }), [
-        timeRange,
-        setTimeRange
-    ]);
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pluginSystem.TimeRangeContext.Provider, {
-        value: ctx,
-        children: children
-    });
-}
-function useDashboardTimeRange() {
-    const { timeRange , setTimeRange  } = (0, _pluginSystem.useTimeRangeContext)();
-    return {
-        timeRange,
-        setTimeRange
-    };
-}

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

@@ -1,29 +0,0 @@
-// Copyright 2022 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_exportStar(require("./TimeRangeProvider"), exports);
-_exportStar(require("./query-params"), exports);
-function _exportStar(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {
-            enumerable: true,
-            get: function() {
-                return from[k];
-            }
-        });
-    });
-    return from;
-}

package/dist/cjs/context/TimeRangeProvider/query-params.js

@@ -1,157 +0,0 @@
-// Copyright 2022 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    encodeTimeRangeValue: ()=>encodeTimeRangeValue,
-    decodeTimeRangeValue: ()=>decodeTimeRangeValue,
-    TimeRangeParam: ()=>TimeRangeParam,
-    timeRangeQueryConfig: ()=>timeRangeQueryConfig,
-    useInitialTimeRange: ()=>useInitialTimeRange,
-    useSetTimeRangeParams: ()=>useSetTimeRangeParams
-});
-const _react = require("react");
-const _useQueryParams = require("use-query-params");
-const _dateFns = require("date-fns");
-const _core = require("@perses-dev/core");
-/* Interprets an encoded string and returns either the string or null/undefined if not available */ function getEncodedValue(input, allowEmptyString) {
-    if (input == null) {
-        return input;
-    }
-    // '' or []
-    if (input.length === 0 && (!allowEmptyString || allowEmptyString && input !== '')) {
-        return null;
-    }
-    const str = input instanceof Array ? input[0] : input;
-    if (str == null) {
-        return str;
-    }
-    if (!allowEmptyString && str === '') {
-        return null;
-    }
-    return str;
-}
-function encodeTimeRangeValue(timeOptionValue) {
-    if (!timeOptionValue) {
-        return timeOptionValue;
-    }
-    if (typeof timeOptionValue === 'string') {
-        if ((0, _core.isDurationString)(timeOptionValue)) {
-            return timeOptionValue;
-        }
-    }
-    return ((0, _dateFns.getUnixTime)(timeOptionValue) * 1000).toString();
-}
-function decodeTimeRangeValue(input) {
-    const paramString = getEncodedValue(input);
-    if (paramString == null) return paramString;
-    return (0, _core.isDurationString)(paramString) ? paramString : new Date(Number(paramString));
-}
-const TimeRangeParam = {
-    encode: encodeTimeRangeValue,
-    decode: decodeTimeRangeValue,
-    equals: (valueA, valueB)=>{
-        if (valueA === valueB) return true;
-        if (valueA == null || valueB == null) return valueA === valueB;
-        return valueA.valueOf() === valueB.valueOf();
-    }
-};
-const timeRangeQueryConfig = {
-    start: TimeRangeParam,
-    end: TimeRangeParam
-};
-function useInitialTimeRange(dashboardDuration) {
-    const [query] = (0, _useQueryParams.useQueryParams)(timeRangeQueryConfig);
-    const { start , end  } = query;
-    return (0, _react.useMemo)(()=>{
-        let initialTimeRange = {
-            pastDuration: dashboardDuration
-        };
-        if (!start) {
-            return initialTimeRange;
-        }
-        const startStr = start.toString();
-        if ((0, _core.isDurationString)(startStr)) {
-            initialTimeRange = {
-                pastDuration: startStr
-            };
-        } else if ((0, _dateFns.isDate)(start) && (0, _dateFns.isDate)(end)) {
-            initialTimeRange = {
-                start: start,
-                end: end
-            };
-        }
-        return initialTimeRange;
-    }, [
-        start,
-        end,
-        dashboardDuration
-    ]);
-}
-function useSetTimeRangeParams(initialTimeRange, enabledURLParams = true) {
-    const [query, setQuery] = (0, _useQueryParams.useQueryParams)(timeRangeQueryConfig);
-    // determine whether initial param had previously been populated to fix back btn
-    const [paramsLoaded, setParamsLoaded] = (0, _react.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] = (0, _react.useState)(initialTimeRange);
-    const { start  } = query;
-    (0, _react.useEffect)(()=>{
-        // when dashboard loaded with no params, default to dashboard duration
-        if (enabledURLParams && !paramsLoaded && !start) {
-            if ((0, _core.isRelativeTimeRange)(initialTimeRange)) {
-                setQuery({
-                    start: initialTimeRange.pastDuration,
-                    end: undefined
-                });
-                setParamsLoaded(true);
-            }
-        }
-    }, [
-        initialTimeRange,
-        enabledURLParams,
-        paramsLoaded,
-        start,
-        setQuery
-    ]);
-    const setTimeRange = (0, _react.useCallback)((value)=>{
-        if ((0, _core.isRelativeTimeRange)(value)) {
-            setQuery({
-                start: value.pastDuration,
-                end: undefined
-            });
-        } else {
-            setQuery(value);
-        }
-    }, [
-        setQuery
-    ]);
-    if (!enabledURLParams) {
-        return {
-            timeRange: timeRangeState,
-            setTimeRange: setTimeRangeState
-        };
-    }
-    return {
-        timeRange: initialTimeRange,
-        setTimeRange: setTimeRange
-    };
-}

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

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

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

@@ -1 +0,0 @@
-{"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/TimeRangeProvider.js

@@ -1,44 +0,0 @@
-// Copyright 2022 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-import { 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 { initialTimeRange , enabledURLParams , children  } = props;
-    const { timeRange , setTimeRange  } = useSetTimeRangeParams(initialTimeRange, enabledURLParams);
-    const ctx = useMemo(()=>({
-            timeRange,
-            setTimeRange
-        }), [
-        timeRange,
-        setTimeRange
-    ]);
-    return /*#__PURE__*/ _jsx(TimeRangeContext.Provider, {
-        value: ctx,
-        children: children
-    });
-}
-/**
- * Internal version of time range hook to get all supported values
- */ export function useDashboardTimeRange() {
-    const { timeRange , setTimeRange  } = useTimeRangeContext();
-    return {
-        timeRange,
-        setTimeRange
-    };
-}
-
-//# sourceMappingURL=TimeRangeProvider.js.map

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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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/context/TimeRangeProvider/index.js

@@ -1,16 +0,0 @@
-// Copyright 2022 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-export * from './TimeRangeProvider';
-export * from './query-params';
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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/context/TimeRangeProvider/query-params.d.ts

@@ -1,25 +0,0 @@
-import { QueryParamConfig } from 'use-query-params';
-import { TimeRangeValue, DurationString } from '@perses-dev/core';
-import { TimeRange } from '@perses-dev/plugin-system';
-export declare type TimeOptionValue = Date | DurationString | null | undefined;
-export declare function encodeTimeRangeValue(timeOptionValue: TimeOptionValue): string | null | undefined;
-export declare function decodeTimeRangeValue(input: string | Array<string | null> | null | undefined): Date | DurationString | null | undefined;
-/**
- * Custom TimeRangeValue param type
- * See: https://github.com/pbeshai/use-query-params/tree/master/packages/serialize-query-params#param-types
- */
-export declare const TimeRangeParam: QueryParamConfig<TimeOptionValue, TimeOptionValue>;
-export declare const timeRangeQueryConfig: {
-    start: QueryParamConfig<TimeOptionValue, TimeOptionValue>;
-    end: QueryParamConfig<TimeOptionValue, TimeOptionValue>;
-};
-/**
- * Gets the initial time range taking into account URL params and dashboard JSON duration
- * Sets start query param if it is empty on page load
- */
-export declare function useInitialTimeRange(dashboardDuration: DurationString): TimeRangeValue;
-/**
- * Returns time range getter and setter, set enabledURLParams to false to disable query string serialization
- */
-export declare function useSetTimeRangeParams(initialTimeRange: TimeRangeValue, enabledURLParams?: boolean): TimeRange;
-//# sourceMappingURL=query-params.d.ts.map

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

@@ -1 +0,0 @@
-{"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"}