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

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

@@ -1,246 +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, "PanelAnnotationsEditor", {
-    enumerable: true,
-    get: function() {
-        return PanelAnnotationsEditor;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _ArrowDown = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/ArrowDown"));
-const _ArrowUp = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/ArrowUp"));
-const _Pencil = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Pencil"));
-const _Plus = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Plus"));
-const _TrashCan = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/TrashCan"));
-const _react = require("react");
-const _context = require("../../context");
-const _Annotations = require("../Annotations");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const TableCell = (0, _material.styled)(_material.TableCell)(({ theme })=>({
-        borderBottom: `solid 1px ${theme.palette.divider}`
-    }));
-function findDuplicateNames(specs) {
-    const seen = new Set();
-    const duplicates = new Set();
-    for (const spec of specs){
-        const name = spec.display.name;
-        if (seen.has(name)) {
-            duplicates.add(name);
-        }
-        seen.add(name);
-    }
-    return Array.from(duplicates);
-}
-function PanelAnnotationsEditor({ value, onChange, isReadonly }) {
-    const [target, setTarget] = (0, _react.useState)(null);
-    const [formAction, setFormAction] = (0, _react.useState)('update');
-    const duplicateNames = (0, _react.useMemo)(()=>findDuplicateNames(value), [
-        value
-    ]);
-    const initialSpec = (0, _react.useMemo)(()=>{
-        if (target?.kind === 'new') {
-            return {
-                display: {
-                    name: 'NewAnnotation'
-                },
-                plugin: {}
-            };
-        }
-        if (target?.kind === 'edit') {
-            return value[target.index];
-        }
-        return undefined;
-    }, [
-        target,
-        value
-    ]);
-    const removeAnnotation = (index)=>{
-        onChange(value.filter((_, i)=>i !== index));
-    };
-    const changeAnnotationOrder = (index, direction)=>{
-        const step = direction === 'up' ? -1 : 1;
-        const swapWith = index + step;
-        const current = value[index];
-        const adjacent = value[swapWith];
-        if (!current || !adjacent) {
-            return;
-        }
-        const next = [
-            ...value
-        ];
-        next[index] = adjacent;
-        next[swapWith] = current;
-        onChange(next);
-    };
-    const toggleAnnotationVisibility = (index, visible)=>{
-        onChange(value.map((spec, i)=>i === index ? {
-                ...spec,
-                display: {
-                    ...spec.display,
-                    hidden: !visible
-                }
-            } : spec));
-    };
-    const handleSave = (definition)=>{
-        if (target?.kind === 'new') {
-            onChange([
-                ...value,
-                definition
-            ]);
-        } else if (target?.kind === 'edit') {
-            onChange(value.map((spec, i)=>i === target.index ? definition : spec));
-        }
-        setTarget(null);
-    };
-    if (target !== null && initialSpec) {
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_context.ValidationProvider, {
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Annotations.AnnotationEditorForm, {
-                initialAnnotationSpec: initialSpec,
-                action: formAction,
-                isDraft: true,
-                isReadonly: isReadonly,
-                onActionChange: setFormAction,
-                onSave: handleSave,
-                onClose: ()=>setTarget(null)
-            })
-        });
-    }
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-        spacing: 2,
-        padding: 1,
-        children: [
-            duplicateNames.map((name)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Alert, {
-                    severity: "error",
-                    children: `Duplicate annotation name: ${name}`
-                }, name)),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableContainer, {
-                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Table, {
-                    "aria-label": "table of panel annotations",
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableHead, {
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.TableRow, {
-                                children: [
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(TableCell, {
-                                        children: "Visibility"
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(TableCell, {
-                                        children: "Name"
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(TableCell, {
-                                        children: "Type"
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(TableCell, {
-                                        children: "Description"
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(TableCell, {
-                                        align: "right",
-                                        children: "Actions"
-                                    })
-                                ]
-                            })
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableBody, {
-                            children: value.map((annotation, index)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.TableRow, {
-                                    children: [
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(TableCell, {
-                                            component: "th",
-                                            scope: "row",
-                                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Switch, {
-                                                checked: annotation.display?.hidden !== true,
-                                                disabled: isReadonly,
-                                                onChange: (e)=>toggleAnnotationVisibility(index, e.target.checked)
-                                            })
-                                        }),
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(TableCell, {
-                                            component: "th",
-                                            scope: "row",
-                                            sx: {
-                                                fontWeight: 'bold'
-                                            },
-                                            children: annotation.display.name
-                                        }),
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(TableCell, {
-                                            children: annotation.plugin.kind
-                                        }),
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(TableCell, {
-                                            children: annotation.display?.description ?? ''
-                                        }),
-                                        /*#__PURE__*/ (0, _jsxruntime.jsxs)(TableCell, {
-                                            align: "right",
-                                            sx: {
-                                                whiteSpace: 'nowrap'
-                                            },
-                                            children: [
-                                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
-                                                    onClick: ()=>changeAnnotationOrder(index, 'up'),
-                                                    disabled: isReadonly || index === 0,
-                                                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ArrowUp.default, {})
-                                                }),
-                                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
-                                                    onClick: ()=>changeAnnotationOrder(index, 'down'),
-                                                    disabled: isReadonly || index === value.length - 1,
-                                                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ArrowDown.default, {})
-                                                }),
-                                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
-                                                    onClick: ()=>{
-                                                        setFormAction('update');
-                                                        setTarget({
-                                                            kind: 'edit',
-                                                            index
-                                                        });
-                                                    },
-                                                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Pencil.default, {})
-                                                }),
-                                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
-                                                    disabled: isReadonly,
-                                                    onClick: ()=>removeAnnotation(index),
-                                                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_TrashCan.default, {})
-                                                })
-                                            ]
-                                        })
-                                    ]
-                                }, `${annotation.display.name}-${index}`))
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
-                display: "flex",
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
-                    variant: "contained",
-                    startIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Plus.default, {}),
-                    sx: {
-                        marginLeft: 'auto'
-                    },
-                    disabled: isReadonly,
-                    onClick: ()=>{
-                        setFormAction('create');
-                        setTarget({
-                            kind: 'new'
-                        });
-                    },
-                    children: "Add Annotation"
-                })
-            })
-        ]
-    });
-}

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

@@ -1,144 +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, "PanelSpecEditor", {
-    enumerable: true,
-    get: function() {
-        return PanelSpecEditor;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _components = require("@perses-dev/components");
-const _react = require("react");
-const _reacthookform = require("react-hook-form");
-const _runtime = require("../../runtime");
-const _LayoutEditor = require("../LayoutEditor");
-const _LinksEditor = require("../LinksEditor");
-const _MultiQueryEditor = require("../MultiQueryEditor");
-const _OptionsEditorTabs = require("../OptionsEditorTabs");
-const _PanelAnnotationsEditor = require("./PanelAnnotationsEditor");
-const PanelSpecEditor = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
-    const { control, panelDefinition, variableDefinitionGroups, panelGroups, onQueriesChange, onQueryRun, onPluginSpecChange, onAnnotationsChange, onJSONChange } = props;
-    const { kind } = panelDefinition.spec.plugin;
-    const { data: plugin, isLoading, error } = (0, _runtime.usePlugin)('Panel', kind);
-    const { queryResults } = (0, _runtime.useDataQueriesContext)();
-    if (error) {
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.ErrorAlert, {
-            error: error
-        });
-    }
-    if (isLoading) {
-        return null;
-    }
-    if (!plugin) {
-        throw new Error(`Missing implementation for panel plugin with kind '${kind}'`);
-    }
-    const { panelOptionsEditorComponents, hideQueryEditor, supportsAnnotations } = plugin;
-    let tabs = [];
-    if (!hideQueryEditor) {
-        tabs.push({
-            label: 'Query',
-            content: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
-                control: control,
-                name: "panelDefinition.spec.queries",
-                render: ({ field })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_MultiQueryEditor.MultiQueryEditor, {
-                        ref: ref,
-                        queryTypes: plugin.supportedQueryTypes ?? [],
-                        queries: panelDefinition.spec.queries ?? [],
-                        queryResults: queryResults,
-                        onChange: (queries)=>{
-                            field.onChange(queries);
-                            onQueriesChange(queries);
-                        },
-                        onQueryRun: (index, query)=>{
-                            onQueryRun(index, query);
-                            // If spec has not changed, refetch to update the data
-                            if (JSON.stringify(panelDefinition.spec.queries?.[index]) === JSON.stringify(query)) {
-                                queryResults[index]?.refetch?.();
-                            }
-                        }
-                    })
-            })
-        });
-    }
-    if (panelOptionsEditorComponents) {
-        tabs = tabs.concat(panelOptionsEditorComponents.map(({ label, content: OptionsEditorComponent })=>({
-                label,
-                content: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
-                    control: control,
-                    name: "panelDefinition.spec.plugin.spec",
-                    render: ({ field })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(OptionsEditorComponent, {
-                            value: panelDefinition.spec.plugin.spec,
-                            onChange: (spec)=>{
-                                field.onChange(spec);
-                                onPluginSpecChange(spec);
-                            }
-                        })
-                })
-            })));
-    }
-    // annotations are common to all panel plugins, but only shown for plugins that render them
-    if (supportsAnnotations) {
-        tabs.push({
-            label: 'Annotations',
-            content: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
-                control: control,
-                name: "panelDefinition.spec.annotations",
-                render: ({ field })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_PanelAnnotationsEditor.PanelAnnotationsEditor, {
-                        value: panelDefinition.spec.annotations ?? [],
-                        onChange: (annotations)=>{
-                            field.onChange(annotations);
-                            onAnnotationsChange(annotations);
-                        }
-                    })
-            })
-        });
-    }
-    // Always show the JSON editor, Links editor, and Layout editor by default.
-    tabs.push({
-        label: 'Links',
-        content: /*#__PURE__*/ (0, _jsxruntime.jsx)(_LinksEditor.LinksEditor, {
-            control: control
-        })
-    });
-    tabs.push({
-        label: 'JSON',
-        content: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
-            control: control,
-            name: "panelDefinition",
-            render: ({ field })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_components.JSONEditor, {
-                    maxHeight: "80vh",
-                    value: panelDefinition,
-                    onChange: (json)=>{
-                        field.onChange(JSON.parse(json));
-                        onJSONChange(json);
-                    }
-                })
-        })
-    });
-    tabs.push({
-        label: 'Layout',
-        content: /*#__PURE__*/ (0, _jsxruntime.jsx)(_LayoutEditor.LayoutEditor, {
-            control: control,
-            variableDefinitionGroups: variableDefinitionGroups,
-            panelGroups: panelGroups
-        })
-    });
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_OptionsEditorTabs.OptionsEditorTabs, {
-        tabs: tabs
-    }, tabs.length);
-});
-PanelSpecEditor.displayName = 'PanelSpecEditor';

package/dist/cjs/components/PanelSpecEditor/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("./PanelSpecEditor"), 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/PluginEditor/PluginEditor.js

@@ -1,99 +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, "PluginEditor", {
-    enumerable: true,
-    get: function() {
-        return PluginEditor;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _components = require("@perses-dev/components");
-const _Reload = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Reload"));
-const _react = require("react");
-const _PluginKindSelect = require("../PluginKindSelect");
-const _PluginSpecEditor = require("../PluginSpecEditor");
-const _plugineditorapi = require("./plugin-editor-api");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function PluginEditor(props) {
-    const { value, withRunQueryButton = true, pluginTypes, pluginKindLabel, onChange: _, isReadonly, onRunQuery, filteredQueryPlugins, testConnection, ...others } = props;
-    const { pendingSelection, isLoading, error, onSelectionChange, onSpecChange } = (0, _plugineditorapi.usePluginEditor)(props);
-    const handleSpecChange = (0, _react.useCallback)((nextSpec)=>{
-        onSpecChange(nextSpec);
-    }, [
-        onSpecChange
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
-        ...others,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
-                sx: {
-                    display: 'flex',
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    justifyContent: 'space-between',
-                    gap: 1,
-                    mb: 1
-                },
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_PluginKindSelect.PluginKindSelect, {
-                        fullWidth: false,
-                        sx: {
-                            minWidth: 120
-                        },
-                        margin: "dense",
-                        label: pluginKindLabel,
-                        pluginTypes: pluginTypes,
-                        disabled: isLoading,
-                        value: pendingSelection ? pendingSelection : value.selection,
-                        slotProps: {
-                            input: {
-                                readOnly: isReadonly
-                            }
-                        },
-                        error: !!error,
-                        helperText: error?.message,
-                        onChange: onSelectionChange,
-                        filteredQueryPlugins: filteredQueryPlugins
-                    }),
-                    withRunQueryButton && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
-                        "data-testid": "run_query_button",
-                        variant: "contained",
-                        startIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Reload.default, {}),
-                        onClick: onRunQuery,
-                        disabled: isLoading,
-                        children: "Run Query"
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.ErrorBoundary, {
-                FallbackComponent: _components.ErrorAlert,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_PluginSpecEditor.PluginSpecEditor, {
-                    pluginSelection: value.selection,
-                    value: value.spec,
-                    onChange: handleSpecChange,
-                    isReadonly: isReadonly,
-                    testConnection: testConnection
-                })
-            })
-        ]
-    });
-}

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

@@ -1,31 +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("./PluginEditor"), exports);
-_export_star(require("./plugin-editor-api"), 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;
-}