@capillarytech/blaze-ui 1.1.0-alpha.1 → 1.2.2

package/dist/CapUnifiedSelect/index.js

@@ -1,6 +1,669 @@
 /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
+/***/ 455:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.SelectAllCheckbox = exports.NoResult = void 0;
+var _antdV = __webpack_require__(4273);
+var _classnames = _interopRequireDefault(__webpack_require__(6942));
+var _react = _interopRequireDefault(__webpack_require__(9206));
+var _CapIcon = _interopRequireDefault(__webpack_require__(8244));
+var _CapLabel = _interopRequireDefault(__webpack_require__(3737));
+var _CapRow = _interopRequireDefault(__webpack_require__(7375));
+var _constants = __webpack_require__(9788);
+var _styles = _interopRequireDefault(__webpack_require__(8263));
+var _jsxRuntime = __webpack_require__(4848);
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const NoResult = _ref => {
+  let {
+    noResultCustomText,
+    className,
+    showUpload,
+    options,
+    noResultCustomIcon
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
+    className: (0, _classnames.default)(className, _styles.default['cap-unified-select-no-result']),
+    align: "middle",
+    gap: 8,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+      type: noResultCustomIcon,
+      size: "m"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+      className: _styles.default['cap-unified-select-no-result-text'],
+      children: showUpload && (options == null ? void 0 : options.length) === 0 ? noResultCustomText : _constants.DEFAULTS.NO_RESULT_TEXT
+    })]
+  });
+};
+
+/**
+ * SelectAllCheckbox component for selecting/deselecting all available options
+ * Only shown for multi-select with static data
+ */
+exports.NoResult = NoResult;
+const SelectAllCheckbox = _ref2 => {
+  let {
+    currentItems,
+    tempValue,
+    setTempValue,
+    processTreeData,
+    disabled = false
+  } = _ref2;
+  const {
+    leafValues = []
+  } = processTreeData ? processTreeData(currentItems) : {};
+  const totalAvailable = leafValues.length;
+  const leafSet = new Set(leafValues);
+  const selectedInScope = Array.isArray(tempValue) ? tempValue.filter(v => leafSet.has(v)).length : 0;
+  const allChecked = totalAvailable > 0 && selectedInScope === totalAvailable;
+  const indeterminate = selectedInScope > 0 && selectedInScope < totalAvailable;
+  const handleChange = e => {
+    if (disabled) {
+      return;
+    }
+    if (e.target.checked) {
+      const merged = new Set(Array.isArray(tempValue) ? tempValue : []);
+      leafValues.forEach(v => merged.add(v));
+      setTempValue(Array.from(merged));
+    } else {
+      const toRemove = new Set(leafValues);
+      const next = (Array.isArray(tempValue) ? tempValue : []).filter(v => !toRemove.has(v));
+      setTempValue(next);
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
+    className: _styles.default['cap-unified-select-select-all-container'],
+    align: "middle",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.Checkbox, {
+      className: _styles.default['cap-unified-select-select-all-checkbox'],
+      checked: allChecked,
+      indeterminate: indeterminate,
+      onChange: handleChange,
+      disabled: disabled,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+        type: "label14",
+        className: _styles.default['cap-unified-select-select-all-label'],
+        children: "Select all"
+      })
+    })
+  });
+};
+exports.SelectAllCheckbox = SelectAllCheckbox;
+
+/***/ }),
+
+/***/ 480:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+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 {
+    type: _type,
+    options,
+    value,
+    onChange,
+    staticValue,
+    onSearch,
+    searchDebounce,
+    searchBasedOn,
+    onConfirm,
+    resetSearch,
+    resetData,
+    fetchMissingOptions,
+    onPopupScroll,
+    hasMore,
+    customPopupRender,
+    isMulti,
+    disabled = false
+  } = _ref;
+  const [searchText, setSearchText] = (0, _react.useState)('');
+  const [tempValue, setTempValue] = (0, _react.useState)(value);
+  const [dropdownOpen, setDropdownOpen] = (0, _react.useState)(false);
+  const [isSearching, setIsSearching] = (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 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 initialSortDoneRef = (0, _react.useRef)(false);
+  const hasInteractedRef = (0, _react.useRef)(false);
+  const initialTempValueRef = (0, _react.useRef)(value);
+  const resetDataCalledRef = (0, _react.useRef)(false);
+  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;
+    }
+    if (options.length === 0) {
+      return;
+    }
+    const hasActiveSearch = !staticValue && lastSearchQueryRef.current.trim().length > 0;
+    if (hasActiveSearch) {
+      return;
+    }
+    const selectedValues = Array.isArray(value) ? value : value ? [value] : [];
+    if (selectedValues.length === 0) {
+      fetchMissingOptionsCalledRef.current = false;
+      lastMissingValuesRef.current = '';
+      return;
+    }
+    const missingValues = (0, _utils.findMissingValues)(selectedValues, options);
+    if (missingValues.length === 0) {
+      fetchMissingOptionsCalledRef.current = false;
+      lastMissingValuesRef.current = '';
+      return;
+    }
+    const missingValuesKey = [...missingValues].sort().join(',');
+    if (!fetchMissingOptionsCalledRef.current || lastMissingValuesRef.current !== missingValuesKey) {
+      fetchMissingOptionsCalledRef.current = true;
+      lastMissingValuesRef.current = missingValuesKey;
+      fetchMissingOptions([...missingValues]);
+    }
+  }, [value, options, fetchMissingOptions, staticValue]);
+  (0, _react.useEffect)(() => {
+    const isEqual = Array.isArray(value) && Array.isArray(tempValue) ? (value == null ? void 0 : value.length) === (tempValue == null ? void 0 : tempValue.length) && value.every(v => Array.isArray(tempValue) && tempValue.includes(v)) : value === tempValue;
+    if (!isEqual) {
+      setTempValue(value);
+      setOrderedOptions(null);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [value]);
+  (0, _react.useEffect)(() => {
+    const currentSelected = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
+    const findAndCacheOption = (opts, val) => {
+      for (const opt of opts) {
+        if (opt.value === val) {
+          selectedItemsCacheRef.current.set(val, opt);
+          return true;
+        }
+        if (opt.children && opt.children.length > 0) {
+          if (findAndCacheOption(opt.children, val)) {
+            return true;
+          }
+        }
+      }
+      return false;
+    };
+    currentSelected.forEach(val => {
+      if (!selectedItemsCacheRef.current.has(val)) {
+        findAndCacheOption(options, val);
+      }
+    });
+    const selectedSet = new Set(currentSelected);
+    selectedItemsCacheRef.current.forEach((_, value) => {
+      if (!selectedSet.has(value)) {
+        selectedItemsCacheRef.current.delete(value);
+      }
+    });
+  }, [tempValue, options]);
+  (0, _react.useEffect)(() => {
+    if (orderedOptions) {
+      const currentSelected = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
+      const allSelectedStillExist = currentSelected.every(val => (0, _utils.findValueInOptions)(options, val));
+      if (!allSelectedStillExist) {
+        setOrderedOptions(null);
+      }
+    }
+  }, [options, orderedOptions, tempValue]);
+  const debounceTimeout = searchDebounce != null ? searchDebounce : _constants.TIMEOUTS.DEFAULT_SEARCH_DEBOUNCE;
+
+  // Cleanup timeouts on unmount
+  (0, _react.useEffect)(() => {
+    return () => {
+      if (searchTimeoutRef.current) {
+        clearTimeout(searchTimeoutRef.current);
+      }
+    };
+  }, []);
+  (0, _react.useEffect)(() => {
+    const hasSearchQuery = lastSearchQueryRef.current !== null && lastSearchQueryRef.current !== undefined;
+    if (staticValue || !isSearching || !hasSearchQuery) {
+      prevOptionsRef.current = options;
+      return;
+    }
+    const optionsChanged = prevOptionsRef.current !== options || prevOptionsRef.current.length !== options.length;
+    const searchCleared = lastSearchQueryRef.current === '';
+    const timeSinceCleared = searchClearedTimeRef.current ? Date.now() - searchClearedTimeRef.current : Infinity;
+    const hasOptionsData = options.length > 0;
+    const clearedSearchReady = searchCleared && hasOptionsData && timeSinceCleared > _constants.TIMEOUTS.SEARCH_CLEARED_TIMEOUT;
+    if (optionsChanged || clearedSearchReady) {
+      const timeoutId = setTimeout(() => {
+        setIsSearching(false);
+        prevOptionsRef.current = options;
+        if (searchCleared) {
+          searchClearedTimeRef.current = null;
+        }
+      }, _constants.TIMEOUTS.SEARCH_STATE_UPDATE_DELAY);
+      return () => clearTimeout(timeoutId);
+    }
+    prevOptionsRef.current = options;
+  }, [options, staticValue, isSearching]);
+  (0, _react.useEffect)(() => {
+    const hasSearchQuery = lastSearchQueryRef.current !== null && lastSearchQueryRef.current !== undefined;
+    if (!isSearching || staticValue || !hasSearchQuery) {
+      return;
+    }
+    const searchCleared = lastSearchQueryRef.current === '';
+    const timeoutDuration = searchCleared ? debounceTimeout + _constants.TIMEOUTS.SEARCH_CLEARED_BUFFER : debounceTimeout + _constants.TIMEOUTS.SEARCH_REGULAR_BUFFER;
+    const fallbackTimeout = setTimeout(() => {
+      setIsSearching(false);
+      searchClearedTimeRef.current = null;
+    }, timeoutDuration);
+    return () => clearTimeout(fallbackTimeout);
+  }, [isSearching, staticValue, debounceTimeout, options.length]);
+  (0, _react.useEffect)(() => {
+    if (!isResettingData) {
+      prevOptionsBeforeResetRef.current = options;
+      resetDataCalledTimeRef.current = null;
+      return;
+    }
+    const prevOptions = prevOptionsBeforeResetRef.current;
+    const currentOptions = options;
+    const optionsChanged = prevOptions !== currentOptions || prevOptions.length !== currentOptions.length || prevOptions.length === currentOptions.length && prevOptions.length > 0 && prevOptions.some((prevOpt, idx) => {
+      const currentOpt = currentOptions[idx];
+      return !currentOpt || prevOpt.value !== currentOpt.value || prevOpt.label !== currentOpt.label;
+    });
+    const timeSinceReset = resetDataCalledTimeRef.current ? Date.now() - resetDataCalledTimeRef.current : Infinity;
+    const hasDataAfterTimeout = currentOptions.length > 0 && timeSinceReset > _constants.TIMEOUTS.RESET_DATA_MIN_TIME && timeSinceReset < _constants.TIMEOUTS.RESET_DATA_MAX_TIME;
+    if (optionsChanged || hasDataAfterTimeout) {
+      setIsResettingData(false);
+      prevOptionsBeforeResetRef.current = currentOptions;
+      resetDataCalledTimeRef.current = null;
+    }
+  }, [options, isResettingData]);
+  (0, _react.useEffect)(() => {
+    if (!isResettingData) {
+      return;
+    }
+    const fallbackTimeout = setTimeout(() => {
+      setIsResettingData(false);
+      prevOptionsBeforeResetRef.current = options;
+      resetDataCalledTimeRef.current = null;
+    }, _constants.TIMEOUTS.RESET_DATA_TIMEOUT);
+    return () => clearTimeout(fallbackTimeout);
+  }, [isResettingData, 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 (!resetData || !shouldReset || options.length === 0) {
+      return;
+    }
+    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);
+    }
+    const trimmedQuery = query.trim();
+    const wasSearching = lastSearchQueryRef.current !== '';
+    const isNowCleared = trimmedQuery === '';
+    if (wasSearching && isNowCleared) {
+      searchClearedTimeRef.current = Date.now();
+    } else if (!isNowCleared) {
+      searchClearedTimeRef.current = null;
+    }
+    lastSearchQueryRef.current = trimmedQuery;
+    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(() => {
+        onSearch(trimmedQuery);
+      }, debounceTimeout);
+    } else if (!trimmedQuery) {
+      setIsSearching(false);
+    } else {
+      setIsSearching(true);
+      searchTimeoutRef.current = setTimeout(() => {
+        setIsSearching(false);
+      }, _constants.TIMEOUTS.STATIC_SEARCH_DELAY);
+    }
+  }, [onSearch, staticValue, debounceTimeout, callResetData]);
+  const prevOptionsCountBeforeFetchMissingRef = (0, _react.useRef)(options.length);
+  const prevOptionsBeforeFetchMissingRef = (0, _react.useRef)(options);
+  (0, _react.useEffect)(() => {
+    if (!orderedOptions || !onPopupScroll) {
+      return;
+    }
+    const currentOptions = options;
+    const optionsCountIncreased = currentOptions.length > scrollTriggerOptionsCountRef.current;
+    if (optionsCountIncreased && scrollTriggerOptionsCountRef.current > 0) {
+      const selectedValues = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
+      if (selectedValues.length > 0) {
+        const reordered = (0, _utils.reorderOptionsBySelection)(currentOptions, selectedValues);
+        setOrderedOptions(reordered);
+        scrollTriggerOptionsCountRef.current = currentOptions.length;
+      }
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [options, orderedOptions, onPopupScroll, tempValue]);
+  (0, _react.useEffect)(() => {
+    if (!fetchMissingOptions) {
+      prevOptionsCountBeforeFetchMissingRef.current = options.length;
+      prevOptionsBeforeFetchMissingRef.current = options;
+      return;
+    }
+    const hasActiveSearch = !staticValue && lastSearchQueryRef.current.trim().length > 0;
+    if (hasActiveSearch) {
+      return;
+    }
+    const currentOptions = options;
+    const currentSelectedValues = Array.isArray(value) ? value : value ? [value] : [];
+    const tempSelectedValues = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
+    const selectedValues = tempSelectedValues.length > 0 ? tempSelectedValues : currentSelectedValues;
+    if (selectedValues.length === 0) {
+      prevOptionsCountBeforeFetchMissingRef.current = currentOptions.length;
+      prevOptionsBeforeFetchMissingRef.current = currentOptions;
+      return;
+    }
+    const prevOptions = prevOptionsBeforeFetchMissingRef.current;
+    const optionsCountIncreased = currentOptions.length > prevOptionsCountBeforeFetchMissingRef.current;
+    const optionsChanged = prevOptions !== currentOptions || optionsCountIncreased;
+    const hasNewlyFetchedSelectedItems = (() => {
+      if (selectedValues.length === 0 || !optionsChanged) {
+        return false;
+      }
+      const previouslyMissingValues = selectedValues.filter(val => !(0, _utils.findValueInOptions)(prevOptions, val));
+      if (previouslyMissingValues.length === 0) {
+        return false;
+      }
+      const nowPresentValues = previouslyMissingValues.filter(val => (0, _utils.findValueInOptions)(currentOptions, val));
+      return nowPresentValues.length > 0;
+    })();
+    if (optionsChanged && hasNewlyFetchedSelectedItems) {
+      const reordered = (0, _utils.reorderOptionsBySelection)(currentOptions, selectedValues);
+      setOrderedOptions(reordered);
+    }
+    prevOptionsCountBeforeFetchMissingRef.current = currentOptions.length;
+    prevOptionsBeforeFetchMissingRef.current = currentOptions;
+  }, [options, value, tempValue, fetchMissingOptions, staticValue]);
+  (0, _react.useEffect)(() => {
+    if (initialSortDoneRef.current || !(options != null && options.length)) {
+      return;
+    }
+    const selectedValues = Array.isArray(value) ? value : value ? [value] : [];
+    if (selectedValues.length === 0) {
+      initialSortDoneRef.current = true;
+      return;
+    }
+    const hasSelectedInOptions = selectedValues.some(val => (0, _utils.findValueInOptions)(options, val));
+    if (hasSelectedInOptions) {
+      const reordered = (0, _utils.reorderOptionsBySelection)(options, selectedValues);
+      setOrderedOptions(reordered);
+    }
+    initialSortDoneRef.current = true;
+  }, [options, value]);
+
+  // Data source computation (raw, without React component enhancement)
+  const dataSource = (0, _react.useMemo)(() => {
+    return (0, _utils.prepareDataSource)(options, orderedOptions, searchText, value, staticValue, selectedItemsCacheRef.current);
+  }, [options, orderedOptions, searchText, value, staticValue]);
+
+  // Filtered tree
+  const filteredTree = (0, _react.useMemo)(() => {
+    const selectedValues = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
+    return (0, _utils.filterTreeData)(dataSource, searchText.trim(), searchBasedOn, selectedValues.length > 0 ? selectedValues : undefined);
+  }, [dataSource, searchText, searchBasedOn, tempValue]);
+
+  // Tree maps and selected count
+  const treeMaps = (0, _react.useMemo)(() => (0, _utils.buildTreeMaps)(options), [options]);
+  const selectedLeafCount = (0, _react.useMemo)(() => (0, _utils.countSelectedLeaves)(treeMaps, Array.isArray(tempValue) ? tempValue : undefined), [treeMaps, tempValue]);
+  const displayValue = dropdownOpen ? tempValue : value;
+  const handleConfirm = (0, _react.useCallback)(() => {
+    hasInteractedRef.current = true;
+    const optionsToReorder = options;
+    if (isMulti && Array.isArray(tempValue) && tempValue.length > 0) {
+      const reordered = (0, _utils.reorderOptionsBySelection)(optionsToReorder, tempValue);
+      setOrderedOptions(reordered);
+    } else if (!isMulti && tempValue && !Array.isArray(tempValue)) {
+      const reordered = (0, _utils.reorderOptionsBySelection)(optionsToReorder, [tempValue]);
+      setOrderedOptions(reordered);
+    } else {
+      setOrderedOptions(null);
+    }
+    onChange == null || onChange(tempValue);
+    setDropdownOpen(false);
+    setIsSearching(false);
+
+    // Check if there was an active search before clearing it
+    const hadActiveSearch = !staticValue && lastSearchQueryRef.current.trim().length > 0;
+
+    // Clear search-related state and timeouts (same as X button behavior)
+    if (resetSearch) {
+      setSearchText('');
+      if (hadActiveSearch) {
+        searchClearedTimeRef.current = Date.now();
+      } else {
+        searchClearedTimeRef.current = null;
+      }
+      lastSearchQueryRef.current = '';
+    }
+
+    // Clear any pending search timeouts
+    if (searchTimeoutRef.current) {
+      clearTimeout(searchTimeoutRef.current);
+      searchTimeoutRef.current = null;
+    }
+
+    // If there was an active search, trigger onSearch('') to reset data (same as X button)
+    // This ensures the parent component resets the options back to initial state
+    if (hadActiveSearch && !staticValue && onSearch) {
+      onSearch('');
+    }
+
+    // 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, callResetData, staticValue, onSearch]);
+  const handleClearAll = (0, _react.useCallback)(() => {
+    const cleared = isMulti ? [] : undefined;
+    setSearchText('');
+    setIsSearching(false);
+    lastSearchQueryRef.current = '';
+    searchClearedTimeRef.current = null;
+    if (searchTimeoutRef.current) {
+      clearTimeout(searchTimeoutRef.current);
+      searchTimeoutRef.current = null;
+    }
+    resetScrollState();
+    setOrderedOptions(null);
+    initialSortDoneRef.current = false;
+    hasInteractedRef.current = false;
+    resetDataCalledRef.current = false;
+    fetchMissingOptionsCalledRef.current = false;
+    lastMissingValuesRef.current = '';
+    setTempValue(cleared);
+    onChange == null || onChange(cleared);
+    setDropdownOpen(false);
+
+    // 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;
+      hasInteractedRef.current = false;
+      resetDataCalledRef.current = false;
+      fetchMissingOptionsCalledRef.current = false;
+      lastMissingValuesRef.current = '';
+      if (searchTimeoutRef.current) {
+        clearTimeout(searchTimeoutRef.current);
+        searchTimeoutRef.current = null;
+      }
+      setIsSearching(false);
+      searchClearedTimeRef.current = null;
+      resetScrollState();
+      if (isResettingData) {
+        setIsResettingData(false);
+        prevOptionsBeforeResetRef.current = options;
+        resetDataCalledTimeRef.current = null;
+      }
+    } else {
+      if (!customPopupRender) {
+        onChange == null || onChange(tempValue);
+      } else {
+        setTempValue(value);
+      }
+      if (resetSearch) {
+        setSearchText('');
+        setIsSearching(false);
+        lastSearchQueryRef.current = '';
+        searchClearedTimeRef.current = null;
+      }
+      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);
+          searchTimeoutRef.current = null;
+        }
+        setIsSearching(false);
+        setIsResettingData(false);
+        lastSearchQueryRef.current = '';
+      }
+      hasInteractedRef.current = false;
+    }
+    setDropdownOpen(open);
+  }, [customPopupRender, value, onChange, tempValue, resetSearch, callResetData, options, isResettingData, resetScrollState]);
+  const handleSearchChange = (0, _react.useCallback)(e => {
+    const query = e.target.value;
+    setSearchText(query);
+    handleSearch(query);
+  }, [handleSearch]);
+  const handleSearchKeyDown = (0, _react.useCallback)(e => {
+    if (e.key === 'Backspace' || e.key === 'Delete') {
+      e.stopPropagation();
+    }
+    if (e.key === 'Escape' && searchText.length > 0) {
+      e.stopPropagation();
+    }
+  }, [searchText]);
+
+  /**
+   * 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) {
+      handleResetDataOnClear();
+    }
+    onChange == null || onChange(newValue);
+  }, [onChange, disabled, handleResetDataOnClear]);
+  const handleMultiSelectChange = (0, _react.useCallback)(newValue => {
+    if (disabled) {
+      return;
+    }
+    const initialValue = initialTempValueRef.current;
+    const hasChanged = Array.isArray(newValue) && Array.isArray(initialValue) ? newValue.length !== initialValue.length || !newValue.every(v => initialValue.includes(v)) || !initialValue.every(v => newValue.includes(v)) : newValue !== initialValue;
+    if (hasChanged) {
+      hasInteractedRef.current = true;
+    }
+    if (newValue === undefined || newValue === null || Array.isArray(newValue) && newValue.length === 0) {
+      handleResetDataOnClear();
+    }
+    setTempValue(newValue);
+  }, [disabled, handleResetDataOnClear]);
+  return {
+    searchText,
+    setSearchText,
+    tempValue,
+    setTempValue,
+    dropdownOpen,
+    isSearching,
+    isLoadingOnScroll,
+    isResettingData,
+    orderedOptions,
+    filteredTree,
+    treeMaps,
+    selectedLeafCount,
+    displayValue,
+    handleSearch,
+    handleSearchChange,
+    handleSearchKeyDown,
+    handleConfirm,
+    handleClearAll,
+    handleDropdownVisibilityChange,
+    handleSingleSelectChange,
+    handleMultiSelectChange,
+    selectedItemsCacheRef
+  };
+};
+exports.useCapUnifiedSelect = useCapUnifiedSelect;
+
+/***/ }),
+
 /***/ 540:
 /***/ ((module) => {
 
@@ -35,6 +698,20 @@ var f=__webpack_require__(9206),k=Symbol.for("react.element"),l=Symbol.for("reac
 function q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;
 
 
+/***/ }),
+
+/***/ 1549:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _CapSpin = _interopRequireDefault(__webpack_require__(7579));
+exports["default"] = _CapSpin.default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
 /***/ }),
 
 /***/ 1601:
@@ -72,6 +749,102 @@ ___CSS_LOADER_EXPORT___.locals = {
 module.exports = ___CSS_LOADER_EXPORT___;
 
 
+/***/ }),
+
+/***/ 1879:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.enhanceOptionsWithComponents = void 0;
+var _react = _interopRequireDefault(__webpack_require__(9206));
+var _CapLabel = _interopRequireDefault(__webpack_require__(3737));
+var _CapRow = _interopRequireDefault(__webpack_require__(7375));
+var _CapTooltipWithInfo = _interopRequireDefault(__webpack_require__(2608));
+var _constants = __webpack_require__(9788);
+var _styles = _interopRequireDefault(__webpack_require__(8263));
+var _jsxRuntime = __webpack_require__(4848);
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+/**
+ * Enhances options with React components for rendering
+ * Adds decorated titles with suffixes and tooltips
+ */
+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.label) || (opt == null ? void 0 : opt.value);
+    const tooltipTitle = opt == null ? void 0 : opt.hoverText;
+    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'],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+          type: "label14",
+          className: _styles.default['truncate-text'],
+          title: tooltipTitle,
+          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
+        })]
+      })]
+    });
+    return _extends({}, opt, {
+      title: decoratedTitle,
+      label: opt == null ? void 0 : opt.label,
+      children: opt != null && opt.children ? enhanceOptions(opt.children) : []
+    });
+  });
+  if (isTree) {
+    return enhanceOptions(options);
+  }
+  return options.map(opt => {
+    const displayText = (opt == null ? void 0 : opt.label) || (opt == null ? void 0 : opt.value);
+    const tooltipTitle = opt == null ? void 0 : opt.hoverText;
+    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: _styles.default['cap-unified-select-option-label'],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+            type: "label14",
+            className: _styles.default['truncate-text'],
+            title: tooltipTitle,
+            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
+          })]
+        })]
+      }),
+      label: opt == null ? void 0 : opt.label
+    });
+  });
+};
+exports.enhanceOptionsWithComponents = enhanceOptionsWithComponents;
+
 /***/ }),
 
 /***/ 2119:
@@ -116,7 +889,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 
 exports.__esModule = true;
 exports["default"] = void 0;
-var _classnames = _interopRequireDefault(__webpack_require__(2678));
+var _classnames = _interopRequireDefault(__webpack_require__(6942));
 var _react = _interopRequireDefault(__webpack_require__(9206));
 var _styles = _interopRequireDefault(__webpack_require__(4939));
 var _jsxRuntime = __webpack_require__(4848);
@@ -181,14 +954,6 @@ var _default = exports["default"] = CapLabelWithStatic;
 
 /***/ }),
 
-/***/ 2678:
-/***/ ((module) => {
-
-"use strict";
-module.exports = require("classnames");
-
-/***/ }),
-
 /***/ 3737:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -212,7 +977,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 exports.__esModule = true;
 exports["default"] = void 0;
 var _antdV = __webpack_require__(4273);
-var _classnames = _interopRequireDefault(__webpack_require__(2678));
+var _classnames = _interopRequireDefault(__webpack_require__(6942));
 var _react = _interopRequireDefault(__webpack_require__(9206));
 var _styles = _interopRequireDefault(__webpack_require__(5765));
 var _jsxRuntime = __webpack_require__(4848);
@@ -467,7 +1232,7 @@ module.exports = domAPI;
 
 exports.__esModule = true;
 exports["default"] = void 0;
-var _classnames = _interopRequireDefault(__webpack_require__(2678));
+var _classnames = _interopRequireDefault(__webpack_require__(6942));
 var _react = _interopRequireDefault(__webpack_require__(9206));
 var _CapIcon = _interopRequireDefault(__webpack_require__(8244));
 var _CapTooltip = _interopRequireDefault(__webpack_require__(5636));
@@ -743,175 +1508,47 @@ ___CSS_LOADER_EXPORT___.locals = {
 	"label32": `blaze-ui-label32`,
 	"label33": `blaze-ui-label33`,
 	"cap-label-div": `blaze-ui-cap-label-div`,
-	"cap-label-span": `blaze-ui-cap-label-span`
-};
-module.exports = ___CSS_LOADER_EXPORT___;
-
-
-/***/ }),
-
-/***/ 5353:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-
-
-exports.__esModule = true;
-exports["default"] = void 0;
-var _antdV = __webpack_require__(4273);
-var _classnames = _interopRequireDefault(__webpack_require__(2678));
-var _react = _interopRequireWildcard(__webpack_require__(9206));
-var _CapIcon = _interopRequireDefault(__webpack_require__(8244));
-var _CapLabel = _interopRequireDefault(__webpack_require__(3737));
-var _CapRow = _interopRequireDefault(__webpack_require__(7375));
-var _CapTooltip = _interopRequireDefault(__webpack_require__(5636));
-var _CapTooltipWithInfo = _interopRequireDefault(__webpack_require__(2608));
-var _styles = _interopRequireDefault(__webpack_require__(8263));
-var _jsxRuntime = __webpack_require__(4848);
-const _excluded = ["type", "options", "value", "onChange", "placeholder", "className", "style", "isError", "errorMessage", "containerClassName", "popoverClassName", "allowClear", "headerLabel", "onUpload", "tooltip", "bylineText", "disabled", "showUpload", "customPopupRender", "showSearch", "searchBasedOn", "onConfirm", "clearText", "noResultCustomText", "noResultCustomIcon", "readOnly"];
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-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); }
-const SELECT_TYPES = {
-  SELECT: 'select',
-  MULTI_SELECT: 'multiSelect',
-  TREE_SELECT: 'treeSelect',
-  MULTI_TREE_SELECT: 'multiTreeSelect'
-};
-const NoResult = _ref => {
-  let {
-    noResultCustomText,
-    className,
-    showUpload,
-    options,
-    noResultCustomIcon
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
-    className: (0, _classnames.default)(className, _styles.default['cap-unified-select-no-result']),
-    align: "middle",
-    gap: 8,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
-      type: noResultCustomIcon,
-      size: "m"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-      className: _styles.default['cap-unified-select-no-result-text'],
-      children: showUpload && (options == null ? void 0 : options.length) === 0 ? noResultCustomText : 'No results found'
-    })]
-  });
-};
-const SelectAllCheckbox = _ref2 => {
-  let {
-    currentItems,
-    tempValue,
-    setTempValue,
-    processTreeData
-  } = _ref2;
-  const {
-    leafValues = []
-  } = processTreeData ? processTreeData(currentItems) : {};
-  const totalAvailable = leafValues.length;
-  const leafSet = new Set(leafValues);
-  const selectedInScope = Array.isArray(tempValue) ? tempValue.filter(v => leafSet.has(v)).length : 0;
-  const allChecked = totalAvailable > 0 && selectedInScope === totalAvailable;
-  const indeterminate = selectedInScope > 0 && selectedInScope < totalAvailable;
-  const handleChange = e => {
-    if (e.target.checked) {
-      const merged = new Set(Array.isArray(tempValue) ? tempValue : []);
-      leafValues.forEach(v => merged.add(v));
-      setTempValue(Array.from(merged));
-    } else {
-      const toRemove = new Set(leafValues);
-      const next = (Array.isArray(tempValue) ? tempValue : []).filter(v => !toRemove.has(v));
-      setTempValue(next);
-    }
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
-    className: _styles.default['cap-unified-select-select-all-container'],
-    align: "middle",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.Checkbox, {
-      className: _styles.default['cap-unified-select-select-all-checkbox'],
-      checked: allChecked,
-      indeterminate: indeterminate,
-      onChange: handleChange,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-        type: "label14",
-        className: _styles.default['cap-unified-select-select-all-label'],
-        children: "Select all"
-      })
-    })
-  });
-};
-const buildTreeMaps = nodes => {
-  const result = {
-    leafValues: [],
-    parentChildMap: {},
-    nodeMap: {}
-  };
-  if (!nodes) return result;
-  const traverse = items => {
-    items == null || items.forEach(item => {
-      if (item.value !== undefined) {
-        result.nodeMap[item.value] = item;
-        if (item != null && item.children && item.children.length > 0) {
-          result.parentChildMap[item.value] = item.children.map(child => child == null ? void 0 : child.value).filter(v => v !== undefined);
-          traverse(item.children);
-        } else {
-          result.leafValues.push(item.value);
-        }
-      }
-    });
-  };
-  traverse(nodes);
-  return result;
-};
-const countSelectedLeaves = (treeMaps, selectedValues) => {
-  var _treeMaps$leafValues;
-  if (!Array.isArray(selectedValues) || !(selectedValues != null && selectedValues.length)) return 0;
-  const expandedSet = new Set(selectedValues);
-  const processNode = value => {
-    var _treeMaps$parentChild;
-    const children = treeMaps == null || (_treeMaps$parentChild = treeMaps.parentChildMap) == null ? void 0 : _treeMaps$parentChild[value];
-    if (!children) return;
-    children == null || children.forEach(childValue => {
-      expandedSet.add(childValue);
-      processNode(childValue);
-    });
-  };
-  selectedValues == null || selectedValues.forEach(processNode);
-  return (treeMaps == null || (_treeMaps$leafValues = treeMaps.leafValues) == null ? void 0 : _treeMaps$leafValues.reduce((count, leaf) => expandedSet.has(leaf) ? count + 1 : count, 0)) || 0;
-};
-const filterTreeData = function (data, search, searchBasedOn) {
-  if (searchBasedOn === void 0) {
-    searchBasedOn = 'label';
-  }
-  if (!(data != null && data.length) || !search) return data;
-  const searchLower = search.toLowerCase();
-  const nodeMatchesSearch = node => {
-    var _node$value, _node$key, _ref3, _node$label;
-    const target = searchBasedOn === 'value' ? String((_node$value = node == null ? void 0 : node.value) != null ? _node$value : '') : searchBasedOn === 'key' ? String((_node$key = node == null ? void 0 : node.key) != null ? _node$key : '') : String((_ref3 = (_node$label = node == null ? void 0 : node.label) != null ? _node$label : node == null ? void 0 : node.title) != null ? _ref3 : '');
-    return target.toLowerCase().includes(searchLower);
-  };
-  const loop = items => items.reduce((acc, item) => {
-    var _item$children;
-    if (!item) return acc;
-    const children = item != null && (_item$children = item.children) != null && _item$children.length ? loop(item.children) : [];
-    if (nodeMatchesSearch(item) || children.length) {
-      acc.push(_extends({}, item, {
-        children
-      }));
-    }
-    return acc;
-  }, []);
-  return loop(data);
+	"cap-label-span": `blaze-ui-cap-label-span`
 };
-const CapUnifiedSelect = _ref4 => {
+module.exports = ___CSS_LOADER_EXPORT___;
+
+
+/***/ }),
+
+/***/ 5353:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _antdV = __webpack_require__(4273);
+var _classnames = _interopRequireDefault(__webpack_require__(6942));
+var _react = _interopRequireWildcard(__webpack_require__(9206));
+var _CapIcon = _interopRequireDefault(__webpack_require__(8244));
+var _CapLabel = _interopRequireDefault(__webpack_require__(3737));
+var _CapRow = _interopRequireDefault(__webpack_require__(7375));
+var _CapTooltip = _interopRequireDefault(__webpack_require__(5636));
+var _constants = __webpack_require__(9788);
+var _CustomDropdown = __webpack_require__(8033);
+var _DropdownHeader = __webpack_require__(9315);
+var _enhanceOptions = __webpack_require__(1879);
+var _styles = _interopRequireDefault(__webpack_require__(8263));
+var _useCapUnifiedSelect = __webpack_require__(480);
+var _jsxRuntime = __webpack_require__(4848);
+const _excluded = ["type", "options", "value", "onChange", "placeholder", "className", "style", "isError", "errorMessage", "containerClassName", "popoverClassName", "allowClear", "headerLabel", "onUpload", "uploadLabel", "tooltip", "bylineText", "disabled", "showUpload", "customPopupRender", "showSearch", "searchBasedOn", "onSearch", "searchDebounce", "onConfirm", "clearText", "noResultCustomText", "noResultCustomIcon", "readOnly", "staticValue", "onFooterDownloadChange", "onPopupScroll", "hasMore", "enableVirtualization", "virtualRowHeight", "resetSearch", "resetData", "fetchMissingOptions"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const CapUnifiedSelect = _ref => {
   let {
-      type = SELECT_TYPES.SELECT,
+      type = _constants.SELECT_TYPES.SELECT,
       options = [],
       value,
       onChange,
-      placeholder = 'Select an option',
+      placeholder = _constants.DEFAULTS.PLACEHOLDER,
       className = '',
       style,
       isError = false,
@@ -921,6 +1558,7 @@ const CapUnifiedSelect = _ref4 => {
       allowClear = false,
       headerLabel,
       onUpload,
+      uploadLabel = _constants.DEFAULTS.UPLOAD_LABEL,
       tooltip,
       bylineText,
       disabled = false,
@@ -928,69 +1566,71 @@ const CapUnifiedSelect = _ref4 => {
       customPopupRender = true,
       showSearch = true,
       searchBasedOn = 'label',
+      onSearch,
+      searchDebounce = _constants.TIMEOUTS.DEFAULT_SEARCH_DEBOUNCE,
       onConfirm,
-      clearText = 'Clear',
-      noResultCustomText = 'No results found',
-      noResultCustomIcon = 'warning',
-      readOnly = false
-    } = _ref4,
-    rest = _objectWithoutPropertiesLoose(_ref4, _excluded);
-  const [searchText, setSearchText] = (0, _react.useState)('');
-  const [tempValue, setTempValue] = (0, _react.useState)(value);
-  const [dropdownOpen, setDropdownOpen] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    const isEqual = Array.isArray(value) && Array.isArray(tempValue) ? (value == null ? void 0 : value.length) === (tempValue == null ? void 0 : tempValue.length) && value.every(v => Array.isArray(tempValue) && tempValue.includes(v)) : value === tempValue;
-    if (!isEqual) setTempValue(value);
-  }, [value]);
-  const isMulti = (0, _react.useMemo)(() => type === SELECT_TYPES.MULTI_SELECT || type === SELECT_TYPES.MULTI_TREE_SELECT, [type]);
-  const isTree = (0, _react.useMemo)(() => type === SELECT_TYPES.TREE_SELECT || type === SELECT_TYPES.MULTI_TREE_SELECT, [type]);
-  const dataSource = (0, _react.useMemo)(() => {
-    if (!(options != null && options.length)) return [];
-    const enhanceOptions = opts => opts.map(opt => {
-      const decoratedTitle = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
-        className: _styles.default['cap-unified-select-option-with-suffix'],
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-          type: "label14",
-          className: _styles.default['cap-unified-select-option-label'],
-          children: opt == null ? void 0 : opt.label
-        }), (opt == null ? void 0 : opt.optionSuffix) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          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
-        })]
-      });
-      return _extends({}, opt, {
-        title: decoratedTitle,
-        label: opt == null ? void 0 : opt.label,
-        children: opt != null && opt.children ? enhanceOptions(opt.children) : []
-      });
-    });
-    return isTree ? enhanceOptions(options) : options.map(opt => _extends({}, opt, {
-      title: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
-        className: _styles.default['cap-unified-select-option-with-suffix'],
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-          type: "label14",
-          className: _styles.default['cap-unified-select-option-label'],
-          children: opt == null ? void 0 : opt.label
-        }), (opt == null ? void 0 : opt.optionSuffix) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          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
-        })]
-      }),
-      label: opt == null ? void 0 : opt.label
-    }));
-  }, [isTree, options]);
-  const filteredTree = (0, _react.useMemo)(() => filterTreeData(dataSource, searchText, searchBasedOn), [dataSource, searchText, searchBasedOn]);
-  const treeMaps = (0, _react.useMemo)(() => buildTreeMaps(options), [options]);
-  const selectedLeafCount = (0, _react.useMemo)(() => countSelectedLeaves(treeMaps, Array.isArray(tempValue) ? tempValue : undefined), [treeMaps, tempValue]);
-  const displayValue = dropdownOpen ? tempValue : value;
+      clearText = _constants.DEFAULTS.CLEAR_TEXT,
+      noResultCustomText = _constants.DEFAULTS.NO_RESULT_TEXT,
+      noResultCustomIcon = _constants.DEFAULTS.NO_RESULT_ICON,
+      readOnly = false,
+      staticValue = true,
+      onFooterDownloadChange,
+      onPopupScroll,
+      hasMore = true,
+      enableVirtualization = false,
+      virtualRowHeight = _constants.DEFAULTS.VIRTUAL_ROW_HEIGHT,
+      resetSearch = true,
+      resetData,
+      fetchMissingOptions
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  const isMulti = (0, _react.useMemo)(() => type === _constants.SELECT_TYPES.MULTI_SELECT || type === _constants.SELECT_TYPES.MULTI_TREE_SELECT, [type]);
+  const {
+    searchText,
+    tempValue,
+    setTempValue,
+    dropdownOpen,
+    isSearching,
+    isLoadingOnScroll,
+    isResettingData,
+    filteredTree: rawFilteredTree,
+    treeMaps,
+    selectedLeafCount,
+    displayValue,
+    handleSearchChange,
+    handleSearchKeyDown,
+    handleConfirm,
+    handleClearAll,
+    handleDropdownVisibilityChange,
+    handleSingleSelectChange,
+    handleMultiSelectChange
+  } = (0, _useCapUnifiedSelect.useCapUnifiedSelect)({
+    type,
+    options,
+    value,
+    onChange,
+    staticValue,
+    onSearch,
+    searchDebounce,
+    searchBasedOn,
+    onConfirm,
+    resetSearch,
+    resetData,
+    fetchMissingOptions,
+    onPopupScroll,
+    hasMore,
+    customPopupRender,
+    isMulti,
+    disabled
+  });
+
+  // Enhance filtered tree with React components
+  const filteredTree = (0, _react.useMemo)(() => {
+    if (!(rawFilteredTree != null && rawFilteredTree.length)) return [];
+    return (0, _enhanceOptions.enhanceOptionsWithComponents)(rawFilteredTree, type);
+  }, [rawFilteredTree, type]);
+
+  // Suffix icon with "more" tooltip
   const suffix = (0, _react.useMemo)(() => {
     const count = Array.isArray(displayValue) ? displayValue == null ? void 0 : displayValue.length : displayValue ? 1 : 0;
     const renderTooltipTitle = values => {
@@ -1020,151 +1660,78 @@ const CapUnifiedSelect = _ref4 => {
       })]
     });
   }, [isMulti, displayValue, dropdownOpen]);
+
+  // Prefix for multi-select (first selected item label)
   const prefix = (0, _react.useMemo)(() => {
     if (isMulti && Array.isArray(displayValue) && (displayValue == null ? void 0 : displayValue.length) > 0) {
       var _treeMaps$nodeMap;
       const firstLeafValue = displayValue.find(val => {
-        var _treeMaps$leafValues2;
-        return treeMaps == null || (_treeMaps$leafValues2 = treeMaps.leafValues) == null ? void 0 : _treeMaps$leafValues2.includes(val);
+        var _treeMaps$leafValues;
+        return treeMaps == null || (_treeMaps$leafValues = treeMaps.leafValues) == null ? void 0 : _treeMaps$leafValues.includes(val);
       });
       return firstLeafValue ? (treeMaps == null || (_treeMaps$nodeMap = treeMaps.nodeMap) == null || (_treeMaps$nodeMap = _treeMaps$nodeMap[firstLeafValue]) == null ? void 0 : _treeMaps$nodeMap.label) || null : null;
     }
     return null;
   }, [isMulti, displayValue, treeMaps]);
-  const handleConfirm = (0, _react.useCallback)(() => {
-    onChange == null || onChange(tempValue);
-    setDropdownOpen(false);
-    setSearchText('');
-    onConfirm == null || onConfirm(tempValue);
-  }, [onChange, onConfirm, tempValue]);
-  const handleClearAll = (0, _react.useCallback)(() => {
-    const cleared = isMulti ? [] : undefined;
-    setTempValue(cleared);
-    onChange == null || onChange(cleared);
-    setDropdownOpen(false);
-  }, [isMulti, onChange]);
-  const handleDropdownVisibilityChange = (0, _react.useCallback)(open => {
-    if (readOnly) {
-      return;
-    }
-    if (!open && !customPopupRender) {
-      onChange == null || onChange(tempValue);
-    } else if (!open) {
-      setTempValue(value);
-    }
-    setDropdownOpen(open);
-  }, [customPopupRender, value, onChange, tempValue, readOnly]);
-  const renderHeader = (0, _react.useMemo)(() => {
-    if (!headerLabel && !tooltip) return null;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: (0, _classnames.default)(_styles.default['cap-unified-select-header-wrapper'], disabled && _styles.default.disabled, _styles.default['cap-unified-select-header']),
-        children: [headerLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-          type: "label16",
-          className: (0, _classnames.default)(disabled && _styles.default.disabled, _styles.default['cap-unified-select-header-label']),
-          children: headerLabel
-        }), tooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
-          title: tooltip,
-          className: (0, _classnames.default)(disabled && _styles.default.disabled, _styles.default['cap-unified-select-header-tooltip']),
-          iconProps: {
-            disabled
-          }
-        })]
-      }), bylineText && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: _styles.default['cap-unified-select-header-byline-text'],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-          className: (0, _classnames.default)(disabled && _styles.default.disabled, _styles.default['cap-unified-select-header-byline-text']),
-          children: bylineText
-        })
-      })]
-    });
-  }, [headerLabel, tooltip, bylineText, disabled]);
-  const renderCustomDropdown = (0, _react.useCallback)(menu => {
-    if (!customPopupRender) return menu;
-    const currentItems = filteredTree;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _classnames.default)(popoverClassName, _styles.default[type + "-popup-container"]),
-      children: [showSearch && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
-        className: _styles.default['cap-unified-select-search-container'],
-        align: "middle",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.Input, {
-          prefix: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
-            type: "search",
-            size: "s",
-            className: _styles.default['cap-unified-select-search-icon']
-          }),
-          placeholder: "Search",
-          variant: "borderless",
-          value: searchText,
-          onChange: e => setSearchText(e.target.value),
-          allowClear: true
-        })
-      }), isMulti && showUpload && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
-        className: _styles.default['cap-unified-select-upload-container'],
-        align: "middle",
-        onClick: onUpload,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
-          type: "upload",
-          size: "s",
-          className: _styles.default['cap-unified-select-upload-icon']
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-          type: "label14",
-          className: _styles.default['cap-unified-select-upload-label'],
-          children: "Upload"
-        })]
-      }), isMulti && currentItems.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectAllCheckbox, {
-        currentItems: currentItems,
-        tempValue: Array.isArray(tempValue) ? tempValue : undefined,
-        setTempValue: val => setTempValue(val),
-        processTreeData: buildTreeMaps
-      }), currentItems.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(NoResult, {
-        noResultCustomText: noResultCustomText,
-        className: className,
-        showUpload: showUpload,
-        options: options,
-        noResultCustomIcon: noResultCustomIcon
-      }) : menu, currentItems.length > 0 && isMulti && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: _styles.default['cap-unified-select-confirm-container'],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: _styles.default['cap-unified-select-confirm-button-group'],
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.Button, {
-            type: "primary",
-            size: "small",
-            className: _styles.default['cap-unified-select-confirm-button'],
-            onClick: handleConfirm,
-            disabled: selectedLeafCount === 0,
-            children: "Confirm"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.Button, {
-            type: "text",
-            className: _styles.default['cap-unified-select-cancel-button'],
-            size: "small",
-            onClick: handleClearAll,
-            children: clearText
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapLabel.default, {
-            className: _styles.default['cap-unified-select-selected-count'],
-            children: [selectedLeafCount, " selected"]
-          })]
-        })
-      }), (type === SELECT_TYPES.SELECT || type === SELECT_TYPES.TREE_SELECT) && allowClear && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
-        className: _styles.default['cap-unified-select-tree-clear-container'],
-        onClick: handleClearAll,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-          className: _styles.default['cap-unified-select-tree-clear-label'],
-          children: clearText
-        })
-      })]
+
+  // Handle upload
+  const handleUpload = () => {
+    onUpload == null || onUpload();
+    handleDropdownVisibilityChange(false);
+  };
+
+  // Render custom dropdown
+  const renderCustomDropdown = menu => {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomDropdown.CustomDropdown, {
+      menu: menu,
+      customPopupRender: customPopupRender,
+      filteredTree: filteredTree,
+      searchText: searchText,
+      showSearch: showSearch,
+      handleSearchChange: handleSearchChange,
+      handleSearchKeyDown: handleSearchKeyDown,
+      disabled: disabled,
+      isMulti: isMulti,
+      showUpload: showUpload,
+      uploadLabel: uploadLabel,
+      handleUpload: handleUpload,
+      staticValue: staticValue,
+      tempValue: tempValue,
+      setTempValue: setTempValue,
+      isSearching: isSearching,
+      isResettingData: isResettingData,
+      isLoadingOnScroll: isLoadingOnScroll,
+      onPopupScroll: onPopupScroll,
+      hasMore: hasMore,
+      noResultCustomText: noResultCustomText,
+      noResultCustomIcon: noResultCustomIcon,
+      options: options,
+      className: className,
+      type: type,
+      selectedLeafCount: selectedLeafCount,
+      handleConfirm: handleConfirm,
+      handleClearAll: handleClearAll,
+      clearText: clearText,
+      onFooterDownloadChange: onFooterDownloadChange,
+      allowClear: allowClear,
+      popoverClassName: popoverClassName
     });
-  }, [customPopupRender, filteredTree, searchText, isMulti, showUpload, onUpload, noResultCustomText, noResultCustomIcon, options, type, tempValue, handleConfirm, handleClearAll, popoverClassName, className, selectedLeafCount, clearText, allowClear]);
+  };
   const combinedClassName = (0, _react.useMemo)(() => (0, _classnames.default)(containerClassName, _styles.default['cap-unified-tree-select'], {
     [_styles.default['cap-unified-tree-select-readonly']]: readOnly
   }, className), [containerClassName, className, readOnly]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
     className: className,
-    children: [renderHeader, /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.TreeSelect, _extends({
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownHeader.DropdownHeader, {
+      headerLabel: headerLabel,
+      tooltip: tooltip,
+      bylineText: bylineText,
+      disabled: disabled
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.TreeSelect, _extends({
       treeData: filteredTree,
       value: customPopupRender ? tempValue : value,
       treeNodeLabelProp: "label",
-      onChange: isMulti ? setTempValue : onChange,
+      onChange: isMulti ? handleMultiSelectChange : handleSingleSelectChange,
       placeholder: placeholder,
       showSearch: false,
       maxTagCount: 0,
@@ -1186,12 +1753,12 @@ const CapUnifiedSelect = _ref4 => {
       showCheckedStrategy: _antdV.TreeSelect.SHOW_CHILD,
       open: dropdownOpen,
       onOpenChange: handleDropdownVisibilityChange,
-      virtual: true,
+      virtual: !enableVirtualization,
       popupMatchSelectWidth: false,
-      disabled: disabled,
+      disabled: disabled || readOnly,
       filterTreeNode: false,
-      listHeight: 256,
-      listItemHeight: 32,
+      listHeight: _constants.DEFAULTS.LIST_HEIGHT,
+      listItemHeight: virtualRowHeight,
       popupRender: renderCustomDropdown
     }, rest)), isError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
       className: _styles.default['cap-unified-select-status'],
@@ -1212,7 +1779,7 @@ var _default = exports["default"] = CapUnifiedSelect;
 exports.__esModule = true;
 exports["default"] = void 0;
 var _antdV = __webpack_require__(4273);
-var _classnames = _interopRequireDefault(__webpack_require__(2678));
+var _classnames = _interopRequireDefault(__webpack_require__(6942));
 var _react = _interopRequireDefault(__webpack_require__(9206));
 var _styles = _interopRequireDefault(__webpack_require__(7144));
 var _jsxRuntime = __webpack_require__(4848);
@@ -1279,71 +1846,20 @@ var _default = exports["default"] = CapTooltip;
 
 exports.__esModule = true;
 exports["default"] = void 0;
-var _icons = __webpack_require__(4627);
-var _classnames = _interopRequireDefault(__webpack_require__(2678));
+var AntdIcons = _interopRequireWildcard(__webpack_require__(4627));
+var _classnames = _interopRequireDefault(__webpack_require__(6942));
 var _react = _interopRequireDefault(__webpack_require__(9206));
 var _styles = _interopRequireDefault(__webpack_require__(6426));
 var _jsxRuntime = __webpack_require__(4848);
 const _excluded = ["type", "size", "style", "className", "disabled", "spin", "rotate", "withBackground", "backgroundProps", "onClick", "textLabel", "component", "svgProps", "allowSvg", "color"],
   _excluded2 = ["className"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-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); } // Import only commonly used icons directly for better tree-shaking
-// Explicit icon map for commonly used icons - enables tree-shaking
-const COMMON_ICONS_MAP = {
-  'up': _icons.UpOutlined,
-  'down': _icons.DownOutlined,
-  'left': _icons.LeftOutlined,
-  'right': _icons.RightOutlined,
-  'search': _icons.SearchOutlined,
-  'close': _icons.CloseOutlined,
-  'check': _icons.CheckOutlined,
-  'delete': _icons.DeleteOutlined,
-  'edit': _icons.EditOutlined,
-  'plus': _icons.PlusOutlined,
-  'add': _icons.PlusOutlined,
-  // alias
-  'minus': _icons.MinusOutlined,
-  'close-circle': _icons.CloseCircleOutlined,
-  'check-circle': _icons.CheckCircleOutlined,
-  'info-circle': _icons.InfoCircleOutlined,
-  'exclamation-circle': _icons.ExclamationCircleOutlined,
-  'warning': _icons.WarningOutlined,
-  'loading': _icons.LoadingOutlined,
-  'eye': _icons.EyeOutlined,
-  'eye-invisible': _icons.EyeInvisibleOutlined,
-  'upload': _icons.UploadOutlined,
-  'download': _icons.DownloadOutlined,
-  'file': _icons.FileOutlined,
-  'folder': _icons.FolderOutlined,
-  'setting': _icons.SettingOutlined,
-  'user': _icons.UserOutlined,
-  'calendar': _icons.CalendarOutlined,
-  'clock-circle': _icons.ClockCircleOutlined,
-  'filter': _icons.FilterOutlined,
-  'sort-ascending': _icons.SortAscendingOutlined,
-  'sort-descending': _icons.SortDescendingOutlined,
-  'menu': _icons.MenuOutlined,
-  'more': _icons.MoreOutlined,
-  'question-circle': _icons.QuestionCircleOutlined,
-  'arrow-left': _icons.ArrowLeftOutlined,
-  'arrow-right': _icons.ArrowRightOutlined,
-  'arrow-up': _icons.ArrowUpOutlined,
-  'arrow-down': _icons.ArrowDownOutlined,
-  'save': _icons.SaveOutlined,
-  'copy': _icons.CopyOutlined,
-  'home': _icons.HomeOutlined,
-  'star': _icons.StarOutlined,
-  'heart': _icons.HeartOutlined,
-  'bell': _icons.BellOutlined,
-  'mail': _icons.MailOutlined,
-  'phone': _icons.PhoneOutlined,
-  'lock': _icons.LockOutlined,
-  'unlock': _icons.UnlockOutlined,
-  'sync': _icons.SyncOutlined,
-  'reload': _icons.ReloadOutlined,
-  'plus-circle': _icons.PlusCircleOutlined,
-  'minus-circle': _icons.MinusCircleOutlined
+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); }
+// Special mappings for common icon names
+const iconMapping = {
+  add: 'plus'
 };
 const getSvgIcon = function (type, svgProps) {
   if (svgProps === void 0) {
@@ -1357,17 +1873,18 @@ const getSvgIcon = function (type, svgProps) {
 };
 const getAntIcon = type => {
   if (!type) return null;
-
-  // First check the common icons map for better tree-shaking
-  const lowerType = type.toLowerCase();
-  if (COMMON_ICONS_MAP[lowerType]) {
-    return COMMON_ICONS_MAP[lowerType];
-  }
-
-  // For uncommon icons, warn in development
-  if (false) // removed by dead control flow
-{}
-  return null;
+  // Use mapped name if available, otherwise use original type
+  const mappedType = iconMapping[type.toLowerCase()] || type;
+
+  // Convert kebab-case to PascalCase for Ant Design icon naming
+  const pascalCase = mappedType.split('-').map(part => part.charAt(0).toUpperCase() + part.slice(1)).join('');
+
+  // Try different naming conventions
+  const iconName = pascalCase + "Outlined";
+  const iconNameFilled = pascalCase + "Filled";
+  const iconNameTwoTone = pascalCase + "TwoTone";
+  const iconsRecord = AntdIcons;
+  return iconsRecord[iconName] || iconsRecord[iconNameFilled] || iconsRecord[iconNameTwoTone] || null;
 };
 const CapIcon = _ref => {
   let {
@@ -1740,6 +2257,90 @@ ___CSS_LOADER_EXPORT___.locals = {
 module.exports = ___CSS_LOADER_EXPORT___;
 
 
+/***/ }),
+
+/***/ 6942:
+/***/ ((module, exports) => {
+
+var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+/* global define */
+
+(function () {
+	'use strict';
+
+	var hasOwn = {}.hasOwnProperty;
+
+	function classNames () {
+		var classes = '';
+
+		for (var i = 0; i < arguments.length; i++) {
+			var arg = arguments[i];
+			if (arg) {
+				classes = appendClass(classes, parseValue(arg));
+			}
+		}
+
+		return classes;
+	}
+
+	function parseValue (arg) {
+		if (typeof arg === 'string' || typeof arg === 'number') {
+			return arg;
+		}
+
+		if (typeof arg !== 'object') {
+			return '';
+		}
+
+		if (Array.isArray(arg)) {
+			return classNames.apply(null, arg);
+		}
+
+		if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+			return arg.toString();
+		}
+
+		var classes = '';
+
+		for (var key in arg) {
+			if (hasOwn.call(arg, key) && arg[key]) {
+				classes = appendClass(classes, key);
+			}
+		}
+
+		return classes;
+	}
+
+	function appendClass (value, newClass) {
+		if (!newClass) {
+			return value;
+		}
+	
+		if (value) {
+			return value + ' ' + newClass;
+		}
+	
+		return value + newClass;
+	}
+
+	if ( true && module.exports) {
+		classNames.default = classNames;
+		module.exports = classNames;
+	} else if (true) {
+		// register as 'classnames', consistent with npm package name
+		!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () {
+			return classNames;
+		}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
+		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+	} else // removed by dead control flow
+{}
+}());
+
+
 /***/ }),
 
 /***/ 7144:
@@ -1789,63 +2390,571 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
 
 
 
-       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()) && (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) ? (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) : undefined);
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()) && (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) ? (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) : undefined);
+
+
+/***/ }),
+
+/***/ 7375:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _CapRow = _interopRequireDefault(__webpack_require__(3837));
+exports["default"] = _CapRow.default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+/***/ }),
+
+/***/ 7579:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _antdV = __webpack_require__(4273);
+var _react = _interopRequireDefault(__webpack_require__(9206));
+var _jsxRuntime = __webpack_require__(4848);
+const _excluded = ["className"];
+/**
+ * CapSpin - Migrated to Ant Design v5
+ */
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const CapSpin = _ref => {
+  let {
+      className
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.Spin, _extends({
+    className: className
+  }, rest));
+};
+var _default = exports["default"] = CapSpin;
+
+/***/ }),
+
+/***/ 7659:
+/***/ ((module) => {
+
+"use strict";
+
+
+var memo = {};
+
+/* istanbul ignore next  */
+function getTarget(target) {
+  if (typeof memo[target] === "undefined") {
+    var styleTarget = document.querySelector(target);
+
+    // Special case to return head of iframe instead of iframe itself
+    if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
+      try {
+        // This will throw an exception if access to iframe is blocked
+        // due to cross-origin restrictions
+        styleTarget = styleTarget.contentDocument.head;
+      } catch (e) {
+        // istanbul ignore next
+        styleTarget = null;
+      }
+    }
+    memo[target] = styleTarget;
+  }
+  return memo[target];
+}
+
+/* istanbul ignore next  */
+function insertBySelector(insert, style) {
+  var target = getTarget(insert);
+  if (!target) {
+    throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
+  }
+  target.appendChild(style);
+}
+module.exports = insertBySelector;
+
+/***/ }),
+
+/***/ 8033:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.CustomDropdown = void 0;
+var _antdV = __webpack_require__(4273);
+var _classnames = _interopRequireDefault(__webpack_require__(6942));
+var _react = _interopRequireDefault(__webpack_require__(9206));
+var _CapIcon = _interopRequireDefault(__webpack_require__(8244));
+var _CapLabel = _interopRequireDefault(__webpack_require__(3737));
+var _CapRow = _interopRequireDefault(__webpack_require__(7375));
+var _CapSpin = _interopRequireDefault(__webpack_require__(1549));
+var _components = __webpack_require__(455);
+var _constants = __webpack_require__(9788);
+var _styles = _interopRequireDefault(__webpack_require__(8263));
+var _utils = __webpack_require__(8052);
+var _jsxRuntime = __webpack_require__(4848);
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CustomDropdown = _ref => {
+  let {
+    menu,
+    customPopupRender,
+    filteredTree,
+    searchText,
+    showSearch,
+    handleSearchChange,
+    handleSearchKeyDown,
+    disabled,
+    isMulti,
+    showUpload,
+    uploadLabel,
+    handleUpload,
+    staticValue,
+    tempValue,
+    setTempValue,
+    isSearching,
+    isResettingData,
+    isLoadingOnScroll,
+    onPopupScroll,
+    hasMore,
+    noResultCustomText,
+    noResultCustomIcon,
+    options,
+    className,
+    type,
+    selectedLeafCount,
+    handleConfirm,
+    handleClearAll,
+    clearText,
+    onFooterDownloadChange,
+    allowClear,
+    popoverClassName
+  } = _ref;
+  if (!customPopupRender) return menu;
+  const currentItems = filteredTree;
+  const handleFooterDownload = () => {
+    const currentValues = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
+    onFooterDownloadChange == null || onFooterDownloadChange(currentValues);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)(popoverClassName, _styles.default[type + "-popup-container"]),
+    children: [showSearch && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
+      className: _styles.default['cap-unified-select-search-container'],
+      align: "middle",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.Input, {
+        prefix: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+          type: "search",
+          size: "s",
+          className: _styles.default['cap-unified-select-search-icon']
+        }),
+        placeholder: _constants.DEFAULTS.SEARCH_PLACEHOLDER,
+        variant: "borderless",
+        value: searchText,
+        onChange: handleSearchChange,
+        onKeyDown: handleSearchKeyDown,
+        allowClear: true,
+        disabled: disabled
+      })
+    }), isMulti && showUpload && !disabled && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
+      className: _styles.default['cap-unified-select-upload-container'],
+      align: "middle",
+      onClick: handleUpload,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+        type: "upload",
+        size: "s",
+        className: _styles.default['cap-unified-select-upload-icon']
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+        type: "label14",
+        className: _styles.default['cap-unified-select-upload-label'],
+        children: uploadLabel
+      })]
+    }), isMulti && staticValue && currentItems.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectAllCheckbox, {
+      currentItems: currentItems,
+      tempValue: Array.isArray(tempValue) ? tempValue : undefined,
+      setTempValue: val => setTempValue(val),
+      processTreeData: _utils.buildTreeMaps,
+      disabled: disabled
+    }), currentItems.length === 0 ? isSearching || isResettingData ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _styles.default['cap-unified-select-loading-container'],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
+        align: "middle",
+        justify: "center",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapSpin.default, {
+          size: "small"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
+        align: "middle",
+        justify: "center",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+          type: "label14",
+          children: "Loading..."
+        })
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.NoResult, {
+      noResultCustomText: noResultCustomText,
+      className: className,
+      showUpload: showUpload,
+      options: options,
+      noResultCustomIcon: noResultCustomIcon
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _styles.default['cap-unified-select-menu-wrapper'],
+      children: [menu, (isSearching || isResettingData) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _styles.default['cap-unified-select-loading-overlay'],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
+          align: "middle",
+          justify: "center",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapSpin.default, {
+            size: "small"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
+          align: "middle",
+          justify: "center",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+            type: "label14",
+            children: "Loading..."
+          })
+        })]
+      }), isLoadingOnScroll && onPopupScroll && hasMore && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _styles.default['cap-unified-select-loading-overlay'],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
+          align: "middle",
+          justify: "center",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapSpin.default, {
+            size: "small"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
+          align: "middle",
+          justify: "center",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+            type: "label14",
+            children: "Loading..."
+          })
+        })]
+      })]
+    }), currentItems.length > 0 && isMulti && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _styles.default['cap-unified-select-confirm-container'],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _styles.default['cap-unified-select-confirm-button-group'],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.Button, {
+          type: "primary",
+          size: "small",
+          className: _styles.default['cap-unified-select-confirm-button'],
+          onClick: handleConfirm,
+          disabled: disabled || selectedLeafCount === 0,
+          children: "Confirm"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.Button, {
+          type: "text",
+          className: _styles.default['cap-unified-select-cancel-button'],
+          size: "small",
+          onClick: handleClearAll,
+          disabled: disabled,
+          children: clearText
+        }), onFooterDownloadChange && selectedLeafCount > 0 && !disabled && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
+          className: _styles.default['cap-unified-select-footer-download-container'],
+          align: "middle",
+          onClick: handleFooterDownload,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+            type: "download",
+            size: "s",
+            className: _styles.default['cap-unified-select-footer-download-icon']
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapLabel.default, {
+            className: _styles.default['cap-unified-select-footer-download-label'],
+            children: [selectedLeafCount, " selected"]
+          })]
+        })]
+      })
+    }), (type === _constants.SELECT_TYPES.SELECT || type === _constants.SELECT_TYPES.TREE_SELECT) && allowClear && !disabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
+      className: _styles.default['cap-unified-select-tree-clear-container'],
+      onClick: handleClearAll,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+        className: _styles.default['cap-unified-select-tree-clear-label'],
+        children: clearText
+      })
+    })]
+  });
+};
+exports.CustomDropdown = CustomDropdown;
+
+/***/ }),
+
+/***/ 8052:
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
 
+exports.__esModule = true;
+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
+ * Creates maps for leaf values, parent-child relationships, and node lookups
+ */
+const buildTreeMaps = nodes => {
+  const result = {
+    leafValues: [],
+    parentChildMap: {},
+    nodeMap: {}
+  };
+  if (!nodes) return result;
+  const traverse = items => {
+    items == null || items.forEach(item => {
+      if (item.value !== undefined) {
+        result.nodeMap[item.value] = item;
+        if (item != null && item.children && item.children.length > 0) {
+          result.parentChildMap[item.value] = item.children.map(child => child == null ? void 0 : child.value).filter(v => v !== undefined);
+          traverse(item.children);
+        } else {
+          result.leafValues.push(item.value);
+        }
+      }
+    });
+  };
+  traverse(nodes);
+  return result;
+};
 
-/***/ }),
+/**
+ * Counts the number of selected leaf nodes in a tree structure
+ * Handles parent-child relationships by expanding selected parent nodes
+ */
+exports.buildTreeMaps = buildTreeMaps;
+const countSelectedLeaves = (treeMaps, selectedValues) => {
+  var _treeMaps$leafValues;
+  if (!Array.isArray(selectedValues) || !(selectedValues != null && selectedValues.length)) return 0;
+  const expandedSet = new Set(selectedValues);
+  const processNode = value => {
+    var _treeMaps$parentChild;
+    const children = treeMaps == null || (_treeMaps$parentChild = treeMaps.parentChildMap) == null ? void 0 : _treeMaps$parentChild[value];
+    if (!children) return;
+    children == null || children.forEach(childValue => {
+      expandedSet.add(childValue);
+      processNode(childValue);
+    });
+  };
+  selectedValues == null || selectedValues.forEach(processNode);
+  return (treeMaps == null || (_treeMaps$leafValues = treeMaps.leafValues) == null ? void 0 : _treeMaps$leafValues.reduce((count, leaf) => expandedSet.has(leaf) ? count + 1 : count, 0)) || 0;
+};
 
-/***/ 7375:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+/**
+ * Filters tree data based on search query
+ * Includes nodes that match search OR are selected OR have matching children
+ * Supports searching by label, value, or key
+ */
+exports.countSelectedLeaves = countSelectedLeaves;
+const filterTreeData = function (data, search, searchBasedOn, selectedValues) {
+  if (searchBasedOn === void 0) {
+    searchBasedOn = 'label';
+  }
+  if (!(data != null && data.length) || !search) return data;
+  const searchLower = search.toLowerCase();
+  const selectedSet = new Set(selectedValues || []);
+  const nodeMatchesSearch = node => {
+    var _node$value, _node$key, _ref, _node$label;
+    const target = searchBasedOn === 'value' ? String((_node$value = node == null ? void 0 : node.value) != null ? _node$value : '') : searchBasedOn === 'key' ? String((_node$key = node == null ? void 0 : node.key) != null ? _node$key : '') : String((_ref = (_node$label = node == null ? void 0 : node.label) != null ? _node$label : node == null ? void 0 : node.title) != null ? _ref : '');
+    return target.toLowerCase().includes(searchLower);
+  };
+  const isNodeSelected = node => {
+    return node.value !== undefined && selectedSet.has(node.value);
+  };
+  const loop = items => items.reduce((acc, item) => {
+    var _item$children;
+    if (!item) return acc;
+    const children = item != null && (_item$children = item.children) != null && _item$children.length ? loop(item.children) : [];
+    // Include node if: matches search OR is selected OR has matching children
+    if (nodeMatchesSearch(item) || isNodeSelected(item) || children.length) {
+      acc.push(_extends({}, item, {
+        children
+      }));
+    }
+    return acc;
+  }, []);
+  return loop(data);
+};
 
-"use strict";
+/**
+ * Checks if a value exists in options (recursive for tree structures)
+ */
+exports.filterTreeData = filterTreeData;
+const findValueInOptions = (opts, targetValue) => {
+  for (const opt of opts) {
+    if (opt.value === targetValue) {
+      return true;
+    }
+    if (opt.children && opt.children.length > 0) {
+      if (findValueInOptions(opt.children, targetValue)) {
+        return true;
+      }
+    }
+  }
+  return false;
+};
 
+/**
+ * Finds selected values that don't exist in the current options
+ */
+exports.findValueInOptions = findValueInOptions;
+const findMissingValues = (selectedValues, currentOptions) => {
+  if (!selectedValues.length || !currentOptions.length) {
+    return selectedValues;
+  }
+  return selectedValues.filter(val => !findValueInOptions(currentOptions, val));
+};
 
-exports.__esModule = true;
-exports["default"] = void 0;
-var _CapRow = _interopRequireDefault(__webpack_require__(3837));
-exports["default"] = _CapRow.default;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Reorders options based on selection order
+ * Selected items are moved to top in the order they were selected
+ * For tree structures, maintains parent-child relationships
+ * For flat lists, directly reorders items
+ * Works for all data types: flat lists, tree structures, nested trees
+ */
+exports.findMissingValues = findMissingValues;
+const reorderOptionsBySelection = (opts, selectedOrder) => {
+  if (!Array.isArray(selectedOrder) || selectedOrder.length === 0 || !(opts != null && opts.length)) {
+    return opts;
+  }
+  const selectedSet = new Set(selectedOrder);
+  const selectedItems = [];
+  const unselectedItems = [];
+  const processedTopLevelValues = new Set();
+
+  // Deep clone helper to avoid mutating original items
+  const deepCloneItem = item => {
+    return _extends({}, item, {
+      children: item.children ? item.children.map(deepCloneItem) : undefined
+    });
+  };
 
-/***/ }),
+  // Find the top-level item that contains the selected value
+  // For flat lists, returns the item itself
+  // For tree structures, returns the top-level parent from opts
+  const findTopLevelItem = targetValue => {
+    // First, find which top-level item in opts contains this value
+    for (const topLevelItem of opts) {
+      // Check if this top-level item itself matches
+      if (topLevelItem.value === targetValue) {
+        return topLevelItem;
+      }
 
-/***/ 7659:
-/***/ ((module) => {
+      // If found in this top-level item's children, return the top-level item
+      if (topLevelItem.children && topLevelItem.children.length > 0) {
+        if (findValueInOptions(topLevelItem.children, targetValue)) {
+          return topLevelItem;
+        }
+      }
+    }
+    return null;
+  };
 
-"use strict";
+  // Check if an item or any of its descendants is selected
+  const hasSelectedDescendant = item => {
+    if (item.value !== undefined && selectedSet.has(item.value)) {
+      return true;
+    }
+    if (item.children && item.children.length > 0) {
+      return item.children.some(child => hasSelectedDescendant(child));
+    }
+    return false;
+  };
 
+  // Collect selected items in selection order
+  selectedOrder.forEach(selectedVal => {
+    const topLevelItem = findTopLevelItem(selectedVal);
+    if (topLevelItem && topLevelItem.value !== undefined && !processedTopLevelValues.has(topLevelItem.value)) {
+      // Clone the item to avoid mutating the original
+      const clonedItem = deepCloneItem(topLevelItem);
+      selectedItems.push(clonedItem);
+      processedTopLevelValues.add(topLevelItem.value);
+    }
+  });
 
-var memo = {};
+  // Collect unselected items maintaining original order
+  // For tree structures, only include top-level items that don't have any selected descendants
+  opts.forEach(item => {
+    if (item.value === undefined) {
+      // Item without value, include as-is
+      unselectedItems.push(deepCloneItem(item));
+    } else if (!processedTopLevelValues.has(item.value)) {
+      // Check if this item or any of its descendants is selected
+      if (!hasSelectedDescendant(item)) {
+        unselectedItems.push(deepCloneItem(item));
+      }
+    }
+  });
 
-/* istanbul ignore next  */
-function getTarget(target) {
-  if (typeof memo[target] === "undefined") {
-    var styleTarget = document.querySelector(target);
+  // Return selected items first (in selection order), then unselected items
+  return [...selectedItems, ...unselectedItems];
+};
 
-    // Special case to return head of iframe instead of iframe itself
-    if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
-      try {
-        // This will throw an exception if access to iframe is blocked
-        // due to cross-origin restrictions
-        styleTarget = styleTarget.contentDocument.head;
-      } catch (e) {
-        // istanbul ignore next
-        styleTarget = null;
+/**
+ * Prepares data source with virtual options for selected values not in current options
+ * Returns raw options without React component enhancement
+ */
+exports.reorderOptionsBySelection = reorderOptionsBySelection;
+const prepareDataSource = (options, orderedOptions, searchText, value, staticValue, selectedItemsCache) => {
+  const sourceOptions = searchText.trim() ? options : orderedOptions || options;
+  const selectedValues = Array.isArray(value) ? value : value ? [value] : [];
+  const hasSearchQuery = searchText.trim().length > 0;
+  const shouldAppendVirtualOptions = staticValue || !hasSearchQuery;
+  const missingSelectedValues = [];
+  if (shouldAppendVirtualOptions && selectedValues.length > 0) {
+    selectedValues.forEach(val => {
+      if (!findValueInOptions(sourceOptions, val)) {
+        missingSelectedValues.push(val);
       }
-    }
-    memo[target] = styleTarget;
+    });
   }
-  return memo[target];
-}
+  const virtualOptions = missingSelectedValues.map(val => {
+    const cachedOption = selectedItemsCache.get(val);
+    return _extends({
+      value: val,
+      label: (cachedOption == null ? void 0 : cachedOption.label) || String(val),
+      key: (cachedOption == null ? void 0 : cachedOption.key) || val,
+      title: cachedOption == null ? void 0 : cachedOption.title,
+      optionSuffix: cachedOption == null ? void 0 : cachedOption.optionSuffix,
+      optionSuffixInfo: cachedOption == null ? void 0 : cachedOption.optionSuffixInfo,
+      optionTooltipInfo: cachedOption == null ? void 0 : cachedOption.optionTooltipInfo,
+      disabled: cachedOption == null ? void 0 : cachedOption.disabled
+    }, (cachedOption == null ? void 0 : cachedOption.children) && {
+      children: cachedOption.children
+    });
+  });
+  const allOptions = hasSearchQuery ? [...sourceOptions, ...virtualOptions] : [...virtualOptions, ...sourceOptions];
+  return allOptions != null && allOptions.length ? allOptions : [];
+};
 
-/* istanbul ignore next  */
-function insertBySelector(insert, style) {
-  var target = getTarget(insert);
-  if (!target) {
-    throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
+/**
+ * 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;
   }
-  target.appendChild(style);
-}
-module.exports = insertBySelector;
+  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;
 
 /***/ }),
 
@@ -1913,6 +3022,227 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
        /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()) && (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) ? (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) : undefined);
 
 
+/***/ }),
+
+/***/ 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;
+
 /***/ }),
 
 /***/ 9206:
@@ -1923,6 +3253,56 @@ module.exports = require("react");
 
 /***/ }),
 
+/***/ 9315:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.DropdownHeader = void 0;
+var _classnames = _interopRequireDefault(__webpack_require__(6942));
+var _react = _interopRequireDefault(__webpack_require__(9206));
+var _CapLabel = _interopRequireDefault(__webpack_require__(3737));
+var _CapTooltipWithInfo = _interopRequireDefault(__webpack_require__(2608));
+var _styles = _interopRequireDefault(__webpack_require__(8263));
+var _jsxRuntime = __webpack_require__(4848);
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DropdownHeader = _ref => {
+  let {
+    headerLabel,
+    tooltip,
+    bylineText,
+    disabled = false
+  } = _ref;
+  if (!headerLabel && !tooltip) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)(_styles.default['cap-unified-select-header-wrapper'], disabled && _styles.default.disabled, _styles.default['cap-unified-select-header']),
+      children: [headerLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+        type: "label16",
+        className: (0, _classnames.default)(disabled && _styles.default.disabled, _styles.default['cap-unified-select-header-label']),
+        children: headerLabel
+      }), tooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
+        title: tooltip,
+        className: (0, _classnames.default)(disabled && _styles.default.disabled, _styles.default['cap-unified-select-header-tooltip']),
+        iconProps: {
+          disabled
+        }
+      })]
+    }), bylineText && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _styles.default['cap-unified-select-header-byline-text'],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+        className: (0, _classnames.default)(disabled && _styles.default.disabled, _styles.default['cap-unified-select-header-byline-text']),
+        children: bylineText
+      })
+    })]
+  });
+};
+exports.DropdownHeader = DropdownHeader;
+
+/***/ }),
+
 /***/ 9604:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
@@ -1931,7 +3311,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.ant-select-focused .ant-select-selector{border:1px solid #091e42 !important}.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 .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}.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:#091e42;line-height:1.429rem}.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;cursor:pointer;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}.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-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-option-with-suffix{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-unified-select-option-label{flex:1}.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;margin-left:.571rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-tooltip-with-info{margin-left:auto}.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%}.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}.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 .ant-select-tree-checkbox-inner{height:1.286rem;width:1.286rem;border:.143rem solid #b3bac5;border-radius:.286rem}.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}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-indent{margin-left:.857rem}.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-selector .ant-select-selection-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.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-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.ant-select-tree-node-content-wrapper-normal{width:95%}.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: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`,
@@ -1960,10 +3340,19 @@ ___CSS_LOADER_EXPORT___.locals = {
 	"cap-unified-select-selected-count": `blaze-ui-cap-unified-select-selected-count`,
 	"cap-unified-select-tree-clear-container": `blaze-ui-cap-unified-select-tree-clear-container`,
 	"cap-unified-select-tree-clear-label": `blaze-ui-cap-unified-select-tree-clear-label`,
+	"cap-unified-select-footer-download-container": `blaze-ui-cap-unified-select-footer-download-container`,
+	"cap-unified-select-footer-download-icon": `blaze-ui-cap-unified-select-footer-download-icon`,
+	"cap-unified-select-footer-download-label": `blaze-ui-cap-unified-select-footer-download-label`,
 	"cap-unified-select-no-result": `blaze-ui-cap-unified-select-no-result`,
 	"cap-unified-select-no-result-text": `blaze-ui-cap-unified-select-no-result-text`,
+	"cap-unified-select-loading-container": `blaze-ui-cap-unified-select-loading-container`,
+	"cap-unified-select-loading-more": `blaze-ui-cap-unified-select-loading-more`,
+	"cap-unified-select-menu-wrapper": `blaze-ui-cap-unified-select-menu-wrapper`,
+	"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`,
 	"cap-icon": `blaze-ui-cap-icon`
@@ -1971,6 +3360,47 @@ ___CSS_LOADER_EXPORT___.locals = {
 module.exports = ___CSS_LOADER_EXPORT___;
 
 
+/***/ }),
+
+/***/ 9788:
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.TIMEOUTS = exports.SELECT_TYPES = exports.DEFAULTS = void 0;
+let SELECT_TYPES = exports.SELECT_TYPES = /*#__PURE__*/function (SELECT_TYPES) {
+  SELECT_TYPES["SELECT"] = "select";
+  SELECT_TYPES["MULTI_SELECT"] = "multiSelect";
+  SELECT_TYPES["TREE_SELECT"] = "treeSelect";
+  SELECT_TYPES["MULTI_TREE_SELECT"] = "multiTreeSelect";
+  return SELECT_TYPES;
+}({});
+const TIMEOUTS = exports.TIMEOUTS = {
+  DEFAULT_SEARCH_DEBOUNCE: 300,
+  SEARCH_STATE_UPDATE_DELAY: 100,
+  SEARCH_CLEARED_TIMEOUT: 200,
+  SEARCH_CLEARED_BUFFER: 300,
+  SEARCH_REGULAR_BUFFER: 500,
+  STATIC_SEARCH_DELAY: 150,
+  RESET_DATA_TIMEOUT: 1000,
+  RESET_DATA_MIN_TIME: 300,
+  RESET_DATA_MAX_TIME: 2000,
+  SCROLL_LOADING_TIMEOUT: 10000,
+  SCROLL_CONTAINER_DELAY: 100
+};
+const DEFAULTS = exports.DEFAULTS = {
+  PLACEHOLDER: 'Select an option',
+  UPLOAD_LABEL: 'Upload',
+  CLEAR_TEXT: 'Clear',
+  NO_RESULT_TEXT: 'No results found',
+  NO_RESULT_ICON: 'warning',
+  VIRTUAL_ROW_HEIGHT: 32,
+  LIST_HEIGHT: 256,
+  SEARCH_PLACEHOLDER: 'Search'
+};
+
 /***/ })
 
 /******/ 	});