@cloudtower/eagle 0.31.16 → 0.31.18

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

@@ -1,6 +1,6 @@
-import { Select as Select$1 } from 'antd';
+import { Select } from 'antd';
 import React__default from 'react';
-import Select from '../../Select/index.js';
+import LegacySelect from '../../LegacySelect/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(Select, __spreadValues({}, restProps), emptyLabel && /* @__PURE__ */ React__default.createElement(Select$1.Option, { value: "" }, emptyLabel), enumValues.map((v) => {
+  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) => {
     const item = typeof v === "string" ? { value: v, text: v } : v;
     return /* @__PURE__ */ React__default.createElement(
-      Select$1.Option,
+      Select.Option,
       {
         key: item.value,
         value: item.value,

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

@@ -0,0 +1,177 @@
+import Loading from '../Loading/index.js';
+import { Typo } from '../Typo/index.js';
+import { Select } from 'antd';
+import cs from 'classnames';
+import _ from 'lodash';
+import React__default, { useMemo, useRef, useEffect } from 'react';
+import { findDOMNode } from 'react-dom';
+import { isElement } from 'react-is';
+import { SelectStyle } from './select.style.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));
+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 LegacySelect = (_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];
+  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,
+    __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 LegacySelect$1 = LegacySelect;
+
+export { LegacySelect$1 as default };

package/dist/esm/core/LegacySelect/select.style.js

@@ -0,0 +1,3 @@
+const SelectStyle = "E_s17wv897";
+
+export { SelectStyle };

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

@@ -1,11 +1,11 @@
-import Loading from '../Loading/index.js';
+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 { Typo } from '../Typo/index.js';
-import { Select as Select$2 } from 'antd';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
 import cs from 'classnames';
-import _ from 'lodash';
-import React__default, { useMemo, useRef, useEffect } from 'react';
-import { findDOMNode } from 'react-dom';
-import { isElement } from 'react-is';
+import React__default from 'react';
+import { SelectStyle, SelectIconStyle, SelectSizeStyle, PlaceholderTextStyle } from './select.style.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -13,125 +13,113 @@ 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));
-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 Select = (props) => {
+  const { size = "middle", isLoadingValue } = props;
+  const { t } = useParrotTranslation();
   const typo = {
     large: Typo.Label.l2_regular,
     middle: Typo.Label.l3_regular,
     small: Typo.Label.l4_regular
   }[size];
-  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;
-  }));
+  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
+        }
+      )))
+    })
+  );
 };
 var Select$1 = Select;
 

package/dist/esm/core/Select/select.style.js

@@ -0,0 +1,6 @@
+const SelectStyle = "E_s4ivdfu";
+const SelectIconStyle = "E_sks9xr8";
+const SelectSizeStyle = "E_swwhohx";
+const PlaceholderTextStyle = "E_p2sxmsl";
+
+export { PlaceholderTextStyle, SelectIconStyle, SelectSizeStyle, SelectStyle };

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

@@ -0,0 +1,57 @@
+import OverflowTooltip from '../../coreX/OverflowTooltip/index.js';
+import { Select } from 'antd';
+import React__default from '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 = 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.createElement(AntdOption, __spreadValues({}, restProps), /* @__PURE__ */React__default.createElement("div", {
+      className: OptionStyle
+    }, /* @__PURE__ */React__default.createElement("span", {
+      className: LeftStyle
+    }, prefix ? /* @__PURE__ */React__default.createElement("span", {
+      className: SlotStyle
+    }, prefix) : null, /* @__PURE__ */React__default.createElement(OverflowTooltip, {
+      content: children
+    })), suffix ? /* @__PURE__ */React__default.createElement("span", {
+      className: SlotStyle
+    }, suffix) : null));
+  });
+}
+
+export { getOptions };

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

@@ -37,20 +37,22 @@ const TableFormBodyCell = (props) => {
     onChange,
     onBlur,
     validateAll,
-    error
+    error,
+    onValidate
   } = 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) => {
@@ -69,10 +71,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]
   );
   useEffect(() => {
     if (validateAll) {

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

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

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, useCallback, useImperativeHandle, useMemo } from 'react';
+import React__default, { useState, useRef, useCallback, useImperativeHandle, useMemo } from 'react';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -55,6 +55,7 @@ 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);
@@ -99,11 +100,20 @@ 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,
@@ -159,7 +169,8 @@ const TableForm = React__default.forwardRef(
           renderRowDescription,
           rowValidator,
           validateAll,
-          errors
+          errors,
+          onValidate
         }
       ))
     ), (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 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';
@@ -86,7 +86,7 @@ const TimeZoneSelect = props => {
       }));
     }));
   });
-  return /* @__PURE__ */React__default.createElement(Select$1, {
+  return /* @__PURE__ */React__default.createElement(LegacySelect, {
     className: cx(SelectStyle, className),
     dropdownClassName: DropdownStyle,
     placeholder: /* @__PURE__ */React__default.createElement("span", null, placeholder || t("components.time_zone_select_placeholder")),