@perses-dev/plugin-system 0.29.1 → 0.31.0

package/dist/cjs/components/PluginEditor/PluginEditor.js

@@ -20,8 +20,8 @@ Object.defineProperty(exports, "PluginEditor", {
 });
 const _jsxRuntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
-const _pluginKindSelect = require("../PluginKindSelect/PluginKindSelect");
-const _pluginSpecEditor = require("../PluginSpecEditor/PluginSpecEditor");
+const _pluginKindSelect = require("../PluginKindSelect");
+const _pluginSpecEditor = require("../PluginSpecEditor");
 const _pluginEditorApi = require("./plugin-editor-api");
 function PluginEditor(props) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars

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/components/PluginEditor/PluginEditor.js

@@ -12,8 +12,8 @@
 // limitations under the License.
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, FormControl, FormHelperText, InputLabel } from '@mui/material';
-import { PluginKindSelect } from '../PluginKindSelect/PluginKindSelect';
-import { PluginSpecEditor } from '../PluginSpecEditor/PluginSpecEditor';
+import { PluginKindSelect } from '../PluginKindSelect';
+import { PluginSpecEditor } from '../PluginSpecEditor';
 import { usePluginEditor } from './plugin-editor-api';
 /**
  * A combination `PluginKindSelect` and `PluginSpecEditor` component. This is meant for editing the `plugin` property

package/dist/components/PluginEditor/PluginEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PluginEditor/PluginEditor.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 { Box, FormControl, FormHelperText, InputLabel } from '@mui/material';\nimport { PluginKindSelect } from '../PluginKindSelect/PluginKindSelect';\nimport { PluginSpecEditor } from '../PluginSpecEditor/PluginSpecEditor';\nimport { PluginEditorProps, usePluginEditor } from './plugin-editor-api';\n\n/**\n * A combination `PluginKindSelect` and `PluginSpecEditor` component. This is meant for editing the `plugin` property\n * that's common in our JSON specs where a user selects a plugin `kind` and then edits the `spec` via that plugin's\n * editor component. It takes care of transitioning from one plugin kind to another \"all at once\" so that when the\n * plugin's kind changes, the spec is also changed at the same time so those options editor components don't see a\n * previous plugin's spec state. If you just want this behavior, but in a different UI layout from this, try the\n * `usePluginEditor` hook that powers this component.\n */\nexport function PluginEditor(props: PluginEditorProps) {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { value, pluginType, pluginKindLabel, onChange: _, ...others } = props;\n  const { pendingKind, isLoading, error, onKindChange, onSpecChange } = usePluginEditor(props);\n  return (\n    <Box {...others}>\n      <FormControl margin=\"dense\" fullWidth={false} disabled={isLoading} error={error !== null} sx={{ mb: 1 }}>\n        {/* TODO: How to ensure ids are unique? */}\n        <InputLabel id=\"plugin-kind-label\">{pluginKindLabel}</InputLabel>\n        <PluginKindSelect\n          labelId=\"plugin-kind-label\"\n          label={pluginKindLabel}\n          pluginType={pluginType}\n          value={pendingKind !== '' ? pendingKind : value.kind}\n          onChange={onKindChange}\n        />\n        <FormHelperText>{error?.message ?? ''}</FormHelperText>\n      </FormControl>\n      <PluginSpecEditor pluginType={pluginType} pluginKind={value.kind} value={value.spec} onChange={onSpecChange} />\n    </Box>\n  );\n}\n"],"names":["Box","FormControl","FormHelperText","InputLabel","PluginKindSelect","PluginSpecEditor","usePluginEditor","PluginEditor","props","value","pluginType","pluginKindLabel","onChange","_","others","pendingKind","isLoading","error","onKindChange","onSpecChange","margin","fullWidth","disabled","sx","mb","id","labelId","label","kind","message","pluginKind","spec"],"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,GAAG,EAAEC,WAAW,EAAEC,cAAc,EAAEC,UAAU,QAAQ,eAAe,CAAC;AAC7E,SAASC,gBAAgB,QAAQ,sCAAsC,CAAC;AACxE,SAASC,gBAAgB,QAAQ,sCAAsC,CAAC;AACxE,SAA4BC,eAAe,QAAQ,qBAAqB,CAAC;AAEzE;;;;;;;CAOC,GACD,OAAO,SAASC,YAAY,CAACC,KAAwB,EAAE;IACrD,6DAA6D;IAC7D,MAAM,EAAEC,KAAK,CAAA,EAAEC,UAAU,CAAA,EAAEC,eAAe,CAAA,EAAEC,QAAQ,EAAEC,CAAC,CAAA,EAAE,GAAGC,MAAM,EAAE,GAAGN,KAAK,AAAC;IAC7E,MAAM,EAAEO,WAAW,CAAA,EAAEC,SAAS,CAAA,EAAEC,KAAK,CAAA,EAAEC,YAAY,CAAA,EAAEC,YAAY,CAAA,EAAE,GAAGb,eAAe,CAACE,KAAK,CAAC,AAAC;QAatES,GAAc;IAZrC,qBACE,MAACjB,GAAG;QAAE,GAAGc,MAAM;;0BACb,MAACb,WAAW;gBAACmB,MAAM,EAAC,OAAO;gBAACC,SAAS,EAAE,KAAK;gBAAEC,QAAQ,EAAEN,SAAS;gBAAEC,KAAK,EAAEA,KAAK,KAAK,IAAI;gBAAEM,EAAE,EAAE;oBAAEC,EAAE,EAAE,CAAC;iBAAE;;kCAErG,KAACrB,UAAU;wBAACsB,EAAE,EAAC,mBAAmB;kCAAEd,eAAe;sBAAc;kCACjE,KAACP,gBAAgB;wBACfsB,OAAO,EAAC,mBAAmB;wBAC3BC,KAAK,EAAEhB,eAAe;wBACtBD,UAAU,EAAEA,UAAU;wBACtBD,KAAK,EAAEM,WAAW,KAAK,EAAE,GAAGA,WAAW,GAAGN,KAAK,CAACmB,IAAI;wBACpDhB,QAAQ,EAAEM,YAAY;sBACtB;kCACF,KAAChB,cAAc;kCAAEe,CAAAA,GAAc,GAAdA,KAAK,aAALA,KAAK,WAAS,GAAdA,KAAAA,CAAc,GAAdA,KAAK,CAAEY,OAAO,cAAdZ,GAAc,cAAdA,GAAc,GAAI,EAAE;sBAAkB;;cAC3C;0BACd,KAACZ,gBAAgB;gBAACK,UAAU,EAAEA,UAAU;gBAAEoB,UAAU,EAAErB,KAAK,CAACmB,IAAI;gBAAEnB,KAAK,EAAEA,KAAK,CAACsB,IAAI;gBAAEnB,QAAQ,EAAEO,YAAY;cAAI;;MAC3G,CACN;AACJ,CAAC"}
+{"version":3,"sources":["../../../src/components/PluginEditor/PluginEditor.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 { Box, FormControl, FormHelperText, InputLabel } from '@mui/material';\nimport { PluginKindSelect } from '../PluginKindSelect';\nimport { PluginSpecEditor } from '../PluginSpecEditor';\nimport { PluginEditorProps, usePluginEditor } from './plugin-editor-api';\n\n/**\n * A combination `PluginKindSelect` and `PluginSpecEditor` component. This is meant for editing the `plugin` property\n * that's common in our JSON specs where a user selects a plugin `kind` and then edits the `spec` via that plugin's\n * editor component. It takes care of transitioning from one plugin kind to another \"all at once\" so that when the\n * plugin's kind changes, the spec is also changed at the same time so those options editor components don't see a\n * previous plugin's spec state. If you just want this behavior, but in a different UI layout from this, try the\n * `usePluginEditor` hook that powers this component.\n */\nexport function PluginEditor(props: PluginEditorProps) {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { value, pluginType, pluginKindLabel, onChange: _, ...others } = props;\n  const { pendingKind, isLoading, error, onKindChange, onSpecChange } = usePluginEditor(props);\n  return (\n    <Box {...others}>\n      <FormControl margin=\"dense\" fullWidth={false} disabled={isLoading} error={error !== null} sx={{ mb: 1 }}>\n        {/* TODO: How to ensure ids are unique? */}\n        <InputLabel id=\"plugin-kind-label\">{pluginKindLabel}</InputLabel>\n        <PluginKindSelect\n          labelId=\"plugin-kind-label\"\n          label={pluginKindLabel}\n          pluginType={pluginType}\n          value={pendingKind !== '' ? pendingKind : value.kind}\n          onChange={onKindChange}\n        />\n        <FormHelperText>{error?.message ?? ''}</FormHelperText>\n      </FormControl>\n      <PluginSpecEditor pluginType={pluginType} pluginKind={value.kind} value={value.spec} onChange={onSpecChange} />\n    </Box>\n  );\n}\n"],"names":["Box","FormControl","FormHelperText","InputLabel","PluginKindSelect","PluginSpecEditor","usePluginEditor","PluginEditor","props","value","pluginType","pluginKindLabel","onChange","_","others","pendingKind","isLoading","error","onKindChange","onSpecChange","margin","fullWidth","disabled","sx","mb","id","labelId","label","kind","message","pluginKind","spec"],"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,GAAG,EAAEC,WAAW,EAAEC,cAAc,EAAEC,UAAU,QAAQ,eAAe,CAAC;AAC7E,SAASC,gBAAgB,QAAQ,qBAAqB,CAAC;AACvD,SAASC,gBAAgB,QAAQ,qBAAqB,CAAC;AACvD,SAA4BC,eAAe,QAAQ,qBAAqB,CAAC;AAEzE;;;;;;;CAOC,GACD,OAAO,SAASC,YAAY,CAACC,KAAwB,EAAE;IACrD,6DAA6D;IAC7D,MAAM,EAAEC,KAAK,CAAA,EAAEC,UAAU,CAAA,EAAEC,eAAe,CAAA,EAAEC,QAAQ,EAAEC,CAAC,CAAA,EAAE,GAAGC,MAAM,EAAE,GAAGN,KAAK,AAAC;IAC7E,MAAM,EAAEO,WAAW,CAAA,EAAEC,SAAS,CAAA,EAAEC,KAAK,CAAA,EAAEC,YAAY,CAAA,EAAEC,YAAY,CAAA,EAAE,GAAGb,eAAe,CAACE,KAAK,CAAC,AAAC;QAatES,GAAc;IAZrC,qBACE,MAACjB,GAAG;QAAE,GAAGc,MAAM;;0BACb,MAACb,WAAW;gBAACmB,MAAM,EAAC,OAAO;gBAACC,SAAS,EAAE,KAAK;gBAAEC,QAAQ,EAAEN,SAAS;gBAAEC,KAAK,EAAEA,KAAK,KAAK,IAAI;gBAAEM,EAAE,EAAE;oBAAEC,EAAE,EAAE,CAAC;iBAAE;;kCAErG,KAACrB,UAAU;wBAACsB,EAAE,EAAC,mBAAmB;kCAAEd,eAAe;sBAAc;kCACjE,KAACP,gBAAgB;wBACfsB,OAAO,EAAC,mBAAmB;wBAC3BC,KAAK,EAAEhB,eAAe;wBACtBD,UAAU,EAAEA,UAAU;wBACtBD,KAAK,EAAEM,WAAW,KAAK,EAAE,GAAGA,WAAW,GAAGN,KAAK,CAACmB,IAAI;wBACpDhB,QAAQ,EAAEM,YAAY;sBACtB;kCACF,KAAChB,cAAc;kCAAEe,CAAAA,GAAc,GAAdA,KAAK,aAALA,KAAK,WAAS,GAAdA,KAAAA,CAAc,GAAdA,KAAK,CAAEY,OAAO,cAAdZ,GAAc,cAAdA,GAAc,GAAI,EAAE;sBAAkB;;cAC3C;0BACd,KAACZ,gBAAgB;gBAACK,UAAU,EAAEA,UAAU;gBAAEoB,UAAU,EAAErB,KAAK,CAACmB,IAAI;gBAAEnB,KAAK,EAAEA,KAAK,CAACsB,IAAI;gBAAEnB,QAAQ,EAAEO,YAAY;cAAI;;MAC3G,CACN;AACJ,CAAC"}

package/dist/stories/shared-utils/decorators/WithDataQueries.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { DataQueriesProviderProps } from '@perses-dev/plugin-system';
+import { StoryFn, StoryContext } from '@storybook/react';
+declare module '@storybook/react' {
+    interface Parameters {
+        withDataQueries?: WithDataQueriesProvideParameter;
+    }
+}
+export declare type WithDataQueriesProvideParameter = {
+    props: DataQueriesProviderProps;
+};
+export declare const WithDataQueries: (Story: StoryFn, context: StoryContext<unknown>) => JSX.Element;
+//# sourceMappingURL=WithDataQueries.d.ts.map

package/dist/stories/shared-utils/decorators/WithDataQueries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithDataQueries.d.ts","sourceRoot":"","sources":["../../../../src/stories/shared-utils/decorators/WithDataQueries.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAuB,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAC1F,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,QAAQ,kBAAkB,CAAC;IAChC,UAAU,UAAU;QAClB,eAAe,CAAC,EAAE,+BAA+B,CAAC;KACnD;CACF;AAED,oBAAY,+BAA+B,GAAG;IAC5C,KAAK,EAAE,wBAAwB,CAAC;CACjC,CAAC;AASF,eAAO,MAAM,eAAe,UAAW,OAAO,WAAW,aAAa,OAAO,CAAC,gBAY7E,CAAC"}

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

@@ -0,0 +1,33 @@
+// 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 { DataQueriesProvider } from '@perses-dev/plugin-system';
+// Type guard because storybook types parameters as `any`
+function isWithDataQueriesParameter(parameter) {
+    return !!parameter && typeof parameter === 'object' && 'props' in parameter;
+}
+export 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__*/ _jsx(DataQueriesProvider, {
+        ...props,
+        children: /*#__PURE__*/ _jsx(Story, {})
+    });
+};
+
+//# sourceMappingURL=WithDataQueries.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/stories/shared-utils/decorators/WithDataQueries.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 { Definition, UnknownSpec } from '@perses-dev/core';\nimport { DataQueriesProvider, DataQueriesProviderProps } from '@perses-dev/plugin-system';\nimport { StoryFn, StoryContext } from '@storybook/react';\n\ndeclare module '@storybook/react' {\n  interface Parameters {\n    withDataQueries?: WithDataQueriesProvideParameter;\n  }\n}\n\nexport type WithDataQueriesProvideParameter = {\n  props: DataQueriesProviderProps;\n};\n\n// Type guard because storybook types parameters as `any`\nfunction isWithDataQueriesParameter(\n  parameter: unknown | WithDataQueriesProvideParameter\n): parameter is WithDataQueriesProvideParameter {\n  return !!parameter && typeof parameter === 'object' && 'props' in parameter;\n}\n\nexport const WithDataQueries = (Story: StoryFn, context: StoryContext<unknown>) => {\n  const initParameter = context.parameters.withDataQueries;\n  const parameter = isWithDataQueriesParameter(initParameter)\n    ? initParameter\n    : { props: { definitions: [] as Array<Definition<UnknownSpec>> } };\n  const props = parameter?.props;\n\n  return (\n    <DataQueriesProvider {...props}>\n      <Story />\n    </DataQueriesProvider>\n  );\n};\n"],"names":["DataQueriesProvider","isWithDataQueriesParameter","parameter","WithDataQueries","Story","context","initParameter","parameters","withDataQueries","props","definitions"],"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;AACA,SAASA,mBAAmB,QAAkC,2BAA2B,CAAC;AAa1F,yDAAyD;AACzD,SAASC,0BAA0B,CACjCC,SAAoD,EACN;IAC9C,OAAO,CAAC,CAACA,SAAS,IAAI,OAAOA,SAAS,KAAK,QAAQ,IAAI,OAAO,IAAIA,SAAS,CAAC;AAC9E,CAAC;AAED,OAAO,MAAMC,eAAe,GAAG,CAACC,KAAc,EAAEC,OAA8B,GAAK;IACjF,MAAMC,aAAa,GAAGD,OAAO,CAACE,UAAU,CAACC,eAAe,AAAC;IACzD,MAAMN,SAAS,GAAGD,0BAA0B,CAACK,aAAa,CAAC,GACvDA,aAAa,GACb;QAAEG,KAAK,EAAE;YAAEC,WAAW,EAAE,EAAE;SAAoC;KAAE,AAAC;IACrE,MAAMD,KAAK,GAAGP,SAAS,aAATA,SAAS,WAAO,GAAhBA,KAAAA,CAAgB,GAAhBA,SAAS,CAAEO,KAAK,AAAC;IAE/B,qBACE,KAACT,mBAAmB;QAAE,GAAGS,KAAK;kBAC5B,cAAA,KAACL,KAAK,KAAG;MACW,CACtB;AACJ,CAAC,CAAC"}

package/dist/stories/shared-utils/decorators/WithPluginRegistry.d.ts

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

package/dist/stories/shared-utils/decorators/WithPluginRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithPluginRegistry.d.ts","sourceRoot":"","sources":["../../../../src/stories/shared-utils/decorators/WithPluginRegistry.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AA8B3C,eAAO,MAAM,kBAAkB,UAAW,OAAO,gBAShD,CAAC"}

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

@@ -0,0 +1,45 @@
+// 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 { PluginRegistry, dynamicImportPluginLoader } from '@perses-dev/plugin-system';
+import prometheusResource from '@perses-dev/prometheus-plugin/plugin.json';
+import panelsResource from '@perses-dev/panels-plugin/plugin.json';
+const bundledPluginLoader = 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: ()=>import('@perses-dev/prometheus-plugin')
+    },
+    {
+        resource: panelsResource,
+        // Same comment as above.
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        importPlugin: ()=>import('@perses-dev/panels-plugin')
+    }
+]);
+export const WithPluginRegistry = (Story)=>{
+    return /*#__PURE__*/ _jsx(PluginRegistry, {
+        pluginLoader: bundledPluginLoader,
+        defaultPluginKinds: {
+            TimeSeriesQuery: 'PrometheusTimeSeriesQuery'
+        },
+        children: /*#__PURE__*/ _jsx(Story, {})
+    });
+};
+
+//# sourceMappingURL=WithPluginRegistry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/stories/shared-utils/decorators/WithPluginRegistry.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 { StoryFn } from '@storybook/react';\nimport {\n  PluginRegistry,\n  PluginLoader,\n  PluginModuleResource,\n  dynamicImportPluginLoader,\n} from '@perses-dev/plugin-system';\n\nimport prometheusResource from '@perses-dev/prometheus-plugin/plugin.json';\nimport panelsResource from '@perses-dev/panels-plugin/plugin.json';\n\nconst bundledPluginLoader: PluginLoader = dynamicImportPluginLoader([\n  {\n    resource: prometheusResource as PluginModuleResource,\n    // This throws an error in CI (but not locally for some reason), likely because\n    // this package isn't a dependency for dashboards. We probably do not want to\n    // make it one solely for type-checking in storybook.\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    importPlugin: () => import('@perses-dev/prometheus-plugin'),\n  },\n  {\n    resource: panelsResource as PluginModuleResource,\n    // Same comment as above.\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    importPlugin: () => import('@perses-dev/panels-plugin'),\n  },\n]);\n\nexport const WithPluginRegistry = (Story: StoryFn) => {\n  return (\n    <PluginRegistry\n      pluginLoader={bundledPluginLoader}\n      defaultPluginKinds={{ TimeSeriesQuery: 'PrometheusTimeSeriesQuery' }}\n    >\n      <Story />\n    </PluginRegistry>\n  );\n};\n"],"names":["PluginRegistry","dynamicImportPluginLoader","prometheusResource","panelsResource","bundledPluginLoader","resource","importPlugin","WithPluginRegistry","Story","pluginLoader","defaultPluginKinds","TimeSeriesQuery"],"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;AACA,SACEA,cAAc,EAGdC,yBAAyB,QACpB,2BAA2B,CAAC;AAEnC,OAAOC,kBAAkB,MAAM,2CAA2C,CAAC;AAC3E,OAAOC,cAAc,MAAM,uCAAuC,CAAC;AAEnE,MAAMC,mBAAmB,GAAiBH,yBAAyB,CAAC;IAClE;QACEI,QAAQ,EAAEH,kBAAkB;QAC5B,+EAA+E;QAC/E,6EAA6E;QAC7E,qDAAqD;QACrD,6DAA6D;QAC7D,aAAa;QACbI,YAAY,EAAE,IAAM,MAAM,CAAC,+BAA+B,CAAC;KAC5D;IACD;QACED,QAAQ,EAAEF,cAAc;QACxB,yBAAyB;QACzB,6DAA6D;QAC7D,aAAa;QACbG,YAAY,EAAE,IAAM,MAAM,CAAC,2BAA2B,CAAC;KACxD;CACF,CAAC,AAAC;AAEH,OAAO,MAAMC,kBAAkB,GAAG,CAACC,KAAc,GAAK;IACpD,qBACE,KAACR,cAAc;QACbS,YAAY,EAAEL,mBAAmB;QACjCM,kBAAkB,EAAE;YAAEC,eAAe,EAAE,2BAA2B;SAAE;kBAEpE,cAAA,KAACH,KAAK,KAAG;MACM,CACjB;AACJ,CAAC,CAAC"}

package/dist/stories/shared-utils/decorators/WithPluginSystemDatasourceStore.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { DatasourceStore } from '@perses-dev/plugin-system';
+import { StoryFn, StoryContext } from '@storybook/react';
+declare module '@storybook/react' {
+    interface Parameters {
+        withPluginSystemDatasourceStore?: WithPluginSystemDatasourceStoreParameter;
+    }
+}
+export declare type WithPluginSystemDatasourceStoreParameter = {
+    props: DatasourceStore;
+};
+export declare const WithPluginSystemDatasourceStore: (Story: StoryFn, context: StoryContext<unknown>) => JSX.Element;
+//# sourceMappingURL=WithPluginSystemDatasourceStore.d.ts.map

package/dist/stories/shared-utils/decorators/WithPluginSystemDatasourceStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithPluginSystemDatasourceStore.d.ts","sourceRoot":"","sources":["../../../../src/stories/shared-utils/decorators/WithPluginSystemDatasourceStore.tsx"],"names":[],"mappings":";AAcA,OAAO,EAA0B,eAAe,EAAqB,MAAM,2BAA2B,CAAC;AACvG,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,QAAQ,kBAAkB,CAAC;IAChC,UAAU,UAAU;QAClB,+BAA+B,CAAC,EAAE,wCAAwC,CAAC;KAC5E;CACF;AAED,oBAAY,wCAAwC,GAAG;IACrD,KAAK,EAAE,eAAe,CAAC;CACxB,CAAC;AAaF,eAAO,MAAM,+BAA+B,UAAW,OAAO,WAAW,aAAa,OAAO,CAAC,gBAuD7F,CAAC"}

package/dist/stories/shared-utils/decorators/WithPluginSystemDatasourceStore.js

@@ -0,0 +1,79 @@
+// 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 { DatasourceStoreContext, usePluginRegistry } from '@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;
+}
+// This decorator includes "PluginSystem" in the name to differentiate it from
+// the datasource store decorator in the `dashboards` package.
+export const WithPluginSystemDatasourceStore = (Story, context)=>{
+    const { getPlugin  } = 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__*/ _jsx(DatasourceStoreContext.Provider, {
+        value: props,
+        children: /*#__PURE__*/ _jsx(Story, {})
+    });
+};
+
+//# sourceMappingURL=WithPluginSystemDatasourceStore.js.map

package/dist/stories/shared-utils/decorators/WithPluginSystemDatasourceStore.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/stories/shared-utils/decorators/WithPluginSystemDatasourceStore.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 { DatasourceSelector } from '@perses-dev/core';\nimport { DatasourceStoreContext, DatasourceStore, usePluginRegistry } from '@perses-dev/plugin-system';\nimport { StoryFn, StoryContext } from '@storybook/react';\n\ndeclare module '@storybook/react' {\n  interface Parameters {\n    withPluginSystemDatasourceStore?: WithPluginSystemDatasourceStoreParameter;\n  }\n}\n\nexport type WithPluginSystemDatasourceStoreParameter = {\n  props: DatasourceStore;\n};\n\nconst prometheusDemoUrl = 'https://prometheus.demo.do.prometheus.io';\n\n// Type guard because storybook types parameters as `any`\nfunction isWithDatastoreStoreParameter(\n  parameter: unknown | WithPluginSystemDatasourceStoreParameter\n): parameter is WithPluginSystemDatasourceStoreParameter {\n  return !!parameter && typeof parameter === 'object' && 'props' in parameter;\n}\n\n// This decorator includes \"PluginSystem\" in the name to differentiate it from\n// the datasource store decorator in the `dashboards` package.\nexport const WithPluginSystemDatasourceStore = (Story: StoryFn, context: StoryContext<unknown>) => {\n  const { getPlugin } = usePluginRegistry();\n\n  const initParameter = context.parameters.withPluginSystemDatasourceStore;\n\n  // This currently provides a very simplified default to enable use in some\n  // basic stories. It likely will need expanding in the future.\n  // In general, `plugin-system` would probably benefit from a provider wrapper\n  // for `DatasourceStoreContext` that is more generic than the one available\n  // in in the `dashboard` package for non-dashboard use cases.\n  const defaultValue: DatasourceStore = {\n    getDatasource: (selector) => {\n      if (selector.kind === 'PrometheusDatasource') {\n        return Promise.resolve({\n          default: true,\n          plugin: {\n            kind: 'PrometheusDatasource',\n            spec: {},\n          },\n        });\n      }\n      throw new Error(`WithDatasourceStore is not configured to support kind: ${selector.kind}`);\n    },\n    getDatasourceClient: async <Client,>(selector: DatasourceSelector) => {\n      if (selector.kind === 'PrometheusDatasource') {\n        const plugin = await getPlugin('Datasource', 'PrometheusDatasource');\n        const client = plugin.createClient(\n          { direct_url: prometheusDemoUrl },\n          { proxyUrl: prometheusDemoUrl }\n        ) as Client;\n        return client;\n      }\n      throw new Error(`WithDatasourceStore is not configured to support kind: ${selector.kind}`);\n    },\n    listDatasourceMetadata: async (datasourcePluginKind) => {\n      if (datasourcePluginKind === 'PrometheusDatasource') {\n        return Promise.resolve([\n          {\n            name: 'PrometheusDatasource',\n            selector: { kind: 'PrometheusDatasource' },\n          },\n        ]);\n      }\n      throw new Error(`WithDatasourceStore is not configured to support kind: ${datasourcePluginKind}`);\n    },\n  };\n\n  const parameter = isWithDatastoreStoreParameter(initParameter) ? initParameter : { props: defaultValue };\n  const props = parameter?.props;\n\n  return (\n    <DatasourceStoreContext.Provider value={props}>\n      <Story />\n    </DatasourceStoreContext.Provider>\n  );\n};\n"],"names":["DatasourceStoreContext","usePluginRegistry","prometheusDemoUrl","isWithDatastoreStoreParameter","parameter","WithPluginSystemDatasourceStore","Story","context","getPlugin","initParameter","parameters","withPluginSystemDatasourceStore","defaultValue","getDatasource","selector","kind","Promise","resolve","default","plugin","spec","Error","getDatasourceClient","client","createClient","direct_url","proxyUrl","listDatasourceMetadata","datasourcePluginKind","name","props","Provider","value"],"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;AACA,SAASA,sBAAsB,EAAmBC,iBAAiB,QAAQ,2BAA2B,CAAC;AAavG,MAAMC,iBAAiB,GAAG,0CAA0C,AAAC;AAErE,yDAAyD;AACzD,SAASC,6BAA6B,CACpCC,SAA6D,EACN;IACvD,OAAO,CAAC,CAACA,SAAS,IAAI,OAAOA,SAAS,KAAK,QAAQ,IAAI,OAAO,IAAIA,SAAS,CAAC;AAC9E,CAAC;AAED,8EAA8E;AAC9E,8DAA8D;AAC9D,OAAO,MAAMC,+BAA+B,GAAG,CAACC,KAAc,EAAEC,OAA8B,GAAK;IACjG,MAAM,EAAEC,SAAS,CAAA,EAAE,GAAGP,iBAAiB,EAAE,AAAC;IAE1C,MAAMQ,aAAa,GAAGF,OAAO,CAACG,UAAU,CAACC,+BAA+B,AAAC;IAEzE,0EAA0E;IAC1E,8DAA8D;IAC9D,6EAA6E;IAC7E,2EAA2E;IAC3E,6DAA6D;IAC7D,MAAMC,YAAY,GAAoB;QACpCC,aAAa,EAAE,CAACC,QAAQ,GAAK;YAC3B,IAAIA,QAAQ,CAACC,IAAI,KAAK,sBAAsB,EAAE;gBAC5C,OAAOC,OAAO,CAACC,OAAO,CAAC;oBACrBC,OAAO,EAAE,IAAI;oBACbC,MAAM,EAAE;wBACNJ,IAAI,EAAE,sBAAsB;wBAC5BK,IAAI,EAAE,EAAE;qBACT;iBACF,CAAC,CAAC;YACL,CAAC;YACD,MAAM,IAAIC,KAAK,CAAC,CAAC,uDAAuD,EAAEP,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC7F,CAAC;QACDO,mBAAmB,EAAE,OAAgBR,QAA4B,GAAK;YACpE,IAAIA,QAAQ,CAACC,IAAI,KAAK,sBAAsB,EAAE;gBAC5C,MAAMI,MAAM,GAAG,MAAMX,SAAS,CAAC,YAAY,EAAE,sBAAsB,CAAC,AAAC;gBACrE,MAAMe,MAAM,GAAGJ,MAAM,CAACK,YAAY,CAChC;oBAAEC,UAAU,EAAEvB,iBAAiB;iBAAE,EACjC;oBAAEwB,QAAQ,EAAExB,iBAAiB;iBAAE,CAChC,AAAU,AAAC;gBACZ,OAAOqB,MAAM,CAAC;YAChB,CAAC;YACD,MAAM,IAAIF,KAAK,CAAC,CAAC,uDAAuD,EAAEP,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC7F,CAAC;QACDY,sBAAsB,EAAE,OAAOC,oBAAoB,GAAK;YACtD,IAAIA,oBAAoB,KAAK,sBAAsB,EAAE;gBACnD,OAAOZ,OAAO,CAACC,OAAO,CAAC;oBACrB;wBACEY,IAAI,EAAE,sBAAsB;wBAC5Bf,QAAQ,EAAE;4BAAEC,IAAI,EAAE,sBAAsB;yBAAE;qBAC3C;iBACF,CAAC,CAAC;YACL,CAAC;YACD,MAAM,IAAIM,KAAK,CAAC,CAAC,uDAAuD,EAAEO,oBAAoB,CAAC,CAAC,CAAC,CAAC;QACpG,CAAC;KACF,AAAC;IAEF,MAAMxB,SAAS,GAAGD,6BAA6B,CAACM,aAAa,CAAC,GAAGA,aAAa,GAAG;QAAEqB,KAAK,EAAElB,YAAY;KAAE,AAAC;IACzG,MAAMkB,KAAK,GAAG1B,SAAS,aAATA,SAAS,WAAO,GAAhBA,KAAAA,CAAgB,GAAhBA,SAAS,CAAE0B,KAAK,AAAC;IAE/B,qBACE,KAAC9B,sBAAsB,CAAC+B,QAAQ;QAACC,KAAK,EAAEF,KAAK;kBAC3C,cAAA,KAACxB,KAAK,KAAG;MACuB,CAClC;AACJ,CAAC,CAAC"}

package/dist/stories/shared-utils/decorators/WithPluginSystemTemplateVariables.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { StoryFn, StoryContext } from '@storybook/react';
+import { TemplateVariableSrv } from '../../../runtime';
+declare module '@storybook/react' {
+    interface Parameters {
+        withPluginSystemTemplateVariables?: WithPluginSystemTemplateVariableParameter;
+    }
+}
+export declare type WithPluginSystemTemplateVariableParameter = {
+    props: TemplateVariableSrv;
+};
+export declare const WithPluginSystemTemplateVariables: (Story: StoryFn, context: StoryContext<unknown>) => JSX.Element;
+//# sourceMappingURL=WithPluginSystemTemplateVariables.d.ts.map

package/dist/stories/shared-utils/decorators/WithPluginSystemTemplateVariables.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithPluginSystemTemplateVariables.d.ts","sourceRoot":"","sources":["../../../../src/stories/shared-utils/decorators/WithPluginSystemTemplateVariables.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAA2B,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEhF,OAAO,QAAQ,kBAAkB,CAAC;IAChC,UAAU,UAAU;QAClB,iCAAiC,CAAC,EAAE,yCAAyC,CAAC;KAC/E;CACF;AAED,oBAAY,yCAAyC,GAAG;IACtD,KAAK,EAAE,mBAAmB,CAAC;CAC5B,CAAC;AAcF,eAAO,MAAM,iCAAiC,UAAW,OAAO,WAAW,aAAa,OAAO,CAAC,gBAc/F,CAAC"}

package/dist/stories/shared-utils/decorators/WithPluginSystemTemplateVariables.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.
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TemplateVariableContext } from '../../../runtime';
+// Type guard because storybook types parameters as `any`
+function isWithTemplateVariableParameter(parameter) {
+    return !!parameter && typeof parameter === 'object' && 'props' in parameter;
+}
+// This decorator is used for non-dashboards package template variable needs.
+// Use the more specific decorator in the dashboards package when working with
+// dashboards.
+// This decorator includes "PluginSystem" in the name to differentiate it from
+// the datasource store decorator in the `dashboards` package.
+export 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__*/ _jsx(TemplateVariableContext.Provider, {
+        value: props,
+        children: /*#__PURE__*/ _jsx(Story, {})
+    });
+};
+
+//# sourceMappingURL=WithPluginSystemTemplateVariables.js.map

package/dist/stories/shared-utils/decorators/WithPluginSystemTemplateVariables.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/stories/shared-utils/decorators/WithPluginSystemTemplateVariables.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 { StoryFn, StoryContext } from '@storybook/react';\nimport { TemplateVariableContext, TemplateVariableSrv } from '../../../runtime';\n\ndeclare module '@storybook/react' {\n  interface Parameters {\n    withPluginSystemTemplateVariables?: WithPluginSystemTemplateVariableParameter;\n  }\n}\n\nexport type WithPluginSystemTemplateVariableParameter = {\n  props: TemplateVariableSrv;\n};\n\n// Type guard because storybook types parameters as `any`\nfunction isWithTemplateVariableParameter(\n  parameter: unknown | WithPluginSystemTemplateVariableParameter\n): parameter is WithPluginSystemTemplateVariableParameter {\n  return !!parameter && typeof parameter === 'object' && 'props' in parameter;\n}\n\n// This decorator is used for non-dashboards package template variable needs.\n// Use the more specific decorator in the dashboards package when working with\n// dashboards.\n// This decorator includes \"PluginSystem\" in the name to differentiate it from\n// the datasource store decorator in the `dashboards` package.\nexport const WithPluginSystemTemplateVariables = (Story: StoryFn, context: StoryContext<unknown>) => {\n  const initParameter = context.parameters.withPluginSystemTemplateVariables;\n  const defaultValue: TemplateVariableSrv = {\n    state: {},\n  };\n  const parameter = isWithTemplateVariableParameter(initParameter) ? initParameter : { props: defaultValue };\n\n  const props = parameter?.props;\n\n  return (\n    <TemplateVariableContext.Provider value={props}>\n      <Story />\n    </TemplateVariableContext.Provider>\n  );\n};\n"],"names":["TemplateVariableContext","isWithTemplateVariableParameter","parameter","WithPluginSystemTemplateVariables","Story","context","initParameter","parameters","withPluginSystemTemplateVariables","defaultValue","state","props","Provider","value"],"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;AACA,SAASA,uBAAuB,QAA6B,kBAAkB,CAAC;AAYhF,yDAAyD;AACzD,SAASC,+BAA+B,CACtCC,SAA8D,EACN;IACxD,OAAO,CAAC,CAACA,SAAS,IAAI,OAAOA,SAAS,KAAK,QAAQ,IAAI,OAAO,IAAIA,SAAS,CAAC;AAC9E,CAAC;AAED,6EAA6E;AAC7E,8EAA8E;AAC9E,cAAc;AACd,8EAA8E;AAC9E,8DAA8D;AAC9D,OAAO,MAAMC,iCAAiC,GAAG,CAACC,KAAc,EAAEC,OAA8B,GAAK;IACnG,MAAMC,aAAa,GAAGD,OAAO,CAACE,UAAU,CAACC,iCAAiC,AAAC;IAC3E,MAAMC,YAAY,GAAwB;QACxCC,KAAK,EAAE,EAAE;KACV,AAAC;IACF,MAAMR,SAAS,GAAGD,+BAA+B,CAACK,aAAa,CAAC,GAAGA,aAAa,GAAG;QAAEK,KAAK,EAAEF,YAAY;KAAE,AAAC;IAE3G,MAAME,KAAK,GAAGT,SAAS,aAATA,SAAS,WAAO,GAAhBA,KAAAA,CAAgB,GAAhBA,SAAS,CAAES,KAAK,AAAC;IAE/B,qBACE,KAACX,uBAAuB,CAACY,QAAQ;QAACC,KAAK,EAAEF,KAAK;kBAC5C,cAAA,KAACP,KAAK,KAAG;MACwB,CACnC;AACJ,CAAC,CAAC"}

package/dist/stories/shared-utils/decorators/WithTimeRange.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { StoryFn, StoryContext } from '@storybook/react';
+import { TimeRangeProviderProps } from '@perses-dev/plugin-system';
+declare module '@storybook/react' {
+    interface Parameters {
+        withTimeRange?: WithTimeRangeParameter;
+    }
+}
+export declare type WithTimeRangeParameter = {
+    props: Partial<TimeRangeProviderProps>;
+};
+export declare const WithTimeRange: (Story: StoryFn, context: StoryContext<unknown>) => JSX.Element;
+//# sourceMappingURL=WithTimeRange.d.ts.map

package/dist/stories/shared-utils/decorators/WithTimeRange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithTimeRange.d.ts","sourceRoot":"","sources":["../../../../src/stories/shared-utils/decorators/WithTimeRange.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAqB,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEtF,OAAO,QAAQ,kBAAkB,CAAC;IAChC,UAAU,UAAU;QAClB,aAAa,CAAC,EAAE,sBAAsB,CAAC;KACxC;CACF;AAED,oBAAY,sBAAsB,GAAG;IACnC,KAAK,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;CACxC,CAAC;AAOF,eAAO,MAAM,aAAa,UAAW,OAAO,WAAW,aAAa,OAAO,CAAC,gBAU3E,CAAC"}

package/dist/stories/shared-utils/decorators/WithTimeRange.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.
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TimeRangeProvider } from '@perses-dev/plugin-system';
+// Type guard because storybook types parameters as `any`
+function isWithTimeRangeParameter(parameter) {
+    return !!parameter && typeof parameter === 'object' && 'props' in parameter;
+}
+export 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__*/ _jsx(TimeRangeProvider, {
+        initialTimeRange: {
+            pastDuration: '1h'
+        },
+        ...props,
+        children: /*#__PURE__*/ _jsx(Story, {})
+    });
+};
+
+//# sourceMappingURL=WithTimeRange.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/stories/shared-utils/decorators/WithTimeRange.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 { StoryFn, StoryContext } from '@storybook/react';\nimport { TimeRangeProvider, TimeRangeProviderProps } from '@perses-dev/plugin-system';\n\ndeclare module '@storybook/react' {\n  interface Parameters {\n    withTimeRange?: WithTimeRangeParameter;\n  }\n}\n\nexport type WithTimeRangeParameter = {\n  props: Partial<TimeRangeProviderProps>;\n};\n\n// Type guard because storybook types parameters as `any`\nfunction isWithTimeRangeParameter(parameter: unknown | WithTimeRangeParameter): parameter is WithTimeRangeParameter {\n  return !!parameter && typeof parameter === 'object' && 'props' in parameter;\n}\n\nexport const WithTimeRange = (Story: StoryFn, context: StoryContext<unknown>) => {\n  const initParameter = context.parameters.withTimeRange;\n  const parameter = isWithTimeRangeParameter(initParameter) ? initParameter : undefined;\n  const props = parameter?.props;\n\n  return (\n    <TimeRangeProvider initialTimeRange={{ pastDuration: '1h' }} {...props}>\n      <Story />\n    </TimeRangeProvider>\n  );\n};\n"],"names":["TimeRangeProvider","isWithTimeRangeParameter","parameter","WithTimeRange","Story","context","initParameter","parameters","withTimeRange","undefined","props","initialTimeRange","pastDuration"],"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;AACA,SAASA,iBAAiB,QAAgC,2BAA2B,CAAC;AAYtF,yDAAyD;AACzD,SAASC,wBAAwB,CAACC,SAA2C,EAAuC;IAClH,OAAO,CAAC,CAACA,SAAS,IAAI,OAAOA,SAAS,KAAK,QAAQ,IAAI,OAAO,IAAIA,SAAS,CAAC;AAC9E,CAAC;AAED,OAAO,MAAMC,aAAa,GAAG,CAACC,KAAc,EAAEC,OAA8B,GAAK;IAC/E,MAAMC,aAAa,GAAGD,OAAO,CAACE,UAAU,CAACC,aAAa,AAAC;IACvD,MAAMN,SAAS,GAAGD,wBAAwB,CAACK,aAAa,CAAC,GAAGA,aAAa,GAAGG,SAAS,AAAC;IACtF,MAAMC,KAAK,GAAGR,SAAS,aAATA,SAAS,WAAO,GAAhBA,KAAAA,CAAgB,GAAhBA,SAAS,CAAEQ,KAAK,AAAC;IAE/B,qBACE,KAACV,iBAAiB;QAACW,gBAAgB,EAAE;YAAEC,YAAY,EAAE,IAAI;SAAE;QAAG,GAAGF,KAAK;kBACpE,cAAA,KAACN,KAAK,KAAG;MACS,CACpB;AACJ,CAAC,CAAC"}

package/dist/stories/shared-utils/decorators/index.d.ts

@@ -0,0 +1,6 @@
+export * from './WithDataQueries';
+export * from './WithPluginRegistry';
+export * from './WithPluginSystemDatasourceStore';
+export * from './WithPluginSystemTemplateVariables';
+export * from './WithTimeRange';
+//# sourceMappingURL=index.d.ts.map

package/dist/stories/shared-utils/decorators/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/stories/shared-utils/decorators/index.ts"],"names":[],"mappings":"AAaA,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,iBAAiB,CAAC"}

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

@@ -0,0 +1,19 @@
+// 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 './WithDataQueries';
+export * from './WithPluginRegistry';
+export * from './WithPluginSystemDatasourceStore';
+export * from './WithPluginSystemTemplateVariables';
+export * from './WithTimeRange';
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/stories/shared-utils/decorators/index.ts"],"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 './WithDataQueries';\nexport * from './WithPluginRegistry';\nexport * from './WithPluginSystemDatasourceStore';\nexport * from './WithPluginSystemTemplateVariables';\nexport * from './WithTimeRange';\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;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,iBAAiB,CAAC"}

package/dist/stories/shared-utils/index.d.ts

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

package/dist/stories/shared-utils/index.d.ts.map

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

package/dist/stories/shared-utils/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 './decorators';
+
+//# sourceMappingURL=index.js.map

package/dist/stories/shared-utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/stories/shared-utils/index.ts"],"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 './decorators';\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,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/plugin-system",
-  "version": "0.29.1",
+  "version": "0.31.0",
   "description": "The plugin feature in Pereses",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/perses/blob/main/README.md",
@@ -28,12 +28,15 @@
     "lint:fix": "eslint --fix src --ext .ts,.tsx"
   },
   "dependencies": {
-    "@perses-dev/components": "0.29.1",
-    "@perses-dev/core": "0.29.1",
+    "@perses-dev/components": "0.31.0",
+    "@perses-dev/core": "0.31.0",
     "immer": "^9.0.15",
     "use-immer": "^0.7.0",
     "use-query-params": "^2.1.2"
   },
+  "devDependencies": {
+    "@perses-dev/storybook": "0.31.0"
+  },
   "peerDependencies": {
     "@mui/material": "^5.10.0",
     "@tanstack/react-query": "^4.7.1",