@perses-dev/plugin-system 0.39.0 → 0.40.1

package/dist/cjs/test/render.js

@@ -16,13 +16,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "renderWithContext", {
     enumerable: true,
-    get: ()=>renderWithContext
+    get: function() {
+        return renderWithContext;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = require("@testing-library/react");
-const _reactQuery = require("@tanstack/react-query");
-const _pluginRegistry = require("../components/PluginRegistry");
-const _testPlugins = require("./test-plugins");
+const _reactquery = require("@tanstack/react-query");
+const _PluginRegistry = require("../components/PluginRegistry");
+const _testplugins = require("./test-plugins");
 const testLogger = {
     log: console.log,
     warn: console.warn,
@@ -32,7 +34,7 @@ const testLogger = {
 };
 function renderWithContext(ui, renderOptions, contextOptions) {
     // Create a new QueryClient for each test to avoid caching issues
-    const queryClient = new _reactQuery.QueryClient({
+    const queryClient = new _reactquery.QueryClient({
         defaultOptions: {
             queries: {
                 refetchOnWindowFocus: false,
@@ -41,12 +43,12 @@ function renderWithContext(ui, renderOptions, contextOptions) {
         },
         logger: testLogger
     });
-    var ref;
-    return (0, _react.render)(/*#__PURE__*/ (0, _jsxRuntime.jsx)(_reactQuery.QueryClientProvider, {
+    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: (ref = contextOptions === null || contextOptions === void 0 ? void 0 : contextOptions.defaultPluginKinds) !== null && ref !== void 0 ? ref : {
+        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 : {
                 TimeSeriesQuery: 'PrometheusTimeSeriesQuery'
             },
             children: ui

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

@@ -21,18 +21,22 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    BertPanel1: ()=>BertPanel1,
-    BertPanel2: ()=>BertPanel2
+    BertPanel1: function() {
+        return BertPanel1;
+    },
+    BertPanel2: function() {
+        return BertPanel2;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 function BertPanel1Editor({ value , onChange  }) {
-    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)("div", {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
         children: [
-            /*#__PURE__*/ (0, _jsxRuntime.jsx)("label", {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("label", {
                 htmlFor: "editor-input",
                 children: "BertPanel1 editor"
             }),
-            /*#__PURE__*/ (0, _jsxRuntime.jsx)("input", {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
                 type: "text",
                 id: "editor-input",
                 value: value.option1,
@@ -62,13 +66,13 @@ const BertPanel2 = {
         {
             label: 'Settings',
             content: function BertPanel2Editor({ value , onChange  }) {
-                return /*#__PURE__*/ (0, _jsxRuntime.jsxs)("div", {
+                return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                     children: [
-                        /*#__PURE__*/ (0, _jsxRuntime.jsx)("label", {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("label", {
                             htmlFor: "editor-input",
                             children: "BertPanel2 editor"
                         }),
-                        /*#__PURE__*/ (0, _jsxRuntime.jsx)("input", {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
                             type: "text",
                             id: "editor-input",
                             value: value.option2,
@@ -84,7 +88,7 @@ const BertPanel2 = {
         {
             label: 'Custom Tab',
             content: function Editor() {
-                return /*#__PURE__*/ (0, _jsxRuntime.jsx)("div", {
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                     children: "custom content"
                 });
             }

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

@@ -21,10 +21,14 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    ErnieVariable1: ()=>ErnieVariable1,
-    ErnieVariable2: ()=>ErnieVariable2
+    ErnieVariable1: function() {
+        return ErnieVariable1;
+    },
+    ErnieVariable2: function() {
+        return ErnieVariable2;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const data = [
     {
         label: 'Grover',
@@ -40,13 +44,13 @@ const ErnieVariable1 = {
             data
         }),
     OptionsEditorComponent: function ErnieVariableEditor({ value , onChange  }) {
-        return /*#__PURE__*/ (0, _jsxRuntime.jsxs)("div", {
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
             children: [
-                /*#__PURE__*/ (0, _jsxRuntime.jsx)("label", {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("label", {
                     htmlFor: "editor-input",
                     children: "ErnieVariable editor"
                 }),
-                /*#__PURE__*/ (0, _jsxRuntime.jsx)("input", {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
                     type: "text",
                     id: "editor-input",
                     value: value.variableOption,
@@ -67,13 +71,13 @@ const ErnieVariable2 = {
             data
         }),
     OptionsEditorComponent: function ErnieVariableEditor({ value , onChange  }) {
-        return /*#__PURE__*/ (0, _jsxRuntime.jsxs)("div", {
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
             children: [
-                /*#__PURE__*/ (0, _jsxRuntime.jsx)("label", {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("label", {
                     htmlFor: "editor-input",
                     children: "ErnieVariable2 editor"
                 }),
-                /*#__PURE__*/ (0, _jsxRuntime.jsx)("input", {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
                     type: "text",
                     id: "editor-input",
                     value: value.variableOption2,

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

@@ -16,12 +16,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "testPluginLoader", {
     enumerable: true,
-    get: ()=>testPluginLoader
+    get: function() {
+        return testPluginLoader;
+    }
 });
 const _model = require("../../model");
-const _pluginJson = /*#__PURE__*/ _interopRequireDefault(require("./bert/plugin.json"));
-const _pluginJson1 = /*#__PURE__*/ _interopRequireDefault(require("./ernie/plugin.json"));
-function _interopRequireDefault(obj) {
+const _pluginjson = /*#__PURE__*/ _interop_require_default(require("./bert/plugin.json"));
+const _pluginjson1 = /*#__PURE__*/ _interop_require_default(require("./ernie/plugin.json"));
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
@@ -34,7 +36,7 @@ function _getRequireWildcardCache(nodeInterop) {
         return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
     })(nodeInterop);
 }
-function _interopRequireWildcard(obj, nodeInterop) {
+function _interop_require_wildcard(obj, nodeInterop) {
     if (!nodeInterop && obj && obj.__esModule) {
         return obj;
     }
@@ -67,11 +69,11 @@ function _interopRequireWildcard(obj, nodeInterop) {
 }
 const testPluginLoader = (0, _model.dynamicImportPluginLoader)([
     {
-        resource: _pluginJson.default,
-        importPlugin: ()=>Promise.resolve().then(()=>/*#__PURE__*/ _interopRequireWildcard(require("./bert")))
+        resource: _pluginjson.default,
+        importPlugin: ()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require("./bert")))
     },
     {
-        resource: _pluginJson1.default,
-        importPlugin: ()=>Promise.resolve().then(()=>/*#__PURE__*/ _interopRequireWildcard(require("./ernie")))
+        resource: _pluginjson1.default,
+        importPlugin: ()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require("./ernie")))
     }
 ]);

package/dist/cjs/test-utils/index.js

@@ -14,15 +14,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./mock-plugin-registry"), exports);
-function _exportStar(from, to) {
+_export_star(require("./mock-plugin-registry"), exports);
+function _export_star(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];
-            }
-        });
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
     });
     return from;
 }

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

@@ -21,16 +21,20 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    mockPluginRegistry: ()=>mockPluginRegistry,
-    getMockPluginName: ()=>getMockPluginName
+    mockPluginRegistry: function() {
+        return mockPluginRegistry;
+    },
+    getMockPluginName: function() {
+        return getMockPluginName;
+    }
 });
 function mockPluginRegistry(...mockPlugins) {
     const mockPluginResource = {
         kind: 'PluginModule',
         metadata: {
             name: 'Fake Plugin Module for Tests',
-            created_at: '',
-            updated_at: '',
+            createdAt: '',
+            updatedAt: '',
             version: 0
         },
         spec: {

package/dist/cjs/utils/action.js

@@ -0,0 +1,43 @@
+// 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
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    getTitleAction: function() {
+        return getTitleAction;
+    },
+    getSubmitText: function() {
+        return getSubmitText;
+    }
+});
+function getTitleAction(action, isDraft) {
+    if (action === 'read') return 'View';
+    if (isDraft && action === 'create') return 'Add';
+    if (!isDraft && action === 'create') return 'Create';
+    if (action === 'update') return 'Edit';
+    return '';
+}
+function getSubmitText(action, isDraft) {
+    if (isDraft && action === 'create') return 'Add';
+    if (isDraft && action === 'update') return 'Apply';
+    if (!isDraft) return 'Save';
+    return '';
+}

package/dist/cjs/utils/index.js

@@ -14,15 +14,18 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./variables"), exports);
-function _exportStar(from, to) {
+_export_star(require("./action"), exports);
+_export_star(require("./variables"), exports);
+function _export_star(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];
-            }
-        });
+        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/utils/variables.js

@@ -21,14 +21,23 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    replaceTemplateVariables: ()=>replaceTemplateVariables,
-    replaceTemplateVariable: ()=>replaceTemplateVariable,
-    parseTemplateVariables: ()=>parseTemplateVariables
+    replaceTemplateVariables: function() {
+        return replaceTemplateVariables;
+    },
+    replaceTemplateVariable: function() {
+        return replaceTemplateVariable;
+    },
+    parseTemplateVariables: function() {
+        return parseTemplateVariables;
+    }
 });
 function replaceTemplateVariables(text, variableState) {
     const variables = parseTemplateVariables(text);
     let finalText = text;
-    variables.forEach((v)=>{
+    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);
@@ -38,6 +47,7 @@ function replaceTemplateVariables(text, variableState) {
 }
 function replaceTemplateVariable(text, varName, templateVariableValue) {
     const variableTemplate = '$' + varName;
+    const bracketsVariableTemplate = '${' + varName + '}';
     let replaceString = '';
     if (Array.isArray(templateVariableValue)) {
         replaceString = `(${templateVariableValue.join('|')})`; // regex style
@@ -45,12 +55,14 @@ function replaceTemplateVariable(text, varName, templateVariableValue) {
     if (typeof templateVariableValue === 'string') {
         replaceString = templateVariableValue;
     }
-    return text.replaceAll(variableTemplate, replaceString);
+    text = text.replaceAll(variableTemplate, replaceString);
+    return text.replaceAll(bracketsVariableTemplate, replaceString);
 }
 // This regular expression is designed to identify variable references in a template 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. [COMING SOON] ${variableName:value} - This is a more complex format that allows specifying a format function as well.
+// 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;
@@ -59,8 +71,14 @@ const parseTemplateVariables = (text)=>{
     const matches = new Set();
     let match;
     while((match = regex.exec(text)) !== null){
-        if (match && match.length > 1 && match[1]) {
-            matches.add(match[1]);
+        if (match) {
+            if (match[1]) {
+                // \$(\w+)\
+                matches.add(match[1]);
+            } else if (match[2]) {
+                // \${(\w+)}\
+                matches.add(match[2]);
+            }
         }
     }
     // return unique matches

package/dist/cjs/validation/datasource.js

@@ -0,0 +1,30 @@
+// 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, "datasourceEditValidationSchema", {
+    enumerable: true,
+    get: function() {
+        return datasourceEditValidationSchema;
+    }
+});
+const _zod = require("zod");
+const _resource = require("./resource");
+const datasourceEditValidationSchema = _zod.z.object({
+    name: _resource.resourceIdValidationSchema,
+    title: _zod.z.string().optional(),
+    description: _zod.z.string().optional(),
+    default: _zod.z.boolean()
+});

package/dist/cjs/validation/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
+});
+_export_star(require("./datasource"), exports);
+_export_star(require("./resource"), exports);
+_export_star(require("./variable"), exports);
+function _export_star(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/validation/resource.js

@@ -0,0 +1,24 @@
+// 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, "resourceIdValidationSchema", {
+    enumerable: true,
+    get: function() {
+        return resourceIdValidationSchema;
+    }
+});
+const _zod = require("zod");
+const resourceIdValidationSchema = _zod.z.string().nonempty('Required').max(75, 'Must be 75 or fewer characters long').regex(/^[a-zA-Z0-9_.-]+$/, 'Must only contains alphanumerical characters and special characters _ . -');

package/dist/cjs/validation/variable.js

@@ -0,0 +1,29 @@
+// Copyright 2023 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "variableEditValidationSchema", {
+    enumerable: true,
+    get: function() {
+        return variableEditValidationSchema;
+    }
+});
+const _zod = require("zod");
+const variableEditValidationSchema = _zod.z.object({
+    name: _zod.z.string().nonempty('Required').regex(/^\w+$/, 'Must only contains alphanumerical characters and underscores').refine((val)=>!val.startsWith('__'), '__ prefix is reserved to builtin variables'),
+    title: _zod.z.string().optional(),
+    description: _zod.z.string().optional(),
+    kind: _zod.z.string().nonempty('Required')
+});

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;AAAA,SAASA,oBAAoB,EAAEC,oBAAoB,QAAQ,wBAAwB,CAAC;AACpF,SAASC,mBAAmB,QAA4C,kBAAkB,CAAC;AAG3F,MAAMC,YAAY,GAAoCC,MAAM,CAACC,OAAO,CAACH,mBAAmB,CAAC,CAACI,GAAG,CAAC,CAAC,CAACC,EAAE,EAAEC,MAAM,CAAC,GAAK;IAC9G,OAAO;QACLD,EAAE,EAAEA,EAAE;QACN,GAAGC,MAAM;KACV,CAAC;AACJ,CAAC,CAAC,AAAC;AAOH,OAAO,SAASC,mBAAmB,CAAC,EAAEC,KAAK,CAAA,EAAEC,QAAQ,CAAA,EAA4B,EAAE;IACjF,MAAMC,uBAAuB,GAAG,CAACC,CAAU,EAAEC,QAAuC,GAAK;QACvFH,QAAQ,CAACG,QAAQ,CAACP,EAAE,CAAC,CAAC;IACxB,CAAC,AAAC;IAEF,MAAMQ,UAAU,GAAGb,mBAAmB,CAACQ,KAAK,CAAC,AAAC;IAE9C,qBACE,KAACV,oBAAoB;QACnBgB,KAAK,EAAC,aAAa;QACnBC,OAAO,gBACL,KAAChB,oBAAoB;YACnBS,KAAK,EAAE;gBACL,GAAGK,UAAU;gBACbR,EAAE,EAAEG,KAAK;aACV;YACDQ,OAAO,EAAEf,YAAY;YACrBQ,QAAQ,EAAEC,uBAAuB;YACjCO,gBAAgB;UACM;MAE1B,CACF;AACJ,CAAC"}
+{"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,QAAQH,qBAAqBI,IAAI,CAAC,CAACC,IAAIC,OAAO;IACzG,OAAO;QACLD,IAAIA;QACJ,GAAGC,MAAM;IACX;AACF;AAOA,OAAO,SAASC,oBAAoB,EAAEC,MAAK,EAAEC,SAAQ,EAA4B;IAC/E,MAAMC,0BAA0B,CAACC,GAAYC;QAC3CH,SAASG,SAASP;IACpB;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/CalculationSelector/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CalculationSelector/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 './CalculationSelector';\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,uBAAuB,CAAC"}
+{"version":3,"sources":["../../../src/components/CalculationSelector/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 './CalculationSelector';\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,wBAAwB"}

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

@@ -0,0 +1,15 @@
+import { Datasource } from '@perses-dev/core';
+import { Dispatch, DispatchWithoutAction } from 'react';
+import { Action } from '../../utils';
+interface DatasourceEditorFormProps<T extends Datasource> {
+    initialDatasource: T;
+    initialAction: Action;
+    isDraft: boolean;
+    isReadonly?: boolean;
+    onSave: Dispatch<T>;
+    onClose: DispatchWithoutAction;
+    onDelete?: DispatchWithoutAction;
+}
+export declare function DatasourceEditorForm<T extends Datasource>(props: DatasourceEditorFormProps<T>): JSX.Element;
+export {};
+//# sourceMappingURL=DatasourceEditorForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatasourceEditorForm.d.ts","sourceRoot":"","sources":["../../../src/components/DatasourceEditorForm/DatasourceEditorForm.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAW,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAc,EAAE,QAAQ,EAAE,qBAAqB,EAAyB,MAAM,OAAO,CAAC;AAKtF,OAAO,EAAE,MAAM,EAAiC,MAAM,aAAa,CAAC;AAsBpE,UAAU,yBAAyB,CAAC,CAAC,SAAS,UAAU;IACtD,iBAAiB,EAAE,CAAC,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpB,OAAO,EAAE,qBAAqB,CAAC;IAC/B,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,UAAU,EAAE,KAAK,EAAE,yBAAyB,CAAC,CAAC,CAAC,eAiO7F"}