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

package/{CapUnifiedSelect → dist/CapUnifiedSelect}/index.js

@@ -97,147 +97,809 @@ exports.SelectAllCheckbox = SelectAllCheckbox;
 
 /***/ }),
 
-/***/ 540:
-/***/ ((module) => {
-
-"use strict";
-
-
-/* istanbul ignore next  */
-function insertStyleElement(options) {
-  var element = document.createElement("style");
-  options.setAttributes(element, options.attributes);
-  options.insert(element, options.options);
-  return element;
-}
-module.exports = insertStyleElement;
-
-/***/ }),
-
-/***/ 1020:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var f=__webpack_require__(9206),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};
-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:
+/***/ 480:
 /***/ ((__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:
-/***/ ((module) => {
-
-"use strict";
-
+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)('');
 
-module.exports = function (i) {
-  return i[1];
-};
+  // 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]);
 
-/***/ 1858:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+  /**
+   * 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;
+    }
 
-// Imports
-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-row-v2.blaze-ui-with-custom-width{width:auto}.blaze-ui-cap-row-v2.blaze-ui-with-custom-height{height:auto}.blaze-ui-cap-row-v2.blaze-ui-fill-space{flex:1}.blaze-ui-cap-row-v2.blaze-ui-full-width{width:100%}.blaze-ui-cap-row-v2.blaze-ui-full-height{height:100%}.blaze-ui-cap-row-v2.blaze-ui-ant-row-no-wrap{flex-wrap:nowrap}.blaze-ui-cap-row-v2.blaze-ui-with-gap{display:grid;grid-template-columns:repeat(auto-fit, minmax(0, 1fr))}`, ""]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
-	"cap-row-v2": `blaze-ui-cap-row-v2`,
-	"with-custom-width": `blaze-ui-with-custom-width`,
-	"with-custom-height": `blaze-ui-with-custom-height`,
-	"fill-space": `blaze-ui-fill-space`,
-	"full-width": `blaze-ui-full-width`,
-	"full-height": `blaze-ui-full-height`,
-	"ant-row-no-wrap": `blaze-ui-ant-row-no-wrap`,
-	"with-gap": `blaze-ui-with-gap`
-};
-module.exports = ___CSS_LOADER_EXPORT___;
-
-
-/***/ }),
-
-/***/ 2119:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-// Imports
-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-tooltip-overlay-v2 .ant-tooltip-inner{background-color:#091e42;color:#fff;padding:.571rem .857rem;font-size:1rem;line-height:1.429rem;border-radius:.286rem;max-width:21.429rem;word-wrap:break-word}.blaze-ui-cap-tooltip-overlay-v2 .ant-tooltip-arrow::before{background-color:#091e42}.blaze-ui-button-disabled-tooltip-wrapper{display:inline-block;cursor:not-allowed}.blaze-ui-button-disabled-tooltip-wrapper .ant-btn[disabled]{pointer-events:none}.blaze-ui-cap-tooltip-wrapper{display:inline-block}`, ""]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
-	"cap-tooltip-overlay-v2": `blaze-ui-cap-tooltip-overlay-v2`,
-	"button-disabled-tooltip-wrapper": `blaze-ui-button-disabled-tooltip-wrapper`,
-	"cap-tooltip-wrapper": `blaze-ui-cap-tooltip-wrapper`
-};
-module.exports = ___CSS_LOADER_EXPORT___;
+    // 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]);
 
-/***/ 2608:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+  // 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);
 
-"use strict";
+    // 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 = '';
+    }
 
-exports.__esModule = true;
-exports["default"] = void 0;
-var _CapTooltipWithInfo = _interopRequireDefault(__webpack_require__(4299));
-exports["default"] = _CapTooltipWithInfo.default;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+    // 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('');
+    }
 
-/***/ 2657:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+    // 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);
 
-"use strict";
+    // 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]);
 
-exports.__esModule = true;
-exports["default"] = void 0;
-var _classnames = _interopRequireDefault(__webpack_require__(6942));
-var _react = _interopRequireDefault(__webpack_require__(9206));
-var _styles = _interopRequireDefault(__webpack_require__(4939));
-var _jsxRuntime = __webpack_require__(4848);
-const _excluded = ["children", "type", "className", "style", "fontWeight", "lineHeight"],
-  _excluded2 = ["children", "type", "className", "style", "fontWeight", "lineHeight"];
-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 CapLabel = _ref => {
-  let {
-      children,
+  /**
+   * 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) => {
+
+"use strict";
+
+
+/* istanbul ignore next  */
+function insertStyleElement(options) {
+  var element = document.createElement("style");
+  options.setAttributes(element, options.attributes);
+  options.insert(element, options.options);
+  return element;
+}
+module.exports = insertStyleElement;
+
+/***/ }),
+
+/***/ 1020:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var f=__webpack_require__(9206),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};
+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:
+/***/ ((module) => {
+
+"use strict";
+
+
+module.exports = function (i) {
+  return i[1];
+};
+
+/***/ }),
+
+/***/ 1858:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// Imports
+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-row-v2.blaze-ui-with-custom-width{width:auto}.blaze-ui-cap-row-v2.blaze-ui-with-custom-height{height:auto}.blaze-ui-cap-row-v2.blaze-ui-fill-space{flex:1}.blaze-ui-cap-row-v2.blaze-ui-full-width{width:100%}.blaze-ui-cap-row-v2.blaze-ui-full-height{height:100%}.blaze-ui-cap-row-v2.blaze-ui-ant-row-no-wrap{flex-wrap:nowrap}.blaze-ui-cap-row-v2.blaze-ui-with-gap{display:grid;grid-template-columns:repeat(auto-fit, minmax(0, 1fr))}`, ""]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+	"cap-row-v2": `blaze-ui-cap-row-v2`,
+	"with-custom-width": `blaze-ui-with-custom-width`,
+	"with-custom-height": `blaze-ui-with-custom-height`,
+	"fill-space": `blaze-ui-fill-space`,
+	"full-width": `blaze-ui-full-width`,
+	"full-height": `blaze-ui-full-height`,
+	"ant-row-no-wrap": `blaze-ui-ant-row-no-wrap`,
+	"with-gap": `blaze-ui-with-gap`
+};
+module.exports = ___CSS_LOADER_EXPORT___;
+
+
+/***/ }),
+
+/***/ 1879:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.enhanceOptionsWithComponents = void 0;
+var _classnames = _interopRequireDefault(__webpack_require__(6942));
+var _react = _interopRequireDefault(__webpack_require__(9206));
+var _CapLabel = _interopRequireDefault(__webpack_require__(3737));
+var _CapRow = _interopRequireDefault(__webpack_require__(7375));
+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.hoverText) || (opt == null ? void 0 : opt.label);
+    const tooltipTitle = (opt == null ? void 0 : opt.hoverText) || undefined;
+    const decoratedTitle = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
+      className: _styles.default['cap-unified-select-option-with-suffix'],
+      justify: "space-between",
+      align: "middle",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames.default)(_styles.default['cap-unified-select-option-label'], _styles.default['truncate-text']),
+        title: tooltipTitle,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+          type: "label14",
+          children: displayText
+        })
+      }), ((opt == null ? void 0 : opt.optionSuffix) || (opt == null ? void 0 : opt.optionTooltipInfo)) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _styles.default['cap-unified-select-option-end'],
+        children: [(opt == null ? void 0 : opt.optionSuffix) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+          className: _styles.default['cap-unified-select-option-suffix'],
+          children: [opt == null ? void 0 : opt.optionSuffix, (opt == null ? void 0 : opt.optionSuffixInfo) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
+            title: opt == null ? void 0 : opt.optionSuffixInfo
+          })]
+        }), (opt == null ? void 0 : opt.optionTooltipInfo) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
+          title: opt == null ? void 0 : opt.optionTooltipInfo
+        })]
+      })]
+    });
+    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.hoverText) || (opt == null ? void 0 : opt.label);
+    const tooltipTitle = (opt == null ? void 0 : opt.hoverText) || undefined;
+    return _extends({}, opt, {
+      title: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
+        className: _styles.default['cap-unified-select-option-with-suffix'],
+        justify: "space-between",
+        align: "middle",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _classnames.default)(_styles.default['cap-unified-select-option-label'], _styles.default['truncate-text']),
+          title: tooltipTitle,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+            type: "label14",
+            children: displayText
+          })
+        }), ((opt == null ? void 0 : opt.optionSuffix) || (opt == null ? void 0 : opt.optionTooltipInfo)) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: _styles.default['cap-unified-select-option-end'],
+          children: [(opt == null ? void 0 : opt.optionSuffix) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+            className: _styles.default['cap-unified-select-option-suffix'],
+            children: [opt == null ? void 0 : opt.optionSuffix, (opt == null ? void 0 : opt.optionSuffixInfo) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
+              title: opt == null ? void 0 : opt.optionSuffixInfo
+            })]
+          }), (opt == null ? void 0 : opt.optionTooltipInfo) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
+            title: opt == null ? void 0 : opt.optionTooltipInfo
+          })]
+        })]
+      }),
+      label: opt == null ? void 0 : opt.label
+    });
+  });
+};
+exports.enhanceOptionsWithComponents = enhanceOptionsWithComponents;
+
+/***/ }),
+
+/***/ 2119:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// Imports
+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-tooltip-overlay-v2 .ant-tooltip-inner{background-color:#091e42;color:#fff;padding:.571rem .857rem;font-size:1rem;line-height:1.429rem;border-radius:.286rem;max-width:21.429rem;word-wrap:break-word}.blaze-ui-cap-tooltip-overlay-v2 .ant-tooltip-arrow::before{background-color:#091e42}.blaze-ui-button-disabled-tooltip-wrapper{display:inline-block;cursor:not-allowed}.blaze-ui-button-disabled-tooltip-wrapper .ant-btn[disabled]{pointer-events:none}.blaze-ui-cap-tooltip-wrapper{display:inline-block}`, ""]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+	"cap-tooltip-overlay-v2": `blaze-ui-cap-tooltip-overlay-v2`,
+	"button-disabled-tooltip-wrapper": `blaze-ui-button-disabled-tooltip-wrapper`,
+	"cap-tooltip-wrapper": `blaze-ui-cap-tooltip-wrapper`
+};
+module.exports = ___CSS_LOADER_EXPORT___;
+
+
+/***/ }),
+
+/***/ 2608:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _CapTooltipWithInfo = _interopRequireDefault(__webpack_require__(4299));
+exports["default"] = _CapTooltipWithInfo.default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+/***/ }),
+
+/***/ 2657:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _classnames = _interopRequireDefault(__webpack_require__(6942));
+var _react = _interopRequireDefault(__webpack_require__(9206));
+var _styles = _interopRequireDefault(__webpack_require__(4939));
+var _jsxRuntime = __webpack_require__(4848);
+const _excluded = ["children", "type", "className", "style", "fontWeight", "lineHeight"],
+  _excluded2 = ["children", "type", "className", "style", "fontWeight", "lineHeight"];
+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 CapLabel = _ref => {
+  let {
+      children,
       type = 'label1',
       className = '',
       style = {},
@@ -826,1080 +1488,245 @@ ___CSS_LOADER_EXPORT___.locals = {
 	"label13": `blaze-ui-label13`,
 	"label14": `blaze-ui-label14`,
 	"label15": `blaze-ui-label15`,
-	"label16": `blaze-ui-label16`,
-	"label17": `blaze-ui-label17`,
-	"label18": `blaze-ui-label18`,
-	"label19": `blaze-ui-label19`,
-	"label20": `blaze-ui-label20`,
-	"label21": `blaze-ui-label21`,
-	"label22": `blaze-ui-label22`,
-	"label23": `blaze-ui-label23`,
-	"label24": `blaze-ui-label24`,
-	"label25": `blaze-ui-label25`,
-	"label26": `blaze-ui-label26`,
-	"label27": `blaze-ui-label27`,
-	"label28": `blaze-ui-label28`,
-	"label29": `blaze-ui-label29`,
-	"label30": `blaze-ui-label30`,
-	"label31": `blaze-ui-label31`,
-	"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__(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 _CapSpin = _interopRequireDefault(__webpack_require__(1549));
-var _CapTooltip = _interopRequireDefault(__webpack_require__(5636));
-var _CapTooltipWithInfo = _interopRequireDefault(__webpack_require__(2608));
-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);
-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 = _constants.SELECT_TYPES.SELECT,
-      options = [],
-      value,
-      onChange,
-      placeholder = _constants.DEFAULTS.PLACEHOLDER,
-      className = '',
-      style,
-      isError = false,
-      errorMessage,
-      containerClassName,
-      popoverClassName,
-      allowClear = false,
-      headerLabel,
-      onUpload,
-      uploadLabel = _constants.DEFAULTS.UPLOAD_LABEL,
-      tooltip,
-      bylineText,
-      disabled = false,
-      showUpload = false,
-      customPopupRender = true,
-      showSearch = true,
-      searchBasedOn = 'label',
-      onSearch,
-      searchDebounce = _constants.TIMEOUTS.DEFAULT_SEARCH_DEBOUNCE,
-      onConfirm,
-      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 [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 [isLoadingOnScroll, setIsLoadingOnScroll] = (0, _react.useState)(false);
-  const [isResettingData, setIsResettingData] = (0, _react.useState)(false);
-  const [orderedOptions, setOrderedOptions] = (0, _react.useState)(null);
-  const searchTimeoutRef = (0, _react.useRef)(null);
-  const scrollContainerRef = (0, _react.useRef)(null);
-  const scrollLoadingTimeoutRef = (0, _react.useRef)(null);
-  const isScrollProcessingRef = (0, _react.useRef)(false);
-  const scrollThrottleTimeoutRef = (0, _react.useRef)(null);
-  const optionsRef = (0, _react.useRef)(options);
-  const selectedItemsCacheRef = (0, _react.useRef)(new Map());
-  const lastSearchQueryRef = (0, _react.useRef)('');
-  const searchClearedTimeRef = (0, _react.useRef)(null);
-  const prevOptionsRef = (0, _react.useRef)(options);
-  const prevOptionsBeforeResetRef = (0, _react.useRef)(options);
-  const prevOptionsCountRef = (0, _react.useRef)(options.length);
-  const prevOptionsRefForScroll = (0, _react.useRef)(options);
-  const scrollTriggerOptionsCountRef = (0, _react.useRef)(options.length);
-  const initialSortDoneRef = (0, _react.useRef)(false);
-  const hasInteractedRef = (0, _react.useRef)(false);
-  const initialTempValueRef = (0, _react.useRef)(value);
-  const resetDataCalledRef = (0, _react.useRef)(false);
-  const resetDataCalledTimeRef = (0, _react.useRef)(null);
-  const fetchMissingOptionsCalledRef = (0, _react.useRef)(false);
-  const lastMissingValuesRef = (0, _react.useRef)('');
-  (0, _react.useEffect)(() => {
-    if (!fetchMissingOptions) {
-      return;
-    }
-    if (options.length === 0) {
-      return;
-    }
-
-    // For API-driven data, don't fetch missing options during active search
-    // Only fetch when there's no search query or search is cleared
-    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 checkValueExists = (opts, val) => {
-        for (const opt of opts) {
-          if (opt.value === val) return true;
-          if (opt.children && opt.children.length > 0) {
-            if (checkValueExists(opt.children, val)) return true;
-          }
-        }
-        return false;
-      };
-      const allSelectedStillExist = currentSelected.every(val => checkValueExists(options, val));
-      if (!allSelectedStillExist) {
-        setOrderedOptions(null);
-      }
-    }
-  }, [options, orderedOptions, tempValue]);
-  const debounceTimeout = searchDebounce != null ? searchDebounce : _constants.TIMEOUTS.DEFAULT_SEARCH_DEBOUNCE;
-  (0, _react.useEffect)(() => {
-    optionsRef.current = options;
-  }, [options]);
-  (0, _react.useEffect)(() => {
-    return () => {
-      if (searchTimeoutRef.current) {
-        clearTimeout(searchTimeoutRef.current);
-      }
-      if (scrollLoadingTimeoutRef.current) {
-        clearTimeout(scrollLoadingTimeoutRef.current);
-      }
-      if (scrollThrottleTimeoutRef.current) {
-        clearTimeout(scrollThrottleTimeoutRef.current);
-      }
-    };
-  }, []);
-  (0, _react.useEffect)(() => {
-    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]);
-  (0, _react.useEffect)(() => {
-    if (!hasMore && isLoadingOnScroll) {
-      setIsLoadingOnScroll(false);
-      isScrollProcessingRef.current = false;
-      if (scrollLoadingTimeoutRef.current) {
-        clearTimeout(scrollLoadingTimeoutRef.current);
-        scrollLoadingTimeoutRef.current = null;
-      }
-    }
-  }, [hasMore, isLoadingOnScroll]);
-  (0, _react.useEffect)(() => {
-    if (!isLoadingOnScroll) {
-      prevOptionsCountRef.current = options.length;
-      prevOptionsRefForScroll.current = options;
-    }
-    if (!isLoadingOnScroll || !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 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;
-    }
-    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]);
-  const isMulti = (0, _react.useMemo)(() => type === _constants.SELECT_TYPES.MULTI_SELECT || type === _constants.SELECT_TYPES.MULTI_TREE_SELECT, [type]);
-  const isTree = (0, _react.useMemo)(() => type === _constants.SELECT_TYPES.TREE_SELECT || type === _constants.SELECT_TYPES.MULTI_TREE_SELECT, [type]);
-  const mergedOptions = (0, _react.useMemo)(() => {
-    return options;
-  }, [options]);
-  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;
-      }
-    }
-  }, [options, orderedOptions, onPopupScroll, tempValue]);
-  (0, _react.useEffect)(() => {
-    if (!fetchMissingOptions) {
-      prevOptionsCountBeforeFetchMissingRef.current = options.length;
-      prevOptionsBeforeFetchMissingRef.current = options;
-      return;
-    }
-
-    // For API-driven data, don't reorder options during active search
-    // Only reorder when there's no search query or search is cleared
-    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 checkValueExists = (opts, val) => {
-      for (const opt of opts) {
-        if (opt.value === val) return true;
-        if (opt.children && opt.children.length > 0) {
-          if (checkValueExists(opt.children, val)) return true;
-        }
-      }
-      return false;
-    };
-    const hasSelectedInOptions = selectedValues.some(val => checkValueExists(options, val));
-    if (hasSelectedInOptions) {
-      const reordered = (0, _utils.reorderOptionsBySelection)(options, selectedValues);
-      setOrderedOptions(reordered);
-    }
-    initialSortDoneRef.current = true;
-  }, [options, value]);
-  const dataSource = (0, _react.useMemo)(() => {
-    const sourceOptions = searchText.trim() ? mergedOptions : orderedOptions || mergedOptions;
-    const selectedValues = Array.isArray(value) ? value : value ? [value] : [];
-    const hasSearchQuery = searchText.trim().length > 0;
-
-    // For API-driven data, don't append virtual options during search
-    // Only show search results when searching
-    const shouldAppendVirtualOptions = staticValue || !hasSearchQuery;
-    const missingSelectedValues = [];
-    if (shouldAppendVirtualOptions && selectedValues.length > 0) {
-      selectedValues.forEach(val => {
-        if (!(0, _utils.findValueInOptions)(sourceOptions, val)) {
-          missingSelectedValues.push(val);
-        }
-      });
-    }
-    const virtualOptions = missingSelectedValues.map(val => {
-      const cachedOption = selectedItemsCacheRef.current.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];
-    if (!(allOptions != null && allOptions.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'],
-        justify: "space-between",
-        align: "middle",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: _styles.default['cap-unified-select-option-label'],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-            type: "label14",
-            children: opt == null ? void 0 : opt.label
-          })
-        }), ((opt == null ? void 0 : opt.optionSuffix) || (opt == null ? void 0 : opt.optionTooltipInfo)) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: _styles.default['cap-unified-select-option-end'],
-          children: [(opt == null ? void 0 : opt.optionSuffix) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-            className: _styles.default['cap-unified-select-option-suffix'],
-            children: [opt == null ? void 0 : opt.optionSuffix, (opt == null ? void 0 : opt.optionSuffixInfo) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
-              title: opt == null ? void 0 : opt.optionSuffixInfo
-            })]
-          }), (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(allOptions) : allOptions.map(opt => _extends({}, opt, {
-      title: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
-        className: _styles.default['cap-unified-select-option-with-suffix'],
-        justify: "space-between",
-        align: "middle",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: _styles.default['cap-unified-select-option-label'],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-            type: "label14",
-            children: opt == null ? void 0 : opt.label
-          })
-        }), ((opt == null ? void 0 : opt.optionSuffix) || (opt == null ? void 0 : opt.optionTooltipInfo)) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: _styles.default['cap-unified-select-option-end'],
-          children: [(opt == null ? void 0 : opt.optionSuffix) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-            className: _styles.default['cap-unified-select-option-suffix'],
-            children: [opt == null ? void 0 : opt.optionSuffix, (opt == null ? void 0 : opt.optionSuffixInfo) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
-              title: opt == null ? void 0 : opt.optionSuffixInfo
-            })]
-          }), (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, mergedOptions, orderedOptions, searchText, value, staticValue]);
-  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]);
-  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 suffix = (0, _react.useMemo)(() => {
-    const count = Array.isArray(displayValue) ? displayValue == null ? void 0 : displayValue.length : displayValue ? 1 : 0;
-    const renderTooltipTitle = values => {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: _styles.default['cap-unified-select-more-tooltip-content'],
-        children: values.map((val, idx) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: val
-        }, "cap-unified-select-tooltip-item-" + val + "-" + idx))
-      });
-    };
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [isMulti && count > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: _styles.default['cap-unified-select-more-text'],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltip.default, {
-          title: renderTooltipTitle(Array.isArray(displayValue) ? displayValue.slice(1) : []),
-          placement: "bottom",
-          overlayClassName: _styles.default['cap-unified-select-more-tooltip'],
-          arrowPointAtCenter: true,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-            children: ["+", count - 1, " more"]
-          })
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
-        className: _styles.default['cap-unified-select-suffix-icon'],
-        type: dropdownOpen ? 'up' : 'down',
-        size: "xs"
-      })]
-    });
-  }, [isMulti, displayValue, dropdownOpen]);
-  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$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)(() => {
-    hasInteractedRef.current = true;
-    const optionsToReorder = mergedOptions;
-    if (isMulti && Array.isArray(tempValue) && tempValue.length > 0) {
-      const reordered = (0, _utils.reorderOptionsBySelection)(optionsToReorder, tempValue);
-      setOrderedOptions(reordered);
-    } else if (!isMulti && tempValue && !Array.isArray(tempValue)) {
-      // For single select, move selected item to top
-      const reordered = (0, _utils.reorderOptionsBySelection)(optionsToReorder, [tempValue]);
-      setOrderedOptions(reordered);
-    } else {
-      // No selection, reset to original order
-      setOrderedOptions(null);
-    }
-    onChange == null || onChange(tempValue);
-    setDropdownOpen(false);
-    setIsSearching(false);
-    searchClearedTimeRef.current = null;
-    if (resetSearch) {
-      setSearchText('');
-      lastSearchQueryRef.current = '';
-    }
-    if (resetData && mergedOptions.length > 0) {
-      prevOptionsBeforeResetRef.current = mergedOptions;
-      setIsResettingData(true);
-      resetDataCalledRef.current = true;
-      resetDataCalledTimeRef.current = Date.now();
-      resetData();
-    }
-    onConfirm == null || onConfirm(tempValue);
-  }, [onChange, onConfirm, tempValue, resetSearch, isMulti, mergedOptions, resetData]);
-  const handleClearAll = (0, _react.useCallback)(() => {
-    // Reset all state as if it's a fresh dropdown
-    const cleared = isMulti ? [] : undefined;
-
-    // Clear search state
-    setSearchText('');
-    setIsSearching(false);
-    lastSearchQueryRef.current = '';
-    searchClearedTimeRef.current = null;
-
-    // Clear timeouts
-    if (searchTimeoutRef.current) {
-      clearTimeout(searchTimeoutRef.current);
-      searchTimeoutRef.current = null;
-    }
-    if (scrollLoadingTimeoutRef.current) {
-      clearTimeout(scrollLoadingTimeoutRef.current);
-      scrollLoadingTimeoutRef.current = null;
-    }
-    if (scrollThrottleTimeoutRef.current) {
-      clearTimeout(scrollThrottleTimeoutRef.current);
-      scrollThrottleTimeoutRef.current = null;
-    }
-
-    // Reset scroll state
-    setIsLoadingOnScroll(false);
-    isScrollProcessingRef.current = false;
-    scrollContainerRef.current = null;
-
-    // Reset ordered options
-    setOrderedOptions(null);
-    initialSortDoneRef.current = false;
-
-    // Reset interaction flags
-    hasInteractedRef.current = false;
-    resetDataCalledRef.current = false;
-    fetchMissingOptionsCalledRef.current = false;
-    lastMissingValuesRef.current = '';
-
-    // Reset temp value and call onChange (same as allowClear X button)
-    setTempValue(cleared);
-    onChange == null || onChange(cleared);
-
-    // Close dropdown
-    setDropdownOpen(false);
-
-    // Reset data if needed (same as allowClear X button behavior)
-    if (resetData && options.length > 0) {
-      prevOptionsBeforeResetRef.current = options;
-      setIsResettingData(true);
-      resetDataCalledRef.current = true;
-      resetDataCalledTimeRef.current = Date.now();
-      resetData();
-    }
-  }, [isMulti, onChange, resetData, options]);
-  const handleDropdownVisibilityChange = (0, _react.useCallback)(open => {
-    if (readOnly || disabled) {
-      return;
-    }
-    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;
-      }
-      if (scrollLoadingTimeoutRef.current) {
-        clearTimeout(scrollLoadingTimeoutRef.current);
-        scrollLoadingTimeoutRef.current = null;
-      }
-      if (scrollThrottleTimeoutRef.current) {
-        clearTimeout(scrollThrottleTimeoutRef.current);
-        scrollThrottleTimeoutRef.current = null;
-      }
-      setIsSearching(false);
-      searchClearedTimeRef.current = null;
-      setIsLoadingOnScroll(false);
-      isScrollProcessingRef.current = false;
-      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;
-      }
-      setIsLoadingOnScroll(false);
-      isScrollProcessingRef.current = false;
-      if (scrollLoadingTimeoutRef.current) {
-        clearTimeout(scrollLoadingTimeoutRef.current);
-        scrollLoadingTimeoutRef.current = null;
-      }
-      if (scrollThrottleTimeoutRef.current) {
-        clearTimeout(scrollThrottleTimeoutRef.current);
-        scrollThrottleTimeoutRef.current = null;
-      }
-      scrollContainerRef.current = null;
-      if (resetData && hasInteractedRef.current && !resetDataCalledRef.current && options.length > 0) {
-        prevOptionsBeforeResetRef.current = options;
-        setIsResettingData(true);
-        resetDataCalledRef.current = true;
-        resetDataCalledTimeRef.current = Date.now();
-        resetData();
-      } 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, readOnly, disabled, resetSearch, resetData, options, isResettingData]);
-  const handleFooterDownload = (0, _react.useCallback)(() => {
-    const currentValues = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
-    onFooterDownloadChange == null || onFooterDownloadChange(currentValues);
-  }, [tempValue, onFooterDownloadChange]);
-  const handleUpload = (0, _react.useCallback)(() => {
-    onUpload == null || onUpload();
-    setDropdownOpen(false);
-  }, [onUpload]);
-  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]);
-  const handleScroll = (0, _react.useCallback)(event => {
-    if (!onPopupScroll) return;
-    const target = event.target;
-    if (!target) return;
-    const isNearBottom = Math.floor(target.scrollHeight - target.scrollTop) <= target.clientHeight;
-    if (!isNearBottom) {
-      isScrollProcessingRef.current = false;
-      return;
-    }
-    if (isScrollProcessingRef.current) return;
-    if (isLoadingOnScroll) return;
-    if (!hasMore) {
-      isScrollProcessingRef.current = false;
-      return;
-    }
-    if (scrollThrottleTimeoutRef.current) {
-      clearTimeout(scrollThrottleTimeoutRef.current);
-    }
-    isScrollProcessingRef.current = true;
-    scrollThrottleTimeoutRef.current = setTimeout(() => {
-      const stillNearBottom = Math.floor(target.scrollHeight - target.scrollTop) <= target.clientHeight;
-      if (!stillNearBottom || isLoadingOnScroll || !hasMore) {
-        isScrollProcessingRef.current = false;
-        return;
-      }
-      const currentOptions = optionsRef.current;
-      prevOptionsCountRef.current = currentOptions.length;
-      prevOptionsRefForScroll.current = currentOptions;
-      scrollTriggerOptionsCountRef.current = currentOptions.length;
-      setIsLoadingOnScroll(true);
-      if (scrollLoadingTimeoutRef.current) {
-        clearTimeout(scrollLoadingTimeoutRef.current);
-        scrollLoadingTimeoutRef.current = null;
-      }
-      hasInteractedRef.current = true;
-      onPopupScroll();
-      scrollLoadingTimeoutRef.current = setTimeout(() => {
-        setIsLoadingOnScroll(prev => {
-          if (prev) {
-            scrollLoadingTimeoutRef.current = null;
-            isScrollProcessingRef.current = false;
-            return false;
-          }
-          return prev;
-        });
-      }, _constants.TIMEOUTS.SCROLL_LOADING_TIMEOUT);
-    }, 150);
-  }, [onPopupScroll, isLoadingOnScroll, hasMore]);
-  (0, _react.useEffect)(() => {
-    if (!onPopupScroll || !dropdownOpen) return;
-    const timeoutId = setTimeout(() => {
-      const findScrollContainer = () => {
-        const dropdowns = document.querySelectorAll('.ant-select-dropdown:not(.ant-select-dropdown-hidden)');
-        if (dropdowns.length === 0) return null;
-        const dropdown = Array.from(dropdowns).pop();
-        if (!dropdown) return null;
-        const treeList = dropdown.querySelector('.ant-select-tree-list-holder');
-        if (treeList && treeList.scrollHeight > treeList.clientHeight) {
-          return treeList;
-        }
-        const virtualList = dropdown.querySelector('.rc-virtual-list-holder');
-        if (virtualList && virtualList.scrollHeight > virtualList.clientHeight) {
-          return virtualList;
-        }
-        if (dropdown.scrollHeight > dropdown.clientHeight) {
-          return dropdown;
-        }
-        return null;
-      };
-      const scrollContainer = findScrollContainer();
-      if (scrollContainer) {
-        scrollContainerRef.current = scrollContainer;
-        scrollContainer.addEventListener('scroll', handleScroll, {
-          passive: true
-        });
-      }
-    }, _constants.TIMEOUTS.SCROLL_CONTAINER_DELAY);
-    return () => {
-      clearTimeout(timeoutId);
-      if (scrollThrottleTimeoutRef.current) {
-        clearTimeout(scrollThrottleTimeoutRef.current);
-        scrollThrottleTimeoutRef.current = null;
-      }
-      if (scrollContainerRef.current) {
-        scrollContainerRef.current.removeEventListener('scroll', handleScroll);
-        scrollContainerRef.current = null;
-      }
-      isScrollProcessingRef.current = false;
+	"label16": `blaze-ui-label16`,
+	"label17": `blaze-ui-label17`,
+	"label18": `blaze-ui-label18`,
+	"label19": `blaze-ui-label19`,
+	"label20": `blaze-ui-label20`,
+	"label21": `blaze-ui-label21`,
+	"label22": `blaze-ui-label22`,
+	"label23": `blaze-ui-label23`,
+	"label24": `blaze-ui-label24`,
+	"label25": `blaze-ui-label25`,
+	"label26": `blaze-ui-label26`,
+	"label27": `blaze-ui-label27`,
+	"label28": `blaze-ui-label28`,
+	"label29": `blaze-ui-label29`,
+	"label30": `blaze-ui-label30`,
+	"label31": `blaze-ui-label31`,
+	"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__(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 = _constants.SELECT_TYPES.SELECT,
+      options = [],
+      value,
+      onChange,
+      placeholder = _constants.DEFAULTS.PLACEHOLDER,
+      className = '',
+      style,
+      isError = false,
+      errorMessage,
+      containerClassName,
+      popoverClassName,
+      allowClear = false,
+      headerLabel,
+      onUpload,
+      uploadLabel = _constants.DEFAULTS.UPLOAD_LABEL,
+      tooltip,
+      bylineText,
+      disabled = false,
+      showUpload = false,
+      customPopupRender = true,
+      showSearch = true,
+      searchBasedOn = 'label',
+      onSearch,
+      searchDebounce = _constants.TIMEOUTS.DEFAULT_SEARCH_DEBOUNCE,
+      onConfirm,
+      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 => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _styles.default['cap-unified-select-more-tooltip-content'],
+        children: values.map((val, idx) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: val
+        }, "cap-unified-select-tooltip-item-" + val + "-" + idx))
+      });
     };
-  }, [onPopupScroll, dropdownOpen, handleScroll]);
-  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: _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..."
+      children: [isMulti && count > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: _styles.default['cap-unified-select-more-text'],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltip.default, {
+          title: renderTooltipTitle(Array.isArray(displayValue) ? displayValue.slice(1) : []),
+          placement: "bottom",
+          overlayClassName: _styles.default['cap-unified-select-more-tooltip'],
+          arrowPointAtCenter: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+            children: ["+", count - 1, " more"]
           })
-        })]
-      }) : /*#__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
         })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+        className: _styles.default['cap-unified-select-suffix-icon'],
+        type: dropdownOpen ? 'up' : 'down',
+        size: "xs"
       })]
     });
-  }, [customPopupRender, filteredTree, searchText, isMulti, showUpload, uploadLabel, handleUpload, noResultCustomText, noResultCustomIcon, options, type, tempValue, handleConfirm, handleClearAll, popoverClassName, className, selectedLeafCount, clearText, allowClear, staticValue, showSearch, onFooterDownloadChange, handleFooterDownload, isSearching, handleSearchChange, handleSearchKeyDown, isLoadingOnScroll, onPopupScroll, hasMore, isResettingData, disabled]);
+  }, [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$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]);
+
+  // 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
+    });
+  };
   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]);
-  const handleSingleSelectChange = (0, _react.useCallback)(newValue => {
-    if (disabled) {
-      return;
-    }
-    if (newValue !== initialTempValueRef.current) {
-      hasInteractedRef.current = true;
-    }
-    if (newValue === undefined || newValue === null) {
-      if (resetData && options.length > 0) {
-        prevOptionsBeforeResetRef.current = options;
-        setIsResettingData(true);
-        resetDataCalledRef.current = true;
-        resetDataCalledTimeRef.current = Date.now();
-        resetData();
-      }
-    }
-    onChange == null || onChange(newValue);
-  }, [onChange, resetData, options, disabled]);
-  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) {
-      if (resetData && options.length > 0) {
-        prevOptionsBeforeResetRef.current = options;
-        setIsResettingData(true);
-        resetDataCalledRef.current = true;
-        resetDataCalledTimeRef.current = Date.now();
-        resetData();
-      }
-    }
-    setTempValue(newValue);
-  }, [resetData, options, disabled]);
   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",
@@ -1927,7 +1754,7 @@ const CapUnifiedSelect = _ref => {
       onOpenChange: handleDropdownVisibilityChange,
       virtual: !enableVirtualization,
       popupMatchSelectWidth: false,
-      disabled: disabled,
+      disabled: disabled || readOnly,
       filterTreeNode: false,
       listHeight: _constants.DEFAULTS.LIST_HEIGHT,
       listItemHeight: virtualRowHeight,
@@ -2653,6 +2480,209 @@ 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) => {
 
@@ -2660,7 +2690,7 @@ module.exports = insertBySelector;
 
 
 exports.__esModule = true;
-exports.reorderOptionsBySelection = exports.findValueInOptions = exports.findMissingValues = exports.filterTreeData = exports.countSelectedLeaves = exports.buildTreeMaps = void 0;
+exports.reorderOptionsBySelection = exports.prepareDataSource = exports.getScrollContainer = exports.findValueInOptions = exports.findMissingValues = exports.filterTreeData = exports.countSelectedLeaves = exports.buildTreeMaps = void 0;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 /**
  * Builds tree maps for efficient tree operations
@@ -2812,24 +2842,9 @@ const reorderOptionsBySelection = (opts, selectedOrder) => {
         return topLevelItem;
       }
 
-      // Recursively search in children
-      const searchInChildren = items => {
-        for (const item of items) {
-          if (item.value === targetValue) {
-            return true; // Found it
-          }
-          if (item.children && item.children.length > 0) {
-            if (searchInChildren(item.children)) {
-              return true;
-            }
-          }
-        }
-        return false;
-      };
-
       // If found in this top-level item's children, return the top-level item
       if (topLevelItem.children && topLevelItem.children.length > 0) {
-        if (searchInChildren(topLevelItem.children)) {
+        if (findValueInOptions(topLevelItem.children, targetValue)) {
           return topLevelItem;
         }
       }
@@ -2876,7 +2891,69 @@ const reorderOptionsBySelection = (opts, selectedOrder) => {
   // Return selected items first (in selection order), then unselected items
   return [...selectedItems, ...unselectedItems];
 };
+
+/**
+ * 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);
+      }
+    });
+  }
+  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 : [];
+};
+
+/**
+ * Finds the scrollable container element within the dropdown
+ * Checks for tree list holder, virtual list holder, or dropdown itself
+ * Returns the first scrollable container found, or null if none
+ */
+exports.prepareDataSource = prepareDataSource;
+const getScrollContainer = () => {
+  const dropdowns = document.querySelectorAll('.ant-select-dropdown:not(.ant-select-dropdown-hidden)');
+  if (dropdowns.length === 0) return null;
+  const dropdown = Array.from(dropdowns).pop();
+  if (!dropdown) return null;
+  const treeList = dropdown.querySelector('.ant-select-tree-list-holder');
+  if (treeList && treeList.scrollHeight > treeList.clientHeight) {
+    return treeList;
+  }
+  const virtualList = dropdown.querySelector('.rc-virtual-list-holder');
+  if (virtualList && virtualList.scrollHeight > virtualList.clientHeight) {
+    return virtualList;
+  }
+  if (dropdown.scrollHeight > dropdown.clientHeight) {
+    return dropdown;
+  }
+  return null;
+};
+exports.getScrollContainer = getScrollContainer;
 
 /***/ }),
 
@@ -2944,6 +3021,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:
@@ -2954,6 +3252,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__) => {
 
@@ -2962,7 +3310,7 @@ var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(1601);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-unified-select-header-wrapper{display:flex;align-items:center}.blaze-ui-cap-unified-select-header-wrapper.blaze-ui-disabled{opacity:.5;cursor:not-allowed}.blaze-ui-cap-unified-select-header-wrapper .blaze-ui-cap-unified-select-header-label{font-family:"Roboto",sans-serif;font-weight:500;font-size:1rem;line-height:1.429rem;letter-spacing:0}.blaze-ui-cap-unified-select-header-byline-text{font-family:"Roboto",sans-serif;font-weight:400;font-size:.857rem;letter-spacing:0;color:#97a0af}.blaze-ui-cap-unified-select-container{text-align:justify;min-width:13.786rem}.blaze-ui-cap-unified-select-container.blaze-ui-disabled{cursor:not-allowed}.blaze-ui-cap-unified-select-container .blaze-ui-cap-unified-select-more-text{cursor:pointer;color:#091e42;margin-right:.286rem;position:relative}.blaze-ui-cap-unified-select-container.ant-select-disabled .blaze-ui-cap-unified-select-more-text{color:unset !important;cursor:not-allowed}.blaze-ui-cap-unified-select-container.ant-select-focused .ant-select-selector{border:.071rem solid #091e42 !important}.blaze-ui-cap-unified-select-container .blaze-ui-cap-unified-select-suffix-icon{color:#7a869a}.blaze-ui-cap-unified-select-container .blaze-ui-cap-tooltip-with-info-icon{margin-top:.143rem}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select.blaze-ui-cap-unified-tree-select-readonly{pointer-events:none}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select.blaze-ui-cap-unified-tree-select-readonly .blaze-ui-cap-unified-select-more-text{pointer-events:auto;color:unset !important}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select .ant-select-tree-treenode{padding-left:.286rem}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly .ant-select-selector{background-color:#fff;border-color:#ebecf0 !important;cursor:default}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly .ant-select-arrow{pointer-events:auto;color:#b3bac5}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly.ant-select-outlined:hover .ant-select-selector,.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly.ant-select-outlined:active .ant-select-selector,.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly.ant-select-outlined:focus .ant-select-selector{border-color:#ebecf0 !important}.blaze-ui-cap-unified-select-container .blaze-ui-cap-unified-select-status{color:#ea213a}.blaze-ui-cap-unified-select-container .ant-select-outlined:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector{border-color:#7a869a}.blaze-ui-cap-unified-select-container .ant-select-selector{background-color:#fff !important;border:.071rem solid #7a869a !important;border-radius:.286rem !important}.blaze-ui-cap-unified-select-container .ant-select-selector .ant-select-selection-placeholder{pointer-events:unset;color:#97a0af;display:flex;align-items:center}.blaze-ui-cap-unified-select-container .ant-select-prefix{font-size:1rem;font-weight:400;color:unset !important;line-height:1.429rem}.blaze-ui-cap-unified-select-container .ant-select-disabled .ant-select-prefix{color:unset !important}.blaze-ui-cap-unified-select-container .ant-input-affix-wrapper .ant-input-prefix{left:.857rem}.blaze-ui-cap-unified-select-container .ant-select-selector{border-color:#7a869a !important;box-shadow:none !important;outline:0}.blaze-ui-cap-unified-select-container .ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):hover{background-color:#47af46}.blaze-ui-cap-unified-select-container .ant-select-dropdown{margin-top:-0.571rem !important;border-radius:.286rem;background-color:#fff;box-shadow:0 .286rem .571rem -0.143rem rgba(9,30,66,.15),0 0 .071rem 0 rgba(9,30,66,.1);max-height:25.714rem;overflow:visible}.blaze-ui-cap-unified-select-container .ant-select-outlined.ant-select-multiple .ant-select-selection-wrap .ant-select-selection-item{background:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-container .ant-select-multiple .ant-select-selection-wrap .ant-select-selection-item,.blaze-ui-cap-unified-select-container .ant-select-selection-wrap .ant-select-selection-item{background:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-container .ant-select-multiple .ant-select-selection-wrap{align-self:center}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-search-container{border-bottom:.071rem solid #ebecf0 !important;line-height:2.857rem !important}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-search-container .blaze-ui-cap-unified-select-search-icon{color:#b3bac5}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-select-all-container{padding:.643rem 1.071rem;display:flex;align-items:center;border-bottom:.071rem solid #ebecf0;height:2.857rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-select-all-container .blaze-ui-cap-unified-select-select-all-checkbox{display:contents !important}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-upload-container{cursor:pointer;display:flex;align-items:center;border-bottom:.071rem solid #ebecf0;height:2.857rem;padding-left:1.143rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-upload-container .blaze-ui-cap-unified-select-upload-icon{color:#2466ea}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-upload-container .blaze-ui-cap-unified-select-upload-label{margin-left:.857rem;color:#2466ea}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container{display:flex;align-items:center;height:3.429rem;padding:.5rem;border-top:.071rem solid #ebecf0}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group{display:flex;padding-left:.571rem;align-items:center;width:100%}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-confirm-button{background-color:#47af46;height:2.286rem;width:6.714rem;color:#fff}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-confirm-button:hover{background-color:#1f9a1d}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-confirm-button:disabled{background-color:#a1d8a0}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-cancel-button{border:rgba(0,0,0,0);box-shadow:none;width:5.714rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-selected-count{display:flex;margin-left:auto;font-size:.857rem;font-weight:400;line-height:1.143rem;color:#5e6c84}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-tree-clear-container{display:flex;justify-content:center;align-items:center;height:2.857rem;border-top:.071rem solid #ebecf0;cursor:pointer;color:#091e42}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-tree-clear-container:hover{background-color:#ebecf0}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-tree-clear-container .blaze-ui-cap-unified-select-tree-clear-label{font-size:1rem;font-weight:400}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-footer-download-container{cursor:pointer;display:flex;align-items:center;margin-left:auto;padding-right:1.143rem;gap:.857rem;flex-wrap:nowrap}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-footer-download-container:hover{opacity:.8}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-footer-download-container .blaze-ui-cap-unified-select-footer-download-icon{color:#2466ea;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-footer-download-container .blaze-ui-cap-unified-select-footer-download-label{color:#2466ea;font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:.857rem;line-height:1.143rem;letter-spacing:0;white-space:nowrap;display:inline-flex;align-items:center}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-no-result{display:flex;flex-direction:column;align-items:center;justify-content:center;height:14.286rem;color:#97a0af;font-size:1rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-no-result .blaze-ui-cap-unified-select-no-result-text{font-weight:500}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:14.286rem;width:100%;gap:.571rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-loading-more{display:flex;align-items:center;justify-content:center;padding:.857rem;border-top:.071rem solid #ebecf0;color:#97a0af}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-menu-wrapper{position:relative;width:100%}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(255,255,255,.8);z-index:10;gap:.571rem;color:#97a0af}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix{display:flex;justify-content:start;align-items:center;width:100%;height:100%;line-height:1.5;vertical-align:middle;flex:1}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-unified-select-option-label{display:flex;align-items:center;flex-shrink:1;min-width:0}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-unified-select-option-end{display:flex;align-items:center;gap:.571rem;flex-shrink:0;margin-left:auto}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-unified-select-option-suffix{display:flex;align-items:center;padding:0 .571rem;max-height:1.429rem;white-space:nowrap}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-tooltip-with-info .blaze-ui-cap-tooltip-with-info-icon{margin-top:.357rem;color:#42526e}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-tooltip-with-info .blaze-ui-cap-tooltip-with-info-icon .blaze-ui-cap-icon{color:#42526e}.blaze-ui-cap-unified-select-popup .ant-select-dropdown .ant-select-dropdown-menu{margin-top:0 !important}.blaze-ui-cap-unified-select-popup .ant-select-dropdown .ant-select-dropdown-menu .ant-select-dropdown-menu-item{padding:.571rem 1.714rem !important;height:unset !important;font-size:1rem !important}.blaze-ui-cap-unified-select-popup .ant-select-dropdown .ant-select-dropdown-menu-item-disabled{color:rgba(0,0,0,.25) !important;cursor:not-allowed !important;line-height:1.428rem !important;font-size:1rem !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-content-wrapper{background-color:rgba(0,0,0,0);height:100%;display:flex;align-items:center}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-content-wrapper:hover{background-color:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper{background-color:rgba(0,0,0,0) !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode{height:2.857rem;margin-bottom:0;display:flex;align-items:center;width:100%}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode:hover{background-color:#fffbe6}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-selected{background-color:#f4f5f7 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-disabled{cursor:not-allowed !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-disabled .blaze-ui-cap-unified-select-option-label{color:#b3bac5}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-disabled .blaze-ui-cap-icon{color:#b3bac5 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode.ant-select-tree-treenode-selected{background-color:#f4f5f7}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-leaf .ant-select-tree-switcher-noop{display:none}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox{display:flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox .ant-select-tree-checkbox-inner{height:1.286rem;width:1.286rem;border:.143rem solid #b3bac5;border-radius:.286rem;display:flex;align-items:center;justify-content:center}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner{background-color:#47af46;border:.143rem solid #47af46 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:hover{background-color:#47af46;border:.143rem solid #47af46 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner{background-color:#47af46 !important;border-color:#47af46 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after{content:"";position:absolute;top:50%;left:50%;width:.714rem;height:.143rem;background-color:#fff;transform:translate(-50%, -50%);border-radius:.071rem}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-content-wrapper{border-radius:0;padding-left:.214rem;width:100%;display:flex;align-items:center}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-title{width:100%;display:flex}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-indent{margin-left:.857rem;display:flex;align-items:center}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-switcher{display:flex;align-items:center;justify-content:center}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-switcher:not(.ant-select-tree-switcher-noop):hover:before{background-color:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-switcher .ant-select-tree-switcher-icon{font-size:.857rem;margin-top:1.286rem}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-list-holder-inner{width:fit-content !important;min-width:100%}.blaze-ui-cap-unified-select-popup .ant-tree-select:hover .ant-select-selector{border-color:#7a869a}.blaze-ui-cap-unified-select-popup .ant-tree-select-focused .ant-select-selector,.blaze-ui-cap-unified-select-popup .ant-tree-select-open .ant-select-selector{border-color:#7a869a;box-shadow:none;outline:none}.blaze-ui-cap-unified-select-popup .ant-checkbox-inner{height:1.286rem;width:1.286rem;border:.143rem solid #b3bac5;border-radius:.286rem}.blaze-ui-cap-unified-select-popup .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner{background-color:#47af46;border:.143rem solid #47af46 !important}.blaze-ui-cap-unified-select-popup .ant-checkbox-indeterminate .ant-checkbox-inner{background-color:#47af46 !important;border-color:#47af46 !important}.blaze-ui-cap-unified-select-popup .ant-checkbox-indeterminate .ant-checkbox-inner::after{content:"";position:absolute;top:50%;left:50%;width:.714rem;height:.143rem;background-color:#fff;transform:translate(-50%, -50%);border-radius:.071rem}.blaze-ui-cap-unified-select-popup .ant-input-affix-wrapper{padding-left:.571rem;border:none;box-shadow:none;border-radius:0;border-bottom:.071rem solid rgba(0,0,0,0);transition:border-color .2s ease}.blaze-ui-cap-unified-select-popup .ant-input-affix-wrapper:hover{border-bottom:.071rem solid #7a869a !important;box-shadow:none}.blaze-ui-cap-unified-select-popup .ant-input-affix-wrapper:focus-within{border-bottom:.071rem solid #091e42 !important;box-shadow:none;outline:none}.blaze-ui-cap-unified-select-popup .ant-input-affix-wrapper .ant-input{border:none !important;box-shadow:none !important}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-unified-select-header-wrapper{display:flex;align-items:center}.blaze-ui-cap-unified-select-header-wrapper.blaze-ui-disabled{opacity:.5;cursor:not-allowed}.blaze-ui-cap-unified-select-header-wrapper .blaze-ui-cap-unified-select-header-label{font-family:"Roboto",sans-serif;font-weight:500;font-size:1rem;line-height:1.429rem;letter-spacing:0}.blaze-ui-cap-unified-select-header-byline-text{font-family:"Roboto",sans-serif;font-weight:400;font-size:.857rem;letter-spacing:0;color:#97a0af}.blaze-ui-cap-unified-select-container{text-align:justify;min-width:13.786rem}.blaze-ui-cap-unified-select-container.blaze-ui-disabled{cursor:not-allowed}.blaze-ui-cap-unified-select-container .blaze-ui-cap-unified-select-more-text{cursor:pointer;color:#091e42;margin-right:.286rem;position:relative}.blaze-ui-cap-unified-select-container.ant-select-disabled .blaze-ui-cap-unified-select-more-text{color:unset !important;cursor:not-allowed}.blaze-ui-cap-unified-select-container.ant-select-focused .ant-select-selector{border:.071rem solid #091e42 !important}.blaze-ui-cap-unified-select-container .blaze-ui-cap-unified-select-suffix-icon{color:#7a869a}.blaze-ui-cap-unified-select-container .blaze-ui-cap-tooltip-with-info-icon{margin-top:.143rem}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select.blaze-ui-cap-unified-tree-select-readonly{pointer-events:none}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select.blaze-ui-cap-unified-tree-select-readonly .blaze-ui-cap-unified-select-more-text{pointer-events:auto;color:unset !important}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select .ant-select-tree-treenode{padding-left:.286rem}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly .ant-select-selector{background-color:#fff;border-color:#ebecf0 !important;cursor:default}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly .ant-select-arrow{pointer-events:auto;color:#b3bac5}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly.ant-select-outlined:hover .ant-select-selector,.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly.ant-select-outlined:active .ant-select-selector,.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly.ant-select-outlined:focus .ant-select-selector{border-color:#ebecf0 !important}.blaze-ui-cap-unified-select-container .blaze-ui-cap-unified-select-status{color:#ea213a}.blaze-ui-cap-unified-select-container .ant-select-outlined:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector{border-color:#7a869a}.blaze-ui-cap-unified-select-container .ant-select-selector{background-color:#fff !important;border:.071rem solid #7a869a !important;border-radius:.286rem !important}.blaze-ui-cap-unified-select-container .ant-select-selector .ant-select-selection-placeholder{pointer-events:unset;color:#97a0af;display:flex;align-items:center}.blaze-ui-cap-unified-select-container .ant-select-prefix{font-size:1rem;font-weight:400;color:unset !important;line-height:1.429rem}.blaze-ui-cap-unified-select-container .ant-select-disabled .ant-select-prefix{color:unset !important}.blaze-ui-cap-unified-select-container .ant-input-affix-wrapper .ant-input-prefix{left:.857rem}.blaze-ui-cap-unified-select-container .ant-select-selector{border-color:#7a869a !important;box-shadow:none !important;outline:0}.blaze-ui-cap-unified-select-container .ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):hover{background-color:#47af46}.blaze-ui-cap-unified-select-container .ant-select-dropdown{margin-top:-0.571rem !important;border-radius:.286rem;background-color:#fff;box-shadow:0 .286rem .571rem -0.143rem rgba(9,30,66,.15),0 0 .071rem 0 rgba(9,30,66,.1);max-height:25.714rem;overflow:visible}.blaze-ui-cap-unified-select-container .ant-select-outlined.ant-select-multiple .ant-select-selection-wrap .ant-select-selection-item{background:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-container .ant-select-multiple .ant-select-selection-wrap .ant-select-selection-item,.blaze-ui-cap-unified-select-container .ant-select-selection-wrap .ant-select-selection-item{background:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-container .ant-select-multiple .ant-select-selection-wrap{align-self:center}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-search-container{border-bottom:.071rem solid #ebecf0 !important;line-height:2.857rem !important}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-search-container .blaze-ui-cap-unified-select-search-icon{color:#b3bac5}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-select-all-container{padding:.643rem 1.071rem;display:flex;align-items:center;border-bottom:.071rem solid #ebecf0;height:2.857rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-select-all-container .blaze-ui-cap-unified-select-select-all-checkbox{display:contents !important}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-upload-container{cursor:pointer;display:flex;align-items:center;border-bottom:.071rem solid #ebecf0;height:2.857rem;padding-left:1.143rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-upload-container .blaze-ui-cap-unified-select-upload-icon{color:#2466ea}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-upload-container .blaze-ui-cap-unified-select-upload-label{margin-left:.857rem;color:#2466ea}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container{display:flex;align-items:center;height:3.429rem;padding:.5rem;border-top:.071rem solid #ebecf0}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group{display:flex;padding-left:.571rem;align-items:center;width:100%}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-confirm-button{background-color:#47af46;height:2.286rem;width:6.714rem;color:#fff}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-confirm-button:hover{background-color:#1f9a1d}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-confirm-button:disabled{background-color:#a1d8a0}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-cancel-button{border:rgba(0,0,0,0);box-shadow:none;width:5.714rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-selected-count{display:flex;margin-left:auto;font-size:.857rem;font-weight:400;line-height:1.143rem;color:#5e6c84}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-tree-clear-container{display:flex;justify-content:center;align-items:center;height:2.857rem;border-top:.071rem solid #ebecf0;cursor:pointer;color:#091e42}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-tree-clear-container:hover{background-color:#ebecf0}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-tree-clear-container .blaze-ui-cap-unified-select-tree-clear-label{font-size:1rem;font-weight:400}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-footer-download-container{cursor:pointer;display:flex;align-items:center;margin-left:auto;padding-right:1.143rem;gap:.857rem;flex-wrap:nowrap}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-footer-download-container:hover{opacity:.8}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-footer-download-container .blaze-ui-cap-unified-select-footer-download-icon{color:#2466ea;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-footer-download-container .blaze-ui-cap-unified-select-footer-download-label{color:#2466ea;font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:.857rem;line-height:1.143rem;letter-spacing:0;white-space:nowrap;display:inline-flex;align-items:center}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-no-result{display:flex;flex-direction:column;align-items:center;justify-content:center;height:14.286rem;color:#97a0af;font-size:1rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-no-result .blaze-ui-cap-unified-select-no-result-text{font-weight:500}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:14.286rem;width:100%;gap:.571rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-loading-more{display:flex;align-items:center;justify-content:center;padding:.857rem;border-top:.071rem solid #ebecf0;color:#97a0af}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-menu-wrapper{position:relative;width:100%}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(255,255,255,.8);z-index:10;gap:.571rem;color:#97a0af}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix{display:flex;justify-content:start;align-items:center;width:100%;height:100%;line-height:1.5;vertical-align:middle;flex:1}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-unified-select-option-label{display:flex;align-items:center;flex-shrink:1;min-width:0}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-unified-select-option-label.blaze-ui-truncate-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-unified-select-option-label.blaze-ui-truncate-text .cap-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-unified-select-option-end{display:flex;align-items:center;gap:.571rem;flex-shrink:0;margin-left:auto}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-unified-select-option-suffix{display:flex;align-items:center;padding:0 .571rem;max-height:1.429rem;white-space:nowrap}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-tooltip-with-info .blaze-ui-cap-tooltip-with-info-icon{margin-top:.357rem;color:#42526e}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-tooltip-with-info .blaze-ui-cap-tooltip-with-info-icon .blaze-ui-cap-icon{color:#42526e}.blaze-ui-cap-unified-select-popup .ant-select-dropdown .ant-select-dropdown-menu{margin-top:0 !important}.blaze-ui-cap-unified-select-popup .ant-select-dropdown .ant-select-dropdown-menu .ant-select-dropdown-menu-item{padding:.571rem 1.714rem !important;height:unset !important;font-size:1rem !important}.blaze-ui-cap-unified-select-popup .ant-select-dropdown .ant-select-dropdown-menu-item-disabled{color:rgba(0,0,0,.25) !important;cursor:not-allowed !important;line-height:1.428rem !important;font-size:1rem !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-content-wrapper{background-color:rgba(0,0,0,0);height:100%;display:flex;align-items:center}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-content-wrapper:hover{background-color:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper{background-color:rgba(0,0,0,0) !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode{height:2.857rem;margin-bottom:0;display:flex;align-items:center;width:100%}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode:hover{background-color:#fffbe6}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-selected{background-color:#f4f5f7 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-disabled{cursor:not-allowed !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-disabled .blaze-ui-cap-unified-select-option-label{color:#b3bac5}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-disabled .blaze-ui-cap-icon{color:#b3bac5 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode.ant-select-tree-treenode-selected{background-color:#f4f5f7}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-leaf .ant-select-tree-switcher-noop{display:none}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox{display:flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox .ant-select-tree-checkbox-inner{height:1.286rem;width:1.286rem;border:.143rem solid #b3bac5;border-radius:.286rem;display:flex;align-items:center;justify-content:center}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner{background-color:#47af46;border:.143rem solid #47af46 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:hover{background-color:#47af46;border:.143rem solid #47af46 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner{background-color:#47af46 !important;border-color:#47af46 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after{content:"";position:absolute;top:50%;left:50%;width:.714rem;height:.143rem;background-color:#fff;transform:translate(-50%, -50%);border-radius:.071rem}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-content-wrapper{border-radius:0;padding-left:.214rem;width:100%;display:flex;align-items:center}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-title{width:100%;display:flex}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-indent{margin-left:.857rem;display:flex;align-items:center}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-switcher{display:flex;align-items:center;justify-content:center}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-switcher:not(.ant-select-tree-switcher-noop):hover:before{background-color:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-switcher .ant-select-tree-switcher-icon{font-size:.857rem;margin-top:1.286rem}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-list-holder-inner{width:fit-content !important;min-width:100%}.blaze-ui-cap-unified-select-popup .ant-tree-select:hover .ant-select-selector{border-color:#7a869a}.blaze-ui-cap-unified-select-popup .ant-tree-select-focused .ant-select-selector,.blaze-ui-cap-unified-select-popup .ant-tree-select-open .ant-select-selector{border-color:#7a869a;box-shadow:none;outline:none}.blaze-ui-cap-unified-select-popup .ant-checkbox-inner{height:1.286rem;width:1.286rem;border:.143rem solid #b3bac5;border-radius:.286rem}.blaze-ui-cap-unified-select-popup .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner{background-color:#47af46;border:.143rem solid #47af46 !important}.blaze-ui-cap-unified-select-popup .ant-checkbox-indeterminate .ant-checkbox-inner{background-color:#47af46 !important;border-color:#47af46 !important}.blaze-ui-cap-unified-select-popup .ant-checkbox-indeterminate .ant-checkbox-inner::after{content:"";position:absolute;top:50%;left:50%;width:.714rem;height:.143rem;background-color:#fff;transform:translate(-50%, -50%);border-radius:.071rem}.blaze-ui-cap-unified-select-popup .ant-input-affix-wrapper{padding-left:.571rem;border:none;box-shadow:none;border-radius:0;border-bottom:.071rem solid rgba(0,0,0,0);transition:border-color .2s ease}.blaze-ui-cap-unified-select-popup .ant-input-affix-wrapper:hover{border-bottom:.071rem solid #7a869a !important;box-shadow:none}.blaze-ui-cap-unified-select-popup .ant-input-affix-wrapper:focus-within{border-bottom:.071rem solid #091e42 !important;box-shadow:none;outline:none}.blaze-ui-cap-unified-select-popup .ant-input-affix-wrapper .ant-input{border:none !important;box-shadow:none !important}`, ""]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"cap-unified-select-header-wrapper": `blaze-ui-cap-unified-select-header-wrapper`,
@@ -3002,6 +3350,7 @@ ___CSS_LOADER_EXPORT___.locals = {
 	"cap-unified-select-loading-overlay": `blaze-ui-cap-unified-select-loading-overlay`,
 	"cap-unified-select-option-with-suffix": `blaze-ui-cap-unified-select-option-with-suffix`,
 	"cap-unified-select-option-label": `blaze-ui-cap-unified-select-option-label`,
+	"truncate-text": `blaze-ui-truncate-text`,
 	"cap-unified-select-option-end": `blaze-ui-cap-unified-select-option-end`,
 	"cap-unified-select-option-suffix": `blaze-ui-cap-unified-select-option-suffix`,
 	"cap-tooltip-with-info": `blaze-ui-cap-tooltip-with-info`,
@@ -3020,12 +3369,13 @@ module.exports = ___CSS_LOADER_EXPORT___;
 
 exports.__esModule = true;
 exports.TIMEOUTS = exports.SELECT_TYPES = exports.DEFAULTS = void 0;
-const SELECT_TYPES = exports.SELECT_TYPES = {
-  SELECT: 'select',
-  MULTI_SELECT: 'multiSelect',
-  TREE_SELECT: 'treeSelect',
-  MULTI_TREE_SELECT: 'multiTreeSelect'
-};
+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,