@perses-dev/plugin-system 0.0.0-snapshot-scatter-chart-embed-8efdfab → 0.0.0-snapshot-explorer-plugin-c4a7621

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

@@ -29,7 +29,7 @@ _export(exports, {
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
-function BertPanel1Editor({ value , onChange  }) {
+function BertPanel1Editor({ value, onChange }) {
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsx)("label", {
@@ -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/test-plugins/ernie/index.js

@@ -43,7 +43,7 @@ const ErnieVariable1 = {
     getVariableOptions: async ()=>({
             data
         }),
-    OptionsEditorComponent: function ErnieVariableEditor({ value , onChange  }) {
+    OptionsEditorComponent: function ErnieVariableEditor({ value, onChange }) {
         return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
             children: [
                 /*#__PURE__*/ (0, _jsxruntime.jsx)("label", {
@@ -70,7 +70,7 @@ const ErnieVariable2 = {
     getVariableOptions: async ()=>({
             data
         }),
-    OptionsEditorComponent: function ErnieVariableEditor({ value , onChange  }) {
+    OptionsEditorComponent: function ErnieVariableEditor({ value, onChange }) {
         return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
             children: [
                 /*#__PURE__*/ (0, _jsxruntime.jsx)("label", {

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

@@ -49,7 +49,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {

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

@@ -21,11 +21,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    mockPluginRegistry: function() {
-        return mockPluginRegistry;
-    },
     getMockPluginName: function() {
         return getMockPluginName;
+    },
+    mockPluginRegistry: function() {
+        return mockPluginRegistry;
     }
 });
 function mockPluginRegistry(...mockPlugins) {
@@ -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/action.js

@@ -21,11 +21,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    getTitleAction: function() {
-        return getTitleAction;
-    },
     getSubmitText: function() {
         return getSubmitText;
+    },
+    getTitleAction: function() {
+        return getTitleAction;
     }
 });
 function getTitleAction(action, isDraft) {

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, {
-    replaceTemplateVariables: function() {
-        return replaceTemplateVariables;
+    parseVariables: function() {
+        return parseVariables;
     },
-    replaceTemplateVariable: function() {
-        return replaceTemplateVariable;
+    replaceVariable: function() {
+        return replaceVariable;
     },
-    parseTemplateVariables: function() {
-        return parseTemplateVariables;
+    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,8 +1,8 @@
-/// <reference types="react" />
 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): 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,eAuBhF"}
+{"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

@@ -19,7 +19,7 @@ const CALC_OPTIONS = Object.entries(CALCULATIONS_CONFIG).map(([id, config])=>{
         ...config
     };
 });
-export function CalculationSelector({ value , onChange  }) {
+export function CalculationSelector({ value, onChange }) {
     const handleCalculationChange = (_, newValue)=>{
         onChange(newValue.id);
     };

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,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"}
+{"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,15 +1,15 @@
-import { Action, DatasourceSpec } from '@perses-dev/core';
-import { DispatchWithoutAction } from 'react';
+import { Action, DatasourceDefinition } from '@perses-dev/core';
+import { DispatchWithoutAction, ReactElement } from 'react';
 interface DatasourceEditorFormProps {
-    initialName: string;
-    initialSpec: DatasourceSpec;
-    initialAction: Action;
+    initialDatasourceDefinition: DatasourceDefinition;
+    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): 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,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE1D,OAAO,EAAE,qBAAqB,EAAyB,MAAM,OAAO,CAAC;AA2BrE,UAAU,yBAAyB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,cAAc,CAAC;IAC5B,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,eAwOpE"}
+{"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"}