@perses-dev/components 0.55.0-beta.0 → 0.55.0-beta.10

package/dist/cjs/model/index.js

@@ -1,50 +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("./graph"), exports);
-_export_star(require("./theme"), exports);
-_export_star(require("./timeOption"), exports);
-_export_star(require("./timeZoneOption"), exports);
-_export_star(require("./action"), exports);
-_export_star(require("./legend"), exports);
-_export_star(require("./time"), exports);
-_export_star(require("./bits"), exports);
-_export_star(require("./bytes"), exports);
-_export_star(require("./currency"), exports);
-_export_star(require("./percent"), exports);
-_export_star(require("./temperature"), exports);
-_export_star(require("./decimal"), exports);
-_export_star(require("./throughput"), exports);
-_export_star(require("./formatterCache"), exports);
-_export_star(require("./units"), exports);
-_export_star(require("./utils"), exports);
-_export_star(require("./types"), exports);
-_export_star(require("./thresholds"), exports);
-_export_star(require("./transforms"), exports);
-_export_star(require("./value-mapping"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}

package/dist/cjs/model/legend.js

@@ -1,101 +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_LEGEND () {
-        return DEFAULT_LEGEND;
-    },
-    get getLegendMode () {
-        return getLegendMode;
-    },
-    get getLegendPosition () {
-        return getLegendPosition;
-    },
-    get getLegendSize () {
-        return getLegendSize;
-    },
-    get isValidLegendMode () {
-        return isValidLegendMode;
-    },
-    get isValidLegendPosition () {
-        return isValidLegendPosition;
-    },
-    get isValidLegendSize () {
-        return isValidLegendSize;
-    },
-    get legendModes () {
-        return legendModes;
-    },
-    get legendPositions () {
-        return legendPositions;
-    },
-    get legendSizes () {
-        return legendSizes;
-    }
-});
-const legendPositions = [
-    'bottom',
-    'right'
-];
-const legendModes = [
-    'list',
-    'table'
-];
-const legendSizes = [
-    'small',
-    'medium'
-];
-function isValidLegendPosition(position) {
-    return legendPositions.includes(position);
-}
-function isValidLegendMode(mode) {
-    return legendModes.includes(mode);
-}
-function isValidLegendSize(size) {
-    return legendSizes.includes(size);
-}
-const DEFAULT_LEGEND = {
-    position: 'bottom',
-    mode: 'list',
-    size: 'medium'
-};
-function getLegendPosition(position) {
-    if (position === undefined) {
-        return DEFAULT_LEGEND.position;
-    }
-    if (isValidLegendPosition(position)) {
-        return position;
-    }
-    return DEFAULT_LEGEND.position;
-}
-function getLegendMode(mode) {
-    if (!mode || !isValidLegendMode(mode)) {
-        return DEFAULT_LEGEND.mode;
-    }
-    return mode;
-}
-function getLegendSize(size) {
-    if (!size || !isValidLegendSize(size)) {
-        return DEFAULT_LEGEND.size;
-    }
-    return size;
-}

package/dist/cjs/model/percent.js

@@ -1,82 +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 PERCENT_GROUP_CONFIG () {
-        return PERCENT_GROUP_CONFIG;
-    },
-    get PERCENT_UNIT_CONFIG () {
-        return PERCENT_UNIT_CONFIG;
-    },
-    get formatPercent () {
-        return formatPercent;
-    }
-});
-const _constants = require("./constants");
-const _formatterCache = require("./formatterCache");
-const _utils = require("./utils");
-const PERCENT_GROUP_CONFIG = {
-    label: 'percent',
-    decimalPlaces: true
-};
-const PERCENT_GROUP = 'Percent';
-const PERCENT_UNIT_CONFIG = {
-    percent: {
-        group: PERCENT_GROUP,
-        label: 'Percent (0-100)'
-    },
-    'percent-decimal': {
-        group: PERCENT_GROUP,
-        label: 'Percent (0.0-1.0)'
-    },
-    '%': {
-        // This option is not shown in the selector because it is a shorthand
-        // duplicate of `Percent`.
-        disableSelectorOption: true,
-        group: PERCENT_GROUP,
-        label: '%'
-    }
-};
-function formatPercent(value, { unit, decimalPlaces }) {
-    const formatterOptions = {
-        style: 'percent',
-        useGrouping: true
-    };
-    if ((0, _utils.hasDecimalPlaces)(decimalPlaces)) {
-        formatterOptions.minimumFractionDigits = (0, _utils.limitDecimalPlaces)(decimalPlaces);
-        formatterOptions.maximumFractionDigits = (0, _utils.limitDecimalPlaces)(decimalPlaces);
-    } else {
-        formatterOptions.maximumSignificantDigits = _constants.MAX_SIGNIFICANT_DIGITS;
-    }
-    // Intl.NumberFormat translates 0 -> 0%, 0.5 -> 50%, 1 -> 100%, etc.
-    if (unit === 'percent') {
-        value = value / 100;
-    }
-    const key = [
-        formatterOptions.style,
-        formatterOptions.useGrouping,
-        formatterOptions.maximumSignificantDigits,
-        decimalPlaces,
-        unit
-    ];
-    return (0, _formatterCache.getFormatterFromCache)(key, 'percent', formatterOptions, 'en-US')(value);
-}

package/dist/cjs/model/temperature.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 TEMPERATURE_GROUP_CONFIG () {
-        return TEMPERATURE_GROUP_CONFIG;
-    },
-    get TEMPERATURE_UNIT_CONFIG () {
-        return TEMPERATURE_UNIT_CONFIG;
-    },
-    get formatTemperature () {
-        return formatTemperature;
-    }
-});
-const _constants = require("./constants");
-const _formatterCache = require("./formatterCache");
-const _utils = require("./utils");
-const TEMPERATURE_GROUP = 'Temperature';
-const TEMPERATURE_GROUP_CONFIG = {
-    label: TEMPERATURE_GROUP,
-    decimalPlaces: true
-};
-const TEMPERATURE_UNIT_CONFIG = {
-    celsius: {
-        group: TEMPERATURE_GROUP,
-        label: 'Celsius (°C)'
-    },
-    fahrenheit: {
-        group: TEMPERATURE_GROUP,
-        label: 'Fahrenheit (°F)'
-    }
-};
-const formatTemperature = (value, { unit, decimalPlaces })=>{
-    const formatterOptions = {
-        unit,
-        style: 'unit'
-    };
-    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 locals = unit === 'celsius' ? 'en-GB' : 'en-US';
-    const key = [
-        formatterOptions.style,
-        formatterOptions.unit,
-        formatterOptions.maximumSignificantDigits,
-        decimalPlaces,
-        locals
-    ];
-    return (0, _formatterCache.getFormatterFromCache)(key, 'temperature', formatterOptions, locals)(value);
-};

package/dist/cjs/model/throughput.js

@@ -1,161 +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 THROUGHPUT_GROUP_CONFIG () {
-        return THROUGHPUT_GROUP_CONFIG;
-    },
-    get THROUGHPUT_UNIT_CONFIG () {
-        return THROUGHPUT_UNIT_CONFIG;
-    },
-    get formatThroughput () {
-        return formatThroughput;
-    }
-});
-const _bytes = require("./bytes");
-const _bits = require("./bits");
-const _constants = require("./constants");
-const _utils = require("./utils");
-const _formatterCache = require("./formatterCache");
-const THROUGHPUT_GROUP_CONFIG = {
-    label: 'Throughput',
-    decimalPlaces: true
-};
-const THROUGHPUT_GROUP = 'Throughput';
-const THROUGHPUT_UNIT_CONFIG = {
-    'bits/sec': {
-        group: THROUGHPUT_GROUP,
-        label: 'Bits/sec (IEC)'
-    },
-    'decbits/sec': {
-        group: THROUGHPUT_GROUP,
-        label: 'Bits/sec (SI)'
-    },
-    'bytes/sec': {
-        group: THROUGHPUT_GROUP,
-        label: 'Bytes/sec (IEC)'
-    },
-    'decbytes/sec': {
-        group: THROUGHPUT_GROUP,
-        label: 'Bytes/sec (SI)'
-    },
-    'counts/sec': {
-        group: THROUGHPUT_GROUP,
-        label: 'Counts/sec'
-    },
-    'events/sec': {
-        group: THROUGHPUT_GROUP,
-        label: 'Events/sec'
-    },
-    'messages/sec': {
-        group: THROUGHPUT_GROUP,
-        label: 'Messages/sec'
-    },
-    'ops/sec': {
-        group: THROUGHPUT_GROUP,
-        label: 'Ops/sec'
-    },
-    'packets/sec': {
-        group: THROUGHPUT_GROUP,
-        label: 'Packets/sec'
-    },
-    'reads/sec': {
-        group: THROUGHPUT_GROUP,
-        label: 'Reads/sec'
-    },
-    'requests/sec': {
-        group: THROUGHPUT_GROUP,
-        label: 'Requests/sec'
-    },
-    'records/sec': {
-        group: THROUGHPUT_GROUP,
-        label: 'Records/sec'
-    },
-    'rows/sec': {
-        group: THROUGHPUT_GROUP,
-        label: 'Rows/sec'
-    },
-    'writes/sec': {
-        group: THROUGHPUT_GROUP,
-        label: 'Writes/sec'
-    }
-};
-function formatThroughput(value, { unit, shortValues, decimalPlaces }) {
-    // special case for data throughput
-    if (unit === 'bits/sec') {
-        const denominator = Math.abs(value) < 1024 ? 'sec' : 's';
-        return (0, _bits.formatBits)(value, {
-            unit: 'bits',
-            shortValues,
-            decimalPlaces
-        }) + '/' + denominator;
-    }
-    if (unit === 'decbits/sec') {
-        const denominator = Math.abs(value) < 1000 ? 'sec' : 's';
-        return (0, _bits.formatBits)(value, {
-            unit: 'decbits',
-            shortValues,
-            decimalPlaces
-        }) + '/' + denominator;
-    }
-    if (unit === 'decbytes/sec') {
-        const denominator = Math.abs(value) < 1000 ? 'sec' : 's';
-        return (0, _bytes.formatBytes)(value, {
-            unit: 'decbytes',
-            shortValues,
-            decimalPlaces
-        }) + '/' + denominator;
-    }
-    if (unit === 'bytes/sec') {
-        const denominator = Math.abs(value) < 1024 ? 'sec' : 's';
-        return (0, _bytes.formatBytes)(value, {
-            unit: 'bytes',
-            shortValues,
-            decimalPlaces
-        }) + '/' + denominator;
-    }
-    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,
-        shortValues,
-        unit
-    ];
-    return `${(0, _formatterCache.getFormatterFromCache)(key, 'throughput', formatterOptions, 'en-US')(value)} ${unit}`;
-}

package/dist/cjs/model/time.js

@@ -1,178 +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 PersesTimeToIntlTime () {
-        return PersesTimeToIntlTime;
-    },
-    get TIME_GROUP_CONFIG () {
-        return TIME_GROUP_CONFIG;
-    },
-    get TIME_UNIT_CONFIG () {
-        return TIME_UNIT_CONFIG;
-    },
-    get formatTime () {
-        return formatTime;
-    }
-});
-const _constants = require("./constants");
-const _formatterCache = require("./formatterCache");
-const _utils = require("./utils");
-const TIME_GROUP = 'Time';
-const TIME_GROUP_CONFIG = {
-    label: 'Time',
-    decimalPlaces: true
-};
-const TIME_UNIT_CONFIG = {
-    nanoseconds: {
-        group: TIME_GROUP,
-        label: 'Nanoseconds'
-    },
-    microseconds: {
-        group: TIME_GROUP,
-        label: 'Microseconds'
-    },
-    milliseconds: {
-        group: TIME_GROUP,
-        label: 'Milliseconds'
-    },
-    seconds: {
-        group: TIME_GROUP,
-        label: 'Seconds'
-    },
-    minutes: {
-        group: TIME_GROUP,
-        label: 'Minutes'
-    },
-    hours: {
-        group: TIME_GROUP,
-        label: 'Hours'
-    },
-    days: {
-        group: TIME_GROUP,
-        label: 'Days'
-    },
-    weeks: {
-        group: TIME_GROUP,
-        label: 'Weeks'
-    },
-    months: {
-        group: TIME_GROUP,
-        label: 'Months'
-    },
-    years: {
-        group: TIME_GROUP,
-        label: 'Years'
-    }
-};
-var PersesTimeToIntlTime = /*#__PURE__*/ function(PersesTimeToIntlTime) {
-    PersesTimeToIntlTime["nanoseconds"] = "nanosecond";
-    PersesTimeToIntlTime["microseconds"] = "microsecond";
-    PersesTimeToIntlTime["milliseconds"] = "millisecond";
-    PersesTimeToIntlTime["seconds"] = "second";
-    PersesTimeToIntlTime["minutes"] = "minute";
-    PersesTimeToIntlTime["hours"] = "hour";
-    PersesTimeToIntlTime["days"] = "day";
-    PersesTimeToIntlTime["weeks"] = "week";
-    PersesTimeToIntlTime["months"] = "month";
-    PersesTimeToIntlTime["years"] = "year";
-    return PersesTimeToIntlTime;
-}({});
-/**
- * Note: This conversion will not be exactly accurate for months and years,
- * due variations in the lengths of months (i.e. 28 - 31 days) and years (i.e. leap years).
- * For precision with months and years, we would need more complex algorithms and/or external libraries.
- * However, we expect that measurements in months and years will be rare.
- */ const TIME_UNITS_IN_SECONDS = {
-    years: 31536000,
-    months: 2592000,
-    weeks: 604800,
-    days: 86400,
-    hours: 3600,
-    minutes: 60,
-    seconds: 1,
-    milliseconds: 0.001,
-    microseconds: 0.000001,
-    nanoseconds: 0.000000001
-};
-const LARGEST_TO_SMALLEST_TIME_UNITS = [
-    'years',
-    'months',
-    'weeks',
-    'days',
-    'hours',
-    'minutes',
-    'seconds',
-    'milliseconds',
-    'microseconds',
-    'nanoseconds'
-];
-/**
- * Choose the first time unit that produces a number greater than 1, starting from the biggest time unit.
- */ function getValueAndKindForNaturalNumbers(value, unit) {
-    const valueInSeconds = value * TIME_UNITS_IN_SECONDS[unit];
-    // Initialize for TS
-    const largestTimeUnit = LARGEST_TO_SMALLEST_TIME_UNITS[0] || 'years';
-    let timeUnit = largestTimeUnit;
-    let valueInTimeUnit = valueInSeconds / TIME_UNITS_IN_SECONDS[largestTimeUnit];
-    for (timeUnit of LARGEST_TO_SMALLEST_TIME_UNITS){
-        valueInTimeUnit = valueInSeconds / TIME_UNITS_IN_SECONDS[timeUnit];
-        if (valueInTimeUnit >= 1) {
-            return {
-                value: valueInTimeUnit,
-                unit: timeUnit
-            };
-        }
-    }
-    // If we didn't find a time unit, we have to settle for the smallest time unit (which is the last time unit).
-    return {
-        value: valueInTimeUnit,
-        unit: timeUnit
-    };
-}
-function isMonthOrYear(unit) {
-    return unit === 'months' || unit === 'years';
-}
-function formatTime(value, { unit, decimalPlaces }) {
-    if (value === 0) return '0s';
-    const results = getValueAndKindForNaturalNumbers(value, unit ?? 'seconds');
-    const formatterOptions = {
-        style: 'unit',
-        unit: PersesTimeToIntlTime[results.unit],
-        unitDisplay: isMonthOrYear(results.unit) ? 'long' : 'narrow'
-    };
-    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.unit,
-        formatterOptions.unitDisplay,
-        formatterOptions.maximumSignificantDigits,
-        decimalPlaces,
-        unit ?? 'seconds'
-    ];
-    return (0, _formatterCache.getFormatterFromCache)(key, 'time', formatterOptions, 'en-US')(results.value);
-}

package/dist/cjs/model/timeOption.js

@@ -1,34 +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, "buildRelativeTimeOption", {
-    enumerable: true,
-    get: function() {
-        return buildRelativeTimeOption;
-    }
-});
-const _spec = require("@perses-dev/spec");
-const _datefns = require("date-fns");
-function buildRelativeTimeOption(duration) {
-    return {
-        value: {
-            pastDuration: duration
-        },
-        display: `Last ${(0, _datefns.formatDuration)((0, _spec.parseDurationString)(duration), {
-            delimiter: ', '
-        })}`
-    };
-}