@perses-dev/plugin-system 0.0.0-snapshot-color-palette-gen-test-0ebddd6 → 0.0.0-snapshot-saving-defaults-refinements-1b25cec

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/WithPluginRegistry.js

@@ -0,0 +1,95 @@
+// 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");
+const _pluginJson = /*#__PURE__*/ _interopRequireDefault(require("@perses-dev/prometheus-plugin/plugin.json"));
+const _pluginJson1 = /*#__PURE__*/ _interopRequireDefault(require("@perses-dev/panels-plugin/plugin.json"));
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+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;
+}
+const bundledPluginLoader = (0, _pluginSystem.dynamicImportPluginLoader)([
+    {
+        resource: _pluginJson.default,
+        // 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: _pluginJson1.default,
+        // 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/WithPluginSystemDatasourceStore.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, "WithPluginSystemDatasourceStore", {
+    enumerable: true,
+    get: ()=>WithPluginSystemDatasourceStore
+});
+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 WithPluginSystemDatasourceStore = (Story, context)=>{
+    const { getPlugin  } = (0, _pluginSystem.usePluginRegistry)();
+    const initParameter = context.parameters.withPluginSystemDatasourceStore;
+    // 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/WithPluginSystemTemplateVariables.js

@@ -0,0 +1,40 @@
+// 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, "WithPluginSystemTemplateVariables", {
+    enumerable: true,
+    get: ()=>WithPluginSystemTemplateVariables
+});
+const _jsxRuntime = require("react/jsx-runtime");
+const _runtime = require("../../../runtime");
+// Type guard because storybook types parameters as `any`
+function isWithTemplateVariableParameter(parameter) {
+    return !!parameter && typeof parameter === 'object' && 'props' in parameter;
+}
+const WithPluginSystemTemplateVariables = (Story, context)=>{
+    const initParameter = context.parameters.withPluginSystemTemplateVariables;
+    const defaultValue = {
+        state: {}
+    };
+    const parameter = isWithTemplateVariableParameter(initParameter) ? initParameter : {
+        props: defaultValue
+    };
+    const props = parameter === null || parameter === void 0 ? void 0 : parameter.props;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_runtime.TemplateVariableContext.Provider, {
+        value: props,
+        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,32 @@
+// 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("./WithPluginRegistry"), exports);
+_exportStar(require("./WithPluginSystemDatasourceStore"), exports);
+_exportStar(require("./WithPluginSystemTemplateVariables"), 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