@perses-dev/dashboards 0.8.0 → 0.9.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/views/DashboardApp.js

@@ -1,46 +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.DashboardApp = 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 material_1 = require("@mui/material");
-const components_1 = require("@perses-dev/components");
-const components_2 = require("../components");
-const PanelGroupDialog_1 = __importDefault(require("../components/PanelGroupDialog/PanelGroupDialog"));
-const PanelDrawer_1 = __importDefault(require("../components/PanelDrawer/PanelDrawer"));
-const DashboardToolbar_1 = require("../components/DashboardToolbar");
-const context_1 = require("../context");
-const DashboardApp = (props) => {
-    const { dashboardResource, sx, children, ...others } = props;
-    const { dashboard } = (0, context_1.useDashboard)();
-    const { panelGroupDialog } = (0, context_1.useDashboardApp)();
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: (0, components_1.combineSx)({
-            display: 'flex',
-            width: '100%',
-            height: '100%',
-            position: 'relative',
-            overflow: 'hidden',
-        }, sx), ...others, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                padding: (theme) => theme.spacing(1, 2),
-                flexGrow: 1,
-                overflowX: 'hidden',
-                overflowY: 'auto',
-                display: 'flex',
-                flexDirection: 'column',
-            }, children: [(0, jsx_runtime_1.jsx)(DashboardToolbar_1.DashboardToolbar, { dashboardName: dashboardResource.metadata.name }), (0, jsx_runtime_1.jsx)(components_2.TemplateVariableList, {}), (0, jsx_runtime_1.jsx)(components_2.Dashboard, { spec: dashboard }), (0, jsx_runtime_1.jsx)(PanelDrawer_1.default, {}), panelGroupDialog && (0, jsx_runtime_1.jsx)(PanelGroupDialog_1.default, {}), children] }) }));
-};
-exports.DashboardApp = DashboardApp;

package/dist/cjs/views/ViewDashboard.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ViewDashboard = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-// Copyright 2021 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 react_1 = require("react");
-const core_1 = require("@perses-dev/core");
-const plugin_system_1 = require("@perses-dev/plugin-system");
-const context_1 = require("../context");
-const DashboardApp_1 = require("./DashboardApp");
-/**
- * The View for displaying a Dashboard, along with the UI for selecting variable values.
- */
-function ViewDashboard(props) {
-    var _a;
-    const { dashboardResource: { spec }, children, } = props;
-    const { queryString, setQueryString } = (0, plugin_system_1.useQueryString)();
-    const dashboardDuration = (_a = spec.duration) !== null && _a !== void 0 ? _a : '1h';
-    const defaultTimeRange = (0, core_1.getDefaultTimeRange)(dashboardDuration, queryString);
-    // TODO: add reusable sync query string or no-op util
-    (0, react_1.useEffect)(() => {
-        const currentParams = Object.fromEntries([...queryString]);
-        // if app does not provide query string implementation, setTimeRange is used instead
-        if (!currentParams.start && setQueryString) {
-            // default to duration in dashboard definition if start param is not already set
-            queryString.set('start', dashboardDuration);
-            setQueryString(queryString);
-        }
-    }, [dashboardDuration, queryString, setQueryString]);
-    return ((0, jsx_runtime_1.jsx)(context_1.DashboardProvider, { initialState: { dashboardSpec: spec }, children: (0, jsx_runtime_1.jsx)(context_1.TimeRangeProvider, { initialTimeRange: defaultTimeRange, children: (0, jsx_runtime_1.jsx)(context_1.TemplateVariableProvider, { initialVariableDefinitions: spec.variables, children: (0, jsx_runtime_1.jsx)(DashboardApp_1.DashboardApp, { ...props, children: children }) }) }) }));
-}
-exports.ViewDashboard = ViewDashboard;

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/views/DashboardApp.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { ViewDashboardProps } from './ViewDashboard';
-export declare const DashboardApp: (props: ViewDashboardProps) => JSX.Element;
-//# sourceMappingURL=DashboardApp.d.ts.map

package/dist/views/DashboardApp.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DashboardApp.d.ts","sourceRoot":"","sources":["../../src/views/DashboardApp.tsx"],"names":[],"mappings":";AAoBA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,eAAO,MAAM,YAAY,UAAW,kBAAkB,gBAqCrD,CAAC"}

package/dist/views/DashboardApp.js

@@ -1 +0,0 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Box}from"@mui/material";import{combineSx}from"@perses-dev/components";import{TemplateVariableList,Dashboard}from"../components";import PanelGroupDialog from"../components/PanelGroupDialog/PanelGroupDialog";import PanelDrawer from"../components/PanelDrawer/PanelDrawer";import{DashboardToolbar}from"../components/DashboardToolbar";import{useDashboard,useDashboardApp}from"../context";export const DashboardApp=o=>{const{dashboardResource:a,sx:r,children:e,...s}=o,{dashboard:i}=useDashboard(),{panelGroupDialog:n}=useDashboardApp();return _jsx(Box,{sx:combineSx({display:"flex",width:"100%",height:"100%",position:"relative",overflow:"hidden"},r),...s,children:_jsxs(Box,{sx:{padding:o=>o.spacing(1,2),flexGrow:1,overflowX:"hidden",overflowY:"auto",display:"flex",flexDirection:"column"},children:[_jsx(DashboardToolbar,{dashboardName:a.metadata.name}),_jsx(TemplateVariableList,{}),_jsx(Dashboard,{spec:i}),_jsx(PanelDrawer,{}),n&&_jsx(PanelGroupDialog,{}),e]})})};

package/dist/views/ViewDashboard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ViewDashboard.d.ts","sourceRoot":"","sources":["../../src/views/ViewDashboard.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAuB,MAAM,kBAAkB,CAAC;AAK1E,MAAM,WAAW,kBAAmB,SAAQ,QAAQ;IAClD,iBAAiB,EAAE,iBAAiB,CAAC;CACtC;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eA8BtD"}

package/dist/views/ViewDashboard.js

@@ -1 +0,0 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useEffect}from"react";import{getDefaultTimeRange}from"@perses-dev/core";import{useQueryString}from"@perses-dev/plugin-system";import{TimeRangeProvider,TemplateVariableProvider,DashboardProvider}from"../context";import{DashboardApp}from"./DashboardApp";export function ViewDashboard(e){var r;const{dashboardResource:{spec:i},children:a}=e,{queryString:t,setQueryString:o}=useQueryString(),s=null!==(r=i.duration)&&void 0!==r?r:"1h",n=getDefaultTimeRange(s,t);return useEffect((()=>{!Object.fromEntries([...t]).start&&o&&(t.set("start",s),o(t))}),[s,t,o]),_jsx(DashboardProvider,{initialState:{dashboardSpec:i},children:_jsx(TimeRangeProvider,{initialTimeRange:n,children:_jsx(TemplateVariableProvider,{initialVariableDefinitions:i.variables,children:_jsx(DashboardApp,{...e,children:a})})})})}