@cloudtower/eagle 0.31.28 → 0.32.1

package/dist/esm/UIKitProvider/index.js

@@ -1,6 +1,10 @@
 import { parrotI18n } from '@cloudtower/parrot';
 import _message from '../core/message/index.js';
 import { antdKit } from '../legacy-antd.js';
+import enUS from 'antd/lib/locale/en_US';
+import zhCN from 'antd/lib/locale/zh_CN';
+import antd5enUS from 'antd5/lib/locale/en_US';
+import antd5zhCN from 'antd5/lib/locale/zh_CN';
 import React__default, { createContext, useMemo, useEffect, useContext } from 'react';
 import { ConfigProvider } from '../core/ConfigProvider/index.js';
 import { createBatchMessageMethods } from '../core/message-group/index.js';
@@ -51,8 +55,14 @@ const UIKitProvider = (props) => {
   return /* @__PURE__ */ React__default.createElement(kitContext.Provider, { value: _kit }, /* @__PURE__ */ React__default.createElement(MessageContext.Provider, { value: batchMessage != null ? batchMessage : _message }, /* @__PURE__ */ React__default.createElement(
     ConfigProvider,
     {
-      antd4Configs: __spreadValues({}, config == null ? void 0 : config.antd4Configs),
-      antd5Configs: __spreadValues({}, config == null ? void 0 : config.antd5Configs)
+      antd4Configs: __spreadValues({
+        autoInsertSpaceInButton: false,
+        locale: lng === "zh-CN" ? zhCN : enUS
+      }, config == null ? void 0 : config.antd4Configs),
+      antd5Configs: __spreadValues({
+        autoInsertSpaceInButton: false,
+        locale: lng === "zh-CN" ? antd5zhCN : antd5enUS
+      }, config == null ? void 0 : config.antd5Configs)
     },
     children
   )));

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

@@ -1,13 +1,6 @@
-import useParrotTranslation from '../../hooks/useParrotTranslation.js';
 import { ConfigProvider as ConfigProvider$2 } from 'antd';
 import { ConfigProvider as ConfigProvider$1 } from 'antd5';
-import React__default, { useEffect } from 'react';
-import enUS from 'antd/lib/locale/en_US';
-import zhCN from 'antd/lib/locale/zh_CN';
-import antd5enUS from 'antd5/lib/locale/en_US';
-import antd5zhCN from 'antd5/lib/locale/zh_CN';
-import moment from 'moment';
-import dayjs from 'dayjs';
+import React__default from 'react';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -30,30 +23,7 @@ const ConfigProvider = ({
   antd4Configs,
   children
 }) => {
-  const { i18n } = useParrotTranslation();
-  useEffect(() => {
-    const adjustDateLocale = (lng) => {
-      moment.locale(lng === "zh-CN" ? "zh-cn" : "en");
-      dayjs.locale(lng === "zh-CN" ? "zh-cn" : "en");
-    };
-    i18n.on("languageChanged", adjustDateLocale);
-    adjustDateLocale(i18n.language);
-  }, []);
-  return /* @__PURE__ */ React__default.createElement(
-    ConfigProvider$1,
-    __spreadValues({
-      autoInsertSpaceInButton: false,
-      locale: i18n.language === "zh-CN" ? antd5zhCN : antd5enUS
-    }, antd5Configs),
-    /* @__PURE__ */ React__default.createElement(
-      ConfigProvider$2,
-      __spreadValues({
-        autoInsertSpaceInButton: false,
-        locale: i18n.language === "zh-CN" ? zhCN : enUS
-      }, antd4Configs),
-      children
-    )
-  );
+  return /* @__PURE__ */ React__default.createElement(ConfigProvider$1, __spreadValues({}, antd5Configs), /* @__PURE__ */ React__default.createElement(ConfigProvider$2, __spreadValues({}, antd4Configs), children));
 };
 
 export { ConfigProvider };

package/dist/esm/core/Fields/FieldsEnum/index.js

@@ -1,6 +1,6 @@
-import { Select } from 'antd';
+import { Select as Select$1 } from 'antd';
 import React__default from 'react';
-import LegacySelect from '../../LegacySelect/index.js';
+import Select from '../../Select/index.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -40,10 +40,10 @@ const FieldsEnum = (_a) => {
     "enumValues",
     "emptyLabel"
   ]);
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(LegacySelect, __spreadValues({}, restProps), emptyLabel && /* @__PURE__ */ React__default.createElement(Select.Option, { value: "" }, emptyLabel), enumValues.map((v) => {
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Select, __spreadValues({}, restProps), emptyLabel && /* @__PURE__ */ React__default.createElement(Select$1.Option, { value: "" }, emptyLabel), enumValues.map((v) => {
     const item = typeof v === "string" ? { value: v, text: v } : v;
     return /* @__PURE__ */ React__default.createElement(
-      Select.Option,
+      Select$1.Option,
       {
         key: item.value,
         value: item.value,

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

@@ -1,11 +1,11 @@
-import { ArrowChevronDown16BoldTertiaryIcon, ArrowChevronDown16BoldBlueIcon, ArrowChevronUp16BoldBlueIcon, Search16BlueIcon, ArrowChevronDown16BoldSecondaryIcon, ArrowChevronUp16BoldSecondaryIcon, Search16SecondaryIcon } from '@cloudtower/icons-react';
-import Icon from '../Icon/index.js';
-import LegacySelect from '../LegacySelect/index.js';
+import Loading from '../Loading/index.js';
 import { Typo } from '../Typo/index.js';
-import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import { Select as Select$2 } from 'antd';
 import cs from 'classnames';
-import React__default from 'react';
-import { SelectStyle, SelectIconStyle, SelectSizeStyle, PlaceholderTextStyle } from './select.style.js';
+import _ from 'lodash';
+import React__default, { useMemo, useRef, useEffect } from 'react';
+import { findDOMNode } from 'react-dom';
+import { isElement } from 'react-is';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -13,113 +13,125 @@ 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 __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]);
-    }
+  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 Select = (props) => {
-  const { size = "middle", isLoadingValue } = props;
-  const { t } = useParrotTranslation();
+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 SelectStyle = "E_s177mls5";
+const Select = _a => {
+  var _b = _a,
+    {
+      input,
+      multiple,
+      className,
+      scrollBottomBuffer = 0,
+      onScrollBottom,
+      onPopupScroll,
+      onSearch,
+      showSearch,
+      filterOption,
+      loading,
+      notFoundContent,
+      children,
+      error,
+      selectLimit,
+      dropdownClassName,
+      danger,
+      size = "middle",
+      meta,
+      placeholder
+    } = _b,
+    restProps = __objRest(_b, ["input", "multiple", "className", "scrollBottomBuffer", "onScrollBottom", "onPopupScroll", "onSearch", "showSearch", "filterOption", "loading", "notFoundContent", "children", "error", "selectLimit", "dropdownClassName", "danger", "size", "meta", "placeholder"]);
+  var _a2;
+  const limitExceeded = multiple && selectLimit && selectLimit <= (((_a2 = input.value) == null ? void 0 : _a2.length) || 0);
   const typo = {
     large: Typo.Label.l2_regular,
     middle: Typo.Label.l3_regular,
     small: Typo.Label.l4_regular
   }[size];
-  return /* @__PURE__ */ React__default.createElement(
-    LegacySelect,
-    __spreadProps(__spreadValues({}, props), {
-      className: cs(
-        SelectStyle,
-        SelectIconStyle,
-        SelectSizeStyle,
-        isLoadingValue ? "select-loading-value" : "",
-        props.className
-      ),
-      placeholder: /* @__PURE__ */ React__default.createElement("span", { className: cs(typo, PlaceholderTextStyle) }, isLoadingValue ? t("components.loading") : props.placeholder),
-      suffixIcon: props.suffixIcon || (props.loading ? void 0 : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
-        Icon,
-        {
-          className: "select-suffix",
-          src: ArrowChevronDown16BoldTertiaryIcon
-        }
-      ), /* @__PURE__ */ React__default.createElement(
-        Icon,
-        {
-          className: "select-hover-suffix",
-          src: ArrowChevronDown16BoldBlueIcon
-        }
-      ), /* @__PURE__ */ React__default.createElement(
-        Icon,
-        {
-          className: "select-active-suffix",
-          src: ArrowChevronDown16BoldBlueIcon
-        }
-      ), /* @__PURE__ */ React__default.createElement(
-        Icon,
-        {
-          className: "select-expanded-suffix",
-          src: ArrowChevronUp16BoldBlueIcon
-        }
-      ), /* @__PURE__ */ React__default.createElement(
-        Icon,
-        {
-          className: "select-expanded-search-suffix",
-          src: Search16BlueIcon
-        }
-      ), /* @__PURE__ */ React__default.createElement(
-        Icon,
-        {
-          className: "select-focus-suffix",
-          src: ArrowChevronDown16BoldTertiaryIcon
-        }
-      ), /* @__PURE__ */ React__default.createElement(
-        Icon,
-        {
-          className: "select-error-suffix",
-          src: ArrowChevronDown16BoldTertiaryIcon
-        }
-      ), /* @__PURE__ */ React__default.createElement(
-        Icon,
-        {
-          className: "select-error-hover-suffix",
-          src: ArrowChevronDown16BoldSecondaryIcon
-        }
-      ), /* @__PURE__ */ React__default.createElement(
-        Icon,
-        {
-          className: "select-error-active-suffix",
-          src: ArrowChevronDown16BoldSecondaryIcon
-        }
-      ), /* @__PURE__ */ React__default.createElement(
-        Icon,
-        {
-          className: "select-error-expanded-suffix",
-          src: ArrowChevronUp16BoldSecondaryIcon
-        }
-      ), /* @__PURE__ */ React__default.createElement(
-        Icon,
-        {
-          className: "select-error-expanded-search-suffix",
-          src: Search16SecondaryIcon
-        }
-      ), /* @__PURE__ */ React__default.createElement(
-        Icon,
-        {
-          className: "select-error-focus-suffix",
-          src: ArrowChevronDown16BoldTertiaryIcon
-        }
-      )))
-    })
-  );
+  const _danger = useMemo(() => {
+    if (danger !== void 0) {
+      return danger;
+    }
+    return (meta == null ? void 0 : meta.touched) && meta.invalid;
+  }, [danger, meta]);
+  const selectRef = useRef(null);
+  useEffect(() => {
+    if (!selectRef.current) {
+      return;
+    }
+    const realDom = findDOMNode(selectRef.current);
+    if (realDom) {
+      const inputDom = realDom.getElementsByClassName("ant-select-selection-search-input")[0];
+      const item = realDom.getElementsByClassName("ant-select-selection-item")[0];
+      inputDom && (placeholder || item) && inputDom.setAttribute("data-test", String(placeholder || item.textContent));
+    }
+  }, [selectRef, placeholder]);
+  return /* @__PURE__ */React__default.createElement(Select$2, __spreadValues(__spreadProps(__spreadValues({}, input), {
+    ref: selectRef,
+    size,
+    value: multiple ? input.value || [] : input.value || void 0,
+    onChange: (e, option) => {
+      var _a3, _b2;
+      if (Array.isArray(e) && e.some(v => v === "")) {
+        (_a3 = input.onChange) == null ? void 0 : _a3.call(input, [], option);
+      } else {
+        (_b2 = input.onChange) == null ? void 0 : _b2.call(input, e, option);
+      }
+    },
+    onBlur: () => {
+      var _a3;
+      return (_a3 = input.onBlur) == null ? void 0 : _a3.call(input);
+    },
+    mode: multiple ? "multiple" : void 0,
+    className: cs(SelectStyle, "select", className, limitExceeded && "select-event-none", _danger ? "select-error" : "", typo),
+    "data-size": size,
+    dropdownClassName: cs(dropdownClassName, limitExceeded && "display-none"),
+    showSearch: multiple ? void 0 : typeof showSearch === "undefined" ? Boolean(onSearch) : showSearch,
+    filterOption: onSearch === void 0 ? filterOption === void 0 ? (input2, option) => {
+      const label = option == null ? void 0 : option.label;
+      if (!label || typeof label !== "string") {
+        return false;
+      }
+      return label.toLowerCase().includes(input2.toLowerCase());
+    } : filterOption : false,
+    onSearch: onSearch && _.debounce(onSearch, 100),
+    onPopupScroll: e => {
+      onPopupScroll == null ? void 0 : onPopupScroll(e);
+      const el = e.currentTarget;
+      if (el.scrollHeight - el.offsetHeight - el.scrollTop <= scrollBottomBuffer) {
+        onScrollBottom == null ? void 0 : onScrollBottom();
+      }
+    },
+    notFoundContent: loading ? /* @__PURE__ */React__default.createElement(Loading, null) : notFoundContent,
+    dropdownRender: menu => /* @__PURE__ */React__default.createElement(React__default.Fragment, null, error || menu),
+    loading,
+    placeholder
+  }), restProps), React__default.Children.map(children, child => {
+    return isElement(child) ? __spreadProps(__spreadValues({}, child), {
+      props: __spreadProps(__spreadValues({}, child.props), {
+        "data-test": child.props.value
+      })
+    }) : child;
+  }));
 };
 var Select$1 = Select;
 

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

@@ -37,22 +37,20 @@ const TableFormBodyCell = (props) => {
     onChange,
     onBlur,
     validateAll,
-    error,
-    onValidate
+    error
   } = props;
   const [validateResult, setValidateResult] = useState();
   const [isTouched, setIsTouched] = useState(false);
   const width = typeof column.width === "number" ? column.width + "px" : column.width;
   const isCellErrorStyle = Boolean((validateResult == null ? void 0 : validateResult.isError) || isRowError);
   useEffect(() => {
-    if (isTouched) {
+    if (isTouched)
       setValidateResult(
         error ? {
           msg: error,
           isError: true
         } : void 0
       );
-    }
   }, [error, isTouched]);
   const triggerValidate = useCallback(
     (currentValue) => {
@@ -71,11 +69,10 @@ 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, onValidate]
+    [data, rowIndex, column, getRowValidateResult]
   );
   useEffect(() => {
     if (validateAll) {

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

@@ -78,8 +78,7 @@ const TableFormRow = (props) => {
     updateData,
     onBodyBlur,
     renderRowDescription,
-    validateAll,
-    onValidate
+    validateAll
   } = props;
   const rowData = data[rowIndex];
   const errorFromProps = errors[rowIndex];
@@ -90,9 +89,6 @@ const TableFormRow = (props) => {
   useEffect(() => {
     setRowError(rowLevelError);
   }, [rowLevelError]);
-  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 = useCallback(
     (rowData2) => {
@@ -122,8 +118,7 @@ const TableFormRow = (props) => {
         isRowError: !!rowError,
         getRowValidateResult,
         validateAll,
-        error: cellError,
-        onValidate
+        error: cellError
       }
     );
   });

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

@@ -3,7 +3,7 @@ import { TableFormWrapper, DraggableHandleWrapper } from './style.js';
 import TableFormBodyRows from './TableFormBodyRows.js';
 import { BatchInputListHeaderCell } from './TableFormHeaderCell.js';
 import { List } from 'antd';
-import React__default, { useState, useRef, useCallback, useImperativeHandle, useMemo } from 'react';
+import React__default, { useState, useCallback, useImperativeHandle, useMemo } from 'react';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -55,7 +55,6 @@ const TableForm = React__default.forwardRef(
     const [validateAll, setValidateAll] = 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 = useRef({});
     const updateData = useCallback(
       (value, rowIndex, columnKey) => {
         setLatestData(value);
@@ -100,20 +99,11 @@ const TableForm = React__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.createElement(
         BatchInputListHeaderCell,
@@ -169,8 +159,7 @@ const TableForm = React__default.forwardRef(
           renderRowDescription,
           rowValidator,
           validateAll,
-          errors,
-          onValidate
+          errors
         }
       ))
     ), (rowAddConfig == null ? void 0 : rowAddConfig.addible) ? /* @__PURE__ */ React__default.createElement(

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 LegacySelect from '../LegacySelect/index.js';
+import Select$1 from '../Select/index.js';
 import { Typo } from '../Typo/index.js';
 import useParrotTranslation from '../../hooks/useParrotTranslation.js';
 import { Select, Tag } from 'antd';
@@ -86,7 +86,7 @@ const TimeZoneSelect = props => {
       }));
     }));
   });
-  return /* @__PURE__ */React__default.createElement(LegacySelect, {
+  return /* @__PURE__ */React__default.createElement(Select$1, {
     className: cx(SelectStyle, className),
     dropdownClassName: DropdownStyle,
     placeholder: /* @__PURE__ */React__default.createElement("span", null, placeholder || t("components.time_zone_select_placeholder")),

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

@@ -1,7 +1,6 @@
 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;
@@ -33,7 +32,7 @@ var __objRest = (source, exclude) => {
 };
 let componentId = 0;
 const TooltipDefaultClass = "E_t1m2x205";
-const InternalTooltip = props => {
+const Tooltip = props => {
   const _a = props,
     {
       followMouse,
@@ -81,8 +80,6 @@ const InternalTooltip = props => {
     }, overlayStyle) : overlayStyle
   }));
 };
-const Tooltip = InternalTooltip;
-Tooltip.EllipsisContent = EllipsisTooltipContent;
 var Tooltip$1 = Tooltip;
 
 export { Tooltip$1 as default };

package/dist/esm/core/index.js

@@ -2,7 +2,6 @@ import Bit from './Bit/index.js';
 import BitPerSecond from './BitPerSecond/index.js';
 import Bps from './Bps/index.js';
 import Byte from './Byte/index.js';
-import BytePerSecond from './BytePerSecond/index.js';
 import Frequency from './Frequency/index.js';
 import Percent from './Percent/index.js';
 import Second from './Second/index.js';
@@ -11,7 +10,6 @@ import Speed from './Speed/index.js';
 const units = {
   Percent,
   Byte,
-  BytePerSecond,
   Frequency,
   Speed,
   Bps,
@@ -20,4 +18,4 @@ const units = {
   Second
 };
 
-export { Bit, BitPerSecond, Bps, Byte, BytePerSecond, Frequency, Percent, Second, Speed, units as Units, units };
+export { Bit, BitPerSecond, Bps, Byte, Frequency, Percent, Second, Speed, units as Units, units };

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

@@ -3,7 +3,6 @@ import Bit from '../../core/Bit/index.js';
 import BitPerSecond from '../../core/BitPerSecond/index.js';
 import Bps from '../../core/Bps/index.js';
 import Byte from '../../core/Byte/index.js';
-import BytePerSecond from '../../core/BytePerSecond/index.js';
 import Frequency from '../../core/Frequency/index.js';
 import Percent from '../../core/Percent/index.js';
 import Second from '../../core/Second/index.js';
@@ -18,7 +17,6 @@ import React__default from 'react';
 const units = {
   Percent,
   Byte,
-  BytePerSecond,
   Frequency,
   Speed,
   Bps,

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

@@ -10,8 +10,6 @@ import dayjs from 'dayjs';
 import React__default, { useState, useEffect, useRef } from 'react';
 import { getDiffMonthAndDate, getTime, checkDateNotInRange, getClassNameForDateBlock } from './common.js';
 import { CalendarStyle } from './DateRangePicker.style.js';
-import { parrotI18n } from '@cloudtower/parrot';
-import { getCalendarTitle } from '../common/getCalendarTitle.js';
 
 const Year = (props) => {
   const { year, onChange } = props;
@@ -80,7 +78,7 @@ const MonthItem = (props) => {
     onRangeChange,
     onMouseEnter
   } = props;
-  useParrotTranslation();
+  const { t } = useParrotTranslation();
   const containerRef = useRef(null);
   const datesContainerRef = useRef(null);
   const headerRef = useRef(null);
@@ -131,7 +129,8 @@ const MonthItem = (props) => {
       className: cx(Typo.Label.l1_bold, isPinned && "pinned"),
       ref: headerRef
     },
-    getCalendarTitle(initMonth.month.toString(), parrotI18n.t, parrotI18n)
+    initMonth.month,
+    t("common.month")
   ), /* @__PURE__ */ React__default.createElement("div", { className: "dates-in-month", ref: datesContainerRef }, new Array(initMonth.firstDateOfDay).fill(null).map((value, index) => /* @__PURE__ */ React__default.createElement("span", { key: `blank-date-${index}`, className: "blank" })), initMonth.dates.map((date) => {
     const _date = getTime(initYear, initMonth.month, date);
     const dateNotIncludeInRange = checkDateNotInRange(

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

@@ -1,4 +1,4 @@
-import { CalendarClockDateTime16SecondaryIcon, CalendarClockDateTime16GradientBlueIcon, CalendarTimeRecord16Icon } from '@cloudtower/icons-react';
+import { CalendarClockDateTime24GradientGrayIcon, CalendarClockDateTime24GradientBlueIcon, CalendarTimeRecord16Icon } from '@cloudtower/icons-react';
 import { cx } from '@linaria/core';
 import Icon from '../../core/Icon/index.js';
 import Input from '../../core/Input/index.js';
@@ -247,7 +247,7 @@ const DateRangePicker = (props) => {
         className: "default-calendar-icon",
         iconWidth: 16,
         iconHeight: 16,
-        src: CalendarClockDateTime16SecondaryIcon
+        src: CalendarClockDateTime24GradientGrayIcon
       }
     ),
     /* @__PURE__ */ React__default.createElement(
@@ -256,7 +256,7 @@ const DateRangePicker = (props) => {
         className: "hover-calendar-icon",
         iconWidth: 16,
         iconHeight: 16,
-        src: CalendarClockDateTime16GradientBlueIcon
+        src: CalendarClockDateTime24GradientBlueIcon
       }
     ),
     /* @__PURE__ */ React__default.createElement(

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

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

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

@@ -3,7 +3,6 @@ import Bit from '../../core/Bit/index.js';
 import BitPerSecond from '../../core/BitPerSecond/index.js';
 import Bps from '../../core/Bps/index.js';
 import Byte from '../../core/Byte/index.js';
-import BytePerSecond from '../../core/BytePerSecond/index.js';
 import Empty from '../../core/Empty/index.js';
 import Frequency from '../../core/Frequency/index.js';
 import Percent from '../../core/Percent/index.js';
@@ -33,7 +32,6 @@ var __spreadValues = (a, b) => {
 const units = {
   Percent,
   Byte,
-  BytePerSecond,
   Frequency,
   Speed,
   Bps,