@perses-dev/components 0.53.1 → 0.54.0-beta.1

package/dist/model/date.js

@@ -0,0 +1,278 @@
+// 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.
+const DATE_GROUP = 'Date';
+export const DATE_GROUP_CONFIG = {
+    label: 'Date & Time'
+};
+export 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';
+};
+export 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);
+}
+
+//# sourceMappingURL=date.js.map

package/dist/model/date.js.map

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

package/dist/model/decimal.d.ts

@@ -0,0 +1,12 @@
+import { UnitGroupConfig, UnitConfig } from './types';
+type DecimalUnit = 'decimal';
+export type DecimalFormatOptions = {
+    unit?: DecimalUnit;
+    decimalPlaces?: number;
+    shortValues?: boolean;
+};
+export declare const DECIMAL_GROUP_CONFIG: UnitGroupConfig;
+export declare const DECIMAL_UNIT_CONFIG: Readonly<Record<DecimalUnit, UnitConfig>>;
+export declare function formatDecimal(value: number, { shortValues, decimalPlaces }: DecimalFormatOptions): string;
+export {};
+//# sourceMappingURL=decimal.d.ts.map

package/dist/model/decimal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"decimal.d.ts","sourceRoot":"","sources":["../../src/model/decimal.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGtD,KAAK,WAAW,GAAG,SAAS,CAAC;AAC7B,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AACF,eAAO,MAAM,oBAAoB,EAAE,eAIlC,CAAC;AACF,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,UAAU,CAAC,CAKzE,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,oBAAoB,GAAG,MAAM,CA4BzG"}

package/dist/model/decimal.js

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

package/dist/model/decimal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/model/decimal.ts"],"sourcesContent":["// Copyright 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 { MAX_SIGNIFICANT_DIGITS } from './constants';\nimport { getFormatterFromCache } from './formatterCache';\nimport { UnitGroupConfig, UnitConfig } from './types';\nimport { hasDecimalPlaces, limitDecimalPlaces, shouldShortenValues } from './utils';\n\ntype DecimalUnit = 'decimal';\nexport type DecimalFormatOptions = {\n  unit?: DecimalUnit;\n  decimalPlaces?: number;\n  shortValues?: boolean;\n};\nexport const DECIMAL_GROUP_CONFIG: UnitGroupConfig = {\n  label: 'Decimal',\n  decimalPlaces: true,\n  shortValues: true,\n};\nexport const DECIMAL_UNIT_CONFIG: Readonly<Record<DecimalUnit, UnitConfig>> = {\n  decimal: {\n    group: 'Decimal',\n    label: 'Decimal',\n  },\n};\n\nexport function formatDecimal(value: number, { shortValues, decimalPlaces }: DecimalFormatOptions): string {\n  const formatterOptions: Intl.NumberFormatOptions = {\n    style: 'decimal',\n    useGrouping: true,\n  };\n\n  if (shouldShortenValues(shortValues)) {\n    formatterOptions.notation = 'compact';\n  }\n\n  if (hasDecimalPlaces(decimalPlaces)) {\n    formatterOptions.minimumFractionDigits = limitDecimalPlaces(decimalPlaces);\n    formatterOptions.maximumFractionDigits = limitDecimalPlaces(decimalPlaces);\n  } else {\n    if (shouldShortenValues(shortValues)) {\n      formatterOptions.maximumSignificantDigits = MAX_SIGNIFICANT_DIGITS;\n    }\n  }\n\n  const key = [\n    formatterOptions.style,\n    formatterOptions.useGrouping,\n    formatterOptions.notation,\n    formatterOptions.maximumSignificantDigits,\n    decimalPlaces,\n  ];\n\n  return getFormatterFromCache(key, 'decimal', formatterOptions, 'en-US')(value);\n}\n"],"names":["MAX_SIGNIFICANT_DIGITS","getFormatterFromCache","hasDecimalPlaces","limitDecimalPlaces","shouldShortenValues","DECIMAL_GROUP_CONFIG","label","decimalPlaces","shortValues","DECIMAL_UNIT_CONFIG","decimal","group","formatDecimal","value","formatterOptions","style","useGrouping","notation","minimumFractionDigits","maximumFractionDigits","maximumSignificantDigits","key"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,sBAAsB,QAAQ,cAAc;AACrD,SAASC,qBAAqB,QAAQ,mBAAmB;AAEzD,SAASC,gBAAgB,EAAEC,kBAAkB,EAAEC,mBAAmB,QAAQ,UAAU;AAQpF,OAAO,MAAMC,uBAAwC;IACnDC,OAAO;IACPC,eAAe;IACfC,aAAa;AACf,EAAE;AACF,OAAO,MAAMC,sBAAiE;IAC5EC,SAAS;QACPC,OAAO;QACPL,OAAO;IACT;AACF,EAAE;AAEF,OAAO,SAASM,cAAcC,KAAa,EAAE,EAAEL,WAAW,EAAED,aAAa,EAAwB;IAC/F,MAAMO,mBAA6C;QACjDC,OAAO;QACPC,aAAa;IACf;IAEA,IAAIZ,oBAAoBI,cAAc;QACpCM,iBAAiBG,QAAQ,GAAG;IAC9B;IAEA,IAAIf,iBAAiBK,gBAAgB;QACnCO,iBAAiBI,qBAAqB,GAAGf,mBAAmBI;QAC5DO,iBAAiBK,qBAAqB,GAAGhB,mBAAmBI;IAC9D,OAAO;QACL,IAAIH,oBAAoBI,cAAc;YACpCM,iBAAiBM,wBAAwB,GAAGpB;QAC9C;IACF;IAEA,MAAMqB,MAAM;QACVP,iBAAiBC,KAAK;QACtBD,iBAAiBE,WAAW;QAC5BF,iBAAiBG,QAAQ;QACzBH,iBAAiBM,wBAAwB;QACzCb;KACD;IAED,OAAON,sBAAsBoB,KAAK,WAAWP,kBAAkB,SAASD;AAC1E"}

package/dist/model/formatterCache.d.ts

@@ -0,0 +1,11 @@
+type FormatFn = (value: number | bigint) => string;
+type InputType = 'time' | 'temperature' | 'bytes' | 'bits' | 'decimal' | 'currency' | 'percent' | 'throughput';
+type Locals = 'en-US' | 'en-GB';
+export declare function getFormatterFromCache(key: Array<string | number | boolean | undefined>, inputType: InputType, formatterOptions: Intl.NumberFormatOptions, locals?: Locals): FormatFn;
+export interface IFormatterStats {
+    countCacheItems: (inputType: InputType | 'all') => number;
+    getKeys: (inputType: InputType) => string[];
+}
+export declare const getFormatterStats: () => IFormatterStats;
+export {};
+//# sourceMappingURL=formatterCache.d.ts.map

package/dist/model/formatterCache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatterCache.d.ts","sourceRoot":"","sources":["../../src/model/formatterCache.ts"],"names":[],"mappings":"AAaA,KAAK,QAAQ,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;AACnD,KAAK,SAAS,GAAG,MAAM,GAAG,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,YAAY,CAAC;AAC/G,KAAK,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAqChC,wBAAgB,qBAAqB,CACnC,GAAG,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,EACjD,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,IAAI,CAAC,mBAAmB,EAC1C,MAAM,GAAE,MAAgB,GACvB,QAAQ,CAcV;AAGD,MAAM,WAAW,eAAe;IAC9B,eAAe,EAAE,CAAC,SAAS,EAAE,SAAS,GAAG,KAAK,KAAK,MAAM,CAAC;IAC1D,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,MAAM,EAAE,CAAC;CAC7C;AAED,eAAO,MAAM,iBAAiB,QAAO,eAcpC,CAAC"}

package/dist/model/formatterCache.js

@@ -0,0 +1,104 @@
+// 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.
+/**
+ * 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
+    ]
+]);
+export 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;
+}
+export 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
+    };
+};
+
+//# sourceMappingURL=formatterCache.js.map

package/dist/model/formatterCache.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/model/formatterCache.ts"],"sourcesContent":["// Copyright 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\ntype FormatFn = (value: number | bigint) => string;\ntype InputType = 'time' | 'temperature' | 'bytes' | 'bits' | 'decimal' | 'currency' | 'percent' | 'throughput';\ntype Locals = 'en-US' | 'en-GB';\n\n/**\n * REASONING FOR CLUSTERING (Map-of-Maps):\n *\n * 1. PERSISTENCE & REUSE: Intl.NumberFormat instantiation is CPU-heavy due to\n *    locale/data lookups. Clustering allows 100x faster reuse via caching.\n *\n *\n * 2. LOOKUP PERFORMANCE: Smaller, specialized Maps reduce the risk of hash\n *    collisions, ensuring O(1) retrieval time remains consistent even as\n *    the total number of formatters across the app grows.\n *\n * 3. GARBAGE COLLECTION & STATS: Categorization allows for targeted memory\n *    monitoring and easier debugging of which specific data types are\n *    consuming the most resources.\n */\nconst TIME_FORMATTER_CACHE = new Map<string, Intl.NumberFormat>();\nconst DECIMAL_FORMATTER_CACHE = new Map<string, Intl.NumberFormat>();\nconst BITS_FORMATTER_CACHE = new Map<string, Intl.NumberFormat>();\nconst BYTES_FORMATTER_CACHE = new Map<string, Intl.NumberFormat>();\nconst CURRENCY_FORMATTER_CACHE = new Map<string, Intl.NumberFormat>();\nconst PERCENT_FORMATTER_CACHE = new Map<string, Intl.NumberFormat>();\nconst TEMPERATURE_FORMATTER_CACHE = new Map<string, Intl.NumberFormat>();\nconst THROUGHPUT_FORMATTER_CACHE = new Map<string, Intl.NumberFormat>();\n\nconst ALL_FORMATTERS: Map<InputType, Map<string, Intl.NumberFormat>> = new Map([\n  ['time', TIME_FORMATTER_CACHE],\n  ['decimal', DECIMAL_FORMATTER_CACHE],\n  ['bits', BITS_FORMATTER_CACHE],\n  ['bytes', BYTES_FORMATTER_CACHE],\n  ['currency', CURRENCY_FORMATTER_CACHE],\n  ['percent', PERCENT_FORMATTER_CACHE],\n  ['temperature', TEMPERATURE_FORMATTER_CACHE],\n  ['throughput', THROUGHPUT_FORMATTER_CACHE],\n]);\n\nexport function getFormatterFromCache(\n  key: Array<string | number | boolean | undefined>,\n  inputType: InputType,\n  formatterOptions: Intl.NumberFormatOptions,\n  locals: Locals = 'en-US'\n): FormatFn {\n  const compoundKey = `${key.filter((k) => !([undefined, null, '', NaN] as unknown[]).includes(k)).join('|')}|${locals}`;\n  const inputTypeFormatters = ALL_FORMATTERS.get(inputType);\n  if (!inputTypeFormatters) throw new Error('No formatter found for the input type');\n\n  const formatter = inputTypeFormatters.get(compoundKey);\n  if (formatter) {\n    return formatter.format;\n  }\n\n  const newFormatter = Intl.NumberFormat(locals, formatterOptions);\n  inputTypeFormatters?.set(`${compoundKey}`, newFormatter);\n\n  return newFormatter.format;\n}\n\n/* This is a small utility for unit tests */\nexport interface IFormatterStats {\n  countCacheItems: (inputType: InputType | 'all') => number;\n  getKeys: (inputType: InputType) => string[];\n}\n\nexport const getFormatterStats = (): IFormatterStats => {\n  const countCacheItems = (inputType: InputType | 'all'): number => {\n    if (inputType !== 'all') {\n      return ALL_FORMATTERS.get(inputType)?.size ?? 0;\n    }\n\n    return Array.from(ALL_FORMATTERS.values()).reduce((acc, map) => acc + (map?.size ?? 0), 0);\n  };\n\n  const getKeys = (inputType: InputType): string[] => {\n    return [...(ALL_FORMATTERS.get(inputType)?.keys() || [])];\n  };\n\n  return { countCacheItems, getKeys };\n};\n"],"names":["TIME_FORMATTER_CACHE","Map","DECIMAL_FORMATTER_CACHE","BITS_FORMATTER_CACHE","BYTES_FORMATTER_CACHE","CURRENCY_FORMATTER_CACHE","PERCENT_FORMATTER_CACHE","TEMPERATURE_FORMATTER_CACHE","THROUGHPUT_FORMATTER_CACHE","ALL_FORMATTERS","getFormatterFromCache","key","inputType","formatterOptions","locals","compoundKey","filter","k","undefined","NaN","includes","join","inputTypeFormatters","get","Error","formatter","format","newFormatter","Intl","NumberFormat","set","getFormatterStats","countCacheItems","size","Array","from","values","reduce","acc","map","getKeys","keys"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAMjC;;;;;;;;;;;;;;CAcC,GACD,MAAMA,uBAAuB,IAAIC;AACjC,MAAMC,0BAA0B,IAAID;AACpC,MAAME,uBAAuB,IAAIF;AACjC,MAAMG,wBAAwB,IAAIH;AAClC,MAAMI,2BAA2B,IAAIJ;AACrC,MAAMK,0BAA0B,IAAIL;AACpC,MAAMM,8BAA8B,IAAIN;AACxC,MAAMO,6BAA6B,IAAIP;AAEvC,MAAMQ,iBAAiE,IAAIR,IAAI;IAC7E;QAAC;QAAQD;KAAqB;IAC9B;QAAC;QAAWE;KAAwB;IACpC;QAAC;QAAQC;KAAqB;IAC9B;QAAC;QAASC;KAAsB;IAChC;QAAC;QAAYC;KAAyB;IACtC;QAAC;QAAWC;KAAwB;IACpC;QAAC;QAAeC;KAA4B;IAC5C;QAAC;QAAcC;KAA2B;CAC3C;AAED,OAAO,SAASE,sBACdC,GAAiD,EACjDC,SAAoB,EACpBC,gBAA0C,EAC1CC,SAAiB,OAAO;IAExB,MAAMC,cAAc,GAAGJ,IAAIK,MAAM,CAAC,CAACC,IAAM,CAAC,AAAC;YAACC;YAAW;YAAM;YAAIC;SAAI,CAAeC,QAAQ,CAACH,IAAII,IAAI,CAAC,KAAK,CAAC,EAAEP,QAAQ;IACtH,MAAMQ,sBAAsBb,eAAec,GAAG,CAACX;IAC/C,IAAI,CAACU,qBAAqB,MAAM,IAAIE,MAAM;IAE1C,MAAMC,YAAYH,oBAAoBC,GAAG,CAACR;IAC1C,IAAIU,WAAW;QACb,OAAOA,UAAUC,MAAM;IACzB;IAEA,MAAMC,eAAeC,KAAKC,YAAY,CAACf,QAAQD;IAC/CS,qBAAqBQ,IAAI,GAAGf,aAAa,EAAEY;IAE3C,OAAOA,aAAaD,MAAM;AAC5B;AAQA,OAAO,MAAMK,oBAAoB;IAC/B,MAAMC,kBAAkB,CAACpB;QACvB,IAAIA,cAAc,OAAO;YACvB,OAAOH,eAAec,GAAG,CAACX,YAAYqB,QAAQ;QAChD;QAEA,OAAOC,MAAMC,IAAI,CAAC1B,eAAe2B,MAAM,IAAIC,MAAM,CAAC,CAACC,KAAKC,MAAQD,MAAOC,CAAAA,KAAKN,QAAQ,CAAA,GAAI;IAC1F;IAEA,MAAMO,UAAU,CAAC5B;QACf,OAAO;eAAKH,eAAec,GAAG,CAACX,YAAY6B,UAAU,EAAE;SAAE;IAC3D;IAEA,OAAO;QAAET;QAAiBQ;IAAQ;AACpC,EAAE"}

package/dist/model/graph.d.ts

@@ -1,4 +1,4 @@
-import { TimeSeriesValueTuple } from '@perses-dev/core';
+import { TimeSeriesValueTuple } from '@perses-dev/spec';
 import { LineSeriesOption, BarSeriesOption } from 'echarts/charts';
 import { LegendItem } from '../Legend';
 export declare const OPTIMIZED_MODE_SERIES_LIMIT = 1000;

package/dist/model/graph.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/model/graph.ts"],"sourcesContent":["// Copyright 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 { TimeSeriesValueTuple } from '@perses-dev/core';\nimport { LineSeriesOption, BarSeriesOption } from 'echarts/charts';\nimport { LegendItem } from '../Legend';\n\n// adjust display when there are many time series to help with performance\nexport const OPTIMIZED_MODE_SERIES_LIMIT = 1000;\n\nexport type UnixTimeMs = number;\n\nexport interface GraphSeries {\n  name: string;\n  values: TimeSeriesValueTuple[];\n  id?: string;\n}\n\nexport type EChartsValues = number | null | '-';\n\nexport interface LegacyTimeSeries extends Omit<LineSeriesOption, 'data'> {\n  data: EChartsValues[];\n}\n\n// Used for TimeChart dataset support, each time series returned is mapped to series options using datasetIndex\n// - https://apache.github.io/echarts-handbook/en/concepts/dataset/#how-to-reference-several-datasets\nexport type TimeChartSeriesMapping = TimeSeriesOption[];\nexport type TimeChartLegendItems = LegendItem[];\n\nexport type TimeSeriesOption = LineSeriesOption | BarSeriesOption;\n\nexport type EChartsDataFormat = {\n  timeSeries: LegacyTimeSeries[];\n  xAxis: number[];\n  legendItems?: LegendItem[];\n  xAxisMax?: number | string;\n  rangeMs?: number;\n};\n\n// Intentionally making this an object to start because it is plausible we will\n// want to support focusing by other attributes (e.g. index, name) in the future,\n// and starting with an object will make adding them a non-breaking change.\nexport type ChartInstanceFocusOpts = {\n  name?: string; // e.g the TimeSeriesChart plugin uses name\n};\n\nexport type ChartInstance = {\n  /**\n   * Highlight the series associated with the specified options.\n   */\n  highlightSeries: (opts: ChartInstanceFocusOpts) => void;\n\n  /**\n   * Clear all highlighted series.\n   */\n  clearHighlightedSeries: () => void;\n};\n\nexport const PINNED_CROSSHAIR_SERIES_NAME = 'Pinned Crosshair';\n\nexport const DEFAULT_PINNED_CROSSHAIR: LineSeriesOption = {\n  name: PINNED_CROSSHAIR_SERIES_NAME,\n  type: 'line',\n  // https://echarts.apache.org/en/option.html#series-line.markLine\n  markLine: {\n    data: [],\n    lineStyle: {\n      type: 'dashed',\n      width: 2,\n    },\n    emphasis: {\n      lineStyle: {\n        width: 2,\n        opacity: 1,\n      },\n    },\n    blur: {\n      lineStyle: {\n        width: 2,\n        opacity: 1,\n      },\n    },\n  },\n};\n\nexport interface DatapointInfo {\n  dataIndex: number;\n  seriesIndex: number;\n  seriesName: string;\n  yValue: number;\n}\n"],"names":["OPTIMIZED_MODE_SERIES_LIMIT","PINNED_CROSSHAIR_SERIES_NAME","DEFAULT_PINNED_CROSSHAIR","name","type","markLine","data","lineStyle","width","emphasis","opacity","blur"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAMjC,0EAA0E;AAC1E,OAAO,MAAMA,8BAA8B,KAAK;AAkDhD,OAAO,MAAMC,+BAA+B,mBAAmB;AAE/D,OAAO,MAAMC,2BAA6C;IACxDC,MAAMF;IACNG,MAAM;IACN,iEAAiE;IACjEC,UAAU;QACRC,MAAM,EAAE;QACRC,WAAW;YACTH,MAAM;YACNI,OAAO;QACT;QACAC,UAAU;YACRF,WAAW;gBACTC,OAAO;gBACPE,SAAS;YACX;QACF;QACAC,MAAM;YACJJ,WAAW;gBACTC,OAAO;gBACPE,SAAS;YACX;QACF;IACF;AACF,EAAE"}
+{"version":3,"sources":["../../src/model/graph.ts"],"sourcesContent":["// Copyright 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 { TimeSeriesValueTuple } from '@perses-dev/spec';\nimport { LineSeriesOption, BarSeriesOption } from 'echarts/charts';\nimport { LegendItem } from '../Legend';\n\n// adjust display when there are many time series to help with performance\nexport const OPTIMIZED_MODE_SERIES_LIMIT = 1000;\n\nexport type UnixTimeMs = number;\n\nexport interface GraphSeries {\n  name: string;\n  values: TimeSeriesValueTuple[];\n  id?: string;\n}\n\nexport type EChartsValues = number | null | '-';\n\nexport interface LegacyTimeSeries extends Omit<LineSeriesOption, 'data'> {\n  data: EChartsValues[];\n}\n\n// Used for TimeChart dataset support, each time series returned is mapped to series options using datasetIndex\n// - https://apache.github.io/echarts-handbook/en/concepts/dataset/#how-to-reference-several-datasets\nexport type TimeChartSeriesMapping = TimeSeriesOption[];\nexport type TimeChartLegendItems = LegendItem[];\n\nexport type TimeSeriesOption = LineSeriesOption | BarSeriesOption;\n\nexport type EChartsDataFormat = {\n  timeSeries: LegacyTimeSeries[];\n  xAxis: number[];\n  legendItems?: LegendItem[];\n  xAxisMax?: number | string;\n  rangeMs?: number;\n};\n\n// Intentionally making this an object to start because it is plausible we will\n// want to support focusing by other attributes (e.g. index, name) in the future,\n// and starting with an object will make adding them a non-breaking change.\nexport type ChartInstanceFocusOpts = {\n  name?: string; // e.g the TimeSeriesChart plugin uses name\n};\n\nexport type ChartInstance = {\n  /**\n   * Highlight the series associated with the specified options.\n   */\n  highlightSeries: (opts: ChartInstanceFocusOpts) => void;\n\n  /**\n   * Clear all highlighted series.\n   */\n  clearHighlightedSeries: () => void;\n};\n\nexport const PINNED_CROSSHAIR_SERIES_NAME = 'Pinned Crosshair';\n\nexport const DEFAULT_PINNED_CROSSHAIR: LineSeriesOption = {\n  name: PINNED_CROSSHAIR_SERIES_NAME,\n  type: 'line',\n  // https://echarts.apache.org/en/option.html#series-line.markLine\n  markLine: {\n    data: [],\n    lineStyle: {\n      type: 'dashed',\n      width: 2,\n    },\n    emphasis: {\n      lineStyle: {\n        width: 2,\n        opacity: 1,\n      },\n    },\n    blur: {\n      lineStyle: {\n        width: 2,\n        opacity: 1,\n      },\n    },\n  },\n};\n\nexport interface DatapointInfo {\n  dataIndex: number;\n  seriesIndex: number;\n  seriesName: string;\n  yValue: number;\n}\n"],"names":["OPTIMIZED_MODE_SERIES_LIMIT","PINNED_CROSSHAIR_SERIES_NAME","DEFAULT_PINNED_CROSSHAIR","name","type","markLine","data","lineStyle","width","emphasis","opacity","blur"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAMjC,0EAA0E;AAC1E,OAAO,MAAMA,8BAA8B,KAAK;AAkDhD,OAAO,MAAMC,+BAA+B,mBAAmB;AAE/D,OAAO,MAAMC,2BAA6C;IACxDC,MAAMF;IACNG,MAAM;IACN,iEAAiE;IACjEC,UAAU;QACRC,MAAM,EAAE;QACRC,WAAW;YACTH,MAAM;YACNI,OAAO;QACT;QACAC,UAAU;YACRF,WAAW;gBACTC,OAAO;gBACPE,SAAS;YACX;QACF;QACAC,MAAM;YACJJ,WAAW;gBACTC,OAAO;gBACPE,SAAS;YACX;QACF;IACF;AACF,EAAE"}

package/dist/model/index.d.ts

@@ -2,4 +2,20 @@ export * from './graph';
 export * from './theme';
 export * from './timeOption';
 export * from './timeZoneOption';
+export * from './action';
+export * from './legend';
+export * from './time';
+export * from './bits';
+export * from './bytes';
+export * from './currency';
+export * from './percent';
+export * from './temperature';
+export * from './decimal';
+export * from './throughput';
+export * from './formatterCache';
+export * from './units';
+export * from './utils';
+export * from './types';
+export * from './thresholds';
+export * from './transforms';
 //# sourceMappingURL=index.d.ts.map

package/dist/model/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/model/index.ts"],"names":[],"mappings":"AAaA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/model/index.ts"],"names":[],"mappings":"AAaA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC"}

package/dist/model/index.js

@@ -14,5 +14,21 @@ export * from './graph';
 export * from './theme';
 export * from './timeOption';
 export * from './timeZoneOption';
+export * from './action';
+export * from './legend';
+export * from './time';
+export * from './bits';
+export * from './bytes';
+export * from './currency';
+export * from './percent';
+export * from './temperature';
+export * from './decimal';
+export * from './throughput';
+export * from './formatterCache';
+export * from './units';
+export * from './utils';
+export * from './types';
+export * from './thresholds';
+export * from './transforms';
 
 //# sourceMappingURL=index.js.map

package/dist/model/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/model/index.ts"],"sourcesContent":["// Copyright 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 * from './graph';\nexport * from './theme';\nexport * from './timeOption';\nexport * from './timeZoneOption';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,mBAAmB"}
+{"version":3,"sources":["../../src/model/index.ts"],"sourcesContent":["// Copyright 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 * from './graph';\nexport * from './theme';\nexport * from './timeOption';\nexport * from './timeZoneOption';\nexport * from './action';\nexport * from './legend';\nexport * from './time';\nexport * from './bits';\nexport * from './bytes';\nexport * from './currency';\nexport * from './percent';\nexport * from './temperature';\nexport * from './decimal';\nexport * from './throughput';\nexport * from './formatterCache';\nexport * from './units';\nexport * from './utils';\nexport * from './types';\nexport * from './thresholds';\nexport * from './transforms';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,mBAAmB;AACjC,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,eAAe;AAC7B,cAAc,mBAAmB;AACjC,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,eAAe"}