@perses-dev/dashboards 0.8.1 → 0.10.0

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

@@ -0,0 +1,158 @@
+// 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, jsxs as _jsxs } from "react/jsx-runtime";
+import { screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { DashboardProvider, QueryStringProvider, TemplateVariableProvider, TimeRangeProvider } from '../../../context';
+import { createDashboardProviderSpy, getTestDashboard, renderWithContext } from '../../../test';
+import testDashboard from '../../../test/testDashboard';
+import { DashboardApp } from '../DashboardApp';
+describe('Panel Groups', ()=>{
+    const renderDashboard = ()=>{
+        const { store , DashboardProviderSpy  } = createDashboardProviderSpy();
+        renderWithContext(/*#__PURE__*/ _jsx(QueryStringProvider, {
+            queryString: new URLSearchParams('https://localhost:3000/'),
+            children: /*#__PURE__*/ _jsx(TimeRangeProvider, {
+                initialTimeRange: {
+                    pastDuration: '30m'
+                },
+                children: /*#__PURE__*/ _jsx(TemplateVariableProvider, {
+                    children: /*#__PURE__*/ _jsxs(DashboardProvider, {
+                        initialState: {
+                            dashboardSpec: getTestDashboard().spec,
+                            isEditMode: true
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(DashboardProviderSpy, {}),
+                            /*#__PURE__*/ _jsx(DashboardApp, {
+                                dashboardResource: getTestDashboard()
+                            })
+                        ]
+                    })
+                })
+            })
+        }));
+        const { value: storeApi  } = store;
+        if (storeApi === undefined) {
+            throw new Error('Expected dashboard store to be set after initial render');
+        }
+        return storeApi;
+    };
+    beforeEach(()=>{
+        const mockIntersectionObserver = jest.fn();
+        mockIntersectionObserver.mockReturnValue({
+            observe: ()=>null,
+            unobserve: ()=>null,
+            disconnect: ()=>null
+        });
+        window.IntersectionObserver = mockIntersectionObserver;
+    });
+    it('should delete panel', ()=>{
+        var ref;
+        const storeApi = renderDashboard();
+        const panel = screen.getByText('CPU');
+        userEvent.hover(panel);
+        const deletePanelButton = screen.getByLabelText('delete panel');
+        userEvent.click(deletePanelButton);
+        screen.getByText('Delete Panel');
+        const deleteButton = screen.getByText('Delete');
+        userEvent.click(deleteButton);
+        const layouts = storeApi.getState().layouts;
+        const deletedPanel = testDashboard.spec.panels['cpu'];
+        expect((ref = layouts[0]) === null || ref === void 0 ? void 0 : ref.items).toEqual(expect.not.objectContaining(deletedPanel));
+        const panels = storeApi.getState().panels;
+        // should remove cpu from state.panels since it's not used anymore
+        expect(panels).toEqual(expect.not.objectContaining({
+            cpu: testDashboard.spec.panels['cpu']
+        }));
+    });
+    it('should only delete panel from panel group if panel is referenced more than once', ()=>{
+        var ref;
+        const storeApi = renderDashboard();
+        const panel = screen.getByText('Disk I/O Utilization');
+        userEvent.hover(panel);
+        const deletePanelButton = screen.getByLabelText('delete panel');
+        userEvent.click(deletePanelButton);
+        screen.getByText('Delete Panel');
+        const deleteButton = screen.getByText('Delete');
+        userEvent.click(deleteButton);
+        const layouts = storeApi.getState().layouts;
+        const deletedPanel = testDashboard.spec.panels['diskIO'];
+        expect((ref = layouts[0]) === null || ref === void 0 ? void 0 : ref.items).toEqual(expect.not.objectContaining(deletedPanel));
+        const panels = storeApi.getState().panels;
+        // should NOT remove diskIO from state.panels since it's used in another panel group
+        expect(panels).toEqual(expect.objectContaining({
+            diskIO: testDashboard.spec.panels['diskIO']
+        }));
+    });
+    it('should swap panels', ()=>{
+        var ref, ref1, ref2;
+        const storeApi = renderDashboard();
+        // should move panel down
+        const group1 = screen.getByText('CPU Stats');
+        userEvent.hover(group1);
+        const moveGroupDownBtn = screen.getByLabelText('move group down');
+        userEvent.click(moveGroupDownBtn);
+        userEvent.unhover(moveGroupDownBtn);
+        // should move panel up
+        const group2 = screen.getByText('Disk Stats');
+        userEvent.hover(group2);
+        const moveGroupUpBtn = screen.getByLabelText('move group up');
+        userEvent.click(moveGroupUpBtn);
+        const layouts = storeApi.getState().layouts;
+        expect((ref = layouts[0]) === null || ref === void 0 ? void 0 : ref.title).toBe(undefined);
+        expect((ref1 = layouts[1]) === null || ref1 === void 0 ? void 0 : ref1.title).toBe('Disk Stats');
+        expect((ref2 = layouts[2]) === null || ref2 === void 0 ? void 0 : ref2.title).toBe('CPU Stats');
+    });
+    it('should delete a panel group', ()=>{
+        const storeApi = renderDashboard();
+        const group = screen.getByText('CPU Stats');
+        userEvent.hover(group);
+        const deleteGroupIcon = screen.getByLabelText('delete group');
+        userEvent.click(deleteGroupIcon);
+        screen.getByText('Delete Panel Group');
+        const deleteButton = screen.getByText('Delete');
+        userEvent.click(deleteButton);
+        // should remove group from state.layouts
+        const layouts = storeApi.getState().layouts;
+        expect(layouts).toHaveLength(2);
+        const deletedLayout = {
+            id: 0,
+            title: 'CPU Stats',
+            isCollapsed: false,
+            items: [
+                {
+                    x: 0,
+                    y: 0,
+                    width: 12,
+                    height: 4,
+                    content: {
+                        $ref: '#/spec/panels/cpu'
+                    }
+                }
+            ]
+        };
+        expect(layouts).toEqual(expect.not.objectContaining(deletedLayout));
+        const panels = storeApi.getState().panels;
+        // should remove cpu from state.panels since it's not used anymore
+        expect(panels).toEqual(expect.not.objectContaining({
+            cpu: testDashboard.spec.panels['cpu']
+        }));
+        // should not remove diskIO from state.panels since it's still used in another group
+        expect(panels).toEqual(expect.objectContaining({
+            diskIO: testDashboard.spec.panels['diskIO']
+        }));
+    });
+});
+
+//# sourceMappingURL=panelGroups.test.js.map

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

@@ -0,0 +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, QueryStringProvider, TemplateVariableProvider, TimeRangeProvider } from '../../../context';\nimport { PanelGroupDefinition } from '../../../context/DashboardProvider/layout-slice';\nimport { createDashboardProviderSpy, getTestDashboard, renderWithContext } from '../../../test';\nimport testDashboard from '../../../test/testDashboard';\nimport { DashboardApp } from '../DashboardApp';\n\ndescribe('Panel Groups', () => {\n  const renderDashboard = () => {\n    const { store, DashboardProviderSpy } = createDashboardProviderSpy();\n    renderWithContext(\n      <QueryStringProvider queryString={new URLSearchParams('https://localhost:3000/')}>\n        <TimeRangeProvider initialTimeRange={{ pastDuration: '30m' }}>\n          <TemplateVariableProvider>\n            <DashboardProvider initialState={{ dashboardSpec: getTestDashboard().spec, isEditMode: true }}>\n              <DashboardProviderSpy />\n              <DashboardApp dashboardResource={getTestDashboard()} />\n            </DashboardProvider>\n          </TemplateVariableProvider>\n        </TimeRangeProvider>\n      </QueryStringProvider>\n    );\n\n    const { value: storeApi } = store;\n    if (storeApi === undefined) {\n      throw new Error('Expected dashboard store to be set after initial render');\n    }\n\n    return storeApi;\n  };\n\n  beforeEach(() => {\n    const mockIntersectionObserver = jest.fn();\n    mockIntersectionObserver.mockReturnValue({\n      observe: () => null,\n      unobserve: () => null,\n      disconnect: () => null,\n    });\n    window.IntersectionObserver = mockIntersectionObserver;\n  });\n\n  it('should delete panel', () => {\n    const storeApi = 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    const layouts = storeApi.getState().layouts;\n    const deletedPanel = testDashboard.spec.panels['cpu'];\n    expect(layouts[0]?.items).toEqual(expect.not.objectContaining(deletedPanel));\n\n    const panels = storeApi.getState().panels;\n    // should remove cpu from state.panels since it's not used anymore\n    expect(panels).toEqual(expect.not.objectContaining({ cpu: testDashboard.spec.panels['cpu'] }));\n  });\n\n  it('should only delete panel from panel group if panel is referenced more than once', () => {\n    const storeApi = renderDashboard();\n    const panel = screen.getByText('Disk I/O Utilization');\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    const layouts = storeApi.getState().layouts;\n    const deletedPanel = testDashboard.spec.panels['diskIO'];\n    expect(layouts[0]?.items).toEqual(expect.not.objectContaining(deletedPanel));\n\n    const panels = storeApi.getState().panels;\n    // should NOT remove diskIO from state.panels since it's used in another panel group\n    expect(panels).toEqual(expect.objectContaining({ diskIO: testDashboard.spec.panels['diskIO'] }));\n  });\n\n  it('should swap panels', () => {\n    const storeApi = renderDashboard();\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    // 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    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  it('should delete a panel group', () => {\n    const storeApi = 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 from state.layouts\n    const layouts = storeApi.getState().layouts;\n    expect(layouts).toHaveLength(2);\n    const deletedLayout: PanelGroupDefinition = {\n      id: 0,\n      title: 'CPU Stats',\n      isCollapsed: false,\n      items: [\n        {\n          x: 0,\n          y: 0,\n          width: 12,\n          height: 4,\n          content: { $ref: '#/spec/panels/cpu' },\n        },\n      ],\n    };\n    expect(layouts).toEqual(expect.not.objectContaining(deletedLayout));\n\n    const panels = storeApi.getState().panels;\n    // should remove cpu from state.panels since it's not used anymore\n    expect(panels).toEqual(expect.not.objectContaining({ cpu: testDashboard.spec.panels['cpu'] }));\n    // should not remove diskIO from state.panels since it's still used in another group\n    expect(panels).toEqual(expect.objectContaining({ diskIO: testDashboard.spec.panels['diskIO'] }));\n  });\n});\n"],"names":["screen","userEvent","DashboardProvider","QueryStringProvider","TemplateVariableProvider","TimeRangeProvider","createDashboardProviderSpy","getTestDashboard","renderWithContext","testDashboard","DashboardApp","describe","renderDashboard","store","DashboardProviderSpy","queryString","URLSearchParams","initialTimeRange","pastDuration","initialState","dashboardSpec","spec","isEditMode","dashboardResource","value","storeApi","undefined","Error","beforeEach","mockIntersectionObserver","jest","fn","mockReturnValue","observe","unobserve","disconnect","window","IntersectionObserver","it","layouts","panel","getByText","hover","deletePanelButton","getByLabelText","click","deleteButton","getState","deletedPanel","panels","expect","items","toEqual","not","objectContaining","cpu","diskIO","group1","moveGroupDownBtn","unhover","group2","moveGroupUpBtn","title","toBe","group","deleteGroupIcon","toHaveLength","deletedLayout","id","isCollapsed","x","y","width","height","content","$ref"],"mappings":"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"}

package/dist/views/index.js

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

package/dist/views/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/dashboards",
-  "version": "0.8.1",
+  "version": "0.10.0",
   "description": "The dashboards feature in Perses",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/perses/blob/main/README.md",
@@ -16,19 +16,24 @@
   "types": "dist/index.d.ts",
   "scripts": {
     "clean": "rimraf dist/",
-    "build": "tsc --build",
-    "build:cjs": "tsc --project ./tsconfig.cjs.json",
+    "build": "concurrently \"npm:build:*\"",
+    "build:cjs": "swc ./src -d dist/cjs --config-file ../.cjs.swcrc",
+    "build:esm": "swc ./src -d dist --config-file ../.swcrc",
+    "build:types": "tsc --emitDeclarationOnly --declaration --preserveWatchOutput",
+    "start": "concurrently -P \"npm:build:* -- {*}\" -- --watch",
     "test": "TZ=UTC jest",
-    "test:watch": "TZ=UTC jest --watch",
+    "test:watch": "npm run test -- --watch",
     "lint": "eslint src --ext .ts,.tsx",
     "lint:fix": "eslint --fix src --ext .ts,.tsx"
   },
   "dependencies": {
-    "@perses-dev/components": "^0.8.1",
-    "@perses-dev/core": "^0.8.1",
-    "@perses-dev/plugin-system": "^0.8.1",
+    "@perses-dev/components": "^0.10.0",
+    "@perses-dev/core": "^0.10.0",
+    "@perses-dev/plugin-system": "^0.10.0",
     "@types/react-grid-layout": "^1.3.2",
+    "date-fns": "^2.28.0",
     "immer": "^9.0.15",
+    "mdi-material-ui": "^7.4.0",
     "react-grid-layout": "^1.3.4",
     "react-intersection-observer": "^9.4.0",
     "use-immer": "^0.7.0",
@@ -40,6 +45,7 @@
   },
   "peerDependencies": {
     "@mui/material": "^5.6.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/components/PanelDrawer/PanelOptionsEditor.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PanelOptionsEditor = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const plugin_system_1 = require("@perses-dev/plugin-system");
-const react_1 = require("react");
-function PanelOptionsEditor(props) {
-    const { kind, value, onChange } = props;
-    const { OptionsEditorComponent, createInitialOptions } = (0, plugin_system_1.usePanelPlugin)(kind);
-    // When the kind changes, re-init options
-    (0, react_1.useEffect)(() => {
-        onChange(createInitialOptions());
-        // TODO: See if we can switch up plugin loading so this happens as part of selecting the plugin kind so we don't
-        // need this effect at all
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [kind]);
-    return (0, jsx_runtime_1.jsx)(OptionsEditorComponent, { value: value, onChange: onChange });
-}
-exports.PanelOptionsEditor = PanelOptionsEditor;

package/dist/cjs/context/DashboardAppSlice.js

@@ -1,45 +0,0 @@
-"use strict";
-// 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.
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDashboardApp = exports.createDashboardAppSlice = void 0;
-const immer_1 = require("zustand/middleware/immer");
-const DashboardProvider_1 = require("./DashboardProvider");
-exports.createDashboardAppSlice = (0, immer_1.immer)((set) => ({
-    openPanelDrawer: ({ groupIndex, panelKey }) => set((state) => {
-        state.panelDrawer = {
-            groupIndex,
-            panelKey,
-        };
-    }),
-    closePanelDrawer: () => set((state) => {
-        state.panelDrawer = undefined;
-    }),
-    openPanelGroupDialog: (groupIndex) => set((state) => {
-        state.panelGroupDialog = { groupIndex };
-    }),
-    closePanelGroupDialog: () => set((state) => {
-        state.panelGroupDialog = undefined;
-    }),
-}));
-function useDashboardApp() {
-    return (0, DashboardProvider_1.useDashboardStore)(({ panelDrawer, openPanelDrawer, closePanelDrawer, panelGroupDialog, openPanelGroupDialog, closePanelGroupDialog, }) => ({
-        panelDrawer,
-        openPanelDrawer,
-        closePanelDrawer,
-        panelGroupDialog,
-        openPanelGroupDialog,
-        closePanelGroupDialog,
-    }));
-}
-exports.useDashboardApp = useDashboardApp;

package/dist/cjs/context/DashboardProvider.js

@@ -1,98 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DashboardProvider = exports.useDashboardStore = exports.useDashboard = exports.useEditMode = exports.usePanels = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-// 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.
-const zustand_1 = require("zustand");
-const immer_1 = require("zustand/middleware/immer");
-const shallow_1 = __importDefault(require("zustand/shallow"));
-const react_1 = require("react");
-const immer_2 = __importDefault(require("immer"));
-const DashboardAppSlice_1 = require("./DashboardAppSlice");
-const LayoutsSlice_1 = require("./LayoutsSlice");
-function usePanels() {
-    return useDashboardStore(({ panels, updatePanel }) => ({ panels, updatePanel }));
-}
-exports.usePanels = usePanels;
-function useEditMode() {
-    return useDashboardStore(({ isEditMode, setEditMode }) => ({ isEditMode, setEditMode }));
-}
-exports.useEditMode = useEditMode;
-function useDashboard() {
-    const selectDashboardSpec = (state) => {
-        return (0, immer_2.default)(state.dashboard, (draftState) => {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            draftState.panels = state.panels;
-            draftState.layouts = state.layouts;
-        });
-    };
-    const dashboard = useDashboardStore(selectDashboardSpec);
-    return { dashboard };
-}
-exports.useDashboard = useDashboard;
-const DashboardContext = (0, react_1.createContext)(undefined);
-function useDashboardStore(selector) {
-    const store = (0, react_1.useContext)(DashboardContext);
-    if (store === undefined) {
-        throw new Error('No DashboardContext found. Did you forget a Provider?');
-    }
-    return (0, zustand_1.useStore)(store, selector, shallow_1.default);
-}
-exports.useDashboardStore = useDashboardStore;
-function DashboardProvider(props) {
-    const { children, initialState: { dashboardSpec, isEditMode }, } = props;
-    const { layouts, panels } = dashboardSpec;
-    const dashboardStore = (0, zustand_1.createStore)()((0, immer_1.immer)((set, get, api) => {
-        return {
-            ...(0, DashboardAppSlice_1.createDashboardAppSlice)(set, get, api, []),
-            ...(0, LayoutsSlice_1.createLayoutsSlice)(set, get, api, []),
-            layouts,
-            panels,
-            dashboard: dashboardSpec,
-            updatePanel: (name, panel, groupIndex = 0) => set((state) => {
-                var _a, _b;
-                // add new panel to layouts if panels[name] is undefined
-                if (state.panels[name] === undefined) {
-                    // find maximum y so new panel is added to the end of the grid
-                    let maxY = 0;
-                    (_a = state.layouts[groupIndex]) === null || _a === void 0 ? void 0 : _a.spec.items.forEach((layout) => {
-                        if (layout.y > maxY) {
-                            maxY = layout.y;
-                        }
-                    });
-                    const panelLayout = {
-                        x: 0,
-                        y: maxY + 1,
-                        width: 12,
-                        height: 6,
-                        content: { $ref: `#/spec/panels/${name}` },
-                    };
-                    const layouts = state.layouts;
-                    if (layouts && layouts[groupIndex]) {
-                        (_b = layouts[groupIndex]) === null || _b === void 0 ? void 0 : _b.spec.items.push(panelLayout);
-                    }
-                }
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                state.panels[name] = panel;
-            }),
-            isEditMode: !!isEditMode,
-            setEditMode: (isEditMode) => set({ isEditMode }),
-        };
-    }));
-    return ((0, jsx_runtime_1.jsx)(DashboardContext.Provider, { value: dashboardStore, children: children }));
-}
-exports.DashboardProvider = DashboardProvider;

package/dist/cjs/context/LayoutsSlice.js

@@ -1,42 +0,0 @@
-"use strict";
-// 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.
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLayouts = exports.createLayoutsSlice = void 0;
-const immer_1 = require("zustand/middleware/immer");
-const DashboardProvider_1 = require("./DashboardProvider");
-exports.createLayoutsSlice = (0, immer_1.immer)((set) => ({
-    updateLayout: (layout, index) => set((state) => {
-        if (index === undefined) {
-            state.layouts.unshift(layout);
-        }
-        else {
-            state.layouts[index] = layout;
-        }
-    }),
-    addItemToLayout: (index, item) => set((state) => {
-        var _a;
-        const layouts = state.layouts;
-        if (layouts && layouts[index]) {
-            (_a = layouts[index]) === null || _a === void 0 ? void 0 : _a.spec.items.push(item);
-        }
-    }),
-}));
-function useLayouts() {
-    return (0, DashboardProvider_1.useDashboardStore)(({ layouts, updateLayout, addItemToLayout }) => ({
-        layouts,
-        updateLayout,
-        addItemToLayout,
-    }));
-}
-exports.useLayouts = useLayouts;

package/dist/components/PanelDrawer/PanelOptionsEditor.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { JsonObject } from '@perses-dev/core';
-export interface PanelOptionsEditorProps {
-    kind: string;
-    value: JsonObject;
-    onChange: (next: JsonObject) => void;
-}
-export declare function PanelOptionsEditor(props: PanelOptionsEditorProps): JSX.Element;
-//# sourceMappingURL=PanelOptionsEditor.d.ts.map

package/dist/components/PanelDrawer/PanelOptionsEditor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PanelOptionsEditor.d.ts","sourceRoot":"","sources":["../../../src/components/PanelDrawer/PanelOptionsEditor.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAI9C,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CACtC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,eAchE"}

package/dist/components/PanelDrawer/PanelOptionsEditor.js

@@ -1 +0,0 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{usePanelPlugin}from"@perses-dev/plugin-system";import{useEffect}from"react";export function PanelOptionsEditor(e){const{kind:n,value:t,onChange:o}=e,{OptionsEditorComponent:s,createInitialOptions:i}=usePanelPlugin(n);return useEffect((()=>{o(i())}),[n]),_jsx(s,{value:t,onChange:o})}

package/dist/context/DashboardAppSlice.d.ts

@@ -1,26 +0,0 @@
-interface PanelDrawer {
-    groupIndex?: number;
-    panelKey?: string;
-}
-interface PanelGroupDialog {
-    groupIndex?: number;
-}
-export interface DashboardAppSlice {
-    panelDrawer?: PanelDrawer;
-    openPanelDrawer: (panelDrawer: PanelDrawer) => void;
-    closePanelDrawer: () => void;
-    panelGroupDialog?: PanelGroupDialog;
-    openPanelGroupDialog: (groupIndex?: number) => void;
-    closePanelGroupDialog: () => void;
-}
-export declare const createDashboardAppSlice: import("zustand").StateCreator<DashboardAppSlice, [], [["zustand/immer", never]], DashboardAppSlice>;
-export declare function useDashboardApp(): {
-    panelDrawer: PanelDrawer | undefined;
-    openPanelDrawer: (panelDrawer: PanelDrawer) => void;
-    closePanelDrawer: () => void;
-    panelGroupDialog: PanelGroupDialog | undefined;
-    openPanelGroupDialog: (groupIndex?: number | undefined) => void;
-    closePanelGroupDialog: () => void;
-};
-export {};
-//# sourceMappingURL=DashboardAppSlice.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DashboardAppSlice.d.ts","sourceRoot":"","sources":["../../src/context/DashboardAppSlice.tsx"],"names":[],"mappings":"AAgBA,UAAU,WAAW;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AACD,UAAU,gBAAgB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;IACpD,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,oBAAoB,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,qBAAqB,EAAE,MAAM,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,uBAAuB,sGAoBjC,CAAC;AAEJ,wBAAgB,eAAe;;;;;;;EAkB9B"}

package/dist/context/DashboardAppSlice.js

@@ -1 +0,0 @@
-import{immer}from"zustand/middleware/immer";import{useDashboardStore}from"./DashboardProvider";export const createDashboardAppSlice=immer((e=>({openPanelDrawer:({groupIndex:a,panelKey:r})=>e((e=>{e.panelDrawer={groupIndex:a,panelKey:r}})),closePanelDrawer:()=>e((e=>{e.panelDrawer=void 0})),openPanelGroupDialog:a=>e((e=>{e.panelGroupDialog={groupIndex:a}})),closePanelGroupDialog:()=>e((e=>{e.panelGroupDialog=void 0}))})));export function useDashboardApp(){return useDashboardStore((({panelDrawer:e,openPanelDrawer:a,closePanelDrawer:r,panelGroupDialog:o,openPanelGroupDialog:l,closePanelGroupDialog:p})=>({panelDrawer:e,openPanelDrawer:a,closePanelDrawer:r,panelGroupDialog:o,openPanelGroupDialog:l,closePanelGroupDialog:p})))}

package/dist/context/DashboardProvider.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-import { DashboardSpec, LayoutDefinition, PanelDefinition } from '@perses-dev/core';
-import { DashboardAppSlice } from './DashboardAppSlice';
-import { LayoutsSlice } from './LayoutsSlice';
-export interface DashboardStoreState extends DashboardAppSlice, LayoutsSlice {
-    dashboard: DashboardSpec;
-    layouts: LayoutDefinition[];
-    panels: Record<string, PanelDefinition>;
-    updatePanel: (name: string, panel: PanelDefinition, groupIndex?: number) => void;
-    isEditMode: boolean;
-    setEditMode: (isEditMode: boolean) => void;
-}
-export interface DashboardStoreProps {
-    dashboardSpec: DashboardSpec;
-    isEditMode?: boolean;
-}
-export interface DashboardProviderProps {
-    initialState: DashboardStoreProps;
-    children?: React.ReactNode;
-}
-export declare function usePanels(): {
-    panels: Record<string, PanelDefinition<import("@perses-dev/core").JsonObject>>;
-    updatePanel: (name: string, panel: PanelDefinition<import("@perses-dev/core").JsonObject>, groupIndex?: number | undefined) => void;
-};
-export declare function useEditMode(): {
-    isEditMode: boolean;
-    setEditMode: (isEditMode: boolean) => void;
-};
-export declare function useDashboard(): {
-    dashboard: DashboardSpec;
-};
-export declare function useDashboardStore<T>(selector: (state: DashboardStoreState) => T): T;
-export declare function DashboardProvider(props: DashboardProviderProps): JSX.Element;
-//# sourceMappingURL=DashboardProvider.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DashboardProvider.d.ts","sourceRoot":"","sources":["../../src/context/DashboardProvider.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,aAAa,EAAsB,gBAAgB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxG,OAAO,EAAE,iBAAiB,EAA2B,MAAM,qBAAqB,CAAC;AACjF,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAElE,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB,EAAE,YAAY;IAC1E,SAAS,EAAE,aAAa,CAAC;IACzB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IACxC,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjF,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,aAAa,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AACD,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,mBAAmB,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,SAAS;;;EAExB;AAED,wBAAgB,WAAW;;;EAE1B;AAED,wBAAgB,YAAY;;EAU3B;AAID,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,CAAC,KAM/E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAqD9D"}

package/dist/context/DashboardProvider.js

@@ -1 +0,0 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{createStore,useStore}from"zustand";import{immer}from"zustand/middleware/immer";import shallow from"zustand/shallow";import{createContext,useContext}from"react";import produce from"immer";import{createDashboardAppSlice}from"./DashboardAppSlice";import{createLayoutsSlice}from"./LayoutsSlice";export function usePanels(){return useDashboardStore((({panels:e,updatePanel:o})=>({panels:e,updatePanel:o})))}export function useEditMode(){return useDashboardStore((({isEditMode:e,setEditMode:o})=>({isEditMode:e,setEditMode:o})))}export function useDashboard(){return{dashboard:useDashboardStore((e=>produce(e.dashboard,(o=>{o.panels=e.panels,o.layouts=e.layouts}))))}}const DashboardContext=createContext(void 0);export function useDashboardStore(e){const o=useContext(DashboardContext);if(void 0===o)throw new Error("No DashboardContext found. Did you forget a Provider?");return useStore(o,e,shallow)}export function DashboardProvider(e){const{children:o,initialState:{dashboardSpec:t,isEditMode:r}}=e,{layouts:a,panels:s}=t,d=createStore()(immer(((e,o,d)=>({...createDashboardAppSlice(e,o,d,[]),...createLayoutsSlice(e,o,d,[]),layouts:a,panels:s,dashboard:t,updatePanel:(o,t,r=0)=>e((e=>{var a,s;if(void 0===e.panels[o]){let t=0;null===(a=e.layouts[r])||void 0===a||a.spec.items.forEach((e=>{e.y>t&&(t=e.y)}));const d={x:0,y:t+1,width:12,height:6,content:{$ref:`#/spec/panels/${o}`}},i=e.layouts;i&&i[r]&&(null===(s=i[r])||void 0===s||s.spec.items.push(d))}e.panels[o]=t})),isEditMode:!!r,setEditMode:o=>e({isEditMode:o})}))));return _jsx(DashboardContext.Provider,{value:d,children:o})}

package/dist/context/LayoutsSlice.d.ts

@@ -1,12 +0,0 @@
-import { LayoutDefinition, GridItemDefinition } from '@perses-dev/core';
-export interface LayoutsSlice {
-    updateLayout: (layout: LayoutDefinition, index?: number) => void;
-    addItemToLayout: (index: number, item: GridItemDefinition) => void;
-}
-export declare const createLayoutsSlice: import("zustand").StateCreator<LayoutsSlice, [], [["zustand/immer", never]], LayoutsSlice>;
-export declare function useLayouts(): {
-    layouts: import("@perses-dev/core").GridDefinition[];
-    updateLayout: (layout: import("@perses-dev/core").GridDefinition, index?: number | undefined) => void;
-    addItemToLayout: (index: number, item: GridItemDefinition) => void;
-};
-//# sourceMappingURL=LayoutsSlice.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutsSlice.d.ts","sourceRoot":"","sources":["../../src/context/LayoutsSlice.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAIxE,MAAM,WAAW,YAAY;IAC3B,YAAY,EAAE,CAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACpE;AAED,eAAO,MAAM,kBAAkB,4FAgB5B,CAAC;AAEJ,wBAAgB,UAAU;;;;EAMzB"}

package/dist/context/LayoutsSlice.js

@@ -1 +0,0 @@
-import{immer}from"zustand/middleware/immer";import{useDashboardStore}from"./DashboardProvider";export const createLayoutsSlice=immer((o=>({updateLayout:(t,a)=>o((o=>{void 0===a?o.layouts.unshift(t):o.layouts[a]=t})),addItemToLayout:(t,a)=>o((o=>{var e;const u=o.layouts;u&&u[t]&&(null===(e=u[t])||void 0===e||e.spec.items.push(a))}))})));export function useLayouts(){return useDashboardStore((({layouts:o,updateLayout:t,addItemToLayout:a})=>({layouts:o,updateLayout:t,addItemToLayout:a})))}