react-core-ts 2.1.38 → 4.0.0

package/dist/dropdownFilterTabs.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -26,121 +15,83 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = __importStar(require("react"));
-var react_dom_1 = __importDefault(require("react-dom"));
-var DropdownList_1 = __importDefault(require("./components/DropdownList"));
-var autosuggestions_1 = require("./utilities/autosuggestions");
-var debounce_1 = require("./utilities/debounce");
-var deepEqual_1 = require("./utilities/deepEqual");
-var filterSuggestions_1 = require("./utilities/filterSuggestions");
-var icons_1 = require("./utilities/icons");
-var NewTooltip_1 = __importDefault(require("./utilities/NewTooltip"));
-var getKeyValue_1 = require("./utilities/getKeyValue");
-var measureTabListNaturalWidth_1 = require("./utilities/measureTabListNaturalWidth");
-var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
-    var label = _a.label, onChange = _a.onChange, _b = _a.getData, getData = _b === void 0 ? function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
-        return [2 /*return*/, []];
-    }); }); } : _b, _c = _a.data, data = _c === void 0 ? [] : _c, errors = _a.errors, _d = _a.required, required = _d === void 0 ? false : _d, name = _a.name, _e = _a.fullWidth, fullWidth = _e === void 0 ? false : _e, placeholder = _a.placeholder, id = _a.id, _f = _a.type, type = _f === void 0 ? 'custom_select' : _f, _g = _a.selectedItems, propsSeelctedItems = _g === void 0 ? [] : _g, _h = _a.readOnly, readOnly = _h === void 0 ? false : _h, _j = _a.disabled, disabled = _j === void 0 ? false : _j, value = _a.value, _k = _a.searchValue, propsSearchValue = _k === void 0 ? '' : _k, _l = _a.isMultiple, isMultiple = _l === void 0 ? false : _l, _m = _a.desc, desc = _m === void 0 ? 'name' : _m, _o = _a.descId, descId = _o === void 0 ? 'id' : _o, singleSelect = _a.singleSelect, className = _a.className, _p = _a.async, async = _p === void 0 ? false : _p, paginationEnabled = _a.paginationEnabled, _q = _a.initialLoad, initialLoad = _q === void 0 ? false : _q, actionLabel = _a.actionLabel, handleAction = _a.handleAction, nextBlock = _a.nextBlock, notDataMessage = _a.notDataMessage, initialDataMessage = _a.initialDataMessage, onFocus = _a.onFocus, onSearchValueChange = _a.onSearchValueChange, _r = _a.expandable, expandable = _r === void 0 ? false : _r, _s = _a.textCount, textCount = _s === void 0 ? 10 : _s, _t = _a.itemCount, itemCount = _t === void 0 ? 1 : _t, scrollRef = _a.scrollRef, _u = _a.countOnly, countOnly = _u === void 0 ? true : _u, _v = _a.typeOnlyFetch, typeOnlyFetch = _v === void 0 ? false : _v, _w = _a.tab, tab = _w === void 0 ? [] : _w, _x = _a.clearTabSwitch, clearTabSwitch = _x === void 0 ? false : _x, _y = _a.selectedRowLimit, selectedRowLimit = _y === void 0 ? 2 : _y, _z = _a.topMargin, topMargin = _z === void 0 ? 0 : _z, _0 = _a.currentTab, currentTab = _0 === void 0 ? 0 : _0, _1 = _a.selectedLabel, selectedLabel = _1 === void 0 ? '' : _1, _2 = _a.viewMode, viewMode = _2 === void 0 ? false : _2, handleUpdateParent = _a.handleUpdateParent, _3 = _a.shortCode, shortCode = _3 === void 0 ? '' : _3, _4 = _a.labelCode, labelCode = _4 === void 0 ? '' : _4, _5 = _a.tabInlineSearch, tabInlineSearch = _5 === void 0 ? true : _5, _6 = _a.matchFromStart, matchFromStart = _6 === void 0 ? false : _6, _7 = _a.autoDropdown, autoDropdown = _7 === void 0 ? false : _7, _8 = _a.enableSelectAll, enableSelectAll = _8 === void 0 ? false : _8, dropdownRef = _a.dropdownRef, _9 = _a.open, open = _9 === void 0 ? false : _9, applyTabFilter = _a.applyTabFilter, onToolClose = _a.onToolClose, moreOptionTab = _a.moreOptionTab, _10 = _a.moreOptionTabLabel, moreOptionTabLabel = _10 === void 0 ? 'More Options' : _10, moreOptionTabIcon = _a.moreOptionTabIcon, onMoreOptionChange = _a.onMoreOptionChange, externalResetKey = _a.moreOptionResetKey;
-    var selItemRef = (0, react_1.useRef)(null);
-    var itemsRef = (0, react_1.useRef)(null);
-    var dropdownSelectedRef = (0, react_1.useRef)(null);
-    var tabRef = (0, react_1.useRef)(null);
-    var dropLevelRef = (0, react_1.useRef)('bottom');
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const react_dom_1 = __importDefault(require("react-dom"));
+const DropdownList_1 = __importDefault(require("./components/DropdownList"));
+const autosuggestions_1 = require("./utilities/autosuggestions");
+const debounce_1 = require("./utilities/debounce");
+const deepEqual_1 = require("./utilities/deepEqual");
+const filterSuggestions_1 = require("./utilities/filterSuggestions");
+const icons_1 = require("./utilities/icons");
+const NewTooltip_1 = __importDefault(require("./utilities/NewTooltip"));
+const getKeyValue_1 = require("./utilities/getKeyValue");
+const measureTabListNaturalWidth_1 = require("./utilities/measureTabListNaturalWidth");
+const DropdownFilterTabs = (0, react_1.forwardRef)(({ label, onChange, getData = async () => [], data = [], errors, required = false, name, fullWidth = false, placeholder, id, type = 'custom_select', selectedItems: propsSeelctedItems = [], readOnly = false, disabled = false, value, searchValue: propsSearchValue = '', isMultiple = false, desc = 'name', descId = 'id', singleSelect, className, async = false, paginationEnabled, initialLoad = false, actionLabel, handleAction, nextBlock, notDataMessage, initialDataMessage, onFocus, onSearchValueChange, expandable = false, textCount = 10, itemCount = 1, scrollRef, countOnly = true, typeOnlyFetch = false, tab = [], clearTabSwitch = false, selectedRowLimit = 2, topMargin = 0, currentTab = 0, selectedLabel = '', viewMode = false, handleUpdateParent, shortCode = '', labelCode = '', tabInlineSearch = true, matchFromStart = false, autoDropdown = false, enableSelectAll = false, dropdownRef, open = false, applyTabFilter, onToolClose, moreOptionTab, moreOptionTabLabel = 'More Options', moreOptionTabIcon, onMoreOptionChange, moreOptionResetKey: externalResetKey }, ref) => {
+    const selItemRef = (0, react_1.useRef)(null);
+    const itemsRef = (0, react_1.useRef)(null);
+    const dropdownSelectedRef = (0, react_1.useRef)(null);
+    const tabRef = (0, react_1.useRef)(null);
+    const dropLevelRef = (0, react_1.useRef)('bottom');
     // State Hooks Section
-    var _11 = (0, react_1.useState)(true), isInitialRender = _11[0], setIsInitialRender = _11[1];
-    var _12 = (0, react_1.useState)(value), inputValue = _12[0], setInputValue = _12[1];
-    var _13 = (0, react_1.useState)(propsSearchValue), searchValue = _13[0], setSearchValue = _13[1];
-    var _14 = (0, react_1.useState)(''), searchOldValue = _14[0], setSearchOldValue = _14[1];
-    var _15 = (0, react_1.useState)(1), nextPage = _15[0], setNextPage = _15[1];
-    var _16 = (0, react_1.useState)(open), dropOpen = _16[0], setDropOpen = _16[1];
-    var _17 = (0, react_1.useState)([]), selectedItems = _17[0], setSelectedItems = _17[1];
-    var _18 = (0, react_1.useState)(false), showAllSelected = _18[0], setShowAllSelected = _18[1];
-    var _19 = (0, react_1.useState)(184), selHeight = _19[0], setSelHeight = _19[1];
-    var _20 = (0, react_1.useState)(1), expandArrowClick = _20[0], setExpandArrowClick = _20[1];
-    var _21 = (0, react_1.useState)(true), visible = _21[0], setVisible = _21[1];
-    var _22 = (0, react_1.useState)(currentTab), activeTab = _22[0], setActiveTab = _22[1];
-    var _23 = (0, react_1.useState)(0), focusedIndex = _23[0], setFocusedIndex = _23[1];
-    var itemRefs = (0, react_1.useRef)([]);
+    const [isInitialRender, setIsInitialRender] = (0, react_1.useState)(true);
+    const [inputValue, setInputValue] = (0, react_1.useState)(value);
+    const [searchValue, setSearchValue] = (0, react_1.useState)(propsSearchValue);
+    const [searchOldValue, setSearchOldValue] = (0, react_1.useState)('');
+    const [nextPage, setNextPage] = (0, react_1.useState)(1);
+    const [dropOpen, setDropOpen] = (0, react_1.useState)(open);
+    const [selectedItems, setSelectedItems] = (0, react_1.useState)([]);
+    const [showAllSelected, setShowAllSelected] = (0, react_1.useState)(false);
+    const [selHeight, setSelHeight] = (0, react_1.useState)(184);
+    const [expandArrowClick, setExpandArrowClick] = (0, react_1.useState)(1);
+    const [visible, setVisible] = (0, react_1.useState)(true);
+    const [activeTab, setActiveTab] = (0, react_1.useState)(currentTab);
+    const [focusedIndex, setFocusedIndex] = (0, react_1.useState)(0);
+    const itemRefs = (0, react_1.useRef)([]);
     // API call for suggestions through a custom hook
-    var inputRef = (0, react_1.useRef)(null);
-    var dropRef = (0, react_1.useRef)(null);
-    var inputSearchRef = (0, react_1.useRef)(null);
-    var dropBtnRef = (0, react_1.useRef)(null);
-    (0, react_1.useImperativeHandle)(ref, function () { return inputRef.current; });
-    var _24 = (0, react_1.useState)({
+    const inputRef = (0, react_1.useRef)(null);
+    const dropRef = (0, react_1.useRef)(null);
+    const inputSearchRef = (0, react_1.useRef)(null);
+    const dropBtnRef = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(ref, () => inputRef.current);
+    const [dropdownStyle, setDropdownStyle] = (0, react_1.useState)({
         top: 0,
         left: 0,
         width: 200,
-    }), dropdownStyle = _24[0], setDropdownStyle = _24[1];
-    var _25 = (0, react_1.useState)(false), selectAll = _25[0], setSelectAll = _25[1];
-    var _26 = (0, react_1.useState)(false), refetchData = _26[0], setRefetchData = _26[1];
-    var _27 = (0, react_1.useState)(false), allDataLoaded = _27[0], setAllDataLoaded = _27[1];
-    var _28 = (0, react_1.useState)(false), isKeyboardOpen = _28[0], setIsKeyboardOpen = _28[1];
-    var _29 = (0, react_1.useState)(false), hasMoreOptionValues = _29[0], setHasMoreOptionValues = _29[1];
-    var _30 = (0, react_1.useState)(false), tabsScrollable = _30[0], setTabsScrollable = _30[1];
-    var scrollableDivsRef = (0, react_1.useRef)(null);
-    var _31 = (0, react_1.useState)(0), localResetKey = _31[0], setLocalResetKey = _31[1];
+    });
+    const [selectAll, setSelectAll] = (0, react_1.useState)(false);
+    const [refetchData, setRefetchData] = (0, react_1.useState)(false);
+    const [allDataLoaded, setAllDataLoaded] = (0, react_1.useState)(false);
+    const [isKeyboardOpen, setIsKeyboardOpen] = (0, react_1.useState)(false);
+    const [hasMoreOptionValues, setHasMoreOptionValues] = (0, react_1.useState)(false);
+    const [tabsScrollable, setTabsScrollable] = (0, react_1.useState)(false);
+    const scrollableDivsRef = (0, react_1.useRef)(null);
+    const [localResetKey, setLocalResetKey] = (0, react_1.useState)(0);
     // Use external reset key if provided, otherwise use local reset key
-    var currentResetKey = externalResetKey !== undefined ? externalResetKey : localResetKey;
+    const currentResetKey = externalResetKey !== undefined ? externalResetKey : localResetKey;
     // Reset hasMoreOptionValues when reset key changes
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (externalResetKey !== undefined && externalResetKey > 0) {
             setHasMoreOptionValues(false);
             // Reset local reset key when external reset happens
@@ -148,53 +99,53 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
         }
     }, [externalResetKey]);
     // Filter selected items based on current active tab
-    var currentTabId = tab.length > 0 && activeTab < tab.length ? tab[activeTab].id : undefined;
-    var filteredSelectedItems = (0, react_1.useMemo)(function () {
-        return selectedItems.filter(function (item) { return item.tabId === currentTabId; });
+    const currentTabId = tab.length > 0 && activeTab < tab.length ? tab[activeTab].id : undefined;
+    const filteredSelectedItems = (0, react_1.useMemo)(() => {
+        return selectedItems.filter(item => item.tabId === currentTabId);
     }, [selectedItems, currentTabId]);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         setDropOpen(open);
     }, [open]);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         setActiveTab(currentTab);
     }, [currentTab]);
     // Reset focused index when active tab changes
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         setFocusedIndex(0);
     }, [activeTab]);
-    var adjustDropdownPosition = function () {
+    const adjustDropdownPosition = () => {
         // Use requestAnimationFrame to ensure DOM is ready
-        requestAnimationFrame(function () {
+        requestAnimationFrame(() => {
             var _a, _b, _c;
             if (dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current) {
-                var inputRect = (_a = dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-                var dropdownPosition_1 = {
+                const inputRect = (_a = dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+                const dropdownPosition = {
                     left: inputRect.left + window.scrollX,
                     width: inputRect.width,
                     top: 0,
                 };
-                var hasTabs_1 = tab.length > 0 || !!moreOptionTab;
-                var tabsNaturalWidth_1 = tabRef.current
+                const hasTabs = tab.length > 0 || !!moreOptionTab;
+                const tabsNaturalWidth = tabRef.current
                     ? (0, measureTabListNaturalWidth_1.measureTabListNaturalWidth)(tabRef.current)
                     : null;
-                var maxWidthCap = hasTabs_1
-                    ? Math.max(measureTabListNaturalWidth_1.MAX_DROPDOWN_WIDTH_WITH_TABS_PX, dropdownPosition_1.width)
+                const maxWidthCap = hasTabs
+                    ? Math.max(measureTabListNaturalWidth_1.MAX_DROPDOWN_WIDTH_WITH_TABS_PX, dropdownPosition.width)
                     : Number.POSITIVE_INFINITY;
-                var widthBeforeClamp = Math.min(Math.max(dropdownPosition_1.width, tabsNaturalWidth_1 !== null && tabsNaturalWidth_1 !== void 0 ? tabsNaturalWidth_1 : 0, measureTabListNaturalWidth_1.MIN_DROPDOWN_WIDTH_PX), maxWidthCap);
-                var _d = (0, measureTabListNaturalWidth_1.clampDropdownToViewportPreferRightAlign)({
+                const widthBeforeClamp = Math.min(Math.max(dropdownPosition.width, tabsNaturalWidth !== null && tabsNaturalWidth !== void 0 ? tabsNaturalWidth : 0, measureTabListNaturalWidth_1.MIN_DROPDOWN_WIDTH_PX), maxWidthCap);
+                const { width: desiredWidth, left: desiredLeft } = (0, measureTabListNaturalWidth_1.clampDropdownToViewportPreferRightAlign)({
                     desiredWidth: widthBeforeClamp,
-                    desiredLeft: dropdownPosition_1.left,
+                    desiredLeft: dropdownPosition.left,
                     anchorRight: inputRect.right + window.scrollX,
-                }), desiredWidth_1 = _d.width, desiredLeft_1 = _d.left;
-                setTabsScrollable(function (prev) {
-                    var next = hasTabs_1 && (tabsNaturalWidth_1 !== null && tabsNaturalWidth_1 !== void 0 ? tabsNaturalWidth_1 : 0) > desiredWidth_1;
+                });
+                setTabsScrollable((prev) => {
+                    const next = hasTabs && (tabsNaturalWidth !== null && tabsNaturalWidth !== void 0 ? tabsNaturalWidth : 0) > desiredWidth;
                     return prev === next ? prev : next;
                 });
                 // Check if there's enough space below the input for the dropdown
-                var spaceBelow = window.innerHeight - inputRect.bottom;
-                var spaceAbove = inputRect.top + window.scrollY;
-                var dropdownHeight = viewMode ? 160 : 300; // Assume a fixed height or calculate based on content
-                var defaultHeight = 184;
+                const spaceBelow = window.innerHeight - inputRect.bottom;
+                const spaceAbove = inputRect.top + window.scrollY;
+                let dropdownHeight = viewMode ? 160 : 300; // Assume a fixed height or calculate based on content
+                const defaultHeight = 184;
                 if (countOnly) {
                     if (dropdownSelectedRef === null || dropdownSelectedRef === void 0 ? void 0 : dropdownSelectedRef.current)
                         dropdownHeight += (_b = dropdownSelectedRef === null || dropdownSelectedRef === void 0 ? void 0 : dropdownSelectedRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight;
@@ -205,19 +156,19 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
                 }
                 if (spaceBelow >= dropdownHeight) {
                     dropLevelRef.current = 'bottom';
-                    dropdownPosition_1.top =
+                    dropdownPosition.top =
                         inputRect.top + window.scrollY + inputRect.height;
                     setSelHeight(defaultHeight);
                 }
                 else if (spaceAbove >= dropdownHeight) {
-                    var sHeight = tabInlineSearch ? 73 : 113;
+                    let sHeight = tabInlineSearch ? 73 : 113;
                     sHeight =
                         sHeight -
                             ((filteredData === null || filteredData === void 0 ? void 0 : filteredData.length) > 0 && enableSelectAll && isMultiple
                                 ? 32
                                 : 0);
                     dropLevelRef.current = 'top';
-                    dropdownPosition_1.top =
+                    dropdownPosition.top =
                         inputRect.top +
                             window.scrollY -
                             dropdownHeight +
@@ -227,39 +178,39 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
                 }
                 else {
                     dropLevelRef.current = 'bottom';
-                    dropdownPosition_1.top =
+                    dropdownPosition.top =
                         inputRect.top + window.scrollY + inputRect.height;
                     if (itemsRef === null || itemsRef === void 0 ? void 0 : itemsRef.current) {
-                        var totalH = showAllSelected ? 148 : defaultHeight;
-                        var selH = totalH - (dropdownHeight - spaceBelow);
+                        const totalH = showAllSelected ? 148 : defaultHeight;
+                        const selH = totalH - (dropdownHeight - spaceBelow);
                         setSelHeight(selH < 50 ? 50 : selH);
                     }
                 }
                 // setDropdownStyle({
                 //   ...dropdownPosition,
                 // });
-                setDropdownStyle(function (prevStyle) { return (__assign(__assign({}, prevStyle), { transform: "translateY(".concat(dropdownPosition_1.top, "px)"), left: desiredLeft_1, width: desiredWidth_1 })); });
+                setDropdownStyle((prevStyle) => (Object.assign(Object.assign({}, prevStyle), { transform: `translateY(${dropdownPosition.top}px)`, left: desiredLeft, width: desiredWidth })));
             }
         });
     };
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         window.addEventListener('resize', adjustDropdownPosition);
         adjustDropdownPosition();
-        return function () {
+        return () => {
             window.removeEventListener('resize', adjustDropdownPosition);
         };
     }, [dropOpen, expandArrowClick]);
-    var _32 = (0, autosuggestions_1.useSuggestions)(getData, data, dropOpen, async, paginationEnabled, initialLoad, String(searchValue || inputValue || ''), isMultiple, setNextPage, selectedItems, typeOnlyFetch
+    const { suggestions, isLoading, handlePickSuggestions, resetSuggections } = (0, autosuggestions_1.useSuggestions)(getData, data, dropOpen, async, paginationEnabled, initialLoad, String(searchValue || inputValue || ''), isMultiple, setNextPage, selectedItems, typeOnlyFetch
     // nextBlock
-    ), suggestions = _32.suggestions, isLoading = _32.isLoading, handlePickSuggestions = _32.handlePickSuggestions, resetSuggections = _32.resetSuggections;
+    );
     // Handling the selection of a suggestion
-    var handleSuggestionClick = (0, react_1.useCallback)(function (suggestion, idx) {
+    const handleSuggestionClick = (0, react_1.useCallback)((suggestion, idx) => {
         if (isMultiple) {
             setFocusedIndex(idx);
-            setSelectedItems(function (prev) {
-                var isAdded = prev && prev.length > 0
-                    ? prev.some(function (item) {
-                        var sameId = (0, getKeyValue_1.getKeyValue)(item, descId, 'id') ===
+            setSelectedItems((prev) => {
+                const isAdded = prev && prev.length > 0
+                    ? prev.some((item) => {
+                        const sameId = (0, getKeyValue_1.getKeyValue)(item, descId, 'id') ===
                             (0, getKeyValue_1.getKeyValue)(suggestion, descId, 'id');
                         if (!sameId)
                             return false;
@@ -274,8 +225,8 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
                     : false;
                 if (isAdded) {
                     // Remove only the item for the current tab (if tabId is used)
-                    return prev.filter(function (item) {
-                        var sameId = (0, getKeyValue_1.getKeyValue)(item, descId, 'id') ===
+                    return prev.filter((item) => {
+                        const sameId = (0, getKeyValue_1.getKeyValue)(item, descId, 'id') ===
                             (0, getKeyValue_1.getKeyValue)(suggestion, descId, 'id');
                         if (!sameId)
                             return true;
@@ -287,8 +238,8 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
                 }
                 else {
                     // Include tab ID when adding suggestion
-                    var suggestionWithTabId = __assign(__assign({}, suggestion), { tabId: tab.length > 0 ? tab[activeTab].id : undefined });
-                    return __spreadArray(__spreadArray([], prev, true), [suggestionWithTabId], false);
+                    const suggestionWithTabId = Object.assign(Object.assign({}, suggestion), { tabId: tab.length > 0 ? tab[activeTab].id : undefined });
+                    return [...prev, suggestionWithTabId];
                 }
             });
         }
@@ -301,29 +252,29 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
         }
     }, [activeTab, tab, descId, desc, onChange, isMultiple]);
     // Adding debounce to avoid making API calls on every keystroke
-    var debouncedUpdate = (0, react_1.useCallback)((0, debounce_1.debounce)(function (value, tabVal) {
+    const debouncedUpdate = (0, react_1.useCallback)((0, debounce_1.debounce)((value, tabVal) => {
         setSearchOldValue(value);
         handlePickSuggestions(value, 1, false, tabVal);
     }, 500), []);
-    var handleChangeWithDebounce = function (value) {
+    const handleChangeWithDebounce = (value) => {
         if ((type === 'auto_complete' || type === 'auto_suggestion') && async) {
-            var activeTabVal = tab.length > 0 ? tab === null || tab === void 0 ? void 0 : tab[activeTab].id : undefined;
+            const activeTabVal = tab.length > 0 ? tab === null || tab === void 0 ? void 0 : tab[activeTab].id : undefined;
             debouncedUpdate(value, activeTabVal);
         }
     };
-    var handleMultiSelect = function (e, suggestion) {
-        var checked = e.target.checked;
+    const handleMultiSelect = (e, suggestion) => {
+        const { checked } = e.target;
         if (isMultiple) {
             if (checked) {
                 // Include tab ID when adding suggestion
-                var suggestionWithTabId_1 = __assign(__assign({}, suggestion), { tabId: tab.length > 0 ? tab[activeTab].id : undefined });
-                setSelectedItems(function (prev) { return __spreadArray(__spreadArray([], prev, true), [suggestionWithTabId_1], false); });
+                const suggestionWithTabId = Object.assign(Object.assign({}, suggestion), { tabId: tab.length > 0 ? tab[activeTab].id : undefined });
+                setSelectedItems((prev) => [...prev, suggestionWithTabId]);
             }
             else {
                 // When unchecking, only remove the item for the current tab (if tabId is used)
-                setSelectedItems(function (prev) {
-                    return prev.filter(function (item) {
-                        var sameId = (0, getKeyValue_1.getKeyValue)(item, descId, 'id') ===
+                setSelectedItems((prev) => {
+                    return prev.filter((item) => {
+                        const sameId = (0, getKeyValue_1.getKeyValue)(item, descId, 'id') ===
                             (0, getKeyValue_1.getKeyValue)(suggestion, descId, 'id');
                         if (!sameId)
                             return true;
@@ -347,7 +298,7 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
             }
         }
     };
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         // Only update if different
         if (!(0, deepEqual_1.deepEqual)(selectedItems, propsSeelctedItems)) {
             setSelectedItems(propsSeelctedItems);
@@ -355,21 +306,21 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [propsSeelctedItems]);
     // Effect to set the input value whenever `value` prop changes
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         setInputValue(value !== null && value !== void 0 ? value : '');
     }, [value]);
-    var handleSuggestionChange = function (e) {
-        var value = e.target.value;
+    const handleSuggestionChange = (e) => {
+        const { value } = e.target;
         //setVisibleDrop();
-        var trimStart = value.trimStart();
+        const trimStart = value.trimStart();
         setSearchValue(trimStart);
         handleChangeWithDebounce(trimStart);
         setAllDataLoaded(false);
     };
-    var handleClearSelected = function () {
+    const handleClearSelected = () => {
         // Only clear items from current tab
-        setSelectedItems(function (prev) {
-            var remainingItems = prev.filter(function (item) { return item.tabId !== currentTabId; });
+        setSelectedItems((prev) => {
+            const remainingItems = prev.filter(item => item.tabId !== currentTabId);
             return remainingItems;
         });
         setShowAllSelected(false);
@@ -379,43 +330,41 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
         if (async && type === 'auto_suggestion' && tabInlineSearch)
             resetSuggections === null || resetSuggections === void 0 ? void 0 : resetSuggections();
     };
-    var handleRemoveSelectedItem = (0, react_1.useCallback)(function (index) {
-        var itemToRemove = filteredSelectedItems[index];
-        setSelectedItems(function (prev) {
-            return prev.filter(function (item) {
-                return (0, getKeyValue_1.getKeyValue)(item, descId, 'id') !== (0, getKeyValue_1.getKeyValue)(itemToRemove, descId, 'id');
-            });
+    const handleRemoveSelectedItem = (0, react_1.useCallback)((index) => {
+        const itemToRemove = filteredSelectedItems[index];
+        setSelectedItems((prev) => {
+            return prev.filter((item) => (0, getKeyValue_1.getKeyValue)(item, descId, 'id') !== (0, getKeyValue_1.getKeyValue)(itemToRemove, descId, 'id'));
         });
     }, [filteredSelectedItems, descId]);
-    var uniqueDropArrowId = "".concat(name, "-drop-arrow-selected-list-icon");
-    var isKeyboardOpenRef = (0, react_1.useRef)(false);
-    var closeOnScrollTimeoutRef = (0, react_1.useRef)(null);
+    const uniqueDropArrowId = `${name}-drop-arrow-selected-list-icon`;
+    const isKeyboardOpenRef = (0, react_1.useRef)(false);
+    const closeOnScrollTimeoutRef = (0, react_1.useRef)(null);
     // Keep ref in sync with state for use in event handlers
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         isKeyboardOpenRef.current = isKeyboardOpen;
     }, [isKeyboardOpen]);
     // Detect keyboard open on mobile using Visual Viewport API
-    (0, react_1.useEffect)(function () {
-        var vv = window.visualViewport;
+    (0, react_1.useEffect)(() => {
+        const vv = window.visualViewport;
         if (!vv)
             return;
-        var onResize = function () {
+        const onResize = () => {
             // Heuristic: if visual viewport height shrinks a lot, keyboard is likely open
-            var open = vv.height < window.innerHeight - 100;
+            const open = vv.height < window.innerHeight - 100;
             setIsKeyboardOpen(open);
         };
         vv.addEventListener("resize", onResize);
         vv.addEventListener("scroll", onResize); // iOS sometimes fires scroll instead
         onResize();
-        return function () {
+        return () => {
             vv.removeEventListener("resize", onResize);
             vv.removeEventListener("scroll", onResize);
         };
     }, []);
-    (0, react_1.useEffect)(function () {
-        var handleScroll = function (event) {
+    (0, react_1.useEffect)(() => {
+        const handleScroll = (event) => {
             // Don't close if the user is scrolling inside the dropdown itself.
-            var scrollTarget = event.target;
+            const scrollTarget = event.target;
             if (dropRef.current && scrollTarget instanceof Node && dropRef.current.contains(scrollTarget)) {
                 return;
             }
@@ -424,7 +373,7 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
             if (isKeyboardOpenRef.current) {
                 // Only prevent closing if keyboard is actually open (mobile scenario)
                 // Also check if input is focused to avoid closing while typing
-                var activeElement = document.activeElement;
+                const activeElement = document.activeElement;
                 if (activeElement && (activeElement === inputRef.current ||
                     activeElement === inputSearchRef.current ||
                     (dropRef.current && dropRef.current.contains(activeElement)))) {
@@ -436,7 +385,7 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
                 if (closeOnScrollTimeoutRef.current) {
                     window.clearTimeout(closeOnScrollTimeoutRef.current);
                 }
-                closeOnScrollTimeoutRef.current = window.setTimeout(function () {
+                closeOnScrollTimeoutRef.current = window.setTimeout(() => {
                     setDropOpen(false);
                     onToolClose === null || onToolClose === void 0 ? void 0 : onToolClose();
                     if (!typeOnlyFetch)
@@ -444,8 +393,8 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
                 }, 0);
             }
         };
-        var handleClickOutside = function (event) {
-            var target = event.target;
+        const handleClickOutside = (event) => {
+            const target = event.target;
             // When keyboard is open, be more lenient - only close on clear outside clicks
             if (isKeyboardOpenRef.current) {
                 // Only close if it's a clear click outside, not on input/textarea elements
@@ -457,7 +406,7 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
                     target.closest &&
                     !target.closest('input') &&
                     !target.closest('textarea')) {
-                    setTimeout(function () {
+                    setTimeout(() => {
                         setDropOpen(false);
                         onToolClose === null || onToolClose === void 0 ? void 0 : onToolClose();
                         if (!typeOnlyFetch)
@@ -471,7 +420,7 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
                 target instanceof Node &&
                 !dropRef.current.contains(target) &&
                 (target === null || target === void 0 ? void 0 : target.id) !== uniqueDropArrowId) {
-                setTimeout(function () {
+                setTimeout(() => {
                     setDropOpen(false);
                     onToolClose === null || onToolClose === void 0 ? void 0 : onToolClose();
                     if (!typeOnlyFetch)
@@ -485,32 +434,26 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
         document.addEventListener('scroll', handleScroll, true);
         // Query scrollable divs and store in ref for cleanup
         // Re-query when dropdown opens to catch dynamically added containers
-        var queryScrollableDivs = function () {
+        const queryScrollableDivs = () => {
             return document.querySelectorAll('div[style*="overflow"], .overflow-auto, .overflow-y-auto, .overflow-x-auto');
         };
         // Clean up previous listeners if any
         if (scrollableDivsRef.current) {
-            scrollableDivsRef.current.forEach(function (div) {
-                return div.removeEventListener('scroll', handleScroll);
-            });
+            scrollableDivsRef.current.forEach((div) => div.removeEventListener('scroll', handleScroll));
         }
         // Query and attach listeners to scrollable divs
         scrollableDivsRef.current = queryScrollableDivs();
-        scrollableDivsRef.current.forEach(function (div) {
-            return div.addEventListener('scroll', handleScroll);
-        });
+        scrollableDivsRef.current.forEach((div) => div.addEventListener('scroll', handleScroll));
         if (scrollRef && scrollRef.current && scrollRef.current !== null) {
             scrollRef.current.addEventListener('scroll', handleScroll);
         }
-        return function () {
+        return () => {
             document.removeEventListener('mousedown', handleClickOutside);
             window.removeEventListener('scroll', handleScroll);
             document.removeEventListener('scroll', handleScroll, true);
             // Clean up scrollable divs listeners
             if (scrollableDivsRef.current) {
-                scrollableDivsRef.current.forEach(function (div) {
-                    return div.removeEventListener('scroll', handleScroll);
-                });
+                scrollableDivsRef.current.forEach((div) => div.removeEventListener('scroll', handleScroll));
                 scrollableDivsRef.current = null;
             }
             if (closeOnScrollTimeoutRef.current) {
@@ -524,12 +467,12 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
     }, [dropOpen, typeOnlyFetch, uniqueDropArrowId, onToolClose]);
     // Filtering suggestions based on type and search value
     // Use filteredSelectedItems when tabs are present, otherwise use selectedItems
-    var selected = isMultiple
+    const selected = isMultiple
         ? (tab.length > 0 ? filteredSelectedItems : selectedItems)
         : inputValue;
-    var filteredData = (0, filterSuggestions_1.filterSuggestions)(suggestions, searchValue, type, desc, selected, async, false, true, matchFromStart);
-    var prevSelectedItemsRef = (0, react_1.useRef)([]);
-    (0, react_1.useEffect)(function () {
+    const filteredData = (0, filterSuggestions_1.filterSuggestions)(suggestions, searchValue, type, desc, selected, async, false, true, matchFromStart);
+    const prevSelectedItemsRef = (0, react_1.useRef)([]);
+    (0, react_1.useEffect)(() => {
         if (isInitialRender) {
             setIsInitialRender(false);
         }
@@ -541,30 +484,30 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
             }
         }
         // Use double requestAnimationFrame to ensure DOM updates are complete
-        requestAnimationFrame(function () {
-            requestAnimationFrame(function () {
+        requestAnimationFrame(() => {
+            requestAnimationFrame(() => {
                 adjustDropdownPosition();
             });
         });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [selectedItems]);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         // Use double requestAnimationFrame to ensure DOM updates are complete
-        requestAnimationFrame(function () {
-            requestAnimationFrame(function () {
+        requestAnimationFrame(() => {
+            requestAnimationFrame(() => {
                 adjustDropdownPosition();
             });
         });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [filteredData]);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         // Handle keyboard navigation
-        var handleKeyDown = function (e) {
+        const handleKeyDown = (e) => {
             var _a, _b;
             if (!dropOpen)
                 return;
-            var atBottom = focusedIndex === filteredData.length - 1;
-            var atTop = focusedIndex === 0;
+            const atBottom = focusedIndex === filteredData.length - 1;
+            const atTop = focusedIndex === 0;
             switch (e.key) {
                 case 'ArrowDown':
                     e.preventDefault();
@@ -577,7 +520,7 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
                             itemsRef.current.scrollTop = 0;
                         }
                     }
-                    setFocusedIndex(function (prev) { return (prev + 1) % (filteredData === null || filteredData === void 0 ? void 0 : filteredData.length); });
+                    setFocusedIndex((prev) => (prev + 1) % (filteredData === null || filteredData === void 0 ? void 0 : filteredData.length));
                     break;
                 case 'ArrowUp':
                     e.preventDefault();
@@ -590,7 +533,7 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
                             itemsRef.current.scrollTop = 0;
                         }
                     }
-                    setFocusedIndex(function (prev) { return (prev - 1 + (filteredData === null || filteredData === void 0 ? void 0 : filteredData.length)) % (filteredData === null || filteredData === void 0 ? void 0 : filteredData.length); });
+                    setFocusedIndex((prev) => (prev - 1 + (filteredData === null || filteredData === void 0 ? void 0 : filteredData.length)) % (filteredData === null || filteredData === void 0 ? void 0 : filteredData.length));
                     break;
                 case 'Enter':
                     e.preventDefault();
@@ -606,13 +549,13 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
             }
         };
         window.addEventListener('keydown', handleKeyDown);
-        return function () {
+        return () => {
             window.removeEventListener('keydown', handleKeyDown);
         };
     }, [filteredData, dropOpen, isLoading, focusedIndex]);
-    var isSelected = (0, react_1.useCallback)(function (item, selectedItems) {
+    const isSelected = (0, react_1.useCallback)((item, selectedItems) => {
         if (Array.isArray(selectedItems)) {
-            return selectedItems.some(function (selectedItem) {
+            return selectedItems.some((selectedItem) => {
                 // When tabs are present, ensure the selected item belongs to the current tab
                 if (tab.length > 0 && currentTabId !== undefined) {
                     // Only match if the selectedItem's tabId matches the current tab
@@ -626,13 +569,13 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
         }
         return (0, getKeyValue_1.isSelectionMatchValue)(item, selectedItems, desc, descId);
     }, [tab, currentTabId, desc, descId]);
-    var handleLoadMore = function () {
+    const handleLoadMore = () => {
         if (paginationEnabled) {
             handlePickSuggestions(searchValue, nextPage + 1, true);
             setNextPage(nextPage + 1);
         }
     };
-    var handleShowAllSelected = (0, react_1.useCallback)(function (enabled) {
+    const handleShowAllSelected = (0, react_1.useCallback)((enabled) => {
         setExpandArrowClick(expandArrowClick + 1);
         if (enabled) {
             setShowAllSelected(true);
@@ -641,14 +584,14 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
             setShowAllSelected(false);
         }
     }, [expandArrowClick]);
-    var handleCollapseArrowClick = (0, react_1.useCallback)(function () {
+    const handleCollapseArrowClick = (0, react_1.useCallback)(() => {
         setExpandArrowClick(expandArrowClick + 1);
         setShowAllSelected(false);
     }, [expandArrowClick]);
-    var tooltipContent = (filteredSelectedItems === null || filteredSelectedItems === void 0 ? void 0 : filteredSelectedItems.length) > itemCount
-        ? filteredSelectedItems === null || filteredSelectedItems === void 0 ? void 0 : filteredSelectedItems.slice(itemCount).map(function (item) { return item[desc]; }).join(', ')
+    const tooltipContent = (filteredSelectedItems === null || filteredSelectedItems === void 0 ? void 0 : filteredSelectedItems.length) > itemCount
+        ? filteredSelectedItems === null || filteredSelectedItems === void 0 ? void 0 : filteredSelectedItems.slice(itemCount).map((item) => item[desc]).join(', ')
         : '';
-    var handleTabClick = (0, react_1.useCallback)(function (index) {
+    const handleTabClick = (0, react_1.useCallback)((index) => {
         if (activeTab !== index) {
             if (clearTabSwitch) {
                 handleClearSelected();
@@ -660,9 +603,9 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
                 }
                 else {
                     resetSuggections === null || resetSuggections === void 0 ? void 0 : resetSuggections();
-                    var activeTabVal = tab.length > 0 ? tab === null || tab === void 0 ? void 0 : tab[index].id : undefined;
-                    var normalizedSearchValue = searchValue === null || searchValue === void 0 ? void 0 : searchValue.trim();
-                    var tabSearchValue = !tabInlineSearch && allDataLoaded && !normalizedSearchValue
+                    const activeTabVal = tab.length > 0 ? tab === null || tab === void 0 ? void 0 : tab[index].id : undefined;
+                    const normalizedSearchValue = searchValue === null || searchValue === void 0 ? void 0 : searchValue.trim();
+                    const tabSearchValue = !tabInlineSearch && allDataLoaded && !normalizedSearchValue
                         ? '*'
                         : searchValue;
                     handlePickSuggestions(tabSearchValue, 1, false, activeTabVal);
@@ -670,9 +613,9 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
             }
             else {
                 resetSuggections === null || resetSuggections === void 0 ? void 0 : resetSuggections();
-                var activeTabVal = tab.length > 0 ? tab === null || tab === void 0 ? void 0 : tab[index].id : undefined;
-                var normalizedSearchValue = searchValue === null || searchValue === void 0 ? void 0 : searchValue.trim();
-                var tabSearchValue = !tabInlineSearch && allDataLoaded && !normalizedSearchValue
+                const activeTabVal = tab.length > 0 ? tab === null || tab === void 0 ? void 0 : tab[index].id : undefined;
+                const normalizedSearchValue = searchValue === null || searchValue === void 0 ? void 0 : searchValue.trim();
+                const tabSearchValue = !tabInlineSearch && allDataLoaded && !normalizedSearchValue
                     ? '*'
                     : searchValue;
                 handlePickSuggestions(tabSearchValue, 1, false, activeTabVal);
@@ -681,88 +624,80 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
             setFocusedIndex(0); // Reset focused index when switching tabs
         }
     }, [activeTab, clearTabSwitch, handleClearSelected, tabInlineSearch, tab, searchValue, handlePickSuggestions, resetSuggections, allDataLoaded]);
-    var getSelectedRowLimit = (0, react_1.useCallback)(function () {
-        var maxHeight = 36;
+    const getSelectedRowLimit = (0, react_1.useCallback)(() => {
+        let maxHeight = 36;
         if ((selItemRef === null || selItemRef === void 0 ? void 0 : selItemRef.current) && (selItemRef === null || selItemRef === void 0 ? void 0 : selItemRef.current.clientWidth) < 300) {
             maxHeight = 24;
         }
         return selectedRowLimit * maxHeight + 5;
     }, [selectedRowLimit]);
-    var getSelectedItems = (0, react_1.useCallback)(function (dropdown) {
-        return ((0, jsx_runtime_1.jsxs)("div", __assign({ ref: selItemRef, className: "selected-items-outer-container", style: { maxHeight: "".concat(getSelectedRowLimit(), "px") } }, { children: [filteredSelectedItems
+    const getSelectedItems = (0, react_1.useCallback)((dropdown) => {
+        return ((0, jsx_runtime_1.jsxs)("div", { ref: selItemRef, className: "selected-items-outer-container", style: { maxHeight: `${getSelectedRowLimit()}px` }, children: [filteredSelectedItems
                     .slice(0, (filteredSelectedItems === null || filteredSelectedItems === void 0 ? void 0 : filteredSelectedItems.length) > itemCount
                     ? showAllSelected
                         ? filteredSelectedItems === null || filteredSelectedItems === void 0 ? void 0 : filteredSelectedItems.length
                         : itemCount
                     : filteredSelectedItems === null || filteredSelectedItems === void 0 ? void 0 : filteredSelectedItems.length)
-                    .map(function (item, index) {
+                    .map((item, index) => {
                     var _a, _b;
-                    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "selected-items-container" }, { children: (0, jsx_runtime_1.jsx)(NewTooltip_1.default, __assign({ title: item === null || item === void 0 ? void 0 : item[desc], enabled: ((_a = String(item === null || item === void 0 ? void 0 : item[desc])) === null || _a === void 0 ? void 0 : _a.length) > textCount }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "selected-item" }, { children: [((_b = String(item === null || item === void 0 ? void 0 : item[desc])) === null || _b === void 0 ? void 0 : _b.length) > textCount
-                                        ? "".concat(String(item === null || item === void 0 ? void 0 : item[desc]).substring(0, textCount), "...")
-                                        : item === null || item === void 0 ? void 0 : item[desc], !viewMode && ((0, jsx_runtime_1.jsx)("button", __assign({ onClick: function () { return handleRemoveSelectedItem(index); }, className: "remove-item-btn", "aria-label": "Remove ".concat(item === null || item === void 0 ? void 0 : item[desc]) }, { children: "X" })))] }), item.id) })) }), index));
-                }), (filteredSelectedItems === null || filteredSelectedItems === void 0 ? void 0 : filteredSelectedItems.length) > itemCount && !showAllSelected && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "selected-items-container" }, { children: (0, jsx_runtime_1.jsx)(NewTooltip_1.default, __assign({ title: tooltipContent, enabled: true }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "selected-item-more qbs-rounded-full qbs-min-h-6 qbs-min-w-6 qbs-p-1 ".concat(dropdown ? 'qbs-cursor-pointer' : ''), onClick: function () {
+                    return ((0, jsx_runtime_1.jsx)("div", { className: "selected-items-container", children: (0, jsx_runtime_1.jsx)(NewTooltip_1.default, { title: item === null || item === void 0 ? void 0 : item[desc], enabled: ((_a = String(item === null || item === void 0 ? void 0 : item[desc])) === null || _a === void 0 ? void 0 : _a.length) > textCount, children: (0, jsx_runtime_1.jsxs)("div", { className: "selected-item", children: [((_b = String(item === null || item === void 0 ? void 0 : item[desc])) === null || _b === void 0 ? void 0 : _b.length) > textCount
+                                        ? `${String(item === null || item === void 0 ? void 0 : item[desc]).substring(0, textCount)}...`
+                                        : item === null || item === void 0 ? void 0 : item[desc], !viewMode && ((0, jsx_runtime_1.jsx)("button", { onClick: () => handleRemoveSelectedItem(index), className: "remove-item-btn", "aria-label": `Remove ${item === null || item === void 0 ? void 0 : item[desc]}`, children: "X" }))] }, item.id) }) }, index));
+                }), (filteredSelectedItems === null || filteredSelectedItems === void 0 ? void 0 : filteredSelectedItems.length) > itemCount && !showAllSelected && ((0, jsx_runtime_1.jsx)("div", { className: "selected-items-container", children: (0, jsx_runtime_1.jsx)(NewTooltip_1.default, { title: tooltipContent, enabled: true, children: (0, jsx_runtime_1.jsxs)("div", { className: `selected-item-more qbs-rounded-full qbs-min-h-6 qbs-min-w-6 qbs-p-1 ${dropdown ? 'qbs-cursor-pointer' : ''}`, onClick: () => {
                                 handleShowAllSelected(dropdown);
-                            } }, { children: ["+", (filteredSelectedItems === null || filteredSelectedItems === void 0 ? void 0 : filteredSelectedItems.length) - itemCount, ' ', (0, jsx_runtime_1.jsx)("span", __assign({ className: "qbs-hidden" }, { children: "more" }))] })) })) })))] })));
+                            }, children: ["+", (filteredSelectedItems === null || filteredSelectedItems === void 0 ? void 0 : filteredSelectedItems.length) - itemCount, ' ', (0, jsx_runtime_1.jsx)("span", { className: "qbs-hidden", children: "more" })] }) }) }))] }));
     }, [filteredSelectedItems, getSelectedRowLimit, itemCount, showAllSelected, desc, textCount, viewMode, handleRemoveSelectedItem, tooltipContent, handleShowAllSelected]);
     // Check if any items are selected under a specific tab
-    var hasSelectedItemsInTab = (0, react_1.useCallback)(function (tabIndex) {
-        var tabId = tab.length > 0 ? tab[tabIndex].id : undefined;
-        return selectedItems.some(function (item) { return item.tabId === tabId; });
+    const hasSelectedItemsInTab = (0, react_1.useCallback)((tabIndex) => {
+        const tabId = tab.length > 0 ? tab[tabIndex].id : undefined;
+        return selectedItems.some(item => item.tabId === tabId);
     }, [selectedItems, tab]);
-    var getTabItems = (0, react_1.useCallback)(function () {
-        var allTabs = moreOptionTab ? __spreadArray(__spreadArray([], tab, true), [{ id: 'more-options', label: moreOptionTabLabel }], false) : tab;
-        return ((0, jsx_runtime_1.jsx)("ul", __assign({ className: "qbs-flex qbs-flex-wrap qbs-w-full qbs-tab qbs-mb-2 -qbs-mt-2 ".concat(tabsScrollable ? 'qbs-tab-scroll' : ''), ref: tabRef }, { children: allTabs.map(function (item, idx) {
-                var isMoreOptionsTab = item.id === 'more-options';
-                var hasSelectedItems = isMoreOptionsTab ? hasMoreOptionValues : hasSelectedItemsInTab(idx);
-                return ((0, jsx_runtime_1.jsx)("li", __assign({ className: "qbs-flex-1 qbs-tab-items ".concat(hasSelectedItems ? 'qbs-tab-has-selected-items' : '') }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ className: "qbs-inline-block qbs-tab-item qbs-text-sm qbs-cursor-pointer qbs-w-full qbs-text-center qbs-p-1 qbs-border-b-2 ".concat(activeTab === idx ? 'qbs-tab-active-item' : ''), onClick: function () {
+    const getTabItems = (0, react_1.useCallback)(() => {
+        const allTabs = moreOptionTab ? [...tab, { id: 'more-options', label: moreOptionTabLabel }] : tab;
+        return ((0, jsx_runtime_1.jsx)("ul", { className: `qbs-flex qbs-flex-wrap qbs-w-full qbs-tab qbs-mb-2 -qbs-mt-2 ${tabsScrollable ? 'qbs-tab-scroll' : ''}`, ref: tabRef, children: allTabs.map((item, idx) => {
+                const isMoreOptionsTab = item.id === 'more-options';
+                const hasSelectedItems = isMoreOptionsTab ? hasMoreOptionValues : hasSelectedItemsInTab(idx);
+                return ((0, jsx_runtime_1.jsx)("li", { className: `qbs-flex-1 qbs-tab-items ${hasSelectedItems ? 'qbs-tab-has-selected-items' : ''}`, children: (0, jsx_runtime_1.jsx)("span", { className: `qbs-inline-block qbs-tab-item qbs-text-sm qbs-cursor-pointer qbs-w-full qbs-text-center qbs-p-1 qbs-border-b-2 ${activeTab === idx ? 'qbs-tab-active-item' : ''}`, onClick: () => {
                             if (isMoreOptionsTab) {
                                 setActiveTab(idx);
                             }
                             else {
                                 handleTabClick(idx);
                             }
-                        } }, { children: (0, jsx_runtime_1.jsxs)("span", __assign({ className: "qbs-flex qbs-items-center qbs-justify-center qbs-gap-1" }, { children: [isMoreOptionsTab && moreOptionTabIcon && ((0, jsx_runtime_1.jsx)("span", __assign({ className: "qbs-inline-flex qbs-items-center" }, { children: moreOptionTabIcon }))), item.label] })) })) }), "tab-".concat(idx)));
-            }) })));
+                        }, children: (0, jsx_runtime_1.jsxs)("span", { className: "qbs-flex qbs-items-center qbs-justify-center qbs-gap-1", children: [isMoreOptionsTab && moreOptionTabIcon && ((0, jsx_runtime_1.jsx)("span", { className: "qbs-inline-flex qbs-items-center", children: moreOptionTabIcon })), item.label] }) }) }, `tab-${idx}`));
+            }) }));
     }, [tab, hasSelectedItemsInTab, activeTab, handleTabClick, moreOptionTab, moreOptionTabLabel, moreOptionTabIcon, tabsScrollable]);
-    var handleSelectAll = (0, react_1.useCallback)(function () {
+    const handleSelectAll = (0, react_1.useCallback)(() => {
         if (isMultiple) {
             if (selectAll) {
                 // Remove only items from current tab
-                setSelectedItems(function (prev) {
-                    return prev.filter(function (item) {
-                        return item.tabId !== currentTabId ||
-                            !filteredData.some(function (f) {
-                                return (0, getKeyValue_1.getKeyValue)(f, descId, 'id') === (0, getKeyValue_1.getKeyValue)(item, descId, 'id');
-                            });
-                    });
-                });
+                setSelectedItems((prev) => prev.filter((item) => item.tabId !== currentTabId ||
+                    !filteredData.some((f) => (0, getKeyValue_1.getKeyValue)(f, descId, 'id') === (0, getKeyValue_1.getKeyValue)(item, descId, 'id'))));
             }
             else {
                 // Add only items from current tab - batch all updates in single setState
-                setSelectedItems(function (prev) {
-                    var newItems = [];
-                    var currentTabId = tab.length > 0 ? tab[activeTab].id : undefined;
-                    filteredData.forEach(function (suggestion) {
-                        var isAdded = prev.some(function (item) {
-                            return (0, getKeyValue_1.getKeyValue)(item, descId, 'id') ===
-                                (0, getKeyValue_1.getKeyValue)(suggestion, descId, 'id');
-                        });
+                setSelectedItems((prev) => {
+                    const newItems = [];
+                    const currentTabId = tab.length > 0 ? tab[activeTab].id : undefined;
+                    filteredData.forEach((suggestion) => {
+                        const isAdded = prev.some((item) => (0, getKeyValue_1.getKeyValue)(item, descId, 'id') ===
+                            (0, getKeyValue_1.getKeyValue)(suggestion, descId, 'id'));
                         if (!isAdded) {
                             // Include tab ID when adding suggestion
-                            var suggestionWithTabId = __assign(__assign({}, suggestion), { tabId: currentTabId });
+                            const suggestionWithTabId = Object.assign(Object.assign({}, suggestion), { tabId: currentTabId });
                             newItems.push(suggestionWithTabId);
                         }
                     });
-                    return __spreadArray(__spreadArray([], prev, true), newItems, true);
+                    return [...prev, ...newItems];
                 });
             }
         }
     }, [isMultiple, selectAll, currentTabId, filteredData, descId, tab, activeTab]);
-    var handleOpenDropdown = function (e) {
+    const handleOpenDropdown = (e) => {
         if (!suggestions || (suggestions === null || suggestions === void 0 ? void 0 : suggestions.length) === 0 || refetchData) {
             if (autoDropdown && (inputValue === '' || inputValue.trim() === '')) {
                 if (tabInlineSearch && tab.length > 0) {
-                    var activeTabVal = tab.length > 0 ? tab === null || tab === void 0 ? void 0 : tab[activeTab].id : undefined;
+                    const activeTabVal = tab.length > 0 ? tab === null || tab === void 0 ? void 0 : tab[activeTab].id : undefined;
                     handlePickSuggestions('*', 1, false, activeTabVal);
                 }
                 else {
@@ -773,7 +708,7 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
             }
             else if (!refetchData && inputValue !== '') {
                 if (tabInlineSearch && tab.length > 0) {
-                    var activeTabVal = tab.length > 0 ? tab === null || tab === void 0 ? void 0 : tab[activeTab].id : undefined;
+                    const activeTabVal = tab.length > 0 ? tab === null || tab === void 0 ? void 0 : tab[activeTab].id : undefined;
                     handlePickSuggestions(inputValue, 1, false, activeTabVal);
                 }
                 else {
@@ -784,7 +719,7 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
             }
         }
     };
-    var handleApplySelected = function (values) {
+    const handleApplySelected = (values) => {
         setDropOpen(false);
         setSearchValue('');
         resetSuggections === null || resetSuggections === void 0 ? void 0 : resetSuggections();
@@ -792,26 +727,22 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
         setHasMoreOptionValues(false);
         onMoreOptionChange === null || onMoreOptionChange === void 0 ? void 0 : onMoreOptionChange(undefined);
         // Trigger reset on moreOption component by incrementing reset key
-        setLocalResetKey(function (prev) { return prev + 1; });
+        setLocalResetKey(prev => prev + 1);
         applyTabFilter === null || applyTabFilter === void 0 ? void 0 : applyTabFilter(values);
     };
-    (0, react_1.useEffect)(function () {
-        var allSelected = (filteredData === null || filteredData === void 0 ? void 0 : filteredData.length) > 0 && (filteredSelectedItems === null || filteredSelectedItems === void 0 ? void 0 : filteredSelectedItems.length) > 0 &&
-            filteredData.every(function (item) {
-                return filteredSelectedItems === null || filteredSelectedItems === void 0 ? void 0 : filteredSelectedItems.some(function (s) {
-                    return (0, getKeyValue_1.getKeyValue)(s, descId, 'id') === (0, getKeyValue_1.getKeyValue)(item, descId, 'id');
-                });
-            });
+    (0, react_1.useEffect)(() => {
+        const allSelected = (filteredData === null || filteredData === void 0 ? void 0 : filteredData.length) > 0 && (filteredSelectedItems === null || filteredSelectedItems === void 0 ? void 0 : filteredSelectedItems.length) > 0 &&
+            filteredData.every((item) => filteredSelectedItems === null || filteredSelectedItems === void 0 ? void 0 : filteredSelectedItems.some((s) => (0, getKeyValue_1.getKeyValue)(s, descId, 'id') === (0, getKeyValue_1.getKeyValue)(item, descId, 'id')));
         setSelectAll(allSelected);
     }, [filteredData, filteredSelectedItems, descId]);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         handleUpdateParent === null || handleUpdateParent === void 0 ? void 0 : handleUpdateParent(dropOpen, dropLevelRef.current);
     }, [dropOpen, dropLevelRef.current]);
     // Auto-focus search input when dropdown opens with tabInlineSearch
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (dropOpen && visible && tabInlineSearch && type === 'auto_suggestion' && !expandable) {
             // Small delay to ensure the dropdown is fully rendered
-            setTimeout(function () {
+            setTimeout(() => {
                 if (inputSearchRef.current) {
                     inputSearchRef.current.focus();
                 }
@@ -819,42 +750,40 @@ var DropdownFilterTabs = (0, react_1.forwardRef)(function (_a, ref) {
         }
     }, [dropOpen, visible, tabInlineSearch, type, expandable]);
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: dropOpen &&
-            react_dom_1.default.createPortal((0, jsx_runtime_1.jsxs)("div", __assign({ ref: dropRef, style: __assign(__assign({}, dropdownStyle), { minHeight: viewMode ? 100 : 192, visibility: visible ? 'visible' : 'hidden', opacity: visible ? 1 : 0, transition: 'opacity 0.2s ease-in-out' }), className: "qbs-autocomplete-suggestions qbs-autocomplete-selected-suggestions ".concat(viewMode ? 'qbs-dropdown-selected-preview' : '', " ").concat(viewMode && (filteredSelectedItems === null || filteredSelectedItems === void 0 ? void 0 : filteredSelectedItems.length) === 0 ? 'hidden' : '') }, { children: [!viewMode && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: tab.length > 0 && getTabItems() }), moreOptionTab && activeTab === tab.length && ((0, jsx_runtime_1.jsx)("div", __assign({ style: { position: 'relative' }, className: "qbs-autocomplete-moreoption-container" }, { children: react_1.default.isValidElement(moreOptionTab)
+            react_dom_1.default.createPortal((0, jsx_runtime_1.jsxs)("div", { ref: dropRef, style: Object.assign(Object.assign({}, dropdownStyle), { minHeight: viewMode ? 100 : 192, visibility: visible ? 'visible' : 'hidden', opacity: visible ? 1 : 0, transition: 'opacity 0.2s ease-in-out' }), className: `qbs-autocomplete-suggestions qbs-autocomplete-selected-suggestions ${viewMode ? 'qbs-dropdown-selected-preview' : ''} ${viewMode && (filteredSelectedItems === null || filteredSelectedItems === void 0 ? void 0 : filteredSelectedItems.length) === 0 ? 'hidden' : ''}`, children: [!viewMode && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: tab.length > 0 && getTabItems() }), moreOptionTab && activeTab === tab.length && ((0, jsx_runtime_1.jsx)("div", { style: { position: 'relative' }, className: `qbs-autocomplete-moreoption-container`, children: react_1.default.isValidElement(moreOptionTab)
                                     ? react_1.default.cloneElement(moreOptionTab, {
-                                        onApply: function (values) { return handleApplySelected(values); },
-                                        onValueChange: function (values) {
+                                        onApply: (values) => handleApplySelected(values),
+                                        onValueChange: (values) => {
                                             // Check if values exist and update state
-                                            var hasValues = values !== undefined && values !== null &&
+                                            const hasValues = values !== undefined && values !== null &&
                                                 (typeof values === 'object' ? Object.keys(values).length > 0 : true);
                                             setHasMoreOptionValues(hasValues);
                                             onMoreOptionChange === null || onMoreOptionChange === void 0 ? void 0 : onMoreOptionChange(values);
                                         },
                                         resetKey: currentResetKey,
                                     })
-                                    : moreOptionTab }), "more-option-".concat(currentResetKey))), type === 'auto_suggestion' &&
+                                    : moreOptionTab }, `more-option-${currentResetKey}`)), type === 'auto_suggestion' &&
                                 !expandable &&
                                 tabInlineSearch &&
-                                !(moreOptionTab && activeTab === tab.length) && ((0, jsx_runtime_1.jsxs)("div", __assign({ style: { position: 'relative' }, className: "react-core-ts-search-container qbs-autocomplete-selected-suggestions-outer" }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: "dropdown-search-icon" }, { children: (0, jsx_runtime_1.jsx)(icons_1.Search, {}) })), (0, jsx_runtime_1.jsx)("input", { className: "dropdown-search-input", onChange: handleSuggestionChange, value: searchValue, placeholder: "Type to search", autoComplete: "off", ref: inputSearchRef }), (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: autoDropdown && !disabled && !readOnly && ((0, jsx_runtime_1.jsx)("button", __assign({ disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly, onClick: function (e) { return handleOpenDropdown(e); }, className: "text-[#667085] focus-visible:outline-slate-100 absolute right-2 qbs-all-dropdown-btn", "data-testid": "drop-arrow", type: "button", id: "autocomplete-drop-icon", ref: dropBtnRef }, { children: (0, jsx_runtime_1.jsx)(icons_1.AllDropArrow, { type: !allDataLoaded ? 'down' : 'up', uniqueId: "all-dropdow-arrow-icon", className: "all-dropdow-arrow-icon" }) }))) })] })))] })), !(moreOptionTab && activeTab === tab.length) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(filteredData === null || filteredData === void 0 ? void 0 : filteredData.length) > 0 && enableSelectAll && isMultiple && ((0, jsx_runtime_1.jsx)("div", __assign({ id: "select-all", className: "qbs-select-all-link qbs-cursor-pointer qbs-text-xs", onClick: handleSelectAll }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "qbs-autocomplete-listitem-container qbs-autocomplete-checkbox-container" }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "qbs-autocomplete-checkbox" }, { children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: selectAll, onChange: handleSelectAll, id: "qbs-checkbox-all" }), (0, jsx_runtime_1.jsx)("label", __assign({ htmlFor: "qbs-checkbox-all" }, { children: (0, jsx_runtime_1.jsx)("svg", __assign({ width: "8", height: "6", viewBox: "0 0 8 6", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M0 3.21739L2.89883 6L8 1.06994L6.89494 0L2.89883 3.86768L1.09728 2.14745L0 3.21739Z", fill: "white" }) })) }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "qbs-autocomplete-suggestions-item" }, { children: "Select All" }))] })) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "qbs-autocomplete-suggestions-sub qbs-autocomplete-selected-suggestions-outer ".concat(viewMode ? 'hidden' : ''), ref: itemsRef, style: {
-                                    maxHeight: "".concat(selHeight, "px"),
-                                    minHeight: "".concat(selHeight, "px"),
-                                } }, { children: [(filteredData === null || filteredData === void 0 ? void 0 : filteredData.length) > 0 ? (filteredData.map(function (suggestion, idx) { return ((0, jsx_runtime_1.jsx)(DropdownList_1.default, { idx: idx, suggestion: suggestion, isSelected: isSelected, handleSuggestionClick: function () {
-                                            return handleSuggestionClick(suggestion, idx);
-                                        }, handleMultiSelect: handleMultiSelect, selected: selected, isMultiple: isMultiple, singleSelect: singleSelect, desc: desc, shortCode: shortCode, labelCode: labelCode, focusedIndex: focusedIndex, setItemRef: function (index, ref) {
+                                !(moreOptionTab && activeTab === tab.length) && ((0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative' }, className: "react-core-ts-search-container qbs-autocomplete-selected-suggestions-outer", children: [(0, jsx_runtime_1.jsx)("span", { className: "dropdown-search-icon", children: (0, jsx_runtime_1.jsx)(icons_1.Search, {}) }), (0, jsx_runtime_1.jsx)("input", { className: "dropdown-search-input", onChange: handleSuggestionChange, value: searchValue, placeholder: "Type to search", autoComplete: "off", ref: inputSearchRef }), (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: autoDropdown && !disabled && !readOnly && ((0, jsx_runtime_1.jsx)("button", { disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly, onClick: (e) => handleOpenDropdown(e), className: "text-[#667085] focus-visible:outline-slate-100 absolute right-2 qbs-all-dropdown-btn", "data-testid": "drop-arrow", type: "button", id: "autocomplete-drop-icon", ref: dropBtnRef, children: (0, jsx_runtime_1.jsx)(icons_1.AllDropArrow, { type: !allDataLoaded ? 'down' : 'up', uniqueId: "all-dropdow-arrow-icon", className: "all-dropdow-arrow-icon" }) })) })] }))] })), !(moreOptionTab && activeTab === tab.length) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(filteredData === null || filteredData === void 0 ? void 0 : filteredData.length) > 0 && enableSelectAll && isMultiple && ((0, jsx_runtime_1.jsx)("div", { id: "select-all", className: `qbs-select-all-link qbs-cursor-pointer qbs-text-xs`, onClick: handleSelectAll, children: (0, jsx_runtime_1.jsxs)("div", { className: `qbs-autocomplete-listitem-container qbs-autocomplete-checkbox-container`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "qbs-autocomplete-checkbox", children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: selectAll, onChange: handleSelectAll, id: `qbs-checkbox-all` }), (0, jsx_runtime_1.jsx)("label", { htmlFor: `qbs-checkbox-all`, children: (0, jsx_runtime_1.jsx)("svg", { width: "8", height: "6", viewBox: "0 0 8 6", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M0 3.21739L2.89883 6L8 1.06994L6.89494 0L2.89883 3.86768L1.09728 2.14745L0 3.21739Z", fill: "white" }) }) })] }), (0, jsx_runtime_1.jsx)("div", { className: `qbs-autocomplete-suggestions-item`, children: "Select All" })] }) })), (0, jsx_runtime_1.jsxs)("div", { className: `qbs-autocomplete-suggestions-sub qbs-autocomplete-selected-suggestions-outer ${viewMode ? 'hidden' : ''}`, ref: itemsRef, style: {
+                                    maxHeight: `${selHeight}px`,
+                                    minHeight: `${selHeight}px`,
+                                }, children: [(filteredData === null || filteredData === void 0 ? void 0 : filteredData.length) > 0 ? (filteredData.map((suggestion, idx) => ((0, jsx_runtime_1.jsx)(DropdownList_1.default, { idx: idx, suggestion: suggestion, isSelected: isSelected, handleSuggestionClick: () => handleSuggestionClick(suggestion, idx), handleMultiSelect: handleMultiSelect, selected: selected, isMultiple: isMultiple, singleSelect: singleSelect, desc: desc, shortCode: shortCode, labelCode: labelCode, focusedIndex: focusedIndex, setItemRef: (index, ref) => {
                                             itemRefs.current[index] = ref; // Store each ref properly
-                                        } }, suggestion[descId])); })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isLoading ||
+                                        } }, suggestion[descId])))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isLoading ||
                                             (searchValue !== searchOldValue &&
                                                 searchValue !== '' &&
-                                                async) ? ((0, jsx_runtime_1.jsx)("div", __assign({ className: "qbs-flex qbs-align-middle qbs-justify-center qbs-min-emp-h" }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "qbs-pt-16 qbs-autocomplete-loader" }, { children: (0, jsx_runtime_1.jsx)(icons_1.Spinner, {}) })) }))) : ((0, jsx_runtime_1.jsx)("div", __assign({ className: "qbs-autocomplete-notfound qbs-text-center qbs-justify-center qbs-align-middle qbs-min-emp-h" }, { children: searchValue !== ''
+                                                async) ? ((0, jsx_runtime_1.jsx)("div", { className: "qbs-flex qbs-align-middle qbs-justify-center qbs-min-emp-h", children: (0, jsx_runtime_1.jsx)("div", { className: "qbs-pt-16 qbs-autocomplete-loader", children: (0, jsx_runtime_1.jsx)(icons_1.Spinner, {}) }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "qbs-autocomplete-notfound qbs-text-center qbs-justify-center qbs-align-middle qbs-min-emp-h", children: searchValue !== ''
                                                 ? notDataMessage !== null && notDataMessage !== void 0 ? notDataMessage : 'No Results Found'
-                                                : initialDataMessage !== null && initialDataMessage !== void 0 ? initialDataMessage : 'Type to search' }))) })), paginationEnabled &&
+                                                : initialDataMessage !== null && initialDataMessage !== void 0 ? initialDataMessage : 'Type to search' })) })), paginationEnabled &&
                                         nextBlock !== 0 &&
                                         nextBlock !== undefined &&
-                                        (filteredData === null || filteredData === void 0 ? void 0 : filteredData.length) > 0 && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "loadMoreSection", onClick: function () { return handleLoadMore(); } }, { children: (0, jsx_runtime_1.jsx)("p", __assign({ style: { margin: 2 } }, { children: "Load More" })) })))] }))] })), (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: countOnly && (filteredSelectedItems === null || filteredSelectedItems === void 0 ? void 0 : filteredSelectedItems.length) > 0 && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "qbs-expandable-container qbs-dropdown-selected-container", ref: dropdownSelectedRef }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "qbs-flex qbs-w-full qbs-text-xs" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "qbs-selected-lbs qbs-flex-grow" }, { children: "Selected Items" })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "qbs-clear-link qbs-text-right qbs-cursor-pointer ".concat(viewMode ? 'hidden' : ''), onClick: handleClearSelected }, { children: "Clear all" })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "qbs-done-link qbs-text-right qbs-cursor-pointer ".concat(viewMode ? 'hidden' : ''), onClick: function () {
+                                        (filteredData === null || filteredData === void 0 ? void 0 : filteredData.length) > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "loadMoreSection", onClick: () => handleLoadMore(), children: (0, jsx_runtime_1.jsx)("p", { style: { margin: 2 }, children: "Load More" }) }))] })] })), (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: countOnly && (filteredSelectedItems === null || filteredSelectedItems === void 0 ? void 0 : filteredSelectedItems.length) > 0 && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: `qbs-expandable-container qbs-dropdown-selected-container`, ref: dropdownSelectedRef, children: [(0, jsx_runtime_1.jsxs)("div", { className: `qbs-flex qbs-w-full qbs-text-xs`, children: [(0, jsx_runtime_1.jsx)("div", { className: "qbs-selected-lbs qbs-flex-grow", children: "Selected Items" }), (0, jsx_runtime_1.jsx)("div", { className: `qbs-clear-link qbs-text-right qbs-cursor-pointer ${viewMode ? 'hidden' : ''}`, onClick: handleClearSelected, children: "Clear all" }), (0, jsx_runtime_1.jsx)("div", { className: `qbs-done-link qbs-text-right qbs-cursor-pointer ${viewMode ? 'hidden' : ''}`, onClick: () => {
                                                     handleApplySelected();
-                                                } }, { children: "Apply" }))] })), getSelectedItems(true), (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (filteredSelectedItems === null || filteredSelectedItems === void 0 ? void 0 : filteredSelectedItems.length) > itemCount &&
-                                            showAllSelected && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "qbs-readmore-collapse" }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "qbs-more-collapse", onClick: function () {
+                                                }, children: "Apply" })] }), getSelectedItems(true), (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (filteredSelectedItems === null || filteredSelectedItems === void 0 ? void 0 : filteredSelectedItems.length) > itemCount &&
+                                            showAllSelected && ((0, jsx_runtime_1.jsx)("div", { className: "qbs-readmore-collapse", children: (0, jsx_runtime_1.jsx)("div", { className: "qbs-more-collapse", onClick: () => {
                                                     handleCollapseArrowClick();
-                                                } }, { children: (0, jsx_runtime_1.jsx)(icons_1.DropArrow, { className: "icon-button-rotate", uniqueDropArrowId: uniqueDropArrowId }) })) }))) })] })) })) })] })), document.body) }));
+                                                }, children: (0, jsx_runtime_1.jsx)(icons_1.DropArrow, { className: `icon-button-rotate`, uniqueDropArrowId: uniqueDropArrowId }) }) })) })] }) })) })] }), document.body) }));
 });
 exports.default = react_1.default.memo(DropdownFilterTabs);
 //# sourceMappingURL=dropdownFilterTabs.js.map