@perses-dev/components 0.55.0-beta.3 → 0.55.0-beta.7

package/dist/cjs/model/currency.js

@@ -1,126 +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 CURRENCY_GROUP_CONFIG () {
-        return CURRENCY_GROUP_CONFIG;
-    },
-    get CURRENCY_UNIT_CONFIG () {
-        return CURRENCY_UNIT_CONFIG;
-    },
-    get formatCurrency () {
-        return formatCurrency;
-    }
-});
-const _lodash = require("lodash");
-const _constants = require("./constants");
-const _formatterCache = require("./formatterCache");
-const _utils = require("./utils");
-const CURRENCY_GROUP = 'Currency';
-const CURRENCY_GROUP_CONFIG = {
-    label: 'Currency',
-    decimalPlaces: true
-};
-const CURRENCY_UNIT_CONFIG = {
-    aud: {
-        group: CURRENCY_GROUP,
-        label: 'Australian Dollar (A$)'
-    },
-    cad: {
-        group: CURRENCY_GROUP,
-        label: 'Canadian Dollar (CA$)'
-    },
-    chf: {
-        group: CURRENCY_GROUP,
-        label: 'Swiss Franc (CHF)'
-    },
-    cny: {
-        group: CURRENCY_GROUP,
-        label: 'Renminbi (CN¥)'
-    },
-    eur: {
-        group: CURRENCY_GROUP,
-        label: 'Euro (€)'
-    },
-    gbp: {
-        group: CURRENCY_GROUP,
-        label: 'Pound (£)'
-    },
-    hkd: {
-        group: CURRENCY_GROUP,
-        label: 'Hong Kong Dollar (HK$)'
-    },
-    inr: {
-        group: CURRENCY_GROUP,
-        label: 'Indian Rupee (₹)'
-    },
-    jpy: {
-        group: CURRENCY_GROUP,
-        label: 'Yen (¥)'
-    },
-    krw: {
-        group: CURRENCY_GROUP,
-        label: 'South Korean Won (₩)'
-    },
-    nok: {
-        group: CURRENCY_GROUP,
-        label: 'Norwegian Krone (NOK)'
-    },
-    nzd: {
-        group: CURRENCY_GROUP,
-        label: 'New Zealand Dollar (NZ$)'
-    },
-    sek: {
-        group: CURRENCY_GROUP,
-        label: 'Swedish Krona (SEK)'
-    },
-    sgd: {
-        group: CURRENCY_GROUP,
-        label: 'Singapore Dollar (S$)'
-    },
-    usd: {
-        group: CURRENCY_GROUP,
-        label: 'US Dollar ($)'
-    }
-};
-function formatCurrency(value, { unit, decimalPlaces }) {
-    const formatterOptions = {
-        style: 'currency',
-        currency: (0, _lodash.toUpper)(unit),
-        currencyDisplay: 'symbol'
-    };
-    if ((0, _utils.hasDecimalPlaces)(decimalPlaces)) {
-        formatterOptions.minimumFractionDigits = (0, _utils.limitDecimalPlaces)(decimalPlaces);
-        formatterOptions.maximumFractionDigits = (0, _utils.limitDecimalPlaces)(decimalPlaces);
-    } else {
-        formatterOptions.maximumSignificantDigits = _constants.MAX_SIGNIFICANT_DIGITS;
-    }
-    const key = [
-        formatterOptions.style,
-        formatterOptions.currency,
-        formatterOptions.currencyDisplay,
-        formatterOptions.maximumSignificantDigits,
-        decimalPlaces,
-        unit
-    ];
-    return (0, _formatterCache.getFormatterFromCache)(key, 'currency', formatterOptions, 'en-US')(value);
-}

package/dist/cjs/model/date.js

@@ -1,297 +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 DATE_GROUP_CONFIG () {
-        return DATE_GROUP_CONFIG;
-    },
-    get DATE_UNIT_CONFIG () {
-        return DATE_UNIT_CONFIG;
-    },
-    get formatDate () {
-        return formatDate;
-    }
-});
-const DATE_GROUP = 'Date';
-const DATE_GROUP_CONFIG = {
-    label: 'Date & Time'
-};
-const DATE_UNIT_CONFIG = {
-    'datetime-iso': {
-        group: DATE_GROUP,
-        label: 'DateTime (GMT)'
-    },
-    'datetime-us': {
-        group: DATE_GROUP,
-        label: 'DateTime (US-East)'
-    },
-    'datetime-local': {
-        group: DATE_GROUP,
-        label: 'DateTime (Browser Local)'
-    },
-    'date-iso': {
-        group: DATE_GROUP,
-        label: 'Date (GMT)'
-    },
-    'date-us': {
-        group: DATE_GROUP,
-        label: 'Date (US-East)'
-    },
-    'date-local': {
-        group: DATE_GROUP,
-        label: 'Date (Browser Local)'
-    },
-    'time-local': {
-        group: DATE_GROUP,
-        label: 'Time (Browser Local)'
-    },
-    'time-iso': {
-        group: DATE_GROUP,
-        label: 'Time (GMT)'
-    },
-    'time-us': {
-        group: DATE_GROUP,
-        label: 'Time (US-East)'
-    },
-    'relative-time': {
-        group: DATE_GROUP,
-        label: 'Relative Time'
-    },
-    'unix-timestamp': {
-        group: DATE_GROUP,
-        label: 'Unix Timestamp (s)'
-    },
-    'unix-timestamp-ms': {
-        group: DATE_GROUP,
-        label: 'Unix Timestamp (ms)'
-    }
-};
-/**
- * Converts a numeric value to a Date object.
- * Handles both Unix timestamps (seconds) and millisecond timestamps.
- */ function valueToDate(value) {
-    // Timestamp detection logic with special case handling
-    // Main threshold stays at 10 billion to maintain existing behavior
-    // Handle special edge cases explicitly
-    // Special case: negative timestamps
-    if (value < 0) {
-        // For negative values, check magnitude to distinguish seconds vs milliseconds
-        // Large negative values (> 1 billion in magnitude) are likely milliseconds
-        // Small negative values are likely seconds (rare edge case)
-        if (Math.abs(value) > 10000000000) {
-            return new Date(value); // milliseconds
-        } else {
-            return new Date(value * 1000); // seconds
-        }
-    }
-    // Special case: year 9999 in seconds (~253402300799)
-    // This is a very specific edge case for far-future timestamps
-    if (value >= 250000000000 && value <= 260000000000) {
-        // Check if this looks like year 9999 in seconds
-        const asSeconds = new Date(value * 1000);
-        const year = asSeconds.getUTCFullYear();
-        if (year >= 9999) {
-            return asSeconds; // seconds
-        }
-    }
-    const SECONDS_THRESHOLD = 10000000000; // ~year 2286 - original threshold
-    if (value < SECONDS_THRESHOLD) {
-        // Assume it's in seconds
-        return new Date(value * 1000);
-    } else {
-        // Assume it's in milliseconds
-        return new Date(value);
-    }
-}
-/**
- * Formats a relative time string using the Intl.RelativeTimeFormat API.
- */ function formatRelativeTime(date, referenceTime, locale) {
-    const referenceDate = new Date(referenceTime);
-    const diffMs = date.getTime() - referenceDate.getTime();
-    const units = [
-        {
-            unit: 'year',
-            ms: 1000 * 60 * 60 * 24 * 365
-        },
-        {
-            unit: 'month',
-            ms: 1000 * 60 * 60 * 24 * 30
-        },
-        {
-            unit: 'week',
-            ms: 1000 * 60 * 60 * 24 * 7
-        },
-        {
-            unit: 'day',
-            ms: 1000 * 60 * 60 * 24
-        },
-        {
-            unit: 'hour',
-            ms: 1000 * 60 * 60
-        },
-        {
-            unit: 'minute',
-            ms: 1000 * 60
-        },
-        {
-            unit: 'second',
-            ms: 1000
-        }
-    ];
-    for (const { unit, ms } of units){
-        // Determine the value for the current unit, ensuring it's an integer for Intl.RelativeTimeFormat
-        const value = Math.round(diffMs / ms);
-        // If the absolute value is 1 or more, use this unit
-        if (Math.abs(value) >= 1) {
-            const rtf = new Intl.RelativeTimeFormat(locale, {
-                numeric: 'auto'
-            });
-            return rtf.format(value, unit);
-        }
-    }
-    // If less than a second, show "now" or "0 seconds"
-    const rtf = new Intl.RelativeTimeFormat(locale, {
-        numeric: 'auto'
-    });
-    return rtf.format(0, 'second');
-}
-/**
- * Gets the browser's preferred locale with comprehensive fallbacks.
- */ const getBrowserLocale = ()=>{
-    if (typeof navigator !== 'undefined') {
-        if (navigator.language) return navigator.language;
-        if (navigator.languages && navigator.languages.length > 0) {
-            const firstLanguage = navigator.languages[0];
-            if (firstLanguage) return firstLanguage;
-        }
-        // Legacy fallbacks for older browsers
-        const nav = navigator;
-        if (nav.userLanguage) return nav.userLanguage;
-        if (nav.browserLanguage) return nav.browserLanguage;
-        if (nav.systemLanguage) return nav.systemLanguage;
-    }
-    // Node.js or server-side fallback, or if navigator is not available/empty
-    return Intl.DateTimeFormat().resolvedOptions().locale || 'en-US';
-};
-function formatDate(value, options = {}) {
-    const systemTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-    const { unit = 'datetime-local', locale = getBrowserLocale(), timeZone = systemTimeZone, referenceTime = Date.now() } = options;
-    // Handle raw timestamp display
-    if (unit === 'unix-timestamp') {
-        // Ensure it's in seconds. If it looks like milliseconds, convert.
-        const timestamp = value > 1000000000000 ? Math.floor(value / 1000) : value;
-        return timestamp.toString();
-    }
-    if (unit === 'unix-timestamp-ms') {
-        // Ensure it's in milliseconds. If it looks like seconds, convert.
-        // Use 100 billion as threshold - values < 100B are likely seconds, >= 100B are likely milliseconds
-        // This distinguishes between 999999999 (seconds) and 999999999000 (milliseconds)
-        const MILLISECONDS_THRESHOLD = 100000000000; // 100 billion
-        const timestamp = value < MILLISECONDS_THRESHOLD ? value * 1000 : value;
-        return Math.floor(timestamp).toString();
-    }
-    const date = valueToDate(value);
-    // Handle relative time
-    if (unit === 'relative-time') {
-        return formatRelativeTime(date, referenceTime, locale);
-    }
-    // Configure Intl.DateTimeFormat options based on unit
-    const formatOptions = {
-        timeZone
-    };
-    switch(unit){
-        case 'datetime-iso':
-            // datetime-iso should ALWAYS show GMT/UTC time
-            return date.toISOString();
-        case 'datetime-us':
-            {
-                // datetime-us should ALWAYS show date in US Eastern timezone
-                formatOptions.timeZone = 'America/New_York';
-                formatOptions.year = 'numeric';
-                formatOptions.month = '2-digit';
-                formatOptions.day = '2-digit';
-                formatOptions.hour = '2-digit';
-                formatOptions.minute = '2-digit';
-                formatOptions.second = '2-digit';
-                formatOptions.hour12 = true; // 12-hour format with AM/PM
-                const formatter = new Intl.DateTimeFormat('en-US', formatOptions);
-                return formatter.format(date);
-            }
-        case 'datetime-local':
-            // datetime-local should use the browser's local timezone (detected automatically)
-            // Don't override timeZone - let it use the detected system timezone
-            formatOptions.year = 'numeric';
-            formatOptions.month = '2-digit';
-            formatOptions.day = '2-digit';
-            formatOptions.hour = '2-digit';
-            formatOptions.minute = '2-digit';
-            formatOptions.second = '2-digit';
-            formatOptions.hour12 = false; // 24-hour format
-            break;
-        case 'date-iso':
-            // date-iso should ALWAYS show GMT/UTC date
-            return date.toISOString().split('T')[0];
-        case 'date-us':
-            {
-                // date-us should ALWAYS show date in US Eastern timezone
-                formatOptions.timeZone = 'America/New_York';
-                formatOptions.year = 'numeric';
-                formatOptions.month = '2-digit';
-                formatOptions.day = '2-digit';
-                const formatter = new Intl.DateTimeFormat('en-US', formatOptions);
-                return formatter.format(date);
-            }
-        case 'date-local':
-            formatOptions.year = 'numeric';
-            formatOptions.month = '2-digit';
-            formatOptions.day = '2-digit';
-            break;
-        case 'time-local':
-            formatOptions.hour = '2-digit';
-            formatOptions.minute = '2-digit';
-            formatOptions.second = '2-digit';
-            formatOptions.hour12 = false; // 24-hour format
-            break;
-        case 'time-iso':
-            // time-iso should ALWAYS show GMT/UTC time
-            return date.toISOString().split('T')[1].replace('Z', '');
-        case 'time-us':
-            {
-                // time-us should show time in US-East timezone (Eastern Time)
-                formatOptions.timeZone = 'America/New_York';
-                formatOptions.hour = '2-digit';
-                formatOptions.minute = '2-digit';
-                formatOptions.second = '2-digit';
-                formatOptions.hour12 = true;
-                return new Intl.DateTimeFormat('en-US', formatOptions).format(date);
-            }
-        default:
-            {
-                // This ensures that all DateUnits are handled at compile time.
-                const exhaustive = unit;
-                throw new Error(`Unknown date unit: ${exhaustive}`);
-            }
-    }
-    // For all other units, use Intl.DateTimeFormat with the specified locale and options
-    const formatter = new Intl.DateTimeFormat(locale, formatOptions);
-    return formatter.format(date);
-}

package/dist/cjs/model/decimal.js

@@ -1,72 +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 DECIMAL_GROUP_CONFIG () {
-        return DECIMAL_GROUP_CONFIG;
-    },
-    get DECIMAL_UNIT_CONFIG () {
-        return DECIMAL_UNIT_CONFIG;
-    },
-    get formatDecimal () {
-        return formatDecimal;
-    }
-});
-const _constants = require("./constants");
-const _formatterCache = require("./formatterCache");
-const _utils = require("./utils");
-const DECIMAL_GROUP_CONFIG = {
-    label: 'Decimal',
-    decimalPlaces: true,
-    shortValues: true
-};
-const DECIMAL_UNIT_CONFIG = {
-    decimal: {
-        group: 'Decimal',
-        label: 'Decimal'
-    }
-};
-function formatDecimal(value, { shortValues, decimalPlaces }) {
-    const formatterOptions = {
-        style: 'decimal',
-        useGrouping: true
-    };
-    if ((0, _utils.shouldShortenValues)(shortValues)) {
-        formatterOptions.notation = 'compact';
-    }
-    if ((0, _utils.hasDecimalPlaces)(decimalPlaces)) {
-        formatterOptions.minimumFractionDigits = (0, _utils.limitDecimalPlaces)(decimalPlaces);
-        formatterOptions.maximumFractionDigits = (0, _utils.limitDecimalPlaces)(decimalPlaces);
-    } else {
-        if ((0, _utils.shouldShortenValues)(shortValues)) {
-            formatterOptions.maximumSignificantDigits = _constants.MAX_SIGNIFICANT_DIGITS;
-        }
-    }
-    const key = [
-        formatterOptions.style,
-        formatterOptions.useGrouping,
-        formatterOptions.notation,
-        formatterOptions.maximumSignificantDigits,
-        decimalPlaces
-    ];
-    return (0, _formatterCache.getFormatterFromCache)(key, 'decimal', formatterOptions, 'en-US')(value);
-}

package/dist/cjs/model/formatterCache.js

@@ -1,120 +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 getFormatterFromCache () {
-        return getFormatterFromCache;
-    },
-    get getFormatterStats () {
-        return getFormatterStats;
-    }
-});
-/**
- * REASONING FOR CLUSTERING (Map-of-Maps):
- *
- * 1. PERSISTENCE & REUSE: Intl.NumberFormat instantiation is CPU-heavy due to
- *    locale/data lookups. Clustering allows 100x faster reuse via caching.
- *
- *
- * 2. LOOKUP PERFORMANCE: Smaller, specialized Maps reduce the risk of hash
- *    collisions, ensuring O(1) retrieval time remains consistent even as
- *    the total number of formatters across the app grows.
- *
- * 3. GARBAGE COLLECTION & STATS: Categorization allows for targeted memory
- *    monitoring and easier debugging of which specific data types are
- *    consuming the most resources.
- */ const TIME_FORMATTER_CACHE = new Map();
-const DECIMAL_FORMATTER_CACHE = new Map();
-const BITS_FORMATTER_CACHE = new Map();
-const BYTES_FORMATTER_CACHE = new Map();
-const CURRENCY_FORMATTER_CACHE = new Map();
-const PERCENT_FORMATTER_CACHE = new Map();
-const TEMPERATURE_FORMATTER_CACHE = new Map();
-const THROUGHPUT_FORMATTER_CACHE = new Map();
-const ALL_FORMATTERS = new Map([
-    [
-        'time',
-        TIME_FORMATTER_CACHE
-    ],
-    [
-        'decimal',
-        DECIMAL_FORMATTER_CACHE
-    ],
-    [
-        'bits',
-        BITS_FORMATTER_CACHE
-    ],
-    [
-        'bytes',
-        BYTES_FORMATTER_CACHE
-    ],
-    [
-        'currency',
-        CURRENCY_FORMATTER_CACHE
-    ],
-    [
-        'percent',
-        PERCENT_FORMATTER_CACHE
-    ],
-    [
-        'temperature',
-        TEMPERATURE_FORMATTER_CACHE
-    ],
-    [
-        'throughput',
-        THROUGHPUT_FORMATTER_CACHE
-    ]
-]);
-function getFormatterFromCache(key, inputType, formatterOptions, locals = 'en-US') {
-    const compoundKey = `${key.filter((k)=>![
-            undefined,
-            null,
-            '',
-            NaN
-        ].includes(k)).join('|')}|${locals}`;
-    const inputTypeFormatters = ALL_FORMATTERS.get(inputType);
-    if (!inputTypeFormatters) throw new Error('No formatter found for the input type');
-    const formatter = inputTypeFormatters.get(compoundKey);
-    if (formatter) {
-        return formatter.format;
-    }
-    const newFormatter = Intl.NumberFormat(locals, formatterOptions);
-    inputTypeFormatters?.set(`${compoundKey}`, newFormatter);
-    return newFormatter.format;
-}
-const getFormatterStats = ()=>{
-    const countCacheItems = (inputType)=>{
-        if (inputType !== 'all') {
-            return ALL_FORMATTERS.get(inputType)?.size ?? 0;
-        }
-        return Array.from(ALL_FORMATTERS.values()).reduce((acc, map)=>acc + (map?.size ?? 0), 0);
-    };
-    const getKeys = (inputType)=>{
-        return [
-            ...ALL_FORMATTERS.get(inputType)?.keys() || []
-        ];
-    };
-    return {
-        countCacheItems,
-        getKeys
-    };
-};

package/dist/cjs/model/graph.js

@@ -1,59 +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_PINNED_CROSSHAIR () {
-        return DEFAULT_PINNED_CROSSHAIR;
-    },
-    get OPTIMIZED_MODE_SERIES_LIMIT () {
-        return OPTIMIZED_MODE_SERIES_LIMIT;
-    },
-    get PINNED_CROSSHAIR_SERIES_NAME () {
-        return PINNED_CROSSHAIR_SERIES_NAME;
-    }
-});
-const OPTIMIZED_MODE_SERIES_LIMIT = 1000;
-const PINNED_CROSSHAIR_SERIES_NAME = 'Pinned Crosshair';
-const DEFAULT_PINNED_CROSSHAIR = {
-    name: PINNED_CROSSHAIR_SERIES_NAME,
-    type: 'line',
-    // https://echarts.apache.org/en/option.html#series-line.markLine
-    markLine: {
-        data: [],
-        lineStyle: {
-            type: 'dashed',
-            width: 2
-        },
-        emphasis: {
-            lineStyle: {
-                width: 2,
-                opacity: 1
-            }
-        },
-        blur: {
-            lineStyle: {
-                width: 2,
-                opacity: 1
-            }
-        }
-    }
-};