@capillarytech/blaze-ui 1.0.3-alpha.16 → 1.0.3-alpha.19

package/dist/index.js

@@ -803,6 +803,7 @@ exports.__esModule = true;
 exports.useCapUnifiedSelect = void 0;
 var _react = __webpack_require__(9206);
 var _constants = __webpack_require__(9788);
+var _useInfiniteScroll = __webpack_require__(9103);
 var _utils = __webpack_require__(8052);
 const useCapUnifiedSelect = _ref => {
   let {
@@ -828,23 +829,15 @@ const useCapUnifiedSelect = _ref => {
   const [tempValue, setTempValue] = (0, _react.useState)(value);
   const [dropdownOpen, setDropdownOpen] = (0, _react.useState)(false);
   const [isSearching, setIsSearching] = (0, _react.useState)(false);
-  const [isLoadingOnScroll, setIsLoadingOnScroll] = (0, _react.useState)(false);
   const [isResettingData, setIsResettingData] = (0, _react.useState)(false);
   const [orderedOptions, setOrderedOptions] = (0, _react.useState)(null);
   const searchTimeoutRef = (0, _react.useRef)(null);
-  const scrollContainerRef = (0, _react.useRef)(null);
-  const scrollLoadingTimeoutRef = (0, _react.useRef)(null);
-  const isScrollProcessingRef = (0, _react.useRef)(false);
-  const scrollThrottleTimeoutRef = (0, _react.useRef)(null);
   const optionsRef = (0, _react.useRef)(options);
   const selectedItemsCacheRef = (0, _react.useRef)(new Map());
   const lastSearchQueryRef = (0, _react.useRef)('');
   const searchClearedTimeRef = (0, _react.useRef)(null);
   const prevOptionsRef = (0, _react.useRef)(options);
   const prevOptionsBeforeResetRef = (0, _react.useRef)(options);
-  const prevOptionsCountRef = (0, _react.useRef)(options.length);
-  const prevOptionsRefForScroll = (0, _react.useRef)(options);
-  const scrollTriggerOptionsCountRef = (0, _react.useRef)(options.length);
   const initialSortDoneRef = (0, _react.useRef)(false);
   const hasInteractedRef = (0, _react.useRef)(false);
   const initialTempValueRef = (0, _react.useRef)(value);
@@ -852,6 +845,20 @@ const useCapUnifiedSelect = _ref => {
   const resetDataCalledTimeRef = (0, _react.useRef)(null);
   const fetchMissingOptionsCalledRef = (0, _react.useRef)(false);
   const lastMissingValuesRef = (0, _react.useRef)('');
+
+  // Infinite scroll hook
+  const {
+    isLoadingOnScroll,
+    resetScrollState,
+    scrollTriggerOptionsCountRef
+  } = (0, _useInfiniteScroll.useInfiniteScroll)({
+    onPopupScroll,
+    hasMore,
+    options,
+    dropdownOpen,
+    optionsRef,
+    hasInteractedRef
+  });
   (0, _react.useEffect)(() => {
     if (!fetchMissingOptions) {
       return;
@@ -928,20 +935,13 @@ const useCapUnifiedSelect = _ref => {
     }
   }, [options, orderedOptions, tempValue]);
   const debounceTimeout = searchDebounce != null ? searchDebounce : _constants.TIMEOUTS.DEFAULT_SEARCH_DEBOUNCE;
-  (0, _react.useEffect)(() => {
-    optionsRef.current = options;
-  }, [options]);
+
+  // Cleanup timeouts on unmount
   (0, _react.useEffect)(() => {
     return () => {
       if (searchTimeoutRef.current) {
         clearTimeout(searchTimeoutRef.current);
       }
-      if (scrollLoadingTimeoutRef.current) {
-        clearTimeout(scrollLoadingTimeoutRef.current);
-      }
-      if (scrollThrottleTimeoutRef.current) {
-        clearTimeout(scrollThrottleTimeoutRef.current);
-      }
     };
   }, []);
   (0, _react.useEffect)(() => {
@@ -1011,52 +1011,26 @@ const useCapUnifiedSelect = _ref => {
     }, _constants.TIMEOUTS.RESET_DATA_TIMEOUT);
     return () => clearTimeout(fallbackTimeout);
   }, [isResettingData, options]);
-  (0, _react.useEffect)(() => {
-    if (!hasMore && isLoadingOnScroll) {
-      setIsLoadingOnScroll(false);
-      isScrollProcessingRef.current = false;
-      if (scrollLoadingTimeoutRef.current) {
-        clearTimeout(scrollLoadingTimeoutRef.current);
-        scrollLoadingTimeoutRef.current = null;
-      }
-    }
-  }, [hasMore, isLoadingOnScroll]);
-  (0, _react.useEffect)(() => {
-    if (!isLoadingOnScroll) {
-      prevOptionsCountRef.current = options.length;
-      prevOptionsRefForScroll.current = options;
+
+  /**
+   * Unified helper function to call resetData with proper state management.
+   * This centralizes all resetData logic to avoid duplication and ensure consistency.
+   *
+   * @param shouldReset - Whether to actually call resetData (based on conditions)
+   */
+  const callResetData = (0, _react.useCallback)(function (shouldReset) {
+    if (shouldReset === void 0) {
+      shouldReset = true;
     }
-    if (!isLoadingOnScroll || !onPopupScroll) {
+    if (!resetData || !shouldReset || options.length === 0) {
       return;
     }
-    const optionsCountIncreased = options.length > prevOptionsCountRef.current;
-    const optionsContentChanged = (() => {
-      const prevCount = prevOptionsCountRef.current;
-      const currentCount = options.length;
-      if (prevCount !== currentCount) {
-        return true;
-      }
-      if (currentCount > 0 && prevCount > 0 && prevOptionsRefForScroll.current.length > 0) {
-        const prevOptions = prevOptionsRefForScroll.current;
-        const lastPrevOption = prevOptions[prevOptions.length - 1];
-        const lastCurrentOption = options[options.length - 1];
-        if ((lastPrevOption == null ? void 0 : lastPrevOption.value) !== (lastCurrentOption == null ? void 0 : lastCurrentOption.value) || (lastPrevOption == null ? void 0 : lastPrevOption.label) !== (lastCurrentOption == null ? void 0 : lastCurrentOption.label)) {
-          return true;
-        }
-      }
-      return false;
-    })();
-    if (optionsCountIncreased || optionsContentChanged) {
-      setIsLoadingOnScroll(false);
-      isScrollProcessingRef.current = false;
-      if (scrollLoadingTimeoutRef.current) {
-        clearTimeout(scrollLoadingTimeoutRef.current);
-        scrollLoadingTimeoutRef.current = null;
-      }
-      prevOptionsCountRef.current = options.length;
-      prevOptionsRefForScroll.current = options;
-    }
-  }, [options, isLoadingOnScroll, onPopupScroll]);
+    prevOptionsBeforeResetRef.current = options;
+    setIsResettingData(true);
+    resetDataCalledRef.current = true;
+    resetDataCalledTimeRef.current = Date.now();
+    resetData();
+  }, [resetData, options]);
   const handleSearch = (0, _react.useCallback)(query => {
     if (searchTimeoutRef.current) {
       clearTimeout(searchTimeoutRef.current);
@@ -1073,6 +1047,13 @@ const useCapUnifiedSelect = _ref => {
     if (trimmedQuery.length > 0 || lastSearchQueryRef.current.length > 0) {
       hasInteractedRef.current = true;
     }
+
+    // Reset data when search is cleared (search term length < 1)
+    // This handles requirement: "when search term is length less than 1 that is no search needed"
+    // and "when click on X in searched term then we are resetting the data to the initial page"
+    if (isNowCleared && wasSearching && !staticValue) {
+      callResetData();
+    }
     if (!staticValue && onSearch) {
       setIsSearching(true);
       searchTimeoutRef.current = setTimeout(() => {
@@ -1086,7 +1067,7 @@ const useCapUnifiedSelect = _ref => {
         setIsSearching(false);
       }, _constants.TIMEOUTS.STATIC_SEARCH_DELAY);
     }
-  }, [onSearch, staticValue, debounceTimeout]);
+  }, [onSearch, staticValue, debounceTimeout, callResetData]);
   const prevOptionsCountBeforeFetchMissingRef = (0, _react.useRef)(options.length);
   const prevOptionsBeforeFetchMissingRef = (0, _react.useRef)(options);
   (0, _react.useEffect)(() => {
@@ -1103,6 +1084,7 @@ const useCapUnifiedSelect = _ref => {
         scrollTriggerOptionsCountRef.current = currentOptions.length;
       }
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [options, orderedOptions, onPopupScroll, tempValue]);
   (0, _react.useEffect)(() => {
     if (!fetchMissingOptions) {
@@ -1218,19 +1200,12 @@ const useCapUnifiedSelect = _ref => {
       onSearch('');
     }
 
-    // Call resetData if:
-    // 1. resetData is provided AND
-    // 2. (there was an active search that we're resetting OR options.length > 0)
-    // This ensures we reset data back to initial state after a search + confirm
-    if (resetData && (hadActiveSearch || options.length > 0)) {
-      prevOptionsBeforeResetRef.current = options;
-      setIsResettingData(true);
-      resetDataCalledRef.current = true;
-      resetDataCalledTimeRef.current = Date.now();
-      resetData();
-    }
+    // Call resetData if there was an active search that we're resetting
+    // This handles requirement: "when user click confirm & clear button"
+    // Reset data back to initial state after a search + confirm
+    callResetData(hadActiveSearch || options.length > 0);
     onConfirm == null || onConfirm(tempValue);
-  }, [onChange, onConfirm, tempValue, resetSearch, isMulti, options, resetData, staticValue, onSearch]);
+  }, [onChange, onConfirm, tempValue, resetSearch, isMulti, options, callResetData, staticValue, onSearch]);
   const handleClearAll = (0, _react.useCallback)(() => {
     const cleared = isMulti ? [] : undefined;
     setSearchText('');
@@ -1241,17 +1216,7 @@ const useCapUnifiedSelect = _ref => {
       clearTimeout(searchTimeoutRef.current);
       searchTimeoutRef.current = null;
     }
-    if (scrollLoadingTimeoutRef.current) {
-      clearTimeout(scrollLoadingTimeoutRef.current);
-      scrollLoadingTimeoutRef.current = null;
-    }
-    if (scrollThrottleTimeoutRef.current) {
-      clearTimeout(scrollThrottleTimeoutRef.current);
-      scrollThrottleTimeoutRef.current = null;
-    }
-    setIsLoadingOnScroll(false);
-    isScrollProcessingRef.current = false;
-    scrollContainerRef.current = null;
+    resetScrollState();
     setOrderedOptions(null);
     initialSortDoneRef.current = false;
     hasInteractedRef.current = false;
@@ -1261,14 +1226,11 @@ const useCapUnifiedSelect = _ref => {
     setTempValue(cleared);
     onChange == null || onChange(cleared);
     setDropdownOpen(false);
-    if (resetData && options.length > 0) {
-      prevOptionsBeforeResetRef.current = options;
-      setIsResettingData(true);
-      resetDataCalledRef.current = true;
-      resetDataCalledTimeRef.current = Date.now();
-      resetData();
-    }
-  }, [isMulti, onChange, resetData, options]);
+
+    // Call resetData when user clicks clear button
+    // This handles requirement: "when user click confirm & clear button"
+    callResetData();
+  }, [isMulti, onChange, callResetData, resetScrollState]);
   const handleDropdownVisibilityChange = (0, _react.useCallback)(open => {
     if (open) {
       initialTempValueRef.current = value;
@@ -1280,18 +1242,9 @@ const useCapUnifiedSelect = _ref => {
         clearTimeout(searchTimeoutRef.current);
         searchTimeoutRef.current = null;
       }
-      if (scrollLoadingTimeoutRef.current) {
-        clearTimeout(scrollLoadingTimeoutRef.current);
-        scrollLoadingTimeoutRef.current = null;
-      }
-      if (scrollThrottleTimeoutRef.current) {
-        clearTimeout(scrollThrottleTimeoutRef.current);
-        scrollThrottleTimeoutRef.current = null;
-      }
       setIsSearching(false);
       searchClearedTimeRef.current = null;
-      setIsLoadingOnScroll(false);
-      isScrollProcessingRef.current = false;
+      resetScrollState();
       if (isResettingData) {
         setIsResettingData(false);
         prevOptionsBeforeResetRef.current = options;
@@ -1309,23 +1262,11 @@ const useCapUnifiedSelect = _ref => {
         lastSearchQueryRef.current = '';
         searchClearedTimeRef.current = null;
       }
-      setIsLoadingOnScroll(false);
-      isScrollProcessingRef.current = false;
-      if (scrollLoadingTimeoutRef.current) {
-        clearTimeout(scrollLoadingTimeoutRef.current);
-        scrollLoadingTimeoutRef.current = null;
-      }
-      if (scrollThrottleTimeoutRef.current) {
-        clearTimeout(scrollThrottleTimeoutRef.current);
-        scrollThrottleTimeoutRef.current = null;
-      }
-      scrollContainerRef.current = null;
-      if (resetData && hasInteractedRef.current && !resetDataCalledRef.current && options.length > 0) {
-        prevOptionsBeforeResetRef.current = options;
-        setIsResettingData(true);
-        resetDataCalledRef.current = true;
-        resetDataCalledTimeRef.current = Date.now();
-        resetData();
+      resetScrollState();
+
+      // Call resetData when dropdown closes if user interacted and resetData wasn't called yet
+      if (hasInteractedRef.current && !resetDataCalledRef.current) {
+        callResetData();
       } else if (!hasInteractedRef.current) {
         if (searchTimeoutRef.current) {
           clearTimeout(searchTimeoutRef.current);
@@ -1338,7 +1279,7 @@ const useCapUnifiedSelect = _ref => {
       hasInteractedRef.current = false;
     }
     setDropdownOpen(open);
-  }, [customPopupRender, value, onChange, tempValue, resetSearch, resetData, options, isResettingData]);
+  }, [customPopupRender, value, onChange, tempValue, resetSearch, callResetData, options, isResettingData, resetScrollState]);
   const handleSearchChange = (0, _react.useCallback)(e => {
     const query = e.target.value;
     setSearchText(query);
@@ -1352,111 +1293,30 @@ const useCapUnifiedSelect = _ref => {
       e.stopPropagation();
     }
   }, [searchText]);
-  const handleScroll = (0, _react.useCallback)(event => {
-    if (!onPopupScroll) return;
-    const target = event.target;
-    if (!target) return;
-    const isNearBottom = Math.floor(target.scrollHeight - target.scrollTop) <= target.clientHeight;
-    if (!isNearBottom) {
-      isScrollProcessingRef.current = false;
-      return;
-    }
-    if (isScrollProcessingRef.current) return;
-    if (isLoadingOnScroll) return;
-    if (!hasMore) {
-      isScrollProcessingRef.current = false;
-      return;
-    }
-    if (scrollThrottleTimeoutRef.current) {
-      clearTimeout(scrollThrottleTimeoutRef.current);
-    }
-    isScrollProcessingRef.current = true;
-    scrollThrottleTimeoutRef.current = setTimeout(() => {
-      const stillNearBottom = Math.floor(target.scrollHeight - target.scrollTop) <= target.clientHeight;
-      if (!stillNearBottom || isLoadingOnScroll || !hasMore) {
-        isScrollProcessingRef.current = false;
-        return;
-      }
-      const currentOptions = optionsRef.current;
-      prevOptionsCountRef.current = currentOptions.length;
-      prevOptionsRefForScroll.current = currentOptions;
-      scrollTriggerOptionsCountRef.current = currentOptions.length;
-      setIsLoadingOnScroll(true);
-      if (scrollLoadingTimeoutRef.current) {
-        clearTimeout(scrollLoadingTimeoutRef.current);
-        scrollLoadingTimeoutRef.current = null;
-      }
-      hasInteractedRef.current = true;
-      onPopupScroll();
-      scrollLoadingTimeoutRef.current = setTimeout(() => {
-        setIsLoadingOnScroll(prev => {
-          if (prev) {
-            scrollLoadingTimeoutRef.current = null;
-            isScrollProcessingRef.current = false;
-            return false;
-          }
-          return prev;
-        });
-      }, _constants.TIMEOUTS.SCROLL_LOADING_TIMEOUT);
-    }, 150);
-  }, [onPopupScroll, isLoadingOnScroll, hasMore]);
-  (0, _react.useEffect)(() => {
-    if (!onPopupScroll || !dropdownOpen) return;
-    const timeoutId = setTimeout(() => {
-      const findScrollContainer = () => {
-        const dropdowns = document.querySelectorAll('.ant-select-dropdown:not(.ant-select-dropdown-hidden)');
-        if (dropdowns.length === 0) return null;
-        const dropdown = Array.from(dropdowns).pop();
-        if (!dropdown) return null;
-        const treeList = dropdown.querySelector('.ant-select-tree-list-holder');
-        if (treeList && treeList.scrollHeight > treeList.clientHeight) {
-          return treeList;
-        }
-        const virtualList = dropdown.querySelector('.rc-virtual-list-holder');
-        if (virtualList && virtualList.scrollHeight > virtualList.clientHeight) {
-          return virtualList;
-        }
-        if (dropdown.scrollHeight > dropdown.clientHeight) {
-          return dropdown;
-        }
-        return null;
-      };
-      const scrollContainer = findScrollContainer();
-      if (scrollContainer) {
-        scrollContainerRef.current = scrollContainer;
-        scrollContainer.addEventListener('scroll', handleScroll, {
-          passive: true
-        });
-      }
-    }, _constants.TIMEOUTS.SCROLL_CONTAINER_DELAY);
-    return () => {
-      clearTimeout(timeoutId);
-      if (scrollThrottleTimeoutRef.current) {
-        clearTimeout(scrollThrottleTimeoutRef.current);
-        scrollThrottleTimeoutRef.current = null;
-      }
-      if (scrollContainerRef.current) {
-        scrollContainerRef.current.removeEventListener('scroll', handleScroll);
-        scrollContainerRef.current = null;
-      }
-      isScrollProcessingRef.current = false;
-    };
-  }, [onPopupScroll, dropdownOpen, handleScroll]);
+
+  /**
+   * Helper function to handle resetData call when value is cleared.
+   * Only resets data if there was an active search, as resetting on every unselect
+   * would be too aggressive and could reset data unnecessarily when user simply unselects.
+   *
+   * This addresses the question: "If user unselects or clears current selection then do we need to call resetData?"
+   * Answer: Only if there was an active search query, to avoid unnecessary resets.
+   */
+  const handleResetDataOnClear = (0, _react.useCallback)(() => {
+    // Only reset data if there was an active search query
+    // This prevents unnecessary resets when user simply unselects without searching
+    const hadActiveSearch = !staticValue && lastSearchQueryRef.current.trim().length > 0;
+    callResetData(hadActiveSearch);
+  }, [staticValue, callResetData]);
   const handleSingleSelectChange = (0, _react.useCallback)(newValue => {
     if (disabled) {
       return;
     }
     if (newValue === undefined || newValue === null) {
-      if (resetData && options.length > 0) {
-        prevOptionsBeforeResetRef.current = options;
-        setIsResettingData(true);
-        resetDataCalledRef.current = true;
-        resetDataCalledTimeRef.current = Date.now();
-        resetData();
-      }
+      handleResetDataOnClear();
     }
     onChange == null || onChange(newValue);
-  }, [onChange, resetData, options, disabled]);
+  }, [onChange, disabled, handleResetDataOnClear]);
   const handleMultiSelectChange = (0, _react.useCallback)(newValue => {
     if (disabled) {
       return;
@@ -1467,16 +1327,10 @@ const useCapUnifiedSelect = _ref => {
       hasInteractedRef.current = true;
     }
     if (newValue === undefined || newValue === null || Array.isArray(newValue) && newValue.length === 0) {
-      if (resetData && options.length > 0) {
-        prevOptionsBeforeResetRef.current = options;
-        setIsResettingData(true);
-        resetDataCalledRef.current = true;
-        resetDataCalledTimeRef.current = Date.now();
-        resetData();
-      }
+      handleResetDataOnClear();
     }
     setTempValue(newValue);
-  }, [resetData, options, disabled]);
+  }, [disabled, handleResetDataOnClear]);
   return {
     searchText,
     setSearchText,
@@ -1937,6 +1791,7 @@ module.exports = ___CSS_LOADER_EXPORT___;
 
 exports.__esModule = true;
 exports.enhanceOptionsWithComponents = void 0;
+var _classnames = _interopRequireDefault(__webpack_require__(6942));
 var _react = _interopRequireDefault(__webpack_require__(9206));
 var _CapLabel = _interopRequireDefault(__webpack_require__(3737));
 var _CapRow = _interopRequireDefault(__webpack_require__(7375));
@@ -1954,15 +1809,18 @@ const enhanceOptionsWithComponents = (options, type) => {
   if (!(options != null && options.length)) return [];
   const isTree = type === _constants.SELECT_TYPES.TREE_SELECT || type === _constants.SELECT_TYPES.MULTI_TREE_SELECT;
   const enhanceOptions = opts => opts.map(opt => {
+    const displayText = (opt == null ? void 0 : opt.hoverText) || (opt == null ? void 0 : opt.label);
+    const tooltipTitle = (opt == null ? void 0 : opt.hoverText) || undefined;
     const decoratedTitle = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
       className: _styles.default['cap-unified-select-option-with-suffix'],
       justify: "space-between",
       align: "middle",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: _styles.default['cap-unified-select-option-label'],
+        className: (0, _classnames.default)(_styles.default['cap-unified-select-option-label'], _styles.default['truncate-text']),
+        title: tooltipTitle,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
           type: "label14",
-          children: opt == null ? void 0 : opt.label
+          children: displayText
         })
       }), ((opt == null ? void 0 : opt.optionSuffix) || (opt == null ? void 0 : opt.optionTooltipInfo)) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: _styles.default['cap-unified-select-option-end'],
@@ -1985,31 +1843,36 @@ const enhanceOptionsWithComponents = (options, type) => {
   if (isTree) {
     return enhanceOptions(options);
   }
-  return options.map(opt => _extends({}, opt, {
-    title: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
-      className: _styles.default['cap-unified-select-option-with-suffix'],
-      justify: "space-between",
-      align: "middle",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: _styles.default['cap-unified-select-option-label'],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-          type: "label14",
-          children: opt == null ? void 0 : opt.label
-        })
-      }), ((opt == null ? void 0 : opt.optionSuffix) || (opt == null ? void 0 : opt.optionTooltipInfo)) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: _styles.default['cap-unified-select-option-end'],
-        children: [(opt == null ? void 0 : opt.optionSuffix) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-          className: _styles.default['cap-unified-select-option-suffix'],
-          children: [opt == null ? void 0 : opt.optionSuffix, (opt == null ? void 0 : opt.optionSuffixInfo) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
-            title: opt == null ? void 0 : opt.optionSuffixInfo
+  return options.map(opt => {
+    const displayText = (opt == null ? void 0 : opt.hoverText) || (opt == null ? void 0 : opt.label);
+    const tooltipTitle = (opt == null ? void 0 : opt.hoverText) || undefined;
+    return _extends({}, opt, {
+      title: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
+        className: _styles.default['cap-unified-select-option-with-suffix'],
+        justify: "space-between",
+        align: "middle",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _classnames.default)(_styles.default['cap-unified-select-option-label'], _styles.default['truncate-text']),
+          title: tooltipTitle,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+            type: "label14",
+            children: displayText
+          })
+        }), ((opt == null ? void 0 : opt.optionSuffix) || (opt == null ? void 0 : opt.optionTooltipInfo)) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: _styles.default['cap-unified-select-option-end'],
+          children: [(opt == null ? void 0 : opt.optionSuffix) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+            className: _styles.default['cap-unified-select-option-suffix'],
+            children: [opt == null ? void 0 : opt.optionSuffix, (opt == null ? void 0 : opt.optionSuffixInfo) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
+              title: opt == null ? void 0 : opt.optionSuffixInfo
+            })]
+          }), (opt == null ? void 0 : opt.optionTooltipInfo) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
+            title: opt == null ? void 0 : opt.optionTooltipInfo
           })]
-        }), (opt == null ? void 0 : opt.optionTooltipInfo) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
-          title: opt == null ? void 0 : opt.optionTooltipInfo
         })]
-      })]
-    }),
-    label: opt == null ? void 0 : opt.label
-  }));
+      }),
+      label: opt == null ? void 0 : opt.label
+    });
+  });
 };
 exports.enhanceOptionsWithComponents = enhanceOptionsWithComponents;
 
@@ -23159,7 +23022,7 @@ exports.CustomDropdown = CustomDropdown;
 
 
 exports.__esModule = true;
-exports.reorderOptionsBySelection = exports.prepareDataSource = exports.findValueInOptions = exports.findMissingValues = exports.filterTreeData = exports.countSelectedLeaves = exports.buildTreeMaps = void 0;
+exports.reorderOptionsBySelection = exports.prepareDataSource = exports.getScrollContainer = exports.findValueInOptions = exports.findMissingValues = exports.filterTreeData = exports.countSelectedLeaves = exports.buildTreeMaps = void 0;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 /**
  * Builds tree maps for efficient tree operations
@@ -23397,7 +23260,32 @@ const prepareDataSource = (options, orderedOptions, searchText, value, staticVal
   const allOptions = hasSearchQuery ? [...sourceOptions, ...virtualOptions] : [...virtualOptions, ...sourceOptions];
   return allOptions != null && allOptions.length ? allOptions : [];
 };
+
+/**
+ * Finds the scrollable container element within the dropdown
+ * Checks for tree list holder, virtual list holder, or dropdown itself
+ * Returns the first scrollable container found, or null if none
+ */
 exports.prepareDataSource = prepareDataSource;
+const getScrollContainer = () => {
+  const dropdowns = document.querySelectorAll('.ant-select-dropdown:not(.ant-select-dropdown-hidden)');
+  if (dropdowns.length === 0) return null;
+  const dropdown = Array.from(dropdowns).pop();
+  if (!dropdown) return null;
+  const treeList = dropdown.querySelector('.ant-select-tree-list-holder');
+  if (treeList && treeList.scrollHeight > treeList.clientHeight) {
+    return treeList;
+  }
+  const virtualList = dropdown.querySelector('.rc-virtual-list-holder');
+  if (virtualList && virtualList.scrollHeight > virtualList.clientHeight) {
+    return virtualList;
+  }
+  if (dropdown.scrollHeight > dropdown.clientHeight) {
+    return dropdown;
+  }
+  return null;
+};
+exports.getScrollContainer = getScrollContainer;
 
 /***/ }),
 
@@ -23566,6 +23454,227 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 
 /***/ }),
 
+/***/ 9103:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.useInfiniteScroll = void 0;
+var _react = __webpack_require__(9206);
+var _constants = __webpack_require__(9788);
+var _utils = __webpack_require__(8052);
+/**
+ * Custom hook for handling infinite scroll/pagination in dropdown
+ * Manages scroll event listeners, loading states, and triggers onPopupScroll callback
+ */
+const useInfiniteScroll = _ref => {
+  let {
+    onPopupScroll,
+    hasMore,
+    options,
+    dropdownOpen,
+    optionsRef,
+    hasInteractedRef
+  } = _ref;
+  const [isLoadingOnScroll, setIsLoadingOnScroll] = (0, _react.useState)(false);
+  const scrollContainerRef = (0, _react.useRef)(null);
+  const scrollLoadingTimeoutRef = (0, _react.useRef)(null);
+  const isScrollProcessingRef = (0, _react.useRef)(false);
+  const scrollThrottleTimeoutRef = (0, _react.useRef)(null);
+  const prevOptionsRefForScroll = (0, _react.useRef)(options);
+  const scrollTriggerOptionsCountRef = (0, _react.useRef)(options.length);
+  const prevOptionsCountRef = (0, _react.useRef)(options.length);
+  (0, _react.useEffect)(() => {
+    optionsRef.current = options;
+  }, [options, optionsRef]);
+  (0, _react.useEffect)(() => {
+    return () => {
+      if (scrollLoadingTimeoutRef.current) {
+        clearTimeout(scrollLoadingTimeoutRef.current);
+      }
+      if (scrollThrottleTimeoutRef.current) {
+        clearTimeout(scrollThrottleTimeoutRef.current);
+      }
+    };
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (!hasMore && isLoadingOnScroll) {
+      setIsLoadingOnScroll(false);
+      isScrollProcessingRef.current = false;
+      if (scrollLoadingTimeoutRef.current) {
+        clearTimeout(scrollLoadingTimeoutRef.current);
+        scrollLoadingTimeoutRef.current = null;
+      }
+    }
+  }, [hasMore, isLoadingOnScroll]);
+
+  /**
+   * PRIMARY MECHANISM: Detect when API call completes by monitoring options changes
+   * When onPopupScroll() is called, it triggers an API call. When the API completes,
+   * the options prop will change (new data loaded). This effect detects that change
+   * and sets loading to false, which is the correct way to handle API completion.
+   *
+   * This is the primary mechanism for detecting API completion when onPopupScroll
+   * doesn't return a Promise (backward compatibility).
+   */
+  (0, _react.useEffect)(() => {
+    if (!isLoadingOnScroll) {
+      prevOptionsCountRef.current = options.length;
+      prevOptionsRefForScroll.current = options;
+      return;
+    }
+    if (!onPopupScroll) {
+      return;
+    }
+    const optionsCountIncreased = options.length > prevOptionsCountRef.current;
+    const optionsContentChanged = (() => {
+      const prevCount = prevOptionsCountRef.current;
+      const currentCount = options.length;
+      if (prevCount !== currentCount) {
+        return true;
+      }
+      if (currentCount > 0 && prevCount > 0 && prevOptionsRefForScroll.current.length > 0) {
+        const prevOptions = prevOptionsRefForScroll.current;
+        const lastPrevOption = prevOptions[prevOptions.length - 1];
+        const lastCurrentOption = options[options.length - 1];
+        if ((lastPrevOption == null ? void 0 : lastPrevOption.value) !== (lastCurrentOption == null ? void 0 : lastCurrentOption.value) || (lastPrevOption == null ? void 0 : lastPrevOption.label) !== (lastCurrentOption == null ? void 0 : lastCurrentOption.label)) {
+          return true;
+        }
+      }
+      return false;
+    })();
+    if (optionsCountIncreased || optionsContentChanged) {
+      setIsLoadingOnScroll(false);
+      isScrollProcessingRef.current = false;
+      if (scrollLoadingTimeoutRef.current) {
+        clearTimeout(scrollLoadingTimeoutRef.current);
+        scrollLoadingTimeoutRef.current = null;
+      }
+      prevOptionsCountRef.current = options.length;
+      prevOptionsRefForScroll.current = options;
+    }
+  }, [options, isLoadingOnScroll, onPopupScroll]);
+  const handleScroll = (0, _react.useCallback)(event => {
+    if (!onPopupScroll) return;
+    const target = event.target;
+    if (!target) return;
+    const isNearBottom = Math.floor(target.scrollHeight - target.scrollTop) <= target.clientHeight;
+    if (!isNearBottom) {
+      isScrollProcessingRef.current = false;
+      return;
+    }
+    if (isScrollProcessingRef.current) return;
+    if (isLoadingOnScroll) return;
+    if (!hasMore) {
+      isScrollProcessingRef.current = false;
+      return;
+    }
+    if (scrollThrottleTimeoutRef.current) {
+      clearTimeout(scrollThrottleTimeoutRef.current);
+    }
+    isScrollProcessingRef.current = true;
+    scrollThrottleTimeoutRef.current = setTimeout(() => {
+      const stillNearBottom = Math.floor(target.scrollHeight - target.scrollTop) <= target.clientHeight;
+      if (!stillNearBottom || isLoadingOnScroll || !hasMore) {
+        isScrollProcessingRef.current = false;
+        return;
+      }
+      const currentOptions = optionsRef.current;
+      prevOptionsCountRef.current = currentOptions.length;
+      prevOptionsRefForScroll.current = currentOptions;
+      scrollTriggerOptionsCountRef.current = currentOptions.length;
+      setIsLoadingOnScroll(true);
+      if (scrollLoadingTimeoutRef.current) {
+        clearTimeout(scrollLoadingTimeoutRef.current);
+        scrollLoadingTimeoutRef.current = null;
+      }
+      hasInteractedRef.current = true;
+      const scrollResult = onPopupScroll();
+      if (scrollResult && typeof scrollResult === 'object' && 'then' in scrollResult) {
+        Promise.resolve(scrollResult).then(() => {
+          setIsLoadingOnScroll(false);
+          isScrollProcessingRef.current = false;
+          if (scrollLoadingTimeoutRef.current) {
+            clearTimeout(scrollLoadingTimeoutRef.current);
+            scrollLoadingTimeoutRef.current = null;
+          }
+        }).catch(() => {
+          setIsLoadingOnScroll(false);
+          isScrollProcessingRef.current = false;
+          if (scrollLoadingTimeoutRef.current) {
+            clearTimeout(scrollLoadingTimeoutRef.current);
+            scrollLoadingTimeoutRef.current = null;
+          }
+        });
+      }
+      scrollLoadingTimeoutRef.current = setTimeout(() => {
+        setIsLoadingOnScroll(prev => {
+          if (prev) {
+            scrollLoadingTimeoutRef.current = null;
+            isScrollProcessingRef.current = false;
+            return false;
+          }
+          return prev;
+        });
+      }, _constants.TIMEOUTS.SCROLL_LOADING_TIMEOUT);
+    }, 150);
+  }, [onPopupScroll, isLoadingOnScroll, hasMore, optionsRef, hasInteractedRef]);
+  (0, _react.useEffect)(() => {
+    if (!onPopupScroll || !dropdownOpen) return;
+    const timeoutId = setTimeout(() => {
+      const scrollContainer = (0, _utils.getScrollContainer)();
+      if (scrollContainer) {
+        scrollContainerRef.current = scrollContainer;
+        scrollContainer.addEventListener('scroll', handleScroll, {
+          passive: true
+        });
+      }
+    }, _constants.TIMEOUTS.SCROLL_CONTAINER_DELAY);
+    return () => {
+      clearTimeout(timeoutId);
+      if (scrollThrottleTimeoutRef.current) {
+        clearTimeout(scrollThrottleTimeoutRef.current);
+        scrollThrottleTimeoutRef.current = null;
+      }
+      if (scrollContainerRef.current) {
+        scrollContainerRef.current.removeEventListener('scroll', handleScroll);
+        scrollContainerRef.current = null;
+      }
+      isScrollProcessingRef.current = false;
+    };
+  }, [onPopupScroll, dropdownOpen, handleScroll]);
+
+  /**
+   * Reset scroll state - used when clearing or closing dropdown
+   */
+  const resetScrollState = (0, _react.useCallback)(() => {
+    setIsLoadingOnScroll(false);
+    isScrollProcessingRef.current = false;
+    if (scrollLoadingTimeoutRef.current) {
+      clearTimeout(scrollLoadingTimeoutRef.current);
+      scrollLoadingTimeoutRef.current = null;
+    }
+    if (scrollThrottleTimeoutRef.current) {
+      clearTimeout(scrollThrottleTimeoutRef.current);
+      scrollThrottleTimeoutRef.current = null;
+    }
+    if (scrollContainerRef.current) {
+      scrollContainerRef.current.removeEventListener('scroll', handleScroll);
+      scrollContainerRef.current = null;
+    }
+  }, [handleScroll]);
+  return {
+    isLoadingOnScroll,
+    resetScrollState,
+    scrollTriggerOptionsCountRef
+  };
+};
+exports.useInfiniteScroll = useInfiniteScroll;
+
+/***/ }),
+
 /***/ 9162:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -23747,7 +23856,7 @@ var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(1601);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-unified-select-header-wrapper{display:flex;align-items:center}.blaze-ui-cap-unified-select-header-wrapper.blaze-ui-disabled{opacity:.5;cursor:not-allowed}.blaze-ui-cap-unified-select-header-wrapper .blaze-ui-cap-unified-select-header-label{font-family:"Roboto",sans-serif;font-weight:500;font-size:1rem;line-height:1.429rem;letter-spacing:0}.blaze-ui-cap-unified-select-header-byline-text{font-family:"Roboto",sans-serif;font-weight:400;font-size:.857rem;letter-spacing:0;color:#97a0af}.blaze-ui-cap-unified-select-container{text-align:justify;min-width:13.786rem}.blaze-ui-cap-unified-select-container.blaze-ui-disabled{cursor:not-allowed}.blaze-ui-cap-unified-select-container .blaze-ui-cap-unified-select-more-text{cursor:pointer;color:#091e42;margin-right:.286rem;position:relative}.blaze-ui-cap-unified-select-container.ant-select-disabled .blaze-ui-cap-unified-select-more-text{color:unset !important;cursor:not-allowed}.blaze-ui-cap-unified-select-container.ant-select-focused .ant-select-selector{border:.071rem solid #091e42 !important}.blaze-ui-cap-unified-select-container .blaze-ui-cap-unified-select-suffix-icon{color:#7a869a}.blaze-ui-cap-unified-select-container .blaze-ui-cap-tooltip-with-info-icon{margin-top:.143rem}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select.blaze-ui-cap-unified-tree-select-readonly{pointer-events:none}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select.blaze-ui-cap-unified-tree-select-readonly .blaze-ui-cap-unified-select-more-text{pointer-events:auto;color:unset !important}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select .ant-select-tree-treenode{padding-left:.286rem}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly .ant-select-selector{background-color:#fff;border-color:#ebecf0 !important;cursor:default}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly .ant-select-arrow{pointer-events:auto;color:#b3bac5}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly.ant-select-outlined:hover .ant-select-selector,.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly.ant-select-outlined:active .ant-select-selector,.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly.ant-select-outlined:focus .ant-select-selector{border-color:#ebecf0 !important}.blaze-ui-cap-unified-select-container .blaze-ui-cap-unified-select-status{color:#ea213a}.blaze-ui-cap-unified-select-container .ant-select-outlined:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector{border-color:#7a869a}.blaze-ui-cap-unified-select-container .ant-select-selector{background-color:#fff !important;border:.071rem solid #7a869a !important;border-radius:.286rem !important}.blaze-ui-cap-unified-select-container .ant-select-selector .ant-select-selection-placeholder{pointer-events:unset;color:#97a0af;display:flex;align-items:center}.blaze-ui-cap-unified-select-container .ant-select-prefix{font-size:1rem;font-weight:400;color:unset !important;line-height:1.429rem}.blaze-ui-cap-unified-select-container .ant-select-disabled .ant-select-prefix{color:unset !important}.blaze-ui-cap-unified-select-container .ant-input-affix-wrapper .ant-input-prefix{left:.857rem}.blaze-ui-cap-unified-select-container .ant-select-selector{border-color:#7a869a !important;box-shadow:none !important;outline:0}.blaze-ui-cap-unified-select-container .ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):hover{background-color:#47af46}.blaze-ui-cap-unified-select-container .ant-select-dropdown{margin-top:-0.571rem !important;border-radius:.286rem;background-color:#fff;box-shadow:0 .286rem .571rem -0.143rem rgba(9,30,66,.15),0 0 .071rem 0 rgba(9,30,66,.1);max-height:25.714rem;overflow:visible}.blaze-ui-cap-unified-select-container .ant-select-outlined.ant-select-multiple .ant-select-selection-wrap .ant-select-selection-item{background:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-container .ant-select-multiple .ant-select-selection-wrap .ant-select-selection-item,.blaze-ui-cap-unified-select-container .ant-select-selection-wrap .ant-select-selection-item{background:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-container .ant-select-multiple .ant-select-selection-wrap{align-self:center}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-search-container{border-bottom:.071rem solid #ebecf0 !important;line-height:2.857rem !important}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-search-container .blaze-ui-cap-unified-select-search-icon{color:#b3bac5}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-select-all-container{padding:.643rem 1.071rem;display:flex;align-items:center;border-bottom:.071rem solid #ebecf0;height:2.857rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-select-all-container .blaze-ui-cap-unified-select-select-all-checkbox{display:contents !important}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-upload-container{cursor:pointer;display:flex;align-items:center;border-bottom:.071rem solid #ebecf0;height:2.857rem;padding-left:1.143rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-upload-container .blaze-ui-cap-unified-select-upload-icon{color:#2466ea}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-upload-container .blaze-ui-cap-unified-select-upload-label{margin-left:.857rem;color:#2466ea}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container{display:flex;align-items:center;height:3.429rem;padding:.5rem;border-top:.071rem solid #ebecf0}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group{display:flex;padding-left:.571rem;align-items:center;width:100%}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-confirm-button{background-color:#47af46;height:2.286rem;width:6.714rem;color:#fff}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-confirm-button:hover{background-color:#1f9a1d}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-confirm-button:disabled{background-color:#a1d8a0}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-cancel-button{border:rgba(0,0,0,0);box-shadow:none;width:5.714rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-selected-count{display:flex;margin-left:auto;font-size:.857rem;font-weight:400;line-height:1.143rem;color:#5e6c84}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-tree-clear-container{display:flex;justify-content:center;align-items:center;height:2.857rem;border-top:.071rem solid #ebecf0;cursor:pointer;color:#091e42}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-tree-clear-container:hover{background-color:#ebecf0}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-tree-clear-container .blaze-ui-cap-unified-select-tree-clear-label{font-size:1rem;font-weight:400}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-footer-download-container{cursor:pointer;display:flex;align-items:center;margin-left:auto;padding-right:1.143rem;gap:.857rem;flex-wrap:nowrap}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-footer-download-container:hover{opacity:.8}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-footer-download-container .blaze-ui-cap-unified-select-footer-download-icon{color:#2466ea;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-footer-download-container .blaze-ui-cap-unified-select-footer-download-label{color:#2466ea;font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:.857rem;line-height:1.143rem;letter-spacing:0;white-space:nowrap;display:inline-flex;align-items:center}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-no-result{display:flex;flex-direction:column;align-items:center;justify-content:center;height:14.286rem;color:#97a0af;font-size:1rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-no-result .blaze-ui-cap-unified-select-no-result-text{font-weight:500}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:14.286rem;width:100%;gap:.571rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-loading-more{display:flex;align-items:center;justify-content:center;padding:.857rem;border-top:.071rem solid #ebecf0;color:#97a0af}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-menu-wrapper{position:relative;width:100%}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(255,255,255,.8);z-index:10;gap:.571rem;color:#97a0af}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix{display:flex;justify-content:start;align-items:center;width:100%;height:100%;line-height:1.5;vertical-align:middle;flex:1}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-unified-select-option-label{display:flex;align-items:center;flex-shrink:1;min-width:0}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-unified-select-option-end{display:flex;align-items:center;gap:.571rem;flex-shrink:0;margin-left:auto}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-unified-select-option-suffix{display:flex;align-items:center;padding:0 .571rem;max-height:1.429rem;white-space:nowrap}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-tooltip-with-info .blaze-ui-cap-tooltip-with-info-icon{margin-top:.357rem;color:#42526e}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-tooltip-with-info .blaze-ui-cap-tooltip-with-info-icon .blaze-ui-cap-icon{color:#42526e}.blaze-ui-cap-unified-select-popup .ant-select-dropdown .ant-select-dropdown-menu{margin-top:0 !important}.blaze-ui-cap-unified-select-popup .ant-select-dropdown .ant-select-dropdown-menu .ant-select-dropdown-menu-item{padding:.571rem 1.714rem !important;height:unset !important;font-size:1rem !important}.blaze-ui-cap-unified-select-popup .ant-select-dropdown .ant-select-dropdown-menu-item-disabled{color:rgba(0,0,0,.25) !important;cursor:not-allowed !important;line-height:1.428rem !important;font-size:1rem !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-content-wrapper{background-color:rgba(0,0,0,0);height:100%;display:flex;align-items:center}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-content-wrapper:hover{background-color:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper{background-color:rgba(0,0,0,0) !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode{height:2.857rem;margin-bottom:0;display:flex;align-items:center;width:100%}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode:hover{background-color:#fffbe6}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-selected{background-color:#f4f5f7 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-disabled{cursor:not-allowed !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-disabled .blaze-ui-cap-unified-select-option-label{color:#b3bac5}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-disabled .blaze-ui-cap-icon{color:#b3bac5 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode.ant-select-tree-treenode-selected{background-color:#f4f5f7}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-leaf .ant-select-tree-switcher-noop{display:none}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox{display:flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox .ant-select-tree-checkbox-inner{height:1.286rem;width:1.286rem;border:.143rem solid #b3bac5;border-radius:.286rem;display:flex;align-items:center;justify-content:center}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner{background-color:#47af46;border:.143rem solid #47af46 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:hover{background-color:#47af46;border:.143rem solid #47af46 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner{background-color:#47af46 !important;border-color:#47af46 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after{content:"";position:absolute;top:50%;left:50%;width:.714rem;height:.143rem;background-color:#fff;transform:translate(-50%, -50%);border-radius:.071rem}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-content-wrapper{border-radius:0;padding-left:.214rem;width:100%;display:flex;align-items:center}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-title{width:100%;display:flex}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-indent{margin-left:.857rem;display:flex;align-items:center}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-switcher{display:flex;align-items:center;justify-content:center}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-switcher:not(.ant-select-tree-switcher-noop):hover:before{background-color:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-switcher .ant-select-tree-switcher-icon{font-size:.857rem;margin-top:1.286rem}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-list-holder-inner{width:fit-content !important;min-width:100%}.blaze-ui-cap-unified-select-popup .ant-tree-select:hover .ant-select-selector{border-color:#7a869a}.blaze-ui-cap-unified-select-popup .ant-tree-select-focused .ant-select-selector,.blaze-ui-cap-unified-select-popup .ant-tree-select-open .ant-select-selector{border-color:#7a869a;box-shadow:none;outline:none}.blaze-ui-cap-unified-select-popup .ant-checkbox-inner{height:1.286rem;width:1.286rem;border:.143rem solid #b3bac5;border-radius:.286rem}.blaze-ui-cap-unified-select-popup .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner{background-color:#47af46;border:.143rem solid #47af46 !important}.blaze-ui-cap-unified-select-popup .ant-checkbox-indeterminate .ant-checkbox-inner{background-color:#47af46 !important;border-color:#47af46 !important}.blaze-ui-cap-unified-select-popup .ant-checkbox-indeterminate .ant-checkbox-inner::after{content:"";position:absolute;top:50%;left:50%;width:.714rem;height:.143rem;background-color:#fff;transform:translate(-50%, -50%);border-radius:.071rem}.blaze-ui-cap-unified-select-popup .ant-input-affix-wrapper{padding-left:.571rem;border:none;box-shadow:none;border-radius:0;border-bottom:.071rem solid rgba(0,0,0,0);transition:border-color .2s ease}.blaze-ui-cap-unified-select-popup .ant-input-affix-wrapper:hover{border-bottom:.071rem solid #7a869a !important;box-shadow:none}.blaze-ui-cap-unified-select-popup .ant-input-affix-wrapper:focus-within{border-bottom:.071rem solid #091e42 !important;box-shadow:none;outline:none}.blaze-ui-cap-unified-select-popup .ant-input-affix-wrapper .ant-input{border:none !important;box-shadow:none !important}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-unified-select-header-wrapper{display:flex;align-items:center}.blaze-ui-cap-unified-select-header-wrapper.blaze-ui-disabled{opacity:.5;cursor:not-allowed}.blaze-ui-cap-unified-select-header-wrapper .blaze-ui-cap-unified-select-header-label{font-family:"Roboto",sans-serif;font-weight:500;font-size:1rem;line-height:1.429rem;letter-spacing:0}.blaze-ui-cap-unified-select-header-byline-text{font-family:"Roboto",sans-serif;font-weight:400;font-size:.857rem;letter-spacing:0;color:#97a0af}.blaze-ui-cap-unified-select-container{text-align:justify;min-width:13.786rem}.blaze-ui-cap-unified-select-container.blaze-ui-disabled{cursor:not-allowed}.blaze-ui-cap-unified-select-container .blaze-ui-cap-unified-select-more-text{cursor:pointer;color:#091e42;margin-right:.286rem;position:relative}.blaze-ui-cap-unified-select-container.ant-select-disabled .blaze-ui-cap-unified-select-more-text{color:unset !important;cursor:not-allowed}.blaze-ui-cap-unified-select-container.ant-select-focused .ant-select-selector{border:.071rem solid #091e42 !important}.blaze-ui-cap-unified-select-container .blaze-ui-cap-unified-select-suffix-icon{color:#7a869a}.blaze-ui-cap-unified-select-container .blaze-ui-cap-tooltip-with-info-icon{margin-top:.143rem}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select.blaze-ui-cap-unified-tree-select-readonly{pointer-events:none}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select.blaze-ui-cap-unified-tree-select-readonly .blaze-ui-cap-unified-select-more-text{pointer-events:auto;color:unset !important}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select .ant-select-tree-treenode{padding-left:.286rem}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly .ant-select-selector{background-color:#fff;border-color:#ebecf0 !important;cursor:default}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly .ant-select-arrow{pointer-events:auto;color:#b3bac5}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly.ant-select-outlined:hover .ant-select-selector,.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly.ant-select-outlined:active .ant-select-selector,.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly.ant-select-outlined:focus .ant-select-selector{border-color:#ebecf0 !important}.blaze-ui-cap-unified-select-container .blaze-ui-cap-unified-select-status{color:#ea213a}.blaze-ui-cap-unified-select-container .ant-select-outlined:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector{border-color:#7a869a}.blaze-ui-cap-unified-select-container .ant-select-selector{background-color:#fff !important;border:.071rem solid #7a869a !important;border-radius:.286rem !important}.blaze-ui-cap-unified-select-container .ant-select-selector .ant-select-selection-placeholder{pointer-events:unset;color:#97a0af;display:flex;align-items:center}.blaze-ui-cap-unified-select-container .ant-select-prefix{font-size:1rem;font-weight:400;color:unset !important;line-height:1.429rem}.blaze-ui-cap-unified-select-container .ant-select-disabled .ant-select-prefix{color:unset !important}.blaze-ui-cap-unified-select-container .ant-input-affix-wrapper .ant-input-prefix{left:.857rem}.blaze-ui-cap-unified-select-container .ant-select-selector{border-color:#7a869a !important;box-shadow:none !important;outline:0}.blaze-ui-cap-unified-select-container .ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):hover{background-color:#47af46}.blaze-ui-cap-unified-select-container .ant-select-dropdown{margin-top:-0.571rem !important;border-radius:.286rem;background-color:#fff;box-shadow:0 .286rem .571rem -0.143rem rgba(9,30,66,.15),0 0 .071rem 0 rgba(9,30,66,.1);max-height:25.714rem;overflow:visible}.blaze-ui-cap-unified-select-container .ant-select-outlined.ant-select-multiple .ant-select-selection-wrap .ant-select-selection-item{background:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-container .ant-select-multiple .ant-select-selection-wrap .ant-select-selection-item,.blaze-ui-cap-unified-select-container .ant-select-selection-wrap .ant-select-selection-item{background:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-container .ant-select-multiple .ant-select-selection-wrap{align-self:center}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-search-container{border-bottom:.071rem solid #ebecf0 !important;line-height:2.857rem !important}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-search-container .blaze-ui-cap-unified-select-search-icon{color:#b3bac5}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-select-all-container{padding:.643rem 1.071rem;display:flex;align-items:center;border-bottom:.071rem solid #ebecf0;height:2.857rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-select-all-container .blaze-ui-cap-unified-select-select-all-checkbox{display:contents !important}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-upload-container{cursor:pointer;display:flex;align-items:center;border-bottom:.071rem solid #ebecf0;height:2.857rem;padding-left:1.143rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-upload-container .blaze-ui-cap-unified-select-upload-icon{color:#2466ea}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-upload-container .blaze-ui-cap-unified-select-upload-label{margin-left:.857rem;color:#2466ea}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container{display:flex;align-items:center;height:3.429rem;padding:.5rem;border-top:.071rem solid #ebecf0}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group{display:flex;padding-left:.571rem;align-items:center;width:100%}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-confirm-button{background-color:#47af46;height:2.286rem;width:6.714rem;color:#fff}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-confirm-button:hover{background-color:#1f9a1d}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-confirm-button:disabled{background-color:#a1d8a0}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-cancel-button{border:rgba(0,0,0,0);box-shadow:none;width:5.714rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-selected-count{display:flex;margin-left:auto;font-size:.857rem;font-weight:400;line-height:1.143rem;color:#5e6c84}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-tree-clear-container{display:flex;justify-content:center;align-items:center;height:2.857rem;border-top:.071rem solid #ebecf0;cursor:pointer;color:#091e42}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-tree-clear-container:hover{background-color:#ebecf0}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-tree-clear-container .blaze-ui-cap-unified-select-tree-clear-label{font-size:1rem;font-weight:400}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-footer-download-container{cursor:pointer;display:flex;align-items:center;margin-left:auto;padding-right:1.143rem;gap:.857rem;flex-wrap:nowrap}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-footer-download-container:hover{opacity:.8}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-footer-download-container .blaze-ui-cap-unified-select-footer-download-icon{color:#2466ea;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-footer-download-container .blaze-ui-cap-unified-select-footer-download-label{color:#2466ea;font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:.857rem;line-height:1.143rem;letter-spacing:0;white-space:nowrap;display:inline-flex;align-items:center}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-no-result{display:flex;flex-direction:column;align-items:center;justify-content:center;height:14.286rem;color:#97a0af;font-size:1rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-no-result .blaze-ui-cap-unified-select-no-result-text{font-weight:500}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:14.286rem;width:100%;gap:.571rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-loading-more{display:flex;align-items:center;justify-content:center;padding:.857rem;border-top:.071rem solid #ebecf0;color:#97a0af}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-menu-wrapper{position:relative;width:100%}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(255,255,255,.8);z-index:10;gap:.571rem;color:#97a0af}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix{display:flex;justify-content:start;align-items:center;width:100%;height:100%;line-height:1.5;vertical-align:middle;flex:1}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-unified-select-option-label{display:flex;align-items:center;flex-shrink:1;min-width:0}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-unified-select-option-label.blaze-ui-truncate-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-unified-select-option-label.blaze-ui-truncate-text .cap-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-unified-select-option-end{display:flex;align-items:center;gap:.571rem;flex-shrink:0;margin-left:auto}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-unified-select-option-suffix{display:flex;align-items:center;padding:0 .571rem;max-height:1.429rem;white-space:nowrap}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-tooltip-with-info .blaze-ui-cap-tooltip-with-info-icon{margin-top:.357rem;color:#42526e}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-tooltip-with-info .blaze-ui-cap-tooltip-with-info-icon .blaze-ui-cap-icon{color:#42526e}.blaze-ui-cap-unified-select-popup .ant-select-dropdown .ant-select-dropdown-menu{margin-top:0 !important}.blaze-ui-cap-unified-select-popup .ant-select-dropdown .ant-select-dropdown-menu .ant-select-dropdown-menu-item{padding:.571rem 1.714rem !important;height:unset !important;font-size:1rem !important}.blaze-ui-cap-unified-select-popup .ant-select-dropdown .ant-select-dropdown-menu-item-disabled{color:rgba(0,0,0,.25) !important;cursor:not-allowed !important;line-height:1.428rem !important;font-size:1rem !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-content-wrapper{background-color:rgba(0,0,0,0);height:100%;display:flex;align-items:center}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-content-wrapper:hover{background-color:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper{background-color:rgba(0,0,0,0) !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode{height:2.857rem;margin-bottom:0;display:flex;align-items:center;width:100%}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode:hover{background-color:#fffbe6}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-selected{background-color:#f4f5f7 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-disabled{cursor:not-allowed !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-disabled .blaze-ui-cap-unified-select-option-label{color:#b3bac5}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-disabled .blaze-ui-cap-icon{color:#b3bac5 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode.ant-select-tree-treenode-selected{background-color:#f4f5f7}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-leaf .ant-select-tree-switcher-noop{display:none}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox{display:flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox .ant-select-tree-checkbox-inner{height:1.286rem;width:1.286rem;border:.143rem solid #b3bac5;border-radius:.286rem;display:flex;align-items:center;justify-content:center}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner{background-color:#47af46;border:.143rem solid #47af46 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:hover{background-color:#47af46;border:.143rem solid #47af46 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner{background-color:#47af46 !important;border-color:#47af46 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after{content:"";position:absolute;top:50%;left:50%;width:.714rem;height:.143rem;background-color:#fff;transform:translate(-50%, -50%);border-radius:.071rem}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-content-wrapper{border-radius:0;padding-left:.214rem;width:100%;display:flex;align-items:center}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-title{width:100%;display:flex}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-indent{margin-left:.857rem;display:flex;align-items:center}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-switcher{display:flex;align-items:center;justify-content:center}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-switcher:not(.ant-select-tree-switcher-noop):hover:before{background-color:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-switcher .ant-select-tree-switcher-icon{font-size:.857rem;margin-top:1.286rem}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-list-holder-inner{width:fit-content !important;min-width:100%}.blaze-ui-cap-unified-select-popup .ant-tree-select:hover .ant-select-selector{border-color:#7a869a}.blaze-ui-cap-unified-select-popup .ant-tree-select-focused .ant-select-selector,.blaze-ui-cap-unified-select-popup .ant-tree-select-open .ant-select-selector{border-color:#7a869a;box-shadow:none;outline:none}.blaze-ui-cap-unified-select-popup .ant-checkbox-inner{height:1.286rem;width:1.286rem;border:.143rem solid #b3bac5;border-radius:.286rem}.blaze-ui-cap-unified-select-popup .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner{background-color:#47af46;border:.143rem solid #47af46 !important}.blaze-ui-cap-unified-select-popup .ant-checkbox-indeterminate .ant-checkbox-inner{background-color:#47af46 !important;border-color:#47af46 !important}.blaze-ui-cap-unified-select-popup .ant-checkbox-indeterminate .ant-checkbox-inner::after{content:"";position:absolute;top:50%;left:50%;width:.714rem;height:.143rem;background-color:#fff;transform:translate(-50%, -50%);border-radius:.071rem}.blaze-ui-cap-unified-select-popup .ant-input-affix-wrapper{padding-left:.571rem;border:none;box-shadow:none;border-radius:0;border-bottom:.071rem solid rgba(0,0,0,0);transition:border-color .2s ease}.blaze-ui-cap-unified-select-popup .ant-input-affix-wrapper:hover{border-bottom:.071rem solid #7a869a !important;box-shadow:none}.blaze-ui-cap-unified-select-popup .ant-input-affix-wrapper:focus-within{border-bottom:.071rem solid #091e42 !important;box-shadow:none;outline:none}.blaze-ui-cap-unified-select-popup .ant-input-affix-wrapper .ant-input{border:none !important;box-shadow:none !important}`, ""]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"cap-unified-select-header-wrapper": `blaze-ui-cap-unified-select-header-wrapper`,
@@ -23787,6 +23896,7 @@ ___CSS_LOADER_EXPORT___.locals = {
 	"cap-unified-select-loading-overlay": `blaze-ui-cap-unified-select-loading-overlay`,
 	"cap-unified-select-option-with-suffix": `blaze-ui-cap-unified-select-option-with-suffix`,
 	"cap-unified-select-option-label": `blaze-ui-cap-unified-select-option-label`,
+	"truncate-text": `blaze-ui-truncate-text`,
 	"cap-unified-select-option-end": `blaze-ui-cap-unified-select-option-end`,
 	"cap-unified-select-option-suffix": `blaze-ui-cap-unified-select-option-suffix`,
 	"cap-tooltip-with-info": `blaze-ui-cap-tooltip-with-info`,
@@ -23965,7 +24075,7 @@ var _default = exports["default"] = LocaleHoc;
 
 exports.__esModule = true;
 exports.CAP_SPACE_52 = exports.CAP_SPACE_48 = exports.CAP_SPACE_44 = exports.CAP_SPACE_42 = exports.CAP_SPACE_40 = exports.CAP_SPACE_36 = exports.CAP_SPACE_32 = exports.CAP_SPACE_28 = exports.CAP_SPACE_24 = exports.CAP_SPACE_23 = exports.CAP_SPACE_20 = exports.CAP_SPACE_19 = exports.CAP_SPACE_18 = exports.CAP_SPACE_16 = exports.CAP_SPACE_12 = exports.CAP_SPACE_08 = exports.CAP_SPACE_06 = exports.CAP_SPACE_04 = exports.CAP_SPACE_03 = exports.CAP_SPACE_02 = exports.CAP_SPACE_01 = exports.CAP_SPACE_00 = exports.CAP_SECONDARY = exports.CAP_RED03 = exports.CAP_RED02 = exports.CAP_RED01 = exports.CAP_RED = exports.CAP_PURPLE04 = exports.CAP_PURPLE03 = exports.CAP_PURPLE02 = exports.CAP_PURPLE01 = exports.CAP_PURPLE = exports.CAP_PRIMARY = exports.CAP_PINK = exports.CAP_PALE_GREY = exports.CAP_ORANGE02 = exports.CAP_ORANGE01 = exports.CAP_ORANGE = exports.CAP_ICON = exports.CAP_GREEN02 = exports.CAP_GREEN01 = exports.CAP_G20 = exports.CAP_G19 = exports.CAP_G18 = exports.CAP_G17 = exports.CAP_G16 = exports.CAP_G15 = exports.CAP_G14 = exports.CAP_G13 = exports.CAP_G12 = exports.CAP_G11 = exports.CAP_G10 = exports.CAP_G09 = exports.CAP_G08 = exports.CAP_G07 = exports.CAP_G06 = exports.CAP_G05 = exports.CAP_G04 = exports.CAP_G03 = exports.CAP_G02 = exports.CAP_G01 = exports.CAP_COLOR_27 = exports.CAP_COLOR_26 = exports.CAP_COLOR_25 = exports.CAP_COLOR_24 = exports.CAP_COLOR_23 = exports.CAP_COLOR_22 = exports.CAP_COLOR_21 = exports.CAP_COLOR_20 = exports.CAP_COLOR_19 = exports.CAP_COLOR_18 = exports.CAP_COLOR_17 = exports.CAP_COLOR_16 = exports.CAP_COLOR_15 = exports.CAP_COLOR_14 = exports.CAP_COLOR_13 = exports.CAP_COLOR_12 = exports.CAP_COLOR_11 = exports.CAP_COLOR_10 = exports.CAP_COLOR_09 = exports.CAP_COLOR_08 = exports.CAP_COLOR_07 = exports.CAP_COLOR_06 = exports.CAP_COLOR_05 = exports.CAP_COLOR_04 = exports.CAP_COLOR_03 = exports.CAP_COLOR_02 = exports.CAP_COLOR_01 = exports.CAP_BLUE02 = exports.CAP_BLUE01 = exports.CAP_BLUE = exports.CAP_BLACK_ALPHA01 = exports.CAP_BLACK = exports.BUTTON_HEIGHT = exports.BORDER_WIDTH_2 = exports.BORDER_WIDTH_1 = exports.BG_08 = exports.BG_03 = exports.BG_02 = exports.BG_01 = void 0;
-exports.TRANSITION_ALL = exports.SPACING_32 = exports.SPACING_24 = exports.SPACING_16 = exports.SPACING_12 = exports.SPACING_08 = exports.SPACING_04 = exports.RADIUS_08 = exports.RADIUS_04 = exports.NORMAL_LINE_HEIGHT = exports.INPUT_HEIGHT = exports.ICON_SIZE_XS = exports.ICON_SIZE_S = exports.ICON_SIZE_M = exports.ICON_SIZE_L = exports.FONT_WEIGHT_REGULAR = exports.FONT_WEIGHT_MEDIUM = exports.FONT_SIZE_VS = exports.FONT_SIZE_VL = exports.FONT_SIZE_S = exports.FONT_SIZE_M = exports.FONT_SIZE_L = exports.FONT_FAMILY = exports.FONT_COLOR_06 = exports.FONT_COLOR_05 = exports.FONT_COLOR_04 = exports.FONT_COLOR_03 = exports.FONT_COLOR_02 = exports.FONT_COLOR_01 = exports.COLOR_WARNING = exports.COLOR_SUCCESS = exports.COLOR_INFO = exports.COLOR_ERROR = exports.CAP_YELLOW02 = exports.CAP_YELLOW01 = exports.CAP_YELLOW = exports.CAP_WHITE = exports.CAP_SPACE_80 = exports.CAP_SPACE_72 = exports.CAP_SPACE_64 = exports.CAP_SPACE_60 = exports.CAP_SPACE_56 = void 0;
+exports.TRANSITION_ALL = exports.SPACING_32 = exports.SPACING_24 = exports.SPACING_16 = exports.SPACING_12 = exports.SPACING_08 = exports.SPACING_04 = exports.RADIUS_08 = exports.RADIUS_04 = exports.NORMAL_LINE_HEIGHT = exports.INPUT_HEIGHT = exports.ICON_SIZE_XS = exports.ICON_SIZE_S = exports.ICON_SIZE_M = exports.ICON_SIZE_L = exports.FONT_WEIGHT_REGULAR = exports.FONT_WEIGHT_MEDIUM = exports.FONT_SIZE_VS = exports.FONT_SIZE_VL = exports.FONT_SIZE_S = exports.FONT_SIZE_M = exports.FONT_SIZE_L = exports.FONT_FAMILY = exports.FONT_COLOR_06 = exports.FONT_COLOR_05 = exports.FONT_COLOR_04 = exports.FONT_COLOR_03 = exports.FONT_COLOR_02 = exports.FONT_COLOR_01 = exports.COLOR_WARNING = exports.COLOR_SUCCESS = exports.COLOR_INFO = exports.COLOR_ERROR = exports.CAP_YELLOW02 = exports.CAP_YELLOW01 = exports.CAP_YELLOW = exports.CAP_WHITE_OVERLAY = exports.CAP_WHITE = exports.CAP_SPACE_80 = exports.CAP_SPACE_72 = exports.CAP_SPACE_64 = exports.CAP_SPACE_60 = exports.CAP_SPACE_56 = void 0;
 /* Color Palette */
 //========================
 
@@ -24030,6 +24140,7 @@ const CAP_G18 = exports.CAP_G18 = '#dcdee2';
 const CAP_G19 = exports.CAP_G19 = '#8a9ab2';
 const CAP_G20 = exports.CAP_G20 = '#c2c2c2';
 const CAP_WHITE = exports.CAP_WHITE = '#ffffff';
+const CAP_WHITE_OVERLAY = exports.CAP_WHITE_OVERLAY = 'rgba(255, 255, 255, 0.8)';
 const CAP_BLACK = exports.CAP_BLACK = '#000000';
 const CAP_BLACK_ALPHA01 = exports.CAP_BLACK_ALPHA01 = '#00000022';