@perses-dev/dashboards 0.9.0 → 0.10.0

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

@@ -1,140 +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, {
-    usePanelDrawerModel: ()=>usePanelDrawerModel,
-    usePanelSpecState: ()=>usePanelSpecState
-});
-const _react = require("react");
-const _pluginSystem = require("@perses-dev/plugin-system");
-const _useImmer = require("use-immer");
-const _context = require("../../context");
-const _functions = require("../../utils/functions");
-function usePanelDrawerModel() {
-    const { panelDrawer  } = (0, _context.useDashboardApp)();
-    const { panels , updatePanel  } = (0, _context.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 = (0, _functions.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
-            }
-        }
-    };
-}
-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] = (0, _useImmer.useImmer)({
-        [panelPluginKind]: initialState
-    });
-    const { data: plugin  } = (0, _pluginSystem.usePlugin)('Panel', panelPluginKind, {
-        enabled: panelPluginKind !== ''
-    });
-    const pluginInitialSpec = (0, _react.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
-    };
-}

package/dist/cjs/context/DashboardAppSlice.js

@@ -1,57 +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, {
-    createDashboardAppSlice: ()=>createDashboardAppSlice,
-    useDashboardApp: ()=>useDashboardApp
-});
-const _immer = require("zustand/middleware/immer");
-const _dashboardProvider = require("./DashboardProvider");
-const createDashboardAppSlice = (0, _immer.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.useDashboardStore)(({ panelDrawer , openPanelDrawer , closePanelDrawer , panelGroupDialog , openPanelGroupDialog , closePanelGroupDialog ,  })=>({
-            panelDrawer,
-            openPanelDrawer,
-            closePanelDrawer,
-            panelGroupDialog,
-            openPanelGroupDialog,
-            closePanelGroupDialog
-        }));
-}

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/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