@perses-dev/plugin-system 0.55.0-beta.3 → 0.55.0-beta.6

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

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

@@ -1,162 +0,0 @@
-// 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 _material = require("@mui/material");
-const _components = require("@perses-dev/components");
-const _Minus = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Minus"));
-const _Plus = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Plus"));
-const _react = require("react");
-const _reacthookform = require("react-hook-form");
-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

@@ -1,30 +0,0 @@
-// 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/MetricLabelInput/MetricLabelInput.js

@@ -1,41 +0,0 @@
-// 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, "MetricLabelInput", {
-    enumerable: true,
-    get: function() {
-        return MetricLabelInput;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _components = require("@perses-dev/components");
-const MetricLabelInput = ({ value, onChange })=>{
-    const handleChange = (event)=>{
-        const newValue = event.target.value;
-        onChange(newValue || undefined);
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-        label: "Metric label",
-        description: "Specify label to display",
-        control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-            fullWidth: true,
-            name: "Metric label",
-            value: value || '',
-            onChange: handleChange
-        })
-    });
-};

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

@@ -1,30 +0,0 @@
-// 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("./MetricLabelInput"), 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

@@ -1,162 +0,0 @@
-// 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, "MultiQueryEditor", {
-    enumerable: true,
-    get: function() {
-        return MultiQueryEditor;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _immer = require("immer");
-const _Plus = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Plus"));
-const _react = require("react");
-const _runtime = require("../../runtime");
-const _QueryEditorContainer = require("./QueryEditorContainer");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function useDefaultQueryDefinition(queryTypes, filteredQueryPlugins) {
-    // Build the default query plugin
-    // This will be used only if the queries are empty, to open a starting query
-    // Firs the default query type
-    const defaultQueryType = queryTypes[0];
-    // Then the default plugin kind
-    // Use as default the plugin kind explicitly set as default or the first in the list
-    const { data: queryPlugins, isLoading } = (0, _runtime.useListPluginMetadata)(queryTypes);
-    const { defaultPluginKinds } = (0, _runtime.usePluginRegistry)();
-    let defaultQueryKind = '';
-    if (filteredQueryPlugins?.length) {
-        defaultQueryKind = queryPlugins?.find((i)=>filteredQueryPlugins.includes(i.spec.name)).spec.name ?? '';
-    } else {
-        defaultQueryKind = defaultPluginKinds?.[defaultQueryType] ?? queryPlugins?.[0]?.spec.name ?? '';
-    }
-    const { data: defaultQueryPlugin, isLoading: isPluginLoading } = (0, _runtime.usePlugin)(defaultQueryType, defaultQueryKind, {
-        useErrorBoundary: true,
-        enabled: true
-    });
-    // This default query definition is used if no query is provided initially or when we add a new query
-    return {
-        defaultInitialQueryDefinition: {
-            kind: defaultQueryType,
-            spec: {
-                plugin: {
-                    kind: defaultQueryKind,
-                    spec: defaultQueryPlugin?.createInitialOptions() || {}
-                }
-            }
-        },
-        isLoading: isLoading || isPluginLoading
-    };
-}
-const MultiQueryEditor = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
-    const { queryTypes, queries = [], queryResults, filteredQueryPlugins, onChange, onQueryRun } = props;
-    const { defaultInitialQueryDefinition, isLoading } = useDefaultQueryDefinition(queryTypes, filteredQueryPlugins);
-    // State for which queries are collapsed
-    const [queriesCollapsed, setQueriesCollapsed] = (0, _react.useState)(queries.map(()=>false));
-    // Query handlers
-    const handleQueryChange = (index, queryDef)=>{
-        onChange((0, _immer.produce)(queries, (draft)=>{
-            if (draft) {
-                draft[index] = queryDef;
-            } else {
-                draft = [
-                    queryDef
-                ];
-            }
-        }));
-    };
-    const handleQueryRun = (index, queryDef)=>{
-        onQueryRun(index, queryDef);
-    };
-    const handleQueryAdd = ()=>{
-        onChange((0, _immer.produce)(queries, (draft)=>{
-            if (draft) {
-                draft.push(defaultInitialQueryDefinition);
-            } else {
-                draft = [
-                    ...queries,
-                    defaultInitialQueryDefinition
-                ];
-            }
-        }));
-        setQueriesCollapsed((queriesCollapsed)=>{
-            queriesCollapsed.push(false);
-            return [
-                ...queriesCollapsed
-            ];
-        });
-    };
-    const handleQueryDelete = (index)=>{
-        onChange((0, _immer.produce)(queries, (draft)=>{
-            draft.splice(index, 1);
-        }));
-        setQueriesCollapsed((queriesCollapsed)=>{
-            queriesCollapsed.splice(index, 1);
-            return [
-                ...queriesCollapsed
-            ];
-        });
-    };
-    const handleQueryCollapseExpand = (index)=>{
-        setQueriesCollapsed((queriesCollapsed)=>{
-            queriesCollapsed[index] = !queriesCollapsed[index];
-            return [
-                ...queriesCollapsed
-            ];
-        });
-    };
-    // show one query input if queries is empty
-    let queryDefinitions = queries;
-    if (queries.length === 0 && !isLoading) {
-        queryDefinitions = [
-            defaultInitialQueryDefinition
-        ];
-    }
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
-                spacing: 1,
-                children: queryDefinitions.map((query, i)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_QueryEditorContainer.QueryEditorContainer, {
-                        ref: ref,
-                        queryTypes: queryTypes,
-                        index: i,
-                        query: query,
-                        queryResult: queryResults?.[i],
-                        filteredQueryPlugins: filteredQueryPlugins,
-                        isCollapsed: !!queriesCollapsed[i],
-                        onChange: handleQueryChange,
-                        onQueryRun: handleQueryRun,
-                        onDelete: queries.length > 1 ? handleQueryDelete : undefined,
-                        onCollapseExpand: handleQueryCollapseExpand
-                    }, i))
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
-                variant: "contained",
-                startIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Plus.default, {}),
-                sx: {
-                    marginTop: 1
-                },
-                onClick: handleQueryAdd,
-                children: "Add Query"
-            })
-        ]
-    });
-});
-MultiQueryEditor.displayName = 'MultiQueryEditor';