@perses-dev/components 0.8.1 → 0.10.0

package/dist/cjs/model/index.js

@@ -1,4 +1,3 @@
-"use strict";
 // 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.
@@ -11,21 +10,21 @@
 // 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.
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./graph"), exports);
-__exportStar(require("./theme"), exports);
-__exportStar(require("./units"), exports);
+"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

@@ -1,4 +1,3 @@
-"use strict";
 // 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.
@@ -11,4 +10,7 @@
 // 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.
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/dist/cjs/model/units.js

@@ -1,5 +1,4 @@
-"use strict";
-// Copyright 2021 The Perses Authors
+// 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
@@ -11,13 +10,26 @@
 // 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.
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatNumber = exports.abbreviateLargeNumber = exports.formatValue = exports.DEFAULT_DECIMAL_PLACES = void 0;
-const date_fns_1 = require("date-fns");
-const mathjs_1 = require("mathjs");
-exports.DEFAULT_DECIMAL_PLACES = 2;
+"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, {
+    DEFAULT_DECIMAL_PLACES: ()=>DEFAULT_DECIMAL_PLACES,
+    formatValue: ()=>formatValue,
+    abbreviateLargeNumber: ()=>abbreviateLargeNumber,
+    formatNumber: ()=>formatNumber
+});
+const _dateFns = require("date-fns");
+const _mathjs = require("mathjs");
+const DEFAULT_DECIMAL_PLACES = 2;
 function formatValue(value, unitOptions) {
-    var _a;
     if (unitOptions === undefined) {
         return value.toString();
     }
@@ -31,15 +43,23 @@ function formatValue(value, unitOptions) {
         return formatPercent(value, unitOptions);
     }
     if (isBytesUnit(unitOptions)) {
-        const decimals = (_a = unitOptions.decimal_places) !== null && _a !== void 0 ? _a : exports.DEFAULT_DECIMAL_PLACES;
+        var _decimal_places;
+        const decimals = (_decimal_places = unitOptions.decimal_places) !== null && _decimal_places !== void 0 ? _decimal_places : DEFAULT_DECIMAL_PLACES;
         return formatBytes(value, decimals);
     }
     const exhaustive = unitOptions;
     throw new Error(`Unknown unit options ${exhaustive}`);
 }
-exports.formatValue = formatValue;
-/* Time Unit Conversion */
-const timeUnitKinds = ['Milliseconds', 'Seconds', 'Minutes', 'Hours', 'Days', 'Weeks', 'Months', 'Years'];
+/* Time Unit Conversion */ const timeUnitKinds = [
+    'Milliseconds',
+    'Seconds',
+    'Minutes',
+    'Hours',
+    'Days',
+    'Weeks',
+    'Months',
+    'Years'
+];
 const timeUnitKindsSet = new Set(timeUnitKinds);
 function isTimeUnit(unitOptions) {
     return timeUnitKindsSet.has(unitOptions.kind);
@@ -47,7 +67,7 @@ function isTimeUnit(unitOptions) {
 function formatTime(value, unitOptions) {
     // Create a Duration from the value based on what time unit it is
     const duration = {};
-    switch (unitOptions.kind) {
+    switch(unitOptions.kind){
         case 'Milliseconds':
             duration.seconds = value / 1000;
             break;
@@ -73,11 +93,13 @@ function formatTime(value, unitOptions) {
             duration.years = value;
             break;
         default:
-            const exhaustive = unitOptions.kind;
-            throw new Error(`Unknown time unit type ${exhaustive}`);
+            {
+                const exhaustive = unitOptions.kind;
+                throw new Error(`Unknown time unit type ${exhaustive}`);
+            }
     }
     // Find the largest whole time unit we can display the value in and use it
-    const ms = (0, date_fns_1.milliseconds)(duration);
+    const ms = (0, _dateFns.milliseconds)(duration);
     const seconds = ms / 1000;
     if (seconds < 1) {
         return `${ms.toFixed()} milliseconds`;
@@ -104,29 +126,33 @@ function formatTime(value, unitOptions) {
     }
     return `${years.toFixed()} years`;
 }
-/* Percent Unit Conversion */
-const percentUnitKinds = ['Percent', 'PercentDecimal', '%'];
+/* Percent Unit Conversion */ const percentUnitKinds = [
+    'Percent',
+    'PercentDecimal',
+    '%'
+];
 const percentUnitKindsSet = new Set(percentUnitKinds);
 function isPercentUnit(unitOptions) {
     return percentUnitKindsSet.has(unitOptions.kind);
 }
 function formatPercent(value, unitOptions) {
-    var _a;
-    const decimals = (_a = unitOptions.decimal_places) !== null && _a !== void 0 ? _a : exports.DEFAULT_DECIMAL_PLACES;
+    var _decimal_places;
+    const decimals = (_decimal_places = unitOptions.decimal_places) !== null && _decimal_places !== void 0 ? _decimal_places : DEFAULT_DECIMAL_PLACES;
     if (unitOptions.kind === 'PercentDecimal') {
         value = value * 100;
     }
     return value.toFixed(decimals) + '%';
 }
-/* Decimal Unit Conversion */
-const decimalUnitKinds = ['Decimal'];
+/* Decimal Unit Conversion */ const decimalUnitKinds = [
+    'Decimal'
+];
 const decimalUnitKindsSet = new Set(decimalUnitKinds);
 function isDecimalUnit(unitOptions) {
     return decimalUnitKindsSet.has(unitOptions.kind);
 }
 function formatDecimal(value, unitOptions) {
-    var _a;
-    const decimals = (_a = unitOptions.decimal_places) !== null && _a !== void 0 ? _a : exports.DEFAULT_DECIMAL_PLACES;
+    var _decimal_places;
+    const decimals = (_decimal_places = unitOptions.decimal_places) !== null && _decimal_places !== void 0 ? _decimal_places : DEFAULT_DECIMAL_PLACES;
     if (unitOptions.abbreviate === true) {
         return abbreviateLargeNumber(value, decimals);
     }
@@ -134,51 +160,42 @@ function formatDecimal(value, unitOptions) {
         style: 'decimal',
         minimumFractionDigits: 0,
         maximumFractionDigits: decimals,
-        useGrouping: true,
+        useGrouping: true
     };
     const decimalFormatter = new Intl.NumberFormat('en-US', formatParams);
     return decimalFormatter.format(value);
 }
-/**
- * Takes large numbers and abbreviates them with the appropriate suffix
- * 10123 -> 10.123k
- * 1000000 -> 1M
- */
 function abbreviateLargeNumber(num, decimals = 2) {
-    const modifier = (n) => (0, mathjs_1.round)(n, decimals);
+    const modifier = (n)=>(0, _mathjs.round)(n, decimals);
     return formatNumber(num, modifier);
 }
-exports.abbreviateLargeNumber = abbreviateLargeNumber;
-/**
- * Takes large numbers, rounds and abbreviates them with the appropriate suffix
- * Add modifier to run on output value prior to unit being added (defaults to rounding)
- */
 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();
+    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();
 }
-exports.formatNumber = formatNumber;
-/* Bytes Unit Conversion */
-const bytesUnitKinds = ['Bytes'];
+/* Bytes Unit Conversion */ const bytesUnitKinds = [
+    'Bytes'
+];
 const bytesUnitKindsSet = new Set(bytesUnitKinds);
 function isBytesUnit(unitOptions) {
     return bytesUnitKindsSet.has(unitOptions.kind);
 }
 // https://stackoverflow.com/questions/15900485/correct-way-to-convert-size-in-bytes-to-kb-mb-gb-in-javascript/18650828#18650828
 function formatBytes(bytes, decimals = 2) {
-    if (bytes === 0)
-        return '0 Bytes';
+    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'];
+    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)));

package/dist/cjs/test/index.js

@@ -1,4 +1,3 @@
-"use strict";
 // 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.
@@ -11,19 +10,19 @@
 // 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.
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./render"), exports);
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_exportStar(require("./render"), 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/test/render.js

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderWithContext = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
 // 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.
@@ -14,13 +10,27 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 // 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 react_1 = require("@testing-library/react");
-const react_query_1 = require("react-query");
-const queryClient = new react_query_1.QueryClient({ defaultOptions: { queries: { refetchOnWindowFocus: false } } });
-/**
- * Test helper to render a React component with some common app-level providers wrapped around it.
- */
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderWithContext", {
+    enumerable: true,
+    get: ()=>renderWithContext
+});
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = require("@testing-library/react");
+const _reactQuery = require("@tanstack/react-query");
+const queryClient = new _reactQuery.QueryClient({
+    defaultOptions: {
+        queries: {
+            refetchOnWindowFocus: false
+        }
+    }
+});
 function renderWithContext(ui, options) {
-    return (0, react_1.render)((0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: ui }), options);
+    return (0, _react.render)(/*#__PURE__*/ (0, _jsxRuntime.jsx)(_reactQuery.QueryClientProvider, {
+        client: queryClient,
+        children: ui
+    }), options);
 }
-exports.renderWithContext = renderWithContext;

package/dist/cjs/test/setup-tests.js

@@ -1,4 +1,3 @@
-"use strict";
 // 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.
@@ -11,8 +10,11 @@
 // 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.
-Object.defineProperty(exports, "__esModule", { value: true });
 // Add testing library assertions
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
 require("@testing-library/jest-dom/extend-expect");
 // Always mock e-charts during tests since we don't have a proper canvas in jsdom
 jest.mock('echarts/core');

package/dist/cjs/utils/combine-sx.js

@@ -1,5 +1,4 @@
-"use strict";
-// Copyright 2021 The Perses Authors
+// 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
@@ -11,20 +10,20 @@
 // 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.
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.combineSx = void 0;
-/**
- * Combines sx props from multiple sources. Useful when creating a component and
- * you want consumers to be able to provide SxProps that should be combined with
- * some built-in styles.
- */
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "combineSx", {
+    enumerable: true,
+    get: ()=>combineSx
+});
 function combineSx(...sxProps) {
-    return sxProps.flatMap((sx) => {
-        if (sx === undefined)
-            return [];
-        if (Array.isArray(sx))
-            return sx;
-        return [sx];
+    return sxProps.flatMap((sx)=>{
+        if (sx === undefined) return [];
+        if (Array.isArray(sx)) return sx;
+        return [
+            sx
+        ];
     });
 }
-exports.combineSx = combineSx;

package/dist/cjs/utils/index.js

@@ -1,4 +1,3 @@
-"use strict";
 // 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.
@@ -11,20 +10,20 @@
 // 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.
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./combine-sx"), exports);
-__exportStar(require("./theme-gen"), exports);
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_exportStar(require("./combine-sx"), exports);
+_exportStar(require("./theme-gen"), 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;
+}