@perses-dev/stat-chart-plugin 0.13.0 → 0.15.0-beta.1

package/lib/cjs/StatChartOptionsEditorSettings.js

@@ -1,171 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "StatChartOptionsEditorSettings", {
-    enumerable: true,
-    get: function() {
-        return StatChartOptionsEditorSettings;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _components = require("@perses-dev/components");
-const _pluginsystem = require("@perses-dev/plugin-system");
-const _immer = require("immer");
-const _merge = /*#__PURE__*/ _interop_require_default(require("lodash/merge"));
-const _react = require("react");
-const _statchartmodel = require("./stat-chart-model");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const DEFAULT_FORMAT = {
-    unit: 'percent-decimal'
-};
-function StatChartOptionsEditorSettings(props) {
-    const { onChange, value } = props;
-    // ensures decimalPlaces defaults to correct value
-    const format = (0, _merge.default)({}, DEFAULT_FORMAT, value.format);
-    const handleCalculationChange = (metricLabel)=>{
-        onChange((0, _immer.produce)(value, (draft)=>{
-            draft.calculation = metricLabel;
-        }));
-    };
-    const handleMetricLabelChange = (newCalculation)=>{
-        onChange((0, _immer.produce)(value, (draft)=>{
-            draft.metricLabel = newCalculation;
-        }));
-    };
-    const handleShowLegendChange = (0, _react.useCallback)((_, newShowLegend)=>{
-        onChange((0, _immer.produce)(value, (draft)=>{
-            draft.legendMode = newShowLegend.id;
-        }));
-    }, [
-        onChange,
-        value
-    ]);
-    const handleUnitChange = (newFormat)=>{
-        onChange((0, _immer.produce)(value, (draft)=>{
-            draft.format = newFormat;
-        }));
-    };
-    const handleSparklineChange = (_, checked)=>{
-        onChange((0, _immer.produce)(value, (draft)=>{
-            // For now, setting to an empty object when checked, so the stat chart
-            // uses the default chart color and line styles. In the future, this
-            // will likely be configurable in the UI.
-            draft.sparkline = checked ? {} : undefined;
-        }));
-    };
-    const handleThresholdsChange = (thresholds)=>{
-        onChange((0, _immer.produce)(value, (draft)=>{
-            draft.thresholds = thresholds;
-        }));
-    };
-    const handleFontSizeChange = (fontSize)=>{
-        onChange((0, _immer.produce)(value, (draft)=>{
-            draft.valueFontSize = fontSize;
-        }));
-    };
-    const handleColorModeChange = (0, _react.useCallback)((_, newColorMode)=>{
-        onChange((0, _immer.produce)(value, (draft)=>{
-            draft.colorMode = newColorMode.id;
-        }));
-    }, [
-        onChange,
-        value
-    ]);
-    const selectShowLegend = (0, _react.useMemo)(()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-            label: "Show",
-            control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.SettingsAutocomplete, {
-                onChange: handleShowLegendChange,
-                options: _statchartmodel.SHOW_LEGEND_LABELS,
-                disableClearable: true,
-                value: _statchartmodel.SHOW_LEGEND_LABELS.find((i)=>i.id === value.legendMode) ?? _statchartmodel.SHOW_LEGEND_LABELS.find((i)=>i.id === 'auto')
-            })
-        });
-    }, [
-        value.legendMode,
-        handleShowLegendChange
-    ]);
-    const selectColorMode = (0, _react.useMemo)(()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-            label: "Color mode",
-            control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.SettingsAutocomplete, {
-                onChange: handleColorModeChange,
-                options: _statchartmodel.COLOR_MODE_LABELS.map(({ id, label })=>({
-                        id,
-                        label
-                    })),
-                disableClearable: true,
-                value: _statchartmodel.COLOR_MODE_LABELS.find((i)=>i.id === value.colorMode) ?? _statchartmodel.COLOR_MODE_LABELS.find((i)=>i.id === 'value')
-            })
-        });
-    }, [
-        value.colorMode,
-        handleColorModeChange
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_components.OptionsEditorGrid, {
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_components.OptionsEditorColumn, {
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorGroup, {
-                        title: "Legend",
-                        children: selectShowLegend
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_components.OptionsEditorGroup, {
-                        title: "Misc",
-                        children: [
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorControl, {
-                                label: "Sparkline",
-                                control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Switch, {
-                                    checked: !!value.sparkline,
-                                    onChange: handleSparklineChange
-                                })
-                            }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.FormatControls, {
-                                value: format,
-                                onChange: handleUnitChange
-                            }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.CalculationSelector, {
-                                value: value.calculation,
-                                onChange: handleCalculationChange
-                            }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.MetricLabelInput, {
-                                value: value.metricLabel,
-                                onChange: handleMetricLabelChange
-                            }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.FontSizeSelector, {
-                                value: value.valueFontSize,
-                                onChange: handleFontSizeChange
-                            }),
-                            selectColorMode
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorColumn, {
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.ThresholdsEditor, {
-                    disablePercentMode: true,
-                    thresholds: value.thresholds,
-                    onChange: handleThresholdsChange
-                })
-            })
-        ]
-    });
-}

package/lib/cjs/StatChartPanel.js

@@ -1,130 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "StatChartPanel", {
-    enumerable: true,
-    get: function() {
-        return StatChartPanel;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _components = require("@perses-dev/components");
-const _material = require("@mui/material");
-const _react = require("react");
-const _datatransform = require("./utils/data-transform");
-const _calculatevalue = require("./utils/calculate-value");
-const _getcolor = require("./utils/get-color");
-const _StatChartBase = require("./StatChartBase");
-const MIN_WIDTH = 100;
-const SPACING = 2;
-const StatChartPanel = (props)=>{
-    const { spec, contentDimensions, queryResults } = props;
-    const { format, sparkline, valueFontSize: valueFontSize, colorMode } = spec;
-    const chartsTheme = (0, _components.useChartsTheme)();
-    const statChartData = useStatChartData(queryResults, spec, chartsTheme);
-    const isMultiSeries = statChartData.length > 1;
-    // Handle three-state showLegend: 'on' | 'off' | 'auto' (or undefined for backward compatibility)
-    const shouldShowLegend = spec.legendMode === 'on' ? true : spec.legendMode === 'off' ? false : isMultiSeries;
-    if (!contentDimensions) return null;
-    // Calculates chart width
-    const spacing = SPACING * (statChartData.length - 1);
-    let chartWidth = (contentDimensions.width - spacing) / statChartData.length;
-    if (isMultiSeries && chartWidth < MIN_WIDTH) {
-        chartWidth = MIN_WIDTH;
-    }
-    const noDataTextStyle = chartsTheme.noDataOption.title.textStyle;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
-        height: contentDimensions.height,
-        width: contentDimensions.width,
-        spacing: `${SPACING}px`,
-        direction: "row",
-        justifyContent: isMultiSeries ? 'left' : 'center',
-        alignItems: "center",
-        sx: {
-            overflowX: isMultiSeries ? 'scroll' : 'auto'
-        },
-        children: statChartData.length ? statChartData.map((series, index)=>{
-            const sparklineConfig = (0, _datatransform.convertSparkline)(chartsTheme, series.color, sparkline);
-            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_StatChartBase.StatChartBase, {
-                width: chartWidth,
-                height: contentDimensions.height,
-                data: series,
-                format: format,
-                sparkline: sparklineConfig,
-                showSeriesName: shouldShowLegend,
-                valueFontSize: valueFontSize,
-                colorMode: colorMode
-            }, index);
-        }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-            sx: {
-                ...noDataTextStyle
-            },
-            children: "No data"
-        })
-    });
-};
-const useStatChartData = (queryResults, spec, chartsTheme)=>{
-    return (0, _react.useMemo)(()=>{
-        const { calculation, mappings, metricLabel } = spec;
-        const statChartData = [];
-        for (const result of queryResults){
-            for (const seriesData of result.data.series){
-                const calculatedValue = (0, _calculatevalue.calculateValue)(calculation, seriesData);
-                // get label metric value
-                const labelValue = getLabelValue(metricLabel, seriesData.labels);
-                // get actual value to display
-                const displayValue = getValueOrLabel(calculatedValue, mappings, labelValue);
-                const color = (0, _getcolor.getStatChartColor)(chartsTheme, spec, calculatedValue);
-                const series = {
-                    name: seriesData.formattedName ?? '',
-                    values: seriesData.values
-                };
-                statChartData.push({
-                    calculatedValue: displayValue,
-                    seriesData: series,
-                    color
-                });
-            }
-        }
-        return statChartData;
-    }, [
-        queryResults,
-        spec,
-        chartsTheme
-    ]);
-};
-const getValueOrLabel = (value, mappings, label)=>{
-    if (label) {
-        return label;
-    }
-    if (mappings?.length && value !== undefined && value !== null) {
-        return (0, _components.applyValueMapping)(value, mappings).value;
-    } else {
-        return value;
-    }
-};
-const getLabelValue = (fieldLabel, labels)=>{
-    if (!labels || !fieldLabel) {
-        return undefined;
-    }
-    for (const [key, value] of Object.entries(labels)){
-        const regex = (0, _components.createRegexFromString)(fieldLabel);
-        if (regex.test(key)) {
-            return value;
-        }
-    }
-    return undefined;
-};

package/lib/cjs/StatChartValueMappingEditor.js

@@ -1,36 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "StatChartValueMappingEditor", {
-    enumerable: true,
-    get: function() {
-        return StatChartValueMappingEditor;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _components = require("@perses-dev/components");
-const StatChartValueMappingEditor = ({ onChange, value })=>{
-    function handleValueMappingChange(mappings) {
-        onChange({
-            ...value,
-            mappings
-        });
-    }
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.ValueMappingsEditor, {
-        mappings: value.mappings ?? [],
-        onChange: handleValueMappingChange
-    });
-};

package/lib/cjs/bootstrap.js

@@ -1,26 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _client = /*#__PURE__*/ _interop_require_default(require("react-dom/client"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const root = _client.default.createRoot(document.getElementById('root'));
-root.render(/*#__PURE__*/ (0, _jsxruntime.jsx)(_react.default.StrictMode, {}));

package/lib/cjs/env.d.js

@@ -1,14 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-/// <reference types="@rsbuild/core/types" />
-"use strict";

package/lib/cjs/getPluginModule.js

@@ -1,39 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the \"License\");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an \"AS IS\" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "getPluginModule", {
-    enumerable: true,
-    get: function() {
-        return getPluginModule;
-    }
-});
-const _packagejson = /*#__PURE__*/ _interop_require_default(require("../package.json"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function getPluginModule() {
-    const { name, version, perses } = _packagejson.default;
-    return {
-        kind: 'PluginModule',
-        metadata: {
-            name,
-            version
-        },
-        spec: perses
-    };
-}

package/lib/cjs/index-federation.js

@@ -1,55 +0,0 @@
-"use strict";
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require("./bootstrap")));

package/lib/cjs/index.js

@@ -1,42 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "getPluginModule", {
-    enumerable: true,
-    get: function() {
-        return _getPluginModule.getPluginModule;
-    }
-});
-const _getPluginModule = require("./getPluginModule");
-_export_star(require("./stat-chart-model"), exports);
-_export_star(require("./StatChart"), exports);
-_export_star(require("./StatChartOptionsEditorSettings"), exports);
-_export_star(require("./StatChartPanel"), exports);
-_export_star(require("./StatChartValueMappingEditor"), exports);
-_export_star(require("./StatChartBase"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}

package/lib/cjs/setup-tests.js

@@ -1,19 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-require("@testing-library/jest-dom");
-// Always mock e-charts during tests since we don't have a proper canvas in jsdom
-jest.mock('echarts/core');

package/lib/cjs/stat-chart-model.js

@@ -1,74 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get COLOR_MODE_LABELS () {
-        return COLOR_MODE_LABELS;
-    },
-    get SHOW_LEGEND_LABELS () {
-        return SHOW_LEGEND_LABELS;
-    },
-    get createInitialStatChartOptions () {
-        return createInitialStatChartOptions;
-    }
-});
-const COLOR_MODE_LABELS = [
-    {
-        id: 'none',
-        label: 'None'
-    },
-    {
-        id: 'value',
-        label: 'Text'
-    },
-    {
-        id: 'background_solid',
-        label: 'Background'
-    }
-];
-const SHOW_LEGEND_LABELS = [
-    {
-        id: 'auto',
-        label: 'Auto',
-        description: 'Show legend for multi-series, hide legend for single series'
-    },
-    {
-        id: 'on',
-        label: 'On',
-        description: 'Always show legend'
-    },
-    {
-        id: 'off',
-        label: 'Off',
-        description: 'Always hide legend'
-    }
-];
-function createInitialStatChartOptions() {
-    return {
-        calculation: 'last-number',
-        format: {
-            unit: 'decimal'
-        },
-        sparkline: {},
-        legendMode: 'auto'
-    };
-}

package/lib/cjs/utils/calculate-font-size.js

@@ -1,55 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useOptimalFontSize", {
-    enumerable: true,
-    get: function() {
-        return useOptimalFontSize;
-    }
-});
-const _components = require("@perses-dev/components");
-let canvasContext;
-function getGlobalCanvasContext() {
-    if (!canvasContext) {
-        canvasContext = document.createElement('canvas').getContext('2d');
-        if (canvasContext === null) {
-            throw new Error('Canvas context is null.');
-        }
-    }
-    return canvasContext;
-}
-function useOptimalFontSize({ text, fontWeight, width, height, lineHeight, maxSize, fontSizeOverride }) {
-    const ctx = getGlobalCanvasContext();
-    const { echartsTheme } = (0, _components.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 = echartsTheme.textStyle;
-    const fontSize = Number(textStyle?.fontSize) ?? 12;
-    const fontFamily = textStyle?.fontFamily ?? 'Lato';
-    // set the font on the canvas context
-    const fontStyle = `${fontWeight} ${fontSize}px ${fontFamily}`;
-    ctx.font = fontStyle;
-    // measure the width of the text with the given font style
-    const textMetrics = ctx.measureText(text);
-    // check how much bigger we can make the font while staying within the width and height
-    const fontSizeBasedOnWidth = width / textMetrics.width * fontSize;
-    const fontSizeBasedOnHeight = height / lineHeight;
-    // return the smaller font size
-    const finalFontSize = Math.min(fontSizeBasedOnHeight, fontSizeBasedOnWidth);
-    return maxSize ? Math.min(finalFontSize, maxSize) : finalFontSize;
-}