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

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

@@ -21,11 +21,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    VariablePreview: function() {
-        return VariablePreview;
-    },
     VariableListPreview: function() {
         return VariableListPreview;
+    },
+    VariablePreview: function() {
+        return VariablePreview;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -62,7 +62,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)) {
@@ -82,14 +84,14 @@ function _interop_require_wildcard(obj, nodeInterop) {
 }
 const DEFAULT_MAX_PREVIEW_VALUES = 50;
 function VariablePreview(props) {
-    const { values , onRefresh , isLoading , error  } = props;
+    const { values, onRefresh, isLoading, error } = props;
     const [maxValues, setMaxValues] = (0, _react.useState)(DEFAULT_MAX_PREVIEW_VALUES);
-    const { infoSnackbar  } = (0, _components.useSnackbar)();
+    const { infoSnackbar } = (0, _components.useSnackbar)();
     const showAll = ()=>{
         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, {
@@ -116,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!');
                                 }
@@ -141,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"
                         }),
@@ -153,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",
@@ -170,11 +172,11 @@ 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 { definition, onRefresh } = props;
+    const { data, isFetching, error } = (0, _variablemodel.useListVariablePluginValues)(definition);
+    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,27 +45,24 @@ 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
     };
 }
 function getVariableDefinitionFromState(state) {
-    const { name , title , kind , description  } = state;
+    const { name, title, kind, description } = state;
     const display = {
         name: title,
         description: description

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
@@ -15,23 +15,23 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 function _export(target, all) {
-    for(var name1 in all)Object.defineProperty(target, name1, {
+    for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name1]
+        get: all[name]
     });
 }
 _export(exports, {
+    VARIABLE_TYPES: function() {
+        return VARIABLE_TYPES;
+    },
     filterVariableList: function() {
         return filterVariableList;
     },
-    useListVariablePluginValues: function() {
-        return useListVariablePluginValues;
-    },
     getVariableValuesKey: function() {
         return getVariableValuesKey;
     },
-    VARIABLE_TYPES: function() {
-        return VARIABLE_TYPES;
+    useListVariablePluginValues: function() {
+        return useListVariablePluginValues;
     }
 });
 const _reactquery = require("@tanstack/react-query");
@@ -62,10 +62,10 @@ function filterVariableList(data, capturedRegexp) {
     return result;
 }
 function useListVariablePluginValues(definition) {
-    const { data: variablePlugin  } = (0, _runtime.usePlugin)('Variable', definition.spec.plugin.kind);
+    const { data: variablePlugin } = (0, _runtime.usePlugin)('Variable', definition.spec.plugin.kind);
     const datasourceStore = (0, _runtime.useDatasourceStore)();
-    const allVariables = (0, _runtime.useTemplateVariableValues)();
-    const { absoluteTimeRange: timeRange , refreshKey  } = (0, _runtime.useTimeRange)();
+    const allVariables = (0, _runtime.useAllVariableValues)();
+    const { absoluteTimeRange: timeRange, refreshKey } = (0, _runtime.useTimeRange)();
     const variablePluginCtx = {
         timeRange,
         datasourceStore,
@@ -74,39 +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.useTemplateVariableValues)(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)([
-        name,
-        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 === undefined) {
-            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,9 +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/constants/user-interface-text.js

@@ -23,5 +23,8 @@ Object.defineProperty(exports, "TOOLTIP_TEXT", {
 const TOOLTIP_TEXT = {
     // Variable editor buttons
     refreshVariableValues: 'Refresh values',
-    copyVariableValues: 'Copy values to clipboard'
+    copyVariableValues: 'Copy values to clipboard',
+    // Time range controls buttons
+    refresh: 'Refresh',
+    refreshInterval: 'Auto refresh interval'
 };

package/dist/cjs/context/ProjectStoreProvider.js

@@ -24,14 +24,14 @@ _export(exports, {
     ProjectStoreContext: function() {
         return ProjectStoreContext;
     },
+    ProjectStoreProvider: function() {
+        return ProjectStoreProvider;
+    },
     useProjectList: function() {
         return useProjectList;
     },
     useProjectStore: function() {
         return useProjectStore;
-    },
-    ProjectStoreProvider: function() {
-        return ProjectStoreProvider;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -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() {
@@ -55,8 +58,8 @@ function useProjectStore() {
     return ctx;
 }
 function ProjectStoreProvider(props) {
-    const { children , enabledURLParams  } = props;
-    const { project , setProject  } = (0, _queryparams.useSetProjectParams)(enabledURLParams);
+    const { children, enabledURLParams } = props;
+    const { project, setProject } = (0, _queryparams.useSetProjectParams)(enabledURLParams);
     const contextValue = (0, _react.useMemo)(()=>({
             project: {
                 kind: 'Project',

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

package/dist/cjs/model/legend.js

@@ -21,21 +21,21 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    legendValues: function() {
-        return legendValues;
+    LEGEND_MODE_CONFIG: function() {
+        return LEGEND_MODE_CONFIG;
     },
     LEGEND_POSITIONS_CONFIG: function() {
         return LEGEND_POSITIONS_CONFIG;
     },
-    LEGEND_MODE_CONFIG: function() {
-        return LEGEND_MODE_CONFIG;
-    },
     LEGEND_SIZE_CONFIG: function() {
         return LEGEND_SIZE_CONFIG;
     },
     LEGEND_VALUE_CONFIG: function() {
         return LEGEND_VALUE_CONFIG;
     },
+    legendValues: function() {
+        return legendValues;
+    },
     validateLegendSpec: function() {
         return validateLegendSpec;
     }

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);
+}