@perses-dev/components 0.53.0-beta.3 → 0.53.0-beta.4

package/dist/cjs/ContentWithLegend/model/content-with-legend-model.js

@@ -17,14 +17,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    TABLE_LEGEND_SIZE: function() {
+    get TABLE_LEGEND_SIZE () {
         return TABLE_LEGEND_SIZE;
     },
-    getContentWithLegendLayout: function() {
+    get getContentWithLegendLayout () {
         return getContentWithLegendLayout;
     }
 });

package/dist/cjs/DragAndDrop/DragAndDropList.js

@@ -17,14 +17,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    DragAndDropElement: function() {
+    get DragAndDropElement () {
         return DragAndDropElement;
     },
-    useDragAndDropMonitor: function() {
+    get useDragAndDropMonitor () {
         return useDragAndDropMonitor;
     }
 });

package/dist/cjs/DragAndDrop/DragButton.js

@@ -17,17 +17,17 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    DragButton: function() {
+    get DragButton () {
         return DragButton;
     },
-    handleMoveDown: function() {
+    get handleMoveDown () {
         return handleMoveDown;
     },
-    handleMoveUp: function() {
+    get handleMoveUp () {
         return handleMoveUp;
     }
 });

package/dist/cjs/LinksEditor/LinkEditorForm.js

@@ -0,0 +1,95 @@
+// Copyright 2025 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, "LinkEditorForm", {
+    enumerable: true,
+    get: function() {
+        return LinkEditorForm;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _material = require("@mui/material");
+const _controls = require("../controls");
+const LinkEditorForm = (props)=>{
+    const { mode, url, name, newTabOpen, renderVariables, tooltip } = props;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+        direction: "column",
+        gap: 2,
+        flexGrow: 1,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_controls.TextField, {
+                label: url.label,
+                error: url.error?.hasError,
+                helperText: url.error?.helperText,
+                onChange: url.onChange,
+                placeholder: url.placeholder,
+                multiline: true,
+                maxRows: 5,
+                required: true,
+                fullWidth: true,
+                value: url.value
+            }),
+            (name || tooltip) && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+                gap: 1,
+                direction: mode === 'inline' ? 'row' : 'column',
+                children: [
+                    name && /*#__PURE__*/ (0, _jsxruntime.jsx)(_controls.TextField, {
+                        sx: {
+                            flexGrow: '1'
+                        },
+                        label: name.label,
+                        onChange: name?.onChange,
+                        placeholder: name?.placeholder,
+                        value: name?.value
+                    }),
+                    tooltip && /*#__PURE__*/ (0, _jsxruntime.jsx)(_controls.TextField, {
+                        sx: {
+                            flexGrow: '1'
+                        },
+                        label: tooltip.label,
+                        onChange: tooltip?.onChange,
+                        placeholder: tooltip?.placeholder,
+                        value: tooltip?.value
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+                direction: "row",
+                gap: 1,
+                children: [
+                    renderVariables && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.FormControlLabel, {
+                        label: renderVariables.label,
+                        control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Checkbox, {
+                            checked: renderVariables.value,
+                            onChange: (e)=>{
+                                renderVariables?.onChange(e.target.checked);
+                            }
+                        })
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.FormControlLabel, {
+                        label: newTabOpen.label,
+                        control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Checkbox, {
+                            checked: newTabOpen.value,
+                            onChange: (e)=>{
+                                newTabOpen?.onChange(e.target.checked);
+                            }
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};

package/dist/cjs/LinksEditor/LinksEditor.js

@@ -26,6 +26,7 @@ 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 _LinkEditorForm = require("./LinkEditorForm");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -87,90 +88,75 @@ function LinksEditor({ control, ...props }) {
     });
 }
 function LinkControl({ control, index }) {
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-        gap: 2,
-        flexGrow: 1,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                direction: "row",
-                gap: 2,
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
-                        control: control,
-                        name: `panelDefinition.spec.links.${index}.url`,
-                        render: ({ field, fieldState })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                                ...field,
-                                required: true,
-                                fullWidth: true,
-                                label: "URL",
-                                error: !!fieldState.error,
-                                helperText: fieldState.error?.message,
-                                onChange: (event)=>{
-                                    field.onChange(event);
-                                }
-                            })
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
-                        control: control,
-                        name: `panelDefinition.spec.links.${index}.name`,
-                        render: ({ field, fieldState })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                                ...field,
-                                fullWidth: true,
-                                label: "Name",
-                                error: !!fieldState.error,
-                                helperText: fieldState.error?.message,
-                                onChange: (event)=>{
-                                    field.onChange(event);
-                                }
-                            })
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
-                        control: control,
-                        name: `panelDefinition.spec.links.${index}.tooltip`,
-                        render: ({ field, fieldState })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                                ...field,
-                                fullWidth: true,
-                                label: "Tooltip",
-                                error: !!fieldState.error,
-                                helperText: fieldState.error?.message,
-                                onChange: (event)=>{
-                                    field.onChange(event);
-                                }
-                            })
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                gap: 2,
-                direction: "row",
-                alignItems: "center",
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
-                        control: control,
-                        name: `panelDefinition.spec.links.${index}.renderVariables`,
-                        render: ({ field })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.FormControlLabel, {
-                                label: "Render Variables",
-                                control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Checkbox, {
-                                    ...field,
-                                    checked: field.value,
-                                    onChange: (e)=>field.onChange(e.target.checked)
-                                })
-                            })
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
-                        control: control,
-                        name: `panelDefinition.spec.links.${index}.targetBlank`,
-                        render: ({ field })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.FormControlLabel, {
-                                label: "Open in new tab",
-                                control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Checkbox, {
-                                    ...field,
-                                    checked: field.value,
-                                    onChange: (e)=>field.onChange(e.target.checked)
-                                })
-                            })
-                    })
-                ]
-            })
-        ]
+    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)(_LinkEditorForm.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/LinksEditor/index.js

@@ -15,6 +15,7 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 _export_star(require("./LinksEditor"), exports);
+_export_star(require("./LinkEditorForm"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/dist/cjs/Overlay/Overlay.js

@@ -17,17 +17,17 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    LoadingOverlay: function() {
+    get LoadingOverlay () {
         return LoadingOverlay;
     },
-    NoDataOverlay: function() {
+    get NoDataOverlay () {
         return NoDataOverlay;
     },
-    TextOverlay: function() {
+    get TextOverlay () {
         return TextOverlay;
     }
 });

package/dist/cjs/Table/model/table-model.js

@@ -17,20 +17,20 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    DEFAULT_COLUMN_HEIGHT: function() {
+    get DEFAULT_COLUMN_HEIGHT () {
         return DEFAULT_COLUMN_HEIGHT;
     },
-    DEFAULT_COLUMN_WIDTH: function() {
+    get DEFAULT_COLUMN_WIDTH () {
         return DEFAULT_COLUMN_WIDTH;
     },
-    getTableCellLayout: function() {
+    get getTableCellLayout () {
         return getTableCellLayout;
     },
-    persesColumnsToTanstackColumns: function() {
+    get persesColumnsToTanstackColumns () {
         return persesColumnsToTanstackColumns;
     }
 });

package/dist/cjs/TimeRangeSelector/utils.js

@@ -17,23 +17,23 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    DATE_TIME_FORMAT: function() {
+    get DATE_TIME_FORMAT () {
         return DATE_TIME_FORMAT;
     },
-    buildCustomTimeOption: function() {
+    get buildCustomTimeOption () {
         return buildCustomTimeOption;
     },
-    formatAbsoluteRange: function() {
+    get formatAbsoluteRange () {
         return formatAbsoluteRange;
     },
-    formatTimeRange: function() {
+    get formatTimeRange () {
         return formatTimeRange;
     },
-    validateDateRange: function() {
+    get validateDateRange () {
         return validateDateRange;
     }
 });

package/dist/cjs/TimeSeriesTooltip/nearby-series.js

@@ -17,35 +17,35 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    DYNAMIC_NEARBY_SERIES_MULTIPLIER: function() {
+    get DYNAMIC_NEARBY_SERIES_MULTIPLIER () {
         return DYNAMIC_NEARBY_SERIES_MULTIPLIER;
     },
-    INCREASE_NEARBY_SERIES_MULTIPLIER: function() {
+    get INCREASE_NEARBY_SERIES_MULTIPLIER () {
         return INCREASE_NEARBY_SERIES_MULTIPLIER;
     },
-    SHOW_FEWER_SERIES_LIMIT: function() {
+    get SHOW_FEWER_SERIES_LIMIT () {
         return SHOW_FEWER_SERIES_LIMIT;
     },
-    checkforNearbyTimeSeries: function() {
+    get checkforNearbyTimeSeries () {
         return checkforNearbyTimeSeries;
     },
-    getNearbySeriesData: function() {
+    get getNearbySeriesData () {
         return getNearbySeriesData;
     },
-    getYBuffer: function() {
+    get getYBuffer () {
         return getYBuffer;
     },
-    isWithinPercentageRange: function() {
+    get isWithinPercentageRange () {
         return isWithinPercentageRange;
     },
-    legacyCheckforNearbySeries: function() {
+    get legacyCheckforNearbySeries () {
         return legacyCheckforNearbySeries;
     },
-    legacyGetNearbySeriesData: function() {
+    get legacyGetNearbySeriesData () {
         return legacyGetNearbySeriesData;
     }
 });

package/dist/cjs/TimeSeriesTooltip/tooltip-model.js

@@ -17,59 +17,59 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    DEFAULT_TOOLTIP_CONFIG: function() {
+    get DEFAULT_TOOLTIP_CONFIG () {
         return DEFAULT_TOOLTIP_CONFIG;
     },
-    EMPHASIZED_SERIES_DESCRIPTION: function() {
+    get EMPHASIZED_SERIES_DESCRIPTION () {
         return EMPHASIZED_SERIES_DESCRIPTION;
     },
-    EMPTY_TOOLTIP_DATA: function() {
+    get EMPTY_TOOLTIP_DATA () {
         return EMPTY_TOOLTIP_DATA;
     },
-    FALLBACK_CHART_WIDTH: function() {
+    get FALLBACK_CHART_WIDTH () {
         return FALLBACK_CHART_WIDTH;
     },
-    NEARBY_SERIES_DESCRIPTION: function() {
+    get NEARBY_SERIES_DESCRIPTION () {
         return NEARBY_SERIES_DESCRIPTION;
     },
-    PIN_TOOLTIP_HELP_TEXT: function() {
+    get PIN_TOOLTIP_HELP_TEXT () {
         return PIN_TOOLTIP_HELP_TEXT;
     },
-    TOOLTIP_ADJUST_Y_POS_MULTIPLIER: function() {
+    get TOOLTIP_ADJUST_Y_POS_MULTIPLIER () {
         return TOOLTIP_ADJUST_Y_POS_MULTIPLIER;
     },
-    TOOLTIP_BG_COLOR_FALLBACK: function() {
+    get TOOLTIP_BG_COLOR_FALLBACK () {
         return TOOLTIP_BG_COLOR_FALLBACK;
     },
-    TOOLTIP_DATE_FORMAT: function() {
+    get TOOLTIP_DATE_FORMAT () {
         return TOOLTIP_DATE_FORMAT;
     },
-    TOOLTIP_LABELS_MAX_WIDTH: function() {
+    get TOOLTIP_LABELS_MAX_WIDTH () {
         return TOOLTIP_LABELS_MAX_WIDTH;
     },
-    TOOLTIP_MAX_HEIGHT: function() {
+    get TOOLTIP_MAX_HEIGHT () {
         return TOOLTIP_MAX_HEIGHT;
     },
-    TOOLTIP_MAX_WIDTH: function() {
+    get TOOLTIP_MAX_WIDTH () {
         return TOOLTIP_MAX_WIDTH;
     },
-    TOOLTIP_MIN_WIDTH: function() {
+    get TOOLTIP_MIN_WIDTH () {
         return TOOLTIP_MIN_WIDTH;
     },
-    TOOLTIP_PADDING: function() {
+    get TOOLTIP_PADDING () {
         return TOOLTIP_PADDING;
     },
-    UNPIN_TOOLTIP_HELP_TEXT: function() {
+    get UNPIN_TOOLTIP_HELP_TEXT () {
         return UNPIN_TOOLTIP_HELP_TEXT;
     },
-    defaultCursorData: function() {
+    get defaultCursorData () {
         return defaultCursorData;
     },
-    useMousePosition: function() {
+    get useMousePosition () {
         return useMousePosition;
     }
 });

package/dist/cjs/TimeSeriesTooltip/utils.js

@@ -17,14 +17,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    assembleTransform: function() {
+    get assembleTransform () {
         return assembleTransform;
     },
-    getTooltipStyles: function() {
+    get getTooltipStyles () {
         return getTooltipStyles;
     }
 });

package/dist/cjs/context/ChartsProvider.js

@@ -17,20 +17,20 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    ChartsProvider: function() {
+    get ChartsProvider () {
         return ChartsProvider;
     },
-    ChartsThemeContext: function() {
+    get ChartsThemeContext () {
         return ChartsThemeContext;
     },
-    useChartsContext: function() {
+    get useChartsContext () {
         return useChartsContext;
     },
-    useChartsTheme: function() {
+    get useChartsTheme () {
         return useChartsTheme;
     }
 });

package/dist/cjs/context/SnackbarProvider.js

@@ -17,14 +17,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    SnackbarProvider: function() {
+    get SnackbarProvider () {
         return SnackbarProvider;
     },
-    useSnackbar: function() {
+    get useSnackbar () {
         return useSnackbar;
     }
 });

package/dist/cjs/context/TimeZoneProvider.js

@@ -17,17 +17,17 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    TimeZoneContext: function() {
+    get TimeZoneContext () {
         return TimeZoneContext;
     },
-    TimeZoneProvider: function() {
+    get TimeZoneProvider () {
         return TimeZoneProvider;
     },
-    useTimeZone: function() {
+    get useTimeZone () {
         return useTimeZone;
     }
 });

package/dist/cjs/model/graph.js

@@ -17,17 +17,17 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    DEFAULT_PINNED_CROSSHAIR: function() {
+    get DEFAULT_PINNED_CROSSHAIR () {
         return DEFAULT_PINNED_CROSSHAIR;
     },
-    OPTIMIZED_MODE_SERIES_LIMIT: function() {
+    get OPTIMIZED_MODE_SERIES_LIMIT () {
         return OPTIMIZED_MODE_SERIES_LIMIT;
     },
-    PINNED_CROSSHAIR_SERIES_NAME: function() {
+    get PINNED_CROSSHAIR_SERIES_NAME () {
         return PINNED_CROSSHAIR_SERIES_NAME;
     }
 });