@cloudtower/eagle 0.0.0-config-rc-9 → 0.0.0-data-testid

package/dist/esm/core/TableForm/index.js

@@ -2,9 +2,8 @@ import AddRowButton from './AddRowButton.js';
 import { TableFormWrapper, DraggableHandleWrapper } from './style.js';
 import TableFormBodyRows from './TableFormBodyRows.js';
 import { BatchInputListHeaderCell } from './TableFormHeaderCell.js';
-import { genEmptyRow } from './utils.js';
 import { List } from 'antd';
-import React__default, { useState, useCallback, useLayoutEffect, useImperativeHandle, useMemo } from 'react';
+import React__default, { useState, useRef, useCallback, useImperativeHandle, useMemo } from 'react';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -25,7 +24,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const DEFAULT_ROW_COUNT = 3;
 const TableForm = React__default.forwardRef(
   (props, ref) => {
     var _a, _b;
@@ -46,16 +44,19 @@ const TableForm = React__default.forwardRef(
       onHeaderChange,
       onHeaderBlur,
       onBodyChange,
+      onBodyAdd,
       onBodyBlur,
       row,
-      errors
+      errors,
+      hideEmptyTable
     } = props;
     const [data, setData] = useState(defaultData || []);
     const [passwordVisible, setPasswordVisible] = useState(false);
     const [latestData, setLatestData] = useState(defaultData || []);
-    const [validateAll, setValidateAll] = useState(false);
+    const [validateAllCount, setValidateAllCount] = useState(0);
     const rowSplitType = (row == null ? void 0 : row.splitType) || props.rowSplitType || "border";
     const draggable = (_b = (_a = row == null ? void 0 : row.draggable) != null ? _a : props.draggable) != null ? _b : false;
+    const formValidMapRef = useRef({});
     const updateData = useCallback(
       (value, rowIndex, columnKey) => {
         setLatestData(value);
@@ -64,13 +65,16 @@ const TableForm = React__default.forwardRef(
       },
       [onBodyChange]
     );
-    useLayoutEffect(() => {
-      if (!defaultData) {
-        updateData(
-          [...Array(DEFAULT_ROW_COUNT)].map(() => genEmptyRow(columns))
-        );
-      }
-    }, [columns, defaultData, updateData]);
+    const addData = useCallback(
+      (value) => {
+        setLatestData(value);
+        setData(value);
+        onBodyChange == null ? void 0 : onBodyChange(value);
+        const rowIndex = value.length - 1;
+        onBodyAdd == null ? void 0 : onBodyAdd(value, rowIndex);
+      },
+      [onBodyChange, onBodyAdd]
+    );
     const handleBatchChange = useCallback(
       (newData, columnKey, shouldUpdateData) => {
         setLatestData(newData);
@@ -83,19 +87,19 @@ const TableForm = React__default.forwardRef(
       [onHeaderChange, onBodyChange]
     );
     const handleBatchBlur = useCallback(
-      (key, error) => {
+      (columnKey, error) => {
         if (error) {
           const newData = latestData.map((cell) => {
             return __spreadProps(__spreadValues({}, cell), {
-              [key]: ""
+              [columnKey]: ""
             });
           });
           setLatestData(newData);
-          onHeaderBlur == null ? void 0 : onHeaderBlur(newData);
+          onHeaderBlur == null ? void 0 : onHeaderBlur(newData, columnKey);
         } else {
           setData(latestData);
-          onBodyChange == null ? void 0 : onBodyChange(latestData, void 0, key);
-          onHeaderBlur == null ? void 0 : onHeaderBlur(latestData);
+          onBodyChange == null ? void 0 : onBodyChange(latestData, void 0, columnKey);
+          onHeaderBlur == null ? void 0 : onHeaderBlur(latestData, columnKey);
         }
       },
       [latestData, onHeaderBlur, onBodyChange]
@@ -106,12 +110,25 @@ const TableForm = React__default.forwardRef(
         setData: (data2) => {
           updateData(data2);
         },
+        setDataWithoutTriggerChange: (data2) => {
+          setLatestData(data2);
+          setData(data2);
+        },
         validateWholeFields() {
-          setValidateAll(true);
+          formValidMapRef.current = {};
+          setValidateAllCount((c) => c + 1);
+        },
+        isValid() {
+          return Object.values(formValidMapRef.current).every(
+            (v) => v === true
+          );
         }
       }),
       [updateData]
     );
+    const onValidate = (id, isValid) => {
+      formValidMapRef.current[id] = isValid;
+    };
     const headerCells = columns.map((col) => {
       return /* @__PURE__ */ React__default.createElement(
         BatchInputListHeaderCell,
@@ -134,9 +151,10 @@ const TableForm = React__default.forwardRef(
       } : void 0,
       [maxHeight]
     );
-    return /* @__PURE__ */ React__default.createElement("div", { className }, /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React__default.createElement("div", { className }, hideEmptyTable && data.length < 1 ? null : /* @__PURE__ */ React__default.createElement(
       TableFormWrapper,
       {
+        "data-testid": "eagle-table-form-wrapper",
         className: `table-form row-split-by-${rowSplitType}`,
         style: tableFormWrapperStyle
       },
@@ -165,15 +183,17 @@ const TableForm = React__default.forwardRef(
           updateData,
           renderRowDescription,
           rowValidator,
-          validateAll,
-          errors
+          validateAllCount,
+          errors,
+          onValidate
         }
       ))
     ), (rowAddConfig == null ? void 0 : rowAddConfig.addible) ? /* @__PURE__ */ React__default.createElement(
       AddRowButton,
       {
+        style: { marginTop: hideEmptyTable && !data.length ? 0 : 8 },
         config: rowAddConfig,
-        updateData,
+        addData,
         columns,
         data
       }

package/dist/esm/core/TextArea/index.js

@@ -39,20 +39,38 @@ const TextArea = (_a) => {
   var _b = _a, {
     className,
     error,
-    size = "middle"
+    size = "middle",
+    "data-testid": dataTestId
   } = _b, props = __objRest(_b, [
     "className",
     "error",
-    "size"
+    "size",
+    "data-testid"
   ]);
   const typo = {
     large: Typo.Label.l2_regular,
     middle: Typo.Label.l3_regular,
     small: Typo.Label.l4_regular
   }[size];
+  const ref = React__default.useCallback(
+    (instance) => {
+      var _a2;
+      const el = (_a2 = instance == null ? void 0 : instance.resizableTextArea) == null ? void 0 : _a2.textArea;
+      if (!el)
+        return;
+      if (dataTestId) {
+        el.setAttribute("data-testid", dataTestId);
+      } else {
+        el.removeAttribute("data-testid");
+      }
+    },
+    [dataTestId]
+  );
   return /* @__PURE__ */ React__default.createElement(
     Input.TextArea,
-    __spreadProps(__spreadValues({}, props), {
+    __spreadProps(__spreadValues({
+      ref
+    }, props), {
       className: cs(
         className,
         InputStyle,

package/dist/esm/core/Time/index.js

@@ -3,20 +3,21 @@ import dayjs from 'dayjs';
 import React__default from 'react';
 
 const timeWrapper = "E_tju3gfj";
-const Time = props => {
-  const {
-    className,
-    date,
-    dateTemplate = "YYYY-MM-DD",
-    timeTemplate = "HH:mm",
-    plainText
-  } = props;
+const Time = ({
+  className,
+  date,
+  dateTemplate = "YYYY-MM-DD",
+  timeTemplate = "HH:mm",
+  plainText,
+  "data-testid": dataTestId
+}) => {
   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", {
+    "data-testid": dataTestId,
     className: cs("time-wrapper", timeWrapper, className)
   }, dateTemplate !== null && /* @__PURE__ */React__default.createElement("span", {
     className: "date"

package/dist/esm/core/TimePicker/index.js

@@ -36,15 +36,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const TimePicker = (_a) => {
-  var _b = _a, {
-    className,
-    error,
-    size = "middle"
-  } = _b, props = __objRest(_b, [
-    "className",
-    "error",
-    "size"
-  ]);
+  var _b = _a, { className, error, size = "middle" } = _b, props = __objRest(_b, ["className", "error", "size"]);
   const typo = {
     large: Typo.Label.l2_regular,
     middle: Typo.Label.l3_regular,

package/dist/esm/core/TimeZoneSelect/index.js

@@ -1,7 +1,7 @@
 import { CheckmarkDoneSuccessCorrect16BlueIcon } from '@cloudtower/icons-react';
 import { cx } from '@linaria/core';
 import Icon from '../Icon/index.js';
-import Select$1 from '../Select/index.js';
+import LegacySelect from '../LegacySelect/index.js';
 import { Typo } from '../Typo/index.js';
 import useParrotTranslation from '../../hooks/useParrotTranslation.js';
 import { Select, Tag } from 'antd';
@@ -47,7 +47,8 @@ const TimeZoneSelect = props => {
     disabled,
     defaultUseBrowserTime,
     className,
-    placeholder
+    placeholder,
+    "data-testid": dataTestId
   } = props;
   const [innerValue, setInnerValue] = useState(value);
   const {
@@ -86,7 +87,8 @@ const TimeZoneSelect = props => {
       }));
     }));
   });
-  return /* @__PURE__ */React__default.createElement(Select$1, {
+  return /* @__PURE__ */React__default.createElement(LegacySelect, {
+    "data-testid": dataTestId,
     className: cx(SelectStyle, className),
     dropdownClassName: DropdownStyle,
     placeholder: /* @__PURE__ */React__default.createElement("span", null, placeholder || t("components.time_zone_select_placeholder")),

package/dist/esm/core/Timeline/Timeline.style.js

@@ -0,0 +1,7 @@
+const TimelineWrapper = "E_t59qhqp";
+const TimelineItemWrapper = "E_t2e44lg";
+const EmptyWrapper = "E_e14ua30y";
+const SubInfoTextWrapper = "E_s1ikqzph";
+const InfoTextWrapper = "E_i15astnl";
+
+export { EmptyWrapper, InfoTextWrapper, SubInfoTextWrapper, TimelineItemWrapper, TimelineWrapper };

package/dist/esm/core/Timeline/Timeline.widget.js

@@ -0,0 +1,107 @@
+import { cx } from '@linaria/core';
+import Link from '../Link/index.js';
+import Tag from '../Tag/index.js';
+import { Typo } from '../Typo/index.js';
+import OverflowTooltip from '../../coreX/OverflowTooltip/index.js';
+import { splitMap } from '../../utils/constants.js';
+import { Flex } from 'antd5';
+import cs from 'classnames';
+import React__default from 'react';
+import { InfoTextWrapper, SubInfoTextWrapper } from './Timeline.style.js';
+import { Show } from '../../coreX/Show/index.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const TimelineBasicText = ({
+  children,
+  className,
+  multiLines
+}) => {
+  return /* @__PURE__ */ React__default.createElement(
+    OverflowTooltip,
+    {
+      className,
+      multiLines: multiLines != null ? multiLines : 2,
+      content: children
+    }
+  );
+};
+const TimelineArea = ({ items, gap = 1, split, suffix, className, compact }) => {
+  const splitNode = typeof split === "string" ? splitMap[split] || split : split;
+  const rendetItem = (category, props, compact2) => {
+    const _a = props, { className: className2 } = _a, restProps = __objRest(_a, ["className"]);
+    switch (category) {
+      case "subinfo_label":
+        return /* @__PURE__ */ React__default.createElement(
+          TimelineBasicText,
+          __spreadValues({
+            className: cx(SubInfoTextWrapper, Typo.Label.l4_regular, className2)
+          }, restProps)
+        );
+      case "info":
+        return /* @__PURE__ */ React__default.createElement(
+          TimelineBasicText,
+          __spreadValues({
+            className: cs(
+              InfoTextWrapper,
+              {
+                [Typo.Label.l4_regular]: compact2,
+                [Typo.Label.l2_regular]: !compact2
+              },
+              className2
+            )
+          }, restProps)
+        );
+      case "info_bold":
+        return /* @__PURE__ */ React__default.createElement(
+          TimelineBasicText,
+          __spreadValues({
+            className: cs(
+              InfoTextWrapper,
+              {
+                [Typo.Label.l4_bold]: compact2,
+                [Typo.Label.l2_bold]: !compact2
+              },
+              className2
+            )
+          }, restProps)
+        );
+      case "link":
+        return /* @__PURE__ */ React__default.createElement(Link, __spreadValues({}, props));
+      case "tag":
+        return /* @__PURE__ */ React__default.createElement(Tag, __spreadValues({}, props));
+    }
+  };
+  return /* @__PURE__ */ React__default.createElement(Flex, { justify: "space-between", align: "center", className }, /* @__PURE__ */ React__default.createElement(Flex, { align: "center", gap }, items.map((item, idx) => {
+    const { category } = item;
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: idx }, rendetItem(category, item, compact), /* @__PURE__ */ React__default.createElement(Show, { condition: Boolean(split) }, /* @__PURE__ */ React__default.createElement(Show, { condition: idx < items.length - 1 }, splitNode)));
+  })), /* @__PURE__ */ React__default.createElement(Show, { condition: Boolean(suffix) }, /* @__PURE__ */ React__default.createElement(Show, { condition: Boolean(split) }, splitNode), suffix));
+};
+
+export { TimelineArea };

package/dist/esm/core/Timeline/index.js

@@ -0,0 +1,136 @@
+import { CheckmarkDoneSuccessCorrect16GreenIcon, XmarkFailed16RedIcon, Loading16GradientBlueIcon, NoticeTriangleFill16YellowIcon, WaitingBreathingLed16YellowIcon, TimelineNotStart16GrayIcon } from '@cloudtower/icons-react';
+import { cx } from '@linaria/core';
+import Alert from '../Alert/index.js';
+import Icon from '../Icon/index.js';
+import { Timeline as Timeline$1, Flex } from 'antd5';
+import cs from 'classnames';
+import React__default from 'react';
+import { EmptyWrapper, TimelineWrapper, TimelineItemWrapper } from './Timeline.style.js';
+import { TimelineArea } from './Timeline.widget.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const Timeline = ({
+  items,
+  emptyText,
+  emptyRender,
+  compact,
+  timelineContainerClassName,
+  emptyTextClassName,
+  "data-testid": dataTestId
+}) => {
+  if (!items.length) {
+    if (emptyRender) {
+      return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, emptyRender(emptyText));
+    }
+    return /* @__PURE__ */ React__default.createElement(
+      "div",
+      {
+        "data-testid": dataTestId,
+        className: cx(EmptyWrapper, emptyTextClassName)
+      },
+      emptyText
+    );
+  }
+  const iconMap = {
+    success: CheckmarkDoneSuccessCorrect16GreenIcon,
+    failed: XmarkFailed16RedIcon,
+    progress: Loading16GradientBlueIcon,
+    notice: NoticeTriangleFill16YellowIcon,
+    pending: WaitingBreathingLed16YellowIcon,
+    idle: TimelineNotStart16GrayIcon
+  };
+  const alertTypeMap = {
+    success: "success",
+    failed: "error",
+    progress: "info",
+    notice: "warning",
+    pending: "info",
+    idle: "normal"
+  };
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      "data-testid": dataTestId,
+      className: cx(TimelineWrapper, timelineContainerClassName)
+    },
+    /* @__PURE__ */ React__default.createElement(Timeline$1, null, items.map((item, index) => {
+      const {
+        status,
+        infos,
+        infosRender,
+        infoAction,
+        subInfo,
+        subInfoRender,
+        detailMessage,
+        detailMessages,
+        detailMessageRender
+      } = item;
+      const finalDetailMessages = detailMessages != null ? detailMessages : detailMessage ? [detailMessage] : [];
+      return /* @__PURE__ */ React__default.createElement(
+        Timeline$1.Item,
+        {
+          key: `timeline-item-${index}`,
+          className: cs(TimelineItemWrapper, { compact }),
+          dot: /* @__PURE__ */ React__default.createElement(
+            Icon,
+            {
+              src: iconMap[status],
+              iconHeight: 16,
+              iconWidth: 16,
+              isRotate: status === "progress"
+            }
+          )
+        },
+        infosRender ? infosRender(infos) : /* @__PURE__ */ React__default.createElement(
+          Flex,
+          {
+            vertical: true,
+            justify: "space-between",
+            gap: 2,
+            className: "info-wrapper"
+          },
+          infos.map((item2, index2) => /* @__PURE__ */ React__default.createElement(
+            TimelineArea,
+            __spreadProps(__spreadValues({
+              gap: 6,
+              key: `title-area-${index2}`
+            }, item2), {
+              compact,
+              suffix: !index2 && infoAction ? /* @__PURE__ */ React__default.createElement("span", { className: "info-action" }, infoAction) : void 0
+            })
+          ))
+        ),
+        /* @__PURE__ */ React__default.createElement("div", { className: "item-time" }, subInfoRender ? subInfoRender(subInfo) : subInfo ? /* @__PURE__ */ React__default.createElement(TimelineArea, __spreadValues({}, subInfo)) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null), finalDetailMessages.length > 0 ? finalDetailMessages.map(
+          (detailMessage2, index2) => detailMessageRender ? detailMessageRender(detailMessage2, index2) : /* @__PURE__ */ React__default.createElement(
+            Alert,
+            __spreadValues({
+              key: `detail-message-${index2}`,
+              showIcon: false,
+              type: alertTypeMap[status]
+            }, detailMessage2)
+          )
+        ) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null))
+      );
+    }))
+  );
+};
+
+export { Timeline };

package/dist/esm/core/Tooltip/EllipsisTooltipContent.js

@@ -0,0 +1,49 @@
+import { cx } from '@linaria/core';
+import { styled } from '@linaria/react';
+import { debounce, isNull } from 'lodash';
+import React__default, { useRef, useState, useEffect } from 'react';
+
+const _exp = /*#__PURE__*/() => props => props.maxHeight ? `${props.maxHeight}px` : "unset";
+const Wrapper = /*#__PURE__*/styled('div')({
+  name: "Wrapper",
+  class: "E_w1dxz879",
+  propsAsIs: false,
+  vars: {
+    "w1dxz879-0": [_exp()]
+  }
+});
+const EllipsisTooltipContent = ({
+  tooltip,
+  maxHeight,
+  contentWrapperClassName,
+  ellipsisTips
+}) => {
+  const overFlowWrapperRef = useRef(null);
+  const [showTips, setShowTips] = useState(null);
+  useEffect(() => {
+    const wrapperEle = overFlowWrapperRef.current;
+    let wrapperObserver;
+    if (wrapperEle) {
+      const handleVisibleTips = debounce(() => {
+        setShowTips(wrapperEle.scrollHeight > (maxHeight || Infinity));
+      }, 200);
+      wrapperObserver = new ResizeObserver(handleVisibleTips);
+      wrapperObserver.observe(wrapperEle);
+    }
+    return () => {
+      wrapperObserver == null ? void 0 : wrapperObserver.disconnect();
+    };
+  }, [maxHeight]);
+  return /* @__PURE__ */React__default.createElement(Wrapper, {
+    className: cx(contentWrapperClassName, isNull(showTips) && "eagle-ellipsis-content"),
+    maxHeight
+  }, /* @__PURE__ */React__default.createElement("div", {
+    className: "ellipsis-tooltip",
+    ref: overFlowWrapperRef
+  }, tooltip), !!showTips && /* @__PURE__ */React__default.createElement("span", {
+    className: "tips"
+  }, ellipsisTips));
+};
+var EllipsisTooltipContent$1 = EllipsisTooltipContent;
+
+export { EllipsisTooltipContent$1 as default };

package/dist/esm/core/Tooltip/index.js

@@ -1,6 +1,7 @@
 import { Tooltip as Tooltip$2 } from 'antd';
 import cs from 'classnames';
 import React__default, { useRef, useMemo, useCallback, useEffect } from 'react';
+import EllipsisTooltipContent from './EllipsisTooltipContent.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -32,7 +33,7 @@ var __objRest = (source, exclude) => {
 };
 let componentId = 0;
 const TooltipDefaultClass = "E_t1m2x205";
-const Tooltip = props => {
+const InternalTooltip = props => {
   const _a = props,
     {
       followMouse,
@@ -80,6 +81,8 @@ const Tooltip = props => {
     }, overlayStyle) : overlayStyle
   }));
 };
+const Tooltip = InternalTooltip;
+Tooltip.EllipsisContent = EllipsisTooltipContent;
 var Tooltip$1 = Tooltip;
 
 export { Tooltip$1 as default };

package/dist/esm/core/Truncate/index.js

@@ -11,7 +11,8 @@ const Truncate = props => {
     backLen = 4,
     hoverShowFullText = true,
     className,
-    inline
+    inline,
+    "data-testid": dataTestId
   } = props;
   if (len <= 0) {
     console.error("[Truncate] prop len can not be 0 or negative number");
@@ -33,6 +34,7 @@ const Truncate = props => {
   }
   const truncated = text.length <= len ? text : text.slice(0, _frontLen) + ellipse + text.slice(text.length - _backLen);
   const Text = /* @__PURE__ */React__default.createElement("div", {
+    "data-testid": dataTestId,
     className: cs([className, inline && Inline])
   }, truncated);
   if (!hoverShowFullText || text.length <= len) {