@capillarytech/blaze-ui 5.23.3-beta.1 → 5.23.3-beta.10

package/CapUnifiedSelect/useCapUnifiedSelect.js

@@ -1,54 +1,49 @@
-import { useState, useEffect, useMemo, useCallback, useRef } from 'react';
-import { TIMEOUTS } from "./constants";
-import { useInfiniteScroll } from "./useInfiniteScroll";
-import { buildTreeMaps, countSelectedLeaves, filterTreeData, findMissingValues, findValueInOptions, prepareDataSource, reorderOptionsBySelection } from "./utils";
-export var useCapUnifiedSelect = _ref => {
-  var {
-    type: _type,
-    options,
-    value,
-    onChange,
-    staticValue,
-    onSearch,
-    searchDebounce,
-    searchBasedOn,
-    onConfirm,
-    resetSearch,
-    resetData,
-    fetchMissingOptions,
-    onPopupScroll,
-    hasMore,
-    customPopupRender,
-    isMulti,
-    disabled = false
-  } = _ref;
-  var [searchText, setSearchText] = useState('');
-  var [tempValue, setTempValue] = useState(value);
-  var [dropdownOpen, setDropdownOpen] = useState(false);
-  var [isSearching, setIsSearching] = useState(false);
-  var [isResettingData, setIsResettingData] = useState(false);
-  var [orderedOptions, setOrderedOptions] = useState(null);
-  var searchTimeoutRef = useRef(null);
-  var optionsRef = useRef(options);
-  var selectedItemsCacheRef = useRef(new Map());
-  var lastSearchQueryRef = useRef('');
-  var searchClearedTimeRef = useRef(null);
-  var prevOptionsRef = useRef(options);
-  var prevOptionsBeforeResetRef = useRef(options);
-  var initialSortDoneRef = useRef(false);
-  var hasInteractedRef = useRef(false);
-  var initialTempValueRef = useRef(value);
-  var resetDataCalledRef = useRef(false);
-  var resetDataCalledTimeRef = useRef(null);
-  var fetchMissingOptionsCalledRef = useRef(false);
-  var lastMissingValuesRef = useRef('');
-
-  // Infinite scroll hook
-  var {
-    isLoadingOnScroll,
-    resetScrollState,
-    scrollTriggerOptionsCountRef
-  } = useInfiniteScroll({
+import { useState, useRef, useEffect, useCallback, useMemo } from "react";
+import { TIMEOUTS } from "./constants.js";
+import { useInfiniteScroll } from "./useInfiniteScroll.js";
+import { findMissingValues, findValueInOptions, reorderOptionsBySelection, prepareDataSource, filterTreeData, buildTreeMaps, countSelectedLeaves } from "./utils.js";
+const useCapUnifiedSelect = ({
+  type: _type,
+  options,
+  value,
+  onChange,
+  staticValue,
+  onSearch,
+  searchDebounce,
+  searchBasedOn,
+  onConfirm,
+  resetSearch,
+  resetData,
+  fetchMissingOptions,
+  onPopupScroll,
+  hasMore,
+  customPopupRender,
+  isMulti,
+  disabled = false
+}) => {
+  const [searchText, setSearchText] = useState("");
+  const [tempValue, setTempValue] = useState(
+    value
+  );
+  const [dropdownOpen, setDropdownOpen] = useState(false);
+  const [isSearching, setIsSearching] = useState(false);
+  const [isResettingData, setIsResettingData] = useState(false);
+  const [orderedOptions, setOrderedOptions] = useState(null);
+  const searchTimeoutRef = useRef(null);
+  const optionsRef = useRef(options);
+  const selectedItemsCacheRef = useRef(/* @__PURE__ */ new Map());
+  const lastSearchQueryRef = useRef("");
+  const searchClearedTimeRef = useRef(null);
+  const prevOptionsRef = useRef(options);
+  const prevOptionsBeforeResetRef = useRef(options);
+  const initialSortDoneRef = useRef(false);
+  const hasInteractedRef = useRef(false);
+  const initialTempValueRef = useRef(value);
+  const resetDataCalledRef = useRef(false);
+  const resetDataCalledTimeRef = useRef(null);
+  const fetchMissingOptionsCalledRef = useRef(false);
+  const lastMissingValuesRef = useRef("");
+  const { isLoadingOnScroll, resetScrollState, scrollTriggerOptionsCountRef } = useInfiniteScroll({
     onPopupScroll,
     hasMore,
     options,
@@ -63,23 +58,23 @@ export var useCapUnifiedSelect = _ref => {
     if (options.length === 0) {
       return;
     }
-    var hasActiveSearch = !staticValue && lastSearchQueryRef.current.trim().length > 0;
+    const hasActiveSearch = !staticValue && lastSearchQueryRef.current.trim().length > 0;
     if (hasActiveSearch) {
       return;
     }
-    var selectedValues = Array.isArray(value) ? value : value ? [value] : [];
+    const selectedValues = Array.isArray(value) ? value : value ? [value] : [];
     if (selectedValues.length === 0) {
       fetchMissingOptionsCalledRef.current = false;
-      lastMissingValuesRef.current = '';
+      lastMissingValuesRef.current = "";
       return;
     }
-    var missingValues = findMissingValues(selectedValues, options);
+    const missingValues = findMissingValues(selectedValues, options);
     if (missingValues.length === 0) {
       fetchMissingOptionsCalledRef.current = false;
-      lastMissingValuesRef.current = '';
+      lastMissingValuesRef.current = "";
       return;
     }
-    var missingValuesKey = [...missingValues].sort().join(',');
+    const missingValuesKey = [...missingValues].sort().join(",");
     if (!fetchMissingOptionsCalledRef.current || lastMissingValuesRef.current !== missingValuesKey) {
       fetchMissingOptionsCalledRef.current = true;
       lastMissingValuesRef.current = missingValuesKey;
@@ -87,17 +82,16 @@ export var useCapUnifiedSelect = _ref => {
     }
   }, [value, options, fetchMissingOptions, staticValue]);
   useEffect(() => {
-    var 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;
+    const isEqual = Array.isArray(value) && Array.isArray(tempValue) ? (value == null ? void 0 : value.length) === (tempValue == null ? void 0 : tempValue.length) && value.every((v) => Array.isArray(tempValue) && tempValue.includes(v)) : value === tempValue;
     if (!isEqual) {
       setTempValue(value);
       setOrderedOptions(null);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value]);
   useEffect(() => {
-    var currentSelected = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
-    var findAndCacheOption = (opts, val) => {
-      for (var opt of opts) {
+    const currentSelected = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
+    const findAndCacheOption = (opts, val) => {
+      for (const opt of opts) {
         if (opt.value === val) {
           selectedItemsCacheRef.current.set(val, opt);
           return true;
@@ -110,30 +104,30 @@ export var useCapUnifiedSelect = _ref => {
       }
       return false;
     };
-    currentSelected.forEach(val => {
+    currentSelected.forEach((val) => {
       if (!selectedItemsCacheRef.current.has(val)) {
         findAndCacheOption(options, val);
       }
     });
-    var selectedSet = new Set(currentSelected);
-    selectedItemsCacheRef.current.forEach((_, value) => {
-      if (!selectedSet.has(value)) {
-        selectedItemsCacheRef.current.delete(value);
+    const selectedSet = new Set(currentSelected);
+    selectedItemsCacheRef.current.forEach((_, value2) => {
+      if (!selectedSet.has(value2)) {
+        selectedItemsCacheRef.current.delete(value2);
       }
     });
   }, [tempValue, options]);
   useEffect(() => {
     if (orderedOptions) {
-      var currentSelected = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
-      var allSelectedStillExist = currentSelected.every(val => findValueInOptions(options, val));
+      const currentSelected = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
+      const allSelectedStillExist = currentSelected.every(
+        (val) => findValueInOptions(options, val)
+      );
       if (!allSelectedStillExist) {
         setOrderedOptions(null);
       }
     }
   }, [options, orderedOptions, tempValue]);
-  var debounceTimeout = searchDebounce != null ? searchDebounce : TIMEOUTS.DEFAULT_SEARCH_DEBOUNCE;
-
-  // Cleanup timeouts on unmount
+  const debounceTimeout = searchDebounce ?? TIMEOUTS.DEFAULT_SEARCH_DEBOUNCE;
   useEffect(() => {
     return () => {
       if (searchTimeoutRef.current) {
@@ -142,18 +136,18 @@ export var useCapUnifiedSelect = _ref => {
     };
   }, []);
   useEffect(() => {
-    var hasSearchQuery = lastSearchQueryRef.current !== null && lastSearchQueryRef.current !== undefined;
+    const hasSearchQuery = lastSearchQueryRef.current !== null && lastSearchQueryRef.current !== void 0;
     if (staticValue || !isSearching || !hasSearchQuery) {
       prevOptionsRef.current = options;
       return;
     }
-    var optionsChanged = prevOptionsRef.current !== options || prevOptionsRef.current.length !== options.length;
-    var searchCleared = lastSearchQueryRef.current === '';
-    var timeSinceCleared = searchClearedTimeRef.current ? Date.now() - searchClearedTimeRef.current : Infinity;
-    var hasOptionsData = options.length > 0;
-    var clearedSearchReady = searchCleared && hasOptionsData && timeSinceCleared > TIMEOUTS.SEARCH_CLEARED_TIMEOUT;
+    const optionsChanged = prevOptionsRef.current !== options || prevOptionsRef.current.length !== options.length;
+    const searchCleared = lastSearchQueryRef.current === "";
+    const timeSinceCleared = searchClearedTimeRef.current ? Date.now() - searchClearedTimeRef.current : Infinity;
+    const hasOptionsData = options.length > 0;
+    const clearedSearchReady = searchCleared && hasOptionsData && timeSinceCleared > TIMEOUTS.SEARCH_CLEARED_TIMEOUT;
     if (optionsChanged || clearedSearchReady) {
-      var timeoutId = setTimeout(() => {
+      const timeoutId = setTimeout(() => {
         setIsSearching(false);
         prevOptionsRef.current = options;
         if (searchCleared) {
@@ -165,13 +159,13 @@ export var useCapUnifiedSelect = _ref => {
     prevOptionsRef.current = options;
   }, [options, staticValue, isSearching]);
   useEffect(() => {
-    var hasSearchQuery = lastSearchQueryRef.current !== null && lastSearchQueryRef.current !== undefined;
+    const hasSearchQuery = lastSearchQueryRef.current !== null && lastSearchQueryRef.current !== void 0;
     if (!isSearching || staticValue || !hasSearchQuery) {
       return;
     }
-    var searchCleared = lastSearchQueryRef.current === '';
-    var timeoutDuration = searchCleared ? debounceTimeout + TIMEOUTS.SEARCH_CLEARED_BUFFER : debounceTimeout + TIMEOUTS.SEARCH_REGULAR_BUFFER;
-    var fallbackTimeout = setTimeout(() => {
+    const searchCleared = lastSearchQueryRef.current === "";
+    const timeoutDuration = searchCleared ? debounceTimeout + TIMEOUTS.SEARCH_CLEARED_BUFFER : debounceTimeout + TIMEOUTS.SEARCH_REGULAR_BUFFER;
+    const fallbackTimeout = setTimeout(() => {
       setIsSearching(false);
       searchClearedTimeRef.current = null;
     }, timeoutDuration);
@@ -183,14 +177,14 @@ export var useCapUnifiedSelect = _ref => {
       resetDataCalledTimeRef.current = null;
       return;
     }
-    var prevOptions = prevOptionsBeforeResetRef.current;
-    var currentOptions = options;
-    var optionsChanged = prevOptions !== currentOptions || prevOptions.length !== currentOptions.length || prevOptions.length === currentOptions.length && prevOptions.length > 0 && prevOptions.some((prevOpt, idx) => {
-      var currentOpt = currentOptions[idx];
+    const prevOptions = prevOptionsBeforeResetRef.current;
+    const currentOptions = options;
+    const optionsChanged = prevOptions !== currentOptions || prevOptions.length !== currentOptions.length || prevOptions.length === currentOptions.length && prevOptions.length > 0 && prevOptions.some((prevOpt, idx) => {
+      const currentOpt = currentOptions[idx];
       return !currentOpt || prevOpt.value !== currentOpt.value || prevOpt.label !== currentOpt.label;
     });
-    var timeSinceReset = resetDataCalledTimeRef.current ? Date.now() - resetDataCalledTimeRef.current : Infinity;
-    var hasDataAfterTimeout = currentOptions.length > 0 && timeSinceReset > TIMEOUTS.RESET_DATA_MIN_TIME && timeSinceReset < TIMEOUTS.RESET_DATA_MAX_TIME;
+    const timeSinceReset = resetDataCalledTimeRef.current ? Date.now() - resetDataCalledTimeRef.current : Infinity;
+    const hasDataAfterTimeout = currentOptions.length > 0 && timeSinceReset > TIMEOUTS.RESET_DATA_MIN_TIME && timeSinceReset < TIMEOUTS.RESET_DATA_MAX_TIME;
     if (optionsChanged || hasDataAfterTimeout) {
       setIsResettingData(false);
       prevOptionsBeforeResetRef.current = currentOptions;
@@ -201,87 +195,78 @@ export var useCapUnifiedSelect = _ref => {
     if (!isResettingData) {
       return;
     }
-    var fallbackTimeout = setTimeout(() => {
+    const fallbackTimeout = setTimeout(() => {
       setIsResettingData(false);
       prevOptionsBeforeResetRef.current = options;
       resetDataCalledTimeRef.current = null;
     }, TIMEOUTS.RESET_DATA_TIMEOUT);
     return () => clearTimeout(fallbackTimeout);
   }, [isResettingData, options]);
-
-  /**
-   * Unified helper function to call resetData with proper state management.
-   * This centralizes all resetData logic to avoid duplication and ensure consistency.
-   *
-   * @param shouldReset - Whether to actually call resetData (based on conditions)
-   */
-  var callResetData = useCallback(function (shouldReset) {
-    if (shouldReset === void 0) {
-      shouldReset = true;
-    }
-    if (!resetData || !shouldReset || options.length === 0) {
-      return;
-    }
-    prevOptionsBeforeResetRef.current = options;
-    setIsResettingData(true);
-    resetDataCalledRef.current = true;
-    resetDataCalledTimeRef.current = Date.now();
-    resetData();
-  }, [resetData, options]);
-  var handleSearch = useCallback(query => {
-    if (searchTimeoutRef.current) {
-      clearTimeout(searchTimeoutRef.current);
-    }
-    var trimmedQuery = query.trim();
-    var wasSearching = lastSearchQueryRef.current !== '';
-    var isNowCleared = trimmedQuery === '';
-    if (wasSearching && isNowCleared) {
-      searchClearedTimeRef.current = Date.now();
-    } else if (!isNowCleared) {
-      searchClearedTimeRef.current = null;
-    }
-    lastSearchQueryRef.current = trimmedQuery;
-    if (trimmedQuery.length > 0 || lastSearchQueryRef.current.length > 0) {
-      hasInteractedRef.current = true;
-    }
-
-    // Reset data when search is cleared (search term length < 1)
-    // This handles requirement: "when search term is length less than 1 that is no search needed"
-    // and "when click on X in searched term then we are resetting the data to the initial page"
-    if (isNowCleared && wasSearching && !staticValue) {
-      callResetData();
-    }
-    if (!staticValue && onSearch) {
-      setIsSearching(true);
-      searchTimeoutRef.current = setTimeout(() => {
-        onSearch(trimmedQuery);
-      }, debounceTimeout);
-    } else if (!trimmedQuery) {
-      setIsSearching(false);
-    } else {
-      setIsSearching(true);
-      searchTimeoutRef.current = setTimeout(() => {
+  const callResetData = useCallback(
+    (shouldReset = true) => {
+      if (!resetData || !shouldReset || options.length === 0) {
+        return;
+      }
+      prevOptionsBeforeResetRef.current = options;
+      setIsResettingData(true);
+      resetDataCalledRef.current = true;
+      resetDataCalledTimeRef.current = Date.now();
+      resetData();
+    },
+    [resetData, options]
+  );
+  const handleSearch = useCallback(
+    (query) => {
+      if (searchTimeoutRef.current) {
+        clearTimeout(searchTimeoutRef.current);
+      }
+      const trimmedQuery = query.trim();
+      const wasSearching = lastSearchQueryRef.current !== "";
+      const isNowCleared = trimmedQuery === "";
+      if (wasSearching && isNowCleared) {
+        searchClearedTimeRef.current = Date.now();
+      } else if (!isNowCleared) {
+        searchClearedTimeRef.current = null;
+      }
+      lastSearchQueryRef.current = trimmedQuery;
+      if (trimmedQuery.length > 0 || lastSearchQueryRef.current.length > 0) {
+        hasInteractedRef.current = true;
+      }
+      if (isNowCleared && wasSearching && !staticValue) {
+        callResetData();
+      }
+      if (!staticValue && onSearch) {
+        setIsSearching(true);
+        searchTimeoutRef.current = setTimeout(() => {
+          onSearch(trimmedQuery);
+        }, debounceTimeout);
+      } else if (!trimmedQuery) {
         setIsSearching(false);
-      }, TIMEOUTS.STATIC_SEARCH_DELAY);
-    }
-  }, [onSearch, staticValue, debounceTimeout, callResetData]);
-  var prevOptionsCountBeforeFetchMissingRef = useRef(options.length);
-  var prevOptionsBeforeFetchMissingRef = useRef(options);
+      } else {
+        setIsSearching(true);
+        searchTimeoutRef.current = setTimeout(() => {
+          setIsSearching(false);
+        }, TIMEOUTS.STATIC_SEARCH_DELAY);
+      }
+    },
+    [onSearch, staticValue, debounceTimeout, callResetData]
+  );
+  const prevOptionsCountBeforeFetchMissingRef = useRef(options.length);
+  const prevOptionsBeforeFetchMissingRef = useRef(options);
   useEffect(() => {
     if (!orderedOptions || !onPopupScroll) {
       return;
     }
-    var currentOptions = options;
-    var optionsCountIncreased = currentOptions.length > scrollTriggerOptionsCountRef.current;
+    const currentOptions = options;
+    const optionsCountIncreased = currentOptions.length > scrollTriggerOptionsCountRef.current;
     if (optionsCountIncreased && scrollTriggerOptionsCountRef.current > 0) {
-      var selectedValues = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
+      const selectedValues = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
       if (selectedValues.length > 0) {
-        var reordered = reorderOptionsBySelection(currentOptions, selectedValues);
+        const reordered = reorderOptionsBySelection(currentOptions, selectedValues);
         setOrderedOptions(reordered);
         scrollTriggerOptionsCountRef.current = currentOptions.length;
       }
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [options, orderedOptions, onPopupScroll, tempValue]);
   useEffect(() => {
     if (!fetchMissingOptions) {
@@ -289,125 +274,135 @@ export var useCapUnifiedSelect = _ref => {
       prevOptionsBeforeFetchMissingRef.current = options;
       return;
     }
-    var hasActiveSearch = !staticValue && lastSearchQueryRef.current.trim().length > 0;
+    const hasActiveSearch = !staticValue && lastSearchQueryRef.current.trim().length > 0;
     if (hasActiveSearch) {
       return;
     }
-    var currentOptions = options;
-    var currentSelectedValues = Array.isArray(value) ? value : value ? [value] : [];
-    var tempSelectedValues = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
-    var selectedValues = tempSelectedValues.length > 0 ? tempSelectedValues : currentSelectedValues;
+    const currentOptions = options;
+    const currentSelectedValues = Array.isArray(value) ? value : value ? [value] : [];
+    const tempSelectedValues = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
+    const selectedValues = tempSelectedValues.length > 0 ? tempSelectedValues : currentSelectedValues;
     if (selectedValues.length === 0) {
       prevOptionsCountBeforeFetchMissingRef.current = currentOptions.length;
       prevOptionsBeforeFetchMissingRef.current = currentOptions;
       return;
     }
-    var prevOptions = prevOptionsBeforeFetchMissingRef.current;
-    var optionsCountIncreased = currentOptions.length > prevOptionsCountBeforeFetchMissingRef.current;
-    var optionsChanged = prevOptions !== currentOptions || optionsCountIncreased;
-    var hasNewlyFetchedSelectedItems = (() => {
+    const prevOptions = prevOptionsBeforeFetchMissingRef.current;
+    const optionsCountIncreased = currentOptions.length > prevOptionsCountBeforeFetchMissingRef.current;
+    const optionsChanged = prevOptions !== currentOptions || optionsCountIncreased;
+    const hasNewlyFetchedSelectedItems = (() => {
       if (selectedValues.length === 0 || !optionsChanged) {
         return false;
       }
-      var previouslyMissingValues = selectedValues.filter(val => !findValueInOptions(prevOptions, val));
+      const previouslyMissingValues = selectedValues.filter(
+        (val) => !findValueInOptions(prevOptions, val)
+      );
       if (previouslyMissingValues.length === 0) {
         return false;
       }
-      var nowPresentValues = previouslyMissingValues.filter(val => findValueInOptions(currentOptions, val));
+      const nowPresentValues = previouslyMissingValues.filter(
+        (val) => findValueInOptions(currentOptions, val)
+      );
       return nowPresentValues.length > 0;
     })();
     if (optionsChanged && hasNewlyFetchedSelectedItems) {
-      var reordered = reorderOptionsBySelection(currentOptions, selectedValues);
+      const reordered = reorderOptionsBySelection(currentOptions, selectedValues);
       setOrderedOptions(reordered);
     }
     prevOptionsCountBeforeFetchMissingRef.current = currentOptions.length;
     prevOptionsBeforeFetchMissingRef.current = currentOptions;
   }, [options, value, tempValue, fetchMissingOptions, staticValue]);
   useEffect(() => {
-    if (initialSortDoneRef.current || !(options != null && options.length)) {
+    if (initialSortDoneRef.current || !(options == null ? void 0 : options.length)) {
       return;
     }
-    var selectedValues = Array.isArray(value) ? value : value ? [value] : [];
+    const selectedValues = Array.isArray(value) ? value : value ? [value] : [];
     if (selectedValues.length === 0) {
       initialSortDoneRef.current = true;
       return;
     }
-    var hasSelectedInOptions = selectedValues.some(val => findValueInOptions(options, val));
+    const hasSelectedInOptions = selectedValues.some((val) => findValueInOptions(options, val));
     if (hasSelectedInOptions) {
-      var reordered = reorderOptionsBySelection(options, selectedValues);
+      const reordered = reorderOptionsBySelection(options, selectedValues);
       setOrderedOptions(reordered);
     }
     initialSortDoneRef.current = true;
   }, [options, value]);
-
-  // Data source computation (raw, without React component enhancement)
-  var dataSource = useMemo(() => {
-    return prepareDataSource(options, orderedOptions, searchText, value, staticValue, selectedItemsCacheRef.current);
+  const dataSource = useMemo(() => {
+    return prepareDataSource(
+      options,
+      orderedOptions,
+      searchText,
+      value,
+      staticValue,
+      selectedItemsCacheRef.current
+    );
   }, [options, orderedOptions, searchText, value, staticValue]);
-
-  // Filtered tree
-  var filteredTree = useMemo(() => {
-    var selectedValues = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
-    return filterTreeData(dataSource, searchText.trim(), searchBasedOn, selectedValues.length > 0 ? selectedValues : undefined);
+  const filteredTree = useMemo(() => {
+    const selectedValues = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
+    return filterTreeData(
+      dataSource,
+      searchText.trim(),
+      searchBasedOn,
+      selectedValues.length > 0 ? selectedValues : void 0
+    );
   }, [dataSource, searchText, searchBasedOn, tempValue]);
-
-  // Tree maps and selected count
-  var treeMaps = useMemo(() => buildTreeMaps(options), [options]);
-  var selectedLeafCount = useMemo(() => countSelectedLeaves(treeMaps, Array.isArray(tempValue) ? tempValue : undefined), [treeMaps, tempValue]);
-  var displayValue = dropdownOpen ? tempValue : value;
-  var handleConfirm = useCallback(() => {
+  const treeMaps = useMemo(() => buildTreeMaps(options), [options]);
+  const selectedLeafCount = useMemo(
+    () => countSelectedLeaves(treeMaps, Array.isArray(tempValue) ? tempValue : void 0),
+    [treeMaps, tempValue]
+  );
+  const displayValue = dropdownOpen ? tempValue : value;
+  const handleConfirm = useCallback(() => {
     hasInteractedRef.current = true;
-    var optionsToReorder = options;
+    const optionsToReorder = options;
     if (isMulti && Array.isArray(tempValue) && tempValue.length > 0) {
-      var reordered = reorderOptionsBySelection(optionsToReorder, tempValue);
+      const reordered = reorderOptionsBySelection(optionsToReorder, tempValue);
       setOrderedOptions(reordered);
     } else if (!isMulti && tempValue && !Array.isArray(tempValue)) {
-      var _reordered = reorderOptionsBySelection(optionsToReorder, [tempValue]);
-      setOrderedOptions(_reordered);
+      const reordered = reorderOptionsBySelection(optionsToReorder, [tempValue]);
+      setOrderedOptions(reordered);
     } else {
       setOrderedOptions(null);
     }
-    onChange == null || onChange(tempValue);
+    onChange == null ? void 0 : onChange(tempValue);
     setDropdownOpen(false);
     setIsSearching(false);
-
-    // Check if there was an active search before clearing it
-    var hadActiveSearch = !staticValue && lastSearchQueryRef.current.trim().length > 0;
-
-    // Clear search-related state and timeouts (same as X button behavior)
+    const hadActiveSearch = !staticValue && lastSearchQueryRef.current.trim().length > 0;
     if (resetSearch) {
-      setSearchText('');
+      setSearchText("");
       if (hadActiveSearch) {
         searchClearedTimeRef.current = Date.now();
       } else {
         searchClearedTimeRef.current = null;
       }
-      lastSearchQueryRef.current = '';
+      lastSearchQueryRef.current = "";
     }
-
-    // Clear any pending search timeouts
     if (searchTimeoutRef.current) {
       clearTimeout(searchTimeoutRef.current);
       searchTimeoutRef.current = null;
     }
-
-    // If there was an active search, trigger onSearch('') to reset data (same as X button)
-    // This ensures the parent component resets the options back to initial state
     if (hadActiveSearch && !staticValue && onSearch) {
-      onSearch('');
+      onSearch("");
     }
-
-    // Call resetData if there was an active search that we're resetting
-    // This handles requirement: "when user click confirm & clear button"
-    // Reset data back to initial state after a search + confirm
     callResetData(hadActiveSearch || options.length > 0);
-    onConfirm == null || onConfirm(tempValue);
-  }, [onChange, onConfirm, tempValue, resetSearch, isMulti, options, callResetData, staticValue, onSearch]);
-  var handleClearAll = useCallback(() => {
-    var cleared = isMulti ? [] : undefined;
-    setSearchText('');
+    onConfirm == null ? void 0 : onConfirm(tempValue);
+  }, [
+    onChange,
+    onConfirm,
+    tempValue,
+    resetSearch,
+    isMulti,
+    options,
+    callResetData,
+    staticValue,
+    onSearch
+  ]);
+  const handleClearAll = useCallback(() => {
+    const cleared = isMulti ? [] : void 0;
+    setSearchText("");
     setIsSearching(false);
-    lastSearchQueryRef.current = '';
+    lastSearchQueryRef.current = "";
     searchClearedTimeRef.current = null;
     if (searchTimeoutRef.current) {
       clearTimeout(searchTimeoutRef.current);
@@ -419,115 +414,124 @@ export var useCapUnifiedSelect = _ref => {
     hasInteractedRef.current = false;
     resetDataCalledRef.current = false;
     fetchMissingOptionsCalledRef.current = false;
-    lastMissingValuesRef.current = '';
+    lastMissingValuesRef.current = "";
     setTempValue(cleared);
-    onChange == null || onChange(cleared);
+    onChange == null ? void 0 : onChange(cleared);
     setDropdownOpen(false);
-
-    // Call resetData when user clicks clear button
-    // This handles requirement: "when user click confirm & clear button"
     callResetData();
   }, [isMulti, onChange, callResetData, resetScrollState]);
-  var handleDropdownVisibilityChange = useCallback(open => {
-    if (open) {
-      initialTempValueRef.current = value;
-      hasInteractedRef.current = false;
-      resetDataCalledRef.current = false;
-      fetchMissingOptionsCalledRef.current = false;
-      lastMissingValuesRef.current = '';
-      if (searchTimeoutRef.current) {
-        clearTimeout(searchTimeoutRef.current);
-        searchTimeoutRef.current = null;
-      }
-      setIsSearching(false);
-      searchClearedTimeRef.current = null;
-      resetScrollState();
-      if (isResettingData) {
-        setIsResettingData(false);
-        prevOptionsBeforeResetRef.current = options;
-        resetDataCalledTimeRef.current = null;
-      }
-    } else {
-      if (!customPopupRender) {
-        onChange == null || onChange(tempValue);
-      } else {
-        setTempValue(value);
-      }
-      if (resetSearch) {
-        setSearchText('');
-        setIsSearching(false);
-        lastSearchQueryRef.current = '';
-        searchClearedTimeRef.current = null;
-      }
-      resetScrollState();
-
-      // Call resetData when dropdown closes if user interacted and resetData wasn't called yet
-      if (hasInteractedRef.current && !resetDataCalledRef.current) {
-        callResetData();
-      } else if (!hasInteractedRef.current) {
+  const handleDropdownVisibilityChange = useCallback(
+    (open) => {
+      if (open) {
+        initialTempValueRef.current = value;
+        hasInteractedRef.current = false;
+        resetDataCalledRef.current = false;
+        fetchMissingOptionsCalledRef.current = false;
+        lastMissingValuesRef.current = "";
         if (searchTimeoutRef.current) {
           clearTimeout(searchTimeoutRef.current);
           searchTimeoutRef.current = null;
         }
         setIsSearching(false);
-        setIsResettingData(false);
-        lastSearchQueryRef.current = '';
+        searchClearedTimeRef.current = null;
+        resetScrollState();
+        if (isResettingData) {
+          setIsResettingData(false);
+          prevOptionsBeforeResetRef.current = options;
+          resetDataCalledTimeRef.current = null;
+        }
+      } else {
+        if (!customPopupRender) {
+          onChange == null ? void 0 : onChange(tempValue);
+        } else {
+          setTempValue(value);
+        }
+        if (resetSearch) {
+          setSearchText("");
+          setIsSearching(false);
+          lastSearchQueryRef.current = "";
+          searchClearedTimeRef.current = null;
+        }
+        resetScrollState();
+        if (hasInteractedRef.current && !resetDataCalledRef.current) {
+          callResetData();
+        } else if (!hasInteractedRef.current) {
+          if (searchTimeoutRef.current) {
+            clearTimeout(searchTimeoutRef.current);
+            searchTimeoutRef.current = null;
+          }
+          setIsSearching(false);
+          setIsResettingData(false);
+          lastSearchQueryRef.current = "";
+        }
+        hasInteractedRef.current = false;
       }
-      hasInteractedRef.current = false;
-    }
-    setDropdownOpen(open);
-  }, [customPopupRender, value, onChange, tempValue, resetSearch, callResetData, options, isResettingData, resetScrollState]);
-  var handleSearchChange = useCallback(e => {
-    var query = e.target.value;
-    setSearchText(query);
-    handleSearch(query);
-  }, [handleSearch]);
-  var handleSearchKeyDown = useCallback(e => {
-    if (e.key === 'Backspace' || e.key === 'Delete') {
-      e.stopPropagation();
-    }
-    if (e.key === 'Escape' && searchText.length > 0) {
-      e.stopPropagation();
-    }
-  }, [searchText]);
-
-  /**
-   * Helper function to handle resetData call when value is cleared.
-   * Only resets data if there was an active search, as resetting on every unselect
-   * would be too aggressive and could reset data unnecessarily when user simply unselects.
-   *
-   * This addresses the question: "If user unselects or clears current selection then do we need to call resetData?"
-   * Answer: Only if there was an active search query, to avoid unnecessary resets.
-   */
-  var handleResetDataOnClear = useCallback(() => {
-    // Only reset data if there was an active search query
-    // This prevents unnecessary resets when user simply unselects without searching
-    var hadActiveSearch = !staticValue && lastSearchQueryRef.current.trim().length > 0;
+      setDropdownOpen(open);
+    },
+    [
+      customPopupRender,
+      value,
+      onChange,
+      tempValue,
+      resetSearch,
+      callResetData,
+      options,
+      isResettingData,
+      resetScrollState
+    ]
+  );
+  const handleSearchChange = useCallback(
+    (e) => {
+      const query = e.target.value;
+      setSearchText(query);
+      handleSearch(query);
+    },
+    [handleSearch]
+  );
+  const handleSearchKeyDown = useCallback(
+    (e) => {
+      if (e.key === "Backspace" || e.key === "Delete") {
+        e.stopPropagation();
+      }
+      if (e.key === "Escape" && searchText.length > 0) {
+        e.stopPropagation();
+      }
+    },
+    [searchText]
+  );
+  const handleResetDataOnClear = useCallback(() => {
+    const hadActiveSearch = !staticValue && lastSearchQueryRef.current.trim().length > 0;
     callResetData(hadActiveSearch);
   }, [staticValue, callResetData]);
-  var handleSingleSelectChange = useCallback(newValue => {
-    if (disabled) {
-      return;
-    }
-    if (newValue === undefined || newValue === null) {
-      handleResetDataOnClear();
-    }
-    onChange == null || onChange(newValue);
-  }, [onChange, disabled, handleResetDataOnClear]);
-  var handleMultiSelectChange = useCallback(newValue => {
-    if (disabled) {
-      return;
-    }
-    var initialValue = initialTempValueRef.current;
-    var hasChanged = Array.isArray(newValue) && Array.isArray(initialValue) ? newValue.length !== initialValue.length || !newValue.every(v => initialValue.includes(v)) || !initialValue.every(v => newValue.includes(v)) : newValue !== initialValue;
-    if (hasChanged) {
-      hasInteractedRef.current = true;
-    }
-    if (newValue === undefined || newValue === null || Array.isArray(newValue) && newValue.length === 0) {
-      handleResetDataOnClear();
-    }
-    setTempValue(newValue);
-  }, [disabled, handleResetDataOnClear]);
+  const handleSingleSelectChange = useCallback(
+    (newValue) => {
+      if (disabled) {
+        return;
+      }
+      if (newValue === void 0 || newValue === null) {
+        handleResetDataOnClear();
+      }
+      onChange == null ? void 0 : onChange(newValue);
+    },
+    [onChange, disabled, handleResetDataOnClear]
+  );
+  const handleMultiSelectChange = useCallback(
+    (newValue) => {
+      if (disabled) {
+        return;
+      }
+      const initialValue = initialTempValueRef.current;
+      const hasChanged = Array.isArray(newValue) && Array.isArray(initialValue) ? newValue.length !== initialValue.length || !newValue.every((v) => initialValue.includes(v)) || !initialValue.every((v) => newValue.includes(v)) : newValue !== initialValue;
+      if (hasChanged) {
+        hasInteractedRef.current = true;
+      }
+      if (newValue === void 0 || newValue === null || Array.isArray(newValue) && newValue.length === 0) {
+        handleResetDataOnClear();
+      }
+      setTempValue(newValue);
+    },
+    [disabled, handleResetDataOnClear]
+  );
   return {
     searchText,
     setSearchText,
@@ -552,4 +556,7 @@ export var useCapUnifiedSelect = _ref => {
     handleMultiSelectChange,
     selectedItemsCacheRef
   };
-};
+};
+export {
+  useCapUnifiedSelect
+};