@cloudtower/eagle 0.22.16 → 0.22.19

package/dist/esm/index.js

@@ -1,15 +1,16 @@
-import { Alert as Alert$1, Button as Button$1, Checkbox as Checkbox$1, DatePicker, Select as Select$1, InputNumber as InputNumber$1, Input as Input$1, TimePicker as TimePicker$1, Modal as Modal$1, Steps, Dropdown, Menu, Radio as Radio$1, Table as Table$1, Tag, Tooltip as Tooltip$1, Row, Col, Divider, List, Layout, AutoComplete, Space } from 'antd';
+import { Alert as Alert$1, Button as Button$1, Checkbox as Checkbox$1, DatePicker, Select as Select$1, InputNumber as InputNumber$1, Input as Input$1, TimePicker as TimePicker$1, Modal as Modal$1, Steps, Dropdown, Menu, Radio as Radio$1, Table as Table$1, Tag, Tooltip as Tooltip$1, Row, Col, Divider, List, Layout, AutoComplete, Form, Space } from 'antd';
 export { Col, Row } from 'antd';
+import message from 'antd/lib/message';
 import cs from 'classnames';
 import React, { useState, useMemo, Fragment, useRef, useEffect, useCallback, useLayoutEffect, createContext, useContext } from 'react';
 import _, { sortBy, uniqBy } from 'lodash';
+import { parrotI18n } from '@cloudtower/parrot';
+export * from '@cloudtower/parrot';
 import moment from 'moment';
 import { findDOMNode } from 'react-dom';
 import { isElement } from 'react-is';
 import { styled } from '@linaria/react';
 import { CloseCircleFilled, CheckOutlined, SearchOutlined } from '@ant-design/icons';
-import { parrotI18n } from '@cloudtower/parrot';
-export * from '@cloudtower/parrot';
 import { combineReducers, createStore } from 'redux';
 import { createDispatchHook, createSelectorHook, Provider } from 'react-redux';
 import { cx } from '@linaria/core';
@@ -20,10 +21,130 @@ import dayjs from 'dayjs';
 import 'recharts';
 
 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;
@@ -49,6 +170,19 @@ function formatPercent(input, decimals = 2) {
     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 = () => {
 };
@@ -215,12 +349,11 @@ const Icon = React.forwardRef((props, ref) => {
       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] = useState(false);
   const _src = useMemo(() => {
     if (active && activeSrc) {
@@ -343,6 +476,39 @@ const Alert = (_a) => {
   );
 };
 
+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";
@@ -556,6 +722,20 @@ const Button = React.forwardRef((props, ref) => {
   }));
 });
 
+const Byte = ({ rawValue, noUnitOnZero, decimals }) => {
+  if (isEmpty(rawValue)) {
+    return Empty;
+  }
+  if (rawValue === -1) {
+    return /* @__PURE__ */ React.createElement("span", null, 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;
@@ -1814,6 +1994,14 @@ const fields = {
   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 = () => Input$1.Group;
 const InputGroup = /*#__PURE__*/styled(_exp())({
   name: "InputGroup",
@@ -2289,15 +2477,6 @@ const Pagination = props => {
   }))));
 };
 
-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,
@@ -2479,6 +2658,14 @@ const SearchInput = (props) => {
   );
 };
 
+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" }, parrotI18n.t(`common.${abbreviate ? `${unit}_abbreviation` : unit}`)));
+};
+
 const inputStyle = "igz4le8";
 const SimplePagination = props => {
   const {
@@ -2550,6 +2737,14 @@ const SimplePagination = props => {
   })));
 };
 
+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")
@@ -2934,7 +3129,14 @@ function getAntdKit() {
     checkbox: Checkbox,
     fields,
     units: {
-      Percent
+      Percent,
+      Byte,
+      Frequency,
+      Speed,
+      Bps,
+      BitPerSecond: BitPerSeconds,
+      Bit,
+      Second
     },
     inputGroup: InputGroup,
     alert: Alert,
@@ -2950,7 +3152,9 @@ function getAntdKit() {
     menuItemGroup: Menu.ItemGroup,
     layout: Layout,
     autoComplete: AutoComplete,
+    message,
     tag: Tag,
+    form: Form,
     simplePagination: SimplePagination,
     space: Space,
     timeZoneSelect: TimeZoneSelect