@perses-dev/dashboards 0.8.1 → 0.9.0

package/dist/cjs/css/styles.js

@@ -1,4 +1,3 @@
-"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.
@@ -11,36 +10,42 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.styles = void 0;
-const styles = (theme) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "styles", {
+    enumerable: true,
+    get: ()=>styles
+});
+const styles = (theme)=>{
     return {
         '&.react-grid-layout': {
             position: 'relative',
-            transition: 'height 200ms ease',
+            transition: 'height 200ms ease'
         },
         '&.react-grid-item': {
             transition: 'all 200ms ease',
-            transitionProperty: 'left, top',
+            transitionProperty: 'left, top'
         },
         '&.react-grid-item img': {
             pointerEvents: 'none',
-            userSelect: 'none',
+            userSelect: 'none'
         },
         '&.react-grid-item.cssTransforms': {
-            transitionProperty: 'transform',
+            transitionProperty: 'transform'
         },
         '&.react-grid-item.resizing': {
             zIndex: 1,
-            willChange: 'width, height',
+            willChange: 'width, height'
         },
         '&.react-grid-item.react-draggable-dragging': {
             transition: 'none',
             zIndex: 3,
-            willChange: 'transform',
+            willChange: 'transform'
         },
         '&.react-grid-item.dropping': {
-            visibility: 'hidden',
+            visibility: 'hidden'
         },
         '&.react-grid-item.react-grid-placeholder': {
             background: theme.palette.primary.main,
@@ -51,12 +56,12 @@ const styles = (theme) => {
             WebkitUserSelect: 'none',
             MozUserSelect: 'none',
             msUserSelect: 'none',
-            OUserSelect: 'none',
+            OUserSelect: 'none'
         },
         '&.react-grid-item > .react-resizable-handle': {
             position: 'absolute',
             width: '20px',
-            height: '20px',
+            height: '20px'
         },
         '&.react-grid-item > .react-resizable-handle::after': {
             content: '""',
@@ -66,62 +71,62 @@ const styles = (theme) => {
             width: '5px',
             height: '5px',
             borderRight: '2px solid rgba(0, 0, 0, 0.4)',
-            borderBottom: '2px solid rgba(0, 0, 0, 0.4)',
+            borderBottom: '2px solid rgba(0, 0, 0, 0.4)'
         },
         '&.react-resizable-hide > .react-resizable-handle': {
-            display: 'none',
+            display: 'none'
         },
         '&.react-grid-item > .react-resizable-handle.react-resizable-handle-sw': {
             bottom: '0',
             left: '0',
             cursor: 'sw-resize',
-            transform: 'rotate(90deg)',
+            transform: 'rotate(90deg)'
         },
         '&.react-grid-item > .react-resizable-handle.react-resizable-handle-se': {
             bottom: '0',
             right: '0',
-            cursor: 'se-resize',
+            cursor: 'se-resize'
         },
         '&.react-grid-item > .react-resizable-handle.react-resizable-handle-nw': {
             top: '0',
             left: '0',
             cursor: 'nw-resize',
-            transform: 'rotate(180deg)',
+            transform: 'rotate(180deg)'
         },
         '&.react-grid-item > .react-resizable-handle.react-resizable-handle-ne': {
             top: '0',
             right: '0',
             cursor: 'ne-resize',
-            transform: 'rotate(270deg)',
+            transform: 'rotate(270deg)'
         },
         '&.react-grid-item > .react-resizable-handle.react-resizable-handle-w, &.react-grid-item > .react-resizable-handle.react-resizable-handle-e': {
             top: '50%',
             marginTop: '-10px',
-            cursor: 'ew-resize',
+            cursor: 'ew-resize'
         },
         '&.react-grid-item > .react-resizable-handle.react-resizable-handle-w': {
             left: '0',
-            transform: 'rotate(135deg)',
+            transform: 'rotate(135deg)'
         },
         '&.react-grid-item > .react-resizable-handle.react-resizable-handle-e': {
             right: '0',
-            transform: 'rotate(315deg)',
+            transform: 'rotate(315deg)'
         },
         '&.react-grid-item > .react-resizable-handle.react-resizable-handle-n, &.react-grid-item > .react-resizable-handle.react-resizable-handle-s': {
             left: '50%',
             marginLeft: '-10px',
-            cursor: 'ns-resize',
+            cursor: 'ns-resize'
         },
         '&.react-grid-item > .react-resizable-handle.react-resizable-handle-n': {
             top: '0',
-            transform: 'rotate(225deg)',
+            transform: 'rotate(225deg)'
         },
         '&.react-grid-item > .react-resizable-handle.react-resizable-handle-s': {
             bottom: '0',
-            transform: 'rotate(45deg)',
+            transform: 'rotate(45deg)'
         },
         '&.react-resizable': {
-            position: 'relative',
+            position: 'relative'
         },
         '&.react-resizable-handle': {
             position: 'absolute',
@@ -132,57 +137,56 @@ const styles = (theme) => {
             boxSizing: 'border-box',
             backgroundImage: `url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+')`,
             backgroundPosition: 'bottom right',
-            padding: '0 3px 3px 0',
+            padding: '0 3px 3px 0'
         },
         '&.react-resizable-handle-sw': {
             bottom: '0',
             left: '0',
             cursor: 'sw-resize',
-            transform: 'rotate(90deg)',
+            transform: 'rotate(90deg)'
         },
         '&.react-resizable-handle-se': {
             bottom: '0',
             right: '0',
-            cursor: 'se-resize',
+            cursor: 'se-resize'
         },
         '&.react-resizable-handle-nw': {
             top: '0',
             left: '0',
             cursor: 'nw-resize',
-            transform: 'rotate(180deg)',
+            transform: 'rotate(180deg)'
         },
         '&.react-resizable-handle-ne': {
             top: '0',
             right: '0',
             cursor: 'ne-resize',
-            transform: 'rotate(270deg)',
+            transform: 'rotate(270deg)'
         },
         '&.react-resizable-handle-w, .react-resizable-handle-e': {
             top: '50%',
             marginTop: '-10px',
-            cursor: 'ew-resize',
+            cursor: 'ew-resize'
         },
         '&.react-resizable-handle-w': {
             left: '0',
-            transform: 'rotate(135deg)',
+            transform: 'rotate(135deg)'
         },
         '&.react-resizable-handle-e': {
             right: '0',
-            transform: 'rotate(315deg)',
+            transform: 'rotate(315deg)'
         },
         '&.react-resizable-handle-n, .react-resizable-handle-s': {
             left: '50%',
             marginLeft: '-10px',
-            cursor: 'ns-resize',
+            cursor: 'ns-resize'
         },
         '&.react-resizable-handle-n': {
             top: '0',
-            transform: 'rotate(225deg)',
+            transform: 'rotate(225deg)'
         },
         '&.react-resizable-handle-s': {
             bottom: '0',
-            transform: 'rotate(45deg)',
-        },
+            transform: 'rotate(45deg)'
+        }
     };
 };
-exports.styles = styles;

package/dist/cjs/index.js

@@ -1,5 +1,4 @@
-"use strict";
-// Copyright 2021 The Perses Authors
+// 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
@@ -11,21 +10,21 @@
 // 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.
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./components"), exports);
-__exportStar(require("./context"), exports);
-__exportStar(require("./views"), exports);
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_exportStar(require("./components"), exports);
+_exportStar(require("./context"), exports);
+_exportStar(require("./views"), 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/test/dashboard-provider.js

@@ -0,0 +1,51 @@
+// 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, {
+    getTestDashboard: ()=>getTestDashboard,
+    createDashboardProviderSpy: ()=>createDashboardProviderSpy
+});
+const _react = require("react");
+const _context = require("../context");
+const _testDashboard = /*#__PURE__*/ _interopRequireDefault(require("./testDashboard"));
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function getTestDashboard() {
+    // TODO: Should we be cloning this to create a new object each time?
+    return _testDashboard.default;
+}
+function createDashboardProviderSpy() {
+    const store = {};
+    // Spy component just captures the store value so it can be inspected in tests
+    function DashboardProviderSpy() {
+        const ctx = (0, _react.useContext)(_context.DashboardContext);
+        store.value = ctx;
+        return null;
+    }
+    return {
+        DashboardProviderSpy,
+        store
+    };
+}

package/dist/cjs/test/index.js

@@ -1,4 +1,3 @@
-"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.
@@ -11,20 +10,21 @@
 // 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.
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./plugin-registry"), exports);
-__exportStar(require("./render"), exports);
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_exportStar(require("./dashboard-provider"), exports);
+_exportStar(require("./plugin-registry"), exports);
+_exportStar(require("./render"), 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/test/plugin-registry.js

@@ -1,55 +1,82 @@
+// 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 });
-exports.FAKE_PANEL_PLUGIN = exports.mockPluginRegistryProps = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * Helper for mocking `PluginRegistry` data during tests. Returns props that can be spread on the `PluginRegistry`
- * component so that it will load the mock plugins you setup. You can use the `addMockPlugin` function that's returned
- * to add mock plugins before rendering components that use them.
- */
+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, {
+    mockPluginRegistryProps: ()=>mockPluginRegistryProps,
+    FAKE_PANEL_PLUGIN: ()=>FAKE_PANEL_PLUGIN
+});
+const _jsxRuntime = require("react/jsx-runtime");
 function mockPluginRegistryProps() {
     const mockPluginResource = {
         kind: 'PluginModule',
         metadata: {
             name: 'Fake Plugin Module for Tests',
+            created_at: '',
+            updated_at: '',
+            version: 0
         },
         spec: {
-            plugins: [],
-        },
+            plugins: []
+        }
     };
     const mockPluginModule = {};
     // Allow adding mock plugins in tests
-    const addMockPlugin = (pluginType, kind, plugin) => {
+    const addMockPlugin = (pluginType, kind, plugin)=>{
         mockPluginResource.spec.plugins.push({
             pluginType,
             kind,
             display: {
-                name: `Fake ${pluginType} Plugin for ${kind}`,
-            },
+                name: `Fake ${pluginType} Plugin for ${kind}`
+            }
         });
         // "Export" on the module under the same name as the kind the plugin handles
         mockPluginModule[kind] = plugin;
     };
     const pluginRegistryProps = {
-        getInstalledPlugins() {
-            return Promise.resolve([mockPluginResource]);
+        getInstalledPlugins () {
+            return Promise.resolve([
+                mockPluginResource
+            ]);
         },
-        importPluginModule( /* resource */) {
+        importPluginModule () {
             return Promise.resolve(mockPluginModule);
-        },
+        }
     };
     return {
         pluginRegistryProps,
-        addMockPlugin,
+        addMockPlugin
     };
 }
-exports.mockPluginRegistryProps = mockPluginRegistryProps;
-exports.FAKE_PANEL_PLUGIN = {
-    PanelComponent: () => {
-        return (0, jsx_runtime_1.jsx)("div", { role: "figure", children: "FakePanel chart" });
+const FAKE_PANEL_PLUGIN = {
+    PanelComponent: ()=>{
+        return /*#__PURE__*/ (0, _jsxRuntime.jsx)("div", {
+            role: "figure",
+            children: "FakePanel chart"
+        });
     },
-    OptionsEditorComponent: () => {
-        return (0, jsx_runtime_1.jsx)("div", { children: "Edit options here" });
+    OptionsEditorComponent: ()=>{
+        return /*#__PURE__*/ (0, _jsxRuntime.jsx)("div", {
+            children: "Edit options here"
+        });
     },
-    createInitialOptions: () => ({}),
+    createInitialOptions: ()=>({})
 };

package/dist/cjs/test/render.js

@@ -1,10 +1,3 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderWithContext = 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.
@@ -17,19 +10,29 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 // 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 react_1 = require("@testing-library/react");
-const react_query_1 = require("react-query");
-const context_1 = require("../context");
-const testDashboard_1 = __importDefault(require("./testDashboard"));
-const queryClient = new react_query_1.QueryClient({ defaultOptions: { queries: { refetchOnWindowFocus: false } } });
-const initialStore = {
-    isEditMode: true,
-    dashboardSpec: testDashboard_1.default.spec,
-};
-/**
- * Test helper to render a React component with some common app-level providers wrapped around it.
- */
-function renderWithContext(ui, initialState = initialStore, options) {
-    return (0, react_1.render)((0, jsx_runtime_1.jsx)(context_1.DashboardProvider, { initialState: initialState, children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: ui }) }), options);
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderWithContext", {
+    enumerable: true,
+    get: ()=>renderWithContext
+});
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = require("@testing-library/react");
+const _reactQuery = require("@tanstack/react-query");
+function renderWithContext(ui, options) {
+    // Create a new QueryClient for each test to avoid caching issues
+    const queryClient = new _reactQuery.QueryClient({
+        defaultOptions: {
+            queries: {
+                refetchOnWindowFocus: false,
+                retry: false
+            }
+        }
+    });
+    return (0, _react.render)(/*#__PURE__*/ (0, _jsxRuntime.jsx)(_reactQuery.QueryClientProvider, {
+        client: queryClient,
+        children: ui
+    }), options);
 }
-exports.renderWithContext = renderWithContext;

package/dist/cjs/test/setup-tests.js

@@ -1,4 +1,3 @@
-"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.
@@ -11,8 +10,11 @@
 // 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 });
 // Add testing library assertions
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
 require("@testing-library/jest-dom/extend-expect");
 // Always mock e-charts during tests since we don't have a proper canvas in jsdom
 jest.mock('echarts/core');