@perses-dev/dashboards 0.14.0 → 0.16.0

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 timeRange={{ 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 panel = screen.getByText('CPU');\n    userEvent.hover(panel);\n    const deletePanelButton = screen.getByLabelText('delete panel');\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('CPU');\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 panels = screen.getAllByText('Disk I/O Utilization');\n    expect(panels).toHaveLength(2);\n\n    const panel = panels[0];\n    if (panel === undefined) throw new Error('Missing panel');\n\n    userEvent.hover(panel);\n    const deletePanelButton = screen.getByLabelText('delete panel');\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('Disk I/O Utilization');\n    expect(deletedPanel).toBeInTheDocument();\n  });\n\n  it('should swap panels', () => {\n    renderDashboard();\n\n    // should move panel down\n    const group1 = screen.getByText('CPU Stats');\n    userEvent.hover(group1);\n    const moveGroupDownBtn = screen.getByLabelText('move group down');\n    userEvent.click(moveGroupDownBtn);\n    userEvent.unhover(moveGroupDownBtn);\n\n    // should move panel up\n    const group2 = screen.getByText('Disk Stats');\n    userEvent.hover(group2);\n    const moveGroupUpBtn = screen.getByLabelText('move group 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 group = screen.getByText('CPU Stats');\n    userEvent.hover(group);\n    const deleteGroupIcon = screen.getByLabelText('delete group');\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('CPU Stats');\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","timeRange","pastDuration","initialState","dashboardResource","isEditMode","it","panel","getByText","hover","deletePanelButton","getByLabelText","click","deleteButton","deletedPanel","queryByText","expect","not","toBeInTheDocument","panels","getAllByText","toHaveLength","undefined","Error","group1","moveGroupDownBtn","unhover","group2","moveGroupUpBtn","group","deleteGroupIcon","deletedGroup"],"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 { 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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/dashboards",
-  "version": "0.14.0",
+  "version": "0.16.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.14.0",
-    "@perses-dev/core": "^0.14.0",
-    "@perses-dev/plugin-system": "^0.14.0",
+    "@perses-dev/components": "^0.16.0",
+    "@perses-dev/core": "^0.16.0",
+    "@perses-dev/plugin-system": "^0.16.0",
     "@types/react-grid-layout": "^1.3.2",
     "date-fns": "^2.28.0",
     "immer": "^9.0.15",

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

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

package/dist/context/TimeRangeProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/context/TimeRangeProvider.tsx"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport React, { useMemo } from 'react';\nimport { TimeRangeValue } from '@perses-dev/core';\nimport { TimeRangeContext, useTimeRangeContext } from '@perses-dev/plugin-system';\n\nexport interface TimeRangeProviderProps {\n  timeRange: TimeRangeValue;\n  setTimeRange?: (value: TimeRangeValue) => void;\n  children?: React.ReactNode;\n}\n\n/**\n * Provider implementation that supplies the time range state at runtime.\n */\nexport function TimeRangeProvider(props: TimeRangeProviderProps) {\n  const { timeRange, children, setTimeRange } = props;\n\n  // TODO: fix no-op, pass paramsEnabled as false in useSetTimeRangeParams as workaround\n  const ctx = useMemo(\n    () => ({\n      timeRange,\n      setTimeRange:\n        setTimeRange ??\n        (() => {\n          /* no-op */\n        }),\n    }),\n    [timeRange, setTimeRange]\n  );\n\n  return <TimeRangeContext.Provider value={ctx}>{children}</TimeRangeContext.Provider>;\n}\n\n/**\n * Internal version of time range hook to get all supported values\n */\nexport function useDashboardTimeRange() {\n  const { timeRange, setTimeRange } = useTimeRangeContext();\n  return { timeRange, setTimeRange };\n}\n"],"names":["React","useMemo","TimeRangeContext","useTimeRangeContext","TimeRangeProvider","props","timeRange","children","setTimeRange","ctx","Provider","value","useDashboardTimeRange"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO,CAAC;AAEvC,SAASC,gBAAgB,EAAEC,mBAAmB,QAAQ,2BAA2B,CAAC;AAQlF;;CAEC,GACD,OAAO,SAASC,iBAAiB,CAACC,KAA6B,EAAE;IAC/D,MAAM,EAAEC,SAAS,CAAA,EAAEC,QAAQ,CAAA,EAAEC,YAAY,CAAA,EAAE,GAAGH,KAAK,AAAC;IAEpD,sFAAsF;IACtF,MAAMI,GAAG,GAAGR,OAAO,CACjB,IAAO,CAAA;YACLK,SAAS;YACTE,YAAY,EACVA,YAAY,aAAZA,YAAY,cAAZA,YAAY,GACX,IAAM;YACL,SAAS,GACX,CAAC,AAAC;SACL,CAAA,AAAC,EACF;QAACF,SAAS;QAAEE,YAAY;KAAC,CAC1B,AAAC;IAEF,qBAAO,KAACN,gBAAgB,CAACQ,QAAQ;QAACC,KAAK,EAAEF,GAAG;kBAAGF,QAAQ;MAA6B,CAAC;AACvF,CAAC;AAED;;CAEC,GACD,OAAO,SAASK,qBAAqB,GAAG;IACtC,MAAM,EAAEN,SAAS,CAAA,EAAEE,YAAY,CAAA,EAAE,GAAGL,mBAAmB,EAAE,AAAC;IAC1D,OAAO;QAAEG,SAAS;QAAEE,YAAY;KAAE,CAAC;AACrC,CAAC"}

package/dist/css/styles.d.ts

@@ -1,172 +0,0 @@
-import { Theme } from '@mui/material';
-export declare const styles: (theme: Theme) => {
-    readonly '&.react-grid-layout': {
-        readonly position: "relative";
-        readonly transition: "height 200ms ease";
-    };
-    readonly '&.react-grid-item': {
-        readonly transition: "all 200ms ease";
-        readonly transitionProperty: "left, top";
-    };
-    readonly '&.react-grid-item img': {
-        readonly pointerEvents: "none";
-        readonly userSelect: "none";
-    };
-    readonly '&.react-grid-item.cssTransforms': {
-        readonly transitionProperty: "transform";
-    };
-    readonly '&.react-grid-item.resizing': {
-        readonly zIndex: 1;
-        readonly willChange: "width, height";
-    };
-    readonly '&.react-grid-item.react-draggable-dragging': {
-        readonly transition: "none";
-        readonly zIndex: 3;
-        readonly willChange: "transform";
-    };
-    readonly '&.react-grid-item.dropping': {
-        readonly visibility: "hidden";
-    };
-    readonly '&.react-grid-item.react-grid-placeholder': {
-        readonly background: string;
-        readonly opacity: 0.2;
-        readonly transitionDuration: "100ms";
-        readonly zIndex: 2;
-        readonly userSelect: "none";
-        readonly WebkitUserSelect: "none";
-        readonly MozUserSelect: "none";
-        readonly msUserSelect: "none";
-        readonly OUserSelect: "none";
-    };
-    readonly '&.react-grid-item > .react-resizable-handle': {
-        readonly position: "absolute";
-        readonly width: "20px";
-        readonly height: "20px";
-    };
-    readonly '&.react-grid-item > .react-resizable-handle::after': {
-        readonly content: "\"\"";
-        readonly position: "absolute";
-        readonly right: "3px";
-        readonly bottom: "3px";
-        readonly width: "5px";
-        readonly height: "5px";
-        readonly borderRight: "2px solid rgba(0, 0, 0, 0.4)";
-        readonly borderBottom: "2px solid rgba(0, 0, 0, 0.4)";
-    };
-    readonly '&.react-resizable-hide > .react-resizable-handle': {
-        readonly display: "none";
-    };
-    readonly '&.react-grid-item > .react-resizable-handle.react-resizable-handle-sw': {
-        readonly bottom: "0";
-        readonly left: "0";
-        readonly cursor: "sw-resize";
-        readonly transform: "rotate(90deg)";
-    };
-    readonly '&.react-grid-item > .react-resizable-handle.react-resizable-handle-se': {
-        readonly bottom: "0";
-        readonly right: "0";
-        readonly cursor: "se-resize";
-    };
-    readonly '&.react-grid-item > .react-resizable-handle.react-resizable-handle-nw': {
-        readonly top: "0";
-        readonly left: "0";
-        readonly cursor: "nw-resize";
-        readonly transform: "rotate(180deg)";
-    };
-    readonly '&.react-grid-item > .react-resizable-handle.react-resizable-handle-ne': {
-        readonly top: "0";
-        readonly right: "0";
-        readonly cursor: "ne-resize";
-        readonly transform: "rotate(270deg)";
-    };
-    readonly '&.react-grid-item > .react-resizable-handle.react-resizable-handle-w, &.react-grid-item > .react-resizable-handle.react-resizable-handle-e': {
-        readonly top: "50%";
-        readonly marginTop: "-10px";
-        readonly cursor: "ew-resize";
-    };
-    readonly '&.react-grid-item > .react-resizable-handle.react-resizable-handle-w': {
-        readonly left: "0";
-        readonly transform: "rotate(135deg)";
-    };
-    readonly '&.react-grid-item > .react-resizable-handle.react-resizable-handle-e': {
-        readonly right: "0";
-        readonly transform: "rotate(315deg)";
-    };
-    readonly '&.react-grid-item > .react-resizable-handle.react-resizable-handle-n, &.react-grid-item > .react-resizable-handle.react-resizable-handle-s': {
-        readonly left: "50%";
-        readonly marginLeft: "-10px";
-        readonly cursor: "ns-resize";
-    };
-    readonly '&.react-grid-item > .react-resizable-handle.react-resizable-handle-n': {
-        readonly top: "0";
-        readonly transform: "rotate(225deg)";
-    };
-    readonly '&.react-grid-item > .react-resizable-handle.react-resizable-handle-s': {
-        readonly bottom: "0";
-        readonly transform: "rotate(45deg)";
-    };
-    readonly '&.react-resizable': {
-        readonly position: "relative";
-    };
-    readonly '&.react-resizable-handle': {
-        readonly position: "absolute";
-        readonly width: "20px";
-        readonly height: "20px";
-        readonly backgroundRepeat: "no-repeat";
-        readonly backgroundOrigin: "content-box";
-        readonly boxSizing: "border-box";
-        readonly backgroundImage: "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+')";
-        readonly backgroundPosition: "bottom right";
-        readonly padding: "0 3px 3px 0";
-    };
-    readonly '&.react-resizable-handle-sw': {
-        readonly bottom: "0";
-        readonly left: "0";
-        readonly cursor: "sw-resize";
-        readonly transform: "rotate(90deg)";
-    };
-    readonly '&.react-resizable-handle-se': {
-        readonly bottom: "0";
-        readonly right: "0";
-        readonly cursor: "se-resize";
-    };
-    readonly '&.react-resizable-handle-nw': {
-        readonly top: "0";
-        readonly left: "0";
-        readonly cursor: "nw-resize";
-        readonly transform: "rotate(180deg)";
-    };
-    readonly '&.react-resizable-handle-ne': {
-        readonly top: "0";
-        readonly right: "0";
-        readonly cursor: "ne-resize";
-        readonly transform: "rotate(270deg)";
-    };
-    readonly '&.react-resizable-handle-w, .react-resizable-handle-e': {
-        readonly top: "50%";
-        readonly marginTop: "-10px";
-        readonly cursor: "ew-resize";
-    };
-    readonly '&.react-resizable-handle-w': {
-        readonly left: "0";
-        readonly transform: "rotate(135deg)";
-    };
-    readonly '&.react-resizable-handle-e': {
-        readonly right: "0";
-        readonly transform: "rotate(315deg)";
-    };
-    readonly '&.react-resizable-handle-n, .react-resizable-handle-s': {
-        readonly left: "50%";
-        readonly marginLeft: "-10px";
-        readonly cursor: "ns-resize";
-    };
-    readonly '&.react-resizable-handle-n': {
-        readonly top: "0";
-        readonly transform: "rotate(225deg)";
-    };
-    readonly '&.react-resizable-handle-s': {
-        readonly bottom: "0";
-        readonly transform: "rotate(45deg)";
-    };
-};
-//# sourceMappingURL=styles.d.ts.map

package/dist/css/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/css/styles.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,eAAO,MAAM,MAAM,UAAW,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgLlC,CAAC"}

package/dist/css/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/css/styles.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 { Theme } from '@mui/material';\n\nexport const styles = (theme: Theme) => {\n  return {\n    '&.react-grid-layout': {\n      position: 'relative',\n      transition: 'height 200ms ease',\n    },\n    '&.react-grid-item': {\n      transition: 'all 200ms ease',\n      transitionProperty: 'left, top',\n    },\n    '&.react-grid-item img': {\n      pointerEvents: 'none',\n      userSelect: 'none',\n    },\n    '&.react-grid-item.cssTransforms': {\n      transitionProperty: 'transform',\n    },\n    '&.react-grid-item.resizing': {\n      zIndex: 1,\n      willChange: 'width, height',\n    },\n    '&.react-grid-item.react-draggable-dragging': {\n      transition: 'none',\n      zIndex: 3,\n      willChange: 'transform',\n    },\n    '&.react-grid-item.dropping': {\n      visibility: 'hidden',\n    },\n    '&.react-grid-item.react-grid-placeholder': {\n      background: theme.palette.primary.main,\n      opacity: 0.2,\n      transitionDuration: '100ms',\n      zIndex: 2,\n      userSelect: 'none',\n      WebkitUserSelect: 'none',\n      MozUserSelect: 'none',\n      msUserSelect: 'none',\n      OUserSelect: 'none',\n    },\n\n    '&.react-grid-item > .react-resizable-handle': {\n      position: 'absolute',\n      width: '20px',\n      height: '20px',\n    },\n    '&.react-grid-item > .react-resizable-handle::after': {\n      content: '\"\"',\n      position: 'absolute',\n      right: '3px',\n      bottom: '3px',\n      width: '5px',\n      height: '5px',\n      borderRight: '2px solid rgba(0, 0, 0, 0.4)',\n      borderBottom: '2px solid rgba(0, 0, 0, 0.4)',\n    },\n\n    '&.react-resizable-hide > .react-resizable-handle': {\n      display: 'none',\n    },\n\n    '&.react-grid-item > .react-resizable-handle.react-resizable-handle-sw': {\n      bottom: '0',\n      left: '0',\n      cursor: 'sw-resize',\n      transform: 'rotate(90deg)',\n    },\n    '&.react-grid-item > .react-resizable-handle.react-resizable-handle-se': {\n      bottom: '0',\n      right: '0',\n      cursor: 'se-resize',\n    },\n    '&.react-grid-item > .react-resizable-handle.react-resizable-handle-nw': {\n      top: '0',\n      left: '0',\n      cursor: 'nw-resize',\n      transform: 'rotate(180deg)',\n    },\n    '&.react-grid-item > .react-resizable-handle.react-resizable-handle-ne': {\n      top: '0',\n      right: '0',\n      cursor: 'ne-resize',\n      transform: 'rotate(270deg)',\n    },\n    '&.react-grid-item > .react-resizable-handle.react-resizable-handle-w, &.react-grid-item > .react-resizable-handle.react-resizable-handle-e':\n      {\n        top: '50%',\n        marginTop: '-10px',\n        cursor: 'ew-resize',\n      },\n    '&.react-grid-item > .react-resizable-handle.react-resizable-handle-w': {\n      left: '0',\n      transform: 'rotate(135deg)',\n    },\n    '&.react-grid-item > .react-resizable-handle.react-resizable-handle-e': {\n      right: '0',\n      transform: 'rotate(315deg)',\n    },\n    '&.react-grid-item > .react-resizable-handle.react-resizable-handle-n, &.react-grid-item > .react-resizable-handle.react-resizable-handle-s':\n      {\n        left: '50%',\n        marginLeft: '-10px',\n        cursor: 'ns-resize',\n      },\n    '&.react-grid-item > .react-resizable-handle.react-resizable-handle-n': {\n      top: '0',\n      transform: 'rotate(225deg)',\n    },\n    '&.react-grid-item > .react-resizable-handle.react-resizable-handle-s': {\n      bottom: '0',\n      transform: 'rotate(45deg)',\n    },\n    '&.react-resizable': {\n      position: 'relative',\n    },\n    '&.react-resizable-handle': {\n      position: 'absolute',\n      width: '20px',\n      height: '20px',\n      backgroundRepeat: 'no-repeat',\n      backgroundOrigin: 'content-box',\n      boxSizing: 'border-box',\n      backgroundImage: `url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+')`,\n      backgroundPosition: 'bottom right',\n      padding: '0 3px 3px 0',\n    },\n    '&.react-resizable-handle-sw': {\n      bottom: '0',\n      left: '0',\n      cursor: 'sw-resize',\n      transform: 'rotate(90deg)',\n    },\n    '&.react-resizable-handle-se': {\n      bottom: '0',\n      right: '0',\n      cursor: 'se-resize',\n    },\n    '&.react-resizable-handle-nw': {\n      top: '0',\n      left: '0',\n      cursor: 'nw-resize',\n      transform: 'rotate(180deg)',\n    },\n    '&.react-resizable-handle-ne': {\n      top: '0',\n      right: '0',\n      cursor: 'ne-resize',\n      transform: 'rotate(270deg)',\n    },\n    '&.react-resizable-handle-w, .react-resizable-handle-e': {\n      top: '50%',\n      marginTop: '-10px',\n      cursor: 'ew-resize',\n    },\n    '&.react-resizable-handle-w': {\n      left: '0',\n      transform: 'rotate(135deg)',\n    },\n    '&.react-resizable-handle-e': {\n      right: '0',\n      transform: 'rotate(315deg)',\n    },\n    '&.react-resizable-handle-n, .react-resizable-handle-s': {\n      left: '50%',\n      marginLeft: '-10px',\n      cursor: 'ns-resize',\n    },\n    '&.react-resizable-handle-n': {\n      top: '0',\n      transform: 'rotate(225deg)',\n    },\n    '&.react-resizable-handle-s': {\n      bottom: '0',\n      transform: 'rotate(45deg)',\n    },\n  } as const;\n};\n"],"names":["styles","theme","position","transition","transitionProperty","pointerEvents","userSelect","zIndex","willChange","visibility","background","palette","primary","main","opacity","transitionDuration","WebkitUserSelect","MozUserSelect","msUserSelect","OUserSelect","width","height","content","right","bottom","borderRight","borderBottom","display","left","cursor","transform","top","marginTop","marginLeft","backgroundRepeat","backgroundOrigin","boxSizing","backgroundImage","backgroundPosition","padding"],"mappings":"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"}

package/dist/utils/component-ids.d.ts

@@ -1,8 +0,0 @@
-declare global {
-    var useIdValue: number;
-}
-/**
- * Generates a unique (stable) ID for a component. Should be replaced with React.useId once we support only React 18.
- */
-export declare function useId(prefix: string): string;
-//# sourceMappingURL=component-ids.d.ts.map

package/dist/utils/component-ids.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-ids.d.ts","sourceRoot":"","sources":["../../src/utils/component-ids.ts"],"names":[],"mappings":"AAeA,OAAO,CAAC,MAAM,CAAC;IAEb,IAAI,UAAU,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,KAAK,CAAC,MAAM,EAAE,MAAM,UAUnC"}

package/dist/utils/component-ids.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/component-ids.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 { useRef } from 'react';\n\ndeclare global {\n  // eslint-disable-next-line no-var\n  var useIdValue: number;\n}\n\n/**\n * Generates a unique (stable) ID for a component. Should be replaced with React.useId once we support only React 18.\n */\nexport function useId(prefix: string) {\n  if (globalThis.useIdValue === undefined) {\n    globalThis.useIdValue = 0;\n  }\n\n  const id = useRef<string | undefined>(undefined);\n  if (id.current === undefined) {\n    id.current = `${prefix}-${globalThis.useIdValue++}`;\n  }\n  return id.current;\n}\n"],"names":["useRef","useId","prefix","globalThis","useIdValue","undefined","id","current"],"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,SAASA,MAAM,QAAQ,OAAO,CAAC;AAO/B;;CAEC,GACD,OAAO,SAASC,KAAK,CAACC,MAAc,EAAE;IACpC,IAAIC,UAAU,CAACC,UAAU,KAAKC,SAAS,EAAE;QACvCF,UAAU,CAACC,UAAU,GAAG,CAAC,CAAC;IAC5B,CAAC;IAED,MAAME,EAAE,GAAGN,MAAM,CAAqBK,SAAS,CAAC,AAAC;IACjD,IAAIC,EAAE,CAACC,OAAO,KAAKF,SAAS,EAAE;QAC5BC,EAAE,CAACC,OAAO,GAAG,CAAC,EAAEL,MAAM,CAAC,CAAC,EAAEC,UAAU,CAACC,UAAU,EAAE,CAAC,CAAC,CAAC;IACtD,CAAC;IACD,OAAOE,EAAE,CAACC,OAAO,CAAC;AACpB,CAAC"}

package/dist/utils/index.d.ts

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

package/dist/utils/index.d.ts.map

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

package/dist/utils/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/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 './time-range-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"}

package/dist/utils/time-range-params.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-range-params.d.ts","sourceRoot":"","sources":["../../src/utils/time-range-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,aAAa,UAAO,GAAG,SAAS,CA+BvG"}

package/dist/utils/time-range-params.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/time-range-params.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, useCallback, useEffect, useState } from 'react';\nimport { useQueryParams, QueryParamConfig } from 'use-query-params';\nimport { getUnixTime, isDate } from 'date-fns';\nimport {\n  TimeRangeValue,\n  isRelativeTimeRange,\n  isDurationString,\n  DurationString,\n  AbsoluteTimeRange,\n} from '@perses-dev/core';\nimport { TimeRange } from '@perses-dev/plugin-system';\n\nexport type TimeOptionValue = Date | DurationString | null | undefined;\n\n/* Interprets an encoded string and returns either the string or null/undefined if not available */\nfunction getEncodedValue(\n  input: string | Array<string | null> | null | undefined,\n  allowEmptyString?: boolean\n): string | null | undefined {\n  if (input == null) {\n    return input;\n  }\n  // '' or []\n  if (input.length === 0 && (!allowEmptyString || (allowEmptyString && input !== ''))) {\n    return null;\n  }\n\n  const str = input instanceof Array ? input[0] : input;\n  if (str == null) {\n    return str;\n  }\n  if (!allowEmptyString && str === '') {\n    return null;\n  }\n\n  return str;\n}\n\n/* Encodes individual TimeRangeValue as a string, depends on whether start is relative or absolute */\nexport function encodeTimeRangeValue(timeOptionValue: TimeOptionValue): string | null | undefined {\n  if (!timeOptionValue) {\n    return timeOptionValue;\n  }\n\n  if (typeof timeOptionValue === 'string') {\n    if (isDurationString(timeOptionValue)) {\n      return timeOptionValue;\n    }\n  }\n  return (getUnixTime(timeOptionValue) * 1000).toString();\n}\n\n/* Converts param input to supported relative or absolute time range format */\nexport function decodeTimeRangeValue(\n  input: string | Array<string | null> | null | undefined\n): Date | DurationString | null | undefined {\n  const paramString = getEncodedValue(input);\n  if (paramString == null) return paramString;\n  return isDurationString(paramString) ? paramString : new Date(Number(paramString));\n}\n\n/**\n * Custom TimeRangeValue param type\n * See: https://github.com/pbeshai/use-query-params/tree/master/packages/serialize-query-params#param-types\n */\nexport const TimeRangeParam: QueryParamConfig<TimeOptionValue, TimeOptionValue> = {\n  encode: encodeTimeRangeValue,\n  decode: decodeTimeRangeValue,\n  equals: (valueA: TimeOptionValue, valueB: TimeOptionValue) => {\n    if (valueA === valueB) return true;\n    if (valueA == null || valueB == null) return valueA === valueB;\n    return valueA.valueOf() === valueB.valueOf();\n  },\n};\n\nexport const timeRangeQueryConfig = {\n  start: TimeRangeParam,\n  end: TimeRangeParam,\n};\n\n/**\n * Gets the initial time range taking into account URL params and dashboard JSON duration\n * Sets start query param if it is empty on page load\n */\nexport function useInitialTimeRange(dashboardDuration: DurationString): TimeRangeValue {\n  const [query] = useQueryParams(timeRangeQueryConfig);\n  const { start, end } = query;\n  return useMemo(() => {\n    let initialTimeRange: TimeRangeValue = { pastDuration: dashboardDuration };\n    if (!start) {\n      return initialTimeRange;\n    }\n    const startStr = start.toString();\n    if (isDurationString(startStr)) {\n      initialTimeRange = { pastDuration: startStr };\n    } else if (isDate(start) && isDate(end)) {\n      initialTimeRange = { start: start, end: end } as AbsoluteTimeRange;\n    }\n    return initialTimeRange;\n  }, [start, end, dashboardDuration]);\n}\n\n/**\n * Returns time range getter and setter, set paramsEnabled to false to disable query string serialization\n */\nexport function useSetTimeRangeParams(initialTimeRange: TimeRangeValue, paramsEnabled = true): TimeRange {\n  const [query, setQuery] = useQueryParams(timeRangeQueryConfig);\n\n  // fallback when app does not want query string as source of truth\n  const [timeRangeState, setTimeRangeState] = useState<TimeRangeValue>(initialTimeRange);\n\n  const { start } = query;\n\n  useEffect(() => {\n    if (paramsEnabled && !start) {\n      if (isRelativeTimeRange(initialTimeRange)) {\n        setQuery({ start: initialTimeRange.pastDuration, end: undefined });\n      }\n    }\n  }, [initialTimeRange, paramsEnabled, start, setQuery]);\n\n  const setTimeRange: TimeRange['setTimeRange'] = useCallback(\n    (value: TimeRangeValue) => {\n      if (isRelativeTimeRange(value)) {\n        setQuery({ start: value.pastDuration, end: undefined });\n      } else {\n        setQuery(value);\n      }\n    },\n    [setQuery]\n  );\n\n  if (!paramsEnabled) {\n    return { timeRange: timeRangeState, setTimeRange: setTimeRangeState };\n  }\n  return { timeRange: initialTimeRange, setTimeRange: setTimeRange };\n}\n"],"names":["useMemo","useCallback","useEffect","useState","useQueryParams","getUnixTime","isDate","isRelativeTimeRange","isDurationString","getEncodedValue","input","allowEmptyString","length","str","Array","encodeTimeRangeValue","timeOptionValue","toString","decodeTimeRangeValue","paramString","Date","Number","TimeRangeParam","encode","decode","equals","valueA","valueB","valueOf","timeRangeQueryConfig","start","end","useInitialTimeRange","dashboardDuration","query","initialTimeRange","pastDuration","startStr","useSetTimeRangeParams","paramsEnabled","setQuery","timeRangeState","setTimeRangeState","undefined","setTimeRange","value","timeRange"],"mappings":"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"}