react-core-ts 1.3.79 → 1.4.0

package/docs/App.tsx

@@ -151,6 +151,7 @@ export default function App() {
               singleSelect={true}
               expandable={true}
               isTreeDropdown={true}
+              filterCondition={{ filterKey: 'id', filterValue: 22 }}
               descId="id"
               data={treeDropData}
               paginationEnabled={false}

package/docs/store.ts

@@ -1,6 +1,6 @@
 export const treeDropData = [
   {
-    name: 'Port A - This is the main port in the northern region with significant traffic and operations',
+    name: 'Port 22 - This is the main port in the northern region with significant traffic and operations',
     id: 22,
     parentId: null,
   },

package/package.json

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

package/src/AutoCompleteWithTreeStructure.tsx

@@ -72,6 +72,7 @@ const AutoCompleteWithTreeStructure = forwardRef<
       hasDisableSelection,
       inputType = 'text',
       onFocusTreeDropdown,
+      filterCondition,
     },
     ref
   ) => {
@@ -470,18 +471,35 @@ const AutoCompleteWithTreeStructure = forwardRef<
 
       const searchRecursive = (port: any) => {
         if (port[desc].toLowerCase().includes(lowerQuery)) {
-          result.push({
-            [descId]: port[descId],
-            [desc]: port[desc],
-            parentId: port.parentId,
-          });
+          if (
+            filterCondition &&
+            filterCondition.filterKey &&
+            filterCondition.filterValue
+          ) {
+            result.push({
+              [descId]: port[descId],
+              [desc]: port[desc],
+              parentId: port.parentId,
+              [filterCondition?.filterKey]: port[filterCondition.filterKey],
+            });
+          } else {
+            result.push({
+              [descId]: port[descId],
+              [desc]: port[desc],
+              parentId: port.parentId,
+            });
+          }
         }
         port.children?.forEach(searchRecursive);
       };
 
-      dropDownData.forEach(searchRecursive);
-      result;
-      setFilteredData(result);
+      // Default behavior (filter entire array)
+      dropDownData?.forEach(searchRecursive);
+
+      const final = result.filter((item) => {
+        return item[filterCondition?.filterKey] === filterCondition.filterValue;
+      });
+      setFilteredData(final);
     };
 
     const handleSuggestionClick = useCallback((suggestion: ValueProps) => {

package/src/commontypes.ts

@@ -73,6 +73,10 @@ export interface AutoSuggestionInputProps {
     e: React.FocusEvent<HTMLTextAreaElement, Element>
   ) => void;
   inputType?: 'text' | 'textarea';
+  filterCondition?: {
+    filterKey?: any;
+    filterValue?: any;
+  };
 }
 export interface IconsProps {
   name: any;