@perses-dev/plugin-system 0.0.0-snapshot-color-palette-gen-test-0ebddd6 → 0.0.0-snapshot-tooltip-highlight-c995fc8

package/dist/cjs/runtime/DataQueriesProvider/index.js

@@ -0,0 +1,29 @@
+// Copyright 2023 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
+});
+_exportStar(require("./DataQueriesProvider"), exports);
+_exportStar(require("./model"), 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/runtime/DataQueriesProvider/model.js

@@ -0,0 +1,16 @@
+// Copyright 2023 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
+});

package/dist/cjs/runtime/index.js

@@ -19,6 +19,7 @@ _exportStar(require("./plugin-registry"), exports);
 _exportStar(require("./template-variables"), exports);
 _exportStar(require("./TimeRangeProvider"), exports);
 _exportStar(require("./time-series-queries"), exports);
+_exportStar(require("./DataQueriesProvider"), exports);
 function _exportStar(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {

package/dist/cjs/stories/shared-utils/decorators/WithDataQueries.js

@@ -0,0 +1,39 @@
+// Copyright 2023 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
+});
+Object.defineProperty(exports, "WithDataQueries", {
+    enumerable: true,
+    get: ()=>WithDataQueries
+});
+const _jsxRuntime = require("react/jsx-runtime");
+const _pluginSystem = require("@perses-dev/plugin-system");
+// Type guard because storybook types parameters as `any`
+function isWithDataQueriesParameter(parameter) {
+    return !!parameter && typeof parameter === 'object' && 'props' in parameter;
+}
+const WithDataQueries = (Story, context)=>{
+    const initParameter = context.parameters.WithDataQueries;
+    const parameter = isWithDataQueriesParameter(initParameter) ? initParameter : {
+        props: {
+            definitions: []
+        }
+    };
+    const props = parameter === null || parameter === void 0 ? void 0 : parameter.props;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pluginSystem.DataQueriesProvider, {
+        ...props,
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(Story, {})
+    });
+};

package/dist/cjs/stories/shared-utils/decorators/WithDatasourceStore.js

@@ -0,0 +1,83 @@
+// Copyright 2023 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
+});
+Object.defineProperty(exports, "WithDatasourceStore", {
+    enumerable: true,
+    get: ()=>WithDatasourceStore
+});
+const _jsxRuntime = require("react/jsx-runtime");
+const _pluginSystem = require("@perses-dev/plugin-system");
+const prometheusDemoUrl = 'https://prometheus.demo.do.prometheus.io';
+// Type guard because storybook types parameters as `any`
+function isWithDatastoreStoreParameter(parameter) {
+    return !!parameter && typeof parameter === 'object' && 'props' in parameter;
+}
+const WithDatasourceStore = (Story, context)=>{
+    const { getPlugin  } = (0, _pluginSystem.usePluginRegistry)();
+    const initParameter = context.parameters.WithDataQueries;
+    // This currently provides a very simplified default to enable use in some
+    // basic stories. It likely will need expanding in the future.
+    // In general, `plugin-system` would probably benefit from a provider wrapper
+    // for `DatasourceStoreContext` that is more generic than the one available
+    // in in the `dashboard` package for non-dashboard use cases.
+    const defaultValue = {
+        getDatasource: (selector)=>{
+            if (selector.kind === 'PrometheusDatasource') {
+                return Promise.resolve({
+                    default: true,
+                    plugin: {
+                        kind: 'PrometheusDatasource',
+                        spec: {}
+                    }
+                });
+            }
+            throw new Error(`WithDatasourceStore is not configured to support kind: ${selector.kind}`);
+        },
+        getDatasourceClient: async (selector)=>{
+            if (selector.kind === 'PrometheusDatasource') {
+                const plugin = await getPlugin('Datasource', 'PrometheusDatasource');
+                const client = plugin.createClient({
+                    direct_url: prometheusDemoUrl
+                }, {
+                    proxyUrl: prometheusDemoUrl
+                });
+                return client;
+            }
+            throw new Error(`WithDatasourceStore is not configured to support kind: ${selector.kind}`);
+        },
+        listDatasourceMetadata: async (datasourcePluginKind)=>{
+            if (datasourcePluginKind === 'PrometheusDatasource') {
+                return Promise.resolve([
+                    {
+                        name: 'PrometheusDatasource',
+                        selector: {
+                            kind: 'PrometheusDatasource'
+                        }
+                    }
+                ]);
+            }
+            throw new Error(`WithDatasourceStore is not configured to support kind: ${datasourcePluginKind}`);
+        }
+    };
+    const parameter = isWithDatastoreStoreParameter(initParameter) ? initParameter : {
+        props: defaultValue
+    };
+    const props = parameter === null || parameter === void 0 ? void 0 : parameter.props;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pluginSystem.DatasourceStoreContext.Provider, {
+        value: props,
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(Story, {})
+    });
+};

package/dist/cjs/stories/shared-utils/decorators/WithPluginRegistry.js

@@ -0,0 +1,94 @@
+// Copyright 2023 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
+});
+Object.defineProperty(exports, "WithPluginRegistry", {
+    enumerable: true,
+    get: ()=>WithPluginRegistry
+});
+const _jsxRuntime = require("react/jsx-runtime");
+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;
+}
+// NOTE: the aliases we use for components break these top level imports, so we
+// import relatively.
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const prometheusResource = require('../../../../../prometheus-plugin/plugin.json');
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const panelsResource = require('../../../../../panels-plugin/plugin.json');
+const bundledPluginLoader = (0, _pluginSystem.dynamicImportPluginLoader)([
+    {
+        resource: prometheusResource,
+        // This throws an error in CI (but not locally for some reason), likely because
+        // this package isn't a dependency for dashboards. We probably do not want to
+        // make it one solely for type-checking in storybook.
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        importPlugin: ()=>Promise.resolve().then(()=>/*#__PURE__*/ _interopRequireWildcard(require("@perses-dev/prometheus-plugin")))
+    },
+    {
+        resource: panelsResource,
+        // Same comment as above.
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        importPlugin: ()=>Promise.resolve().then(()=>/*#__PURE__*/ _interopRequireWildcard(require("@perses-dev/panels-plugin")))
+    }
+]);
+const WithPluginRegistry = (Story)=>{
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pluginSystem.PluginRegistry, {
+        pluginLoader: bundledPluginLoader,
+        defaultPluginKinds: {
+            TimeSeriesQuery: 'PrometheusTimeSeriesQuery'
+        },
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(Story, {})
+    });
+};

package/dist/cjs/stories/shared-utils/decorators/WithTimeRange.js

@@ -0,0 +1,38 @@
+// Copyright 2023 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
+});
+Object.defineProperty(exports, "WithTimeRange", {
+    enumerable: true,
+    get: ()=>WithTimeRange
+});
+const _jsxRuntime = require("react/jsx-runtime");
+const _pluginSystem = require("@perses-dev/plugin-system");
+// Type guard because storybook types parameters as `any`
+function isWithTimeRangeParameter(parameter) {
+    return !!parameter && typeof parameter === 'object' && 'props' in parameter;
+}
+const WithTimeRange = (Story, context)=>{
+    const initParameter = context.parameters.withTimeRange;
+    const parameter = isWithTimeRangeParameter(initParameter) ? initParameter : undefined;
+    const props = parameter === null || parameter === void 0 ? void 0 : parameter.props;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pluginSystem.TimeRangeProvider, {
+        initialTimeRange: {
+            pastDuration: '1h'
+        },
+        ...props,
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(Story, {})
+    });
+};

package/dist/cjs/stories/shared-utils/decorators/index.js

@@ -0,0 +1,31 @@
+// Copyright 2023 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
+});
+_exportStar(require("./WithDataQueries"), exports);
+_exportStar(require("./WithDatasourceStore"), exports);
+_exportStar(require("./WithPluginRegistry"), exports);
+_exportStar(require("./WithTimeRange"), 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/stories/shared-utils/index.js

@@ -0,0 +1,28 @@
+// Copyright 2023 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
+});
+_exportStar(require("./decorators"), 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/render.js

@@ -41,11 +41,14 @@ function renderWithContext(ui, renderOptions, contextOptions) {
         },
         logger: testLogger
     });
+    var ref;
     return (0, _react.render)(/*#__PURE__*/ (0, _jsxRuntime.jsx)(_reactQuery.QueryClientProvider, {
         client: queryClient,
         children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pluginRegistry.PluginRegistry, {
             pluginLoader: _testPlugins.testPluginLoader,
-            defaultPluginKinds: contextOptions === null || contextOptions === void 0 ? void 0 : contextOptions.defaultPluginKinds,
+            defaultPluginKinds: (ref = contextOptions === null || contextOptions === void 0 ? void 0 : contextOptions.defaultPluginKinds) !== null && ref !== void 0 ? ref : {
+                TimeSeriesQuery: 'PrometheusTimeSeriesQuery'
+            },
             children: ui
         })
     }), renderOptions);

package/dist/cjs/test/test-plugins/bert/index.js

@@ -25,27 +25,33 @@ _export(exports, {
     BertPanel2: ()=>BertPanel2
 });
 const _jsxRuntime = require("react/jsx-runtime");
+function BertPanel1Editor({ value , onChange  }) {
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)("div", {
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)("label", {
+                htmlFor: "editor-input",
+                children: "BertPanel1 editor"
+            }),
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)("input", {
+                type: "text",
+                id: "editor-input",
+                value: value.option1,
+                onChange: (e)=>onChange({
+                        ...value,
+                        option1: e.target.value
+                    })
+            })
+        ]
+    });
+}
 const BertPanel1 = {
     PanelComponent: ()=>null,
-    PanelQueryEditorComponent: function BertPanel1Editor({ value , onChange  }) {
-        return /*#__PURE__*/ (0, _jsxRuntime.jsxs)("div", {
-            children: [
-                /*#__PURE__*/ (0, _jsxRuntime.jsx)("label", {
-                    htmlFor: "editor-input",
-                    children: "BertPanel1 editor"
-                }),
-                /*#__PURE__*/ (0, _jsxRuntime.jsx)("input", {
-                    type: "text",
-                    id: "editor-input",
-                    value: value.option1,
-                    onChange: (e)=>onChange({
-                            ...value,
-                            option1: e.target.value
-                        })
-                })
-            ]
-        });
-    },
+    panelOptionsEditorComponents: [
+        {
+            label: 'Editor',
+            content: BertPanel1Editor
+        }
+    ],
     createInitialOptions: ()=>({
             option1: ''
         })
@@ -86,5 +92,6 @@ const BertPanel2 = {
     ],
     createInitialOptions: ()=>({
             option2: ''
-        })
+        }),
+    hideQueryEditor: true
 };

package/dist/cjs/test/test-plugins/ernie/index.js

@@ -14,9 +14,15 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "ErnieVariable", {
-    enumerable: true,
-    get: ()=>ErnieVariable
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    ErnieVariable1: ()=>ErnieVariable1,
+    ErnieVariable2: ()=>ErnieVariable2
 });
 const _jsxRuntime = require("react/jsx-runtime");
 const data = [
@@ -29,7 +35,7 @@ const data = [
         value: 'Snuffleupagus'
     }
 ];
-const ErnieVariable = {
+const ErnieVariable1 = {
     getVariableOptions: async ()=>({
             data
         }),
@@ -56,3 +62,30 @@ const ErnieVariable = {
             variableOption: ''
         })
 };
+const ErnieVariable2 = {
+    getVariableOptions: async ()=>({
+            data
+        }),
+    OptionsEditorComponent: function ErnieVariableEditor({ value , onChange  }) {
+        return /*#__PURE__*/ (0, _jsxRuntime.jsxs)("div", {
+            children: [
+                /*#__PURE__*/ (0, _jsxRuntime.jsx)("label", {
+                    htmlFor: "editor-input",
+                    children: "ErnieVariable2 editor"
+                }),
+                /*#__PURE__*/ (0, _jsxRuntime.jsx)("input", {
+                    type: "text",
+                    id: "editor-input",
+                    value: value.variableOption2,
+                    onChange: (e)=>onChange({
+                            ...value,
+                            variableOption2: e.target.value
+                        })
+                })
+            ]
+        });
+    },
+    createInitialOptions: ()=>({
+            variableOption2: ''
+        })
+};

package/dist/cjs/test-utils/mock-plugin-registry.js

@@ -60,7 +60,10 @@ function mockPluginRegistry(...mockPlugins) {
         }
     };
     return {
-        pluginLoader
+        pluginLoader,
+        defaultPluginKinds: {
+            TimeSeriesQuery: 'PrometheusTimeSeriesQuery'
+        }
     };
 }
 function getMockPluginName(pluginType, kind) {

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { PanelDefinition, QueryDefinition, UnknownSpec } from '@perses-dev/core';
+export interface PanelSpecEditorProps {
+    panelDefinition: PanelDefinition;
+    onQueriesChange: (queries: QueryDefinition[]) => void;
+    onPluginSpecChange: (spec: UnknownSpec) => void;
+    onJSONChange: (panelDefinition: PanelDefinition) => void;
+}
+export declare function PanelSpecEditor(props: PanelSpecEditorProps): JSX.Element | null;
+//# sourceMappingURL=PanelSpecEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PanelSpecEditor.d.ts","sourceRoot":"","sources":["../../../src/components/PanelSpecEditor/PanelSpecEditor.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAMjF,MAAM,WAAW,oBAAoB;IACnC,eAAe,EAAE,eAAe,CAAC;IACjC,eAAe,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IACtD,kBAAkB,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,YAAY,EAAE,CAAC,eAAe,EAAE,eAAe,KAAK,IAAI,CAAC;CAC1D;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,sBA0C1D"}

package/dist/components/PanelSpecEditor/PanelSpecEditor.js

@@ -0,0 +1,69 @@
+// Copyright 2023 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 { ErrorAlert, JSONEditor } from '@perses-dev/components';
+import { usePlugin } from '../../runtime';
+import { OptionsEditorTabs } from '../OptionsEditorTabs';
+import { TimeSeriesQueryEditor } from '../TimeSeriesQueryEditor';
+export function PanelSpecEditor(props) {
+    const { panelDefinition , onJSONChange , onQueriesChange , onPluginSpecChange  } = props;
+    const { kind  } = panelDefinition.spec.plugin;
+    const { data: plugin , isLoading , error  } = usePlugin('Panel', kind);
+    if (error) {
+        return /*#__PURE__*/ _jsx(ErrorAlert, {
+            error: error
+        });
+    }
+    // TODO: Proper loading indicator
+    if (isLoading) {
+        return null;
+    }
+    if (plugin === undefined) {
+        throw new Error(`Missing implementation for panel plugin with kind '${kind}'`);
+    }
+    const { panelOptionsEditorComponents , hideQueryEditor  } = plugin;
+    let tabs = [];
+    if (!hideQueryEditor) {
+        var _queries;
+        // Since we only support TimeSeriesQuery for now, we will always show a TimeSeriesQueryEditor
+        tabs.push({
+            label: 'Query',
+            content: /*#__PURE__*/ _jsx(TimeSeriesQueryEditor, {
+                queries: (_queries = panelDefinition.spec.queries) !== null && _queries !== void 0 ? _queries : [],
+                onChange: onQueriesChange
+            })
+        });
+    }
+    if (panelOptionsEditorComponents !== undefined) {
+        tabs = tabs.concat(panelOptionsEditorComponents.map(({ label , content: OptionsEditorComponent  })=>({
+                label,
+                content: /*#__PURE__*/ _jsx(OptionsEditorComponent, {
+                    value: panelDefinition.spec.plugin.spec,
+                    onChange: onPluginSpecChange
+                })
+            })));
+    }
+    // always show json editor by default
+    tabs.push({
+        label: 'JSON',
+        content: /*#__PURE__*/ _jsx(JSONEditor, {
+            value: panelDefinition,
+            onChange: onJSONChange
+        })
+    });
+    return /*#__PURE__*/ _jsx(OptionsEditorTabs, {
+        tabs: tabs
+    }, tabs.length);
+}
+
+//# sourceMappingURL=PanelSpecEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/PanelSpecEditor/PanelSpecEditor.tsx"],"sourcesContent":["// Copyright 2023 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 { ErrorAlert, JSONEditor } from '@perses-dev/components';\nimport { PanelDefinition, QueryDefinition, UnknownSpec } from '@perses-dev/core';\nimport { usePlugin } from '../../runtime';\nimport { PanelPlugin } from '../../model';\nimport { OptionsEditorTabsProps, OptionsEditorTabs } from '../OptionsEditorTabs';\nimport { TimeSeriesQueryEditor } from '../TimeSeriesQueryEditor';\n\nexport interface PanelSpecEditorProps {\n  panelDefinition: PanelDefinition;\n  onQueriesChange: (queries: QueryDefinition[]) => void;\n  onPluginSpecChange: (spec: UnknownSpec) => void;\n  onJSONChange: (panelDefinition: PanelDefinition) => void;\n}\n\nexport function PanelSpecEditor(props: PanelSpecEditorProps) {\n  const { panelDefinition, onJSONChange, onQueriesChange, onPluginSpecChange } = props;\n  const { kind } = panelDefinition.spec.plugin;\n  const { data: plugin, isLoading, error } = usePlugin('Panel', kind);\n\n  if (error) {\n    return <ErrorAlert error={error} />;\n  }\n\n  // TODO: Proper loading indicator\n  if (isLoading) {\n    return null;\n  }\n\n  if (plugin === undefined) {\n    throw new Error(`Missing implementation for panel plugin with kind '${kind}'`);\n  }\n\n  const { panelOptionsEditorComponents, hideQueryEditor } = plugin as PanelPlugin;\n  let tabs: OptionsEditorTabsProps['tabs'] = [];\n\n  if (!hideQueryEditor) {\n    // Since we only support TimeSeriesQuery for now, we will always show a TimeSeriesQueryEditor\n    tabs.push({\n      label: 'Query',\n      content: <TimeSeriesQueryEditor queries={panelDefinition.spec.queries ?? []} onChange={onQueriesChange} />,\n    });\n  }\n\n  if (panelOptionsEditorComponents !== undefined) {\n    tabs = tabs.concat(\n      panelOptionsEditorComponents.map(({ label, content: OptionsEditorComponent }) => ({\n        label,\n        content: <OptionsEditorComponent value={panelDefinition.spec.plugin.spec} onChange={onPluginSpecChange} />,\n      }))\n    );\n  }\n\n  // always show json editor by default\n  tabs.push({ label: 'JSON', content: <JSONEditor value={panelDefinition} onChange={onJSONChange} /> });\n\n  return <OptionsEditorTabs key={tabs.length} tabs={tabs} />;\n}\n"],"names":["ErrorAlert","JSONEditor","usePlugin","OptionsEditorTabs","TimeSeriesQueryEditor","PanelSpecEditor","props","panelDefinition","onJSONChange","onQueriesChange","onPluginSpecChange","kind","spec","plugin","data","isLoading","error","undefined","Error","panelOptionsEditorComponents","hideQueryEditor","tabs","push","label","content","queries","onChange","concat","map","OptionsEditorComponent","value","length"],"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,UAAU,EAAEC,UAAU,QAAQ,wBAAwB,CAAC;AAEhE,SAASC,SAAS,QAAQ,eAAe,CAAC;AAE1C,SAAiCC,iBAAiB,QAAQ,sBAAsB,CAAC;AACjF,SAASC,qBAAqB,QAAQ,0BAA0B,CAAC;AASjE,OAAO,SAASC,eAAe,CAACC,KAA2B,EAAE;IAC3D,MAAM,EAAEC,eAAe,CAAA,EAAEC,YAAY,CAAA,EAAEC,eAAe,CAAA,EAAEC,kBAAkB,CAAA,EAAE,GAAGJ,KAAK,AAAC;IACrF,MAAM,EAAEK,IAAI,CAAA,EAAE,GAAGJ,eAAe,CAACK,IAAI,CAACC,MAAM,AAAC;IAC7C,MAAM,EAAEC,IAAI,EAAED,MAAM,CAAA,EAAEE,SAAS,CAAA,EAAEC,KAAK,CAAA,EAAE,GAAGd,SAAS,CAAC,OAAO,EAAES,IAAI,CAAC,AAAC;IAEpE,IAAIK,KAAK,EAAE;QACT,qBAAO,KAAChB,UAAU;YAACgB,KAAK,EAAEA,KAAK;UAAI,CAAC;IACtC,CAAC;IAED,iCAAiC;IACjC,IAAID,SAAS,EAAE;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAIF,MAAM,KAAKI,SAAS,EAAE;QACxB,MAAM,IAAIC,KAAK,CAAC,CAAC,mDAAmD,EAAEP,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACjF,CAAC;IAED,MAAM,EAAEQ,4BAA4B,CAAA,EAAEC,eAAe,CAAA,EAAE,GAAGP,MAAM,AAAe,AAAC;IAChF,IAAIQ,IAAI,GAAmC,EAAE,AAAC;IAE9C,IAAI,CAACD,eAAe,EAAE;YAIuBb,QAA4B;QAHvE,6FAA6F;QAC7Fc,IAAI,CAACC,IAAI,CAAC;YACRC,KAAK,EAAE,OAAO;YACdC,OAAO,gBAAE,KAACpB,qBAAqB;gBAACqB,OAAO,EAAElB,CAAAA,QAA4B,GAA5BA,eAAe,CAACK,IAAI,CAACa,OAAO,cAA5BlB,QAA4B,cAA5BA,QAA4B,GAAI,EAAE;gBAAEmB,QAAQ,EAAEjB,eAAe;cAAI;SAC3G,CAAC,CAAC;IACL,CAAC;IAED,IAAIU,4BAA4B,KAAKF,SAAS,EAAE;QAC9CI,IAAI,GAAGA,IAAI,CAACM,MAAM,CAChBR,4BAA4B,CAACS,GAAG,CAAC,CAAC,EAAEL,KAAK,CAAA,EAAEC,OAAO,EAAEK,sBAAsB,CAAA,EAAE,GAAM,CAAA;gBAChFN,KAAK;gBACLC,OAAO,gBAAE,KAACK,sBAAsB;oBAACC,KAAK,EAAEvB,eAAe,CAACK,IAAI,CAACC,MAAM,CAACD,IAAI;oBAAEc,QAAQ,EAAEhB,kBAAkB;kBAAI;aAC3G,CAAA,AAAC,CAAC,CACJ,CAAC;IACJ,CAAC;IAED,qCAAqC;IACrCW,IAAI,CAACC,IAAI,CAAC;QAAEC,KAAK,EAAE,MAAM;QAAEC,OAAO,gBAAE,KAACvB,UAAU;YAAC6B,KAAK,EAAEvB,eAAe;YAAEmB,QAAQ,EAAElB,YAAY;UAAI;KAAE,CAAC,CAAC;IAEtG,qBAAO,KAACL,iBAAiB;QAAmBkB,IAAI,EAAEA,IAAI;OAAvBA,IAAI,CAACU,MAAM,CAAgB,CAAC;AAC7D,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './PanelSpecEditor';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PanelSpecEditor/index.tsx"],"names":[],"mappings":"AAaA,cAAc,mBAAmB,CAAC"}

package/dist/components/PanelSpecEditor/index.js

@@ -0,0 +1,15 @@
+// Copyright 2023 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+export * from './PanelSpecEditor';
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/PanelSpecEditor/index.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './PanelSpecEditor';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,mBAAmB,CAAC"}