@perses-dev/dashboards 0.9.0 → 0.11.0

package/dist/cjs/context/DashboardProvider.js

@@ -1,128 +0,0 @@
-// Copyright 2022 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    usePanels: ()=>usePanels,
-    useEditMode: ()=>useEditMode,
-    useDashboard: ()=>useDashboard,
-    DashboardContext: ()=>DashboardContext,
-    useDashboardStore: ()=>useDashboardStore,
-    DashboardProvider: ()=>DashboardProvider
-});
-const _jsxRuntime = require("react/jsx-runtime");
-const _zustand = require("zustand");
-const _immer = require("zustand/middleware/immer");
-const _shallow = /*#__PURE__*/ _interopRequireDefault(require("zustand/shallow"));
-const _react = require("react");
-const _immer1 = /*#__PURE__*/ _interopRequireDefault(require("immer"));
-const _dashboardAppSlice = require("./DashboardAppSlice");
-const _layoutsSlice = require("./LayoutsSlice");
-function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function usePanels() {
-    return useDashboardStore(({ panels , updatePanel  })=>({
-            panels,
-            updatePanel
-        }));
-}
-function useEditMode() {
-    return useDashboardStore(({ isEditMode , setEditMode  })=>({
-            isEditMode,
-            setEditMode
-        }));
-}
-function useDashboard() {
-    const selectDashboardSpec = (state)=>{
-        return (0, _immer1.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
-    };
-}
-const DashboardContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
-function useDashboardStore(selector) {
-    const store = (0, _react.useContext)(DashboardContext);
-    if (store === undefined) {
-        throw new Error('No DashboardContext found. Did you forget a Provider?');
-    }
-    return (0, _zustand.useStore)(store, selector, _shallow.default);
-}
-function DashboardProvider(props) {
-    const { children , initialState: { dashboardSpec , isEditMode  } ,  } = props;
-    const { layouts , panels  } = dashboardSpec;
-    const dashboardStore = (0, _zustand.createStore)()((0, _immer.immer)((set, get, api)=>{
-        return {
-            ...(0, _dashboardAppSlice.createDashboardAppSlice)(set, get, api, []),
-            ...(0, _layoutsSlice.createLayoutsSlice)(set, get, api, []),
-            layouts,
-            panels,
-            dashboard: dashboardSpec,
-            updatePanel: (name, panel, groupIndex = 0)=>{
-                return set((state)=>{
-                    // add new panel to layouts if panels[name] is undefined
-                    if (state.panels[name] === undefined) {
-                        var ref;
-                        // find maximum y so new panel is added to the end of the grid
-                        let maxY = 0;
-                        (ref = state.layouts[groupIndex]) === null || ref === void 0 ? void 0 : ref.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]) {
-                            var ref1;
-                            (ref1 = layouts[groupIndex]) === null || ref1 === void 0 ? void 0 : ref1.spec.items.push(panelLayout);
-                        }
-                    }
-                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    state.panels[name] = panel;
-                });
-            },
-            isEditMode: !!isEditMode,
-            setEditMode: (isEditMode)=>set({
-                    isEditMode
-                })
-        };
-    }));
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(DashboardContext.Provider, {
-        value: dashboardStore,
-        children: children
-    });
-}

package/dist/cjs/context/LayoutsSlice.js

@@ -1,55 +0,0 @@
-// Copyright 2022 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    createLayoutsSlice: ()=>createLayoutsSlice,
-    useLayouts: ()=>useLayouts
-});
-const _immer = require("zustand/middleware/immer");
-const _dashboardProvider = require("./DashboardProvider");
-const createLayoutsSlice = (0, _immer.immer)((set)=>{
-    return {
-        updateLayout: (layout, index)=>set((state)=>{
-                if (index === undefined) {
-                    state.layouts.unshift(layout);
-                } else {
-                    state.layouts[index] = layout;
-                }
-            }),
-        addItemToLayout: (index, item)=>{
-            return set((state)=>{
-                const layouts = state.layouts;
-                if (layouts && layouts[index]) {
-                    var ref;
-                    (ref = layouts[index]) === null || ref === void 0 ? void 0 : ref.spec.items.push(item);
-                }
-            });
-        }
-    };
-});
-function useLayouts() {
-    return (0, _dashboardProvider.useDashboardStore)(({ layouts , updateLayout , addItemToLayout  })=>({
-            layouts,
-            updateLayout,
-            addItemToLayout
-        }));
-}

package/dist/cjs/context/QueryStringProvider.js

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

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { OptionsEditorProps } from '@perses-dev/plugin-system';
-export interface PanelSpecEditorProps extends OptionsEditorProps<unknown> {
-    panelPluginKind: string;
-}
-export declare function PanelSpecEditor(props: PanelSpecEditorProps): JSX.Element | null;
-//# sourceMappingURL=PanelSpecEditor.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PanelSpecEditor.d.ts","sourceRoot":"","sources":["../../../src/components/PanelDrawer/PanelSpecEditor.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,kBAAkB,EAAa,MAAM,2BAA2B,CAAC;AAE1E,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB,CAAC,OAAO,CAAC;IACvE,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,sBAkB1D"}

package/dist/components/PanelDrawer/PanelSpecEditor.js

@@ -1,34 +0,0 @@
-// Copyright 2022 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-import { jsx as _jsx } from "react/jsx-runtime";
-import { usePlugin } from '@perses-dev/plugin-system';
-export function PanelSpecEditor(props) {
-    const { panelPluginKind , ...others } = props;
-    const { data: plugin , isLoading  } = usePlugin('Panel', panelPluginKind, {
-        useErrorBoundary: true,
-        enabled: panelPluginKind !== ''
-    });
-    // TODO: Proper loading indicator
-    if (isLoading) {
-        return null;
-    }
-    if (plugin === undefined) {
-        throw new Error(`Missing OptionsEditorComponent for Panel plugin with kind '${panelPluginKind}'`);
-    }
-    const { OptionsEditorComponent  } = plugin;
-    return /*#__PURE__*/ _jsx(OptionsEditorComponent, {
-        ...others
-    });
-}
-
-//# sourceMappingURL=PanelSpecEditor.js.map

package/dist/components/PanelDrawer/PanelSpecEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/PanelDrawer/PanelSpecEditor.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 { OptionsEditorProps, usePlugin } from '@perses-dev/plugin-system';\n\nexport interface PanelSpecEditorProps extends OptionsEditorProps<unknown> {\n  panelPluginKind: string;\n}\n\nexport function PanelSpecEditor(props: PanelSpecEditorProps) {\n  const { panelPluginKind, ...others } = props;\n  const { data: plugin, isLoading } = usePlugin('Panel', panelPluginKind, {\n    useErrorBoundary: true,\n    enabled: panelPluginKind !== '',\n  });\n\n  // TODO: Proper loading indicator\n  if (isLoading) {\n    return null;\n  }\n\n  if (plugin === undefined) {\n    throw new Error(`Missing OptionsEditorComponent for Panel plugin with kind '${panelPluginKind}'`);\n  }\n\n  const { OptionsEditorComponent } = plugin;\n  return <OptionsEditorComponent {...others} />;\n}\n"],"names":["usePlugin","PanelSpecEditor","props","panelPluginKind","others","data","plugin","isLoading","useErrorBoundary","enabled","undefined","Error","OptionsEditorComponent"],"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,SAA6BA,SAAS,QAAQ,2BAA2B,CAAC;AAM1E,OAAO,SAASC,eAAe,CAACC,KAA2B,EAAE;IAC3D,MAAM,EAAEC,eAAe,CAAA,EAAE,GAAGC,MAAM,EAAE,GAAGF,KAAK,AAAC;IAC7C,MAAM,EAAEG,IAAI,EAAEC,MAAM,CAAA,EAAEC,SAAS,CAAA,EAAE,GAAGP,SAAS,CAAC,OAAO,EAAEG,eAAe,EAAE;QACtEK,gBAAgB,EAAE,IAAI;QACtBC,OAAO,EAAEN,eAAe,KAAK,EAAE;KAChC,CAAC,AAAC;IAEH,iCAAiC;IACjC,IAAII,SAAS,EAAE;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAID,MAAM,KAAKI,SAAS,EAAE;QACxB,MAAM,IAAIC,KAAK,CAAC,CAAC,2DAA2D,EAAER,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IACpG,CAAC;IAED,MAAM,EAAES,sBAAsB,CAAA,EAAE,GAAGN,MAAM,AAAC;IAC1C,qBAAO,KAACM,sBAAsB;QAAE,GAAGR,MAAM;MAAI,CAAC;AAChD,CAAC"}

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { SelectProps } from '@mui/material';
-export declare type PanelTypeSelectProps = Omit<SelectProps<string>, 'children'>;
-/**
- * Displays a MUI Select input for selecing a Panel type. Queries the plugin system to get the list of all panel types.
- */
-export declare function PanelTypeSelect(props: PanelTypeSelectProps): JSX.Element;
-//# sourceMappingURL=PanelTypeSelect.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PanelTypeSelect.d.ts","sourceRoot":"","sources":["../../../src/components/PanelDrawer/PanelTypeSelect.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAU,WAAW,EAAY,MAAM,eAAe,CAAC;AAG9D,oBAAY,oBAAoB,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,CAAC;AAEzE;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAiB1D"}

package/dist/components/PanelDrawer/PanelTypeSelect.js

@@ -1,34 +0,0 @@
-// Copyright 2022 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Select, MenuItem } from '@mui/material';
-import { useListPluginMetadata } from '@perses-dev/plugin-system';
-/**
- * Displays a MUI Select input for selecing a Panel type. Queries the plugin system to get the list of all panel types.
- */ export function PanelTypeSelect(props) {
-    const { value: propValue , ...others } = props;
-    const { data , isLoading  } = useListPluginMetadata('Panel');
-    // Pass an empty value while options are still loading so MUI doesn't complain about us using an "out of range" value
-    const value = propValue !== '' && isLoading ? '' : propValue;
-    // TODO: Does this need a loading indicator of some kind?
-    return /*#__PURE__*/ _jsx(Select, {
-        ...others,
-        value: value,
-        children: data === null || data === void 0 ? void 0 : data.map((metadata)=>/*#__PURE__*/ _jsx(MenuItem, {
-                value: metadata.kind,
-                children: metadata.display.name
-            }, metadata.kind))
-    });
-}
-
-//# sourceMappingURL=PanelTypeSelect.js.map

package/dist/components/PanelDrawer/PanelTypeSelect.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/PanelDrawer/PanelTypeSelect.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 { Select, SelectProps, MenuItem } from '@mui/material';\nimport { useListPluginMetadata } from '@perses-dev/plugin-system';\n\nexport type PanelTypeSelectProps = Omit<SelectProps<string>, 'children'>;\n\n/**\n * Displays a MUI Select input for selecing a Panel type. Queries the plugin system to get the list of all panel types.\n */\nexport function PanelTypeSelect(props: PanelTypeSelectProps) {\n  const { value: propValue, ...others } = props;\n  const { data, isLoading } = useListPluginMetadata('Panel');\n\n  // Pass an empty value while options are still loading so MUI doesn't complain about us using an \"out of range\" value\n  const value = propValue !== '' && isLoading ? '' : propValue;\n\n  // TODO: Does this need a loading indicator of some kind?\n  return (\n    <Select {...others} value={value}>\n      {data?.map((metadata) => (\n        <MenuItem key={metadata.kind} value={metadata.kind}>\n          {metadata.display.name}\n        </MenuItem>\n      ))}\n    </Select>\n  );\n}\n"],"names":["Select","MenuItem","useListPluginMetadata","PanelTypeSelect","props","value","propValue","others","data","isLoading","map","metadata","kind","display","name"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC;AAAA,SAASA,MAAM,EAAeC,QAAQ,QAAQ,eAAe,CAAC;AAC9D,SAASC,qBAAqB,QAAQ,2BAA2B,CAAC;AAIlE;;CAEC,GACD,OAAO,SAASC,eAAe,CAACC,KAA2B,EAAE;IAC3D,MAAM,EAAEC,KAAK,EAAEC,SAAS,CAAA,EAAE,GAAGC,MAAM,EAAE,GAAGH,KAAK,AAAC;IAC9C,MAAM,EAAEI,IAAI,CAAA,EAAEC,SAAS,CAAA,EAAE,GAAGP,qBAAqB,CAAC,OAAO,CAAC,AAAC;IAE3D,qHAAqH;IACrH,MAAMG,KAAK,GAAGC,SAAS,KAAK,EAAE,IAAIG,SAAS,GAAG,EAAE,GAAGH,SAAS,AAAC;IAE7D,yDAAyD;IACzD,qBACE,KAACN,MAAM;QAAE,GAAGO,MAAM;QAAEF,KAAK,EAAEA,KAAK;kBAC7BG,IAAI,aAAJA,IAAI,WAAK,GAATA,KAAAA,CAAS,GAATA,IAAI,CAAEE,GAAG,CAAC,CAACC,QAAQ,iBAClB,KAACV,QAAQ;gBAAqBI,KAAK,EAAEM,QAAQ,CAACC,IAAI;0BAC/CD,QAAQ,CAACE,OAAO,CAACC,IAAI;eADTH,QAAQ,CAACC,IAAI,CAEjB,AACZ,CAAC;MACK,CACT;AACJ,CAAC"}

package/dist/components/PanelDrawer/panel-editor-model.d.ts

@@ -1,27 +0,0 @@
-export interface PanelEditorFormValues {
-    name: string;
-    description: string;
-    group: number;
-    kind: string;
-    spec: unknown;
-}
-interface PanelDrawerModel {
-    drawerTitle: string;
-    submitButtonText: string;
-    initialValues: PanelEditorFormValues;
-    applyChanges: (values: PanelEditorFormValues) => void;
-}
-/**
- * Returns props that are different depending on whether the PanelDrawer has been opened in add or edit mode. If the
- * drawer isn't open at all, returns undefined.
- */
-export declare function usePanelDrawerModel(): PanelDrawerModel | undefined;
-/**
- * Manages panel plugin spec state. The spec will be undefined while a plugin is being loaded.
- */
-export declare function usePanelSpecState(panelPluginKind: string, initialState: unknown): {
-    spec: unknown;
-    onSpecChange: (next: unknown) => void;
-};
-export {};
-//# sourceMappingURL=panel-editor-model.d.ts.map

package/dist/components/PanelDrawer/panel-editor-model.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"panel-editor-model.d.ts","sourceRoot":"","sources":["../../../src/components/PanelDrawer/panel-editor-model.ts"],"names":[],"mappings":"AAmBA,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,CAAC;CACf;AAGD,UAAU,gBAAgB;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,EAAE,qBAAqB,CAAC;IACrC,YAAY,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACvD;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,gBAAgB,GAAG,SAAS,CAkFlE;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,eAAe,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO;;yBAYlD,OAAO;EAUpC"}

package/dist/components/PanelDrawer/panel-editor-model.js

@@ -1,133 +0,0 @@
-// Copyright 2022 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-import { useMemo } from 'react';
-import { usePlugin } from '@perses-dev/plugin-system';
-import { useImmer } from 'use-immer';
-import { useDashboardApp, usePanels } from '../../context';
-import { removeWhiteSpacesAndSpecialCharacters } from '../../utils/functions';
-/**
- * Returns props that are different depending on whether the PanelDrawer has been opened in add or edit mode. If the
- * drawer isn't open at all, returns undefined.
- */ export function usePanelDrawerModel() {
-    const { panelDrawer  } = useDashboardApp();
-    const { panels , updatePanel  } = usePanels();
-    // If we're closed, no model to return
-    if (panelDrawer === undefined) {
-        return undefined;
-    }
-    // If we don't have a panel key, we're adding a new panel
-    const { panelKey , groupIndex  } = panelDrawer;
-    if (panelKey === undefined) {
-        return {
-            drawerTitle: 'Add Panel',
-            submitButtonText: 'Add',
-            initialValues: {
-                name: '',
-                description: '',
-                group: groupIndex !== null && groupIndex !== void 0 ? groupIndex : 0,
-                kind: '',
-                spec: {}
-            },
-            applyChanges: (values)=>{
-                const { name , description , group , kind , spec  } = values;
-                const panelKey = removeWhiteSpacesAndSpecialCharacters(name);
-                updatePanel(panelKey, {
-                    kind: 'Panel',
-                    spec: {
-                        display: {
-                            name,
-                            description
-                        },
-                        plugin: {
-                            kind,
-                            spec
-                        }
-                    }
-                }, group);
-            }
-        };
-    }
-    // Otherwise we have a panel key, so we're trying to edit an existing panel
-    const existingPanel = panels[panelKey];
-    // TODO: Can we better express this via the type system on the dashboard store to avoid these states?
-    if (existingPanel === undefined) {
-        throw new Error(`Cannot find existing panel '${panelKey}' to edit`);
-    }
-    if (groupIndex === undefined) {
-        throw new Error(`Cannot edit existing panel '${panelKey}' without its group index`);
-    }
-    var _description;
-    return {
-        drawerTitle: 'Edit Panel',
-        submitButtonText: 'Apply',
-        initialValues: {
-            name: existingPanel.spec.display.name,
-            description: (_description = existingPanel.spec.display.description) !== null && _description !== void 0 ? _description : '',
-            group: groupIndex,
-            kind: existingPanel.spec.plugin.kind,
-            spec: existingPanel.spec.plugin.spec
-        },
-        applyChanges: (values)=>{
-            const { name , description , group , kind , spec  } = values;
-            updatePanel(panelKey, {
-                kind: 'Panel',
-                spec: {
-                    display: {
-                        name,
-                        description
-                    },
-                    plugin: {
-                        kind,
-                        spec
-                    }
-                }
-            });
-            if (group !== groupIndex) {
-            // TO DO: need to move panel if panel group changes
-            }
-        }
-    };
-}
-/**
- * Manages panel plugin spec state. The spec will be undefined while a plugin is being loaded.
- */ export function usePanelSpecState(panelPluginKind, initialState) {
-    // Keeping track of spec values by kind allows users to switch between panel types and come back with their old
-    // values intact from before the switch
-    const [specByKind, setSpecByKind] = useImmer({
-        [panelPluginKind]: initialState
-    });
-    const { data: plugin  } = usePlugin('Panel', panelPluginKind, {
-        enabled: panelPluginKind !== ''
-    });
-    const pluginInitialSpec = useMemo(()=>{
-        return plugin === null || plugin === void 0 ? void 0 : plugin.createInitialOptions();
-    }, [
-        plugin
-    ]);
-    var _panelPluginKind;
-    // Use the value in specByKind or if unset, use the initial values from the plugin (which could still be undefined)
-    const spec = (_panelPluginKind = specByKind[panelPluginKind]) !== null && _panelPluginKind !== void 0 ? _panelPluginKind : pluginInitialSpec;
-    // TODO: Do we want to expose more of a immer style API to plugin authors for managing their state, rather than the
-    // current "onChange" API?
-    const onSpecChange = (next)=>{
-        setSpecByKind((draft)=>{
-            draft[panelPluginKind] = next;
-        });
-    };
-    return {
-        spec,
-        onSpecChange
-    };
-}
-
-//# sourceMappingURL=panel-editor-model.js.map

package/dist/components/PanelDrawer/panel-editor-model.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/PanelDrawer/panel-editor-model.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 } from 'react';\nimport { usePlugin } from '@perses-dev/plugin-system';\nimport { useImmer } from 'use-immer';\nimport { useDashboardApp, usePanels } from '../../context';\nimport { removeWhiteSpacesAndSpecialCharacters } from '../../utils/functions';\n\nexport interface PanelEditorFormValues {\n  name: string;\n  description: string;\n  group: number;\n  kind: string;\n  spec: unknown;\n}\n\n// Props that vary based on whether the PanelDrawer is in add or edit mode\ninterface PanelDrawerModel {\n  drawerTitle: string;\n  submitButtonText: string;\n  initialValues: PanelEditorFormValues;\n  applyChanges: (values: PanelEditorFormValues) => void;\n}\n\n/**\n * Returns props that are different depending on whether the PanelDrawer has been opened in add or edit mode. If the\n * drawer isn't open at all, returns undefined.\n */\nexport function usePanelDrawerModel(): PanelDrawerModel | undefined {\n  const { panelDrawer } = useDashboardApp();\n  const { panels, updatePanel } = usePanels();\n\n  // If we're closed, no model to return\n  if (panelDrawer === undefined) {\n    return undefined;\n  }\n\n  // If we don't have a panel key, we're adding a new panel\n  const { panelKey, groupIndex } = panelDrawer;\n  if (panelKey === undefined) {\n    return {\n      drawerTitle: 'Add Panel',\n      submitButtonText: 'Add',\n      initialValues: {\n        name: '',\n        description: '',\n        group: groupIndex ?? 0,\n        kind: '',\n        spec: {},\n      },\n      applyChanges: (values) => {\n        const { name, description, group, kind, spec } = values;\n        const panelKey = removeWhiteSpacesAndSpecialCharacters(name);\n        updatePanel(\n          panelKey,\n          {\n            kind: 'Panel',\n            spec: {\n              display: { name, description },\n              plugin: {\n                kind,\n                spec,\n              },\n            },\n          },\n          group\n        );\n      },\n    };\n  }\n\n  // Otherwise we have a panel key, so we're trying to edit an existing panel\n  const existingPanel = panels[panelKey];\n\n  // TODO: Can we better express this via the type system on the dashboard store to avoid these states?\n  if (existingPanel === undefined) {\n    throw new Error(`Cannot find existing panel '${panelKey}' to edit`);\n  }\n  if (groupIndex === undefined) {\n    throw new Error(`Cannot edit existing panel '${panelKey}' without its group index`);\n  }\n\n  return {\n    drawerTitle: 'Edit Panel',\n    submitButtonText: 'Apply',\n    initialValues: {\n      name: existingPanel.spec.display.name,\n      description: existingPanel.spec.display.description ?? '',\n      group: groupIndex,\n      kind: existingPanel.spec.plugin.kind,\n      spec: existingPanel.spec.plugin.spec, // TODO: Should we clone to be safe?\n    },\n    applyChanges: (values) => {\n      const { name, description, group, kind, spec } = values;\n      updatePanel(panelKey, {\n        kind: 'Panel',\n        spec: {\n          display: { name, description },\n          plugin: {\n            kind,\n            spec,\n          },\n        },\n      });\n\n      if (group !== groupIndex) {\n        // TO DO: need to move panel if panel group changes\n      }\n    },\n  };\n}\n\n/**\n * Manages panel plugin spec state. The spec will be undefined while a plugin is being loaded.\n */\nexport function usePanelSpecState(panelPluginKind: string, initialState: unknown) {\n  // Keeping track of spec values by kind allows users to switch between panel types and come back with their old\n  // values intact from before the switch\n  const [specByKind, setSpecByKind] = useImmer<Record<string, unknown>>({ [panelPluginKind]: initialState });\n  const { data: plugin } = usePlugin('Panel', panelPluginKind, { enabled: panelPluginKind !== '' });\n  const pluginInitialSpec = useMemo(() => plugin?.createInitialOptions(), [plugin]);\n\n  // Use the value in specByKind or if unset, use the initial values from the plugin (which could still be undefined)\n  const spec = specByKind[panelPluginKind] ?? pluginInitialSpec;\n\n  // TODO: Do we want to expose more of a immer style API to plugin authors for managing their state, rather than the\n  // current \"onChange\" API?\n  const onSpecChange = (next: unknown) => {\n    setSpecByKind((draft) => {\n      draft[panelPluginKind] = next;\n    });\n  };\n\n  return {\n    spec,\n    onSpecChange,\n  };\n}\n"],"names":["useMemo","usePlugin","useImmer","useDashboardApp","usePanels","removeWhiteSpacesAndSpecialCharacters","usePanelDrawerModel","panelDrawer","panels","updatePanel","undefined","panelKey","groupIndex","drawerTitle","submitButtonText","initialValues","name","description","group","kind","spec","applyChanges","values","display","plugin","existingPanel","Error","usePanelSpecState","panelPluginKind","initialState","specByKind","setSpecByKind","data","enabled","pluginInitialSpec","createInitialOptions","onSpecChange","next","draft"],"mappings":"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"}

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,45 +0,0 @@
-// Copyright 2022 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-import { immer } from 'zustand/middleware/immer';
-import { useDashboardStore } from './DashboardProvider';
-export const createDashboardAppSlice = 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;
-            })
-    }));
-export function useDashboardApp() {
-    return useDashboardStore(({ panelDrawer , openPanelDrawer , closePanelDrawer , panelGroupDialog , openPanelGroupDialog , closePanelGroupDialog ,  })=>({
-            panelDrawer,
-            openPanelDrawer,
-            closePanelDrawer,
-            panelGroupDialog,
-            openPanelGroupDialog,
-            closePanelGroupDialog
-        }));
-}
-
-//# sourceMappingURL=DashboardAppSlice.js.map