@perses-dev/components 0.0.0-snapshot-explorer-plugin-c4a7621 → 0.0.0-snapshot-profile-8090608

package/dist/StatusHistoryChart/utils/get-color.js

@@ -1,100 +0,0 @@
-// Copyright 2024 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.
-export const FALLBACK_COLOR = '#1f77b4';
-export function getColorForValue(value, baseColor) {
-    // Validate base color
-    if (!baseColor.match(/^#[0-9A-Fa-f]{6}$/)) {
-        baseColor = FALLBACK_COLOR;
-    }
-    try {
-        const [baseH, baseS, baseL] = hexToHSL(baseColor);
-        // Ensure numeric values are valid
-        if (isNaN(baseH) || isNaN(baseS) || isNaN(baseL)) {
-            throw new Error('Invalid HSL values');
-        }
-        // Create deterministic hash
-        const hash = String(value).split('').reduce((acc, char)=>acc + char.charCodeAt(0), 0);
-        const hueStep = 60;
-        const lightnessVariation = 15;
-        const hueOffset = hash % 6 * hueStep; // 6 segments of 60° each
-        const newH = (baseH + hueOffset) % 360;
-        const newL = baseL + (hash % 2 ? lightnessVariation : -lightnessVariation);
-        // Keep saturation high for better distinction
-        const newS = Math.min(baseS + 10, 90);
-        const color = hslToHex(Math.abs(newH), Math.min(Math.max(newS, 50), 90), Math.min(Math.max(newL, 30), 70) // Keep lightness 30-70%
-        );
-        // Validate generated color
-        if (!color.match(/^#[0-9A-Fa-f]{6}$/)) {
-            throw new Error('Invalid generated color');
-        }
-        return color;
-    } catch (_) {
-        return FALLBACK_COLOR;
-    }
-}
-export function getColorsForValues(uniqueValues, themeColors) {
-    // If we have enough theme colors, use them
-    if (themeColors.length >= uniqueValues.length) {
-        return themeColors.slice(0, uniqueValues.length);
-    }
-    // Use theme colors first, then generate additional ones
-    return uniqueValues.map((value, index)=>{
-        if (index < themeColors.length) {
-            return themeColors[index] || FALLBACK_COLOR;
-        }
-        return getColorForValue(value, themeColors[0] || FALLBACK_COLOR);
-    });
-}
-export function hexToHSL(hex) {
-    const r = parseInt(hex.slice(1, 3), 16) / 255;
-    const g = parseInt(hex.slice(3, 5), 16) / 255;
-    const b = parseInt(hex.slice(5, 7), 16) / 255;
-    const max = Math.max(r, g, b);
-    const min = Math.min(r, g, b);
-    let h = 0;
-    let s = 0;
-    const l = (max + min) / 2;
-    if (max !== min) {
-        const d = max - min;
-        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-        switch(max){
-            case r:
-                h = (g - b) / d + (g < b ? 6 : 0);
-                break;
-            case g:
-                h = (b - r) / d + 2;
-                break;
-            case b:
-                h = (r - g) / d + 4;
-                break;
-        }
-        h /= 6;
-    }
-    return [
-        h * 360,
-        s * 100,
-        l * 100
-    ];
-}
-export function hslToHex(h, s, l) {
-    l /= 100;
-    const a = s * Math.min(l, 1 - l) / 100;
-    const f = (n)=>{
-        const k = (n + h / 30) % 12;
-        const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
-        return Math.round(255 * color).toString(16).padStart(2, '0');
-    };
-    return `#${f(0)}${f(8)}${f(4)}`;
-}
-
-//# sourceMappingURL=get-color.js.map

package/dist/StatusHistoryChart/utils/get-color.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/StatusHistoryChart/utils/get-color.ts"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport const FALLBACK_COLOR = '#1f77b4';\n\nexport function getColorForValue(value: number | string, baseColor: string): string {\n  // Validate base color\n  if (!baseColor.match(/^#[0-9A-Fa-f]{6}$/)) {\n    baseColor = FALLBACK_COLOR;\n  }\n\n  try {\n    const [baseH, baseS, baseL] = hexToHSL(baseColor);\n\n    // Ensure numeric values are valid\n    if (isNaN(baseH) || isNaN(baseS) || isNaN(baseL)) {\n      throw new Error('Invalid HSL values');\n    }\n\n    // Create deterministic hash\n    const hash = String(value)\n      .split('')\n      .reduce((acc, char) => acc + char.charCodeAt(0), 0);\n\n    const hueStep = 60;\n    const lightnessVariation = 15;\n\n    const hueOffset = (hash % 6) * hueStep; // 6 segments of 60° each\n    const newH = (baseH + hueOffset) % 360;\n    const newL = baseL + (hash % 2 ? lightnessVariation : -lightnessVariation);\n\n    // Keep saturation high for better distinction\n    const newS = Math.min(baseS + 10, 90);\n    const color = hslToHex(\n      Math.abs(newH),\n      Math.min(Math.max(newS, 50), 90), // Keep saturation 50-90%\n      Math.min(Math.max(newL, 30), 70) // Keep lightness 30-70%\n    );\n\n    // Validate generated color\n    if (!color.match(/^#[0-9A-Fa-f]{6}$/)) {\n      throw new Error('Invalid generated color');\n    }\n\n    return color;\n  } catch (_) {\n    return FALLBACK_COLOR;\n  }\n}\n\nexport function getColorsForValues(uniqueValues: Array<number | string>, themeColors: string[]): string[] {\n  // If we have enough theme colors, use them\n  if (themeColors.length >= uniqueValues.length) {\n    return themeColors.slice(0, uniqueValues.length);\n  }\n\n  // Use theme colors first, then generate additional ones\n  return uniqueValues.map((value, index) => {\n    if (index < themeColors.length) {\n      return themeColors[index] || FALLBACK_COLOR;\n    }\n    return getColorForValue(value, themeColors[0] || FALLBACK_COLOR);\n  });\n}\n\nexport function hexToHSL(hex: string): [number, number, number] {\n  const r = parseInt(hex.slice(1, 3), 16) / 255;\n  const g = parseInt(hex.slice(3, 5), 16) / 255;\n  const b = parseInt(hex.slice(5, 7), 16) / 255;\n\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  let h = 0;\n  let s = 0;\n  const l = (max + min) / 2;\n\n  if (max !== min) {\n    const d = max - min;\n    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n\n    switch (max) {\n      case r:\n        h = (g - b) / d + (g < b ? 6 : 0);\n        break;\n      case g:\n        h = (b - r) / d + 2;\n        break;\n      case b:\n        h = (r - g) / d + 4;\n        break;\n    }\n    h /= 6;\n  }\n\n  return [h * 360, s * 100, l * 100];\n}\n\nexport function hslToHex(h: number, s: number, l: number): string {\n  l /= 100;\n  const a = (s * Math.min(l, 1 - l)) / 100;\n  const f = (n: number): string => {\n    const k = (n + h / 30) % 12;\n    const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n    return Math.round(255 * color)\n      .toString(16)\n      .padStart(2, '0');\n  };\n  return `#${f(0)}${f(8)}${f(4)}`;\n}\n"],"names":["FALLBACK_COLOR","getColorForValue","value","baseColor","match","baseH","baseS","baseL","hexToHSL","isNaN","Error","hash","String","split","reduce","acc","char","charCodeAt","hueStep","lightnessVariation","hueOffset","newH","newL","newS","Math","min","color","hslToHex","abs","max","_","getColorsForValues","uniqueValues","themeColors","length","slice","map","index","hex","r","parseInt","g","b","h","s","l","d","a","f","n","k","round","toString","padStart"],"mappings":"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"}

package/dist/StatusHistoryChart/utils/get-tooltip-position.d.ts

@@ -1,3 +0,0 @@
-import { TooltipComponentOption } from 'echarts';
-export declare const getTooltipPosition: TooltipComponentOption['position'];
-//# sourceMappingURL=get-tooltip-position.d.ts.map

package/dist/StatusHistoryChart/utils/get-tooltip-position.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-tooltip-position.d.ts","sourceRoot":"","sources":["../../../src/StatusHistoryChart/utils/get-tooltip-position.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,kBAAkB,EAAE,sBAAsB,CAAC,UAAU,CAYjE,CAAC"}

package/dist/StatusHistoryChart/utils/get-tooltip-position.js

@@ -1,27 +0,0 @@
-// Copyright 2024 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.
-export const getTooltipPosition = (...data)=>{
-    const point = data[0];
-    const size = data[4];
-    // calculate the position to avoid overflow
-    const [x, y] = point;
-    const { contentSize, viewSize } = size;
-    const posX = x + contentSize[0] > viewSize[0] ? x - contentSize[0] : x;
-    const posY = y + contentSize[1] > viewSize[1] ? y - contentSize[1] : y;
-    return [
-        posX,
-        posY
-    ];
-};
-
-//# sourceMappingURL=get-tooltip-position.js.map

package/dist/StatusHistoryChart/utils/get-tooltip-position.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/StatusHistoryChart/utils/get-tooltip-position.ts"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { TooltipComponentOption } from 'echarts';\n\nexport const getTooltipPosition: TooltipComponentOption['position'] = (...data) => {\n  const point = data[0];\n  const size = data[4];\n\n  // calculate the position to avoid overflow\n  const [x, y] = point;\n  const { contentSize, viewSize } = size;\n\n  const posX = x + contentSize[0] > viewSize[0] ? x - contentSize[0] : x;\n  const posY = y + contentSize[1] > viewSize[1] ? y - contentSize[1] : y;\n\n  return [posX, posY];\n};\n"],"names":["getTooltipPosition","data","point","size","x","y","contentSize","viewSize","posX","posY"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAIjC,OAAO,MAAMA,qBAAyD,CAAC,GAAGC;IACxE,MAAMC,QAAQD,IAAI,CAAC,EAAE;IACrB,MAAME,OAAOF,IAAI,CAAC,EAAE;IAEpB,2CAA2C;IAC3C,MAAM,CAACG,GAAGC,EAAE,GAAGH;IACf,MAAM,EAAEI,WAAW,EAAEC,QAAQ,EAAE,GAAGJ;IAElC,MAAMK,OAAOJ,IAAIE,WAAW,CAAC,EAAE,GAAGC,QAAQ,CAAC,EAAE,GAAGH,IAAIE,WAAW,CAAC,EAAE,GAAGF;IACrE,MAAMK,OAAOJ,IAAIC,WAAW,CAAC,EAAE,GAAGC,QAAQ,CAAC,EAAE,GAAGF,IAAIC,WAAW,CAAC,EAAE,GAAGD;IAErE,OAAO;QAACG;QAAMC;KAAK;AACrB,EAAE"}

package/dist/cjs/BarChart/BarChart.js

@@ -1,142 +0,0 @@
-// 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, "BarChart", {
-    enumerable: true,
-    get: function() {
-        return BarChart;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("react");
-const _core = require("@perses-dev/core");
-const _core1 = require("echarts/core");
-const _charts = require("echarts/charts");
-const _components = require("echarts/components");
-const _renderers = require("echarts/renderers");
-const _material = require("@mui/material");
-const _context = require("../context");
-const _EChart = require("../EChart");
-const _utils = require("../utils");
-(0, _core1.use)([
-    _charts.BarChart,
-    _components.GridComponent,
-    _components.DatasetComponent,
-    _components.TitleComponent,
-    _components.TooltipComponent,
-    _renderers.CanvasRenderer
-]);
-const BAR_WIN_WIDTH = 14;
-const BAR_GAP = 6;
-function BarChart(props) {
-    const { width, height, data, format = {
-        unit: 'decimal'
-    }, mode = 'value' } = props;
-    const chartsTheme = (0, _context.useChartsTheme)();
-    const option = (0, _react.useMemo)(()=>{
-        if (!data || !data.length) return chartsTheme.noDataOption;
-        const source = [];
-        data.map((d)=>{
-            source.push([
-                d.label,
-                d.value
-            ]);
-        });
-        return {
-            title: {
-                show: false
-            },
-            dataset: [
-                {
-                    dimensions: [
-                        'label',
-                        'value'
-                    ],
-                    source: source
-                }
-            ],
-            xAxis: (0, _utils.getFormattedAxis)({}, format),
-            yAxis: {
-                type: 'category',
-                splitLine: {
-                    show: false
-                },
-                axisLabel: {
-                    overflow: 'truncate',
-                    width: width / 3
-                }
-            },
-            series: {
-                type: 'bar',
-                label: {
-                    show: true,
-                    position: 'right',
-                    formatter: (params)=>{
-                        if (!params.data[1]) {
-                            return undefined;
-                        }
-                        if (mode === 'percentage') {
-                            return (0, _core.formatValue)(params.data[1], {
-                                unit: 'percent',
-                                decimalPlaces: format.decimalPlaces
-                            });
-                        }
-                        return (0, _core.formatValue)(params.data[1], format);
-                    },
-                    barMinWidth: BAR_WIN_WIDTH,
-                    barCategoryGap: BAR_GAP
-                },
-                itemStyle: {
-                    borderRadius: 4,
-                    color: chartsTheme.echartsTheme[0]
-                }
-            },
-            tooltip: {
-                appendToBody: true,
-                confine: true,
-                formatter: (params)=>params.data[1] && `<b>${params.name}</b> &emsp; ${(0, _core.formatValue)(params.data[1], format)}`
-            },
-            // increase distance between grid and container to prevent y axis labels from getting cut off
-            grid: {
-                left: '5%',
-                right: '5%'
-            }
-        };
-    }, [
-        data,
-        chartsTheme,
-        width,
-        mode,
-        format
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
-        style: {
-            width: width,
-            height: height
-        },
-        sx: {
-            overflow: 'auto'
-        },
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_EChart.EChart, {
-            sx: {
-                minHeight: height,
-                height: data ? data.length * (BAR_WIN_WIDTH + BAR_GAP) : '100%'
-            },
-            option: option,
-            theme: chartsTheme.echartsTheme
-        })
-    });
-}

package/dist/cjs/BarChart/index.js

@@ -1,30 +0,0 @@
-// 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
-});
-_export_star(require("./BarChart"), 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/dist/cjs/GaugeChart/GaugeChart.js

@@ -1,227 +0,0 @@
-// 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
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    GaugeChart: function() {
-        return GaugeChart;
-    },
-    getResponsiveValueSize: function() {
-        return getResponsiveValueSize;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _core = require("@perses-dev/core");
-const _core1 = require("echarts/core");
-const _charts = require("echarts/charts");
-const _components = require("echarts/components");
-const _renderers = require("echarts/renderers");
-const _context = require("../context");
-const _EChart = require("../EChart");
-(0, _core1.use)([
-    _charts.GaugeChart,
-    _components.GridComponent,
-    _components.TitleComponent,
-    _components.TooltipComponent,
-    _renderers.CanvasRenderer
-]);
-const PROGRESS_WIDTH = 16;
-// adjusts when to show pointer icon
-const GAUGE_SMALL_BREAKPOINT = 170;
-function GaugeChart(props) {
-    const { width, height, data, format, axisLine, max } = props;
-    const chartsTheme = (0, _context.useChartsTheme)();
-    // useDeepMemo ensures value size util does not rerun everytime you hover on the chart
-    const option = (0, _core.useDeepMemo)(()=>{
-        if (data.value === undefined) return chartsTheme.noDataOption;
-        // adjusts fontSize depending on number of characters
-        const valueSizeClamp = getResponsiveValueSize(data.value, format, width, height);
-        return {
-            title: {
-                show: false
-            },
-            tooltip: {
-                show: false
-            },
-            series: [
-                {
-                    type: 'gauge',
-                    center: [
-                        '50%',
-                        '65%'
-                    ],
-                    radius: '86%',
-                    startAngle: 200,
-                    endAngle: -20,
-                    min: 0,
-                    max,
-                    silent: true,
-                    progress: {
-                        show: true,
-                        width: PROGRESS_WIDTH,
-                        itemStyle: {
-                            color: 'auto'
-                        }
-                    },
-                    pointer: {
-                        show: false
-                    },
-                    axisLine: {
-                        lineStyle: {
-                            color: [
-                                [
-                                    1,
-                                    'rgba(127,127,127,0.35)'
-                                ]
-                            ],
-                            width: PROGRESS_WIDTH
-                        }
-                    },
-                    axisTick: {
-                        show: false,
-                        distance: 0
-                    },
-                    splitLine: {
-                        show: false
-                    },
-                    axisLabel: {
-                        show: false,
-                        distance: -18,
-                        color: '#999',
-                        fontSize: 12
-                    },
-                    anchor: {
-                        show: false
-                    },
-                    title: {
-                        show: false
-                    },
-                    detail: {
-                        show: false
-                    },
-                    data: [
-                        {
-                            value: data.value
-                        }
-                    ]
-                },
-                {
-                    type: 'gauge',
-                    center: [
-                        '50%',
-                        '65%'
-                    ],
-                    radius: '100%',
-                    startAngle: 200,
-                    endAngle: -20,
-                    min: 0,
-                    max,
-                    pointer: {
-                        show: true,
-                        // pointer hidden for small panels, path taken from ex: https://echarts.apache.org/examples/en/editor.html?c=gauge-grade
-                        icon: width > GAUGE_SMALL_BREAKPOINT ? 'path://M12.8,0.7l12,40.1H0.7L12.8,0.7z' : 'none',
-                        length: 10,
-                        width: 5,
-                        offsetCenter: [
-                            0,
-                            '-49%'
-                        ],
-                        itemStyle: {
-                            color: 'auto'
-                        }
-                    },
-                    axisLine,
-                    axisTick: {
-                        show: false
-                    },
-                    splitLine: {
-                        show: false
-                    },
-                    axisLabel: {
-                        show: false
-                    },
-                    detail: {
-                        show: true,
-                        width: '60%',
-                        borderRadius: 8,
-                        offsetCenter: [
-                            0,
-                            '-9%'
-                        ],
-                        color: 'inherit',
-                        fontSize: valueSizeClamp,
-                        formatter: data.value === null ? // at this level because the `formatter` function argument is `NaN`
-                        // when the value is `null`, making it difficult to differentiate
-                        // `null` from a true `NaN` case.
-                        ()=>'null' : (value)=>{
-                            return (0, _core.formatValue)(value, format);
-                        }
-                    },
-                    data: [
-                        {
-                            value: data.value,
-                            name: data.label,
-                            // TODO: new UX for series names, create separate React component or reuse ListLegendItem
-                            // https://echarts.apache.org/en/option.html#series-gauge.data.title
-                            title: {
-                                show: true,
-                                color: chartsTheme.echartsTheme.textStyle?.color ?? 'inherit',
-                                offsetCenter: [
-                                    0,
-                                    '55%'
-                                ],
-                                overflow: 'truncate',
-                                fontSize: 12,
-                                width: width * 0.8
-                            }
-                        }
-                    ]
-                }
-            ]
-        };
-    }, [
-        data,
-        width,
-        height,
-        chartsTheme,
-        format,
-        axisLine,
-        max
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_EChart.EChart, {
-        sx: {
-            width: width,
-            height: height,
-            padding: `${chartsTheme.container.padding.default}px`
-        },
-        option: option,
-        theme: chartsTheme.echartsTheme
-    });
-}
-function getResponsiveValueSize(value, format, width, height) {
-    const MIN_SIZE = 3;
-    const MAX_SIZE = 24;
-    const SIZE_MULTIPLIER = 0.7;
-    const formattedValue = typeof value === 'number' ? (0, _core.formatValue)(value, format) : `${value}`;
-    const valueCharacters = formattedValue.length ?? 2;
-    const valueSize = Math.min(width, height) / valueCharacters * SIZE_MULTIPLIER;
-    return `clamp(${MIN_SIZE}px, ${valueSize}px, ${MAX_SIZE}px)`;
-}

package/dist/cjs/GaugeChart/index.js

@@ -1,30 +0,0 @@
-// 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
-});
-_export_star(require("./GaugeChart"), 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;
-}