@cloudtower/eagle 0.26.14 → 0.26.15

package/dist/umd/index.js

@@ -507,6 +507,22 @@
     }));
   };
 
+  const useParrotTranslation = () => {
+    return reactI18next.useTranslation(void 0, {
+      i18n: parrot.parrotI18n
+    });
+  };
+
+  const Arch = (props) => {
+    const { t } = useParrotTranslation();
+    const { architecture } = props;
+    let text = "";
+    if (architecture) {
+      text = t(`components.Architecture_${architecture}`);
+    }
+    return /* @__PURE__ */ React__namespace.default.createElement("span", null, text);
+  };
+
   var __defProp$P = Object.defineProperty;
   var __defProps$z = Object.defineProperties;
   var __getOwnPropDescs$z = Object.getOwnPropertyDescriptors;
@@ -538,126 +554,31 @@
       }
     return target;
   };
-  let componentId = 0;
-  const Tooltip = (props) => {
-    const _a = props, {
-      followMouse,
-      overlayClassName,
-      overlayStyle,
-      children
-    } = _a, restProps = __objRest$t(_a, [
-      "followMouse",
-      "overlayClassName",
-      "overlayStyle",
-      "children"
-    ]);
-    const id = React.useRef(++componentId);
-    const uniquePopupClass = `kit-popup-${id.current}`;
-    const uniqueContainerClass = `kit-tooltip-${id.current}`;
-    const _children = React.useMemo(() => {
-      if (followMouse) {
-        const child = React__namespace.default.isValidElement(children) ? children : /* @__PURE__ */ React__namespace.default.createElement("span", null, children);
-        return React__namespace.default.cloneElement(child, {
-          className: cs__default.default(child.props.className, uniqueContainerClass)
-        });
-      } else {
-        return children;
-      }
-    }, [children, followMouse, uniqueContainerClass]);
-    const onmousemove = React.useCallback(
-      (event) => {
-        const popup = document.querySelector(`.${uniquePopupClass}`);
-        if (!popup)
-          return;
-        popup.style.left = event.pageX + "px";
-        popup.style.top = event.pageY + "px";
-      },
-      [uniquePopupClass]
-    );
-    React.useEffect(() => {
-      if (followMouse) {
-        const container = document.querySelector(
-          `.${uniqueContainerClass}`
-        );
-        container == null ? void 0 : container.addEventListener("mousemove", onmousemove);
-        return () => {
-          container == null ? void 0 : container.removeEventListener("mousemove", onmousemove);
-        };
-      }
-    }, [followMouse, onmousemove, uniqueContainerClass]);
+  const Badge = (_a) => {
+    var _b = _a, { type = "error", className } = _b, props = __objRest$t(_b, ["type", "className"]);
     return /* @__PURE__ */ React__namespace.default.createElement(
-      antd.Tooltip,
-      __spreadProps$z(__spreadValues$P({}, restProps), {
-        overlayClassName: followMouse ? cs__default.default(overlayClassName, uniquePopupClass) : overlayClassName,
-        children: _children,
-        overlayStyle: followMouse ? __spreadValues$P({
-          transform: "translate(-50%, -100%)",
-          pointerEvents: "none"
-        }, overlayStyle) : overlayStyle
+      antd.Badge,
+      __spreadProps$z(__spreadValues$P({
+        className: core.cx(`badge-${type}`, className)
+      }, props), {
+        showZero: false
       })
     );
   };
 
-  const Inline = "i1e4sgug";
-  const Truncate = props => {
-    const {
-      text,
-      len = 100,
-      frontLen,
-      backLen = 4,
-      hoverShowFullText = true,
-      className,
-      inline
-    } = props;
-    if (len <= 0) {
-      console.error("[Truncate] prop len can not be 0 or negative number");
-      return null;
-    }
-    if (backLen < 0) {
-      console.error("[Truncate] prop backLen can not be negative number");
-      return null;
-    }
-    if (frontLen && frontLen < 0) {
-      console.error("[Truncate] prop frontLen can not be negative number");
-      return null;
-    }
-    const ellipse = "...";
-    let _backLen = Math.min(backLen, text.length - ellipse.length, len - ellipse.length);
-    const _frontLen = frontLen !== void 0 ? Math.min(frontLen, text.length - ellipse.length, len - ellipse.length) : Math.max(len - _backLen - ellipse.length, 0);
-    if (_frontLen + _backLen + ellipse.length > len) {
-      _backLen = len - _frontLen - ellipse.length;
-    }
-    const truncated = text.length <= len ? text : text.slice(0, _frontLen) + ellipse + text.slice(text.length - _backLen);
-    const Text = /* @__PURE__ */React__namespace.default.createElement("div", {
-      className: cs__default.default([className, inline && Inline])
-    }, truncated);
-    if (!hoverShowFullText || text.length <= len) {
-      return Text;
+  function isEmpty(rawValue) {
+    if (rawValue === null || rawValue === void 0 || rawValue === MAGIC_METRIC_NULL || Number.isNaN(rawValue) || !Number.isFinite(rawValue)) {
+      return true;
     }
-    return /* @__PURE__ */React__namespace.default.createElement(Tooltip, {
-      title: text
-    }, Text);
-  };
-
-  const useParrotTranslation = () => {
-    return reactI18next.useTranslation(void 0, {
-      i18n: parrot.parrotI18n
-    });
-  };
+    return false;
+  }
 
-  const Arch = (props) => {
-    const { t } = useParrotTranslation();
-    const { architecture } = props;
-    let text = "";
-    if (architecture) {
-      text = t(`components.Architecture_${architecture}`);
-    }
-    return /* @__PURE__ */ React__namespace.default.createElement("span", null, text);
+  const Empty = (props) => {
+    const { className, style } = props;
+    return /* @__PURE__ */ React__namespace.default.createElement("span", { className, style }, "-");
   };
 
   var __defProp$O = Object.defineProperty;
-  var __defProps$y = Object.defineProperties;
-  var __getOwnPropDescs$y = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$P = Object.getOwnPropertySymbols;
   var __hasOwnProp$P = Object.prototype.hasOwnProperty;
   var __propIsEnum$P = Object.prototype.propertyIsEnumerable;
@@ -673,41 +594,18 @@
       }
     return a;
   };
-  var __spreadProps$y = (a, b) => __defProps$y(a, __getOwnPropDescs$y(b));
-  var __objRest$s = (source, exclude) => {
-    var target = {};
-    for (var prop in source)
-      if (__hasOwnProp$P.call(source, prop) && exclude.indexOf(prop) < 0)
-        target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$P)
-      for (var prop of __getOwnPropSymbols$P(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$P.call(source, prop))
-          target[prop] = source[prop];
-      }
-    return target;
-  };
-  const Badge = (_a) => {
-    var _b = _a, { type = "error", className } = _b, props = __objRest$s(_b, ["type", "className"]);
-    return /* @__PURE__ */ React__namespace.default.createElement(
-      antd.Badge,
-      __spreadProps$y(__spreadValues$O({
-        className: core.cx(`badge-${type}`, className)
-      }, props), {
-        showZero: false
-      })
-    );
-  };
-
-  function isEmpty(rawValue) {
-    if (rawValue === null || rawValue === void 0 || rawValue === MAGIC_METRIC_NULL || Number.isNaN(rawValue) || !Number.isFinite(rawValue)) {
-      return true;
+  const Bit = ({
+    rawValue,
+    decimals,
+    unitClassName,
+    valueClassName,
+    emptyProps
+  }) => {
+    if (isEmpty(rawValue)) {
+      return /* @__PURE__ */ React__namespace.default.createElement(Empty, __spreadValues$O({}, emptyProps));
     }
-    return false;
-  }
-
-  const Empty = (props) => {
-    const { className, style } = props;
-    return /* @__PURE__ */ React__namespace.default.createElement("span", { className, style }, "-");
+    const { value, unit } = formatBits(rawValue, decimals);
+    return /* @__PURE__ */ React__namespace.default.createElement("span", null, /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("unit", unitClassName) }, ` ${unit}`));
   };
 
   var __defProp$N = Object.defineProperty;
@@ -726,17 +624,17 @@
       }
     return a;
   };
-  const Bit = ({
+  const BitPerSeconds = ({
     rawValue,
     decimals,
-    unitClassName,
     valueClassName,
+    unitClassName,
     emptyProps
   }) => {
     if (isEmpty(rawValue)) {
       return /* @__PURE__ */ React__namespace.default.createElement(Empty, __spreadValues$N({}, emptyProps));
     }
-    const { value, unit } = formatBits(rawValue, decimals);
+    const { value, unit } = formatBitPerSecond(rawValue, decimals);
     return /* @__PURE__ */ React__namespace.default.createElement("span", null, /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("unit", unitClassName) }, ` ${unit}`));
   };
 
@@ -756,36 +654,6 @@
       }
     return a;
   };
-  const BitPerSeconds = ({
-    rawValue,
-    decimals,
-    valueClassName,
-    unitClassName,
-    emptyProps
-  }) => {
-    if (isEmpty(rawValue)) {
-      return /* @__PURE__ */ React__namespace.default.createElement(Empty, __spreadValues$M({}, emptyProps));
-    }
-    const { value, unit } = formatBitPerSecond(rawValue, decimals);
-    return /* @__PURE__ */ React__namespace.default.createElement("span", null, /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("unit", unitClassName) }, ` ${unit}`));
-  };
-
-  var __defProp$L = Object.defineProperty;
-  var __getOwnPropSymbols$M = Object.getOwnPropertySymbols;
-  var __hasOwnProp$M = Object.prototype.hasOwnProperty;
-  var __propIsEnum$M = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$L = (obj, key, value) => key in obj ? __defProp$L(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$L = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$M.call(b, prop))
-        __defNormalProp$L(a, prop, b[prop]);
-    if (__getOwnPropSymbols$M)
-      for (var prop of __getOwnPropSymbols$M(b)) {
-        if (__propIsEnum$M.call(b, prop))
-          __defNormalProp$L(a, prop, b[prop]);
-      }
-    return a;
-  };
   const Bps = ({
     rawValue,
     decimals,
@@ -794,7 +662,7 @@
     emptyProps
   }) => {
     if (isEmpty(rawValue)) {
-      return /* @__PURE__ */ React__namespace.default.createElement(Empty, __spreadValues$L({}, emptyProps));
+      return /* @__PURE__ */ React__namespace.default.createElement(Empty, __spreadValues$M({}, emptyProps));
     }
     const { value, unit } = formatBps(rawValue, decimals);
     return /* @__PURE__ */ React__namespace.default.createElement("span", null, /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("unit", unitClassName) }, ` ${unit}`));
@@ -935,28 +803,28 @@
     return icon != null ? React__namespace.default.cloneElement(icon, { className }) : null;
   };
 
-  var __defProp$K = Object.defineProperty;
-  var __getOwnPropSymbols$L = Object.getOwnPropertySymbols;
-  var __hasOwnProp$L = Object.prototype.hasOwnProperty;
-  var __propIsEnum$L = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$K = (obj, key, value) => key in obj ? __defProp$K(obj, key, {
+  var __defProp$L = Object.defineProperty;
+  var __getOwnPropSymbols$M = Object.getOwnPropertySymbols;
+  var __hasOwnProp$M = Object.prototype.hasOwnProperty;
+  var __propIsEnum$M = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$L = (obj, key, value) => key in obj ? __defProp$L(obj, key, {
     enumerable: true,
     configurable: true,
     writable: true,
     value
   }) : obj[key] = value;
-  var __spreadValues$K = (a, b) => {
-    for (var prop in b || (b = {})) if (__hasOwnProp$L.call(b, prop)) __defNormalProp$K(a, prop, b[prop]);
-    if (__getOwnPropSymbols$L) for (var prop of __getOwnPropSymbols$L(b)) {
-      if (__propIsEnum$L.call(b, prop)) __defNormalProp$K(a, prop, b[prop]);
+  var __spreadValues$L = (a, b) => {
+    for (var prop in b || (b = {})) if (__hasOwnProp$M.call(b, prop)) __defNormalProp$L(a, prop, b[prop]);
+    if (__getOwnPropSymbols$M) for (var prop of __getOwnPropSymbols$M(b)) {
+      if (__propIsEnum$M.call(b, prop)) __defNormalProp$L(a, prop, b[prop]);
     }
     return a;
   };
-  var __objRest$r = (source, exclude) => {
+  var __objRest$s = (source, exclude) => {
     var target = {};
-    for (var prop in source) if (__hasOwnProp$L.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$L) for (var prop of __getOwnPropSymbols$L(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$L.call(source, prop)) target[prop] = source[prop];
+    for (var prop in source) if (__hasOwnProp$M.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$M) for (var prop of __getOwnPropSymbols$M(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$M.call(source, prop)) target[prop] = source[prop];
     }
     return target;
   };
@@ -979,12 +847,12 @@
         onMouseLeave,
         size = "middle"
       } = _a,
-      restProps = __objRest$r(_a, ["type", "className", "children", "prefixIcon", "hoverPrefixIcon", "suffixIcon", "hoverSuffixIcon", "onMouseEnter", "onMouseLeave", "size"]);
+      restProps = __objRest$s(_a, ["type", "className", "children", "prefixIcon", "hoverPrefixIcon", "suffixIcon", "hoverSuffixIcon", "onMouseEnter", "onMouseLeave", "size"]);
     const [status, setStatus] = React.useState("normal");
     const hasIcon = prefixIcon || suffixIcon;
     const hasHoverIcon = hoverPrefixIcon || hoverSuffixIcon;
     const onlyIcon = !children && (prefixIcon || suffixIcon);
-    return /* @__PURE__ */React__namespace.default.createElement(antd.Button, __spreadValues$K({
+    return /* @__PURE__ */React__namespace.default.createElement(antd.Button, __spreadValues$L({
       ref,
       className: cs__default.default(className, ButtonStyle$1, type === "link" && NoPadding, (prefixIcon || suffixIcon) && "has-icon", size === "large" && Typo.Label.l1_regular_title, size === "middle" && Typo.Label.l2_regular_title, size === "small" && Typo.Label.l3_regular_title, type && `ant-btn-${type}`, onlyIcon && "ant-btn-icon-only"),
       type: isAntdButtonTypes(type) ? type : void 0,
@@ -1014,6 +882,97 @@
     }));
   });
 
+  var __defProp$K = Object.defineProperty;
+  var __defProps$y = Object.defineProperties;
+  var __getOwnPropDescs$y = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$L = Object.getOwnPropertySymbols;
+  var __hasOwnProp$L = Object.prototype.hasOwnProperty;
+  var __propIsEnum$L = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$K = (obj, key, value) => key in obj ? __defProp$K(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$K = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$L.call(b, prop))
+        __defNormalProp$K(a, prop, b[prop]);
+    if (__getOwnPropSymbols$L)
+      for (var prop of __getOwnPropSymbols$L(b)) {
+        if (__propIsEnum$L.call(b, prop))
+          __defNormalProp$K(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __spreadProps$y = (a, b) => __defProps$y(a, __getOwnPropDescs$y(b));
+  var __objRest$r = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp$L.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$L)
+      for (var prop of __getOwnPropSymbols$L(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$L.call(source, prop))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
+  let componentId = 0;
+  const Tooltip = (props) => {
+    const _a = props, {
+      followMouse,
+      overlayClassName,
+      overlayStyle,
+      children
+    } = _a, restProps = __objRest$r(_a, [
+      "followMouse",
+      "overlayClassName",
+      "overlayStyle",
+      "children"
+    ]);
+    const id = React.useRef(++componentId);
+    const uniquePopupClass = `kit-popup-${id.current}`;
+    const uniqueContainerClass = `kit-tooltip-${id.current}`;
+    const _children = React.useMemo(() => {
+      if (followMouse) {
+        const child = React__namespace.default.isValidElement(children) ? children : /* @__PURE__ */ React__namespace.default.createElement("span", null, children);
+        return React__namespace.default.cloneElement(child, {
+          className: cs__default.default(child.props.className, uniqueContainerClass)
+        });
+      } else {
+        return children;
+      }
+    }, [children, followMouse, uniqueContainerClass]);
+    const onmousemove = React.useCallback(
+      (event) => {
+        const popup = document.querySelector(`.${uniquePopupClass}`);
+        if (!popup)
+          return;
+        popup.style.left = event.pageX + "px";
+        popup.style.top = event.pageY + "px";
+      },
+      [uniquePopupClass]
+    );
+    React.useEffect(() => {
+      if (followMouse) {
+        const container = document.querySelector(
+          `.${uniqueContainerClass}`
+        );
+        container == null ? void 0 : container.addEventListener("mousemove", onmousemove);
+        return () => {
+          container == null ? void 0 : container.removeEventListener("mousemove", onmousemove);
+        };
+      }
+    }, [followMouse, onmousemove, uniqueContainerClass]);
+    return /* @__PURE__ */ React__namespace.default.createElement(
+      antd.Tooltip,
+      __spreadProps$y(__spreadValues$K({}, restProps), {
+        overlayClassName: followMouse ? cs__default.default(overlayClassName, uniquePopupClass) : overlayClassName,
+        children: _children,
+        overlayStyle: followMouse ? __spreadValues$K({
+          transform: "translate(-50%, -100%)",
+          pointerEvents: "none"
+        }, overlayStyle) : overlayStyle
+      })
+    );
+  };
+
   var __defProp$J = Object.defineProperty;
   var __getOwnPropSymbols$K = Object.getOwnPropertySymbols;
   var __hasOwnProp$K = Object.prototype.hasOwnProperty;
@@ -1310,6 +1269,74 @@
     }, description) : null) : null);
   };
 
+  const card = "c10crapj";
+  const ExpandableContainer = props => {
+    const {
+      children
+    } = props;
+    return /* @__PURE__ */React__namespace.default.createElement(antd.Card, {
+      className: card
+    }, children);
+  };
+
+  const ExpandIcon = (props) => {
+    const { isActive } = props;
+    return isActive ? /* @__PURE__ */ React__namespace.default.createElement(iconsReact.ArrowChevronUp16SecondaryIcon, null) : /* @__PURE__ */ React__namespace.default.createElement(iconsReact.ArrowChevronDown16SecondaryIcon, null);
+  };
+
+  const RoundedOrderStyle = "rrwcpby";
+  const RoundedOrder = props => {
+    const {
+      children,
+      order
+    } = props;
+    return /* @__PURE__ */React__namespace.default.createElement("div", {
+      className: RoundedOrderStyle
+    }, order != null ? /* @__PURE__ */React__namespace.default.createElement("span", {
+      className: "order"
+    }, /* @__PURE__ */React__namespace.default.createElement("span", {
+      className: Typo.Label.l2_bold
+    }, order)) : null, children);
+  };
+
+  const CollapseStyle = "cav9p2m";
+  const CollapseDisabled = "csf0p6c";
+  const ExpandableItem = props => {
+    const {
+      children,
+      disableExpand = false,
+      defaultActive = false,
+      header,
+      order
+    } = props;
+    const showExpandOnDisable = React.useMemo(() => {
+      return disableExpand && defaultActive;
+    }, [defaultActive, disableExpand]);
+    const [activeKey, setActiveKey] = React.useState(showExpandOnDisable ? ["expandPanelKey"] : []);
+    return /* @__PURE__ */React__namespace.default.createElement(antd.Collapse, {
+      className: cs__default.default(CollapseStyle, {
+        [CollapseDisabled]: disableExpand
+      }),
+      expandIcon: ExpandIcon,
+      expandIconPosition: "right",
+      defaultActiveKey: showExpandOnDisable ? ["expandPanelKey"] : [],
+      bordered: false,
+      activeKey,
+      onChange: v => {
+        if (disableExpand) {
+          return;
+        }
+        setActiveKey(v);
+      }
+    }, /* @__PURE__ */React__namespace.default.createElement(antd.Collapse.Panel, {
+      key: "expandPanelKey",
+      header: /* @__PURE__ */React__namespace.default.createElement(RoundedOrder, {
+        order
+      }, header),
+      showArrow: !disableExpand
+    }, children));
+  };
+
   var __defProp$F = Object.defineProperty;
   var __getOwnPropSymbols$G = Object.getOwnPropertySymbols;
   var __hasOwnProp$G = Object.prototype.hasOwnProperty;
@@ -5230,6 +5257,47 @@
     }, icon), children);
   };
 
+  const Inline = "i1e4sgug";
+  const Truncate = props => {
+    const {
+      text,
+      len = 100,
+      frontLen,
+      backLen = 4,
+      hoverShowFullText = true,
+      className,
+      inline
+    } = props;
+    if (len <= 0) {
+      console.error("[Truncate] prop len can not be 0 or negative number");
+      return null;
+    }
+    if (backLen < 0) {
+      console.error("[Truncate] prop backLen can not be negative number");
+      return null;
+    }
+    if (frontLen && frontLen < 0) {
+      console.error("[Truncate] prop frontLen can not be negative number");
+      return null;
+    }
+    const ellipse = "...";
+    let _backLen = Math.min(backLen, text.length - ellipse.length, len - ellipse.length);
+    const _frontLen = frontLen !== void 0 ? Math.min(frontLen, text.length - ellipse.length, len - ellipse.length) : Math.max(len - _backLen - ellipse.length, 0);
+    if (_frontLen + _backLen + ellipse.length > len) {
+      _backLen = len - _frontLen - ellipse.length;
+    }
+    const truncated = text.length <= len ? text : text.slice(0, _frontLen) + ellipse + text.slice(text.length - _backLen);
+    const Text = /* @__PURE__ */React__namespace.default.createElement("div", {
+      className: cs__default.default([className, inline && Inline])
+    }, truncated);
+    if (!hoverShowFullText || text.length <= len) {
+      return Text;
+    }
+    return /* @__PURE__ */React__namespace.default.createElement(Tooltip, {
+      title: text
+    }, Text);
+  };
+
   function getAntdKit() {
     const kit = {
       loading: Loading,
@@ -5321,7 +5389,11 @@
       antdDrawer: antd.Drawer,
       antdSteps: antd.Steps,
       card: Card,
-      truncate: Truncate
+      truncate: Truncate,
+      expandableList: {
+        ExpandableContainer,
+        ExpandableItem
+      }
     };
     kit.option.isSelectOption = true;
     kit.button.__ANT_BUTTON = true;