@perses-dev/components 0.38.0 → 0.40.0

package/dist/cjs/ModeSelector/ModeSelector.js

@@ -16,11 +16,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "ModeSelector", {
     enumerable: true,
-    get: ()=>ModeSelector
+    get: function() {
+        return ModeSelector;
+    }
 });
-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 MODE_OPTIONS = [
     {
         id: 'value',
@@ -35,9 +37,9 @@ function ModeSelector({ disablePercentageMode , onChange , value ='value'  }) {
     const handleModeChange = (_, { id  })=>{
         onChange(id);
     };
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_optionsEditorLayout.OptionsEditorControl, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_OptionsEditorLayout.OptionsEditorControl, {
         label: "Mode",
-        control: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_settingsAutocomplete.SettingsAutocomplete, {
+        control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_SettingsAutocomplete.SettingsAutocomplete, {
             value: MODE_OPTIONS.find((o)=>o.id === value),
             options: MODE_OPTIONS,
             getOptionLabel: (o)=>o.label,

package/dist/cjs/ModeSelector/index.js

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

@@ -16,15 +16,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "OptionsEditorColumn", {
     enumerable: true,
-    get: ()=>OptionsEditorColumn
+    get: function() {
+        return OptionsEditorColumn;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
 const OptionsEditorColumn = ({ children  })=>{
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Grid, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid, {
         item: true,
         xs: 4,
-        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Stack, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
             spacing: 3,
             children: children
         })

package/dist/cjs/OptionsEditorLayout/OptionsEditorControl.js

@@ -16,15 +16,17 @@ 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
     };
@@ -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, {
+    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, {
+    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,18 @@ 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");
 function RefreshIntervalPicker(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, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.FormControl, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Select, {
                 id: "refreshInterval",
                 value: formattedValue,
                 onChange: (event)=>{
@@ -41,7 +43,7 @@ function RefreshIntervalPicker(props) {
                         paddingY: 0
                     } : {}
                 },
-                children: timeOptions.map((item, idx)=>/*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.MenuItem, {
+                children: timeOptions.map((item, idx)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
                         value: item.value.pastDuration,
                         children: item.display
                     }, idx))

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 }) {
     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',
@@ -35,9 +37,9 @@ 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

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) {
@@ -31,16 +33,16 @@ function getGlobalCanvasContext() {
 }
 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,9 +16,11 @@ 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  })=>({
@@ -32,7 +34,7 @@ const TABLE_DENSITY_CONFIG = {
     standard: 'medium'
 };
 const InnerTable = /*#__PURE__*/ (0, _react.forwardRef)(function InnerTable({ density , ...otherProps }, ref) {
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(StyledMuiTable, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(StyledMuiTable, {
         ...otherProps,
         tabIndex: -1,
         size: TABLE_DENSITY_CONFIG[density],