@cloudtower/eagle 0.26.17 → 0.26.19

package/dist/esm/index.js

@@ -10,7 +10,7 @@ export * from '@cloudtower/parrot';
 import { useTranslation, withTranslation } from 'react-i18next';
 import { cx } from '@linaria/core';
 import { styled } from '@linaria/react';
-import { ArrowRightGrayIcon, ArrowChevronUp16SecondaryIcon, ArrowChevronDown16SecondaryIcon, PlusAddCreateNew16SecondaryIcon, HandlePoint816SecondaryIcon, HandlePoint816BlueIcon, XmarkRemove16SecondaryIcon, XmarkRemove16RegularRedIcon, CheckmarkDoneSuccessCorrect16BlueIcon, XmarkRemoveSmall16RegularInheritIcon } from '@cloudtower/icons-react';
+import { ArrowRightGrayIcon, ArrowChevronUp16SecondaryIcon, ArrowChevronDown16SecondaryIcon, CheckmarkDoneSuccessCorrect16SecondaryIcon, PlusAddCreateNew16SecondaryIcon, HandlePoint816SecondaryIcon, HandlePoint816BlueIcon, XmarkRemove16SecondaryIcon, XmarkRemove16RegularRedIcon, CheckmarkDoneSuccessCorrect16BlueIcon, XmarkRemoveSmall16RegularInheritIcon } from '@cloudtower/icons-react';
 import moment from 'moment';
 import { findDOMNode } from 'react-dom';
 import { isElement } from 'react-is';
@@ -24,8 +24,8 @@ import RCNotification from '@cloudtower/rc-notification';
 import { combineReducers, createStore } from 'redux';
 import { createDispatchHook, createSelectorHook, Provider } from 'react-redux';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
-import TimeZones from 'timezones.json';
 import dayjs from 'dayjs';
+import TimeZones from 'timezones.json';
 import 'recharts';
 import enUS from 'antd/lib/locale/en_US';
 import zhCN from 'antd/lib/locale/zh_CN';
@@ -1171,6 +1171,7 @@ const Card = React__default.forwardRef(
       subInfo,
       className,
       defaultOpen = false,
+      hoverable,
       shadow = true
     } = _a, domProps = __objRest$p(_a, [
       "collapsible",
@@ -1178,6 +1179,7 @@ const Card = React__default.forwardRef(
       "subInfo",
       "className",
       "defaultOpen",
+      "hoverable",
       "shadow"
     ]);
     const [open, setOpen] = useState(defaultOpen);
@@ -1185,7 +1187,7 @@ const Card = React__default.forwardRef(
       CardWrapper,
       __spreadProps$x(__spreadValues$H({
         ref,
-        className: cs(["card-wrapper", className])
+        className: cs(["card-wrapper", className, hoverable && "hoverable"])
       }, domProps), {
         shadow
       }),
@@ -3603,59 +3605,113 @@ const Speed = ({
   return /* @__PURE__ */ React__default.createElement("span", null, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", unitClassName) }, ` ${unit}`));
 };
 
+const StepsStyle = "sq6vos1";
+const HorizontalStyle = "hjtnwxg";
+const VerticalStyle = "v1p8siwu";
+const HorizontalStepContentStyle = "h1xo7yjb";
+const VerticalStepContentStyle = "v1f2f7cy";
+
 var __defProp$e = Object.defineProperty;
 var __defProps$e = Object.defineProperties;
 var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
 var __hasOwnProp$e = Object.prototype.hasOwnProperty;
 var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, {
-  enumerable: true,
-  configurable: true,
-  writable: true,
-  value
-}) : obj[key] = value;
+var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues$e = (a, b) => {
-  for (var prop in b || (b = {})) if (__hasOwnProp$e.call(b, prop)) __defNormalProp$e(a, prop, b[prop]);
-  if (__getOwnPropSymbols$e) for (var prop of __getOwnPropSymbols$e(b)) {
-    if (__propIsEnum$e.call(b, prop)) __defNormalProp$e(a, prop, b[prop]);
-  }
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$e.call(b, prop))
+      __defNormalProp$e(a, prop, b[prop]);
+  if (__getOwnPropSymbols$e)
+    for (var prop of __getOwnPropSymbols$e(b)) {
+      if (__propIsEnum$e.call(b, prop))
+        __defNormalProp$e(a, prop, b[prop]);
+    }
   return a;
 };
 var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
 var __objRest$5 = (source, exclude) => {
   var target = {};
-  for (var prop in source) if (__hasOwnProp$e.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$e) for (var prop of __getOwnPropSymbols$e(source)) {
-    if (exclude.indexOf(prop) < 0 && __propIsEnum$e.call(source, prop)) target[prop] = source[prop];
-  }
+  for (var prop in source)
+    if (__hasOwnProp$e.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$e)
+    for (var prop of __getOwnPropSymbols$e(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$e.call(source, prop))
+        target[prop] = source[prop];
+    }
   return target;
 };
-const StepsContainer = /*#__PURE__*/styled('div')({
-  name: "StepsContainer",
-  class: "s3mgie3",
-  propsAsIs: false
-});
-const Steps = props => {
-  const _a = props,
+const StepTitle = (props) => {
+  const { current, step, index, isVerticalMode } = props;
+  const textRef = useRef(null);
+  const [tooltipEnable, setTooltipEnable] = useState({
+    visible: false
+  });
+  useLayoutEffect(() => {
+    if (textRef.current && textRef.current.offsetWidth < textRef.current.scrollWidth) {
+      setTooltipEnable({});
+    }
+  }, [textRef]);
+  return /* @__PURE__ */ React__default.createElement(Tooltip, __spreadProps$e(__spreadValues$e({}, tooltipEnable), { title: step.title }), /* @__PURE__ */ React__default.createElement(
+    "div",
     {
-      stepsConfig,
-      containerClassname,
-      showStepCount
-    } = _a,
-    stepsProps = __objRest$5(_a, ["stepsConfig", "containerClassname", "showStepCount"]);
-  const titleWithCount = (_step, count) => /* @__PURE__ */React__default.createElement(React__default.Fragment, null, showStepCount ? /* @__PURE__ */React__default.createElement("span", {
-    className: "step-count"
-  }, count) : null, _step.title);
-  return /* @__PURE__ */React__default.createElement(StepsContainer, {
-    className: containerClassname
-  }, /* @__PURE__ */React__default.createElement(Steps$1, __spreadProps$e(__spreadValues$e({}, stepsProps), {
-    type: "default"
-  }), (stepsConfig == null ? void 0 : stepsConfig.length) ? stepsConfig.map((step, index) => /* @__PURE__ */React__default.createElement(Steps$1.Step, __spreadProps$e(__spreadValues$e({
-    key: index
-  }, step), {
-    title: titleWithCount(step, index + 1)
-  }))) : props.children));
+      className: isVerticalMode ? VerticalStepContentStyle : HorizontalStepContentStyle
+    },
+    /* @__PURE__ */ React__default.createElement("span", { className: "step-item-prefix-container" }, index < current ? /* @__PURE__ */ React__default.createElement(CheckmarkDoneSuccessCorrect16SecondaryIcon, null) : index + 1),
+    /* @__PURE__ */ React__default.createElement("span", { ref: textRef, className: "step-item-title" }, /* @__PURE__ */ React__default.createElement("span", { className: "step-item-title" }, step.title))
+  ));
+};
+const Steps = (props) => {
+  const _a = props, {
+    stepsConfig,
+    direction,
+    containerClassname,
+    current = 0,
+    disabled
+  } = _a, stepsProps = __objRest$5(_a, [
+    "stepsConfig",
+    "direction",
+    "containerClassname",
+    "current",
+    "disabled"
+  ]);
+  const isVerticalMode = direction === "vertical";
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: cs(
+        containerClassname,
+        StepsStyle,
+        isVerticalMode ? VerticalStyle : HorizontalStyle
+      )
+    },
+    /* @__PURE__ */ React__default.createElement(
+      Steps$1,
+      __spreadProps$e(__spreadValues$e({}, stepsProps), {
+        direction,
+        current,
+        type: "default"
+      }),
+      (stepsConfig == null ? void 0 : stepsConfig.length) ? stepsConfig.map((step, index) => /* @__PURE__ */ React__default.createElement(
+        Steps$1.Step,
+        __spreadProps$e(__spreadValues$e({
+          key: index
+        }, step), {
+          disabled: disabled || index > current,
+          title: /* @__PURE__ */ React__default.createElement(
+            StepTitle,
+            {
+              index,
+              step,
+              current,
+              isVerticalMode
+            }
+          )
+        })
+      )) : props.children
+    )
+  );
 };
 
 var __defProp$d = Object.defineProperty;
@@ -5032,6 +5088,23 @@ const Tag = (_a) => {
 };
 Tag.SplitTag = SplitTag;
 
+const Time = (props) => {
+  const {
+    className,
+    date,
+    dateTemplate = "YYYY-MM-DD",
+    timeTemplate = "HH:mm",
+    plainText
+  } = props;
+  if (!date)
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, "-");
+  const time = dayjs(date);
+  if (plainText) {
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, dateTemplate !== null && time.format(dateTemplate), " ", timeTemplate !== null && time.format(timeTemplate));
+  }
+  return /* @__PURE__ */ React__default.createElement("span", { className: `time-wrapper ${className || ""}` }, dateTemplate !== null && /* @__PURE__ */ React__default.createElement("span", { className: "date" }, " ", time.format(dateTemplate)), timeTemplate !== null && /* @__PURE__ */ React__default.createElement("span", { className: "time" }, " ", time.format(timeTemplate)));
+};
+
 const allTimeZones = uniqBy(TimeZones.reduce((sum, zone) => {
   const utcZones = zone.utc.map(utc => {
     return {
@@ -5219,7 +5292,7 @@ const Size = {
   large: "l1d492wb"
 };
 const TokenStyle = "t1lzavmu";
-const Token = _a => {
+const Token = React__default.forwardRef((_a, ref) => {
   var _b = _a,
     {
       size = "small",
@@ -5227,26 +5300,32 @@ const Token = _a => {
       className,
       icon,
       checked,
-      children
+      children,
+      tooltipConfig
     } = _b,
-    props = __objRest(_b, ["size", "color", "className", "icon", "checked", "children"]);
+    props = __objRest(_b, ["size", "color", "className", "icon", "checked", "children", "tooltipConfig"]);
   return /* @__PURE__ */React__default.createElement(Tag$1, __spreadProps$3(__spreadValues$3({}, props), {
+    ref,
     className: cs(className, Size[size], TokenStyle, {
       [Typo.Label.l4_regular]: size === "small" || size === "medium",
       [Typo.Label.l3_regular]: size === "large",
       [`ant-tag-${color}`]: PresetColors.includes(color)
     }, "ui-kit-token", checked && "ui-kit-token-checked"),
-    closeIcon: /* @__PURE__ */React__default.createElement(Icon, {
+    closeIcon: /* @__PURE__ */React__default.createElement(Tooltip, __spreadValues$3({
+      title: tooltipConfig == null ? void 0 : tooltipConfig.title
+    }, !(tooltipConfig == null ? void 0 : tooltipConfig.title) && {
+      visible: false
+    }), /* @__PURE__ */React__default.createElement(Icon, {
       className: "selected-icon",
       src: XmarkRemoveSmall16RegularInheritIcon,
       iconHeight: 16,
       iconWidth: 16
-    }),
+    })),
     color: color === "gray" ? void 0 : color
   }), icon && /* @__PURE__ */React__default.createElement("span", {
     className: cs("ui-kit-tag-icon", IconStyle)
   }, icon), children);
-};
+});
 
 const Inline = "i1e4sgug";
 const Truncate = props => {
@@ -5289,23 +5368,6 @@ const Truncate = props => {
   }, Text);
 };
 
-const Time = (props) => {
-  const {
-    className,
-    date,
-    dateTemplate = "YYYY-MM-DD",
-    timeTemplate = "HH:mm",
-    plainText
-  } = props;
-  if (!date)
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, "-");
-  const time = dayjs(date);
-  if (plainText) {
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, dateTemplate !== null && time.format(dateTemplate), " ", timeTemplate !== null && time.format(timeTemplate));
-  }
-  return /* @__PURE__ */ React__default.createElement("span", { className: `time-wrapper ${className || ""}` }, dateTemplate !== null && /* @__PURE__ */ React__default.createElement("span", { className: "date" }, " ", time.format(dateTemplate)), timeTemplate !== null && /* @__PURE__ */ React__default.createElement("span", { className: "time" }, " ", time.format(timeTemplate)));
-};
-
 function getAntdKit() {
   const kit = {
     loading: Loading,