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

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

@@ -1,69 +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, "PluginSpecEditor", {
-    enumerable: true,
-    get: function() {
-        return PluginSpecEditor;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _components = require("@perses-dev/components");
-const _runtime = require("../../runtime");
-const _DatasourceSpecEditor = require("./DatasourceSpecEditor");
-function isDatasourcePlugin(pluginType, plugin) {
-    return pluginType === 'Datasource' && 'createClient' in plugin;
-}
-function PluginSpecEditor(props) {
-    const { pluginSelection: { type: pluginType, kind: pluginKind }, value, testConnection, ...others } = props;
-    const { data: plugin, isLoading, error } = (0, _runtime.usePlugin)(pluginType, pluginKind);
-    if (error) {
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.ErrorAlert, {
-            error: error
-        });
-    }
-    if (isLoading) {
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
-            width: "100%",
-            sx: {
-                alignItems: 'center',
-                justifyContent: 'center'
-            },
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.CircularProgress, {})
-        });
-    }
-    if (!plugin) {
-        throw new Error(`Missing implementation for ${pluginType} plugin with kind '${pluginKind}'`);
-    }
-    if (pluginType === 'Panel') {
-        throw new Error('This editor should not be used for panel type. Please use Panel Spec Editor instead.');
-    }
-    if (isDatasourcePlugin(pluginType, plugin)) {
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_DatasourceSpecEditor.DatasourceSpecEditor, {
-            plugin: plugin,
-            pluginKind: pluginKind,
-            value: value,
-            testConnection: testConnection,
-            ...others
-        });
-    }
-    const { OptionsEditorComponent } = plugin;
-    return OptionsEditorComponent ? /*#__PURE__*/ (0, _jsxruntime.jsx)(OptionsEditorComponent, {
-        ...others,
-        value: value
-    }) : null;
-}

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

@@ -1,43 +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, "SelectionOptionsEditor", {
-    enumerable: true,
-    get: function() {
-        return SelectionOptionsEditor;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _components = require("@perses-dev/components");
-function SelectionOptionsEditor({ value, onChange }) {
-    const handleEnabledChange = (_, checked)=>{
-        onChange(checked ? {
-            enabled: true
-        } : undefined);
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorGroup, {
-        title: "Selection",
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-            label: "Enable Selection",
-            description: "Allow selecting items to enable actions on selected data",
-            control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Switch, {
-                checked: value?.enabled ?? false,
-                onChange: handleEnabledChange
-            })
-        })
-    });
-}

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

@@ -1,235 +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
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get DEFAULT_REFRESH_INTERVAL_OPTIONS () {
-        return DEFAULT_REFRESH_INTERVAL_OPTIONS;
-    },
-    get TimeRangeControls () {
-        return TimeRangeControls;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _components = require("@perses-dev/components");
-const _spec = require("@perses-dev/spec");
-const _datefns = require("date-fns");
-const _MinusCircleOutline = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/MinusCircleOutline"));
-const _PlusCircleOutline = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/PlusCircleOutline"));
-const _Refresh = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Refresh"));
-const _react = require("react");
-const _constants = require("../../constants");
-const _runtime = require("../../runtime");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const DEFAULT_REFRESH_INTERVAL_OPTIONS = [
-    {
-        value: {
-            pastDuration: '0s'
-        },
-        display: 'Off'
-    },
-    {
-        value: {
-            pastDuration: '5s'
-        },
-        display: '5s'
-    },
-    {
-        value: {
-            pastDuration: '10s'
-        },
-        display: '10s'
-    },
-    {
-        value: {
-            pastDuration: '15s'
-        },
-        display: '15s'
-    },
-    {
-        value: {
-            pastDuration: '30s'
-        },
-        display: '30s'
-    },
-    {
-        value: {
-            pastDuration: '60s'
-        },
-        display: '1m'
-    }
-];
-const DEFAULT_HEIGHT = '34px';
-function TimeRangeControls({ heightPx, showTimeRangeSelector = true, showRefreshButton = true, showRefreshInterval = true, showCustomTimeRange, showZoomButtons = true, timePresets, timeZone, onTimeZoneChange }) {
-    const { timeRange, setTimeRange, refresh, refreshInterval, setRefreshInterval } = (0, _runtime.useTimeRange)();
-    const showCustomTimeRangeValue = (0, _runtime.useShowCustomTimeRangeSetting)(showCustomTimeRange);
-    const showZoomInOutButtons = (0, _runtime.useShowZoomRangeSetting)(showZoomButtons);
-    const isAutoRefreshDisabled = (0, _runtime.useDisableAutoRefreshSetting)();
-    const timePresetsValue = (0, _runtime.useTimeRangeOptionsSetting)(timePresets);
-    // Convert height to a string, then use the string for styling
-    const height = heightPx === undefined ? DEFAULT_HEIGHT : `${heightPx}px`;
-    // add time preset if one does not match duration given in time range, keeping the list ordered by duration
-    if ('pastDuration' in timeRange && !timePresetsValue.some((option)=>option.value.pastDuration === timeRange['pastDuration'])) {
-        const durationMs = (0, _datefns.milliseconds)((0, _spec.parseDurationString)(timeRange['pastDuration']));
-        const insertionIndex = timePresetsValue.findIndex((option)=>(0, _datefns.milliseconds)((0, _spec.parseDurationString)(option.value.pastDuration)) > durationMs);
-        timePresetsValue.splice(insertionIndex === -1 ? timePresetsValue.length : insertionIndex, 0, (0, _components.buildRelativeTimeOption)(timeRange['pastDuration']));
-    }
-    // set the new refresh interval both in the dashboard context & as query param
-    const handleRefreshIntervalChange = (0, _react.useCallback)((duration)=>{
-        setRefreshInterval(duration);
-    }, [
-        setRefreshInterval
-    ]);
-    const fromDurationToMillis = (strDuration)=>{
-        const duration = (0, _spec.parseDurationString)(strDuration);
-        const millis = ((duration.seconds ?? 0) + (duration.minutes ?? 0) * 60 + (duration.hours ?? 0) * 3600 + (duration.days ?? 0) * 86400 + (duration.weeks ?? 0) * 7 * 86400 + (duration.months ?? 0) * 30.436875 * 86400 + // avg month duration is ok for zoom purposes
-        (duration.years ?? 0) * 365.2425 * 86400) * // avg year duration is ok for zoom purposes
-        1000; // to milliseconds
-        return millis;
-    };
-    // Function to double current time range, adding 50% before current start and 50% after current end
-    const doubleTimeRange = ()=>{
-        let newStart, newEnd, extendEndsBy;
-        const now = new Date();
-        if (Object.hasOwn(timeRange, 'start')) {
-            // current range is absolute
-            const absVal = timeRange;
-            extendEndsBy = (absVal.end.getTime() - absVal.start.getTime()) / 2; // half it to add 50% before current start and after current end
-            newStart = new Date(absVal.start.getTime() - extendEndsBy);
-            newEnd = new Date(absVal.end.getTime() + extendEndsBy);
-        } else {
-            // current range is relative
-            const relVal = timeRange;
-            extendEndsBy = fromDurationToMillis(relVal.pastDuration) / 2;
-            newEnd = typeof relVal.end === 'undefined' ? now : new Date(relVal.end.getTime() + extendEndsBy);
-            newStart = new Date(newEnd.getTime() - extendEndsBy * 4);
-        }
-        if (newEnd.getTime() > now.getTime()) {
-            // if the new computed end is in the future
-            newEnd = now;
-            newStart.setTime(now.getTime() - extendEndsBy * 4);
-        }
-        if (newStart.getTime() < 1) {
-            newStart.setTime(1);
-        }
-        return {
-            start: newStart,
-            end: newEnd
-        };
-    };
-    // Function to half current time range, cutting 25% before current start and 25% after current end
-    const halfTimeRange = ()=>{
-        let newStart, newEnd;
-        if (Object.hasOwn(timeRange, 'start')) {
-            const absVal = timeRange;
-            const shrinkEndsBy = (absVal.end.getTime() - absVal.start.getTime()) / 4;
-            newStart = new Date(absVal.start.getTime() + shrinkEndsBy);
-            newEnd = new Date(absVal.end.getTime() - shrinkEndsBy);
-        } else {
-            const relVal = timeRange;
-            const shrinkEndsBy = fromDurationToMillis(relVal.pastDuration) / 4; // 25% of it to cut after current start and before current end
-            const endIsAbsolute = typeof relVal.end !== 'undefined';
-            newEnd = endIsAbsolute ? new Date(relVal.end.getTime() - shrinkEndsBy) : new Date();
-            newStart = new Date(newEnd.getTime() - shrinkEndsBy * 2);
-        }
-        if (newStart.getTime() >= newEnd.getTime() - 1000) {
-            newStart.setTime(newEnd.getTime() - 1000);
-        }
-        return {
-            start: newStart,
-            end: newEnd
-        };
-    };
-    const setHalfTimeRange = ()=>setTimeRange(halfTimeRange());
-    const setDoubleTimeRange = ()=>setTimeRange(doubleTimeRange());
-    const handleTimeZoneChange = (0, _react.useCallback)((tz)=>{
-        onTimeZoneChange(tz);
-    }, [
-        onTimeZoneChange
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-        direction: "row",
-        spacing: 1,
-        children: [
-            showTimeRangeSelector && /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.TimeRangeSelector, {
-                timeOptions: timePresetsValue,
-                value: timeRange,
-                onChange: setTimeRange,
-                height: height,
-                showCustomTimeRange: showCustomTimeRangeValue,
-                timeZone: timeZone,
-                timeZoneOptions: (0, _components.getTimeZoneOptions)(),
-                onTimeZoneChange: handleTimeZoneChange
-            }),
-            showZoomInOutButtons && /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.InfoTooltip, {
-                description: _constants.TOOLTIP_TEXT.zoomOut,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.ToolbarIconButton, {
-                    "aria-label": _constants.TOOLTIP_TEXT.zoomOut,
-                    onClick: setDoubleTimeRange,
-                    sx: {
-                        height
-                    },
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_MinusCircleOutline.default, {})
-                })
-            }),
-            showZoomInOutButtons && /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.InfoTooltip, {
-                description: _constants.TOOLTIP_TEXT.zoomIn,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.ToolbarIconButton, {
-                    "aria-label": _constants.TOOLTIP_TEXT.zoomIn,
-                    onClick: setHalfTimeRange,
-                    sx: {
-                        height
-                    },
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_PlusCircleOutline.default, {})
-                })
-            }),
-            showRefreshButton && /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.InfoTooltip, {
-                description: _constants.TOOLTIP_TEXT.refresh,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.ToolbarIconButton, {
-                    "aria-label": _constants.TOOLTIP_TEXT.refresh,
-                    onClick: refresh,
-                    sx: {
-                        height
-                    },
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Refresh.default, {})
-                })
-            }),
-            showRefreshInterval && !isAutoRefreshDisabled && /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.InfoTooltip, {
-                description: _constants.TOOLTIP_TEXT.refreshInterval,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.RefreshIntervalPicker, {
-                    timeOptions: DEFAULT_REFRESH_INTERVAL_OPTIONS,
-                    value: /* TODO: There is a bug here which should be fixed in a proper way. (This is only a quick remedy)
-                 display: 1m has the pastDuration of 60s. Initially (if the persisted value is 1m) when the page is loaded, instead of 60s, 1m is passed down.              
-                 This only happens for 1m, because for other items the display and the pastDuration are the same.  Example 30s-30s
-                 HERE The value MUST always be pastDuration, otherwise the component would not work as expected. 
-              */ DEFAULT_REFRESH_INTERVAL_OPTIONS.some((i)=>i.value.pastDuration === refreshInterval) ? refreshInterval : DEFAULT_REFRESH_INTERVAL_OPTIONS.find((i)=>i.display === refreshInterval)?.value.pastDuration,
-                    onChange: handleRefreshIntervalChange,
-                    height: height
-                })
-            })
-        ]
-    });
-}

package/dist/cjs/components/TimeRangeControls/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("./TimeRangeControls"), 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;
-}