@capillarytech/blaze-ui 1.0.3-alpha.6 → 1.0.3-alpha.8

package/CapUnifiedSelect/index.js

@@ -773,19 +773,14 @@ 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 _constants = __webpack_require__(9788);
 var _styles = _interopRequireDefault(__webpack_require__(8263));
 var _jsxRuntime = __webpack_require__(4848);
-const _excluded = ["type", "options", "value", "onChange", "placeholder", "className", "style", "isError", "errorMessage", "containerClassName", "popoverClassName", "allowClear", "headerLabel", "onUpload", "uploadLabel", "tooltip", "bylineText", "disabled", "showUpload", "customPopupRender", "showSearch", "searchBasedOn", "onSearch", "searchDebounce", "onConfirm", "clearText", "noResultCustomText", "noResultCustomIcon", "readOnly", "staticValue", "onFooterDownloadChange", "onPopupScroll", "enableVirtualization", "virtualRowHeight", "resetSearch", "resetData"];
+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", "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 _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /* eslint-disable max-lines */
-const SELECT_TYPES = {
-  SELECT: 'select',
-  MULTI_SELECT: 'multiSelect',
-  TREE_SELECT: 'treeSelect',
-  MULTI_TREE_SELECT: 'multiTreeSelect'
-};
 const NoResult = _ref => {
   let {
     noResultCustomText,
@@ -803,7 +798,7 @@ const NoResult = _ref => {
       size: "m"
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
       className: _styles.default['cap-unified-select-no-result-text'],
-      children: showUpload && (options == null ? void 0 : options.length) === 0 ? noResultCustomText : 'No results found'
+      children: showUpload && (options == null ? void 0 : options.length) === 0 ? noResultCustomText : _constants.DEFAULTS.NO_RESULT_TEXT
     })]
   });
 };
@@ -919,11 +914,11 @@ const filterTreeData = function (data, search, searchBasedOn, selectedValues) {
 };
 const CapUnifiedSelect = _ref4 => {
   let {
-      type = SELECT_TYPES.SELECT,
+      type = _constants.SELECT_TYPES.SELECT,
       options = [],
       value,
       onChange,
-      placeholder = 'Select an option',
+      placeholder = _constants.DEFAULTS.PLACEHOLDER,
       className = '',
       style,
       isError = false,
@@ -933,7 +928,7 @@ const CapUnifiedSelect = _ref4 => {
       allowClear = false,
       headerLabel,
       onUpload,
-      uploadLabel = 'Upload',
+      uploadLabel = _constants.DEFAULTS.UPLOAD_LABEL,
       tooltip,
       bylineText,
       disabled = false,
@@ -942,19 +937,20 @@ const CapUnifiedSelect = _ref4 => {
       showSearch = true,
       searchBasedOn = 'label',
       onSearch,
-      searchDebounce = 300,
+      searchDebounce = _constants.TIMEOUTS.DEFAULT_SEARCH_DEBOUNCE,
       onConfirm,
-      clearText = 'Clear',
-      noResultCustomText = 'No results found',
-      noResultCustomIcon = 'warning',
+      clearText = _constants.DEFAULTS.CLEAR_TEXT,
+      noResultCustomText = _constants.DEFAULTS.NO_RESULT_TEXT,
+      noResultCustomIcon = _constants.DEFAULTS.NO_RESULT_ICON,
       readOnly = false,
       staticValue = true,
       onFooterDownloadChange,
       onPopupScroll,
       enableVirtualization = false,
-      virtualRowHeight = 32,
-      resetSearch = false,
-      resetData
+      virtualRowHeight = _constants.DEFAULTS.VIRTUAL_ROW_HEIGHT,
+      resetSearch = true,
+      resetData,
+      fetchMissingOptions
     } = _ref4,
     rest = _objectWithoutPropertiesLoose(_ref4, _excluded);
   const [searchText, setSearchText] = (0, _react.useState)('');
@@ -968,6 +964,12 @@ const CapUnifiedSelect = _ref4 => {
   const searchTimeoutRef = (0, _react.useRef)(null);
   const scrollContainerRef = (0, _react.useRef)(null);
   const scrollLoadingTimeoutRef = (0, _react.useRef)(null);
+  // Track if scroll handler is currently processing to prevent duplicate calls
+  const isScrollProcessingRef = (0, _react.useRef)(false);
+  // Throttle ref for scroll events
+  const scrollThrottleTimeoutRef = (0, _react.useRef)(null);
+  // Ref to track options for scroll handler (avoids recreating handleScroll)
+  const optionsRef = (0, _react.useRef)(options);
   // Cache of selected items from async results to preserve them during search
   const selectedItemsCacheRef = (0, _react.useRef)(new Map());
   // Track the last search query to detect when options update after search
@@ -994,6 +996,74 @@ const CapUnifiedSelect = _ref4 => {
   const resetDataCalledRef = (0, _react.useRef)(false);
   // Track when resetData was called to help clear loading state
   const resetDataCalledTimeRef = (0, _react.useRef)(null);
+  // Track if fetchMissingOptions was already called to prevent duplicate calls
+  const fetchMissingOptionsCalledRef = (0, _react.useRef)(false);
+  // Track the last missing values that were sent to prevent duplicate calls with same values
+  const lastMissingValuesRef = (0, _react.useRef)('');
+
+  // Helper function to check if a value exists in options (recursive for tree structures)
+  const findValueInOptions = (0, _react.useCallback)((opts, targetValue) => {
+    for (const opt of opts) {
+      if (opt.value === targetValue) {
+        return true;
+      }
+      if (opt.children && opt.children.length > 0) {
+        if (findValueInOptions(opt.children, targetValue)) {
+          return true;
+        }
+      }
+    }
+    return false;
+  }, []);
+
+  // Helper function to find missing selected values
+  const findMissingValues = (0, _react.useCallback)((selectedValues, currentOptions) => {
+    if (!selectedValues.length || !currentOptions.length) {
+      return selectedValues;
+    }
+    return selectedValues.filter(val => !findValueInOptions(currentOptions, val));
+  }, [findValueInOptions]);
+
+  // Check for missing options and call fetchMissingOptions if needed
+  (0, _react.useEffect)(() => {
+    // Only check if fetchMissingOptions is provided
+    if (!fetchMissingOptions) {
+      return;
+    }
+
+    // Get current selected values
+    const selectedValues = Array.isArray(value) ? value : value ? [value] : [];
+    if (selectedValues.length === 0) {
+      // No selected values, reset the tracking
+      fetchMissingOptionsCalledRef.current = false;
+      lastMissingValuesRef.current = '';
+      return;
+    }
+
+    // Find missing values
+    const missingValues = findMissingValues(selectedValues, options);
+
+    // If no missing values, reset tracking and return
+    if (missingValues.length === 0) {
+      fetchMissingOptionsCalledRef.current = false;
+      lastMissingValuesRef.current = '';
+      return;
+    }
+
+    // Create a sorted string representation of missing values for comparison
+    // Use slice() to avoid mutating the original array
+    const missingValuesKey = [...missingValues].sort().join(',');
+
+    // Only call if:
+    // 1. We haven't called it before, OR
+    // 2. The missing values have changed (different values are missing now)
+    if (!fetchMissingOptionsCalledRef.current || lastMissingValuesRef.current !== missingValuesKey) {
+      fetchMissingOptionsCalledRef.current = true;
+      lastMissingValuesRef.current = missingValuesKey;
+      // Call the developer's function with missing values (pass a copy to avoid mutation)
+      fetchMissingOptions([...missingValues]);
+    }
+  }, [value, options, fetchMissingOptions, findMissingValues]);
   (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) {
@@ -1068,7 +1138,12 @@ const CapUnifiedSelect = _ref4 => {
   }, [options, orderedOptions, tempValue]);
 
   // Extract debounce timeout (extracted early for use in useEffects)
-  const debounceTimeout = searchDebounce != null ? searchDebounce : 300;
+  const debounceTimeout = searchDebounce != null ? searchDebounce : _constants.TIMEOUTS.DEFAULT_SEARCH_DEBOUNCE;
+
+  // Keep optionsRef in sync with options
+  (0, _react.useEffect)(() => {
+    optionsRef.current = options;
+  }, [options]);
 
   // Cleanup timeouts on unmount
   (0, _react.useEffect)(() => {
@@ -1079,6 +1154,9 @@ const CapUnifiedSelect = _ref4 => {
       if (scrollLoadingTimeoutRef.current) {
         clearTimeout(scrollLoadingTimeoutRef.current);
       }
+      if (scrollThrottleTimeoutRef.current) {
+        clearTimeout(scrollThrottleTimeoutRef.current);
+      }
     };
   }, []);
 
@@ -1101,8 +1179,8 @@ const CapUnifiedSelect = _ref4 => {
     const searchCleared = lastSearchQueryRef.current === '';
     const timeSinceCleared = searchClearedTimeRef.current ? Date.now() - searchClearedTimeRef.current : Infinity;
     const hasOptionsData = options.length > 0;
-    // Wait at least 200ms after search is cleared to allow API call to complete
-    const clearedSearchReady = searchCleared && hasOptionsData && timeSinceCleared > 200;
+    // Wait at least SEARCH_CLEARED_TIMEOUT after search is cleared to allow API call to complete
+    const clearedSearchReady = searchCleared && hasOptionsData && timeSinceCleared > _constants.TIMEOUTS.SEARCH_CLEARED_TIMEOUT;
     if (optionsChanged || clearedSearchReady) {
       // Options updated after search - data has arrived
       // Use a small delay to ensure state updates are processed
@@ -1113,7 +1191,7 @@ const CapUnifiedSelect = _ref4 => {
         if (searchCleared) {
           searchClearedTimeRef.current = null;
         }
-      }, 100);
+      }, _constants.TIMEOUTS.SEARCH_STATE_UPDATE_DELAY);
       return () => clearTimeout(timeoutId);
     }
     prevOptionsRef.current = options;
@@ -1132,8 +1210,8 @@ const CapUnifiedSelect = _ref4 => {
     // For cleared search (empty string), use a shorter timeout since it should reload initial data quickly
     // For regular search, use debounce timeout + buffer
     const searchCleared = lastSearchQueryRef.current === '';
-    const timeoutDuration = searchCleared ? debounceTimeout + 300 // Shorter timeout for cleared search
-    : debounceTimeout + 500; // Longer timeout for regular search
+    const timeoutDuration = searchCleared ? debounceTimeout + _constants.TIMEOUTS.SEARCH_CLEARED_BUFFER // Shorter timeout for cleared search
+    : debounceTimeout + _constants.TIMEOUTS.SEARCH_REGULAR_BUFFER; // Longer timeout for regular search
 
     // Calculate timeout: debounce timeout + a small buffer for API response
     // This ensures we wait for the API call to complete before showing "No results"
@@ -1171,7 +1249,7 @@ const CapUnifiedSelect = _ref4 => {
     // Additional check: if enough time has passed since resetData was called
     // and we have options data, assume data has loaded even if comparison didn't detect change
     const timeSinceReset = resetDataCalledTimeRef.current ? Date.now() - resetDataCalledTimeRef.current : Infinity;
-    const hasDataAfterTimeout = currentOptions.length > 0 && timeSinceReset > 300 && timeSinceReset < 2000;
+    const hasDataAfterTimeout = currentOptions.length > 0 && timeSinceReset > _constants.TIMEOUTS.RESET_DATA_MIN_TIME && timeSinceReset < _constants.TIMEOUTS.RESET_DATA_MAX_TIME;
 
     // If options changed or enough time has passed with data, clear the loading state
     if (optionsChanged || hasDataAfterTimeout) {
@@ -1198,8 +1276,7 @@ const CapUnifiedSelect = _ref4 => {
       prevOptionsBeforeResetRef.current = options;
       // Clear timestamp
       resetDataCalledTimeRef.current = null;
-    }, 1000); // 1 second timeout for resetData operations
-
+    }, _constants.TIMEOUTS.RESET_DATA_TIMEOUT);
     return () => clearTimeout(fallbackTimeout);
   }, [isResettingData, options]);
 
@@ -1252,6 +1329,8 @@ const CapUnifiedSelect = _ref4 => {
     if (optionsCountIncreased || optionsContentChanged) {
       // Options updated after scroll - data has arrived, clear loading overlay
       setIsLoadingOnScroll(false);
+      // Reset processing flag to allow next scroll event
+      isScrollProcessingRef.current = false;
       if (scrollLoadingTimeoutRef.current) {
         clearTimeout(scrollLoadingTimeoutRef.current);
         scrollLoadingTimeoutRef.current = null;
@@ -1312,11 +1391,11 @@ const CapUnifiedSelect = _ref4 => {
       // Clear loading state after a short delay (filtering is instant but we show feedback)
       searchTimeoutRef.current = setTimeout(() => {
         setIsSearching(false);
-      }, 150); // Brief delay to show loading indicator
+      }, _constants.TIMEOUTS.STATIC_SEARCH_DELAY);
     }
   }, [onSearch, staticValue, debounceTimeout]);
-  const isMulti = (0, _react.useMemo)(() => type === SELECT_TYPES.MULTI_SELECT || type === SELECT_TYPES.MULTI_TREE_SELECT, [type]);
-  const isTree = (0, _react.useMemo)(() => type === SELECT_TYPES.TREE_SELECT || type === SELECT_TYPES.MULTI_TREE_SELECT, [type]);
+  const 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]);
 
   // Use options directly since pagination is handled by the developer
   const mergedOptions = (0, _react.useMemo)(() => {
@@ -1667,6 +1746,9 @@ const CapUnifiedSelect = _ref4 => {
       initialTempValueRef.current = value;
       hasInteractedRef.current = false;
       resetDataCalledRef.current = false;
+      // Reset fetchMissingOptions tracking to allow re-checking when dropdown opens
+      fetchMissingOptionsCalledRef.current = false;
+      lastMissingValuesRef.current = '';
       // Clear any pending search timeouts
       if (searchTimeoutRef.current) {
         clearTimeout(searchTimeoutRef.current);
@@ -1677,10 +1759,15 @@ const CapUnifiedSelect = _ref4 => {
         clearTimeout(scrollLoadingTimeoutRef.current);
         scrollLoadingTimeoutRef.current = null;
       }
+      if (scrollThrottleTimeoutRef.current) {
+        clearTimeout(scrollThrottleTimeoutRef.current);
+        scrollThrottleTimeoutRef.current = null;
+      }
       // Reset loading states
       setIsSearching(false);
       searchClearedTimeRef.current = null; // Clear search cleared timestamp
       setIsLoadingOnScroll(false);
+      isScrollProcessingRef.current = false;
       // Safety check: Clear isResettingData if it's still true when opening
       // This handles cases where options updated while dropdown was closed
       if (isResettingData) {
@@ -1706,10 +1793,15 @@ const CapUnifiedSelect = _ref4 => {
       }
       // Reset scroll loading state
       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;
 
       // Only call resetData if user actually interacted (selected, searched, etc.)
@@ -1769,6 +1861,7 @@ const CapUnifiedSelect = _ref4 => {
 
   // Handle scroll event - automatically checks if scroll is near bottom
   // Developer handles hasMore and isLoading conditions in onPopupScroll callback
+  // Using refs to avoid recreating the callback when options change
   const handleScroll = (0, _react.useCallback)(event => {
     if (!onPopupScroll) return;
     const target = event.target;
@@ -1779,74 +1872,83 @@ const CapUnifiedSelect = _ref4 => {
 
     // Only call onPopupScroll if scroll is near bottom
     // Developer will handle hasMore and isLoading checks inside the callback
-    if (!isNearBottom) return;
+    if (!isNearBottom) {
+      // Reset processing flag when not near bottom
+      isScrollProcessingRef.current = false;
+      return;
+    }
+
+    // Prevent multiple scroll triggers while already processing
+    // This ensures we don't trigger multiple API calls simultaneously
+    if (isScrollProcessingRef.current) return;
 
     // Prevent multiple scroll triggers while already loading
     // This ensures loading state is managed properly and data loading completes
     if (isLoadingOnScroll) return;
 
-    // Store current options count and options reference before triggering load
-    // This helps detect when new data arrives
-    // Store the reference directly - we'll compare by length and last item
-    prevOptionsCountRef.current = options.length;
-    prevOptionsRefForScroll.current = options;
-    // Also store the count at scroll trigger time for orderedOptions update
-    scrollTriggerOptionsCountRef.current = options.length;
-
-    // Show loading indicator when scrolling near bottom
-    // This happens before calling onPopupScroll to provide immediate feedback
-    setIsLoadingOnScroll(true);
-
-    // Clear any existing timeout
-    if (scrollLoadingTimeoutRef.current) {
-      clearTimeout(scrollLoadingTimeoutRef.current);
-      scrollLoadingTimeoutRef.current = null;
-    }
-
-    // Create a React synthetic event-like object with scroll information
-    // const syntheticEvent = {
-    //   target: target,
-    //   currentTarget: target,
-    //   nativeEvent: event,
-    //   bubbles: false,
-    //   cancelable: false,
-    //   defaultPrevented: false,
-    //   eventPhase: 0,
-    //   isTrusted: false,
-    //   timeStamp: Date.now(),
-    //   type: 'scroll',
-    //   detail: 0,
-    //   view: null,
-    //   preventDefault: () => { },
-    //   stopPropagation: () => { },
-    //   stopImmediatePropagation: () => { },
-    //   isDefaultPrevented: () => false,
-    //   isPropagationStopped: () => false,
-    // } as unknown as React.UIEvent<HTMLElement>;
-
-    // Mark as interacted when user scrolls (triggers data loading)
-    hasInteractedRef.current = true;
+    // Throttle scroll events to prevent rapid-fire API calls
+    // Clear any existing throttle timeout
+    if (scrollThrottleTimeoutRef.current) {
+      clearTimeout(scrollThrottleTimeoutRef.current);
+    }
 
-    // Call the developer's scroll handler - component already checked scroll position
-    // Developer should check hasMore and isLoading inside the callback
-    // This triggers the async data loading
-    onPopupScroll();
-
-    // Set a fallback timeout to clear loading if options don't change
-    // This prevents loading from staying forever if data never arrives
-    // Using a longer timeout (10 seconds) to give enough time for slow API calls
-    scrollLoadingTimeoutRef.current = setTimeout(() => {
-      // Only clear if still loading (options change detection might have cleared it already)
-      setIsLoadingOnScroll(prev => {
-        if (prev) {
-          // Clear the timeout reference when clearing loading state
-          scrollLoadingTimeoutRef.current = null;
-          return false;
-        }
-        return prev;
-      });
-    }, 10000); // 10 seconds fallback - much longer than the previous 500ms
-  }, [onPopupScroll, isLoadingOnScroll, options.length]);
+    // Set processing flag immediately to prevent duplicate calls
+    isScrollProcessingRef.current = true;
+
+    // Throttle the actual API call to prevent multiple rapid triggers
+    scrollThrottleTimeoutRef.current = setTimeout(() => {
+      // Double-check we're still near bottom and not loading
+      const stillNearBottom = Math.floor(target.scrollHeight - target.scrollTop) <= target.clientHeight;
+      if (!stillNearBottom || isLoadingOnScroll) {
+        isScrollProcessingRef.current = false;
+        return;
+      }
+
+      // Store current options count and options reference before triggering load
+      // This helps detect when new data arrives
+      // Use ref to get current options without depending on options.length
+      const currentOptions = optionsRef.current;
+      prevOptionsCountRef.current = currentOptions.length;
+      prevOptionsRefForScroll.current = currentOptions;
+      // Also store the count at scroll trigger time for orderedOptions update
+      scrollTriggerOptionsCountRef.current = currentOptions.length;
+
+      // Show loading indicator when scrolling near bottom
+      // This happens before calling onPopupScroll to provide immediate feedback
+      setIsLoadingOnScroll(true);
+
+      // Clear any existing timeout
+      if (scrollLoadingTimeoutRef.current) {
+        clearTimeout(scrollLoadingTimeoutRef.current);
+        scrollLoadingTimeoutRef.current = null;
+      }
+
+      // Mark as interacted when user scrolls (triggers data loading)
+      hasInteractedRef.current = true;
+
+      // Call the developer's scroll handler - component already checked scroll position
+      // Developer should check hasMore and isLoading inside the callback
+      // This triggers the async data loading
+      onPopupScroll();
+
+      // Set a fallback timeout to clear loading if options don't change
+      // This prevents loading from staying forever if data never arrives
+      // Using a longer timeout (10 seconds) to give enough time for slow API calls
+      scrollLoadingTimeoutRef.current = setTimeout(() => {
+        // Only clear if still loading (options change detection might have cleared it already)
+        setIsLoadingOnScroll(prev => {
+          if (prev) {
+            // Clear the timeout reference when clearing loading state
+            scrollLoadingTimeoutRef.current = null;
+            // Reset processing flag when loading times out
+            isScrollProcessingRef.current = false;
+            return false;
+          }
+          return prev;
+        });
+      }, _constants.TIMEOUTS.SCROLL_LOADING_TIMEOUT);
+    }, 150); // 150ms throttle to prevent rapid-fire events
+  }, [onPopupScroll, isLoadingOnScroll]);
 
   // Setup scroll listener for onPopupScroll
   (0, _react.useEffect)(() => {
@@ -1890,13 +1992,20 @@ const CapUnifiedSelect = _ref4 => {
           passive: true
         });
       }
-    }, 100);
+    }, _constants.TIMEOUTS.SCROLL_CONTAINER_DELAY);
     return () => {
       clearTimeout(timeoutId);
+      // Clear throttle timeout when cleaning up
+      if (scrollThrottleTimeoutRef.current) {
+        clearTimeout(scrollThrottleTimeoutRef.current);
+        scrollThrottleTimeoutRef.current = null;
+      }
       if (scrollContainerRef.current) {
         scrollContainerRef.current.removeEventListener('scroll', handleScroll);
         scrollContainerRef.current = null;
       }
+      // Reset processing flag when listener is removed
+      isScrollProcessingRef.current = false;
     };
   }, [onPopupScroll, dropdownOpen, handleScroll]);
   const renderHeader = (0, _react.useMemo)(() => {
@@ -2051,7 +2160,7 @@ const CapUnifiedSelect = _ref4 => {
             })]
           })]
         })
-      }), (type === SELECT_TYPES.SELECT || type === SELECT_TYPES.TREE_SELECT) && allowClear && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
+      }), (type === _constants.SELECT_TYPES.SELECT || type === _constants.SELECT_TYPES.TREE_SELECT) && allowClear && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
         className: _styles.default['cap-unified-select-tree-clear-container'],
         onClick: handleClearAll,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
@@ -2139,7 +2248,7 @@ const CapUnifiedSelect = _ref4 => {
       popupMatchSelectWidth: false,
       disabled: disabled,
       filterTreeNode: false,
-      listHeight: 256,
+      listHeight: _constants.DEFAULTS.LIST_HEIGHT,
       listItemHeight: virtualRowHeight,
       popupRender: renderCustomDropdown
     }, rest)), isError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
@@ -2945,7 +3054,7 @@ var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(1601);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-unified-select-header-wrapper{display:flex;align-items:center}.blaze-ui-cap-unified-select-header-wrapper.blaze-ui-disabled{opacity:.5;cursor:not-allowed}.blaze-ui-cap-unified-select-header-wrapper .blaze-ui-cap-unified-select-header-label{font-family:"Roboto",sans-serif;font-weight:500;font-size:1rem;line-height:1.429rem;letter-spacing:0}.blaze-ui-cap-unified-select-header-byline-text{font-family:"Roboto",sans-serif;font-weight:400;font-size:.857rem;letter-spacing:0;color:#97a0af}.blaze-ui-cap-unified-select-container{text-align:justify;min-width:13.786rem}.blaze-ui-cap-unified-select-container.blaze-ui-disabled{cursor:not-allowed}.blaze-ui-cap-unified-select-container.ant-select-focused .ant-select-selector{border:.071rem solid #091e42 !important}.blaze-ui-cap-unified-select-container .blaze-ui-cap-unified-select-more-text{cursor:pointer;color:#091e42;margin-right:.286rem;position:relative}.blaze-ui-cap-unified-select-container .blaze-ui-cap-unified-select-suffix-icon{color:#7a869a}.blaze-ui-cap-unified-select-container .blaze-ui-cap-tooltip-with-info-icon{margin-top:.143rem}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select.blaze-ui-cap-unified-tree-select-readonly{pointer-events:none}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select.blaze-ui-cap-unified-tree-select-readonly .blaze-ui-cap-unified-select-more-text{pointer-events:auto}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select .ant-select-tree-treenode{padding-left:.286rem}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly .ant-select-selector{background-color:#fff;border-color:#ebecf0 !important;cursor:default}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly .ant-select-arrow{pointer-events:auto;color:#b3bac5}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly.ant-select-outlined:hover .ant-select-selector,.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly.ant-select-outlined:active .ant-select-selector,.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly.ant-select-outlined:focus .ant-select-selector{border-color:#ebecf0 !important}.blaze-ui-cap-unified-select-container .blaze-ui-cap-unified-select-status{color:#ea213a}.blaze-ui-cap-unified-select-container .ant-select-outlined:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector{border-color:#7a869a}.blaze-ui-cap-unified-select-container .ant-select-selector{background-color:#fff !important;border:.071rem solid #7a869a !important;border-radius:.286rem !important}.blaze-ui-cap-unified-select-container .ant-select-selector .ant-select-selection-placeholder{pointer-events:unset;color:#97a0af;display:flex;align-items:center}.blaze-ui-cap-unified-select-container .ant-select-prefix{font-size:1rem;font-weight:400;color:#091e42;line-height:1.429rem}.blaze-ui-cap-unified-select-container .ant-input-affix-wrapper .ant-input-prefix{left:.857rem}.blaze-ui-cap-unified-select-container .ant-select-selector{border-color:#7a869a !important;box-shadow:none !important;outline:0}.blaze-ui-cap-unified-select-container .ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):hover{background-color:#47af46}.blaze-ui-cap-unified-select-container .ant-select-dropdown{margin-top:-0.571rem !important;border-radius:.286rem;background-color:#fff;box-shadow:0 .286rem .571rem -0.143rem rgba(9,30,66,.15),0 0 .071rem 0 rgba(9,30,66,.1);max-height:25.714rem;overflow:visible}.blaze-ui-cap-unified-select-container .ant-select-outlined.ant-select-multiple .ant-select-selection-wrap .ant-select-selection-item{background:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-container .ant-select-multiple .ant-select-selection-wrap .ant-select-selection-item,.blaze-ui-cap-unified-select-container .ant-select-selection-wrap .ant-select-selection-item{background:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-container .ant-select-multiple .ant-select-selection-wrap{align-self:center}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-search-container{border-bottom:.071rem solid #ebecf0 !important;line-height:2.857rem !important}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-search-container .blaze-ui-cap-unified-select-search-icon{color:#b3bac5}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-select-all-container{padding:.643rem 1.071rem;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}.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}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-footer-download-container .blaze-ui-cap-unified-select-footer-download-label{margin-left:.857rem;color:#2466ea;font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:.857rem;line-height:1.143rem;letter-spacing:0;text-align:right}.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:8px}.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:8px;color:#97a0af}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix{display:flex;justify-content:space-between;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{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.ant-select-focused .ant-select-selector{border:.071rem solid #091e42 !important}.blaze-ui-cap-unified-select-container .blaze-ui-cap-unified-select-more-text{cursor:pointer;color:#091e42;margin-right:.286rem;position:relative}.blaze-ui-cap-unified-select-container .blaze-ui-cap-unified-select-suffix-icon{color:#7a869a}.blaze-ui-cap-unified-select-container .blaze-ui-cap-tooltip-with-info-icon{margin-top:.143rem}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select.blaze-ui-cap-unified-tree-select-readonly{pointer-events:none}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select.blaze-ui-cap-unified-tree-select-readonly .blaze-ui-cap-unified-select-more-text{pointer-events:auto}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select .ant-select-tree-treenode{padding-left:.286rem}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly .ant-select-selector{background-color:#fff;border-color:#ebecf0 !important;cursor:default}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly .ant-select-arrow{pointer-events:auto;color:#b3bac5}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly.ant-select-outlined:hover .ant-select-selector,.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly.ant-select-outlined:active .ant-select-selector,.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly.ant-select-outlined:focus .ant-select-selector{border-color:#ebecf0 !important}.blaze-ui-cap-unified-select-container .blaze-ui-cap-unified-select-status{color:#ea213a}.blaze-ui-cap-unified-select-container .ant-select-outlined:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector{border-color:#7a869a}.blaze-ui-cap-unified-select-container .ant-select-selector{background-color:#fff !important;border:.071rem solid #7a869a !important;border-radius:.286rem !important}.blaze-ui-cap-unified-select-container .ant-select-selector .ant-select-selection-placeholder{pointer-events:unset;color:#97a0af;display:flex;align-items:center}.blaze-ui-cap-unified-select-container .ant-select-prefix{font-size:1rem;font-weight:400;color:#091e42;line-height:1.429rem}.blaze-ui-cap-unified-select-container .ant-input-affix-wrapper .ant-input-prefix{left:.857rem}.blaze-ui-cap-unified-select-container .ant-select-selector{border-color:#7a869a !important;box-shadow:none !important;outline:0}.blaze-ui-cap-unified-select-container .ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):hover{background-color:#47af46}.blaze-ui-cap-unified-select-container .ant-select-dropdown{margin-top:-0.571rem !important;border-radius:.286rem;background-color:#fff;box-shadow:0 .286rem .571rem -0.143rem rgba(9,30,66,.15),0 0 .071rem 0 rgba(9,30,66,.1);max-height:25.714rem;overflow:visible}.blaze-ui-cap-unified-select-container .ant-select-outlined.ant-select-multiple .ant-select-selection-wrap .ant-select-selection-item{background:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-container .ant-select-multiple .ant-select-selection-wrap .ant-select-selection-item,.blaze-ui-cap-unified-select-container .ant-select-selection-wrap .ant-select-selection-item{background:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-container .ant-select-multiple .ant-select-selection-wrap{align-self:center}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-search-container{border-bottom:.071rem solid #ebecf0 !important;line-height:2.857rem !important}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-search-container .blaze-ui-cap-unified-select-search-icon{color:#b3bac5}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-select-all-container{padding:.643rem 1.071rem;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}.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}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-footer-download-container .blaze-ui-cap-unified-select-footer-download-label{margin-left:.857rem;color:#2466ea;font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:.857rem;line-height:1.143rem;letter-spacing:0;text-align:right}.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{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`,
@@ -2993,6 +3102,73 @@ ___CSS_LOADER_EXPORT___.locals = {
 module.exports = ___CSS_LOADER_EXPORT___;
 
 
+/***/ }),
+
+/***/ 9788:
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.TIMEOUTS = exports.SELECT_TYPES = exports.DEFAULTS = void 0;
+/**
+ * Select type constants for CapUnifiedSelect component
+ */
+const SELECT_TYPES = exports.SELECT_TYPES = {
+  SELECT: 'select',
+  MULTI_SELECT: 'multiSelect',
+  TREE_SELECT: 'treeSelect',
+  MULTI_TREE_SELECT: 'multiTreeSelect'
+};
+/**
+ * Timeout constants (in milliseconds)
+ */
+const TIMEOUTS = exports.TIMEOUTS = {
+  /** Default search debounce timeout */
+  DEFAULT_SEARCH_DEBOUNCE: 300,
+  /** Delay for state updates after search */
+  SEARCH_STATE_UPDATE_DELAY: 100,
+  /** Minimum time since search was cleared to consider data ready */
+  SEARCH_CLEARED_TIMEOUT: 200,
+  /** Buffer time added to debounce for cleared search */
+  SEARCH_CLEARED_BUFFER: 300,
+  /** Buffer time added to debounce for regular search */
+  SEARCH_REGULAR_BUFFER: 500,
+  /** Brief delay to show loading indicator for static search */
+  STATIC_SEARCH_DELAY: 150,
+  /** Timeout for resetData fallback (1 second) */
+  RESET_DATA_TIMEOUT: 1000,
+  /** Minimum time since resetData was called to consider data ready */
+  RESET_DATA_MIN_TIME: 300,
+  /** Maximum time since resetData was called to consider data ready */
+  RESET_DATA_MAX_TIME: 2000,
+  /** Fallback timeout for scroll loading (10 seconds) */
+  SCROLL_LOADING_TIMEOUT: 10000,
+  /** Delay before setting up scroll container listener */
+  SCROLL_CONTAINER_DELAY: 100
+};
+
+/**
+ * Default values for component props
+ */
+const DEFAULTS = exports.DEFAULTS = {
+  /** Default placeholder text */
+  PLACEHOLDER: 'Select an option',
+  /** Default upload button label */
+  UPLOAD_LABEL: 'Upload',
+  /** Default clear button text */
+  CLEAR_TEXT: 'Clear',
+  /** Default no results message */
+  NO_RESULT_TEXT: 'No results found',
+  /** Default no results icon */
+  NO_RESULT_ICON: 'warning',
+  /** Default virtual row height in pixels */
+  VIRTUAL_ROW_HEIGHT: 32,
+  /** Default list height in pixels */
+  LIST_HEIGHT: 256
+};
+
 /***/ })
 
 /******/ 	});