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

package/dist/cjs/components/Variables/VariableEditorForm/VariablePreview.js

@@ -91,7 +91,7 @@ function VariablePreview(props) {
         setMaxValues(undefined);
     };
     let notShown = 0;
-    if (values && (values === null || values === void 0 ? void 0 : values.length) > 0 && maxValues) {
+    if (values && values?.length > 0 && maxValues) {
         notShown = values.length - maxValues;
     }
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
@@ -118,7 +118,7 @@ function VariablePreview(props) {
                         description: _constants.TOOLTIP_TEXT.copyVariableValues,
                         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
                             onClick: async ()=>{
-                                if (values === null || values === void 0 ? void 0 : values.length) {
+                                if (values?.length) {
                                     await navigator.clipboard.writeText(values.map((value)=>value).join(', '));
                                     infoSnackbar('Preview values copied to clipboard!');
                                 }
@@ -143,7 +143,7 @@ function VariablePreview(props) {
                             severity: "error",
                             children: error
                         }),
-                        (values === null || values === void 0 ? void 0 : values.length) === 0 && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Alert, {
+                        values?.length === 0 && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Alert, {
                             severity: "info",
                             children: "No results"
                         }),
@@ -155,10 +155,10 @@ function VariablePreview(props) {
                             },
                             children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.CircularProgress, {})
                         }),
-                        values === null || values === void 0 ? void 0 : values.slice(0, maxValues).map((val)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Chip, {
+                        values?.slice(0, maxValues).map((val, index)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Chip, {
                                 size: "small",
                                 label: val
-                            }, val)),
+                            }, index)),
                         notShown > 0 && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Chip, {
                             onClick: showAll,
                             variant: "outlined",
@@ -174,9 +174,9 @@ function VariablePreview(props) {
 function VariableListPreview(props) {
     const { definition, onRefresh } = props;
     const { data, isFetching, error } = (0, _variablemodel.useListVariablePluginValues)(definition);
-    const errorMessage = error === null || error === void 0 ? void 0 : error.message;
+    const errorMessage = error?.message;
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(VariablePreview, {
-        values: (data === null || data === void 0 ? void 0 : data.map((val)=>val.value)) || [],
+        values: data?.map((val)=>val.value) || [],
         onRefresh: onRefresh,
         isLoading: isFetching,
         error: errorMessage

package/dist/cjs/components/Variables/VariableEditorForm/variable-editor-form-model.js

@@ -29,11 +29,9 @@ _export(exports, {
     }
 });
 function getInitialState(initialVariableDefinition) {
-    var _initialVariableDefinition_spec_display, _initialVariableDefinition_spec_display1;
-    var _initialVariableDefinition_spec_value, _initialVariableDefinition_spec_constant;
     const textVariableFields = {
-        value: (_initialVariableDefinition_spec_value = initialVariableDefinition.spec.value) !== null && _initialVariableDefinition_spec_value !== void 0 ? _initialVariableDefinition_spec_value : '',
-        constant: (_initialVariableDefinition_spec_constant = initialVariableDefinition.spec.constant) !== null && _initialVariableDefinition_spec_constant !== void 0 ? _initialVariableDefinition_spec_constant : false
+        value: initialVariableDefinition.spec.value ?? '',
+        constant: initialVariableDefinition.spec.constant ?? false
     };
     const listVariableFields = {
         allowMultiple: false,
@@ -47,21 +45,18 @@ function getInitialState(initialVariableDefinition) {
         }
     };
     if (initialVariableDefinition.kind === 'ListVariable') {
-        var _initialVariableDefinition_spec_allowMultiple;
-        listVariableFields.allowMultiple = (_initialVariableDefinition_spec_allowMultiple = initialVariableDefinition.spec.allowMultiple) !== null && _initialVariableDefinition_spec_allowMultiple !== void 0 ? _initialVariableDefinition_spec_allowMultiple : false;
-        var _initialVariableDefinition_spec_allowAllValue;
-        listVariableFields.allowAllValue = (_initialVariableDefinition_spec_allowAllValue = initialVariableDefinition.spec.allowAllValue) !== null && _initialVariableDefinition_spec_allowAllValue !== void 0 ? _initialVariableDefinition_spec_allowAllValue : false;
+        listVariableFields.allowMultiple = initialVariableDefinition.spec.allowMultiple ?? false;
+        listVariableFields.allowAllValue = initialVariableDefinition.spec.allowAllValue ?? false;
         listVariableFields.customAllValue = initialVariableDefinition.spec.customAllValue;
         listVariableFields.capturingRegexp = initialVariableDefinition.spec.capturingRegexp;
         listVariableFields.sort = initialVariableDefinition.spec.sort;
         listVariableFields.plugin = initialVariableDefinition.spec.plugin;
     }
-    var _initialVariableDefinition_spec_display_name, _initialVariableDefinition_spec_display_description;
     return {
         name: initialVariableDefinition.spec.name,
-        title: (_initialVariableDefinition_spec_display_name = (_initialVariableDefinition_spec_display = initialVariableDefinition.spec.display) === null || _initialVariableDefinition_spec_display === void 0 ? void 0 : _initialVariableDefinition_spec_display.name) !== null && _initialVariableDefinition_spec_display_name !== void 0 ? _initialVariableDefinition_spec_display_name : '',
+        title: initialVariableDefinition.spec.display?.name ?? '',
         kind: initialVariableDefinition.kind,
-        description: (_initialVariableDefinition_spec_display_description = (_initialVariableDefinition_spec_display1 = initialVariableDefinition.spec.display) === null || _initialVariableDefinition_spec_display1 === void 0 ? void 0 : _initialVariableDefinition_spec_display1.description) !== null && _initialVariableDefinition_spec_display_description !== void 0 ? _initialVariableDefinition_spec_display_description : '',
+        description: initialVariableDefinition.spec.display?.description ?? '',
         listVariableFields,
         textVariableFields
     };

package/dist/cjs/components/Variables/variable-model.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
@@ -64,7 +64,7 @@ function filterVariableList(data, capturedRegexp) {
 function useListVariablePluginValues(definition) {
     const { data: variablePlugin } = (0, _runtime.usePlugin)('Variable', definition.spec.plugin.kind);
     const datasourceStore = (0, _runtime.useDatasourceStore)();
-    const allVariables = (0, _runtime.useVariableValues)();
+    const allVariables = (0, _runtime.useAllVariableValues)();
     const { absoluteTimeRange: timeRange, refreshKey } = (0, _runtime.useTimeRange)();
     const variablePluginCtx = {
         timeRange,
@@ -74,38 +74,37 @@ function useListVariablePluginValues(definition) {
     const spec = definition.spec.plugin.spec;
     const capturingRegexp = definition.spec.capturingRegexp !== undefined ? new RegExp(definition.spec.capturingRegexp, 'g') : undefined;
     let dependsOnVariables;
-    if (variablePlugin === null || variablePlugin === void 0 ? void 0 : variablePlugin.dependsOn) {
+    if (variablePlugin?.dependsOn) {
         const dependencies = variablePlugin.dependsOn(spec, variablePluginCtx);
         dependsOnVariables = dependencies.variables;
     }
-    const variables = (0, _runtime.useVariableValues)(dependsOnVariables);
+    const variables = (0, _runtime.useAllVariableValues)(dependsOnVariables);
     let waitToLoad = false;
     if (dependsOnVariables) {
-        waitToLoad = dependsOnVariables.some((v)=>{
-            var _variables_v;
-            return (_variables_v = variables[v]) === null || _variables_v === void 0 ? void 0 : _variables_v.loading;
-        });
+        waitToLoad = dependsOnVariables.some((v)=>variables[v]?.loading);
     }
     const variablesValueKey = getVariableValuesKey(variables);
-    return (0, _reactquery.useQuery)([
-        definition,
-        variablesValueKey,
-        timeRange,
-        refreshKey
-    ], async ()=>{
-        const resp = await (variablePlugin === null || variablePlugin === void 0 ? void 0 : variablePlugin.getVariableOptions(spec, {
-            datasourceStore,
-            variables,
-            timeRange
-        }));
-        if (resp === undefined) {
-            return [];
-        }
-        if (!capturingRegexp) {
-            return resp.data;
-        }
-        return filterVariableList(resp.data, capturingRegexp);
-    }, {
+    return (0, _reactquery.useQuery)({
+        queryKey: [
+            definition,
+            variablesValueKey,
+            timeRange,
+            refreshKey
+        ],
+        queryFn: async ()=>{
+            const resp = await variablePlugin?.getVariableOptions(spec, {
+                datasourceStore,
+                variables,
+                timeRange
+            });
+            if (resp === undefined) {
+                return [];
+            }
+            if (!capturingRegexp) {
+                return resp.data;
+            }
+            return filterVariableList(resp.data, capturingRegexp);
+        },
         enabled: !!variablePlugin || waitToLoad
     });
 }

package/dist/cjs/components/index.js

@@ -17,7 +17,9 @@ Object.defineProperty(exports, "__esModule", {
 _export_star(require("./CalculationSelector"), exports);
 _export_star(require("./DatasourceEditorForm"), exports);
 _export_star(require("./DatasourceSelect"), exports);
+_export_star(require("./HTTPSettingsEditor"), exports);
 _export_star(require("./LegendOptionsEditor"), exports);
+_export_star(require("./MultiQueryEditor"), exports);
 _export_star(require("./OptionsEditorRadios"), exports);
 _export_star(require("./OptionsEditorTabs"), exports);
 _export_star(require("./PanelSpecEditor"), exports);
@@ -25,10 +27,10 @@ _export_star(require("./PluginEditor"), exports);
 _export_star(require("./PluginKindSelect"), exports);
 _export_star(require("./PluginRegistry"), exports);
 _export_star(require("./PluginSpecEditor"), exports);
-_export_star(require("./TimeSeriesQueryEditor"), exports);
 _export_star(require("./TimeRangeControls"), exports);
 _export_star(require("./Variables"), exports);
 _export_star(require("./ProjectSelect"), exports);
+_export_star(require("./MetricLabelInput"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/dist/cjs/context/ProjectStoreProvider.js

@@ -41,10 +41,13 @@ const _core = require("@perses-dev/core");
 const _queryparams = require("./query-params");
 const ProjectStoreContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
 function useProjectList() {
-    return (0, _reactquery.useQuery)([
-        'projects'
-    ], ()=>{
-        return (0, _core.fetchJson)('/api/v1/projects');
+    return (0, _reactquery.useQuery)({
+        queryKey: [
+            'projects'
+        ],
+        queryFn: ()=>{
+            return (0, _core.fetchJson)('/api/v1/projects');
+        }
     });
 }
 function useProjectStore() {

package/dist/cjs/context/ValidationProvider.js

@@ -0,0 +1,69 @@
+// 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
+//
+// 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, {
+    ValidationProvider: function() {
+        return ValidationProvider;
+    },
+    ValidationSchemasContext: function() {
+        return ValidationSchemasContext;
+    },
+    useValidationSchemas: function() {
+        return useValidationSchemas;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _core = require("@perses-dev/core");
+const ValidationSchemasContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
+function useValidationSchemas() {
+    const ctx = (0, _react.useContext)(ValidationSchemasContext);
+    if (ctx === undefined) {
+        throw new Error('No ValidationSchemasContext found. Did you forget a Provider?');
+    }
+    return ctx;
+}
+function ValidationProvider({ children }) {
+    const [datasourceEditorSchema, setDatasourceEditorSchema] = (0, _react.useState)(_core.datasourceDefinitionSchema);
+    const [panelEditorSchema, setPanelEditorSchema] = (0, _react.useState)(_core.panelEditorSchema);
+    const [variableEditorSchema, setVariableEditorSchema] = (0, _react.useState)(_core.variableDefinitionSchema);
+    function setDatasourceEditorSchemaPlugin(pluginSchema) {
+        setDatasourceEditorSchema((0, _core.buildDatasourceDefinitionSchema)(pluginSchema));
+    }
+    function setPanelEditorSchemaPlugin(pluginSchema) {
+        setPanelEditorSchema((0, _core.buildPanelEditorSchema)(pluginSchema));
+    }
+    function setVariableEditorSchemaPlugin(pluginSchema) {
+        setVariableEditorSchema((0, _core.buildVariableDefinitionSchema)(pluginSchema));
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(ValidationSchemasContext.Provider, {
+        value: {
+            datasourceEditorSchema,
+            panelEditorSchema,
+            variableEditorSchema,
+            setDatasourceEditorSchemaPlugin,
+            setPanelEditorSchemaPlugin,
+            setVariableEditorSchemaPlugin
+        },
+        children: children
+    });
+}

package/dist/cjs/context/index.js

@@ -15,6 +15,7 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 _export_star(require("./ProjectStoreProvider"), exports);
+_export_star(require("./ValidationProvider"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/dist/cjs/index.js

@@ -20,8 +20,8 @@ _export_star(require("./model"), exports);
 _export_star(require("./runtime"), exports);
 _export_star(require("./test-utils"), exports);
 _export_star(require("./utils"), exports);
-_export_star(require("./validation"), exports);
 _export_star(require("./context"), exports);
+_export_star(require("./remote"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/dist/{components/TraceQueryEditor/index.js → cjs/model/explore.js}

@@ -10,6 +10,7 @@
 // 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 './TraceQueryEditor';
-
-//# sourceMappingURL=index.js.map
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/dist/cjs/remote/PersesPlugin.types.js

@@ -0,0 +1,16 @@
+// 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
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/dist/cjs/remote/PluginLoaderComponent.js

@@ -0,0 +1,75 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */ // 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
+//
+// 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, "PluginLoaderComponent", {
+    enumerable: true,
+    get: function() {
+        return PluginLoaderComponent;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _PluginRuntime = require("./PluginRuntime");
+function PluginContainer({ pluginFn, props }) {
+    return pluginFn(props);
+}
+function PluginLoaderComponent({ plugin, props, field }) {
+    const { loadPlugin } = (0, _PluginRuntime.usePluginRuntime)({
+        plugin
+    });
+    const [pluginModule, setPluginModule] = (0, _react.useState)(null);
+    const [error, setError] = (0, _react.useState)(null);
+    const name = `${plugin.moduleName}-${plugin.name}`;
+    const previousPluginName = (0, _react.useRef)(name);
+    (0, _react.useEffect)(()=>{
+        previousPluginName.current = name;
+        setError(null);
+        loadPlugin().then((module)=>{
+            setPluginModule(module);
+        }).catch((error)=>{
+            setPluginModule(null);
+            console.error(`PluginLoaderComponent: Error loading plugin ${plugin.name} from module ${plugin.moduleName}:`, error);
+            setError(new Error(`PluginLoaderComponent: Error loading plugin ${plugin.name} from module ${plugin.moduleName}`));
+        });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        name
+    ]);
+    if (error) {
+        throw error;
+    }
+    if (!pluginModule) {
+        return null;
+    }
+    let pluginFunction = pluginModule[plugin.name];
+    if (field && pluginFunction && typeof pluginFunction === 'object' && field in pluginFunction) {
+        pluginFunction = pluginFunction[field];
+    }
+    if (!pluginFunction) {
+        throw new Error(`PluginLoaderComponent: Plugin module ${plugin.moduleName} does not have a ${plugin.name} export`);
+    }
+    if (typeof pluginFunction !== 'function') {
+        throw new Error(`PluginLoaderComponent: Plugin ${plugin.name} export is not a function`);
+    }
+    // make sure to re mount the plugin when changes, to avoid mismatch in hooks ordering when re rendering
+    if (previousPluginName.current !== name) {
+        return null;
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(PluginContainer, {
+        pluginFn: pluginFunction,
+        props: props
+    }, name);
+}