@perses-dev/components 0.0.0-snapshot-panel-extra-content-3-17f9c42 → 0.0.0-snapshot-scatterplot-fix-imports-95e1b59

package/dist/cjs/OptionsEditorLayout/OptionsEditorControl.js

@@ -16,20 +16,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "OptionsEditorControl", {
     enumerable: true,
-    get: ()=>OptionsEditorControl
+    get: function() {
+        return OptionsEditorControl;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
-const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
-const _informationOutline = /*#__PURE__*/ _interopRequireDefault(require("mdi-material-ui/InformationOutline"));
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _InformationOutline = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/InformationOutline"));
 const _utils = require("../utils");
-const _infoTooltip = require("../InfoTooltip");
-function _interopRequireDefault(obj) {
+const _InfoTooltip = require("../InfoTooltip");
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-const OptionsEditorControl = ({ label , control , description  })=>{
+const OptionsEditorControl = ({ label, control, description })=>{
     // Make sure we have a unique ID we can use for associating labels and
     // controls for a11y.
     const generatedControlId = (0, _utils.useId)('EditorSectionControl');
@@ -37,32 +39,32 @@ const OptionsEditorControl = ({ label , control , description  })=>{
     const controlProps = {
         id: controlId
     };
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.FormControl, {
-        children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Stack, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.FormControl, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
             direction: "row",
             alignItems: "center",
             justifyContent: "space-between",
             children: [
-                /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Stack, {
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
                     direction: "row",
                     alignItems: "center",
                     justifyContent: "center",
                     children: [
-                        /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.FormLabel, {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.FormLabel, {
                             htmlFor: controlId,
                             children: label
                         }),
-                        description && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_infoTooltip.InfoTooltip, {
+                        description && /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoTooltip.InfoTooltip, {
                             description: description,
                             enterDelay: 100,
-                            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.IconButton, {
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
                                 size: "small",
                                 sx: (theme)=>({
                                         borderRadius: theme.shape.borderRadius,
                                         padding: '4x',
                                         margin: '0 2px'
                                     }),
-                                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_informationOutline.default, {
+                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InformationOutline.default, {
                                     "aria-describedby": "info-tooltip",
                                     "aria-hidden": false,
                                     fontSize: "inherit",
@@ -74,7 +76,7 @@ const OptionsEditorControl = ({ label , control , description  })=>{
                         })
                     ]
                 }),
-                /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Box, {
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
                     sx: {
                         width: '180px',
                         textAlign: 'right'

package/dist/cjs/OptionsEditorLayout/OptionsEditorGrid.js

@@ -16,12 +16,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "OptionsEditorGrid", {
     enumerable: true,
-    get: ()=>OptionsEditorGrid
+    get: function() {
+        return OptionsEditorGrid;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
-const OptionsEditorGrid = ({ children  })=>{
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Grid, {
+const OptionsEditorGrid = ({ children })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid, {
         container: true,
         spacing: 8,
         children: children

package/dist/cjs/OptionsEditorLayout/OptionsEditorGroup.js

@@ -16,31 +16,33 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "OptionsEditorGroup", {
     enumerable: true,
-    get: ()=>OptionsEditorGroup
+    get: function() {
+        return OptionsEditorGroup;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
-const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) {
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-const OptionsEditorGroup = ({ title , children , icon  })=>{
-    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Box, {
+const OptionsEditorGroup = ({ title, children, icon })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
         children: [
-            /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Box, {
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
                 display: "flex",
                 borderBottom: 1,
                 borderColor: "grey.300",
                 marginBottom: (theme)=>theme.spacing(1),
                 children: [
-                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Typography, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
                         variant: "overline",
                         component: "h4",
                         children: title
                     }),
-                    icon && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Box, {
+                    icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
                         sx: {
                             marginLeft: 'auto'
                         },
@@ -48,7 +50,7 @@ const OptionsEditorGroup = ({ title , children , icon  })=>{
                     })
                 ]
             }),
-            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Stack, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
                 spacing: 1,
                 children: children
             })

package/dist/cjs/OptionsEditorLayout/index.js

@@ -14,18 +14,20 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./OptionsEditorColumn"), exports);
-_exportStar(require("./OptionsEditorControl"), exports);
-_exportStar(require("./OptionsEditorGrid"), exports);
-_exportStar(require("./OptionsEditorGroup"), exports);
-function _exportStar(from, to) {
+_export_star(require("./OptionsEditorColumn"), exports);
+_export_star(require("./OptionsEditorControl"), exports);
+_export_star(require("./OptionsEditorGrid"), exports);
+_export_star(require("./OptionsEditorGroup"), 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];
-            }
-        });
+        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/RefreshIntervalPicker/RefreshIntervalPicker.js

@@ -16,16 +16,31 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "RefreshIntervalPicker", {
     enumerable: true,
-    get: ()=>RefreshIntervalPicker
+    get: function() {
+        return RefreshIntervalPicker;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
+const _react = require("react");
 function RefreshIntervalPicker(props) {
-    const { value , onChange , timeOptions , height  } = props;
+    const { value, onChange, timeOptions, height } = props;
     const formattedValue = value;
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.FormControl, {
-        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Box, {
-            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Select, {
+    // If the dashboard refresh interval is not provided in timeOptions, it will create a specific option for the select
+    const customInterval = (0, _react.useMemo)(()=>{
+        if (value && !timeOptions.some((option)=>option.value.pastDuration === value)) {
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
+                value: value,
+                children: value
+            });
+        }
+    }, [
+        timeOptions,
+        value
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.FormControl, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+            children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Select, {
                 id: "refreshInterval",
                 value: formattedValue,
                 onChange: (event)=>{
@@ -41,10 +56,13 @@ function RefreshIntervalPicker(props) {
                         paddingY: 0
                     } : {}
                 },
-                children: timeOptions.map((item, idx)=>/*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.MenuItem, {
-                        value: item.value.pastDuration,
-                        children: item.display
-                    }, idx))
+                children: [
+                    timeOptions.map((item, idx)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
+                            value: item.value.pastDuration,
+                            children: item.display
+                        }, idx)),
+                    customInterval
+                ]
             })
         })
     });

package/dist/cjs/RefreshIntervalPicker/index.js

@@ -14,15 +14,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./RefreshIntervalPicker"), exports);
-function _exportStar(from, to) {
+_export_star(require("./RefreshIntervalPicker"), 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];
-            }
-        });
+        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/SettingsAutocomplete/SettingsAutocomplete.js

@@ -16,38 +16,40 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "SettingsAutocomplete", {
     enumerable: true,
-    get: ()=>SettingsAutocomplete
+    get: function() {
+        return SettingsAutocomplete;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
-function SettingsAutocomplete({ options , renderInput =(params)=>/*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TextField, {
+function SettingsAutocomplete({ options, renderInput = (params)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
         ...params
-    }) , ...otherProps }) {
+    }), ...otherProps }) {
     const getOptionLabel = (option)=>{
-        var _label;
-        return (_label = option.label) !== null && _label !== void 0 ? _label : option.id;
+        var _option_label;
+        return (_option_label = option.label) !== null && _option_label !== void 0 ? _option_label : option.id;
     };
     // Note: this component currently is not virtualized because it is specific
     // to being used for settings, which generally have a pretty small list of
     // options. If this changes to include values with many options, virtualization
     // should be added using react-virtuoso.
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Autocomplete, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Autocomplete, {
         isOptionEqualToValue: (option, value)=>option.id === value.id,
         getOptionDisabled: (option)=>!!option.disabled,
         getOptionLabel: getOptionLabel,
         options: options,
         renderInput: renderInput,
         renderOption: (props, option)=>{
-            return /*#__PURE__*/ (0, _jsxRuntime.jsx)("li", {
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)("li", {
                 ...props,
-                children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)("div", {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                     children: [
-                        /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Typography, {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
                             variant: "body1",
                             component: "div",
                             children: getOptionLabel(option)
                         }),
-                        option.description && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Typography, {
+                        option.description && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
                             variant: "body2",
                             component: "div",
                             color: (theme)=>theme.palette.text.secondary,

package/dist/cjs/SettingsAutocomplete/index.js

@@ -14,15 +14,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./SettingsAutocomplete"), exports);
-function _exportStar(from, to) {
+_export_star(require("./SettingsAutocomplete"), 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];
-            }
-        });
+        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/SortSelector/SortSelector.js

@@ -16,11 +16,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "SortSelector", {
     enumerable: true,
-    get: ()=>SortSelector
+    get: function() {
+        return SortSelector;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
-const _optionsEditorLayout = require("../OptionsEditorLayout");
-const _settingsAutocomplete = require("../SettingsAutocomplete");
+const _jsxruntime = require("react/jsx-runtime");
+const _OptionsEditorLayout = require("../OptionsEditorLayout");
+const _SettingsAutocomplete = require("../SettingsAutocomplete");
 const SORT_OPTIONS = [
     {
         id: 'asc',
@@ -31,13 +33,13 @@ const SORT_OPTIONS = [
         label: 'Descending'
     }
 ];
-function SortSelector({ onChange , value ='desc'  }) {
-    const handleSortChange = (_, { id  })=>{
+function SortSelector({ onChange, value = 'desc' }) {
+    const handleSortChange = (_, { id })=>{
         onChange(id);
     };
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_optionsEditorLayout.OptionsEditorControl, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_OptionsEditorLayout.OptionsEditorControl, {
         label: "Sort",
-        control: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_settingsAutocomplete.SettingsAutocomplete, {
+        control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_SettingsAutocomplete.SettingsAutocomplete, {
             value: SORT_OPTIONS.find((o)=>o.id === value),
             options: SORT_OPTIONS,
             getOptionLabel: (o)=>o.label,

package/dist/cjs/SortSelector/index.js

@@ -14,15 +14,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./SortSelector"), exports);
-function _exportStar(from, to) {
+_export_star(require("./SortSelector"), 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];
-            }
-        });
+        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/StatChart/StatChart.js

@@ -16,21 +16,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "StatChart", {
     enumerable: true,
-    get: ()=>StatChart
+    get: function() {
+        return StatChart;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = require("react");
 const _core = require("@perses-dev/core");
 const _material = require("@mui/material");
-const _merge = /*#__PURE__*/ _interopRequireDefault(require("lodash/merge"));
+const _merge = /*#__PURE__*/ _interop_require_default(require("lodash/merge"));
 const _core1 = require("echarts/core");
 const _charts = require("echarts/charts");
 const _components = require("echarts/components");
 const _renderers = require("echarts/renderers");
-const _chartsThemeProvider = require("../context/ChartsThemeProvider");
-const _echart = require("../EChart");
+const _ChartsProvider = require("../context/ChartsProvider");
+const _EChart = require("../EChart");
 const _calculateFontSize = require("./calculateFontSize");
-function _interopRequireDefault(obj) {
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
@@ -48,20 +50,20 @@ const SERIES_NAME_MAX_FONT_SIZE = 30;
 const SERIES_NAME_FONT_WEIGHT = 400;
 const VALUE_FONT_WEIGHT = 700;
 function StatChart(props) {
-    var ref, ref1;
-    const { width , height , data , unit , color , sparkline , showSeriesName , valueFontSize  } = props;
-    const chartsTheme = (0, _chartsThemeProvider.useChartsTheme)();
+    var _data_seriesData, _data_seriesData1;
+    const { width, height, data, format, color, sparkline, showSeriesName, valueFontSize } = props;
+    const chartsTheme = (0, _ChartsProvider.useChartsTheme)();
     let formattedValue = '';
     if (data.calculatedValue === null) {
         formattedValue = 'null';
     } else if (typeof data.calculatedValue === 'number') {
-        formattedValue = (0, _core.formatValue)(data.calculatedValue, unit);
+        formattedValue = (0, _core.formatValue)(data.calculatedValue, format);
     }
     const containerPadding = chartsTheme.container.padding.default;
-    var ref2;
+    var _data_seriesData_name;
     // calculate series name font size and height
     let seriesNameFontSize = (0, _calculateFontSize.useOptimalFontSize)({
-        text: (ref2 = data === null || data === void 0 ? void 0 : (ref = data.seriesData) === null || ref === void 0 ? void 0 : ref.name) !== null && ref2 !== void 0 ? ref2 : '',
+        text: (_data_seriesData_name = data === null || data === void 0 ? void 0 : (_data_seriesData = data.seriesData) === null || _data_seriesData === void 0 ? void 0 : _data_seriesData.name) !== null && _data_seriesData_name !== void 0 ? _data_seriesData_name : '',
         fontWeight: SERIES_NAME_FONT_WEIGHT,
         width,
         height: height * 0.125,
@@ -126,7 +128,7 @@ function StatChart(props) {
                 show: false,
                 min: (value)=>{
                     if (value.min >= 0 && value.min <= 1) {
-                        // helps with PercentDecimal units, or datasets that return 0 or 1 booleans
+                        // helps with percent-decimal units, or datasets that return 0 or 1 booleans
                         return 0;
                     }
                     return value.min;
@@ -150,26 +152,26 @@ function StatChart(props) {
         justifyContent: textAlignment,
         alignItems: textAlignment
     };
-    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Box, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
         sx: {
             height: '100%',
             width: '100%',
             ...textStyles
         },
         children: [
-            showSeriesName && /*#__PURE__*/ (0, _jsxRuntime.jsx)(SeriesName, {
+            showSeriesName && /*#__PURE__*/ (0, _jsxruntime.jsx)(SeriesName, {
                 padding: containerPadding,
                 fontSize: seriesNameFontSize,
-                children: (ref1 = data.seriesData) === null || ref1 === void 0 ? void 0 : ref1.name
+                children: (_data_seriesData1 = data.seriesData) === null || _data_seriesData1 === void 0 ? void 0 : _data_seriesData1.name
             }),
-            /*#__PURE__*/ (0, _jsxRuntime.jsx)(Value, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(Value, {
                 variant: "h3",
                 color: color,
                 fontSize: optimalValueFontSize,
                 padding: containerPadding,
                 children: formattedValue
             }),
-            sparkline !== undefined && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_echart.EChart, {
+            sparkline !== undefined && /*#__PURE__*/ (0, _jsxruntime.jsx)(_EChart.EChart, {
                 sx: {
                     width: '100%',
                     height: height - seriesNameHeight - valueFontHeight
@@ -183,7 +185,7 @@ function StatChart(props) {
 }
 const SeriesName = (0, _material.styled)(_material.Typography, {
     shouldForwardProp: (prop)=>prop !== 'padding' && prop !== 'fontSize'
-})(({ theme , padding , fontSize  })=>({
+})(({ theme, padding, fontSize })=>({
         color: theme.palette.text.secondary,
         padding: `${padding}px`,
         fontSize: `${fontSize}px`,
@@ -193,7 +195,7 @@ const SeriesName = (0, _material.styled)(_material.Typography, {
     }));
 const Value = (0, _material.styled)(_material.Typography, {
     shouldForwardProp: (prop)=>prop !== 'color' && prop !== 'padding' && prop !== 'fontSize' && prop !== 'sparkline'
-})(({ theme , color , padding , fontSize , sparkline  })=>({
+})(({ theme, color, padding, fontSize, sparkline })=>({
         color: color !== null && color !== void 0 ? color : theme.palette.text.primary,
         fontSize: `${fontSize}px`,
         padding: sparkline ? `${padding}px ${padding}px 0 ${padding}px` : ` 0 ${padding}px`,

package/dist/cjs/StatChart/calculateFontSize.js

@@ -16,9 +16,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useOptimalFontSize", {
     enumerable: true,
-    get: ()=>useOptimalFontSize
+    get: function() {
+        return useOptimalFontSize;
+    }
 });
-const _chartsThemeProvider = require("../context/ChartsThemeProvider");
+const _ChartsProvider = require("../context/ChartsProvider");
 let canvasContext;
 function getGlobalCanvasContext() {
     if (!canvasContext) {
@@ -29,18 +31,18 @@ function getGlobalCanvasContext() {
     }
     return canvasContext;
 }
-function useOptimalFontSize({ text , fontWeight , width , height , lineHeight , maxSize , fontSizeOverride  }) {
+function useOptimalFontSize({ text, fontWeight, width, height, lineHeight, maxSize, fontSizeOverride }) {
     const ctx = getGlobalCanvasContext();
-    const chartsTheme = (0, _chartsThemeProvider.useChartsTheme)();
+    const { echartsTheme } = (0, _ChartsProvider.useChartsTheme)();
     // if user has selected a font size in the settings, use it instead of calculating the optimal size
     if (fontSizeOverride !== undefined) {
         return Number(fontSizeOverride);
     }
-    const textStyle = chartsTheme.echartsTheme.textStyle;
-    var ref;
-    const fontSize = (ref = Number(textStyle === null || textStyle === void 0 ? void 0 : textStyle.fontSize)) !== null && ref !== void 0 ? ref : 12;
-    var ref1;
-    const fontFamily = (ref1 = textStyle === null || textStyle === void 0 ? void 0 : textStyle.fontFamily) !== null && ref1 !== void 0 ? ref1 : 'Lato';
+    const textStyle = echartsTheme.textStyle;
+    var _Number;
+    const fontSize = (_Number = Number(textStyle === null || textStyle === void 0 ? void 0 : textStyle.fontSize)) !== null && _Number !== void 0 ? _Number : 12;
+    var _textStyle_fontFamily;
+    const fontFamily = (_textStyle_fontFamily = textStyle === null || textStyle === void 0 ? void 0 : textStyle.fontFamily) !== null && _textStyle_fontFamily !== void 0 ? _textStyle_fontFamily : 'Lato';
     // set the font on the canvas context
     const fontStyle = `${fontWeight} ${fontSize}px ${fontFamily}`;
     ctx.font = fontStyle;

package/dist/cjs/StatChart/index.js

@@ -14,15 +14,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./StatChart"), exports);
-function _exportStar(from, to) {
+_export_star(require("./StatChart"), 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];
-            }
-        });
+        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/Table/InnerTable.js

@@ -16,12 +16,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "InnerTable", {
     enumerable: true,
-    get: ()=>InnerTable
+    get: function() {
+        return InnerTable;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
 const _react = require("react");
-const StyledMuiTable = (0, _material.styled)(_material.Table)(({ theme  })=>({
+const StyledMuiTable = (0, _material.styled)(_material.Table)(({ theme })=>({
         // This value is needed to have a consistent table layout when scrolling.
         tableLayout: 'fixed',
         borderCollapse: 'separate',
@@ -31,8 +33,8 @@ const TABLE_DENSITY_CONFIG = {
     compact: 'small',
     standard: 'medium'
 };
-const InnerTable = /*#__PURE__*/ (0, _react.forwardRef)(function InnerTable({ density , ...otherProps }, ref) {
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(StyledMuiTable, {
+const InnerTable = /*#__PURE__*/ (0, _react.forwardRef)(function InnerTable({ density, ...otherProps }, ref) {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(StyledMuiTable, {
         ...otherProps,
         tabIndex: -1,
         size: TABLE_DENSITY_CONFIG[density],