@perses-dev/plugin-system 0.54.0-beta.9 → 0.54.0-rc.0

package/dist/cjs/components/LinksEditor/LinksEditor.js

@@ -0,0 +1,162 @@
+// Copyright 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, "LinksEditor", {
+    enumerable: true,
+    get: function() {
+        return LinksEditor;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _material = require("@mui/material");
+const _reacthookform = require("react-hook-form");
+const _Plus = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Plus"));
+const _Minus = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Minus"));
+const _components = require("@perses-dev/components");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function LinksEditor({ control, ...props }) {
+    const { fields, append, remove } = (0, _reacthookform.useFieldArray)({
+        control: control,
+        name: 'panelDefinition.spec.links'
+    });
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+        ...props,
+        gap: 3,
+        children: [
+            fields && fields.length > 0 ? fields.map((field, index)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+                            direction: "row",
+                            gap: 1,
+                            alignItems: "center",
+                            children: [
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(LinkControl, {
+                                    control: control,
+                                    index: index
+                                }),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
+                                    style: {
+                                        width: 'fit-content',
+                                        height: 'fit-content'
+                                    },
+                                    onClick: ()=>remove(index),
+                                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Minus.default, {})
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Divider, {})
+                    ]
+                }, field.id)) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                variant: "subtitle1",
+                mb: 2,
+                fontStyle: "italic",
+                children: "No links defined"
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
+                style: {
+                    width: 'fit-content',
+                    height: 'fit-content'
+                },
+                onClick: ()=>append({
+                        url: '',
+                        name: '',
+                        tooltip: '',
+                        renderVariables: false,
+                        targetBlank: false
+                    }),
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Plus.default, {})
+            })
+        ]
+    });
+}
+function LinkControl({ control, index }) {
+    const defaultLink = {
+        url: '',
+        name: '',
+        tooltip: '',
+        renderVariables: false,
+        targetBlank: false
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
+        control: control,
+        name: `panelDefinition.spec.links.${index}`,
+        render: ({ field, field: { value: link }, fieldState })=>{
+            const safeLink = link ?? defaultLink;
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.LinkEditorForm, {
+                mode: "inline",
+                url: {
+                    value: safeLink.url,
+                    label: 'URL',
+                    error: {
+                        hasError: !!fieldState.error,
+                        helperText: fieldState.error?.message
+                    },
+                    onChange: (url)=>{
+                        field.onChange({
+                            ...link,
+                            url
+                        });
+                    }
+                },
+                newTabOpen: {
+                    value: !!safeLink.targetBlank,
+                    onChange: (targetBlank)=>{
+                        field.onChange({
+                            ...link,
+                            targetBlank
+                        });
+                    },
+                    label: 'Open in new tab'
+                },
+                name: {
+                    value: safeLink.name ?? '',
+                    label: 'Name',
+                    onChange: (name)=>{
+                        field.onChange({
+                            ...link,
+                            name
+                        });
+                    }
+                },
+                renderVariables: {
+                    value: !!safeLink.renderVariables,
+                    label: 'Render variables',
+                    onChange: (renderVariables)=>{
+                        field.onChange({
+                            ...link,
+                            renderVariables
+                        });
+                    }
+                },
+                tooltip: {
+                    value: safeLink.tooltip ?? '',
+                    label: 'Tooltip',
+                    onChange: (tooltip)=>{
+                        field.onChange({
+                            ...link,
+                            tooltip
+                        });
+                    }
+                }
+            });
+        }
+    });
+}

package/dist/cjs/components/LinksEditor/index.js

@@ -0,0 +1,30 @@
+// Copyright 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("./LinksEditor"), 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/components/MultiQueryEditor/MultiQueryEditor.js

@@ -47,7 +47,7 @@ function useDefaultQueryDefinition(queryTypes, filteredQueryPlugins) {
     } else {
         defaultQueryKind = defaultPluginKinds?.[defaultQueryType] ?? queryPlugins?.[0]?.spec.name ?? '';
     }
-    const { data: defaultQueryPlugin } = (0, _runtime.usePlugin)(defaultQueryType, defaultQueryKind, {
+    const { data: defaultQueryPlugin, isLoading: isPluginLoading } = (0, _runtime.usePlugin)(defaultQueryType, defaultQueryKind, {
         useErrorBoundary: true,
         enabled: true
     });
@@ -62,7 +62,7 @@ function useDefaultQueryDefinition(queryTypes, filteredQueryPlugins) {
                 }
             }
         },
-        isLoading
+        isLoading: isLoading || isPluginLoading
     };
 }
 const MultiQueryEditor = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{

package/dist/cjs/components/PanelSpecEditor/PanelSpecEditor.js

@@ -24,6 +24,7 @@ const _jsxruntime = require("react/jsx-runtime");
 const _components = require("@perses-dev/components");
 const _reacthookform = require("react-hook-form");
 const _react = require("react");
+const _LinksEditor = require("../LinksEditor");
 const _runtime = require("../../runtime");
 const _OptionsEditorTabs = require("../OptionsEditorTabs");
 const _MultiQueryEditor = require("../MultiQueryEditor");
@@ -90,7 +91,7 @@ const PanelSpecEditor = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
     // always show json editor and links editor by default
     tabs.push({
         label: 'Links',
-        content: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.LinksEditor, {
+        content: /*#__PURE__*/ (0, _jsxruntime.jsx)(_LinksEditor.LinksEditor, {
             control: control
         })
     });

package/dist/cjs/components/index.js

@@ -21,6 +21,7 @@ _export_star(require("./DatasourceSelect"), exports);
 _export_star(require("./HTTPSettingsEditor"), exports);
 _export_star(require("./ItemSelectionActionsOptionsEditor"), exports);
 _export_star(require("./LegendOptionsEditor"), exports);
+_export_star(require("./LinksEditor"), exports);
 _export_star(require("./MultiQueryEditor"), exports);
 _export_star(require("./OptionsEditorRadios"), exports);
 _export_star(require("./OptionsEditorTabs"), exports);

package/dist/cjs/context/ValidationProvider.js

@@ -35,6 +35,7 @@ const _jsxruntime = require("react/jsx-runtime");
 const _react = require("react");
 const _spec = require("@perses-dev/spec");
 const _client = require("@perses-dev/client");
+const _schema = require("../schema");
 const ValidationSchemasContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
 function useValidationSchemas() {
     const ctx = (0, _react.useContext)(ValidationSchemasContext);
@@ -45,14 +46,14 @@ function useValidationSchemas() {
 }
 function ValidationProvider({ children }) {
     const [datasourceEditorSchema, setDatasourceEditorSchema] = (0, _react.useState)(_client.datasourceDefinitionSchema);
-    const [panelEditorSchema, setPanelEditorSchema] = (0, _react.useState)(_spec.panelEditorSchema); // TODO I don't get why this does not compile
+    const [panelEditorSchema, setPanelEditorSchema] = (0, _react.useState)(_schema.panelEditorSchema); // TODO I don't get why this does not compile
     const [variableEditorSchema, setVariableEditorSchema] = (0, _react.useState)(_spec.variableDefinitionSchema);
     const [annotationEditorSchema, setAnnotationEditorSchema] = (0, _react.useState)(_spec.annotationSpecSchema);
     function setDatasourceEditorSchemaPlugin(pluginSchema) {
         setDatasourceEditorSchema((0, _client.buildDatasourceDefinitionSchema)(pluginSchema));
     }
     function setPanelEditorSchemaPlugin(pluginSchema) {
-        setPanelEditorSchema((0, _spec.buildPanelEditorSchema)(pluginSchema));
+        setPanelEditorSchema((0, _schema.buildPanelEditorSchema)(pluginSchema));
     }
     function setVariableEditorSchemaPlugin(pluginSchema) {
         setVariableEditorSchema((0, _spec.buildVariableDefinitionSchema)(pluginSchema));

package/dist/cjs/index.js

@@ -18,6 +18,7 @@ _export_star(require("./components"), exports);
 _export_star(require("./constants"), exports);
 _export_star(require("./model"), exports);
 _export_star(require("./runtime"), exports);
+_export_star(require("./schema"), exports);
 _export_star(require("./test-utils"), exports);
 _export_star(require("./utils"), exports);
 _export_star(require("./context"), exports);

package/dist/cjs/remote/PluginRuntime.js

@@ -148,11 +148,11 @@ const getPluginRuntime = ()=>{
                     }
                 },
                 '@perses-dev/spec': {
-                    version: '0.2.0-beta.2',
+                    version: '0.2.0-beta.9',
                     lib: ()=>require('@perses-dev/spec'),
                     shareConfig: {
                         singleton: true,
-                        requiredVersion: '^0.2.0-beta.2'
+                        requiredVersion: '^0.2.0-beta.9'
                     }
                 },
                 '@perses-dev/core': {
@@ -164,43 +164,43 @@ const getPluginRuntime = ()=>{
                     }
                 },
                 '@perses-dev/client': {
-                    version: '0.54.0-beta.1',
+                    version: '0.54.0-rc.0',
                     lib: ()=>require('@perses-dev/client'),
                     shareConfig: {
                         singleton: true,
-                        requiredVersion: '^0.54.0-beta.1'
+                        requiredVersion: '^0.54.0-rc.0'
                     }
                 },
                 '@perses-dev/components': {
-                    version: '0.53.1',
+                    version: '0.54.0-rc.0',
                     lib: ()=>require('@perses-dev/components'),
                     shareConfig: {
                         singleton: true,
-                        requiredVersion: '^0.53.1'
+                        requiredVersion: '^0.54.0-rc.0'
                     }
                 },
                 '@perses-dev/plugin-system': {
-                    version: '0.53.1',
+                    version: '0.54.0-rc.0',
                     lib: ()=>require('@perses-dev/plugin-system'),
                     shareConfig: {
                         singleton: true,
-                        requiredVersion: '^0.53.1'
+                        requiredVersion: '^0.54.0-rc.0'
                     }
                 },
                 '@perses-dev/explore': {
-                    version: '0.53.1',
+                    version: '0.54.0-rc.0',
                     lib: ()=>require('@perses-dev/explore'),
                     shareConfig: {
                         singleton: true,
-                        requiredVersion: '^0.53.1'
+                        requiredVersion: '^0.54.0-rc.0'
                     }
                 },
                 '@perses-dev/dashboards': {
-                    version: '0.53.1',
+                    version: '0.54.0-rc.0',
                     lib: ()=>require('@perses-dev/dashboards'),
                     shareConfig: {
                         singleton: true,
-                        requiredVersion: '^0.53.1'
+                        requiredVersion: '^0.54.0-rc.0'
                     }
                 },
                 // Below are the shared modules that are used by the plugins, this can be part of the SDK

package/dist/cjs/schema/index.js

@@ -0,0 +1,30 @@
+// Copyright 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("./panel"), 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/schema/panel.js

@@ -0,0 +1,42 @@
+// Copyright 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: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get buildPanelEditorSchema () {
+        return buildPanelEditorSchema;
+    },
+    get panelEditorSchema () {
+        return panelEditorSchema;
+    }
+});
+const _zod = require("zod");
+const _spec = require("@perses-dev/spec");
+const panelEditorSchema = _zod.z.object({
+    groupId: _zod.z.number(),
+    panelDefinition: _spec.panelDefinitionSchema
+});
+function buildPanelEditorSchema(pluginSchema) {
+    return _zod.z.object({
+        groupId: _zod.z.number(),
+        panelDefinition: (0, _spec.buildPanelDefinitionSchema)(pluginSchema)
+    });
+}

package/dist/components/LinksEditor/LinksEditor.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes, ReactElement } from 'react';
+import { Control } from 'react-hook-form';
+import { PanelEditorValues } from '../../model';
+export interface LinksEditorProps extends HTMLAttributes<HTMLDivElement> {
+    control: Control<PanelEditorValues>;
+}
+export declare function LinksEditor({ control, ...props }: LinksEditorProps): ReactElement;
+//# sourceMappingURL=LinksEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinksEditor.d.ts","sourceRoot":"","sources":["../../../src/components/LinksEditor/LinksEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAY,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,EAA6B,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAIrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,OAAO,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CACrC;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,YAAY,CAiCjF"}

package/dist/components/LinksEditor/LinksEditor.js

@@ -0,0 +1,149 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright 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.
+import { Fragment } from 'react';
+import { Divider, IconButton, Stack, Typography } from '@mui/material';
+import { Controller, useFieldArray } from 'react-hook-form';
+import PlusIcon from 'mdi-material-ui/Plus';
+import MinusIcon from 'mdi-material-ui/Minus';
+import { LinkEditorForm } from '@perses-dev/components';
+export function LinksEditor({ control, ...props }) {
+    const { fields, append, remove } = useFieldArray({
+        control: control,
+        name: 'panelDefinition.spec.links'
+    });
+    return /*#__PURE__*/ _jsxs(Stack, {
+        ...props,
+        gap: 3,
+        children: [
+            fields && fields.length > 0 ? fields.map((field, index)=>/*#__PURE__*/ _jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsxs(Stack, {
+                            direction: "row",
+                            gap: 1,
+                            alignItems: "center",
+                            children: [
+                                /*#__PURE__*/ _jsx(LinkControl, {
+                                    control: control,
+                                    index: index
+                                }),
+                                /*#__PURE__*/ _jsx(IconButton, {
+                                    style: {
+                                        width: 'fit-content',
+                                        height: 'fit-content'
+                                    },
+                                    onClick: ()=>remove(index),
+                                    children: /*#__PURE__*/ _jsx(MinusIcon, {})
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx(Divider, {})
+                    ]
+                }, field.id)) : /*#__PURE__*/ _jsx(Typography, {
+                variant: "subtitle1",
+                mb: 2,
+                fontStyle: "italic",
+                children: "No links defined"
+            }),
+            /*#__PURE__*/ _jsx(IconButton, {
+                style: {
+                    width: 'fit-content',
+                    height: 'fit-content'
+                },
+                onClick: ()=>append({
+                        url: '',
+                        name: '',
+                        tooltip: '',
+                        renderVariables: false,
+                        targetBlank: false
+                    }),
+                children: /*#__PURE__*/ _jsx(PlusIcon, {})
+            })
+        ]
+    });
+}
+function LinkControl({ control, index }) {
+    const defaultLink = {
+        url: '',
+        name: '',
+        tooltip: '',
+        renderVariables: false,
+        targetBlank: false
+    };
+    return /*#__PURE__*/ _jsx(Controller, {
+        control: control,
+        name: `panelDefinition.spec.links.${index}`,
+        render: ({ field, field: { value: link }, fieldState })=>{
+            const safeLink = link ?? defaultLink;
+            return /*#__PURE__*/ _jsx(LinkEditorForm, {
+                mode: "inline",
+                url: {
+                    value: safeLink.url,
+                    label: 'URL',
+                    error: {
+                        hasError: !!fieldState.error,
+                        helperText: fieldState.error?.message
+                    },
+                    onChange: (url)=>{
+                        field.onChange({
+                            ...link,
+                            url
+                        });
+                    }
+                },
+                newTabOpen: {
+                    value: !!safeLink.targetBlank,
+                    onChange: (targetBlank)=>{
+                        field.onChange({
+                            ...link,
+                            targetBlank
+                        });
+                    },
+                    label: 'Open in new tab'
+                },
+                name: {
+                    value: safeLink.name ?? '',
+                    label: 'Name',
+                    onChange: (name)=>{
+                        field.onChange({
+                            ...link,
+                            name
+                        });
+                    }
+                },
+                renderVariables: {
+                    value: !!safeLink.renderVariables,
+                    label: 'Render variables',
+                    onChange: (renderVariables)=>{
+                        field.onChange({
+                            ...link,
+                            renderVariables
+                        });
+                    }
+                },
+                tooltip: {
+                    value: safeLink.tooltip ?? '',
+                    label: 'Tooltip',
+                    onChange: (tooltip)=>{
+                        field.onChange({
+                            ...link,
+                            tooltip
+                        });
+                    }
+                }
+            });
+        }
+    });
+}
+
+//# sourceMappingURL=LinksEditor.js.map

package/dist/components/LinksEditor/LinksEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/LinksEditor/LinksEditor.tsx"],"sourcesContent":["// Copyright 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 { Fragment, HTMLAttributes, ReactElement } from 'react';\nimport { Divider, IconButton, Stack, Typography } from '@mui/material';\nimport { Controller, useFieldArray, Control } from 'react-hook-form';\nimport PlusIcon from 'mdi-material-ui/Plus';\nimport MinusIcon from 'mdi-material-ui/Minus';\nimport { LinkEditorForm } from '@perses-dev/components';\nimport { PanelEditorValues } from '../../model';\n\nexport interface LinksEditorProps extends HTMLAttributes<HTMLDivElement> {\n  control: Control<PanelEditorValues>;\n}\n\nexport function LinksEditor({ control, ...props }: LinksEditorProps): ReactElement {\n  const { fields, append, remove } = useFieldArray({\n    control: control,\n    name: 'panelDefinition.spec.links',\n  });\n\n  return (\n    <Stack {...props} gap={3}>\n      {fields && fields.length > 0 ? (\n        fields.map((field, index) => (\n          <Fragment key={field.id}>\n            <Stack direction=\"row\" gap={1} alignItems=\"center\">\n              <LinkControl control={control} index={index} />\n              <IconButton style={{ width: 'fit-content', height: 'fit-content' }} onClick={() => remove(index)}>\n                <MinusIcon />\n              </IconButton>\n            </Stack>\n            <Divider />\n          </Fragment>\n        ))\n      ) : (\n        <Typography variant=\"subtitle1\" mb={2} fontStyle=\"italic\">\n          No links defined\n        </Typography>\n      )}\n      <IconButton\n        style={{ width: 'fit-content', height: 'fit-content' }}\n        onClick={() => append({ url: '', name: '', tooltip: '', renderVariables: false, targetBlank: false })}\n      >\n        <PlusIcon />\n      </IconButton>\n    </Stack>\n  );\n}\n\nfunction LinkControl({ control, index }: { control: Control<PanelEditorValues>; index: number }): ReactElement {\n  const defaultLink = { url: '', name: '', tooltip: '', renderVariables: false, targetBlank: false };\n  return (\n    <Controller\n      control={control}\n      name={`panelDefinition.spec.links.${index}`}\n      render={({ field, field: { value: link }, fieldState }) => {\n        const safeLink = link ?? defaultLink;\n        return (\n          <LinkEditorForm\n            mode=\"inline\"\n            url={{\n              value: safeLink.url,\n              label: 'URL',\n              error: { hasError: !!fieldState.error, helperText: fieldState.error?.message },\n              onChange: (url) => {\n                field.onChange({ ...link, url });\n              },\n            }}\n            newTabOpen={{\n              value: !!safeLink.targetBlank,\n              onChange: (targetBlank) => {\n                field.onChange({ ...link, targetBlank });\n              },\n              label: 'Open in new tab',\n            }}\n            name={{\n              value: safeLink.name ?? '',\n              label: 'Name',\n              onChange: (name) => {\n                field.onChange({ ...link, name });\n              },\n            }}\n            renderVariables={{\n              value: !!safeLink.renderVariables,\n              label: 'Render variables',\n              onChange: (renderVariables) => {\n                field.onChange({ ...link, renderVariables });\n              },\n            }}\n            tooltip={{\n              value: safeLink.tooltip ?? '',\n              label: 'Tooltip',\n              onChange: (tooltip) => {\n                field.onChange({ ...link, tooltip });\n              },\n            }}\n          />\n        );\n      }}\n    />\n  );\n}\n"],"names":["Fragment","Divider","IconButton","Stack","Typography","Controller","useFieldArray","PlusIcon","MinusIcon","LinkEditorForm","LinksEditor","control","props","fields","append","remove","name","gap","length","map","field","index","direction","alignItems","LinkControl","style","width","height","onClick","id","variant","mb","fontStyle","url","tooltip","renderVariables","targetBlank","defaultLink","render","value","link","fieldState","safeLink","mode","label","error","hasError","helperText","message","onChange","newTabOpen"],"mappings":"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"}

package/dist/components/LinksEditor/index.d.ts

@@ -0,0 +1,2 @@
+export * from './LinksEditor';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/LinksEditor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LinksEditor/index.ts"],"names":[],"mappings":"AAaA,cAAc,eAAe,CAAC"}

package/dist/components/LinksEditor/index.js

@@ -0,0 +1,15 @@
+// Copyright 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.
+export * from './LinksEditor';
+
+//# sourceMappingURL=index.js.map

package/dist/components/LinksEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/LinksEditor/index.ts"],"sourcesContent":["// Copyright 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 './LinksEditor';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,gBAAgB"}

package/dist/components/MultiQueryEditor/MultiQueryEditor.js

@@ -32,7 +32,7 @@ function useDefaultQueryDefinition(queryTypes, filteredQueryPlugins) {
     } else {
         defaultQueryKind = defaultPluginKinds?.[defaultQueryType] ?? queryPlugins?.[0]?.spec.name ?? '';
     }
-    const { data: defaultQueryPlugin } = usePlugin(defaultQueryType, defaultQueryKind, {
+    const { data: defaultQueryPlugin, isLoading: isPluginLoading } = usePlugin(defaultQueryType, defaultQueryKind, {
         useErrorBoundary: true,
         enabled: true
     });
@@ -47,7 +47,7 @@ function useDefaultQueryDefinition(queryTypes, filteredQueryPlugins) {
                 }
             }
         },
-        isLoading
+        isLoading: isLoading || isPluginLoading
     };
 }
 /**