@perses-dev/plugin-system 0.27.0 → 0.28.0

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

@@ -0,0 +1,75 @@
+// Copyright 2023 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: ()=>PanelSpecEditor
+});
+const _jsxRuntime = require("react/jsx-runtime");
+const _components = require("@perses-dev/components");
+const _runtime = require("../../runtime");
+const _optionsEditorTabs = require("../OptionsEditorTabs");
+const _timeSeriesQueryEditor = require("../TimeSeriesQueryEditor");
+function PanelSpecEditor(props) {
+    const { panelDefinition , onJSONChange , onQueriesChange , onPluginSpecChange  } = props;
+    const { kind  } = panelDefinition.spec.plugin;
+    const { data: plugin , isLoading , error  } = (0, _runtime.usePlugin)('Panel', kind);
+    if (error) {
+        return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components.ErrorAlert, {
+            error: error
+        });
+    }
+    // TODO: Proper loading indicator
+    if (isLoading) {
+        return null;
+    }
+    if (plugin === undefined) {
+        throw new Error(`Missing implementation for panel plugin with kind '${kind}'`);
+    }
+    const { panelOptionsEditorComponents , hideQueryEditor  } = plugin;
+    let tabs = [];
+    if (!hideQueryEditor) {
+        var _queries;
+        // Since we only support TimeSeriesQuery for now, we will always show a TimeSeriesQueryEditor
+        tabs.push({
+            label: 'Query',
+            content: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_timeSeriesQueryEditor.TimeSeriesQueryEditor, {
+                queries: (_queries = panelDefinition.spec.queries) !== null && _queries !== void 0 ? _queries : [],
+                onChange: onQueriesChange
+            })
+        });
+    }
+    if (panelOptionsEditorComponents !== undefined) {
+        tabs = tabs.concat(panelOptionsEditorComponents.map(({ label , content: OptionsEditorComponent  })=>({
+                label,
+                content: /*#__PURE__*/ (0, _jsxRuntime.jsx)(OptionsEditorComponent, {
+                    value: panelDefinition.spec.plugin.spec,
+                    onChange: onPluginSpecChange
+                })
+            })));
+    }
+    // always show json editor by default
+    tabs.push({
+        label: 'JSON',
+        content: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components.JSONEditor, {
+            value: panelDefinition,
+            onChange: onJSONChange
+        })
+    });
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_optionsEditorTabs.OptionsEditorTabs, {
+        tabs: tabs
+    }, tabs.length);
+}

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

@@ -0,0 +1,28 @@
+// Copyright 2023 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
+});
+_exportStar(require("./PanelSpecEditor"), exports);
+function _exportStar(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

@@ -20,8 +20,8 @@ Object.defineProperty(exports, "PluginEditor", {
 });
 const _jsxRuntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
-const _pluginKindSelect = require("../PluginKindSelect");
-const _pluginSpecEditor = require("../PluginSpecEditor");
+const _pluginKindSelect = require("../PluginKindSelect/PluginKindSelect");
+const _pluginSpecEditor = require("../PluginSpecEditor/PluginSpecEditor");
 const _pluginEditorApi = require("./plugin-editor-api");
 function PluginEditor(props) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars

package/dist/cjs/components/PluginEditor/plugin-editor-api.js

@@ -23,9 +23,11 @@ const _react = require("react");
 const _immer = require("immer");
 const _runtime = require("../../runtime");
 function usePluginEditor(props) {
-    const { pluginType , value  } = props;
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    const { pluginType , value , onHideQueryEditorChange =()=>{}  } = props; // setting onHideQueryEditorChange to empty function here because useEvent requires a function
     // Keep a stable reference so we don't run the effect below when we don't need to
     const onChange = (0, _core.useEvent)(props.onChange);
+    const onHideQuery = (0, _core.useEvent)(onHideQueryEditorChange);
     // The previous spec state for PluginType and kind and a helper function for remembering current values
     const prevSpecState = (0, _react.useRef)({
         [pluginType]: {
@@ -40,6 +42,10 @@ function usePluginEditor(props) {
         }
         byPluginType[value.kind] = value.spec;
     });
+    // The previous hide query state for each panel kind
+    const hideQueryState = (0, _react.useRef)({
+        [value.kind]: false
+    });
     const { defaultPluginKinds  } = (0, _runtime.usePluginRegistry)();
     const defaultPluginKind = defaultPluginKinds === null || defaultPluginKinds === void 0 ? void 0 : defaultPluginKinds[pluginType];
     const initPendingKind = !value.kind && defaultPluginKind ? defaultPluginKind : '';
@@ -58,12 +64,23 @@ function usePluginEditor(props) {
             kind: pendingKind,
             spec: plugin.createInitialOptions()
         });
+        if (pluginType === 'Panel') {
+            const panelPlugin = plugin;
+            hideQueryState.current[pendingKind] = !!panelPlugin.hideQueryEditor;
+            if (!!panelPlugin.hideQueryEditor !== hideQueryState.current[value.kind]) {
+                onHideQuery(!!panelPlugin.hideQueryEditor);
+            }
+        }
         setPendingKind('');
     }, [
         pendingKind,
         plugin,
         rememberCurrentSpecState,
-        onChange
+        onChange,
+        onHideQuery,
+        hideQueryState,
+        pluginType,
+        value.kind
     ]);
     /**
    * When the user tries to change the plugin kind, make sure we have the correct spec for that plugin kind before we
@@ -79,10 +96,13 @@ function usePluginEditor(props) {
                 kind: nextKind,
                 spec: previousState
             });
-            return;
+        } else {
+            // Otherwise, kick off the async loading process
+            setPendingKind(nextKind);
+        }
+        if (pluginType === 'Panel' && hideQueryState.current[nextKind] !== undefined && hideQueryState.current[value.kind] !== hideQueryState.current[nextKind]) {
+            onHideQuery(!!hideQueryState.current[nextKind]);
         }
-        // Otherwise, kick off the async loading process
-        setPendingKind(nextKind);
     };
     /**
    * Spec changes are independent and always just set the spec state.
@@ -96,6 +116,7 @@ function usePluginEditor(props) {
         isLoading: isFetching,
         error,
         onKindChange,
-        onSpecChange
+        onSpecChange,
+        rememberCurrentSpecState
     };
 }

package/dist/cjs/components/{PluginKindSelect.js → PluginKindSelect/PluginKindSelect.js}

@@ -20,7 +20,7 @@ Object.defineProperty(exports, "PluginKindSelect", {
 });
 const _jsxRuntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
-const _runtime = require("../runtime");
+const _runtime = require("../../runtime");
 function PluginKindSelect(props) {
     const { pluginType , value: propValue , ...others } = props;
     const { data , isLoading  } = (0, _runtime.useListPluginMetadata)(pluginType);

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

@@ -0,0 +1,28 @@
+// Copyright 2023 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
+});
+_exportStar(require("./PluginKindSelect"), exports);
+function _exportStar(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/{PluginSpecEditor.js → PluginSpecEditor/PluginSpecEditor.js}

@@ -20,8 +20,7 @@ Object.defineProperty(exports, "PluginSpecEditor", {
 });
 const _jsxRuntime = require("react/jsx-runtime");
 const _components = require("@perses-dev/components");
-const _runtime = require("../runtime");
-const _optionsEditorTabs = require("./OptionsEditorTabs");
+const _runtime = require("../../runtime");
 function PluginSpecEditor(props) {
     const { pluginType , pluginKind , ...others } = props;
     const { data: plugin , isLoading , error  } = (0, _runtime.usePlugin)(pluginType, pluginKind);
@@ -38,34 +37,7 @@ function PluginSpecEditor(props) {
         throw new Error(`Missing implementation for ${pluginType} plugin with kind '${pluginKind}'`);
     }
     if (pluginType === 'Panel') {
-        const { PanelQueryEditorComponent , panelOptionsEditorComponents  } = plugin;
-        let tabs = [];
-        if (PanelQueryEditorComponent !== undefined) {
-            tabs.push({
-                label: 'Query',
-                content: /*#__PURE__*/ (0, _jsxRuntime.jsx)(PanelQueryEditorComponent, {
-                    ...others
-                })
-            });
-        }
-        if (panelOptionsEditorComponents !== undefined) {
-            tabs = tabs.concat(panelOptionsEditorComponents.map(({ label , content: OptionsEditorComponent  })=>({
-                    label,
-                    content: /*#__PURE__*/ (0, _jsxRuntime.jsx)(OptionsEditorComponent, {
-                        ...others
-                    })
-                })));
-        }
-        // always show json editor by default
-        tabs.push({
-            label: 'JSON',
-            content: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components.JSONEditor, {
-                ...others
-            })
-        });
-        return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_optionsEditorTabs.OptionsEditorTabs, {
-            tabs: tabs
-        });
+        throw new Error('This editor should not be used for panel type. Please use Panel Spec Editor instead.');
     }
     const { OptionsEditorComponent  } = plugin;
     if (OptionsEditorComponent !== undefined) {

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

@@ -0,0 +1,28 @@
+// Copyright 2023 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
+});
+_exportStar(require("./PluginSpecEditor"), exports);
+function _exportStar(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/TimeSeriesQueryEditor/TimeSeriesQueryEditor.js

@@ -0,0 +1,142 @@
+// Copyright 2023 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, "TimeSeriesQueryEditor", {
+    enumerable: true,
+    get: ()=>TimeSeriesQueryEditor
+});
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = require("react");
+const _immer = require("immer");
+const _material = require("@mui/material");
+const _plus = /*#__PURE__*/ _interopRequireDefault(require("mdi-material-ui/Plus"));
+const _runtime = require("../../runtime");
+const _timeSeriesQueryInput = require("./TimeSeriesQueryInput");
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const DEFAULT_QUERY_PLUGIN_TYPE = 'TimeSeriesQuery';
+function TimeSeriesQueryEditor({ queries =[] , onChange  }) {
+    const hasMoreThanOneQuery = queries.length > 1;
+    const { defaultPluginKinds  } = (0, _runtime.usePluginRegistry)();
+    var ref;
+    const defaultTimeSeriesQueryKind = (ref = defaultPluginKinds === null || defaultPluginKinds === void 0 ? void 0 : defaultPluginKinds[DEFAULT_QUERY_PLUGIN_TYPE]) !== null && ref !== void 0 ? ref : '';
+    const { data: defaultQueryPlugin  } = (0, _runtime.usePlugin)(DEFAULT_QUERY_PLUGIN_TYPE, defaultTimeSeriesQueryKind, {
+        useErrorBoundary: true,
+        enabled: true
+    });
+    // State for which queries are collapsed
+    // TODO: Would be easier if we had IDs for queries.
+    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 handleQueryAdd = ()=>{
+        if (!defaultQueryPlugin) return;
+        onChange((0, _immer.produce)(queries, (draft)=>{
+            const queryDef = {
+                kind: DEFAULT_QUERY_PLUGIN_TYPE,
+                spec: {
+                    plugin: {
+                        kind: defaultTimeSeriesQueryKind,
+                        spec: defaultQueryPlugin.createInitialOptions()
+                    }
+                }
+            };
+            if (draft) {
+                draft.push(queryDef);
+            } else {
+                draft = [
+                    ...queries,
+                    queryDef
+                ];
+            }
+        }));
+        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
+            ];
+        });
+    };
+    var ref1;
+    // show one query input if queries is empty
+    const queryDefinitions = queries.length ? queries : [
+        {
+            kind: 'TimeSeriesQuery',
+            spec: {
+                plugin: {
+                    kind: (ref1 = defaultPluginKinds === null || defaultPluginKinds === void 0 ? void 0 : defaultPluginKinds['TimeSeriesQuery']) !== null && ref1 !== void 0 ? ref1 : '',
+                    spec: {
+                        query: ''
+                    }
+                }
+            }
+        }
+    ];
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Stack, {
+        spacing: 1,
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Button, {
+                variant: "contained",
+                startIcon: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_plus.default, {}),
+                sx: {
+                    marginLeft: 'auto'
+                },
+                onClick: handleQueryAdd,
+                children: "Add Query"
+            }),
+            queryDefinitions.map((query, i)=>/*#__PURE__*/ (0, _jsxRuntime.jsx)(_timeSeriesQueryInput.TimeSeriesQueryInput, {
+                    index: i,
+                    query: query,
+                    isCollapsed: !!queriesCollapsed[i],
+                    onChange: handleQueryChange,
+                    onDelete: hasMoreThanOneQuery ? handleQueryDelete : undefined,
+                    onCollapseExpand: handleQueryCollapseExpand
+                }, i))
+        ]
+    });
+}

package/dist/cjs/components/TimeSeriesQueryEditor/TimeSeriesQueryInput.js

@@ -0,0 +1,94 @@
+// Copyright 2023 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, "TimeSeriesQueryInput", {
+    enumerable: true,
+    get: ()=>TimeSeriesQueryInput
+});
+const _jsxRuntime = require("react/jsx-runtime");
+const _immer = /*#__PURE__*/ _interopRequireDefault(require("immer"));
+const _material = require("@mui/material");
+const _deleteOutline = /*#__PURE__*/ _interopRequireDefault(require("mdi-material-ui/DeleteOutline"));
+const _chevronDown = /*#__PURE__*/ _interopRequireDefault(require("mdi-material-ui/ChevronDown"));
+const _chevronRight = /*#__PURE__*/ _interopRequireDefault(require("mdi-material-ui/ChevronRight"));
+const _pluginEditor = require("../PluginEditor");
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const TimeSeriesQueryInput = ({ index , query , isCollapsed , onDelete , onChange , onCollapseExpand  })=>{
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Stack, {
+        spacing: 1,
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Stack, {
+                direction: "row",
+                alignItems: "center",
+                borderBottom: 1,
+                borderColor: (theme)=>theme.palette.divider,
+                children: [
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.IconButton, {
+                        size: "small",
+                        onClick: ()=>onCollapseExpand(index),
+                        children: isCollapsed ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_chevronRight.default, {}) : /*#__PURE__*/ (0, _jsxRuntime.jsx)(_chevronDown.default, {})
+                    }),
+                    /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Typography, {
+                        variant: "overline",
+                        component: "h4",
+                        children: [
+                            "Query ",
+                            index + 1
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.IconButton, {
+                        size: "small",
+                        // Use `visibility` to ensure that the row has the same height when delete button is visible or not visible
+                        sx: {
+                            marginLeft: 'auto',
+                            visibility: `${onDelete ? 'visible' : 'hidden'}`
+                        },
+                        onClick: ()=>onDelete && onDelete(index),
+                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_deleteOutline.default, {})
+                    })
+                ]
+            }),
+            !isCollapsed && /*#__PURE__*/ (0, _jsxRuntime.jsx)(QueryEditor, {
+                value: query,
+                onChange: (next)=>onChange(index, next)
+            })
+        ]
+    }, index);
+};
+/**
+ * Displays an editor for TimeSeriesQueryDefinition objects.
+ */ function QueryEditor(props) {
+    const { value , onChange , ...others } = props;
+    const { spec: { plugin  } ,  } = value;
+    const handlePluginChange = (next)=>{
+        onChange((0, _immer.default)(value, (draft)=>{
+            draft.spec.plugin = next;
+        }));
+    };
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Box, {
+        ...others,
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pluginEditor.PluginEditor, {
+            pluginType: "TimeSeriesQuery",
+            pluginKindLabel: "Query Type",
+            value: plugin,
+            onChange: handlePluginChange
+        })
+    });
+}

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

@@ -0,0 +1,28 @@
+// Copyright 2023 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
+});
+_exportStar(require("./TimeSeriesQueryEditor"), exports);
+function _exportStar(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/index.js

@@ -17,6 +17,7 @@ Object.defineProperty(exports, "__esModule", {
 _exportStar(require("./CalculationSelector"), exports);
 _exportStar(require("./DatasourceSelect"), exports);
 _exportStar(require("./OptionsEditorTabs"), exports);
+_exportStar(require("./PanelSpecEditor"), exports);
 _exportStar(require("./PluginEditor"), exports);
 _exportStar(require("./PluginKindSelect"), exports);
 _exportStar(require("./PluginRegistry"), exports);

package/dist/cjs/runtime/DataQueriesProvider/DataQueriesProvider.js

@@ -0,0 +1,88 @@
+// Copyright 2023 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, {
+    useDataQueries: ()=>useDataQueries,
+    DataQueriesContext: ()=>DataQueriesContext,
+    useDataQueriesContext: ()=>useDataQueriesContext,
+    DataQueriesProvider: ()=>DataQueriesProvider
+});
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = require("react");
+const _timeSeriesQueries = require("../time-series-queries");
+function useDataQueries() {
+    const ctx = useDataQueriesContext();
+    return ctx;
+}
+const DataQueriesContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
+function useDataQueriesContext() {
+    const ctx = (0, _react.useContext)(DataQueriesContext);
+    if (ctx === undefined) {
+        throw new Error('No DataQueriesContext found. Did you forget a Provider?');
+    }
+    return ctx;
+}
+function DataQueriesProvider(props) {
+    const { definitions , options , children  } = props;
+    // For now we will map each query plugin definition to TimeSeriesQueryDefinition
+    // Later on when we add support for other query types,
+    // we will have to map each query maps to the correct QueryDefinition
+    const timeSeriesQueries = definitions.map((definition)=>({
+            kind: 'TimeSeriesQuery',
+            spec: {
+                plugin: definition
+            }
+        }));
+    const results = (0, _timeSeriesQueries.useTimeSeriesQueries)(timeSeriesQueries, options);
+    const data = results.map(({ data , isFetching , isLoading , refetch , error  }, i)=>{
+        return {
+            definition: definitions[i],
+            data,
+            isFetching,
+            isLoading,
+            refetch,
+            error
+        };
+    });
+    const refetchAll = (0, _react.useCallback)(()=>{
+        results.forEach((result)=>result.refetch());
+    }, [
+        results
+    ]);
+    const ctx = (0, _react.useMemo)(()=>{
+        return {
+            queryResults: data,
+            isFetching: results.some((result)=>result.isFetching),
+            isLoading: results.some((result)=>result.isLoading),
+            refetchAll,
+            errors: results.map((result)=>result.error)
+        };
+    }, [
+        data,
+        results,
+        refetchAll
+    ]);
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(DataQueriesContext.Provider, {
+        value: ctx,
+        children: children
+    });
+}