@perses-dev/plugin-system 0.0.0-snapshot-scatterplot-fix-imports-95e1b59 → 0.0.0-snapshot-explorer-plugin-c4a7621

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

@@ -22,75 +22,9 @@ Object.defineProperty(exports, "WithPluginRegistry", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _pluginsystem = require("@perses-dev/plugin-system");
-const _pluginjson = /*#__PURE__*/ _interop_require_default(require("@perses-dev/prometheus-plugin/plugin.json"));
-const _pluginjson1 = /*#__PURE__*/ _interop_require_default(require("@perses-dev/panels-plugin/plugin.json"));
-function _interop_require_default(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 _interop_require_wildcard(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 = {
-        __proto__: null
-    };
-    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__*/ _interop_require_wildcard(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__*/ _interop_require_wildcard(require("@perses-dev/panels-plugin")))
-    }
-]);
 const WithPluginRegistry = (Story)=>{
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.PluginRegistry, {
-        pluginLoader: bundledPluginLoader,
+        pluginLoader: (0, _pluginsystem.remotePluginLoader)(),
         defaultPluginKinds: {
             TimeSeriesQuery: 'PrometheusTimeSeriesQuery',
             TraceQuery: 'TempoTraceQuery'

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

@@ -34,7 +34,7 @@ const WithPluginSystemBuiltinVariables = (Story, context)=>{
     const parameter = isWithBuiltinVariableParameter(initParameter) ? initParameter : {
         props: defaultValue
     };
-    const props = parameter === null || parameter === void 0 ? void 0 : parameter.props;
+    const props = parameter?.props;
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_runtime.BuiltinVariableContext.Provider, {
         value: props,
         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Story, {})

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

@@ -60,8 +60,8 @@ const WithPluginSystemDatasourceStore = (Story, context)=>{
             }
             throw new Error(`WithDatasourceStore is not configured to support kind: ${selector.kind}`);
         },
-        listDatasourceSelectItems: async (datasourcePluginKind)=>{
-            if (datasourcePluginKind === 'PrometheusDatasource') {
+        listDatasourceSelectItems: async (datasourcePluginName)=>{
+            if (datasourcePluginName === 'PrometheusDatasource') {
                 return Promise.resolve([
                     {
                         items: [
@@ -75,7 +75,7 @@ const WithPluginSystemDatasourceStore = (Story, context)=>{
                     }
                 ]);
             }
-            throw new Error(`WithDatasourceStore is not configured to support kind: ${datasourcePluginKind}`);
+            throw new Error(`WithDatasourceStore is not configured to support kind: ${datasourcePluginName}`);
         },
         getSavedDatasources: ()=>{
             return {};
@@ -93,7 +93,7 @@ const WithPluginSystemDatasourceStore = (Story, context)=>{
     const parameter = isWithDatastoreStoreParameter(initParameter) ? initParameter : {
         props: defaultValue
     };
-    const props = parameter === null || parameter === void 0 ? void 0 : parameter.props;
+    const props = 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 → WithPluginSystemVariables.js}

@@ -1,4 +1,4 @@
-// Copyright 2023 The Perses Authors
+// Copyright 2024 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
@@ -14,28 +14,28 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "WithPluginSystemTemplateVariables", {
+Object.defineProperty(exports, "WithPluginSystemVariables", {
     enumerable: true,
     get: function() {
-        return WithPluginSystemTemplateVariables;
+        return WithPluginSystemVariables;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _runtime = require("../../../runtime");
 // Type guard because storybook types parameters as `any`
-function isWithTemplateVariableParameter(parameter) {
+function isWithVariableParameter(parameter) {
     return !!parameter && typeof parameter === 'object' && 'props' in parameter;
 }
-const WithPluginSystemTemplateVariables = (Story, context)=>{
-    const initParameter = context.parameters.withPluginSystemTemplateVariables;
+const WithPluginSystemVariables = (Story, context)=>{
+    const initParameter = context.parameters.withPluginSystemVariables;
     const defaultValue = {
         state: {}
     };
-    const parameter = isWithTemplateVariableParameter(initParameter) ? initParameter : {
+    const parameter = isWithVariableParameter(initParameter) ? initParameter : {
         props: defaultValue
     };
-    const props = parameter === null || parameter === void 0 ? void 0 : parameter.props;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_runtime.TemplateVariableContext.Provider, {
+    const props = parameter?.props;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_runtime.VariableContext.Provider, {
         value: props,
         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Story, {})
     });

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

@@ -29,7 +29,7 @@ function isWithTimeRangeParameter(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;
+    const props = parameter?.props;
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.TimeRangeProvider, {
         refreshInterval: "0s",
         timeRange: {

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

@@ -1,4 +1,4 @@
-// Copyright 2023 The Perses Authors
+// Copyright 2024 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
@@ -18,7 +18,7 @@ _export_star(require("./WithDataQueries"), exports);
 _export_star(require("./WithPluginRegistry"), exports);
 _export_star(require("./WithPluginSystemBuiltinVariables"), exports);
 _export_star(require("./WithPluginSystemDatasourceStore"), exports);
-_export_star(require("./WithPluginSystemTemplateVariables"), exports);
+_export_star(require("./WithPluginSystemVariables"), exports);
 _export_star(require("./WithTimeRange"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {

package/dist/cjs/test/mock-data.js

@@ -64,14 +64,35 @@ const MOCK_TIME_SERIES_DATA = {
     ]
 };
 const MOCK_TRACE_DATA = {
-    traces: [
+    searchResult: [
         {
             durationMs: 1120,
-            errorCount: 0,
-            spanCount: 10,
+            serviceStats: {
+                'shop-backend': {
+                    spanCount: 4,
+                    errorCount: 0
+                },
+                'cart-service': {
+                    spanCount: 2,
+                    errorCount: 0
+                },
+                'article-service': {
+                    spanCount: 2,
+                    errorCount: 0
+                },
+                'auth-service': {
+                    spanCount: 1,
+                    errorCount: 0
+                },
+                postgres: {
+                    spanCount: 1,
+                    errorCount: 0
+                }
+            },
             startTimeUnixMs: 1699916103945861,
             traceId: '95ba9202315c29c801b5aa41452aa775',
-            name: 'rootServiceName="shop-backend", rootTraceName="shop-backend"'
+            rootServiceName: 'shop-backend',
+            rootTraceName: 'article-to-cart'
         }
     ],
     metadata: {

package/dist/cjs/test/render.js

@@ -25,13 +25,6 @@ const _react = require("@testing-library/react");
 const _reactquery = require("@tanstack/react-query");
 const _PluginRegistry = require("../components/PluginRegistry");
 const _testplugins = require("./test-plugins");
-const testLogger = {
-    log: console.log,
-    warn: console.warn,
-    error: ()=>{
-    // Don't log network errors in tests to the console
-    }
-};
 function renderWithContext(ui, renderOptions, contextOptions) {
     // Create a new QueryClient for each test to avoid caching issues
     const queryClient = new _reactquery.QueryClient({
@@ -40,15 +33,13 @@ function renderWithContext(ui, renderOptions, contextOptions) {
                 refetchOnWindowFocus: false,
                 retry: false
             }
-        },
-        logger: testLogger
+        }
     });
-    var _contextOptions_defaultPluginKinds;
     return (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_reactquery.QueryClientProvider, {
         client: queryClient,
         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_PluginRegistry.PluginRegistry, {
             pluginLoader: _testplugins.testPluginLoader,
-            defaultPluginKinds: (_contextOptions_defaultPluginKinds = contextOptions === null || contextOptions === void 0 ? void 0 : contextOptions.defaultPluginKinds) !== null && _contextOptions_defaultPluginKinds !== void 0 ? _contextOptions_defaultPluginKinds : {
+            defaultPluginKinds: contextOptions?.defaultPluginKinds ?? {
                 TimeSeriesQuery: 'PrometheusTimeSeriesQuery'
             },
             children: ui

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

@@ -60,30 +60,31 @@ const BertPanel1 = {
             option1: ''
         })
 };
+function BertPanel2Editor({ value, onChange }) {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("label", {
+                htmlFor: "editor-input",
+                children: "BertPanel2 editor"
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
+                type: "text",
+                id: "editor-input",
+                value: value.option2,
+                onChange: (e)=>onChange({
+                        ...value,
+                        option2: e.target.value
+                    })
+            })
+        ]
+    });
+}
 const BertPanel2 = {
     PanelComponent: ()=>null,
     panelOptionsEditorComponents: [
         {
             label: 'Settings',
-            content: function BertPanel2Editor({ value, onChange }) {
-                return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("label", {
-                            htmlFor: "editor-input",
-                            children: "BertPanel2 editor"
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
-                            type: "text",
-                            id: "editor-input",
-                            value: value.option2,
-                            onChange: (e)=>onChange({
-                                    ...value,
-                                    option2: e.target.value
-                                })
-                        })
-                    ]
-                });
-            }
+            content: BertPanel2Editor
         },
         {
             label: 'Custom Tab',

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

@@ -33,17 +33,17 @@ function mockPluginRegistry(...mockPlugins) {
         kind: 'PluginModule',
         metadata: {
             name: 'Fake Plugin Module for Tests',
-            createdAt: '',
-            updatedAt: '',
-            version: 0
+            version: '0'
         },
         spec: {
             // Add metadata for all mock plugins
-            plugins: mockPlugins.map(({ pluginType, kind })=>({
-                    pluginType,
+            plugins: mockPlugins.map(({ kind, spec: { name } })=>({
                     kind,
-                    display: {
-                        name: getMockPluginName(pluginType, kind)
+                    spec: {
+                        name,
+                        display: {
+                            name: getMockPluginName(kind, name)
+                        }
                     }
                 }))
         }
@@ -51,7 +51,7 @@ function mockPluginRegistry(...mockPlugins) {
     const mockPluginModule = {};
     for (const mockPlugin of mockPlugins){
         // "Export" on the module under the same name as the kind the plugin handles
-        mockPluginModule[mockPlugin.kind] = mockPlugin.plugin;
+        mockPluginModule[mockPlugin.spec.name] = mockPlugin.plugin;
     }
     const pluginLoader = {
         getInstalledPlugins () {
@@ -70,6 +70,6 @@ function mockPluginRegistry(...mockPlugins) {
         }
     };
 }
-function getMockPluginName(pluginType, kind) {
-    return `${pluginType} Plugin for ${kind}`;
+function getMockPluginName(kind, name) {
+    return `${kind} Plugin for ${name}`;
 }

package/dist/cjs/utils/variables.js

@@ -1,4 +1,4 @@
-// Copyright 2023 The Perses Authors
+// Copyright 2024 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
@@ -21,53 +21,53 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    parseTemplateVariables: function() {
-        return parseTemplateVariables;
+    parseVariables: function() {
+        return parseVariables;
     },
-    replaceTemplateVariable: function() {
-        return replaceTemplateVariable;
+    replaceVariable: function() {
+        return replaceVariable;
     },
-    replaceTemplateVariables: function() {
-        return replaceTemplateVariables;
+    replaceVariables: function() {
+        return replaceVariables;
     }
 });
-function replaceTemplateVariables(text, variableState) {
-    const variables = parseTemplateVariables(text);
+function replaceVariables(text, variableState) {
+    const variables = parseVariables(text);
     let finalText = text;
     variables// Sorting variables by their length.
     // In order to not have a variable name have contained in another variable name.
     // i.e.: $__range replacing $__range_ms => '3600_ms' instead of '3600000'
     .sort((a, b)=>b.length - a.length).forEach((v)=>{
         const variable = variableState[v];
-        if (variable && (variable === null || variable === void 0 ? void 0 : variable.value)) {
-            finalText = replaceTemplateVariable(finalText, v, variable === null || variable === void 0 ? void 0 : variable.value);
+        if (variable && variable.value !== undefined) {
+            finalText = replaceVariable(finalText, v, variable?.value);
         }
     });
     return finalText;
 }
-function replaceTemplateVariable(text, varName, templateVariableValue) {
-    const variableTemplate = '$' + varName;
-    const bracketsVariableTemplate = '${' + varName + '}';
+function replaceVariable(text, varName, variableValue) {
+    const variableSyntax = '$' + varName;
+    const alternativeVariableSyntax = '${' + varName + '}';
     let replaceString = '';
-    if (Array.isArray(templateVariableValue)) {
-        replaceString = `(${templateVariableValue.join('|')})`; // regex style
+    if (Array.isArray(variableValue)) {
+        replaceString = `(${variableValue.join('|')})`; // regex style
     }
-    if (typeof templateVariableValue === 'string') {
-        replaceString = templateVariableValue;
+    if (typeof variableValue === 'string') {
+        replaceString = variableValue;
     }
-    text = text.replaceAll(variableTemplate, replaceString);
-    return text.replaceAll(bracketsVariableTemplate, replaceString);
+    text = text.replaceAll(variableSyntax, replaceString);
+    return text.replaceAll(alternativeVariableSyntax, replaceString);
 }
-// This regular expression is designed to identify variable references in a template string.
+// This regular expression is designed to identify variable references in a string.
 // It supports two formats for referencing variables:
 // 1. $variableName - This is a simpler format, and the regular expression captures the variable name (\w+ matches one or more word characters).
 // 2. ${variableName} - This is a more complex format and the regular expression captures the variable name (\w+ matches one or more word characters) in the curly braces.
 // 3. [COMING SOON] ${variableName:value} - This is a more complex format that allows specifying a format function as well.
 // TODO: Fix this lint error
 // eslint-disable-next-line no-useless-escape
-const TEMPLATE_VARIABLE_REGEX = /\$(\w+)|\${(\w+)(?:\.([^:^\}]+))?(?::([^\}]+))?}/gm;
-const parseTemplateVariables = (text)=>{
-    const regex = TEMPLATE_VARIABLE_REGEX;
+const VARIABLE_REGEX = /\$(\w+)|\${(\w+)(?:\.([^:^\}]+))?(?::([^\}]+))?}/gm;
+const parseVariables = (text)=>{
+    const regex = VARIABLE_REGEX;
     const matches = new Set();
     let match;
     while((match = regex.exec(text)) !== null){

package/dist/components/CalculationSelector/CalculationSelector.d.ts

@@ -1,7 +1,8 @@
 import { CalculationType } from '@perses-dev/core';
+import { ReactElement } from 'react';
 export interface CalculationSelectorProps {
     value: CalculationType;
     onChange: (unit: CalculationType) => void;
 }
-export declare function CalculationSelector({ value, onChange }: CalculationSelectorProps): import("react/jsx-runtime").JSX.Element;
+export declare function CalculationSelector({ value, onChange }: CalculationSelectorProps): ReactElement;
 //# sourceMappingURL=CalculationSelector.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CalculationSelector.d.ts","sourceRoot":"","sources":["../../../src/components/CalculationSelector/CalculationSelector.tsx"],"names":[],"mappings":"AAcA,OAAO,EAA0C,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAU3F,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;CAC3C;AAED,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,wBAAwB,2CAuBhF"}
+{"version":3,"file":"CalculationSelector.d.ts","sourceRoot":"","sources":["../../../src/components/CalculationSelector/CalculationSelector.tsx"],"names":[],"mappings":"AAcA,OAAO,EAA0C,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAC3F,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAUrC,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;CAC3C;AAED,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,wBAAwB,GAAG,YAAY,CAuB/F"}

package/dist/components/CalculationSelector/CalculationSelector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CalculationSelector/CalculationSelector.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 { OptionsEditorControl, SettingsAutocomplete } from '@perses-dev/components';\nimport { CALCULATIONS_CONFIG, CalculationConfig, CalculationType } from '@perses-dev/core';\n\ntype AutocompleteCalculationOption = CalculationConfig & { id: CalculationType };\nconst CALC_OPTIONS: AutocompleteCalculationOption[] = Object.entries(CALCULATIONS_CONFIG).map(([id, config]) => {\n  return {\n    id: id as CalculationType,\n    ...config,\n  };\n});\n\nexport interface CalculationSelectorProps {\n  value: CalculationType;\n  onChange: (unit: CalculationType) => void;\n}\n\nexport function CalculationSelector({ value, onChange }: CalculationSelectorProps) {\n  const handleCalculationChange = (_: unknown, newValue: AutocompleteCalculationOption) => {\n    onChange(newValue.id);\n  };\n\n  const calcConfig = CALCULATIONS_CONFIG[value];\n\n  return (\n    <OptionsEditorControl\n      label=\"Calculation\"\n      control={\n        <SettingsAutocomplete\n          value={{\n            ...calcConfig,\n            id: value,\n          }}\n          options={CALC_OPTIONS}\n          onChange={handleCalculationChange}\n          disableClearable\n        ></SettingsAutocomplete>\n      }\n    />\n  );\n}\n"],"names":["OptionsEditorControl","SettingsAutocomplete","CALCULATIONS_CONFIG","CALC_OPTIONS","Object","entries","map","id","config","CalculationSelector","value","onChange","handleCalculationChange","_","newValue","calcConfig","label","control","options","disableClearable"],"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,SAASA,oBAAoB,EAAEC,oBAAoB,QAAQ,yBAAyB;AACpF,SAASC,mBAAmB,QAA4C,mBAAmB;AAG3F,MAAMC,eAAgDC,OAAOC,OAAO,CAACH,qBAAqBI,GAAG,CAAC,CAAC,CAACC,IAAIC,OAAO;IACzG,OAAO;QACLD,IAAIA;QACJ,GAAGC,MAAM;IACX;AACF;AAOA,OAAO,SAASC,oBAAoB,EAAEC,KAAK,EAAEC,QAAQ,EAA4B;IAC/E,MAAMC,0BAA0B,CAACC,GAAYC;QAC3CH,SAASG,SAASP,EAAE;IACtB;IAEA,MAAMQ,aAAab,mBAAmB,CAACQ,MAAM;IAE7C,qBACE,KAACV;QACCgB,OAAM;QACNC,uBACE,KAAChB;YACCS,OAAO;gBACL,GAAGK,UAAU;gBACbR,IAAIG;YACN;YACAQ,SAASf;YACTQ,UAAUC;YACVO,gBAAgB;;;AAK1B"}
+{"version":3,"sources":["../../../src/components/CalculationSelector/CalculationSelector.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 { OptionsEditorControl, SettingsAutocomplete } from '@perses-dev/components';\nimport { CALCULATIONS_CONFIG, CalculationConfig, CalculationType } from '@perses-dev/core';\nimport { ReactElement } from 'react';\n\ntype AutocompleteCalculationOption = CalculationConfig & { id: CalculationType };\nconst CALC_OPTIONS: AutocompleteCalculationOption[] = Object.entries(CALCULATIONS_CONFIG).map(([id, config]) => {\n  return {\n    id: id as CalculationType,\n    ...config,\n  };\n});\n\nexport interface CalculationSelectorProps {\n  value: CalculationType;\n  onChange: (unit: CalculationType) => void;\n}\n\nexport function CalculationSelector({ value, onChange }: CalculationSelectorProps): ReactElement {\n  const handleCalculationChange = (_: unknown, newValue: AutocompleteCalculationOption): void => {\n    onChange(newValue.id);\n  };\n\n  const calcConfig = CALCULATIONS_CONFIG[value];\n\n  return (\n    <OptionsEditorControl\n      label=\"Calculation\"\n      control={\n        <SettingsAutocomplete\n          value={{\n            ...calcConfig,\n            id: value,\n          }}\n          options={CALC_OPTIONS}\n          onChange={handleCalculationChange}\n          disableClearable\n        />\n      }\n    />\n  );\n}\n"],"names":["OptionsEditorControl","SettingsAutocomplete","CALCULATIONS_CONFIG","CALC_OPTIONS","Object","entries","map","id","config","CalculationSelector","value","onChange","handleCalculationChange","_","newValue","calcConfig","label","control","options","disableClearable"],"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,SAASA,oBAAoB,EAAEC,oBAAoB,QAAQ,yBAAyB;AACpF,SAASC,mBAAmB,QAA4C,mBAAmB;AAI3F,MAAMC,eAAgDC,OAAOC,OAAO,CAACH,qBAAqBI,GAAG,CAAC,CAAC,CAACC,IAAIC,OAAO;IACzG,OAAO;QACLD,IAAIA;QACJ,GAAGC,MAAM;IACX;AACF;AAOA,OAAO,SAASC,oBAAoB,EAAEC,KAAK,EAAEC,QAAQ,EAA4B;IAC/E,MAAMC,0BAA0B,CAACC,GAAYC;QAC3CH,SAASG,SAASP,EAAE;IACtB;IAEA,MAAMQ,aAAab,mBAAmB,CAACQ,MAAM;IAE7C,qBACE,KAACV;QACCgB,OAAM;QACNC,uBACE,KAAChB;YACCS,OAAO;gBACL,GAAGK,UAAU;gBACbR,IAAIG;YACN;YACAQ,SAASf;YACTQ,UAAUC;YACVO,gBAAgB;;;AAK1B"}

package/dist/components/DatasourceEditorForm/DatasourceEditorForm.d.ts

@@ -1,14 +1,15 @@
-import { Action, DatasourceDefinition, DatasourceSpec } from '@perses-dev/core';
-import { DispatchWithoutAction } from 'react';
+import { Action, DatasourceDefinition } from '@perses-dev/core';
+import { DispatchWithoutAction, ReactElement } from 'react';
 interface DatasourceEditorFormProps {
     initialDatasourceDefinition: DatasourceDefinition;
-    initialAction: Action;
+    action: Action;
     isDraft: boolean;
     isReadonly?: boolean;
-    onSave: (name: string, spec: DatasourceSpec) => void;
+    onActionChange?: (action: Action) => void;
+    onSave: (def: DatasourceDefinition) => void;
     onClose: DispatchWithoutAction;
     onDelete?: DispatchWithoutAction;
 }
-export declare function DatasourceEditorForm(props: DatasourceEditorFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function DatasourceEditorForm(props: DatasourceEditorFormProps): ReactElement;
 export {};
 //# sourceMappingURL=DatasourceEditorForm.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatasourceEditorForm.d.ts","sourceRoot":"","sources":["../../../src/components/DatasourceEditorForm/DatasourceEditorForm.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,MAAM,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEhF,OAAO,EAAE,qBAAqB,EAAyB,MAAM,OAAO,CAAC;AA2BrE,UAAU,yBAAyB;IACjC,2BAA2B,EAAE,oBAAoB,CAAC;IAClD,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACrD,OAAO,EAAE,qBAAqB,CAAC;IAC/B,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAwOpE"}
+{"version":3,"file":"DatasourceEditorForm.d.ts","sourceRoot":"","sources":["../../../src/components/DatasourceEditorForm/DatasourceEditorForm.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,MAAM,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AAMtE,UAAU,yBAAyB;IACjC,2BAA2B,EAAE,oBAAoB,CAAC;IAClD,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,MAAM,EAAE,CAAC,GAAG,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC5C,OAAO,EAAE,qBAAqB,CAAC;IAC/B,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,GAAG,YAAY,CA6MnF"}