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

package/CapUnifiedSelect/index.js

@@ -775,12 +775,11 @@ var _CapTooltip = _interopRequireDefault(__webpack_require__(5636));
 var _CapTooltipWithInfo = _interopRequireDefault(__webpack_require__(2608));
 var _styles = _interopRequireDefault(__webpack_require__(8263));
 var _jsxRuntime = __webpack_require__(4848);
-const _excluded = ["type", "options", "value", "onChange", "placeholder", "className", "style", "isError", "errorMessage", "containerClassName", "popoverClassName", "allowClear", "headerLabel", "onUpload", "uploadLabel", "tooltip", "bylineText", "disabled", "showUpload", "customPopupRender", "showSearch", "searchBasedOn", "onSearch", "searchDebounce", "onConfirm", "clearText", "noResultCustomText", "noResultCustomIcon", "readOnly", "staticValue", "onFooterDownloadChange", "onPopupScroll", "enableVirtualization", "virtualRowHeight", "resetSearchOnConfirm", "clearSearchOnClose", "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"];
 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); } // react-virtualized is installed for future use
-// import { List, AutoSizer } from 'react-virtualized';
+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',
@@ -954,8 +953,7 @@ const CapUnifiedSelect = _ref4 => {
       onPopupScroll,
       enableVirtualization = false,
       virtualRowHeight = 32,
-      resetSearchOnConfirm = true,
-      clearSearchOnClose = true,
+      resetSearch = false,
       resetData
     } = _ref4,
     rest = _objectWithoutPropertiesLoose(_ref4, _excluded);
@@ -964,6 +962,7 @@ const CapUnifiedSelect = _ref4 => {
   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);
   // Store ordered options after confirm (selected items moved to top based on selection order)
   const [orderedOptions, setOrderedOptions] = (0, _react.useState)(null);
   const searchTimeoutRef = (0, _react.useRef)(null);
@@ -973,8 +972,12 @@ const CapUnifiedSelect = _ref4 => {
   const selectedItemsCacheRef = (0, _react.useRef)(new Map());
   // Track the last search query to detect when options update after search
   const lastSearchQueryRef = (0, _react.useRef)('');
+  // Track when search was cleared to help clear loading state
+  const searchClearedTimeRef = (0, _react.useRef)(null);
   // Track previous options to detect when they change after a search
   const prevOptionsRef = (0, _react.useRef)(options);
+  // Track previous options before resetData is called to detect when options update
+  const prevOptionsBeforeResetRef = (0, _react.useRef)(options);
   // Track previous options count to detect when options change after scroll
   const prevOptionsCountRef = (0, _react.useRef)(options.length);
   // Track previous options to detect when options change (even if count stays same)
@@ -983,6 +986,14 @@ const CapUnifiedSelect = _ref4 => {
   const scrollTriggerOptionsCountRef = (0, _react.useRef)(options.length);
   // Track if initial sort has been done (only sort once on initial load with selected values)
   const initialSortDoneRef = (0, _react.useRef)(false);
+  // Track if user has interacted with the dropdown during current session (selected, searched, etc.)
+  const hasInteractedRef = (0, _react.useRef)(false);
+  // Track the initial tempValue when dropdown opens to detect if user made changes
+  const initialTempValueRef = (0, _react.useRef)(value);
+  // Track if resetData was already called in the current session to prevent duplicate calls
+  const resetDataCalledRef = (0, _react.useRef)(false);
+  // Track when resetData was called to help clear loading state
+  const resetDataCalledTimeRef = (0, _react.useRef)(null);
   (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) {
@@ -1075,19 +1086,33 @@ const CapUnifiedSelect = _ref4 => {
   // This prevents showing "No results found" before data arrives
   (0, _react.useEffect)(() => {
     // Only handle this for API-based searches (staticValue = false)
-    if (staticValue || !isSearching || !lastSearchQueryRef.current) {
+    // Check if lastSearchQueryRef has been set (including empty string for cleared search)
+    const hasSearchQuery = lastSearchQueryRef.current !== null && lastSearchQueryRef.current !== undefined;
+    if (staticValue || !isSearching || !hasSearchQuery) {
       prevOptionsRef.current = options;
       return;
     }
 
     // Check if options actually changed (reference or content)
     const optionsChanged = prevOptionsRef.current !== options || prevOptionsRef.current.length !== options.length;
-    if (optionsChanged) {
+
+    // Also check if search was cleared (empty string) and enough time has passed
+    // This handles the case where clearing search reloads initial data that might be the same reference
+    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;
+    if (optionsChanged || clearedSearchReady) {
       // Options updated after search - data has arrived
       // Use a small delay to ensure state updates are processed
       const timeoutId = setTimeout(() => {
         setIsSearching(false);
         prevOptionsRef.current = options;
+        // Clear timestamp when search loading is cleared
+        if (searchCleared) {
+          searchClearedTimeRef.current = null;
+        }
       }, 100);
       return () => clearTimeout(timeoutId);
     }
@@ -1098,20 +1123,86 @@ const CapUnifiedSelect = _ref4 => {
   // This handles edge cases where options might not change reference but data has arrived
   // Also handles error cases where options don't update after search
   (0, _react.useEffect)(() => {
-    if (!isSearching || staticValue || !lastSearchQueryRef.current) {
+    // Check if lastSearchQueryRef has been set (including empty string for cleared search)
+    const hasSearchQuery = lastSearchQueryRef.current !== null && lastSearchQueryRef.current !== undefined;
+    if (!isSearching || staticValue || !hasSearchQuery) {
       return;
     }
 
+    // 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
+
     // Calculate timeout: debounce timeout + a small buffer for API response
     // This ensures we wait for the API call to complete before showing "No results"
     // For error cases where options don't update, this will clear loading state
     const fallbackTimeout = setTimeout(() => {
       setIsSearching(false);
-    }, debounceTimeout + 500); // debounce timeout + 500ms buffer
-
+      searchClearedTimeRef.current = null; // Clear search cleared timestamp
+    }, timeoutDuration);
     return () => clearTimeout(fallbackTimeout);
   }, [isSearching, staticValue, debounceTimeout, options.length]);
 
+  // Detect when options update after resetData is called to clear loading state
+  (0, _react.useEffect)(() => {
+    if (!isResettingData) {
+      // Update ref even when not resetting to keep it in sync
+      prevOptionsBeforeResetRef.current = options;
+      // Clear timestamp when not resetting
+      resetDataCalledTimeRef.current = null;
+      return;
+    }
+
+    // Check if options actually changed (reference, length, or content)
+    // Compare against the options that existed before resetData was called
+    const prevOptions = prevOptionsBeforeResetRef.current;
+    const currentOptions = options;
+
+    // More robust comparison: check reference, length, or any content differences
+    const optionsChanged = prevOptions !== currentOptions || prevOptions.length !== currentOptions.length ||
+    // Deep comparison: check if any option values or labels changed
+    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;
+    });
+
+    // 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;
+
+    // If options changed or enough time has passed with data, clear the loading state
+    if (optionsChanged || hasDataAfterTimeout) {
+      // Options updated after resetData - data has arrived
+      // Clear immediately without delay for faster response
+      setIsResettingData(false);
+      prevOptionsBeforeResetRef.current = currentOptions;
+      resetDataCalledTimeRef.current = null;
+    }
+  }, [options, isResettingData]);
+
+  // Fallback: Clear resetData loading state after a reasonable timeout
+  // This handles edge cases where options might not change reference but data has arrived
+  (0, _react.useEffect)(() => {
+    if (!isResettingData) {
+      return;
+    }
+
+    // Set a timeout to clear loading state if options don't update
+    // Reduced timeout to 1 second for faster recovery
+    const fallbackTimeout = setTimeout(() => {
+      setIsResettingData(false);
+      // Update ref to current options to prevent false positives in future comparisons
+      prevOptionsBeforeResetRef.current = options;
+      // Clear timestamp
+      resetDataCalledTimeRef.current = null;
+    }, 1000); // 1 second timeout for resetData operations
+
+    return () => clearTimeout(fallbackTimeout);
+  }, [isResettingData, options]);
+
   // Detect when options change after scroll to clear loading overlay
   (0, _react.useEffect)(() => {
     // Always update refs when options change (when not loading)
@@ -1181,9 +1272,23 @@ const CapUnifiedSelect = _ref4 => {
     }
     const trimmedQuery = query.trim();
 
+    // Track when search is cleared (empty string after having a query)
+    const wasSearching = lastSearchQueryRef.current !== '';
+    const isNowCleared = trimmedQuery === '';
+    if (wasSearching && isNowCleared) {
+      searchClearedTimeRef.current = Date.now();
+    } else if (!isNowCleared) {
+      searchClearedTimeRef.current = null;
+    }
+
     // Track the search query to detect when options update
     lastSearchQueryRef.current = trimmedQuery;
 
+    // Mark as interacted if user typed something (even if they clear it later)
+    if (trimmedQuery.length > 0 || lastSearchQueryRef.current.length > 0) {
+      hasInteractedRef.current = true;
+    }
+
     // For API-based searches (staticValue = false), always call onSearch
     // This allows the developer to reload all initial data when search is cleared
     if (!staticValue && onSearch) {
@@ -1201,8 +1306,13 @@ const CapUnifiedSelect = _ref4 => {
       // For static searches, if query is empty, just reset the state
       setIsSearching(false);
     } else {
-      // For static searches with content, filtering is instant
-      setIsSearching(false);
+      // For static searches with content, show brief loading indicator
+      // Set loading state briefly to show user feedback
+      setIsSearching(true);
+      // 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
     }
   }, [onSearch, staticValue, debounceTimeout]);
   const isMulti = (0, _react.useMemo)(() => type === SELECT_TYPES.MULTI_SELECT || type === SELECT_TYPES.MULTI_TREE_SELECT, [type]);
@@ -1382,17 +1492,24 @@ const CapUnifiedSelect = _ref4 => {
     const enhanceOptions = opts => opts.map(opt => {
       const decoratedTitle = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
         className: _styles.default['cap-unified-select-option-with-suffix'],
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-          type: "label14",
+        justify: "space-between",
+        align: "middle",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: _styles.default['cap-unified-select-option-label'],
-          children: opt == null ? void 0 : opt.label
-        }), (opt == null ? void 0 : opt.optionSuffix) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: _styles.default['cap-unified-select-option-suffix'],
-          children: [opt == null ? void 0 : opt.optionSuffix, ' ', (opt == null ? void 0 : opt.optionSuffixInfo) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
-            title: opt == null ? void 0 : opt.optionSuffixInfo
+          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
           })]
-        }), (opt == null ? void 0 : opt.optionTooltipInfo) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
-          title: opt == null ? void 0 : opt.optionTooltipInfo
         })]
       });
       return _extends({}, opt, {
@@ -1404,17 +1521,24 @@ const CapUnifiedSelect = _ref4 => {
     return isTree ? enhanceOptions(sourceOptions) : sourceOptions.map(opt => _extends({}, opt, {
       title: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
         className: _styles.default['cap-unified-select-option-with-suffix'],
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-          type: "label14",
+        justify: "space-between",
+        align: "middle",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: _styles.default['cap-unified-select-option-label'],
-          children: opt == null ? void 0 : opt.label
-        }), (opt == null ? void 0 : opt.optionSuffix) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: _styles.default['cap-unified-select-option-suffix'],
-          children: [opt == null ? void 0 : opt.optionSuffix, ' ', (opt == null ? void 0 : opt.optionSuffixInfo) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
-            title: opt == null ? void 0 : opt.optionSuffixInfo
+          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
           })]
-        }), (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
@@ -1475,6 +1599,9 @@ const CapUnifiedSelect = _ref4 => {
     return null;
   }, [isMulti, displayValue, treeMaps]);
   const handleConfirm = (0, _react.useCallback)(() => {
+    // Mark as interacted since user clicked confirm (explicit action)
+    hasInteractedRef.current = true;
+
     // Reorder options based on selection order when confirm is clicked
     // Use mergedOptions to include paginated options if they exist
     const optionsToReorder = mergedOptions;
@@ -1494,51 +1621,125 @@ const CapUnifiedSelect = _ref4 => {
     setDropdownOpen(false);
     // Always clear searching state since search operation is complete
     setIsSearching(false);
-    // Clear search text on confirm only if resetSearchOnConfirm is true
+    searchClearedTimeRef.current = null; // Clear search cleared timestamp
+    // Clear search text on confirm only if resetSearch is true
     // This allows users to keep their search when reopening the dropdown if desired
-    if (resetSearchOnConfirm) {
+    if (resetSearch) {
       setSearchText('');
       lastSearchQueryRef.current = ''; // Clear search query ref
     }
     // Call resetData to allow developer to reload initial data
-    resetData == null || resetData();
+    if (resetData) {
+      // Store current options before calling resetData to detect when they update
+      prevOptionsBeforeResetRef.current = mergedOptions;
+      setIsResettingData(true);
+      resetDataCalledRef.current = true;
+      resetDataCalledTimeRef.current = Date.now();
+      resetData();
+    }
     onConfirm == null || onConfirm(tempValue);
-  }, [onChange, onConfirm, tempValue, resetSearchOnConfirm, isMulti, mergedOptions, reorderOptionsBySelection, resetData]);
+  }, [onChange, onConfirm, tempValue, resetSearch, isMulti, mergedOptions, reorderOptionsBySelection, resetData]);
   const handleClearAll = (0, _react.useCallback)(() => {
+    // Mark as interacted since user clicked clear (explicit action)
+    hasInteractedRef.current = true;
     const cleared = isMulti ? [] : undefined;
     setTempValue(cleared);
     onChange == null || onChange(cleared);
     setDropdownOpen(false);
     // Call resetData to allow developer to reload initial data
-    resetData == null || resetData();
-  }, [isMulti, onChange, resetData]);
+    if (resetData) {
+      // Store current options before calling resetData to detect when they update
+      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) {
       return;
     }
-    if (!open) {
+    if (open) {
+      // Reset interaction tracking when dropdown opens
+      // Store initial value (not tempValue) to detect if user makes changes
+      // This ensures we track changes from the actual selected value, not temporary state
+      initialTempValueRef.current = value;
+      hasInteractedRef.current = false;
+      resetDataCalledRef.current = false;
+      // Clear any pending search timeouts
+      if (searchTimeoutRef.current) {
+        clearTimeout(searchTimeoutRef.current);
+        searchTimeoutRef.current = null;
+      }
+      // Clear any pending scroll loading timeouts
+      if (scrollLoadingTimeoutRef.current) {
+        clearTimeout(scrollLoadingTimeoutRef.current);
+        scrollLoadingTimeoutRef.current = null;
+      }
+      // Reset loading states
+      setIsSearching(false);
+      searchClearedTimeRef.current = null; // Clear search cleared timestamp
+      setIsLoadingOnScroll(false);
+      // Safety check: Clear isResettingData if it's still true when opening
+      // This handles cases where options updated while dropdown was closed
+      if (isResettingData) {
+        setIsResettingData(false);
+        // Update ref to current options to prevent false positives
+        prevOptionsBeforeResetRef.current = options;
+        // Clear timestamp
+        resetDataCalledTimeRef.current = null;
+      }
+    } else {
+      // Dropdown is closing
       if (!customPopupRender) {
         onChange == null || onChange(tempValue);
       } else {
         setTempValue(value);
       }
       // Clear search when closing (if enabled)
-      if (clearSearchOnClose) {
+      if (resetSearch) {
         setSearchText('');
         setIsSearching(false);
         lastSearchQueryRef.current = ''; // Clear search query ref
+        searchClearedTimeRef.current = null; // Clear search cleared timestamp
       }
       // Reset scroll loading state
       setIsLoadingOnScroll(false);
       if (scrollLoadingTimeoutRef.current) {
         clearTimeout(scrollLoadingTimeoutRef.current);
+        scrollLoadingTimeoutRef.current = null;
       }
       scrollContainerRef.current = null;
-      // Call resetData to allow developer to reload initial data when dropdown closes
-      resetData == null || resetData();
+
+      // Only call resetData if user actually interacted (selected, searched, etc.)
+      // and resetData hasn't been called already in this session
+      // This prevents multiple API calls when user just opens/closes without interaction
+      if (resetData && hasInteractedRef.current && !resetDataCalledRef.current) {
+        // Store current options before calling resetData to detect when they update
+        prevOptionsBeforeResetRef.current = options;
+        setIsResettingData(true);
+        resetDataCalledRef.current = true;
+        resetDataCalledTimeRef.current = Date.now();
+        resetData();
+      } else if (!hasInteractedRef.current) {
+        // User did nothing - reset everything as if it's a fresh load
+        // Clear any pending operations
+        if (searchTimeoutRef.current) {
+          clearTimeout(searchTimeoutRef.current);
+          searchTimeoutRef.current = null;
+        }
+        setIsSearching(false);
+        setIsResettingData(false);
+        // Reset search query ref
+        lastSearchQueryRef.current = '';
+      }
+
+      // Reset interaction flag for next session
+      hasInteractedRef.current = false;
     }
     setDropdownOpen(open);
-  }, [customPopupRender, value, onChange, tempValue, readOnly, clearSearchOnClose, resetData]);
+  }, [customPopupRender, value, onChange, tempValue, readOnly, resetSearch, resetData, options]);
   const handleFooterDownload = (0, _react.useCallback)(() => {
     const currentValues = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
     onFooterDownloadChange == null || onFooterDownloadChange(currentValues);
@@ -1623,6 +1824,9 @@ const CapUnifiedSelect = _ref4 => {
     //   isPropagationStopped: () => false,
     // } as unknown as React.UIEvent<HTMLElement>;
 
+    // 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
@@ -1759,7 +1963,7 @@ const CapUnifiedSelect = _ref4 => {
         tempValue: Array.isArray(tempValue) ? tempValue : undefined,
         setTempValue: val => setTempValue(val),
         processTreeData: buildTreeMaps
-      }), currentItems.length === 0 ? isSearching ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      }), 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",
@@ -1783,7 +1987,23 @@ const CapUnifiedSelect = _ref4 => {
         noResultCustomIcon: noResultCustomIcon
       }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: _styles.default['cap-unified-select-menu-wrapper'],
-        children: [menu, isLoadingOnScroll && onPopupScroll && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        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 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: _styles.default['cap-unified-select-loading-overlay'],
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
             align: "middle",
@@ -1840,28 +2060,53 @@ const CapUnifiedSelect = _ref4 => {
         })
       })]
     });
-  }, [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]);
+  }, [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, isResettingData]);
   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]);
 
   // Handle onChange for single select - detect clear button click and call resetData
   const handleSingleSelectChange = (0, _react.useCallback)(newValue => {
+    // Mark as interacted if value changed from initial
+    if (newValue !== initialTempValueRef.current) {
+      hasInteractedRef.current = true;
+    }
+
     // If value is cleared (becomes undefined), call resetData
     if (newValue === undefined || newValue === null) {
-      resetData == null || resetData();
+      if (resetData) {
+        // Store current options before calling resetData to detect when they update
+        prevOptionsBeforeResetRef.current = options;
+        setIsResettingData(true);
+        resetDataCalledRef.current = true;
+        resetDataCalledTimeRef.current = Date.now();
+        resetData();
+      }
     }
     onChange == null || onChange(newValue);
-  }, [onChange, resetData]);
+  }, [onChange, resetData, options]);
 
   // Handle onChange for multi select - detect clear and call resetData
   const handleMultiSelectChange = (0, _react.useCallback)(newValue => {
+    // Mark as interacted if value changed from initial
+    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 value is cleared (becomes empty array or undefined), call resetData
     if (newValue === undefined || newValue === null || Array.isArray(newValue) && newValue.length === 0) {
-      resetData == null || resetData();
+      if (resetData) {
+        // Store current options before calling resetData to detect when they update
+        prevOptionsBeforeResetRef.current = options;
+        setIsResettingData(true);
+        resetDataCalledRef.current = true;
+        resetDataCalledTimeRef.current = Date.now();
+        resetData();
+      }
     }
     setTempValue(newValue);
-  }, [resetData]);
+  }, [resetData, options]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
     className: className,
     children: [renderHeader, /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.TreeSelect, _extends({
@@ -2700,7 +2945,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:flex-start;align-items:center;width:100%;height:100%;line-height:1.5;vertical-align:middle}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-unified-select-option-label{flex:1;display:flex;align-items:center}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-unified-select-option-suffix{display:flex;align-items:center;padding:0 .571rem;max-height:1.429rem;white-space:nowrap;margin-left:.571rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-tooltip-with-info{margin-left:auto}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-tooltip-with-info .blaze-ui-cap-tooltip-with-info-icon{margin-top:.357rem;color:#42526e}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-tooltip-with-info .blaze-ui-cap-tooltip-with-info-icon .blaze-ui-cap-icon{color:#42526e}.blaze-ui-cap-unified-select-popup .ant-select-dropdown .ant-select-dropdown-menu{margin-top:0 !important}.blaze-ui-cap-unified-select-popup .ant-select-dropdown .ant-select-dropdown-menu .ant-select-dropdown-menu-item{padding:.571rem 1.714rem !important;height:unset !important;font-size:1rem !important}.blaze-ui-cap-unified-select-popup .ant-select-dropdown .ant-select-dropdown-menu-item-disabled{color:rgba(0,0,0,.25) !important;cursor:not-allowed !important;line-height:1.428rem !important;font-size:1rem !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-content-wrapper{background-color:rgba(0,0,0,0);height:100%;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}.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}.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: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}`, ""]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"cap-unified-select-header-wrapper": `blaze-ui-cap-unified-select-header-wrapper`,
@@ -2740,6 +2985,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`,
+	"cap-unified-select-option-end": `blaze-ui-cap-unified-select-option-end`,
 	"cap-unified-select-option-suffix": `blaze-ui-cap-unified-select-option-suffix`,
 	"cap-tooltip-with-info": `blaze-ui-cap-tooltip-with-info`,
 	"cap-icon": `blaze-ui-cap-icon`