@cloudtower/eagle 0.32.1 → 0.32.2

package/dist/cjs/core/Select/select.widgets.js

@@ -0,0 +1,63 @@
+'use strict';
+
+var index = require('../../coreX/OverflowTooltip/index.js');
+var antd = require('antd');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+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 OptionStyle = "E_oa99sl3";
+const LeftStyle = "E_lvp5pj7";
+const SlotStyle = "E_s1io1lws";
+const AntdOption = antd.Select.Option;
+function getOptions(options) {
+  return options.map(option => {
+    const _a = option,
+      {
+        prefix,
+        suffix,
+        children
+      } = _a,
+      restProps = __objRest(_a, ["prefix", "suffix", "children"]);
+    return /* @__PURE__ */React__default.default.createElement(AntdOption, __spreadValues({}, restProps), /* @__PURE__ */React__default.default.createElement("div", {
+      className: OptionStyle
+    }, /* @__PURE__ */React__default.default.createElement("span", {
+      className: LeftStyle
+    }, prefix ? /* @__PURE__ */React__default.default.createElement("span", {
+      className: SlotStyle
+    }, prefix) : null, /* @__PURE__ */React__default.default.createElement(index, {
+      content: children
+    })), suffix ? /* @__PURE__ */React__default.default.createElement("span", {
+      className: SlotStyle
+    }, suffix) : null));
+  });
+}
+
+exports.getOptions = getOptions;

package/dist/cjs/core/TableForm/TableFormBodyCell.js

@@ -43,20 +43,22 @@ const TableFormBodyCell = (props) => {
     onChange,
     onBlur,
     validateAll,
-    error
+    error,
+    onValidate
   } = props;
   const [validateResult, setValidateResult] = React.useState();
   const [isTouched, setIsTouched] = React.useState(false);
   const width = typeof column.width === "number" ? column.width + "px" : column.width;
   const isCellErrorStyle = Boolean((validateResult == null ? void 0 : validateResult.isError) || isRowError);
   React.useEffect(() => {
-    if (isTouched)
+    if (isTouched) {
       setValidateResult(
         error ? {
           msg: error,
           isError: true
         } : void 0
       );
+    }
   }, [error, isTouched]);
   const triggerValidate = React.useCallback(
     (currentValue) => {
@@ -75,10 +77,11 @@ const TableFormBodyCell = (props) => {
         });
         const isError = result ? typeof result === "string" : false;
         setValidateResult({ msg: result || "", isError });
+        onValidate == null ? void 0 : onValidate(`${column.key}${rowIndex}`, !isError);
         return;
       }
     },
-    [data, rowIndex, column, getRowValidateResult]
+    [data, rowIndex, column, getRowValidateResult, onValidate]
   );
   React.useEffect(() => {
     if (validateAll) {

package/dist/cjs/core/TableForm/TableFormBodyRows.js

@@ -84,7 +84,8 @@ const TableFormRow = (props) => {
     updateData,
     onBodyBlur,
     renderRowDescription,
-    validateAll
+    validateAll,
+    onValidate
   } = props;
   const rowData = data[rowIndex];
   const errorFromProps = errors[rowIndex];
@@ -95,6 +96,9 @@ const TableFormRow = (props) => {
   React.useEffect(() => {
     setRowError(rowLevelError);
   }, [rowLevelError]);
+  React.useEffect(() => {
+    onValidate == null ? void 0 : onValidate(`table_row_${rowIndex}`, !rowError);
+  }, [onValidate, rowError, rowIndex]);
   const rowDeletable = typeof (row == null ? void 0 : row.deletable) === "boolean" ? row.deletable : (_a = typeof (row == null ? void 0 : row.deletable) === "function" || (deleteConfig == null ? void 0 : deleteConfig.deletable)) != null ? _a : false;
   const getRowValidateResult = React.useCallback(
     (rowData2) => {
@@ -124,7 +128,8 @@ const TableFormRow = (props) => {
         isRowError: !!rowError,
         getRowValidateResult,
         validateAll,
-        error: cellError
+        error: cellError,
+        onValidate
       }
     );
   });

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

@@ -63,6 +63,7 @@ const TableForm = React__default.default.forwardRef(
     const [validateAll, setValidateAll] = React.useState(false);
     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 = React.useRef({});
     const updateData = React.useCallback(
       (value, rowIndex, columnKey) => {
         setLatestData(value);
@@ -107,11 +108,20 @@ const TableForm = React__default.default.forwardRef(
           updateData(data2);
         },
         validateWholeFields() {
+          formValidMapRef.current = {};
           setValidateAll(true);
+        },
+        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.default.createElement(
         TableFormHeaderCell.BatchInputListHeaderCell,
@@ -167,7 +177,8 @@ const TableForm = React__default.default.forwardRef(
           renderRowDescription,
           rowValidator,
           validateAll,
-          errors
+          errors,
+          onValidate
         }
       ))
     ), (rowAddConfig == null ? void 0 : rowAddConfig.addible) ? /* @__PURE__ */ React__default.default.createElement(

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

@@ -3,7 +3,7 @@
 var iconsReact = require('@cloudtower/icons-react');
 var core = require('@linaria/core');
 var index$2 = require('../Icon/index.js');
-var index$1 = require('../Select/index.js');
+var index$1 = require('../LegacySelect/index.js');
 var index = require('../Typo/index.js');
 var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
 var antd = require('antd');

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

@@ -0,0 +1,55 @@
+'use strict';
+
+var core = require('@linaria/core');
+var react = require('@linaria/react');
+var _ = require('lodash');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const _exp = /*#__PURE__*/() => props => props.maxHeight ? `${props.maxHeight}px` : "unset";
+const Wrapper = /*#__PURE__*/react.styled('div')({
+  name: "Wrapper",
+  class: "E_w1dxz879",
+  propsAsIs: false,
+  vars: {
+    "w1dxz879-0": [_exp()]
+  }
+});
+const EllipsisTooltipContent = ({
+  tooltip,
+  maxHeight,
+  contentWrapperClassName,
+  ellipsisTips
+}) => {
+  const overFlowWrapperRef = React.useRef(null);
+  const [showTips, setShowTips] = React.useState(null);
+  React.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.default.createElement(Wrapper, {
+    className: core.cx(contentWrapperClassName, _.isNull(showTips) && "eagle-ellipsis-content"),
+    maxHeight
+  }, /* @__PURE__ */React__default.default.createElement("div", {
+    className: "ellipsis-tooltip",
+    ref: overFlowWrapperRef
+  }, tooltip), !!showTips && /* @__PURE__ */React__default.default.createElement("span", {
+    className: "tips"
+  }, ellipsisTips));
+};
+var EllipsisTooltipContent$1 = EllipsisTooltipContent;
+
+module.exports = EllipsisTooltipContent$1;

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

@@ -3,6 +3,7 @@
 var antd = require('antd');
 var cs = require('classnames');
 var React = require('react');
+var EllipsisTooltipContent = require('./EllipsisTooltipContent.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -39,7 +40,7 @@ var __objRest = (source, exclude) => {
 };
 let componentId = 0;
 const TooltipDefaultClass = "E_t1m2x205";
-const Tooltip = props => {
+const InternalTooltip = props => {
   const _a = props,
     {
       followMouse,
@@ -87,6 +88,8 @@ const Tooltip = props => {
     }, overlayStyle) : overlayStyle
   }));
 };
+const Tooltip = InternalTooltip;
+Tooltip.EllipsisContent = EllipsisTooltipContent;
 var Tooltip$1 = Tooltip;
 
 module.exports = Tooltip$1;

package/dist/cjs/core/index.js

@@ -4,29 +4,32 @@ var index$7 = require('./Bit/index.js');
 var index$8 = require('./BitPerSecond/index.js');
 var index$9 = require('./Bps/index.js');
 var index$d = require('./Byte/index.js');
-var index$s = require('./Frequency/index.js');
-var index$K = require('./Percent/index.js');
-var index$N = require('./Second/index.js');
-var index$R = require('./Speed/index.js');
+var index$e = require('./BytePerSecond/index.js');
+var index$t = require('./Frequency/index.js');
+var index$M = require('./Percent/index.js');
+var index$P = require('./Second/index.js');
+var index$T = require('./Speed/index.js');
 
 const units = {
-  Percent: index$K,
+  Percent: index$M,
   Byte: index$d,
-  Frequency: index$s,
-  Speed: index$R,
+  BytePerSecond: index$e,
+  Frequency: index$t,
+  Speed: index$T,
   Bps: index$9,
   BitPerSecond: index$8,
   Bit: index$7,
-  Second: index$N
+  Second: index$P
 };
 
 exports.Bit = index$7;
 exports.BitPerSecond = index$8;
 exports.Bps = index$9;
 exports.Byte = index$d;
-exports.Frequency = index$s;
-exports.Percent = index$K;
-exports.Second = index$N;
-exports.Speed = index$R;
+exports.BytePerSecond = index$e;
+exports.Frequency = index$t;
+exports.Percent = index$M;
+exports.Second = index$P;
+exports.Speed = index$T;
 exports.Units = units;
 exports.units = units;

package/dist/cjs/coreX/ChartWithTooltip/index.js

@@ -3,14 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
-var index$9 = require('../../core/Bit/index.js');
-var index$8 = require('../../core/BitPerSecond/index.js');
-var index$7 = require('../../core/Bps/index.js');
+var index$a = require('../../core/Bit/index.js');
+var index$9 = require('../../core/BitPerSecond/index.js');
+var index$8 = require('../../core/Bps/index.js');
 var index$4 = require('../../core/Byte/index.js');
-var index$5 = require('../../core/Frequency/index.js');
+var index$5 = require('../../core/BytePerSecond/index.js');
+var index$6 = require('../../core/Frequency/index.js');
 var index$3 = require('../../core/Percent/index.js');
-var index$a = require('../../core/Second/index.js');
-var index$6 = require('../../core/Speed/index.js');
+var index$b = require('../../core/Second/index.js');
+var index$7 = require('../../core/Speed/index.js');
 var index$2 = require('../../core/Styled/index.js');
 var index$1 = require('../../core/Tooltip/index.js');
 var index = require('../UnitWithChart/index.js');
@@ -26,12 +27,13 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 const units = {
   Percent: index$3,
   Byte: index$4,
-  Frequency: index$5,
-  Speed: index$6,
-  Bps: index$7,
-  BitPerSecond: index$8,
-  Bit: index$9,
-  Second: index$a
+  BytePerSecond: index$5,
+  Frequency: index$6,
+  Speed: index$7,
+  Bps: index$8,
+  BitPerSecond: index$9,
+  Bit: index$a,
+  Second: index$b
 };
 const ChartContent = /*#__PURE__*/react.styled('div')({
   name: "ChartContent",

package/dist/cjs/coreX/DateRangePicker/Calendar.js

@@ -12,6 +12,8 @@ var dayjs = require('dayjs');
 var React = require('react');
 var common = require('./common.js');
 var DateRangePicker_style = require('./DateRangePicker.style.js');
+var parrot = require('@cloudtower/parrot');
+var getCalendarTitle = require('../common/getCalendarTitle.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -85,7 +87,7 @@ const MonthItem = (props) => {
     onRangeChange,
     onMouseEnter
   } = props;
-  const { t } = useParrotTranslation();
+  useParrotTranslation();
   const containerRef = React.useRef(null);
   const datesContainerRef = React.useRef(null);
   const headerRef = React.useRef(null);
@@ -136,8 +138,7 @@ const MonthItem = (props) => {
       className: core.cx(index.Typo.Label.l1_bold, isPinned && "pinned"),
       ref: headerRef
     },
-    initMonth.month,
-    t("common.month")
+    getCalendarTitle.getCalendarTitle(initMonth.month.toString(), parrot.parrotI18n.t, parrot.parrotI18n)
   ), /* @__PURE__ */ React__default.default.createElement("div", { className: "dates-in-month", ref: datesContainerRef }, new Array(initMonth.firstDateOfDay).fill(null).map((value, index) => /* @__PURE__ */ React__default.default.createElement("span", { key: `blank-date-${index}`, className: "blank" })), initMonth.dates.map((date) => {
     const _date = common.getTime(initYear, initMonth.month, date);
     const dateNotIncludeInRange = common.checkDateNotInRange(

package/dist/cjs/coreX/DateRangePicker/index.js

@@ -256,7 +256,7 @@ const DateRangePicker = (props) => {
         className: "default-calendar-icon",
         iconWidth: 16,
         iconHeight: 16,
-        src: iconsReact.CalendarClockDateTime24GradientGrayIcon
+        src: iconsReact.CalendarClockDateTime16SecondaryIcon
       }
     ),
     /* @__PURE__ */ React__default.default.createElement(
@@ -265,7 +265,7 @@ const DateRangePicker = (props) => {
         className: "hover-calendar-icon",
         iconWidth: 16,
         iconHeight: 16,
-        src: iconsReact.CalendarClockDateTime24GradientBlueIcon
+        src: iconsReact.CalendarClockDateTime16GradientBlueIcon
       }
     ),
     /* @__PURE__ */ React__default.default.createElement(

package/dist/cjs/coreX/SummaryTable/index.js

@@ -50,12 +50,14 @@ const SummaryTableRow = props => {
     title,
     children,
     hiddenTitle = false,
-    hiddenBorder = false
+    hiddenBorder = false,
+    dataKey
   } = props;
   return /* @__PURE__ */React__default.default.createElement(TableRow, {
     className: cs__default.default("table-row", {
       hiddenBorder
-    })
+    }),
+    "data-key": dataKey
   }, /* @__PURE__ */React__default.default.createElement(RowLabel, {
     width: labelWidth,
     className: cs__default.default({
@@ -81,7 +83,8 @@ const SummaryTableContent = props => {
       labelWidth,
       hiddenTitle: item == null ? void 0 : item.hiddenTitle,
       hiddenBorder: item == null ? void 0 : item.hiddenBorder,
-      title: item.title
+      title: item.title,
+      dataKey: item.key
     }, item.render ? item.render(value, dataSource) : ___default.default.isNull(value) || ___default.default.isUndefined(value) || value === "" ? index : value);
   }));
 };

package/dist/cjs/coreX/UnitWithChart/index.js

@@ -3,15 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
-var index$9 = require('../../core/Bit/index.js');
-var index$8 = require('../../core/BitPerSecond/index.js');
-var index$7 = require('../../core/Bps/index.js');
+var index$a = require('../../core/Bit/index.js');
+var index$9 = require('../../core/BitPerSecond/index.js');
+var index$8 = require('../../core/Bps/index.js');
 var index$4 = require('../../core/Byte/index.js');
+var index$5 = require('../../core/BytePerSecond/index.js');
 var index = require('../../core/Empty/index.js');
-var index$5 = require('../../core/Frequency/index.js');
+var index$6 = require('../../core/Frequency/index.js');
 var index$2 = require('../../core/Percent/index.js');
-var index$a = require('../../core/Second/index.js');
-var index$6 = require('../../core/Speed/index.js');
+var index$b = require('../../core/Second/index.js');
+var index$7 = require('../../core/Speed/index.js');
 var index$1 = require('../BarChart/index.js');
 var index$3 = require('../DeprecatedDonutChart/index.js');
 var React = require('react');
@@ -40,12 +41,13 @@ var __spreadValues = (a, b) => {
 const units = {
   Percent: index$2,
   Byte: index$4,
-  Frequency: index$5,
-  Speed: index$6,
-  Bps: index$7,
-  BitPerSecond: index$8,
-  Bit: index$9,
-  Second: index$a
+  BytePerSecond: index$5,
+  Frequency: index$6,
+  Speed: index$7,
+  Bps: index$8,
+  BitPerSecond: index$9,
+  Bit: index$a,
+  Second: index$b
 };
 const Wrapper = /*#__PURE__*/react.styled('div')({
   name: "Wrapper",