@cloudtower/eagle 0.22.16 → 0.22.18

package/dist/umd/index.js

@@ -1,14 +1,134 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('antd'), require('classnames'), require('react'), require('lodash'), require('moment'), require('react-dom'), require('react-is'), require('@linaria/react'), require('@ant-design/icons'), require('@cloudtower/parrot'), require('redux'), require('react-redux'), require('@linaria/core'), require('rc-util/lib/getScrollBarSize'), require('timezones.json'), require('react-i18next'), require('dayjs'), require('recharts')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'antd', 'classnames', 'react', 'lodash', 'moment', 'react-dom', 'react-is', '@linaria/react', '@ant-design/icons', '@cloudtower/parrot', 'redux', 'react-redux', '@linaria/core', 'rc-util/lib/getScrollBarSize', 'timezones.json', 'react-i18next', 'dayjs', 'recharts'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.index = {}, global.antd, global.cs, global.React, global._, global.moment, global.reactDom, global.reactIs, global.react, global.icons, global.parrot, global.redux, global.reactRedux, global.core, null, global.TimeZones, global.reactI18next, global.dayjs));
-})(this, (function (exports, antd, cs, React, _, moment, reactDom, reactIs, react, icons, parrot, redux, reactRedux, core, getScrollBarSize, TimeZones, reactI18next, dayjs) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('antd'), require('classnames'), require('react'), require('lodash'), require('@cloudtower/parrot'), require('moment'), require('react-dom'), require('react-is'), require('@linaria/react'), require('@ant-design/icons'), require('redux'), require('react-redux'), require('@linaria/core'), require('rc-util/lib/getScrollBarSize'), require('timezones.json'), require('react-i18next'), require('dayjs'), require('recharts')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'antd', 'classnames', 'react', 'lodash', '@cloudtower/parrot', 'moment', 'react-dom', 'react-is', '@linaria/react', '@ant-design/icons', 'redux', 'react-redux', '@linaria/core', 'rc-util/lib/getScrollBarSize', 'timezones.json', 'react-i18next', 'dayjs', 'recharts'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.index = {}, global.antd, global.cs, global.React, global._, global.parrot, global.moment, global.reactDom, global.reactIs, global.react, global.icons, global.redux, global.reactRedux, global.core, null, global.TimeZones, global.reactI18next, global.dayjs));
+})(this, (function (exports, antd, cs, React, _, parrot, moment, reactDom, reactIs, react, icons, redux, reactRedux, core, getScrollBarSize, TimeZones, reactI18next, dayjs) { 'use strict';
 
   const MAGIC_METRIC_NULL = -2;
+  function formatBits(bits, decimals = 2) {
+    if (bits <= 0 || bits === MAGIC_METRIC_NULL) {
+      return {
+        value: 0,
+        unit: "b"
+      };
+    }
+    const k = 1e3;
+    const units = ["b", "Kb", "Mb", "Gb", "Tb", "Pb"];
+    let i = Math.floor(Math.log(bits) / Math.log(k));
+    i = i < 0 ? 0 : i > units.length - 1 ? units.length - 1 : i;
+    return {
+      value: parseFloat((bits / Math.pow(k, i)).toFixed(decimals)),
+      unit: units[i]
+    };
+  }
+  function formatFrequency(frequency, decimals = 2) {
+    if (frequency <= 0 || frequency === MAGIC_METRIC_NULL) {
+      return {
+        value: 0,
+        unit: "Hz"
+      };
+    }
+    const k = 1e3;
+    const units = ["Hz", "KHz", "MHz", "GHz", "THz"];
+    let i = Math.floor(Math.log(frequency) / Math.log(k));
+    i = i < 0 ? 0 : i > units.length - 1 ? units.length - 1 : i;
+    return {
+      value: parseFloat((frequency / Math.pow(k, i)).toFixed(decimals)),
+      unit: units[i]
+    };
+  }
   const SECOND = 1;
   const MINUTE = 60 * SECOND;
   const HOUR = 60 * MINUTE;
   const DAY = 24 * HOUR;
+  const WEEK = 7 * DAY;
+  function formatSeconds(seconds, decimals = 0) {
+    if (seconds <= MAGIC_METRIC_NULL) {
+      seconds = 0;
+    }
+    const units = [
+      {
+        value: WEEK,
+        unit: "week"
+      },
+      {
+        value: DAY,
+        unit: "day"
+      },
+      {
+        value: HOUR,
+        unit: "hour"
+      },
+      {
+        value: MINUTE,
+        unit: "minute"
+      },
+      {
+        value: SECOND,
+        unit: "second"
+      }
+    ];
+    for (const unit of units) {
+      if (seconds > unit.value) {
+        return {
+          value: parseFloat((seconds / unit.value).toFixed(decimals)),
+          unit: unit.unit
+        };
+      }
+    }
+    return {
+      value: parseFloat((seconds / SECOND).toFixed(decimals)),
+      unit: "second"
+    };
+  }
+  function formatBitPerSecond(input, decimals = 1) {
+    if (input <= 0 || input === MAGIC_METRIC_NULL) {
+      return {
+        value: 0,
+        unit: "bps"
+      };
+    }
+    const k = 1e3;
+    const units = ["bps", "Kbps", "Mbps", "Gbps", "Tbps"];
+    let i = Math.floor(Math.log(input) / Math.log(k));
+    i = i < 0 ? 0 : i > units.length - 1 ? units.length - 1 : i;
+    return {
+      value: parseFloat((input / Math.pow(k, i)).toFixed(decimals)),
+      unit: units[i]
+    };
+  }
+  function formatBps(input, decimals = 1) {
+    if (input <= 0 || input === MAGIC_METRIC_NULL) {
+      return {
+        value: 0,
+        unit: "Bps"
+      };
+    }
+    const k = 1e3;
+    const units = ["Bps", "KBps", "MBps", "GBps", "TBps"];
+    let i = Math.floor(Math.log(input) / Math.log(k));
+    i = i < 0 ? 0 : i > units.length - 1 ? units.length - 1 : i;
+    return {
+      value: parseFloat((input / Math.pow(k, i)).toFixed(decimals)),
+      unit: units[i]
+    };
+  }
+  function formatBytes(bytes, decimals = 2) {
+    if (bytes <= 0 || bytes === MAGIC_METRIC_NULL) {
+      return {
+        value: 0,
+        unit: "B"
+      };
+    }
+    const k = 1024;
+    const units = ["B", "KiB", "MiB", "GiB", "TiB", "PiB"];
+    let i = Math.floor(Math.log(bytes) / Math.log(k));
+    i = i < 0 ? 0 : i > units.length - 1 ? units.length - 1 : i;
+    return {
+      value: parseFloat((bytes / Math.pow(k, i)).toFixed(decimals)),
+      unit: units[i]
+    };
+  }
   function formatPercent(input, decimals = 2) {
     if (input <= 0 || input === MAGIC_METRIC_NULL) {
       input = 0;
@@ -34,6 +154,19 @@
       unit: "%"
     };
   }
+  function formatSpeed(input, decimals = 0) {
+    input /= 1e3;
+    if (input < 1)
+      return { value: "-", unit: "" };
+    const units = ["KbE", "MbE", "GbE", "TbE"];
+    const k = 1e3;
+    let i = Math.floor(Math.log(input) / Math.log(k));
+    i = i < 0 ? 0 : i > units.length - 1 ? units.length - 1 : i;
+    return {
+      value: parseFloat((input / Math.pow(k, i)).toFixed(decimals)),
+      unit: units[i]
+    };
+  }
 
   const EMPTY_FUNCTION = () => {
   };
@@ -200,12 +333,11 @@
         iconHeight = 16,
         cursor,
         style,
-        children,
         isRotate,
         prefix,
         suffix
       } = _a,
-      restProps = __objRest$n(_a, ["src", "hoverSrc", "active", "activeSrc", "onMouseEnter", "onMouseLeave", "onMouseMove", "className", "iconWidth", "iconHeight", "cursor", "style", "children", "isRotate", "prefix", "suffix"]);
+      restProps = __objRest$n(_a, ["src", "hoverSrc", "active", "activeSrc", "onMouseEnter", "onMouseLeave", "onMouseMove", "className", "iconWidth", "iconHeight", "cursor", "style", "isRotate", "prefix", "suffix"]);
     const [hover, setHover] = React.useState(false);
     const _src = React.useMemo(() => {
       if (active && activeSrc) {
@@ -328,6 +460,39 @@
     );
   };
 
+  function isEmpty(rawValue) {
+    if (rawValue === null || rawValue === void 0 || rawValue === MAGIC_METRIC_NULL || Number.isNaN(rawValue)) {
+      return true;
+    }
+    return false;
+  }
+
+  const Empty = /* @__PURE__ */ React.createElement(React.Fragment, null, "-");
+
+  const Bit = ({ rawValue, decimals }) => {
+    if (isEmpty(rawValue)) {
+      return Empty;
+    }
+    const { value, unit } = formatBits(rawValue, decimals);
+    return /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("span", { className: "value" }, value), /* @__PURE__ */ React.createElement("span", { className: "unit" }, ` ${unit}`));
+  };
+
+  const BitPerSeconds = ({ rawValue, decimals }) => {
+    if (isEmpty(rawValue)) {
+      return Empty;
+    }
+    const { value, unit } = formatBitPerSecond(rawValue, decimals);
+    return /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("span", { className: "value" }, value), /* @__PURE__ */ React.createElement("span", { className: "unit" }, ` ${unit}`));
+  };
+
+  const Bps = ({ rawValue, decimals }) => {
+    if (isEmpty(rawValue)) {
+      return Empty;
+    }
+    const { value, unit } = formatBps(rawValue, decimals);
+    return /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("span", { className: "value" }, value), /* @__PURE__ */ React.createElement("span", { className: "unit" }, ` ${unit}`));
+  };
+
   const d1_bold_title = "d6j0lbj";
   const d1s_bold_title = "d1xhvvxe";
   const d1_regular_title = "dk10mxq";
@@ -541,6 +706,20 @@
     }));
   });
 
+  const Byte = ({ rawValue, noUnitOnZero, decimals }) => {
+    if (isEmpty(rawValue)) {
+      return Empty;
+    }
+    if (rawValue === -1) {
+      return /* @__PURE__ */ React.createElement("span", null, parrot.parrotI18n.t("common.calculation"));
+    }
+    const { value, unit } = formatBytes(rawValue, decimals);
+    if (noUnitOnZero && value === 0) {
+      return /* @__PURE__ */ React.createElement("span", { className: "value" }, value);
+    }
+    return /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("span", { className: "value" }, value), /* @__PURE__ */ React.createElement("span", { className: "unit" }, ` ${unit}`));
+  };
+
   var __defProp$o = Object.defineProperty;
   var __defProps$i = Object.defineProperties;
   var __getOwnPropDescs$i = Object.getOwnPropertyDescriptors;
@@ -1799,6 +1978,14 @@
     DateTimeRange: FieldsDateTimeRange
   };
 
+  const Frequency = ({ rawValue, decimals }) => {
+    if (isEmpty(rawValue)) {
+      return Empty;
+    }
+    const { value, unit } = formatFrequency(rawValue, decimals);
+    return /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("span", { className: "value" }, value), /* @__PURE__ */ React.createElement("span", { className: "unit" }, ` ${unit}`));
+  };
+
   const _exp = () => antd.Input.Group;
   const InputGroup = /*#__PURE__*/react.styled(_exp())({
     name: "InputGroup",
@@ -2274,15 +2461,6 @@
     }))));
   };
 
-  function isEmpty(rawValue) {
-    if (rawValue === null || rawValue === void 0 || rawValue === MAGIC_METRIC_NULL || Number.isNaN(rawValue)) {
-      return true;
-    }
-    return false;
-  }
-
-  const Empty = /* @__PURE__ */ React.createElement(React.Fragment, null, "-");
-
   const Percent = ({
     rawValue,
     decimals,
@@ -2464,6 +2642,14 @@
     );
   };
 
+  const Second = ({ rawValue, decimals, abbreviate }) => {
+    if (isEmpty(rawValue)) {
+      return Empty;
+    }
+    const { value, unit } = formatSeconds(rawValue, decimals);
+    return /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("span", { className: "value" }, value, " "), /* @__PURE__ */ React.createElement("span", { className: "unit" }, parrot.parrotI18n.t(`common.${abbreviate ? `${unit}_abbreviation` : unit}`)));
+  };
+
   const inputStyle = "igz4le8";
   const SimplePagination = props => {
     const {
@@ -2535,6 +2721,14 @@
     })));
   };
 
+  const Speed = ({ rawValue, decimals }) => {
+    if (isEmpty(rawValue)) {
+      return Empty;
+    }
+    const { value, unit } = formatSpeed(rawValue, decimals);
+    return /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("span", { className: "value" }, value), /* @__PURE__ */ React.createElement("span", { className: "unit" }, ` ${unit}`));
+  };
+
   function canScroll(el, direction = "vertical") {
     const overflow = window.getComputedStyle(el).getPropertyValue("overflow");
     if (overflow === "hidden")
@@ -2919,7 +3113,14 @@
       checkbox: Checkbox,
       fields,
       units: {
-        Percent
+        Percent,
+        Byte,
+        Frequency,
+        Speed,
+        Bps,
+        BitPerSecond: BitPerSeconds,
+        Bit,
+        Second
       },
       inputGroup: InputGroup,
       alert: Alert,