@perses-dev/components 0.0.0-snapshot-time-range-height-80d08fc

package/dist/cjs/context/TimeZoneProvider.js

@@ -0,0 +1,90 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    TimeZoneContext: ()=>TimeZoneContext,
+    TimeZoneProvider: ()=>TimeZoneProvider,
+    useTimeZone: ()=>useTimeZone
+});
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _utils = require("../utils");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interopRequireWildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const TimeZoneContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
+function TimeZoneProvider(props) {
+    const { children , timeZone  } = props;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(TimeZoneContext.Provider, {
+        value: timeZone,
+        children: children
+    });
+}
+function useTimeZone() {
+    const timeZone = (0, _react.useContext)(TimeZoneContext);
+    return {
+        // fallback to "local" timezone if TimeZoneProvider is not present in the React tree
+        timeZone: timeZone !== null && timeZone !== void 0 ? timeZone : 'local',
+        formatWithUserTimeZone (date, formatString) {
+            return (0, _utils.formatWithTimeZone)(date, formatString, timeZone);
+        },
+        dateFormatOptionsWithUserTimeZone (dateFormatOptions) {
+            return (0, _utils.dateFormatOptionsWithTimeZone)(dateFormatOptions, timeZone);
+        }
+    };
+}

package/dist/cjs/index.js

@@ -0,0 +1,47 @@
+// Copyright 2022 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
+});
+_exportStar(require("./DateTimeRangePicker"), exports);
+_exportStar(require("./Drawer"), exports);
+_exportStar(require("./EChart"), exports);
+_exportStar(require("./ErrorAlert"), exports);
+_exportStar(require("./ErrorBoundary"), exports);
+_exportStar(require("./GaugeChart"), exports);
+_exportStar(require("./InfoTooltip"), exports);
+_exportStar(require("./JSONEditor"), exports);
+_exportStar(require("./Legend"), exports);
+_exportStar(require("./LineChart"), exports);
+_exportStar(require("./OptionsEditorLayout"), exports);
+_exportStar(require("./StatChart"), exports);
+_exportStar(require("./UnitSelector"), exports);
+_exportStar(require("./YAxisLabel"), exports);
+_exportStar(require("./context/ChartsThemeProvider"), exports);
+_exportStar(require("./context/TimeZoneProvider"), exports);
+_exportStar(require("./utils"), exports);
+_exportStar(require("./model"), exports);
+_exportStar(require("./test-utils"), exports);
+_exportStar(require("./theme"), exports);
+function _exportStar(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/graph.js

@@ -0,0 +1,21 @@
+// Copyright 2022 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, "OPTIMIZED_MODE_SERIES_LIMIT", {
+    enumerable: true,
+    get: ()=>OPTIMIZED_MODE_SERIES_LIMIT
+});
+const OPTIMIZED_MODE_SERIES_LIMIT = 1000;

package/dist/cjs/model/index.js

@@ -0,0 +1,30 @@
+// Copyright 2022 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
+});
+_exportStar(require("./graph"), exports);
+_exportStar(require("./theme"), exports);
+_exportStar(require("./units"), exports);
+function _exportStar(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/theme.js

@@ -0,0 +1,16 @@
+// Copyright 2022 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
+});

package/dist/cjs/model/units/bytes.js

@@ -0,0 +1,60 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    BYTES_GROUP_CONFIG: ()=>BYTES_GROUP_CONFIG,
+    BYTES_UNIT_CONFIG: ()=>BYTES_UNIT_CONFIG,
+    formatBytes: ()=>formatBytes
+});
+const bytesUnitKinds = [
+    'Bytes'
+];
+const BYTES_GROUP_CONFIG = {
+    label: 'Bytes',
+    decimal_places: true
+};
+const BYTES_UNIT_CONFIG = {
+    Bytes: {
+        group: 'Bytes',
+        label: 'Bytes'
+    }
+};
+function formatBytes(bytes, decimals = 2) {
+    if (bytes === 0) return '0 Bytes';
+    const k = 1024;
+    const dm = decimals < 0 ? 0 : decimals;
+    const sizes = [
+        'Bytes',
+        'KB',
+        'MB',
+        'GB',
+        'TB',
+        'PB',
+        'EB',
+        'ZB',
+        'YB'
+    ];
+    // Math.max(0, ...) ensures that we don't return -1 as a value for the index.
+    // Why? When the number of bytes are between -1 and 1, Math.floor(Math.log(bytes)/Math.log(1024)) returns -1.
+    const i = Math.max(0, Math.floor(Math.log(bytes) / Math.log(k)));
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
+}

package/dist/cjs/model/units/constants.js

@@ -0,0 +1,23 @@
+// Copyright 2022 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.
+// Common constants needed across individual unit groups and the overall
+// combined units.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DEFAULT_DECIMAL_PLACES", {
+    enumerable: true,
+    get: ()=>DEFAULT_DECIMAL_PLACES
+});
+const DEFAULT_DECIMAL_PLACES = 2;

package/dist/cjs/model/units/decimal.js

@@ -0,0 +1,67 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    PERCENT_GROUP_CONFIG: ()=>PERCENT_GROUP_CONFIG,
+    DECIMAL_UNIT_CONFIG: ()=>DECIMAL_UNIT_CONFIG,
+    formatDecimal: ()=>formatDecimal,
+    abbreviateLargeNumber: ()=>abbreviateLargeNumber,
+    formatNumber: ()=>formatNumber
+});
+const _mathjs = require("../../utils/mathjs");
+const _constants = require("./constants");
+const decimalUnitKinds = [
+    'Decimal'
+];
+const PERCENT_GROUP_CONFIG = {
+    label: 'Percent',
+    decimal_places: true
+};
+const DECIMAL_UNIT_CONFIG = {
+    Decimal: {
+        group: 'Decimal',
+        label: 'Decimal'
+    }
+};
+function formatDecimal(value, unitOptions) {
+    var _decimal_places;
+    const decimals = (_decimal_places = unitOptions.decimal_places) !== null && _decimal_places !== void 0 ? _decimal_places : _constants.DEFAULT_DECIMAL_PLACES;
+    if (unitOptions.abbreviate === true) {
+        return abbreviateLargeNumber(value, decimals);
+    }
+    const formatParams = {
+        style: 'decimal',
+        minimumFractionDigits: decimals,
+        maximumFractionDigits: decimals,
+        useGrouping: true
+    };
+    const decimalFormatter = new Intl.NumberFormat('en-US', formatParams);
+    return decimalFormatter.format(value);
+}
+function abbreviateLargeNumber(num, decimals = 2) {
+    const modifier = (n)=>(0, _mathjs.round)(n, decimals);
+    return formatNumber(num, modifier);
+}
+function formatNumber(num, modifier) {
+    const fn = modifier !== null && modifier !== void 0 ? modifier : Math.round;
+    return num >= 1e12 ? fn(num / 1e12) + 'T' : num >= 1e9 ? fn(num / 1e9) + 'B' : num >= 1e6 ? fn(num / 1e6) + 'M' : num >= 1e3 ? fn(num / 1e3) + 'K' : num.toString();
+}

package/dist/cjs/model/units/index.js

@@ -0,0 +1,30 @@
+// Copyright 2022 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
+});
+_exportStar(require("./units"), exports);
+_exportStar(require("./constants"), exports);
+_exportStar(require("./types"), exports);
+function _exportStar(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/units/percent.js

@@ -0,0 +1,64 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    DECIMAL_GROUP_CONFIG: ()=>DECIMAL_GROUP_CONFIG,
+    PERCENT_UNIT_CONFIG: ()=>PERCENT_UNIT_CONFIG,
+    formatPercent: ()=>formatPercent
+});
+const _constants = require("./constants");
+const percentUnitKinds = [
+    'Percent',
+    'PercentDecimal',
+    '%'
+];
+const DECIMAL_GROUP_CONFIG = {
+    label: 'Decimal',
+    decimal_places: true,
+    abbreviate: true
+};
+const PERCENT_GROUP = 'Percent';
+const PERCENT_UNIT_CONFIG = {
+    Percent: {
+        group: PERCENT_GROUP,
+        label: 'Percent (0-100)'
+    },
+    PercentDecimal: {
+        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, unitOptions) {
+    var _decimal_places;
+    const decimals = (_decimal_places = unitOptions.decimal_places) !== null && _decimal_places !== void 0 ? _decimal_places : _constants.DEFAULT_DECIMAL_PLACES;
+    if (unitOptions.kind === 'PercentDecimal') {
+        value = value * 100;
+    }
+    return value.toFixed(decimals) + '%';
+}

package/dist/cjs/model/units/time.js

@@ -0,0 +1,102 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    TimeIntlDuration: ()=>TimeIntlDuration,
+    TIME_GROUP_CONFIG: ()=>TIME_GROUP_CONFIG,
+    TIME_UNIT_CONFIG: ()=>TIME_UNIT_CONFIG,
+    formatTime: ()=>formatTime
+});
+const _constants = require("./constants");
+const timeUnitKinds = [
+    'Milliseconds',
+    'Seconds',
+    'Minutes',
+    'Hours',
+    'Days',
+    'Weeks',
+    'Months',
+    'Years'
+];
+const TIME_GROUP = 'Time';
+const TIME_GROUP_CONFIG = {
+    label: 'Time',
+    decimal_places: true
+};
+const TIME_UNIT_CONFIG = {
+    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 TimeIntlDuration;
+(function(TimeIntlDuration) {
+    TimeIntlDuration["Milliseconds"] = 'millisecond';
+    TimeIntlDuration["Seconds"] = 'second';
+    TimeIntlDuration["Minutes"] = 'minute';
+    TimeIntlDuration["Hours"] = 'hour';
+    TimeIntlDuration["Days"] = 'day';
+    TimeIntlDuration["Weeks"] = 'week';
+    TimeIntlDuration["Months"] = 'month';
+    TimeIntlDuration["Years"] = 'year';
+})(TimeIntlDuration || (TimeIntlDuration = {}));
+function formatTime(value, unitOptions) {
+    var _decimal_places;
+    const decimals = (_decimal_places = unitOptions.decimal_places) !== null && _decimal_places !== void 0 ? _decimal_places : _constants.DEFAULT_DECIMAL_PLACES;
+    const timeUnit = TimeIntlDuration[unitOptions.kind];
+    const formatter = new Intl.NumberFormat('en', {
+        style: 'unit',
+        unit: timeUnit,
+        unitDisplay: 'long',
+        minimumFractionDigits: decimals,
+        maximumFractionDigits: decimals
+    });
+    return formatter.format(value);
+}

package/dist/cjs/model/units/types.js

@@ -0,0 +1,28 @@
+// Copyright 2022 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.
+// Common types needed across individual unit groups and the overall combined
+// units.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "UNIT_GROUPS", {
+    enumerable: true,
+    get: ()=>UNIT_GROUPS
+});
+const UNIT_GROUPS = [
+    'Time',
+    'Percent',
+    'Decimal',
+    'Bytes'
+];