react-core-ts 2.1.35 → 2.1.37

package/dist/utilities/getKeyValue.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.safeToLowerString = exports.getKeyValue = void 0;
+exports.isSelectionMatchValue = exports.isSelectionMatch = exports.safeToLowerString = exports.getKeyValue = void 0;
 // Utility function to safely get a value by key (which may be empty, null, or a number) and fallback to a default key
 function getKeyValue(obj, key, fallbackKey) {
     if (key !== undefined && key !== null && key !== '') {
@@ -17,4 +17,24 @@ function safeToLowerString(val) {
     return String(val).toLowerCase();
 }
 exports.safeToLowerString = safeToLowerString;
+/** Match selected item to a suggestion — id when both exist, otherwise desc. */
+function isSelectionMatch(selectedItem, item, desc, descId) {
+    var selectedId = getKeyValue(selectedItem, descId, 'id');
+    var itemId = getKeyValue(item, descId, 'id');
+    if (selectedId && itemId) {
+        return selectedId === itemId;
+    }
+    return (getKeyValue(selectedItem, desc, 'name') === getKeyValue(item, desc, 'name'));
+}
+exports.isSelectionMatch = isSelectionMatch;
+/** Match a suggestion to a string value (single-select input). */
+function isSelectionMatchValue(item, selectedValue, desc, descId) {
+    var normalized = safeToLowerString(selectedValue);
+    var itemId = getKeyValue(item, descId, 'id');
+    if (itemId && itemId === normalized) {
+        return true;
+    }
+    return getKeyValue(item, desc, 'name') === normalized;
+}
+exports.isSelectionMatchValue = isSelectionMatchValue;
 //# sourceMappingURL=getKeyValue.js.map

package/dist/utilities/getKeyValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"getKeyValue.js","sourceRoot":"","sources":["../../src/utilities/getKeyValue.ts"],"names":[],"mappings":";;;AAAA,sHAAsH;AACtH,SAAgB,WAAW,CAAC,GAAQ,EAAE,GAAQ,EAAE,WAAmB;IACjE,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,EAAE,EAAE;QACnD,IAAM,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;QACrB,OAAO,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KACrD;IACD,IAAM,WAAW,GAAG,GAAG,CAAC,WAAW,CAAC,CAAC;IACrC,OAAO,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;AACtE,CAAC;AAPD,kCAOC;AAED,SAAgB,iBAAiB,CAAC,GAAQ;IACxC,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,IAAI;QAAE,OAAO,EAAE,CAAC;IACjD,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;AACnC,CAAC;AAHD,8CAGC"}
+{"version":3,"file":"getKeyValue.js","sourceRoot":"","sources":["../../src/utilities/getKeyValue.ts"],"names":[],"mappings":";;;AAAA,sHAAsH;AACtH,SAAgB,WAAW,CAAC,GAAQ,EAAE,GAAQ,EAAE,WAAmB;IACjE,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,EAAE,EAAE;QACnD,IAAM,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;QACrB,OAAO,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KACrD;IACD,IAAM,WAAW,GAAG,GAAG,CAAC,WAAW,CAAC,CAAC;IACrC,OAAO,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;AACtE,CAAC;AAPD,kCAOC;AAED,SAAgB,iBAAiB,CAAC,GAAQ;IACxC,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,IAAI;QAAE,OAAO,EAAE,CAAC;IACjD,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;AACnC,CAAC;AAHD,8CAGC;AAED,gFAAgF;AAChF,SAAgB,gBAAgB,CAC9B,YAAiB,EACjB,IAAS,EACT,IAAY,EACZ,MAAc;IAEd,IAAM,UAAU,GAAG,WAAW,CAAC,YAAY,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;IAC3D,IAAM,MAAM,GAAG,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;IAE/C,IAAI,UAAU,IAAI,MAAM,EAAE;QACxB,OAAO,UAAU,KAAK,MAAM,CAAC;KAC9B;IAED,OAAO,CACL,WAAW,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAC5E,CAAC;AACJ,CAAC;AAhBD,4CAgBC;AAED,kEAAkE;AAClE,SAAgB,qBAAqB,CACnC,IAAS,EACT,aAAqB,EACrB,IAAY,EACZ,MAAc;IAEd,IAAM,UAAU,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAC;IACpD,IAAM,MAAM,GAAG,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;IAC/C,IAAI,MAAM,IAAI,MAAM,KAAK,UAAU,EAAE;QACnC,OAAO,IAAI,CAAC;KACb;IACD,OAAO,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,UAAU,CAAC;AACxD,CAAC;AAZD,sDAYC"}

package/docs/App.tsx

@@ -493,7 +493,7 @@ export default function App() {
               ]}
               clearTabSwitch={true}
               tabInlineSearch={false}
-              // autoDropdown={true}
+              autoDropdown={true}
               searchValue="Hello"
               onSearchValueChange={(value) =>
                 console.log(value, "onSearchValueChange")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-core-ts",
-  "version": "2.1.35",
+  "version": "2.1.37",
   "description": "React Components",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/AutoComplete.tsx

@@ -12,6 +12,7 @@ import { useSuggestions } from './utilities/autosuggestions';
 import { debounce } from './utilities/debounce';
 import { deepEqual } from './utilities/deepEqual';
 import { filterSuggestions } from './utilities/filterSuggestions';
+import { isSelectionMatch, isSelectionMatchValue } from './utilities/getKeyValue';
 import { Close, DropArrow, Search, Spinner } from './utilities/icons';
 import Tooltip from './utilities/tooltip';
 
@@ -283,12 +284,12 @@ const AutoComplete = forwardRef<HTMLInputElement, AutoSuggestionInputProps>(
       selectedItems: ValueProps[] | string,
     ): boolean => {
       if (Array.isArray(selectedItems)) {
-        return selectedItems.some(
-          (selectedItem) => selectedItem[desc] === item[desc],
+        return selectedItems.some((selectedItem) =>
+          isSelectionMatch(selectedItem, item, desc, descId),
         );
-      } else {
-        return item[desc] === selectedItems;
       }
+
+      return isSelectionMatchValue(item, selectedItems, desc, descId);
     };
 
     const handleLoadMore = () => {

package/src/AutoCompleteWithSelectedList.tsx

@@ -18,7 +18,7 @@ import { deepEqual } from './utilities/deepEqual';
 import { filterSuggestions } from './utilities/filterSuggestions';
 import { AllDropArrow, DropArrow, Search, Spinner } from './utilities/icons';
 import { default as Tooltip } from './utilities/NewTooltip';
-import { getKeyValue, safeToLowerString } from './utilities/getKeyValue';
+import { getKeyValue, isSelectionMatch, isSelectionMatchValue } from './utilities/getKeyValue';
 import {
   clampDropdownToViewportPreferRightAlign,
   MAX_DROPDOWN_WIDTH_WITH_TABS_PX,
@@ -648,17 +648,12 @@ const AutoCompleteWithSelectedList = forwardRef<
       selectedItems: ValueProps[] | string
     ): boolean => {
       if (Array.isArray(selectedItems)) {
-        return selectedItems.some(
-          (selectedItem) =>
-            getKeyValue(selectedItem, desc, 'name') === getKeyValue(item, desc, 'name') ||
-            getKeyValue(selectedItem, descId, 'id') === getKeyValue(item, descId, 'id')
-        );
-      } else {
-        return (
-          getKeyValue(item, desc, 'name') === safeToLowerString(selectedItems) ||
-          getKeyValue(item, descId, 'id') === safeToLowerString(selectedItems)
+        return selectedItems.some((selectedItem) =>
+          isSelectionMatch(selectedItem, item, desc, descId),
         );
       }
+
+      return isSelectionMatchValue(item, selectedItems, desc, descId);
     };
 
     const handleLoadMore = () => {
@@ -751,17 +746,27 @@ const AutoCompleteWithSelectedList = forwardRef<
             setSearchValue('');
             setInputValue('');
             handlePickSuggestions('', 1);
+            setAllDataLoaded(false);
           } else {
             resetSuggections?.();
             const activeTabVal =
               tab.length > 0 ? tab?.[index].id : undefined;
-            handlePickSuggestions(searchValue, 1, false, activeTabVal);
+            const normalizedSearchValue = searchValue?.trim();
+            const tabSearchValue =
+              !tabInlineSearch && allDataLoaded && !normalizedSearchValue
+                ? '*'
+                : searchValue;
+            handlePickSuggestions(tabSearchValue, 1, false, activeTabVal);
           }
-          setAllDataLoaded(false);
         } else if (!tabInlineSearch) {
           resetSuggections?.();
           const activeTabVal = tab.length > 0 ? tab?.[index].id : undefined;
-          handlePickSuggestions(searchValue, 1, false, activeTabVal);
+          const normalizedSearchValue = searchValue?.trim();
+          const tabSearchValue =
+            !tabInlineSearch && allDataLoaded && !normalizedSearchValue
+              ? '*'
+              : searchValue;
+          handlePickSuggestions(tabSearchValue, 1, false, activeTabVal);
         }
         setActiveTab(index);
       }

package/src/AutoCompleteWithTabFilter.tsx

@@ -16,7 +16,7 @@ import { deepEqual } from './utilities/deepEqual';
 import { filterSuggestions } from './utilities/filterSuggestions';
 import { AllDropArrow, DropArrow, Search, Spinner, Tools } from './utilities/icons';
 import { default as Tooltip } from './utilities/NewTooltip';
-import { getKeyValue, safeToLowerString } from './utilities/getKeyValue';
+import { getKeyValue, isSelectionMatch, isSelectionMatchValue } from './utilities/getKeyValue';
 import {
     clampDropdownToViewportPreferRightAlign,
     MAX_DROPDOWN_WIDTH_WITH_TABS_PX,
@@ -710,17 +710,12 @@ const AutoCompleteWithTabFilter = forwardRef<
             selectedItems: ValueProps[] | string
         ): boolean => {
             if (Array.isArray(selectedItems)) {
-                return selectedItems.some(
-                    (selectedItem) =>
-                        getKeyValue(selectedItem, desc, 'name') === getKeyValue(item, desc, 'name') ||
-                        getKeyValue(selectedItem, descId, 'id') === getKeyValue(item, descId, 'id')
-                );
-            } else {
-                return (
-                    getKeyValue(item, desc, 'name') === safeToLowerString(selectedItems) ||
-                    getKeyValue(item, descId, 'id') === safeToLowerString(selectedItems)
+                return selectedItems.some((selectedItem) =>
+                    isSelectionMatch(selectedItem, item, desc, descId),
                 );
             }
+
+            return isSelectionMatchValue(item, selectedItems, desc, descId);
         };
 
         const handleLoadMore = () => {
@@ -828,21 +823,31 @@ const AutoCompleteWithTabFilter = forwardRef<
                         setSearchValue('');
                         setInputValue('');
                         handlePickSuggestions('', 1);
+                        setAllDataLoaded(false);
                     } else {
                         resetSuggections?.();
                         const activeTabVal =
                             tab.length > 0 ? tab?.[index].id : undefined;
-                        handlePickSuggestions(searchValue, 1, false, activeTabVal);
+                        const normalizedSearchValue = searchValue?.trim();
+                        const tabSearchValue =
+                            !tabInlineSearch && allDataLoaded && !normalizedSearchValue
+                                ? '*'
+                                : searchValue;
+                        handlePickSuggestions(tabSearchValue, 1, false, activeTabVal);
                     }
-                    setAllDataLoaded(false);
                 } else if (!tabInlineSearch) {
                     resetSuggections?.();
                     const activeTabVal = tab.length > 0 ? tab?.[index].id : undefined;
-                    handlePickSuggestions(searchValue, 1, false, activeTabVal);
+                    const normalizedSearchValue = searchValue?.trim();
+                    const tabSearchValue =
+                        !tabInlineSearch && allDataLoaded && !normalizedSearchValue
+                            ? '*'
+                            : searchValue;
+                    handlePickSuggestions(tabSearchValue, 1, false, activeTabVal);
                 }
                 setActiveTab(index);
             }
-        }, [activeTab, clearTabSwitch, handleClearSelected, tabInlineSearch, tab, searchValue, handlePickSuggestions, resetSuggections]);
+        }, [activeTab, clearTabSwitch, handleClearSelected, tabInlineSearch, tab, searchValue, handlePickSuggestions, resetSuggections, allDataLoaded]);
 
         const getSelectedRowLimit = useCallback(() => {
             let maxHeight = 36;

package/src/AutoCompleteWithTreeStructure.tsx

@@ -10,6 +10,7 @@ import { buildTree } from './utilities/convertFlatArraytoTreeStructure';
 import { deepEqual } from './utilities/deepEqual';
 import { default as Tooltip } from './utilities/expandableTootltip';
 import { Search, Spinner } from './utilities/icons';
+import { isSelectionMatch, isSelectionMatchValue } from './utilities/getKeyValue';
 
 type ValueProps = {
   [key: string]: string;
@@ -196,14 +197,12 @@ const AutoCompleteWithTreeStructure = forwardRef<
       selectedItems: ValueProps[] | string
     ): boolean => {
       if (Array.isArray(selectedItems)) {
-        return selectedItems.some(
-          (selectedItem) =>
-            selectedItem[desc] === item[desc] ||
-            selectedItem[descId] === item[descId]
+        return selectedItems.some((selectedItem) =>
+          isSelectionMatch(selectedItem, item, desc, descId),
         );
-      } else {
-        return item[desc] === selectedItems;
       }
+
+      return isSelectionMatchValue(item, selectedItems, desc, descId);
     };
     useEffect(() => {
       if (!deepEqual(selectedItems, propsSeelctedItems))

package/src/ExpandableAutoComplete.tsx

@@ -19,7 +19,7 @@ import { deepEqual } from './utilities/deepEqual';
 import { default as Tooltip } from './utilities/NewTooltip';
 import { filterSuggestions } from './utilities/filterSuggestions';
 import { AllDropArrow, Search, Spinner } from './utilities/icons';
-import { getKeyValue, safeToLowerString } from './utilities/getKeyValue';
+import { getKeyValue, isSelectionMatch, isSelectionMatchValue } from './utilities/getKeyValue';
 
 
 type ValueProps = {
@@ -456,17 +456,12 @@ const ExpandableAutoComplete = forwardRef<
       selectedItems: ValueProps[] | string
     ): boolean => {
       if (Array.isArray(selectedItems)) {
-        return selectedItems.some(
-          (selectedItem) =>
-            getKeyValue(selectedItem, desc, 'name') === getKeyValue(item, desc, 'name') ||
-            getKeyValue(selectedItem, descId, 'id') === getKeyValue(item, descId, 'id')
-        );
-      } else {
-        return (
-          getKeyValue(item, desc, 'name') === safeToLowerString(selectedItems) ||
-          getKeyValue(item, descId, 'id') === safeToLowerString(selectedItems)
+        return selectedItems.some((selectedItem) =>
+          isSelectionMatch(selectedItem, item, desc, descId),
         );
       }
+
+      return isSelectionMatchValue(item, selectedItems, desc, descId);
     };
 
     const handleLoadMore = () => {

package/src/dropdownFilterTabs.tsx

@@ -17,7 +17,7 @@ import { deepEqual } from './utilities/deepEqual';
 import { filterSuggestions } from './utilities/filterSuggestions';
 import { AllDropArrow, DropArrow, Search, Spinner } from './utilities/icons';
 import { default as Tooltip } from './utilities/NewTooltip';
-import { getKeyValue, safeToLowerString } from './utilities/getKeyValue';
+import { getKeyValue, isSelectionMatch, isSelectionMatchValue } from './utilities/getKeyValue';
 import {
   clampDropdownToViewportPreferRightAlign,
   MAX_DROPDOWN_WIDTH_WITH_TABS_PX,
@@ -736,19 +736,11 @@ const DropdownFilterTabs = forwardRef<
             }
           }
 
-          return (
-            getKeyValue(selectedItem, desc, 'name') ===
-              getKeyValue(item, desc, 'name') ||
-            getKeyValue(selectedItem, descId, 'id') ===
-              getKeyValue(item, descId, 'id')
-          );
+          return isSelectionMatch(selectedItem, item, desc, descId);
         });
-      } else {
-        return (
-          getKeyValue(item, desc, 'name') === safeToLowerString(selectedItems) ||
-          getKeyValue(item, descId, 'id') === safeToLowerString(selectedItems)
-        );
       }
+
+      return isSelectionMatchValue(item, selectedItems, desc, descId);
     }, [tab, currentTabId, desc, descId]);
 
     const handleLoadMore = () => {
@@ -788,22 +780,32 @@ const DropdownFilterTabs = forwardRef<
             setSearchValue('');
             setInputValue('');
             handlePickSuggestions('', 1);
+            setAllDataLoaded(false);
           } else {
             resetSuggections?.();
             const activeTabVal =
               tab.length > 0 ? tab?.[index].id : undefined;
-            handlePickSuggestions(searchValue, 1, false, activeTabVal);
+            const normalizedSearchValue = searchValue?.trim();
+            const tabSearchValue =
+              !tabInlineSearch && allDataLoaded && !normalizedSearchValue
+                ? '*'
+                : searchValue;
+            handlePickSuggestions(tabSearchValue, 1, false, activeTabVal);
           }
-          setAllDataLoaded(false);
         } else {
           resetSuggections?.();
           const activeTabVal = tab.length > 0 ? tab?.[index].id : undefined;
-          handlePickSuggestions(searchValue, 1, false, activeTabVal);
+          const normalizedSearchValue = searchValue?.trim();
+          const tabSearchValue =
+            !tabInlineSearch && allDataLoaded && !normalizedSearchValue
+              ? '*'
+              : searchValue;
+          handlePickSuggestions(tabSearchValue, 1, false, activeTabVal);
         }
         setActiveTab(index);
         setFocusedIndex(0); // Reset focused index when switching tabs
       }
-    }, [activeTab, clearTabSwitch, handleClearSelected, tabInlineSearch, tab, searchValue, handlePickSuggestions, resetSuggections]);
+    }, [activeTab, clearTabSwitch, handleClearSelected, tabInlineSearch, tab, searchValue, handlePickSuggestions, resetSuggections, allDataLoaded]);
 
     const getSelectedRowLimit = useCallback(() => {
       let maxHeight = 36;

package/src/dummyAutoCompleteWithSelectedList.tsx

@@ -9,6 +9,7 @@ import { debounce } from './utilities/debounce';
 import { deepEqual } from './utilities/deepEqual';
 import { default as Tooltip } from './utilities/expandableTootltip';
 import { filterSuggestions } from './utilities/filterSuggestions';
+import { isSelectionMatch, isSelectionMatchValue } from './utilities/getKeyValue';
 import { DropArrow, Search, Spinner } from './utilities/icons';
 
 const AutoCompleteWithSelectedList = forwardRef<
@@ -333,12 +334,12 @@ const AutoCompleteWithSelectedList = forwardRef<
       selectedItems: ValueProps[] | string
     ): boolean => {
       if (Array.isArray(selectedItems)) {
-        return selectedItems.some(
-          (selectedItem) => selectedItem[desc] === item[desc]
+        return selectedItems.some((selectedItem) =>
+          isSelectionMatch(selectedItem, item, desc, descId),
         );
-      } else {
-        return item[desc] === selectedItems;
       }
+
+      return isSelectionMatchValue(item, selectedItems, desc, descId);
     };
 
     const handleLoadMore = () => {

package/src/utilities/getKeyValue.ts

@@ -11,4 +11,38 @@ export function getKeyValue(obj: any, key: any, fallbackKey: string): string {
 export function safeToLowerString(val: any): string {
   if (val === undefined || val === null) return '';
   return String(val).toLowerCase();
+}
+
+/** Match selected item to a suggestion — id when both exist, otherwise desc. */
+export function isSelectionMatch(
+  selectedItem: any,
+  item: any,
+  desc: string,
+  descId: string,
+): boolean {
+  const selectedId = getKeyValue(selectedItem, descId, 'id');
+  const itemId = getKeyValue(item, descId, 'id');
+
+  if (selectedId && itemId) {
+    return selectedId === itemId;
+  }
+
+  return (
+    getKeyValue(selectedItem, desc, 'name') === getKeyValue(item, desc, 'name')
+  );
+}
+
+/** Match a suggestion to a string value (single-select input). */
+export function isSelectionMatchValue(
+  item: any,
+  selectedValue: string,
+  desc: string,
+  descId: string,
+): boolean {
+  const normalized = safeToLowerString(selectedValue);
+  const itemId = getKeyValue(item, descId, 'id');
+  if (itemId && itemId === normalized) {
+    return true;
+  }
+  return getKeyValue(item, desc, 'name') === normalized;
 }