@perses-dev/components 0.21.1 → 0.23.0

package/dist/cjs/DateTimeRangePicker/AbsoluteTimePicker.js

@@ -1,4 +1,4 @@
-// Copyright 2022 The Perses Authors
+// 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
@@ -26,37 +26,60 @@ const _adapterDateFns = require("@mui/x-date-pickers/AdapterDateFns");
 const _timeZoneProvider = require("../context/TimeZoneProvider");
 const _utils = require("./utils");
 const DATE_TIME_FORMAT = 'yyyy-MM-dd HH:mm:ss';
-const AbsoluteTimePicker = ({ initialTimeRange , onChange  })=>{
+const AbsoluteTimePicker = ({ initialTimeRange , onChange , onCancel  })=>{
+    const { formatWithUserTimeZone  } = (0, _timeZoneProvider.useTimeZone)();
+    // Time range values as dates that can be used as a time range.
     const [timeRange, setTimeRange] = (0, _react.useState)(initialTimeRange);
+    // Time range values as strings used to populate the text inputs. May not
+    // be valid as dates when the user is typing.
+    const [timeRangeInputs, setTimeRangeInputs] = (0, _react.useState)({
+        start: formatWithUserTimeZone(initialTimeRange.start, DATE_TIME_FORMAT),
+        end: formatWithUserTimeZone(initialTimeRange.end, DATE_TIME_FORMAT)
+    });
     const [showStartCalendar, setShowStartCalendar] = (0, _react.useState)(true);
-    const { formatWithUserTimeZone  } = (0, _timeZoneProvider.useTimeZone)();
-    // validate start and end time, propagate changes
-    const updateDateRange = (input, isStartDate)=>{
-        const newDate = new Date(input);
-        if (isStartDate === true) {
-            const isValidDateRange = (0, _utils.validateDateRange)(newDate, timeRange.end);
-            if (isValidDateRange === true) {
-                setTimeRange((current)=>{
-                    const updatedRange = {
-                        start: newDate,
-                        end: current.end
-                    };
-                    onChange(updatedRange);
-                    return updatedRange;
-                });
-            }
-        } else {
-            const isValidDateRange1 = (0, _utils.validateDateRange)(timeRange.start, newDate);
-            if (isValidDateRange1 === true) {
-                setTimeRange((current)=>{
-                    const updatedRange = {
-                        start: current.start,
-                        end: newDate
-                    };
-                    onChange(updatedRange);
-                    return updatedRange;
-                });
-            }
+    const changeTimeRange = (newTime, segment)=>{
+        const isInputChange = typeof newTime === 'string';
+        const newInputTime = isInputChange ? newTime : formatWithUserTimeZone(newTime, DATE_TIME_FORMAT);
+        setTimeRangeInputs((prevTimeRangeInputs)=>{
+            return {
+                ...prevTimeRangeInputs,
+                [segment]: newInputTime
+            };
+        });
+        // When the change is a string from an input, do not try to convert it to
+        // a date because there are likely to be interim stages of editing where it
+        // is not valid as a date. When the change is a Date from the calendar/clock
+        // interface, we can be sure it is a date.
+        if (!isInputChange) {
+            setTimeRange((prevTimeRange)=>{
+                return {
+                    ...prevTimeRange,
+                    [segment]: newTime
+                };
+            });
+        }
+    };
+    const onChangeStartTime = (newStartTime)=>{
+        changeTimeRange(newStartTime, 'start');
+    };
+    const onChangeEndTime = (newEndTime)=>{
+        changeTimeRange(newEndTime, 'end');
+    };
+    const updateDateRange = ()=>{
+        const newDates = {
+            start: new Date(timeRangeInputs.start),
+            end: new Date(timeRangeInputs.end)
+        };
+        const isValidDateRange = (0, _utils.validateDateRange)(newDates.start, newDates.end);
+        if (isValidDateRange) {
+            setTimeRange(newDates);
+            return newDates;
+        }
+    };
+    const onApply = ()=>{
+        const newDates = updateDateRange();
+        if (newDates) {
+            onChange(newDates);
         }
     };
     return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_xDatePickers.LocalizationProvider, {
@@ -93,12 +116,7 @@ const AbsoluteTimePicker = ({ initialTimeRange , onChange  })=>{
                             value: initialTimeRange.start,
                             onChange: (newValue)=>{
                                 if (newValue === null) return;
-                                setTimeRange((current)=>{
-                                    return {
-                                        start: newValue,
-                                        end: current.end
-                                    };
-                                });
+                                onChangeStartTime(newValue);
                             },
                             onAccept: ()=>{
                                 setShowStartCalendar(false);
@@ -135,16 +153,12 @@ const AbsoluteTimePicker = ({ initialTimeRange , onChange  })=>{
                             minDateTime: timeRange.start,
                             onChange: (newValue)=>{
                                 if (newValue === null) return;
-                                setTimeRange((current)=>{
-                                    return {
-                                        start: current.start,
-                                        end: newValue
-                                    };
-                                });
+                                onChangeEndTime(newValue);
                             },
-                            onAccept: ()=>{
+                            onAccept: (newValue)=>{
+                                if (newValue === null) return;
                                 setShowStartCalendar(true);
-                                onChange(timeRange);
+                                onChangeEndTime(newValue);
                             },
                             renderInput: (params)=>/*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TextField, {
                                     ...params
@@ -162,24 +176,47 @@ const AbsoluteTimePicker = ({ initialTimeRange , onChange  })=>{
                         /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TextField, {
                             onChange: (event)=>{
                                 // TODO: add helperText, fix validation after we decide on form state solution
-                                updateDateRange(event.target.value, true);
+                                onChangeStartTime(event.target.value);
                             },
-                            value: formatWithUserTimeZone(timeRange.start, DATE_TIME_FORMAT),
+                            onBlur: ()=>updateDateRange(),
+                            value: timeRangeInputs.start,
                             label: "Start Time",
-                            placeholder: "mm/dd/yyyy hh:mm",
+                            placeholder: DATE_TIME_FORMAT,
                             // tel used to match MUI DateTimePicker, may change in future: https://github.com/mui/material-ui/issues/27590
                             type: "tel"
                         }),
                         /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TextField, {
                             onChange: (event)=>{
-                                updateDateRange(event.target.value, false);
+                                onChangeEndTime(event.target.value);
                             },
-                            value: formatWithUserTimeZone(timeRange.end, DATE_TIME_FORMAT),
+                            onBlur: ()=>updateDateRange(),
+                            value: timeRangeInputs.end,
                             label: "End Time",
-                            placeholder: "mm/dd/yyyy hh:mm",
+                            placeholder: DATE_TIME_FORMAT,
                             type: "tel"
                         })
                     ]
+                }),
+                /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Stack, {
+                    direction: "row",
+                    sx: {
+                        padding: (theme)=>theme.spacing(0, 1)
+                    },
+                    gap: 1,
+                    children: [
+                        /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Button, {
+                            variant: "contained",
+                            onClick: ()=>onApply(),
+                            fullWidth: true,
+                            children: "Apply"
+                        }),
+                        /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Button, {
+                            variant: "outlined",
+                            onClick: ()=>onCancel(),
+                            fullWidth: true,
+                            children: "Cancel"
+                        })
+                    ]
                 })
             ]
         })

package/dist/cjs/DateTimeRangePicker/DateTimeRangePicker.js

@@ -1,4 +1,4 @@
-// Copyright 2022 The Perses Authors
+// 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
@@ -54,7 +54,8 @@ function DateTimeRangePicker(props) {
                     onChange: (value)=>{
                         onChange(value);
                         setShowCustomDateSelector(false);
-                    }
+                    },
+                    onCancel: ()=>setShowCustomDateSelector(false)
                 })
             }),
             /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.FormControl, {

package/dist/cjs/DateTimeRangePicker/TimeRangeSelector.js

@@ -1,4 +1,4 @@
-// Copyright 2022 The Perses Authors
+// 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
@@ -38,6 +38,9 @@ function TimeRangeSelector(props) {
         value: formattedValue,
         onChange: onSelectChange,
         IconComponent: _calendar.default,
+        inputProps: {
+            'aria-label': `Select time range. Currently set to ${formattedValue}`
+        },
         sx: {
             '.MuiSelect-icon': {
                 marginTop: '1px'

package/dist/cjs/DateTimeRangePicker/index.js

@@ -1,4 +1,4 @@
-// Copyright 2022 The Perses Authors
+// 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

package/dist/cjs/DateTimeRangePicker/utils.js

@@ -1,4 +1,4 @@
-// Copyright 2022 The Perses Authors
+// 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

package/dist/cjs/Dialog/Dialog.js

@@ -0,0 +1,85 @@
+// 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, "Dialog", {
+    enumerable: true,
+    get: ()=>Dialog
+});
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+const _material = require("@mui/material");
+const _close = /*#__PURE__*/ _interopRequireDefault(require("mdi-material-ui/Close"));
+const _utils = require("../utils");
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Header = ({ children , onClose , ...props })=>{
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.DialogTitle, {
+                ...props,
+                children: children
+            }),
+            onClose && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.IconButton, {
+                "aria-label": "Close",
+                onClick: onClose,
+                sx: dialogCloseIconButtonStyle,
+                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_close.default, {})
+            })
+        ]
+    });
+};
+const Content = ({ children , width =500 , sx , ...props })=>/*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.DialogContent, {
+        dividers: true,
+        ...props,
+        sx: (0, _utils.combineSx)({
+            width: `${width}px`
+        }, sx),
+        children: children
+    });
+const PrimaryButton = ({ children , ...props })=>/*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Button, {
+        variant: "contained",
+        type: "submit",
+        ...props,
+        children: children
+    });
+const SecondaryButton = ({ children , ...props })=>/*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Button, {
+        variant: "outlined",
+        color: "secondary",
+        ...props,
+        children: children
+    });
+/**
+ * Render the CSS of the dialog's close button, according to the given material theme.
+ * @param theme material theme
+ */ const dialogCloseIconButtonStyle = (theme)=>{
+    return {
+        position: 'absolute',
+        top: theme.spacing(0.5),
+        right: theme.spacing(0.5)
+    };
+};
+const Dialog = ({ children , ...props })=>/*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Dialog, {
+        ...props,
+        children: children
+    });
+Dialog.Header = Header;
+Dialog.Content = Content;
+Dialog.PrimaryButton = PrimaryButton;
+Dialog.SecondaryButton = SecondaryButton;
+Dialog.Actions = _material.DialogActions;

package/dist/cjs/{Tooltip → Dialog}/index.js

@@ -1,4 +1,4 @@
-// Copyright 2022 The Perses Authors
+// 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
@@ -14,8 +14,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./Tooltip"), exports);
-_exportStar(require("./SeriesMarker"), exports);
+_exportStar(require("./Dialog"), exports);
 function _exportStar(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {

package/dist/cjs/Drawer/Drawer.js

@@ -1,4 +1,4 @@
-// Copyright 2022 The Perses Authors
+// 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

package/dist/cjs/Drawer/index.js

@@ -1,4 +1,4 @@
-// Copyright 2022 The Perses Authors
+// 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

package/dist/cjs/EChart.js

@@ -1,4 +1,4 @@
-// Copyright 2022 The Perses Authors
+// 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

package/dist/cjs/ErrorAlert.js

@@ -1,4 +1,4 @@
-// Copyright 2022 The Perses Authors
+// 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

package/dist/cjs/ErrorBoundary.js

@@ -1,4 +1,4 @@
-// Copyright 2022 The Perses Authors
+// 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

package/dist/cjs/GaugeChart/GaugeChart.js

@@ -1,4 +1,4 @@
-// Copyright 2022 The Perses Authors
+// 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
@@ -168,10 +168,7 @@ function GaugeChart(props) {
                         color: 'inherit',
                         fontSize: valueSizeClamp,
                         formatter: (value)=>{
-                            return (0, _units.formatValue)(value, {
-                                kind: unit.kind,
-                                decimal_places: 0
-                            });
+                            return (0, _units.formatValue)(value, unit);
                         }
                     },
                     data: [
@@ -208,7 +205,8 @@ function GaugeChart(props) {
     return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_echart.EChart, {
         sx: {
             width: width,
-            height: height
+            height: height,
+            padding: `${chartsTheme.container.padding.default}px`
         },
         option: option,
         theme: chartsTheme.echartsTheme
@@ -218,10 +216,7 @@ function getResponsiveValueSize(value, unit, width, height) {
     const MIN_SIZE = 3;
     const MAX_SIZE = 24;
     const SIZE_MULTIPLIER = 0.7;
-    const formattedValue = (0, _units.formatValue)(value, {
-        kind: unit.kind,
-        decimal_places: 0
-    });
+    const formattedValue = (0, _units.formatValue)(value, unit);
     var _length;
     const valueCharacters = (_length = formattedValue.length) !== null && _length !== void 0 ? _length : 2;
     const valueSize = Math.min(width, height) / valueCharacters * SIZE_MULTIPLIER;

package/dist/cjs/GaugeChart/index.js

@@ -1,4 +1,4 @@
-// Copyright 2022 The Perses Authors
+// 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

package/dist/cjs/InfoTooltip/InfoTooltip.js

@@ -1,4 +1,4 @@
-// Copyright 2022 The Perses Authors
+// 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
@@ -14,15 +14,9 @@
 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, {
-    TooltipPlacement: ()=>TooltipPlacement,
-    InfoTooltip: ()=>InfoTooltip
+Object.defineProperty(exports, "InfoTooltip", {
+    enumerable: true,
+    get: ()=>InfoTooltip
 });
 const _jsxRuntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
@@ -32,18 +26,11 @@ function _interopRequireDefault(obj) {
         default: obj
     };
 }
-var TooltipPlacement;
-(function(TooltipPlacement) {
-    TooltipPlacement["Top"] = 'top';
-    TooltipPlacement["Left"] = 'left';
-    TooltipPlacement["Right"] = 'right';
-    TooltipPlacement["Bottom"] = 'bottom';
-})(TooltipPlacement || (TooltipPlacement = {}));
 const InfoTooltip = ({ id , title , description , placement , children , enterDelay , enterNextDelay  })=>{
     return /*#__PURE__*/ (0, _jsxRuntime.jsx)(StyledTooltip, {
         arrow: true,
         id: id,
-        placement: placement !== null && placement !== void 0 ? placement : TooltipPlacement.Top,
+        placement: placement !== null && placement !== void 0 ? placement : 'top',
         title: /*#__PURE__*/ (0, _jsxRuntime.jsx)(TooltipContent, {
             title: title,
             description: description

package/dist/cjs/InfoTooltip/InfoTooltip.test.js

@@ -1,4 +1,4 @@
-// Copyright 2022 The Perses Authors
+// 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

package/dist/cjs/InfoTooltip/index.js

@@ -1,4 +1,4 @@
-// Copyright 2022 The Perses Authors
+// 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

package/dist/cjs/JSONEditor.js

@@ -1,4 +1,4 @@
-// Copyright 2022 The Perses Authors
+// 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
@@ -20,37 +20,47 @@ Object.defineProperty(exports, "JSONEditor", {
 });
 const _jsxRuntime = require("react/jsx-runtime");
 const _react = require("react");
+const _reactCodemirror = /*#__PURE__*/ _interopRequireDefault(require("@uiw/react-codemirror"));
+const _langJson = require("@codemirror/lang-json");
+const _lint = require("@codemirror/lint");
 const _material = require("@mui/material");
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function JSONEditor(props) {
+    const theme = (0, _material.useTheme)();
+    const isDarkMode = theme.palette.mode === 'dark';
     const [value, setValue] = (0, _react.useState)(()=>JSON.stringify(props.value, null, 2));
-    const [invalidJSON, setInvalidJSON] = (0, _react.useState)(false);
     (0, _react.useEffect)(()=>{
         setValue(JSON.stringify(props.value, null, 2));
-        setInvalidJSON(false);
     }, [
         props.value
     ]);
-    // TODO: replace with CodeMirror editor
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TextField, {
-        label: "JSON",
-        error: invalidJSON,
-        helperText: invalidJSON ? 'Invalid JSON' : '',
-        multiline: true,
-        fullWidth: true,
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_reactCodemirror.default, {
+        ...props,
+        style: {
+            border: `1px solid ${theme.palette.divider}`
+        },
+        theme: isDarkMode ? 'dark' : 'light',
+        extensions: [
+            (0, _langJson.json)(),
+            (0, _lint.linter)((0, _langJson.jsonParseLinter)()),
+            (0, _lint.lintGutter)()
+        ],
         value: value,
-        onChange: (event)=>{
-            setValue(event.target.value);
+        onChange: (newValue)=>{
+            setValue(newValue);
         },
-        maxRows: 20,
         onBlur: ()=>{
             try {
                 const json = JSON.parse(value !== null && value !== void 0 ? value : '{}');
-                setInvalidJSON(false);
                 if (props.onChange !== undefined) {
                     props.onChange(json);
                 }
             } catch (e) {
-                setInvalidJSON(true);
+            // ignore this error
             }
         }
     });

package/dist/cjs/Legend/CompactLegend.js

@@ -1,4 +1,4 @@
-// Copyright 2022 The Perses Authors
+// 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

package/dist/cjs/Legend/Legend.js

@@ -1,4 +1,4 @@
-// Copyright 2022 The Perses Authors
+// 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
@@ -23,7 +23,7 @@ const _material = require("@mui/material");
 const _listLegend = require("./ListLegend");
 const _compactLegend = require("./CompactLegend");
 function Legend({ width , height , options , data  }) {
-    if (options.position === 'right') {
+    if (options.position === 'Right') {
         return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Box, {
             sx: {
                 width: width,
@@ -31,6 +31,7 @@ function Legend({ width , height , options , data  }) {
                 position: 'absolute',
                 top: 0,
                 right: 0,
+                overflowX: 'hidden',
                 overflowY: 'scroll'
             },
             children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_listLegend.ListLegend, {
@@ -38,8 +39,19 @@ function Legend({ width , height , options , data  }) {
             })
         });
     }
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_compactLegend.CompactLegend, {
-        items: data,
-        height: height
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Box, {
+        sx: {
+            width: width,
+            height: height,
+            position: 'absolute',
+            bottom: 0
+        },
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_compactLegend.CompactLegend, {
+                items: data,
+                height: height
+            }),
+            ";"
+        ]
     });
 }

package/dist/cjs/Legend/LegendColorBadge.js

@@ -1,4 +1,4 @@
-// Copyright 2022 The Perses Authors
+// 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

package/dist/cjs/Legend/ListLegend.js

@@ -1,4 +1,4 @@
-// Copyright 2022 The Perses Authors
+// 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

package/dist/cjs/Legend/ListLegendItem.js

@@ -1,4 +1,4 @@
-// Copyright 2022 The Perses Authors
+// 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

package/dist/cjs/Legend/index.js

@@ -1,4 +1,4 @@
-// Copyright 2022 The Perses Authors
+// 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