@open-condo/ui 2.17.1 → 2.19.0

package/dist/index.js

@@ -46500,7 +46500,7 @@ __webpack_require__.d(__webpack_exports__, {
   ActionBar: function() { return /* reexport */ ActionBar; },
   Alert: function() { return /* reexport */ alert_Alert; },
   Banner: function() { return /* reexport */ Banner; },
-  Button: function() { return /* reexport */ button_Button; },
+  Button: function() { return /* reexport */ Button_Button; },
   Card: function() { return /* reexport */ Card_Card; },
   Carousel: function() { return /* reexport */ carousel_Carousel; },
   Checkbox: function() { return /* reexport */ Checkbox_checkbox_Checkbox; },
@@ -47336,7 +47336,7 @@ var isObject_default = /*#__PURE__*/__webpack_require__.n(isObject);
 var isString = __webpack_require__(8138);
 var isString_default = /*#__PURE__*/__webpack_require__.n(isString);
 ;// CONCATENATED MODULE: ./package.json
-var package_namespaceObject = {"rE":"2.17.1"};
+var package_namespaceObject = {"rE":"2.19.0"};
 ;// CONCATENATED MODULE: ./src/components/_utils/analytics.ts
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -49164,10 +49164,73 @@ var button_Button = /*#__PURE__*/external_react_default().forwardRef(function (p
 });
 button_Button.displayName = 'Button';
 
+;// CONCATENATED MODULE: ./src/components/Button/icon/iconButton.tsx
+var iconButton_excluded = ["className", "children", "onClick", "id", "size"];
+
+function iconButton_extends() { iconButton_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return iconButton_extends.apply(this, arguments); }
+
+function iconButton_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function iconButton_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = iconButton_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function iconButton_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+
+
+var ICON_BUTTON_CLASS_PREFIX = 'condo-icon-btn';
+var IconButton = /*#__PURE__*/external_react_default().forwardRef(function (props, ref) {
+  var _classNames;
+
+  var className = props.className,
+      children = props.children,
+      onClick = props.onClick,
+      id = props.id,
+      size = props.size,
+      rest = iconButton_objectWithoutProperties(props, iconButton_excluded);
+
+  var mergedSize = size || 'medium';
+  var ariaLabel = rest['aria-label'];
+  var classes = node_modules_classnames_default()((_classNames = {}, iconButton_defineProperty(_classNames, BUTTON_CLASS_PREFIX, true), iconButton_defineProperty(_classNames, "".concat(ICON_BUTTON_CLASS_PREFIX, "-").concat(mergedSize), mergedSize), _classNames), className);
+  var wrappedContent = children ? /*#__PURE__*/external_react_default().createElement("span", {
+    className: "".concat(ICON_BUTTON_CLASS_PREFIX, "-content")
+  }, children) : null;
+  var handleClick = (0,external_react_.useCallback)(function (event) {
+    var stringContent = extractChildrenContent(children) || ariaLabel;
+
+    if (stringContent || id) {
+      sendAnalyticsClickEvent('IconButton', {
+        value: stringContent,
+        id: id
+      });
+    }
+
+    if (onClick) {
+      onClick(event);
+    }
+  }, [ariaLabel, children, id, onClick]);
+  return /*#__PURE__*/external_react_default().createElement(es_button, iconButton_extends({}, rest, {
+    id: id,
+    icon: wrappedContent,
+    prefixCls: ICON_BUTTON_CLASS_PREFIX,
+    className: classes,
+    ref: ref,
+    type: "default",
+    onClick: handleClick
+  }));
+});
+IconButton.displayName = 'IconButton';
+
 ;// CONCATENATED MODULE: ./src/components/Button/index.ts
 
 
 
+
+var Button_Button = button_Button;
+Button_Button.Icon = IconButton;
+
 ;// CONCATENATED MODULE: ./src/components/Banner/banner.tsx
 function banner_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -49312,7 +49375,7 @@ var Banner = function Banner(_ref) {
     color: invertText ? colors.colors.white : colors.colors.black,
     size: "small",
     className: "".concat(CLASS_PREFIX, "-action-icon")
-  })) : /*#__PURE__*/external_react_default().createElement(button_Button, {
+  })) : /*#__PURE__*/external_react_default().createElement(Button_Button, {
     type: "primary",
     stateless: true
   }, actionText))), showImage && /*#__PURE__*/external_react_default().createElement("div", {
@@ -49400,7 +49463,7 @@ var CardBody = function CardBody(props) {
   })), caption && /*#__PURE__*/external_react_default().createElement(Typography.Text, {
     size: "small",
     type: "secondary"
-  }, caption), mainLink && renderLink(mainLink), secondLink && renderLink(secondLink), button && /*#__PURE__*/external_react_default().createElement(button_Button, button));
+  }, caption), mainLink && renderLink(mainLink), secondLink && renderLink(secondLink), button && /*#__PURE__*/external_react_default().createElement(Button_Button, button));
 };
 
 
@@ -51635,9 +51698,35 @@ function Dropdown(props, ref) {
 ;// CONCATENATED MODULE: ../../node_modules/rc-dropdown/es/index.js
 
 /* harmony default export */ var rc_dropdown_es = (es_Dropdown);
-// EXTERNAL MODULE: ../../node_modules/rc-util/es/hooks/useLayoutEffect.js
-var es_hooks_useLayoutEffect = __webpack_require__(84238);
-;// CONCATENATED MODULE: ../../node_modules/rc-overflow/es/Item.js
+;// CONCATENATED MODULE: ../../node_modules/rc-menu/node_modules/rc-overflow/node_modules/rc-util/es/Dom/canUseDom.js
+function Dom_canUseDom_canUseDom() {
+  return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+}
+;// CONCATENATED MODULE: ../../node_modules/rc-menu/node_modules/rc-overflow/node_modules/rc-util/es/hooks/useLayoutEffect.js
+
+
+/**
+ * Wrap `React.useLayoutEffect` which will not throw warning message in test env
+ */
+
+var useLayoutEffect_useLayoutEffect =  true && Dom_canUseDom_canUseDom() ? external_react_.useLayoutEffect : external_react_.useEffect;
+/* harmony default export */ var es_hooks_useLayoutEffect = (useLayoutEffect_useLayoutEffect);
+var useLayoutEffect_useLayoutUpdateEffect = function useLayoutUpdateEffect(callback, deps) {
+  var firstMountRef = React.useRef(true);
+  useLayoutEffect_useLayoutEffect(function () {
+    if (!firstMountRef.current) {
+      return callback();
+    }
+  }, deps); // We tell react that first mount has passed
+
+  useLayoutEffect_useLayoutEffect(function () {
+    firstMountRef.current = false;
+    return function () {
+      firstMountRef.current = true;
+    };
+  }, []);
+};
+;// CONCATENATED MODULE: ../../node_modules/rc-menu/node_modules/rc-overflow/es/Item.js
 
 
 
@@ -51721,9 +51810,97 @@ function InternalItem(props, ref) {
 var Item_Item = /*#__PURE__*/external_react_.forwardRef(InternalItem);
 Item_Item.displayName = 'Item';
 /* harmony default export */ var es_Item = (Item_Item);
-// EXTERNAL MODULE: ../../node_modules/rc-util/es/hooks/useState.js
-var hooks_useState = __webpack_require__(39348);
-;// CONCATENATED MODULE: ../../node_modules/rc-overflow/es/hooks/useBatchFrameState.js
+;// CONCATENATED MODULE: ../../node_modules/rc-menu/node_modules/rc-overflow/node_modules/rc-util/es/raf.js
+var es_raf_raf = function raf(callback) {
+  return +setTimeout(callback, 16);
+};
+
+var raf_caf = function caf(num) {
+  return clearTimeout(num);
+};
+
+if (typeof window !== 'undefined' && 'requestAnimationFrame' in window) {
+  es_raf_raf = function raf(callback) {
+    return window.requestAnimationFrame(callback);
+  };
+
+  raf_caf = function caf(handle) {
+    return window.cancelAnimationFrame(handle);
+  };
+}
+
+var raf_rafUUID = 0;
+var raf_rafIds = new Map();
+
+function raf_cleanup(id) {
+  raf_rafIds.delete(id);
+}
+
+function es_raf_wrapperRaf(callback) {
+  var times = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  raf_rafUUID += 1;
+  var id = raf_rafUUID;
+
+  function callRef(leftTimes) {
+    if (leftTimes === 0) {
+      // Clean up
+      raf_cleanup(id); // Trigger
+
+      callback();
+    } else {
+      // Next raf
+      var realId = es_raf_raf(function () {
+        callRef(leftTimes - 1);
+      }); // Bind real raf id
+
+      raf_rafIds.set(id, realId);
+    }
+  }
+
+  callRef(times);
+  return id;
+}
+
+es_raf_wrapperRaf.cancel = function (id) {
+  var realId = raf_rafIds.get(id);
+  raf_cleanup(realId);
+  return raf_caf(realId);
+};
+;// CONCATENATED MODULE: ../../node_modules/rc-menu/node_modules/rc-overflow/node_modules/rc-util/es/hooks/useState.js
+
+
+/**
+ * Same as React.useState but `setState` accept `ignoreDestroy` param to not to setState after destroyed.
+ * We do not make this auto is to avoid real memory leak.
+ * Developer should confirm it's safe to ignore themselves.
+ */
+
+function useState_useSafeState(defaultValue) {
+  var destroyRef = external_react_.useRef(false);
+
+  var _React$useState = external_react_.useState(defaultValue),
+      _React$useState2 = (0,slicedToArray/* default */.A)(_React$useState, 2),
+      value = _React$useState2[0],
+      setValue = _React$useState2[1];
+
+  external_react_.useEffect(function () {
+    destroyRef.current = false;
+    return function () {
+      destroyRef.current = true;
+    };
+  }, []);
+
+  function safeSetState(updater, ignoreDestroy) {
+    if (ignoreDestroy && destroyRef.current) {
+      return;
+    }
+
+    setValue(updater);
+  }
+
+  return [value, safeSetState];
+}
+;// CONCATENATED MODULE: ../../node_modules/rc-menu/node_modules/rc-overflow/es/hooks/useBatchFrameState.js
 
 
 
@@ -51734,7 +51911,7 @@ var hooks_useState = __webpack_require__(39348);
  */
 
 function useBatchFrameState() {
-  var _useState = (0,hooks_useState/* default */.A)({}),
+  var _useState = useState_useSafeState({}),
       _useState2 = (0,slicedToArray/* default */.A)(_useState, 2),
       forceUpdate = _useState2[1];
 
@@ -51755,9 +51932,9 @@ function useBatchFrameState() {
 
     function setValue(val) {
       statesRef.current[myIndex] = typeof val === 'function' ? val(statesRef.current[myIndex]) : val;
-      raf/* default */.A.cancel(beforeFrameId); // Flush with batch
+      es_raf_wrapperRaf.cancel(beforeFrameId); // Flush with batch
 
-      beforeFrameId = (0,raf/* default */.A)(function () {
+      beforeFrameId = es_raf_wrapperRaf(function () {
         forceUpdate({}, true);
       });
     }
@@ -51767,7 +51944,7 @@ function useBatchFrameState() {
 
   return createState;
 }
-;// CONCATENATED MODULE: ../../node_modules/rc-overflow/es/RawItem.js
+;// CONCATENATED MODULE: ../../node_modules/rc-menu/node_modules/rc-overflow/es/RawItem.js
 
 
 var RawItem_excluded = ["component"],
@@ -51809,7 +51986,7 @@ var InternalRawItem = function InternalRawItem(props, ref) {
 var RawItem = /*#__PURE__*/external_react_.forwardRef(InternalRawItem);
 RawItem.displayName = 'RawItem';
 /* harmony default export */ var es_RawItem = (RawItem);
-;// CONCATENATED MODULE: ../../node_modules/rc-overflow/es/Overflow.js
+;// CONCATENATED MODULE: ../../node_modules/rc-menu/node_modules/rc-overflow/es/Overflow.js
 
 
 
@@ -52008,7 +52185,7 @@ function Overflow(props, ref) {
     return itemWidths.get(getKey(mergedData[index], index));
   }
 
-  (0,es_hooks_useLayoutEffect/* default */.A)(function () {
+  es_hooks_useLayoutEffect(function () {
     if (mergedContainerWidth && mergedRestWidth && mergedData) {
       var totalWidth = suffixWidth;
       var len = mergedData.length;
@@ -52145,7 +52322,7 @@ ForwardOverflow.RESPONSIVE = RESPONSIVE;
 ForwardOverflow.INVALIDATE = INVALIDATE; // Convert to generic type
 
 /* harmony default export */ var es_Overflow = (ForwardOverflow);
-;// CONCATENATED MODULE: ../../node_modules/rc-overflow/es/index.js
+;// CONCATENATED MODULE: ../../node_modules/rc-menu/node_modules/rc-overflow/es/index.js
 
 /* harmony default export */ var rc_overflow_es = (es_Overflow);
 ;// CONCATENATED MODULE: ../../node_modules/rc-menu/node_modules/rc-util/es/hooks/useEvent.js
@@ -52163,7 +52340,7 @@ function useEvent_useEvent(callback) {
   return memoFn;
 }
 ;// CONCATENATED MODULE: ../../node_modules/rc-menu/node_modules/rc-util/es/Dom/canUseDom.js
-function Dom_canUseDom_canUseDom() {
+function es_Dom_canUseDom_canUseDom() {
   return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
 }
 ;// CONCATENATED MODULE: ../../node_modules/rc-menu/node_modules/rc-util/es/hooks/useLayoutEffect.js
@@ -52173,18 +52350,18 @@ function Dom_canUseDom_canUseDom() {
 /**
  * Wrap `React.useLayoutEffect` which will not throw warning message in test env
  */
-var useLayoutEffect_useLayoutEffect =  true && Dom_canUseDom_canUseDom() ? external_react_.useLayoutEffect : external_react_.useEffect;
-/* harmony default export */ var rc_util_es_hooks_useLayoutEffect = ((/* unused pure expression or super */ null && (useLayoutEffect_useLayoutEffect)));
-var useLayoutEffect_useLayoutUpdateEffect = function useLayoutUpdateEffect(callback, deps) {
+var hooks_useLayoutEffect_useLayoutEffect =  true && es_Dom_canUseDom_canUseDom() ? external_react_.useLayoutEffect : external_react_.useEffect;
+/* harmony default export */ var rc_util_es_hooks_useLayoutEffect = ((/* unused pure expression or super */ null && (hooks_useLayoutEffect_useLayoutEffect)));
+var hooks_useLayoutEffect_useLayoutUpdateEffect = function useLayoutUpdateEffect(callback, deps) {
   var firstMountRef = external_react_.useRef(true);
-  useLayoutEffect_useLayoutEffect(function () {
+  hooks_useLayoutEffect_useLayoutEffect(function () {
     if (!firstMountRef.current) {
       return callback();
     }
   }, deps);
 
   // We tell react that first mount has passed
-  useLayoutEffect_useLayoutEffect(function () {
+  hooks_useLayoutEffect_useLayoutEffect(function () {
     firstMountRef.current = false;
     return function () {
       firstMountRef.current = true;
@@ -52199,7 +52376,7 @@ var useLayoutEffect_useLayoutUpdateEffect = function useLayoutUpdateEffect(callb
  * We do not make this auto is to avoid real memory leak.
  * Developer should confirm it's safe to ignore themselves.
  */
-function useState_useSafeState(defaultValue) {
+function hooks_useState_useSafeState(defaultValue) {
   var destroyRef = external_react_.useRef(false);
   var _React$useState = external_react_.useState(defaultValue),
     _React$useState2 = (0,slicedToArray/* default */.A)(_React$useState, 2),
@@ -52241,7 +52418,7 @@ function useMergedState_useMergedState(defaultStateValue, option) {
     postState = _ref.postState;
 
   // ======================= Init =======================
-  var _useState = useState_useSafeState(function () {
+  var _useState = hooks_useState_useSafeState(function () {
       if (useMergedState_hasValue(value)) {
         return value;
       } else if (useMergedState_hasValue(defaultValue)) {
@@ -52258,11 +52435,11 @@ function useMergedState_useMergedState(defaultStateValue, option) {
 
   // ====================== Change ======================
   var onChangeFn = useEvent_useEvent(onChange);
-  var _useState3 = useState_useSafeState([mergedValue]),
+  var _useState3 = hooks_useState_useSafeState([mergedValue]),
     _useState4 = (0,slicedToArray/* default */.A)(_useState3, 2),
     prevValue = _useState4[0],
     setPrevValue = _useState4[1];
-  useLayoutEffect_useLayoutUpdateEffect(function () {
+  hooks_useLayoutEffect_useLayoutUpdateEffect(function () {
     var prev = prevValue[0];
     if (innerValue !== prev) {
       onChangeFn(innerValue, prev);
@@ -52270,7 +52447,7 @@ function useMergedState_useMergedState(defaultStateValue, option) {
   }, [prevValue]);
 
   // Sync value back to `undefined` when it from control to un-control
-  useLayoutEffect_useLayoutUpdateEffect(function () {
+  hooks_useLayoutEffect_useLayoutUpdateEffect(function () {
     if (!useMergedState_hasValue(value)) {
       setInnerValue(value);
     }
@@ -52996,55 +53173,55 @@ var KeyCode_KeyCode = {
 };
 /* harmony default export */ var rc_util_es_KeyCode = (KeyCode_KeyCode);
 ;// CONCATENATED MODULE: ../../node_modules/rc-menu/node_modules/rc-util/es/raf.js
-var es_raf_raf = function raf(callback) {
+var rc_util_es_raf_raf = function raf(callback) {
   return +setTimeout(callback, 16);
 };
-var raf_caf = function caf(num) {
+var es_raf_caf = function caf(num) {
   return clearTimeout(num);
 };
 if (typeof window !== 'undefined' && 'requestAnimationFrame' in window) {
-  es_raf_raf = function raf(callback) {
+  rc_util_es_raf_raf = function raf(callback) {
     return window.requestAnimationFrame(callback);
   };
-  raf_caf = function caf(handle) {
+  es_raf_caf = function caf(handle) {
     return window.cancelAnimationFrame(handle);
   };
 }
-var raf_rafUUID = 0;
-var raf_rafIds = new Map();
-function raf_cleanup(id) {
-  raf_rafIds.delete(id);
+var es_raf_rafUUID = 0;
+var es_raf_rafIds = new Map();
+function es_raf_cleanup(id) {
+  es_raf_rafIds.delete(id);
 }
-var es_raf_wrapperRaf = function wrapperRaf(callback) {
+var rc_util_es_raf_wrapperRaf = function wrapperRaf(callback) {
   var times = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-  raf_rafUUID += 1;
-  var id = raf_rafUUID;
+  es_raf_rafUUID += 1;
+  var id = es_raf_rafUUID;
   function callRef(leftTimes) {
     if (leftTimes === 0) {
       // Clean up
-      raf_cleanup(id);
+      es_raf_cleanup(id);
 
       // Trigger
       callback();
     } else {
       // Next raf
-      var realId = es_raf_raf(function () {
+      var realId = rc_util_es_raf_raf(function () {
         callRef(leftTimes - 1);
       });
 
       // Bind real raf id
-      raf_rafIds.set(id, realId);
+      es_raf_rafIds.set(id, realId);
     }
   }
   callRef(times);
   return id;
 };
-es_raf_wrapperRaf.cancel = function (id) {
-  var realId = raf_rafIds.get(id);
-  raf_cleanup(realId);
-  return raf_caf(realId);
+rc_util_es_raf_wrapperRaf.cancel = function (id) {
+  var realId = es_raf_rafIds.get(id);
+  es_raf_cleanup(realId);
+  return es_raf_caf(realId);
 };
-/* harmony default export */ var es_raf = (es_raf_wrapperRaf);
+/* harmony default export */ var es_raf = (rc_util_es_raf_wrapperRaf);
 ;// CONCATENATED MODULE: ../../node_modules/rc-menu/node_modules/rc-util/es/Dom/isVisible.js
 /* harmony default export */ var Dom_isVisible = (function (element) {
   if (!element) {
@@ -57887,7 +58064,7 @@ function hooks_useEvent_useEvent(callback) {
   return memoFn;
 }
 ;// CONCATENATED MODULE: ../../node_modules/rc-checkbox/node_modules/rc-util/es/Dom/canUseDom.js
-function es_Dom_canUseDom_canUseDom() {
+function rc_util_es_Dom_canUseDom_canUseDom() {
   return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
 }
 ;// CONCATENATED MODULE: ../../node_modules/rc-checkbox/node_modules/rc-util/es/hooks/useLayoutEffect.js
@@ -57897,8 +58074,8 @@ function es_Dom_canUseDom_canUseDom() {
 /**
  * Wrap `React.useLayoutEffect` which will not throw warning message in test env
  */
-var useInternalLayoutEffect =  true && es_Dom_canUseDom_canUseDom() ? external_react_.useLayoutEffect : external_react_.useEffect;
-var hooks_useLayoutEffect_useLayoutEffect = function useLayoutEffect(callback, deps) {
+var useInternalLayoutEffect =  true && rc_util_es_Dom_canUseDom_canUseDom() ? external_react_.useLayoutEffect : external_react_.useEffect;
+var es_hooks_useLayoutEffect_useLayoutEffect = function useLayoutEffect(callback, deps) {
   var firstMountRef = external_react_.useRef(true);
   useInternalLayoutEffect(function () {
     return callback(firstMountRef.current);
@@ -57912,14 +58089,14 @@ var hooks_useLayoutEffect_useLayoutEffect = function useLayoutEffect(callback, d
     };
   }, []);
 };
-var hooks_useLayoutEffect_useLayoutUpdateEffect = function useLayoutUpdateEffect(callback, deps) {
-  hooks_useLayoutEffect_useLayoutEffect(function (firstMount) {
+var es_hooks_useLayoutEffect_useLayoutUpdateEffect = function useLayoutUpdateEffect(callback, deps) {
+  es_hooks_useLayoutEffect_useLayoutEffect(function (firstMount) {
     if (!firstMount) {
       return callback();
     }
   }, deps);
 };
-/* harmony default export */ var node_modules_rc_util_es_hooks_useLayoutEffect = ((/* unused pure expression or super */ null && (hooks_useLayoutEffect_useLayoutEffect)));
+/* harmony default export */ var node_modules_rc_util_es_hooks_useLayoutEffect = ((/* unused pure expression or super */ null && (es_hooks_useLayoutEffect_useLayoutEffect)));
 ;// CONCATENATED MODULE: ../../node_modules/rc-checkbox/node_modules/rc-util/es/hooks/useState.js
 
 
@@ -57928,7 +58105,7 @@ var hooks_useLayoutEffect_useLayoutUpdateEffect = function useLayoutUpdateEffect
  * We do not make this auto is to avoid real memory leak.
  * Developer should confirm it's safe to ignore themselves.
  */
-function hooks_useState_useSafeState(defaultValue) {
+function es_hooks_useState_useSafeState(defaultValue) {
   var destroyRef = external_react_.useRef(false);
   var _React$useState = external_react_.useState(defaultValue),
     _React$useState2 = (0,slicedToArray/* default */.A)(_React$useState, 2),
@@ -57970,7 +58147,7 @@ function hooks_useMergedState_useMergedState(defaultStateValue, option) {
     postState = _ref.postState;
 
   // ======================= Init =======================
-  var _useState = hooks_useState_useSafeState(function () {
+  var _useState = es_hooks_useState_useSafeState(function () {
       if (hooks_useMergedState_hasValue(value)) {
         return value;
       } else if (hooks_useMergedState_hasValue(defaultValue)) {
@@ -57987,11 +58164,11 @@ function hooks_useMergedState_useMergedState(defaultStateValue, option) {
 
   // ====================== Change ======================
   var onChangeFn = hooks_useEvent_useEvent(onChange);
-  var _useState3 = hooks_useState_useSafeState([mergedValue]),
+  var _useState3 = es_hooks_useState_useSafeState([mergedValue]),
     _useState4 = (0,slicedToArray/* default */.A)(_useState3, 2),
     prevValue = _useState4[0],
     setPrevValue = _useState4[1];
-  hooks_useLayoutEffect_useLayoutUpdateEffect(function () {
+  es_hooks_useLayoutEffect_useLayoutUpdateEffect(function () {
     var prev = prevValue[0];
     if (innerValue !== prev) {
       onChangeFn(innerValue, prev);
@@ -57999,7 +58176,7 @@ function hooks_useMergedState_useMergedState(defaultStateValue, option) {
   }, [prevValue]);
 
   // Sync value back to `undefined` when it from control to un-control
-  hooks_useLayoutEffect_useLayoutUpdateEffect(function () {
+  es_hooks_useLayoutEffect_useLayoutUpdateEffect(function () {
     if (!hooks_useMergedState_hasValue(value)) {
       setInnerValue(value);
     }
@@ -61287,7 +61464,7 @@ var ExtendedButton = function ExtendedButton(props) {
       rest = extendedButton_objectWithoutProperties(props, extendedButton_excluded);
 
   var buttonClasses = node_modules_classnames_default()("".concat(BUTTON_CLASS_PREFIX, "-extended"), className);
-  return /*#__PURE__*/external_react_default().createElement(button_Button, extendedButton_extends({}, rest, {
+  return /*#__PURE__*/external_react_default().createElement(Button_Button, extendedButton_extends({}, rest, {
     prefixCls: BUTTON_CLASS_PREFIX,
     className: buttonClasses
   }), /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("span", {
@@ -65413,6 +65590,8 @@ Pagination.defaultProps = {
 /* harmony default export */ var es_Pagination = (Pagination);
 ;// CONCATENATED MODULE: ../../node_modules/rc-pagination/es/index.js
 
+// EXTERNAL MODULE: ../../node_modules/rc-util/es/hooks/useLayoutEffect.js
+var node_modules_rc_util_es_hooks_useLayoutEffect_0 = __webpack_require__(84238);
 // EXTERNAL MODULE: ../../node_modules/rc-util/es/isMobile.js
 var es_isMobile = __webpack_require__(26651);
 ;// CONCATENATED MODULE: ../../node_modules/antd/node_modules/rc-select/es/hooks/useBaseProps.js
@@ -65575,76 +65754,587 @@ function pickAttrs(props) {
   });
   return attrs;
 }
-;// CONCATENATED MODULE: ../../node_modules/antd/node_modules/rc-select/es/TransBtn.js
+;// CONCATENATED MODULE: ../../node_modules/antd/node_modules/rc-overflow/es/Item.js
 
 
-var TransBtn = function TransBtn(_ref) {
-  var className = _ref.className,
-    customizeIcon = _ref.customizeIcon,
-    customizeIconProps = _ref.customizeIconProps,
-    _onMouseDown = _ref.onMouseDown,
-    onClick = _ref.onClick,
-    children = _ref.children;
-  var icon;
-  if (typeof customizeIcon === 'function') {
-    icon = customizeIcon(customizeIconProps);
-  } else {
-    icon = customizeIcon;
-  }
-  return /*#__PURE__*/external_react_.createElement("span", {
-    className: className,
-    onMouseDown: function onMouseDown(event) {
-      event.preventDefault();
-      if (_onMouseDown) {
-        _onMouseDown(event);
-      }
-    },
-    style: {
-      userSelect: 'none',
-      WebkitUserSelect: 'none'
-    },
-    unselectable: "on",
-    onClick: onClick,
-    "aria-hidden": true
-  }, icon !== undefined ? icon : /*#__PURE__*/external_react_.createElement("span", {
-    className: classnames_default()(className.split(/\s+/).map(function (cls) {
-      return "".concat(cls, "-icon");
-    }))
-  }, children));
-};
-/* harmony default export */ var es_TransBtn = (TransBtn);
-;// CONCATENATED MODULE: ../../node_modules/antd/node_modules/rc-select/es/Selector/Input.js
 
+var es_Item_excluded = ["prefixCls", "invalidate", "item", "renderItem", "responsive", "responsiveDisabled", "registerSize", "itemKey", "className", "style", "children", "display", "order", "component"];
 
 
+ // Use shared variable to save bundle size
 
+var Item_UNDEFINED = undefined;
 
-var Selector_Input_Input = function Input(_ref, ref) {
-  var _inputNode2, _inputNode2$props;
-  var prefixCls = _ref.prefixCls,
-    id = _ref.id,
-    inputElement = _ref.inputElement,
-    disabled = _ref.disabled,
-    tabIndex = _ref.tabIndex,
-    autoFocus = _ref.autoFocus,
-    autoComplete = _ref.autoComplete,
-    editable = _ref.editable,
-    activeDescendantId = _ref.activeDescendantId,
-    value = _ref.value,
-    maxLength = _ref.maxLength,
-    _onKeyDown = _ref.onKeyDown,
-    _onMouseDown = _ref.onMouseDown,
-    _onChange = _ref.onChange,
-    onPaste = _ref.onPaste,
-    _onCompositionStart = _ref.onCompositionStart,
-    _onCompositionEnd = _ref.onCompositionEnd,
-    open = _ref.open,
-    attrs = _ref.attrs;
-  var inputNode = inputElement || /*#__PURE__*/external_react_.createElement("input", null);
-  var _inputNode = inputNode,
-    originRef = _inputNode.ref,
-    originProps = _inputNode.props;
-  var onOriginKeyDown = originProps.onKeyDown,
+function Item_InternalItem(props, ref) {
+  var prefixCls = props.prefixCls,
+      invalidate = props.invalidate,
+      item = props.item,
+      renderItem = props.renderItem,
+      responsive = props.responsive,
+      responsiveDisabled = props.responsiveDisabled,
+      registerSize = props.registerSize,
+      itemKey = props.itemKey,
+      className = props.className,
+      style = props.style,
+      children = props.children,
+      display = props.display,
+      order = props.order,
+      _props$component = props.component,
+      Component = _props$component === void 0 ? 'div' : _props$component,
+      restProps = (0,objectWithoutProperties/* default */.A)(props, es_Item_excluded);
+
+  var mergedHidden = responsive && !display; // ================================ Effect ================================
+
+  function internalRegisterSize(width) {
+    registerSize(itemKey, width);
+  }
+
+  external_react_.useEffect(function () {
+    return function () {
+      internalRegisterSize(null);
+    };
+  }, []); // ================================ Render ================================
+
+  var childNode = renderItem && item !== Item_UNDEFINED ? renderItem(item) : children;
+  var overflowStyle;
+
+  if (!invalidate) {
+    overflowStyle = {
+      opacity: mergedHidden ? 0 : 1,
+      height: mergedHidden ? 0 : Item_UNDEFINED,
+      overflowY: mergedHidden ? 'hidden' : Item_UNDEFINED,
+      order: responsive ? order : Item_UNDEFINED,
+      pointerEvents: mergedHidden ? 'none' : Item_UNDEFINED,
+      position: mergedHidden ? 'absolute' : Item_UNDEFINED
+    };
+  }
+
+  var overflowProps = {};
+
+  if (mergedHidden) {
+    overflowProps['aria-hidden'] = true;
+  }
+
+  var itemNode = /*#__PURE__*/external_react_.createElement(Component, (0,esm_extends/* default */.A)({
+    className: classnames_default()(!invalidate && prefixCls, className),
+    style: (0,objectSpread2/* default */.A)((0,objectSpread2/* default */.A)({}, overflowStyle), style)
+  }, overflowProps, restProps, {
+    ref: ref
+  }), childNode);
+
+  if (responsive) {
+    itemNode = /*#__PURE__*/external_react_.createElement(es["default"], {
+      onResize: function onResize(_ref) {
+        var offsetWidth = _ref.offsetWidth;
+        internalRegisterSize(offsetWidth);
+      },
+      disabled: responsiveDisabled
+    }, itemNode);
+  }
+
+  return itemNode;
+}
+
+var es_Item_Item = /*#__PURE__*/external_react_.forwardRef(Item_InternalItem);
+es_Item_Item.displayName = 'Item';
+/* harmony default export */ var rc_overflow_es_Item = (es_Item_Item);
+// EXTERNAL MODULE: ../../node_modules/rc-util/es/hooks/useState.js
+var hooks_useState = __webpack_require__(39348);
+;// CONCATENATED MODULE: ../../node_modules/antd/node_modules/rc-overflow/es/hooks/useBatchFrameState.js
+
+
+
+
+/**
+ * State generate. Return a `setState` but it will flush all state with one render to save perf.
+ * This is not a realization of `unstable_batchedUpdates`.
+ */
+
+function useBatchFrameState_useBatchFrameState() {
+  var _useState = (0,hooks_useState/* default */.A)({}),
+      _useState2 = (0,slicedToArray/* default */.A)(_useState, 2),
+      forceUpdate = _useState2[1];
+
+  var statesRef = (0,external_react_.useRef)([]);
+  var walkingIndex = 0;
+  var beforeFrameId = 0;
+
+  function createState(defaultValue) {
+    var myIndex = walkingIndex;
+    walkingIndex += 1; // Fill value if not exist yet
+
+    if (statesRef.current.length < myIndex + 1) {
+      statesRef.current[myIndex] = defaultValue;
+    } // Return filled as `setState`
+
+
+    var value = statesRef.current[myIndex];
+
+    function setValue(val) {
+      statesRef.current[myIndex] = typeof val === 'function' ? val(statesRef.current[myIndex]) : val;
+      raf/* default */.A.cancel(beforeFrameId); // Flush with batch
+
+      beforeFrameId = (0,raf/* default */.A)(function () {
+        forceUpdate({}, true);
+      });
+    }
+
+    return [value, setValue];
+  }
+
+  return createState;
+}
+;// CONCATENATED MODULE: ../../node_modules/antd/node_modules/rc-overflow/es/RawItem.js
+
+
+var es_RawItem_excluded = ["component"],
+    RawItem_excluded2 = ["className"],
+    RawItem_excluded3 = ["className"];
+
+
+
+
+
+var RawItem_InternalRawItem = function InternalRawItem(props, ref) {
+  var context = external_react_.useContext(Overflow_OverflowContext); // Render directly when context not provided
+
+  if (!context) {
+    var _props$component = props.component,
+        Component = _props$component === void 0 ? 'div' : _props$component,
+        _restProps = (0,objectWithoutProperties/* default */.A)(props, es_RawItem_excluded);
+
+    return /*#__PURE__*/external_react_.createElement(Component, (0,esm_extends/* default */.A)({}, _restProps, {
+      ref: ref
+    }));
+  }
+
+  var contextClassName = context.className,
+      restContext = (0,objectWithoutProperties/* default */.A)(context, RawItem_excluded2);
+
+  var className = props.className,
+      restProps = (0,objectWithoutProperties/* default */.A)(props, RawItem_excluded3); // Do not pass context to sub item to avoid multiple measure
+
+
+  return /*#__PURE__*/external_react_.createElement(Overflow_OverflowContext.Provider, {
+    value: null
+  }, /*#__PURE__*/external_react_.createElement(rc_overflow_es_Item, (0,esm_extends/* default */.A)({
+    ref: ref,
+    className: classnames_default()(contextClassName, className)
+  }, restContext, restProps)));
+};
+
+var RawItem_RawItem = /*#__PURE__*/external_react_.forwardRef(RawItem_InternalRawItem);
+RawItem_RawItem.displayName = 'RawItem';
+/* harmony default export */ var rc_overflow_es_RawItem = (RawItem_RawItem);
+;// CONCATENATED MODULE: ../../node_modules/antd/node_modules/rc-overflow/es/Overflow.js
+
+
+
+
+var es_Overflow_excluded = ["prefixCls", "data", "renderItem", "renderRawItem", "itemKey", "itemWidth", "ssr", "style", "className", "maxCount", "renderRest", "renderRawRest", "suffix", "component", "itemComponent", "onVisibleChange"];
+
+
+
+
+
+
+
+
+var Overflow_OverflowContext = /*#__PURE__*/external_react_.createContext(null);
+var Overflow_RESPONSIVE = 'responsive';
+var Overflow_INVALIDATE = 'invalidate';
+
+function Overflow_defaultRenderRest(omittedItems) {
+  return "+ ".concat(omittedItems.length, " ...");
+}
+
+function Overflow_Overflow(props, ref) {
+  var _props$prefixCls = props.prefixCls,
+      prefixCls = _props$prefixCls === void 0 ? 'rc-overflow' : _props$prefixCls,
+      _props$data = props.data,
+      data = _props$data === void 0 ? [] : _props$data,
+      renderItem = props.renderItem,
+      renderRawItem = props.renderRawItem,
+      itemKey = props.itemKey,
+      _props$itemWidth = props.itemWidth,
+      itemWidth = _props$itemWidth === void 0 ? 10 : _props$itemWidth,
+      ssr = props.ssr,
+      style = props.style,
+      className = props.className,
+      maxCount = props.maxCount,
+      renderRest = props.renderRest,
+      renderRawRest = props.renderRawRest,
+      suffix = props.suffix,
+      _props$component = props.component,
+      Component = _props$component === void 0 ? 'div' : _props$component,
+      itemComponent = props.itemComponent,
+      onVisibleChange = props.onVisibleChange,
+      restProps = (0,objectWithoutProperties/* default */.A)(props, es_Overflow_excluded);
+
+  var createUseState = useBatchFrameState_useBatchFrameState();
+  var fullySSR = ssr === 'full';
+
+  var _createUseState = createUseState(null),
+      _createUseState2 = (0,slicedToArray/* default */.A)(_createUseState, 2),
+      containerWidth = _createUseState2[0],
+      setContainerWidth = _createUseState2[1];
+
+  var mergedContainerWidth = containerWidth || 0;
+
+  var _createUseState3 = createUseState(new Map()),
+      _createUseState4 = (0,slicedToArray/* default */.A)(_createUseState3, 2),
+      itemWidths = _createUseState4[0],
+      setItemWidths = _createUseState4[1];
+
+  var _createUseState5 = createUseState(0),
+      _createUseState6 = (0,slicedToArray/* default */.A)(_createUseState5, 2),
+      prevRestWidth = _createUseState6[0],
+      setPrevRestWidth = _createUseState6[1];
+
+  var _createUseState7 = createUseState(0),
+      _createUseState8 = (0,slicedToArray/* default */.A)(_createUseState7, 2),
+      restWidth = _createUseState8[0],
+      setRestWidth = _createUseState8[1];
+
+  var _createUseState9 = createUseState(0),
+      _createUseState10 = (0,slicedToArray/* default */.A)(_createUseState9, 2),
+      suffixWidth = _createUseState10[0],
+      setSuffixWidth = _createUseState10[1];
+
+  var _useState = (0,external_react_.useState)(null),
+      _useState2 = (0,slicedToArray/* default */.A)(_useState, 2),
+      suffixFixedStart = _useState2[0],
+      setSuffixFixedStart = _useState2[1];
+
+  var _useState3 = (0,external_react_.useState)(null),
+      _useState4 = (0,slicedToArray/* default */.A)(_useState3, 2),
+      displayCount = _useState4[0],
+      setDisplayCount = _useState4[1];
+
+  var mergedDisplayCount = external_react_.useMemo(function () {
+    if (displayCount === null && fullySSR) {
+      return Number.MAX_SAFE_INTEGER;
+    }
+
+    return displayCount || 0;
+  }, [displayCount, containerWidth]);
+
+  var _useState5 = (0,external_react_.useState)(false),
+      _useState6 = (0,slicedToArray/* default */.A)(_useState5, 2),
+      restReady = _useState6[0],
+      setRestReady = _useState6[1];
+
+  var itemPrefixCls = "".concat(prefixCls, "-item"); // Always use the max width to avoid blink
+
+  var mergedRestWidth = Math.max(prevRestWidth, restWidth); // ================================= Data =================================
+
+  var isResponsive = maxCount === Overflow_RESPONSIVE;
+  var shouldResponsive = data.length && isResponsive;
+  var invalidate = maxCount === Overflow_INVALIDATE;
+  /**
+   * When is `responsive`, we will always render rest node to get the real width of it for calculation
+   */
+
+  var showRest = shouldResponsive || typeof maxCount === 'number' && data.length > maxCount;
+  var mergedData = (0,external_react_.useMemo)(function () {
+    var items = data;
+
+    if (shouldResponsive) {
+      if (containerWidth === null && fullySSR) {
+        items = data;
+      } else {
+        items = data.slice(0, Math.min(data.length, mergedContainerWidth / itemWidth));
+      }
+    } else if (typeof maxCount === 'number') {
+      items = data.slice(0, maxCount);
+    }
+
+    return items;
+  }, [data, itemWidth, containerWidth, maxCount, shouldResponsive]);
+  var omittedItems = (0,external_react_.useMemo)(function () {
+    if (shouldResponsive) {
+      return data.slice(mergedDisplayCount + 1);
+    }
+
+    return data.slice(mergedData.length);
+  }, [data, mergedData, shouldResponsive, mergedDisplayCount]); // ================================= Item =================================
+
+  var getKey = (0,external_react_.useCallback)(function (item, index) {
+    var _ref;
+
+    if (typeof itemKey === 'function') {
+      return itemKey(item);
+    }
+
+    return (_ref = itemKey && (item === null || item === void 0 ? void 0 : item[itemKey])) !== null && _ref !== void 0 ? _ref : index;
+  }, [itemKey]);
+  var mergedRenderItem = (0,external_react_.useCallback)(renderItem || function (item) {
+    return item;
+  }, [renderItem]);
+
+  function updateDisplayCount(count, suffixFixedStartVal, notReady) {
+    // React 18 will sync render even when the value is same in some case.
+    // We take `mergedData` as deps which may cause dead loop if it's dynamic generate.
+    // ref: https://github.com/ant-design/ant-design/issues/36559
+    if (displayCount === count && (suffixFixedStartVal === undefined || suffixFixedStartVal === suffixFixedStart)) {
+      return;
+    }
+
+    setDisplayCount(count);
+
+    if (!notReady) {
+      setRestReady(count < data.length - 1);
+      onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(count);
+    }
+
+    if (suffixFixedStartVal !== undefined) {
+      setSuffixFixedStart(suffixFixedStartVal);
+    }
+  } // ================================= Size =================================
+
+
+  function onOverflowResize(_, element) {
+    setContainerWidth(element.clientWidth);
+  }
+
+  function registerSize(key, width) {
+    setItemWidths(function (origin) {
+      var clone = new Map(origin);
+
+      if (width === null) {
+        clone.delete(key);
+      } else {
+        clone.set(key, width);
+      }
+
+      return clone;
+    });
+  }
+
+  function registerOverflowSize(_, width) {
+    setRestWidth(width);
+    setPrevRestWidth(restWidth);
+  }
+
+  function registerSuffixSize(_, width) {
+    setSuffixWidth(width);
+  } // ================================ Effect ================================
+
+
+  function getItemWidth(index) {
+    return itemWidths.get(getKey(mergedData[index], index));
+  }
+
+  (0,node_modules_rc_util_es_hooks_useLayoutEffect_0/* default */.A)(function () {
+    if (mergedContainerWidth && mergedRestWidth && mergedData) {
+      var totalWidth = suffixWidth;
+      var len = mergedData.length;
+      var lastIndex = len - 1; // When data count change to 0, reset this since not loop will reach
+
+      if (!len) {
+        updateDisplayCount(0, null);
+        return;
+      }
+
+      for (var i = 0; i < len; i += 1) {
+        var currentItemWidth = getItemWidth(i); // Fully will always render
+
+        if (fullySSR) {
+          currentItemWidth = currentItemWidth || 0;
+        } // Break since data not ready
+
+
+        if (currentItemWidth === undefined) {
+          updateDisplayCount(i - 1, undefined, true);
+          break;
+        } // Find best match
+
+
+        totalWidth += currentItemWidth;
+
+        if ( // Only one means `totalWidth` is the final width
+        lastIndex === 0 && totalWidth <= mergedContainerWidth || // Last two width will be the final width
+        i === lastIndex - 1 && totalWidth + getItemWidth(lastIndex) <= mergedContainerWidth) {
+          // Additional check if match the end
+          updateDisplayCount(lastIndex, null);
+          break;
+        } else if (totalWidth + mergedRestWidth > mergedContainerWidth) {
+          // Can not hold all the content to show rest
+          updateDisplayCount(i - 1, totalWidth - currentItemWidth - suffixWidth + restWidth);
+          break;
+        }
+      }
+
+      if (suffix && getItemWidth(0) + suffixWidth > mergedContainerWidth) {
+        setSuffixFixedStart(null);
+      }
+    }
+  }, [mergedContainerWidth, itemWidths, restWidth, suffixWidth, getKey, mergedData]); // ================================ Render ================================
+
+  var displayRest = restReady && !!omittedItems.length;
+  var suffixStyle = {};
+
+  if (suffixFixedStart !== null && shouldResponsive) {
+    suffixStyle = {
+      position: 'absolute',
+      left: suffixFixedStart,
+      top: 0
+    };
+  }
+
+  var itemSharedProps = {
+    prefixCls: itemPrefixCls,
+    responsive: shouldResponsive,
+    component: itemComponent,
+    invalidate: invalidate
+  }; // >>>>> Choice render fun by `renderRawItem`
+
+  var internalRenderItemNode = renderRawItem ? function (item, index) {
+    var key = getKey(item, index);
+    return /*#__PURE__*/external_react_.createElement(Overflow_OverflowContext.Provider, {
+      key: key,
+      value: (0,objectSpread2/* default */.A)((0,objectSpread2/* default */.A)({}, itemSharedProps), {}, {
+        order: index,
+        item: item,
+        itemKey: key,
+        registerSize: registerSize,
+        display: index <= mergedDisplayCount
+      })
+    }, renderRawItem(item, index));
+  } : function (item, index) {
+    var key = getKey(item, index);
+    return /*#__PURE__*/external_react_.createElement(rc_overflow_es_Item, (0,esm_extends/* default */.A)({}, itemSharedProps, {
+      order: index,
+      key: key,
+      item: item,
+      renderItem: mergedRenderItem,
+      itemKey: key,
+      registerSize: registerSize,
+      display: index <= mergedDisplayCount
+    }));
+  }; // >>>>> Rest node
+
+  var restNode;
+  var restContextProps = {
+    order: displayRest ? mergedDisplayCount : Number.MAX_SAFE_INTEGER,
+    className: "".concat(itemPrefixCls, "-rest"),
+    registerSize: registerOverflowSize,
+    display: displayRest
+  };
+
+  if (!renderRawRest) {
+    var mergedRenderRest = renderRest || Overflow_defaultRenderRest;
+    restNode = /*#__PURE__*/external_react_.createElement(rc_overflow_es_Item, (0,esm_extends/* default */.A)({}, itemSharedProps, restContextProps), typeof mergedRenderRest === 'function' ? mergedRenderRest(omittedItems) : mergedRenderRest);
+  } else if (renderRawRest) {
+    restNode = /*#__PURE__*/external_react_.createElement(Overflow_OverflowContext.Provider, {
+      value: (0,objectSpread2/* default */.A)((0,objectSpread2/* default */.A)({}, itemSharedProps), restContextProps)
+    }, renderRawRest(omittedItems));
+  }
+
+  var overflowNode = /*#__PURE__*/external_react_.createElement(Component, (0,esm_extends/* default */.A)({
+    className: classnames_default()(!invalidate && prefixCls, className),
+    style: style,
+    ref: ref
+  }, restProps), mergedData.map(internalRenderItemNode), showRest ? restNode : null, suffix && /*#__PURE__*/external_react_.createElement(rc_overflow_es_Item, (0,esm_extends/* default */.A)({}, itemSharedProps, {
+    responsive: isResponsive,
+    responsiveDisabled: !shouldResponsive,
+    order: mergedDisplayCount,
+    className: "".concat(itemPrefixCls, "-suffix"),
+    registerSize: registerSuffixSize,
+    display: true,
+    style: suffixStyle
+  }), suffix));
+
+  if (isResponsive) {
+    overflowNode = /*#__PURE__*/external_react_.createElement(es["default"], {
+      onResize: onOverflowResize,
+      disabled: !shouldResponsive
+    }, overflowNode);
+  }
+
+  return overflowNode;
+}
+
+var Overflow_ForwardOverflow = /*#__PURE__*/external_react_.forwardRef(Overflow_Overflow);
+Overflow_ForwardOverflow.displayName = 'Overflow';
+Overflow_ForwardOverflow.Item = rc_overflow_es_RawItem;
+Overflow_ForwardOverflow.RESPONSIVE = Overflow_RESPONSIVE;
+Overflow_ForwardOverflow.INVALIDATE = Overflow_INVALIDATE; // Convert to generic type
+
+/* harmony default export */ var rc_overflow_es_Overflow = (Overflow_ForwardOverflow);
+;// CONCATENATED MODULE: ../../node_modules/antd/node_modules/rc-overflow/es/index.js
+
+/* harmony default export */ var node_modules_rc_overflow_es = (rc_overflow_es_Overflow);
+;// CONCATENATED MODULE: ../../node_modules/antd/node_modules/rc-select/es/TransBtn.js
+
+
+var TransBtn = function TransBtn(_ref) {
+  var className = _ref.className,
+    customizeIcon = _ref.customizeIcon,
+    customizeIconProps = _ref.customizeIconProps,
+    _onMouseDown = _ref.onMouseDown,
+    onClick = _ref.onClick,
+    children = _ref.children;
+  var icon;
+  if (typeof customizeIcon === 'function') {
+    icon = customizeIcon(customizeIconProps);
+  } else {
+    icon = customizeIcon;
+  }
+  return /*#__PURE__*/external_react_.createElement("span", {
+    className: className,
+    onMouseDown: function onMouseDown(event) {
+      event.preventDefault();
+      if (_onMouseDown) {
+        _onMouseDown(event);
+      }
+    },
+    style: {
+      userSelect: 'none',
+      WebkitUserSelect: 'none'
+    },
+    unselectable: "on",
+    onClick: onClick,
+    "aria-hidden": true
+  }, icon !== undefined ? icon : /*#__PURE__*/external_react_.createElement("span", {
+    className: classnames_default()(className.split(/\s+/).map(function (cls) {
+      return "".concat(cls, "-icon");
+    }))
+  }, children));
+};
+/* harmony default export */ var es_TransBtn = (TransBtn);
+;// CONCATENATED MODULE: ../../node_modules/antd/node_modules/rc-select/es/Selector/Input.js
+
+
+
+
+
+var Selector_Input_Input = function Input(_ref, ref) {
+  var _inputNode2, _inputNode2$props;
+  var prefixCls = _ref.prefixCls,
+    id = _ref.id,
+    inputElement = _ref.inputElement,
+    disabled = _ref.disabled,
+    tabIndex = _ref.tabIndex,
+    autoFocus = _ref.autoFocus,
+    autoComplete = _ref.autoComplete,
+    editable = _ref.editable,
+    activeDescendantId = _ref.activeDescendantId,
+    value = _ref.value,
+    maxLength = _ref.maxLength,
+    _onKeyDown = _ref.onKeyDown,
+    _onMouseDown = _ref.onMouseDown,
+    _onChange = _ref.onChange,
+    onPaste = _ref.onPaste,
+    _onCompositionStart = _ref.onCompositionStart,
+    _onCompositionEnd = _ref.onCompositionEnd,
+    open = _ref.open,
+    attrs = _ref.attrs;
+  var inputNode = inputElement || /*#__PURE__*/external_react_.createElement("input", null);
+  var _inputNode = inputNode,
+    originRef = _inputNode.ref,
+    originProps = _inputNode.props;
+  var onOriginKeyDown = originProps.onKeyDown,
     onOriginChange = originProps.onChange,
     onOriginMouseDown = originProps.onMouseDown,
     onOriginCompositionStart = originProps.onCompositionStart,
@@ -65751,7 +66441,7 @@ function getTitle(item) {
 /**
  * Wrap `React.useLayoutEffect` which will not throw warning message in test env
  */
-function es_hooks_useLayoutEffect_useLayoutEffect(effect, deps) {
+function rc_select_es_hooks_useLayoutEffect_useLayoutEffect(effect, deps) {
   // Never happen in test env
   if (isBrowserClient) {
     /* istanbul ignore next */
@@ -65829,7 +66519,7 @@ var SelectSelector = function SelectSelector(props) {
   var inputEditable = mode === 'tags' || mode === "multiple" && autoClearSearchValue === false || showSearch && (open || focused);
 
   // We measure width and set to the input immediately
-  es_hooks_useLayoutEffect_useLayoutEffect(function () {
+  rc_select_es_hooks_useLayoutEffect_useLayoutEffect(function () {
     setInputWidth(measureRef.current.scrollWidth);
   }, [inputValue]);
 
@@ -65929,7 +66619,7 @@ var SelectSelector = function SelectSelector(props) {
   }, inputValue, "\xA0"));
 
   // >>> Selections
-  var selectionNode = /*#__PURE__*/external_react_.createElement(rc_overflow_es, {
+  var selectionNode = /*#__PURE__*/external_react_.createElement(node_modules_rc_overflow_es, {
     prefixCls: "".concat(selectionPrefixCls, "-overflow"),
     data: values,
     renderItem: renderItem,
@@ -66873,7 +67563,7 @@ var BaseSelect = /*#__PURE__*/external_react_.forwardRef(function (props, ref) {
   function onPopupMouseEnter() {
     forceUpdate({});
   }
-  (0,es_hooks_useLayoutEffect/* default */.A)(function () {
+  (0,node_modules_rc_util_es_hooks_useLayoutEffect_0/* default */.A)(function () {
     if (triggerOpen) {
       var _containerRef$current;
       var newWidth = Math.ceil((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.offsetWidth);
@@ -67653,7 +68343,7 @@ var ScrollBar = /*#__PURE__*/function (_React$Component) {
 
 ;// CONCATENATED MODULE: ../../node_modules/rc-virtual-list/es/Item.js
 
-function es_Item_Item(_ref) {
+function rc_virtual_list_es_Item_Item(_ref) {
   var children = _ref.children,
       setRef = _ref.setRef;
   var refFunc = external_react_.useCallback(function (node) {
@@ -67673,7 +68363,7 @@ function useChildren(list, startIndex, endIndex, setNodeRef, renderFunc, _ref) {
     var node = renderFunc(item, eleIndex, {// style: status === 'MEASURE_START' ? { visibility: 'hidden' } : {},
     });
     var key = getKey(item);
-    return /*#__PURE__*/external_react_.createElement(es_Item_Item, {
+    return /*#__PURE__*/external_react_.createElement(rc_virtual_list_es_Item_Item, {
       key: key,
       setRef: function setRef(ele) {
         return setNodeRef(item, ele);
@@ -68175,7 +68865,7 @@ function useMobileTouchMove(inVirtual, listRef, callback) {
     }
   };
 
-  (0,es_hooks_useLayoutEffect/* default */.A)(function () {
+  (0,node_modules_rc_util_es_hooks_useLayoutEffect_0/* default */.A)(function () {
     if (inVirtual) {
       listRef.current.addEventListener('touchstart', onTouchStart);
     }
@@ -68465,7 +69155,7 @@ function RawList(props, ref) {
     });
     return true;
   });
-  (0,es_hooks_useLayoutEffect/* default */.A)(function () {
+  (0,node_modules_rc_util_es_hooks_useLayoutEffect_0/* default */.A)(function () {
     // Firefox only
     function onMozMousePixelScroll(e) {
       if (useVirtual) {
@@ -68498,7 +69188,7 @@ function RawList(props, ref) {
 
   /** We need told outside that some list not rendered */
 
-  (0,es_hooks_useLayoutEffect/* default */.A)(function () {
+  (0,node_modules_rc_util_es_hooks_useLayoutEffect_0/* default */.A)(function () {
     if (onVisibleChange) {
       var renderList = mergedData.slice(start, end + 1);
       onVisibleChange(renderList, mergedData);
@@ -70196,7 +70886,7 @@ var Item_Meta = function Meta(_a) {
     className: "".concat(prefixCls, "-item-meta-avatar")
   }, avatar), (title || description) && content);
 };
-var Item_InternalItem = function InternalItem(_a, ref) {
+var list_Item_InternalItem = function InternalItem(_a, ref) {
   var customizePrefixCls = _a.prefixCls,
     children = _a.children,
     actions = _a.actions,
@@ -70259,7 +70949,7 @@ var Item_InternalItem = function InternalItem(_a, ref) {
     style: colStyle
   }, itemChildren) : itemChildren;
 };
-var list_Item_Item = /*#__PURE__*/(0,external_react_.forwardRef)(Item_InternalItem);
+var list_Item_Item = /*#__PURE__*/(0,external_react_.forwardRef)(list_Item_InternalItem);
 list_Item_Item.Meta = Item_Meta;
 /* harmony default export */ var list_Item = (list_Item_Item);
 ;// CONCATENATED MODULE: ../../node_modules/antd/es/list/index.js
@@ -71785,7 +72475,7 @@ var ActionButton = function ActionButton(props) {
 };
 /* harmony default export */ var _util_ActionButton = (ActionButton);
 ;// CONCATENATED MODULE: ../../node_modules/@rc-component/portal/node_modules/rc-util/es/Dom/canUseDom.js
-function rc_util_es_Dom_canUseDom_canUseDom() {
+function node_modules_rc_util_es_Dom_canUseDom_canUseDom() {
   return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@rc-component/portal/node_modules/rc-util/es/hooks/useMemo.js
@@ -71875,9 +72565,9 @@ var OrderContext = /*#__PURE__*/external_react_.createContext(null);
  * Wrap `React.useLayoutEffect` which will not throw warning message in test env
  */
 
-var rc_util_es_hooks_useLayoutEffect_useLayoutEffect =  true && rc_util_es_Dom_canUseDom_canUseDom() ? external_react_.useLayoutEffect : external_react_.useEffect;
+var rc_util_es_hooks_useLayoutEffect_useLayoutEffect =  true && node_modules_rc_util_es_Dom_canUseDom_canUseDom() ? external_react_.useLayoutEffect : external_react_.useEffect;
 /* harmony default export */ var portal_node_modules_rc_util_es_hooks_useLayoutEffect = (rc_util_es_hooks_useLayoutEffect_useLayoutEffect);
-var es_hooks_useLayoutEffect_useLayoutUpdateEffect = function useLayoutUpdateEffect(callback, deps) {
+var rc_util_es_hooks_useLayoutEffect_useLayoutUpdateEffect = function useLayoutUpdateEffect(callback, deps) {
   var firstMountRef = React.useRef(true);
   rc_util_es_hooks_useLayoutEffect_useLayoutEffect(function () {
     if (!firstMountRef.current) {
@@ -71907,7 +72597,7 @@ var useDom_EMPTY_LIST = [];
 
 function useDom(render, debug) {
   var _React$useState = external_react_.useState(function () {
-    if (!rc_util_es_Dom_canUseDom_canUseDom()) {
+    if (!node_modules_rc_util_es_Dom_canUseDom_canUseDom()) {
       return null;
     }
 
@@ -72043,7 +72733,7 @@ function findStyles(container) {
 function dynamicCSS_injectCSS(css) {
   var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
-  if (!rc_util_es_Dom_canUseDom_canUseDom()) {
+  if (!node_modules_rc_util_es_Dom_canUseDom_canUseDom()) {
     return null;
   }
 
@@ -72266,7 +72956,7 @@ var getPortalContainer = function getPortalContainer(getContainer) {
     return false;
   }
 
-  if (!rc_util_es_Dom_canUseDom_canUseDom() || !getContainer) {
+  if (!node_modules_rc_util_es_Dom_canUseDom_canUseDom() || !getContainer) {
     return null;
   }
 
@@ -72323,7 +73013,7 @@ var Portal = /*#__PURE__*/external_react_.forwardRef(function (props, ref) {
 
   var mergedContainer = innerContainer !== null && innerContainer !== void 0 ? innerContainer : defaultContainer; // ========================= Locker ==========================
 
-  useScrollLocker(autoLock && open && rc_util_es_Dom_canUseDom_canUseDom() && (mergedContainer === defaultContainer || mergedContainer === document.body)); // =========================== Ref ===========================
+  useScrollLocker(autoLock && open && node_modules_rc_util_es_Dom_canUseDom_canUseDom() && (mergedContainer === defaultContainer || mergedContainer === document.body)); // =========================== Ref ===========================
 
   var childRef = null;
 
@@ -72336,7 +73026,7 @@ var Portal = /*#__PURE__*/external_react_.forwardRef(function (props, ref) {
   // Do not render when nothing need render
   // When innerContainer is `undefined`, it may not ready since user use ref in the same render
 
-  if (!mergedRender || !rc_util_es_Dom_canUseDom_canUseDom() || innerContainer === undefined) {
+  if (!mergedRender || !node_modules_rc_util_es_Dom_canUseDom_canUseDom() || innerContainer === undefined) {
     return null;
   } // Render inline
 
@@ -74279,6 +74969,7 @@ var select_OptGroup = es_select.OptGroup;
  * It may work with multiple values, but it is not specified in the interface.
  */
 
+// TODO(DOMA-8757): default props autoClearSearchValue = false. Multi select search should not reset after selection
 var Select_select_Select = function Select(props) {
   var _classNames;