@perses-dev/heatmap-chart-plugin 0.5.0 → 0.6.0-beta.2

package/lib/cjs/components/HeatMapChartPanel.js

@@ -1,227 +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, "HeatMapChartPanel", {
-    enumerable: true,
-    get: function() {
-        return HeatMapChartPanel;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _merge = /*#__PURE__*/ _interop_require_default(require("lodash/merge"));
-const _react = require("react");
-const _heatmapchartmodel = require("../heat-map-chart-model");
-const _utils = require("../utils");
-const _HeatMapChart = require("./HeatMapChart");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-/**
- * Helper function to get the effective lower bound for log scale.
- * For values <= 0, we use a small fraction of the upper bound.
- */ const getEffectiveLowerBound = (lowerBound, upperBound, logBase)=>{
-    if (logBase === undefined || lowerBound > 0) {
-        return lowerBound;
-    }
-    // For log scales with non-positive lower bounds, use a small fraction of upper bound
-    // This ensures the bucket is still visible on the log scale
-    return upperBound * 0.001;
-};
-function HeatMapChartPanel(props) {
-    const { spec: pluginSpec, contentDimensions, queryResults } = props;
-    // ensures all default format properties set if undef
-    const yAxisFormat = (0, _merge.default)({}, _heatmapchartmodel.DEFAULT_FORMAT, pluginSpec.yAxisFormat);
-    const countFormat = (0, _merge.default)({}, _heatmapchartmodel.DEFAULT_FORMAT, pluginSpec.countFormat);
-    const { data, xAxisCategories, min, max, countMin, countMax, timeScale } = (0, _react.useMemo)(()=>{
-        if (!queryResults || queryResults.length === 0) {
-            return {
-                data: [],
-                xAxisCategories: [],
-                min: 0,
-                max: 0,
-                countMin: 0,
-                countMax: 0,
-                timeScale: undefined
-            };
-        }
-        if (queryResults.length !== 1 || queryResults[0].data.series.length !== 1 || queryResults[0].data.series[0].histograms === undefined) {
-            return {
-                data: [],
-                xAxisCategories: [],
-                min: 0,
-                max: 0,
-                countMin: 0,
-                countMax: 0,
-                timeScale: undefined
-            };
-        }
-        const series = queryResults[0].data.series[0];
-        const timeScale = (0, _utils.getCommonTimeScaleForQueries)(queryResults);
-        const xAxisCategories = (0, _utils.generateCompleteTimestamps)(timeScale);
-        const logBase = pluginSpec.logBase;
-        // Dummy value that will be replaced at the first iteration
-        let lowestBound = Infinity;
-        let highestBound = -Infinity;
-        let countMin = Infinity;
-        let countMax = -Infinity;
-        for (const [, histogram] of series?.histograms ?? []){
-            for (const bucket of histogram?.buckets ?? []){
-                const [, lowerBound, upperBound, count] = bucket;
-                let lowerBoundFloat = parseFloat(lowerBound);
-                const upperBoundFloat = parseFloat(upperBound);
-                const countFloat = parseFloat(count);
-                // For logarithmic scales, skip buckets that would be entirely non-positive
-                if (logBase !== undefined && upperBoundFloat <= 0) {
-                    continue;
-                }
-                // For log scales, adjust non-positive lower bounds
-                if (logBase !== undefined) {
-                    lowerBoundFloat = getEffectiveLowerBound(lowerBoundFloat, upperBoundFloat, logBase);
-                }
-                if (lowerBoundFloat < lowestBound) {
-                    lowestBound = lowerBoundFloat;
-                }
-                if (upperBoundFloat > highestBound) {
-                    highestBound = upperBoundFloat;
-                }
-                if (countFloat < countMin) {
-                    countMin = countFloat;
-                }
-                if (countFloat > countMax) {
-                    countMax = countFloat;
-                }
-            }
-        }
-        const data = [];
-        // Each bucket becomes a rectangle spanning [lowerBound, upperBound] at the given x index
-        for (const [time, histogram] of series?.histograms ?? []){
-            const itemIndexOnXaxis = xAxisCategories.findIndex((v)=>v === time * 1000);
-            for (const bucket of histogram?.buckets ?? []){
-                const [, lowerBound, upperBound, count] = bucket;
-                let lowerBoundFloat = parseFloat(lowerBound);
-                const upperBoundFloat = parseFloat(upperBound);
-                // For logarithmic scales, skip buckets that would be entirely non-positive
-                if (logBase !== undefined && upperBoundFloat <= 0) {
-                    continue;
-                }
-                // For log scales, adjust non-positive lower bounds
-                if (logBase !== undefined) {
-                    lowerBoundFloat = getEffectiveLowerBound(lowerBoundFloat, upperBoundFloat, logBase);
-                }
-                data.push({
-                    value: [
-                        itemIndexOnXaxis,
-                        lowerBoundFloat,
-                        upperBoundFloat,
-                        parseFloat(count)
-                    ],
-                    label: count
-                });
-            }
-        }
-        return {
-            data,
-            xAxisCategories,
-            min: lowestBound === Infinity ? undefined : lowestBound,
-            max: highestBound === -Infinity ? undefined : highestBound,
-            countMin,
-            countMax,
-            timeScale
-        };
-    }, [
-        pluginSpec.logBase,
-        queryResults
-    ]);
-    // Use configured min/max if provided, otherwise use calculated values
-    // For logarithmic scales, ignore user-provided min if it's <= 0 (log of non-positive is undefined)
-    // and let ECharts auto-calculate the range to avoid rendering issues
-    const finalMin = (0, _react.useMemo)(()=>{
-        if (pluginSpec.logBase !== undefined) {
-            // For log scale, ignore min if it's <= 0 or let ECharts auto-calculate
-            if (pluginSpec.min !== undefined && pluginSpec.min <= 0) {
-                return undefined; // Let ECharts auto-calculate
-            }
-            return pluginSpec.min ?? min;
-        }
-        return pluginSpec.min ?? min;
-    }, [
-        pluginSpec.logBase,
-        pluginSpec.min,
-        min
-    ]);
-    const finalMax = (0, _react.useMemo)(()=>{
-        if (pluginSpec.logBase !== undefined) {
-            // For log scale, ignore max if it's <= 0
-            if (pluginSpec.max !== undefined && pluginSpec.max <= 0) {
-                return undefined; // Let ECharts auto-calculate
-            }
-            return pluginSpec.max ?? max;
-        }
-        return pluginSpec.max ?? max;
-    }, [
-        pluginSpec.logBase,
-        pluginSpec.max,
-        max
-    ]);
-    // TODO: add support for multiple queries
-    if (queryResults.length > 1) {
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
-            justifyContent: "center",
-            height: "100%",
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                variant: "body2",
-                textAlign: "center",
-                children: "Only one query at a time is supported for now"
-            })
-        });
-    }
-    // Mo data message handled inside chart component
-    if (data.length === 0) {
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
-            justifyContent: "center",
-            height: "100%",
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                variant: "body2",
-                textAlign: "center",
-                children: "No data available (only native histograms are supported for now)"
-            })
-        });
-    }
-    if (contentDimensions === undefined) return null;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
-        direction: "row",
-        justifyContent: "center",
-        alignItems: "center",
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_HeatMapChart.HeatMapChart, {
-            width: contentDimensions.width,
-            height: contentDimensions.height,
-            data: data,
-            xAxisCategories: xAxisCategories,
-            yAxisFormat: yAxisFormat,
-            countFormat: countFormat,
-            countMin: countMin,
-            countMax: countMax,
-            timeScale: timeScale,
-            showVisualMap: pluginSpec.showVisualMap,
-            min: finalMin,
-            max: finalMax,
-            logBase: pluginSpec.logBase
-        })
-    });
-}

package/lib/cjs/components/HeatMapTooltip.js

@@ -1,57 +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, "generateTooltipHTML", {
-    enumerable: true,
-    get: function() {
-        return generateTooltipHTML;
-    }
-});
-const _material = require("@mui/material");
-const _components = require("@perses-dev/components");
-function generateTooltipHTML({ data, label, marker, xAxisCategories, theme, yAxisFormat, countFormat }) {
-    const [xIndex, yLower, yUpper] = data;
-    const xAxisLabel = xAxisCategories[xIndex];
-    const { formattedDate, formattedTime } = (0, _components.getDateAndTime)(xAxisLabel);
-    const tooltipHeader = (0, _material.css)`
-    border-bottom: 1px solid ${theme.palette.grey[500]};
-    padding-bottom: 8px;
-  `;
-    const tooltipContentStyles = (0, _material.css)`
-    display: flex;
-    justify-content: space-between;
-    padding-top: 8px;
-  `;
-    const labelStyles = (0, _material.css)`
-    margin-right: 16px;
-  `;
-    const lowerBound = yLower;
-    const upperBound = yUpper;
-    return `
-    <div>
-      <div style="${tooltipHeader.styles}">${formattedDate} - ${formattedTime}</div>
-      <div style="${tooltipContentStyles.styles}">
-        <div style="${labelStyles.styles}">
-          ${marker}
-          <strong>${(0, _components.formatValue)(lowerBound, yAxisFormat)} - ${(0, _components.formatValue)(upperBound, yAxisFormat)}</strong>
-        </div>
-        <div>
-          ${(0, _components.formatValue)(parseFloat(label), countFormat)}
-        </div>
-      </div>
-    </div>
-  `;
-}

package/lib/cjs/components/index.js

@@ -1,32 +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
-});
-_export_star(require("./HeatMapChartOptionsEditorSettings"), exports);
-_export_star(require("./HeatMapChartPanel"), exports);
-_export_star(require("./HeatMapChart"), 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/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/heat-map-chart-model.js

@@ -1,80 +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 DEFAULT_FORMAT () {
-        return DEFAULT_FORMAT;
-    },
-    get DEFAULT_MAX_PERCENT () {
-        return DEFAULT_MAX_PERCENT;
-    },
-    get DEFAULT_MAX_PERCENT_DECIMAL () {
-        return DEFAULT_MAX_PERCENT_DECIMAL;
-    },
-    get DEFAULT_MIN_PERCENT () {
-        return DEFAULT_MIN_PERCENT;
-    },
-    get DEFAULT_MIN_PERCENT_DECIMAL () {
-        return DEFAULT_MIN_PERCENT_DECIMAL;
-    },
-    get LOG_BASE_CONFIG () {
-        return LOG_BASE_CONFIG;
-    },
-    get LOG_BASE_OPTIONS () {
-        return LOG_BASE_OPTIONS;
-    },
-    get createInitialHeatMapChartOptions () {
-        return createInitialHeatMapChartOptions;
-    }
-});
-const DEFAULT_FORMAT = {
-    unit: 'decimal'
-};
-const DEFAULT_MIN_PERCENT = 0;
-const DEFAULT_MAX_PERCENT = 100;
-const DEFAULT_MIN_PERCENT_DECIMAL = 0;
-const DEFAULT_MAX_PERCENT_DECIMAL = 1;
-const LOG_BASE_CONFIG = {
-    none: {
-        label: 'None',
-        log: undefined
-    },
-    '2': {
-        label: '2',
-        log: 2
-    },
-    '10': {
-        label: '10',
-        log: 10
-    }
-};
-const LOG_BASE_OPTIONS = Object.entries(LOG_BASE_CONFIG).map(([id, config])=>({
-        id: id,
-        ...config
-    }));
-function createInitialHeatMapChartOptions() {
-    return {
-        yAxisFormat: DEFAULT_FORMAT,
-        countFormat: DEFAULT_FORMAT,
-        showVisualMap: true
-    };
-}

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,47 +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 HeatMapChartPanel () {
-        return _components.HeatMapChartPanel;
-    },
-    get getPluginModule () {
-        return _getPluginModule.getPluginModule;
-    }
-});
-const _getPluginModule = require("./getPluginModule");
-const _components = require("./components");
-_export_star(require("./heat-map-chart-model"), exports);
-_export_star(require("./HeatMapChart"), 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/utils/data-transform.js

@@ -1,46 +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 generateCompleteTimestamps () {
-        return generateCompleteTimestamps;
-    },
-    get getCommonTimeScaleForQueries () {
-        return getCommonTimeScaleForQueries;
-    }
-});
-const _components = require("@perses-dev/components");
-function getCommonTimeScaleForQueries(queries) {
-    const seriesData = queries.map((query)=>query.data);
-    return (0, _components.getCommonTimeScale)(seriesData);
-}
-function generateCompleteTimestamps(timescale) {
-    if (!timescale) {
-        return [];
-    }
-    const { startMs, endMs, stepMs } = timescale;
-    const timestamps = [];
-    for(let time = startMs; time <= endMs; time += stepMs){
-        timestamps.push(time);
-    }
-    return timestamps;
-}

package/lib/cjs/utils/get-formatted-axis-label.js

@@ -1,48 +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, "getFormattedHeatmapAxisLabel", {
-    enumerable: true,
-    get: function() {
-        return getFormattedHeatmapAxisLabel;
-    }
-});
-const _components = require("@perses-dev/components");
-function getFormattedHeatmapAxisLabel(rangeMs, timezone) {
-    return function(value) {
-        const dayMs = 86400000;
-        const monthMs = 2629440000;
-        const yearMs = 31536000000;
-        const timeStamp = new Date(Number(value));
-        // more than 5 years
-        if (rangeMs > yearMs * 5) {
-            return (0, _components.formatWithTimeZone)(timeStamp, 'yyy', timezone);
-        }
-        // more than 2 years
-        if (rangeMs > yearMs * 2) {
-            return (0, _components.formatWithTimeZone)(timeStamp, 'MMM yyy', timezone);
-        }
-        // between 5 days to 6 months
-        if (rangeMs > dayMs * 10 && rangeMs < monthMs * 6) {
-            return (0, _components.formatWithTimeZone)(timeStamp, 'dd.MM', timezone); // 12-01
-        }
-        // between 2 and 10 days
-        if (rangeMs > dayMs * 2 && rangeMs <= dayMs * 10) {
-            return (0, _components.formatWithTimeZone)(timeStamp, 'dd.MM HH:mm', timezone); // 12-01; // 12-01 12:30
-        }
-        return (0, _components.formatWithTimeZone)(timeStamp, 'HH:mm', timezone);
-    };
-}