react-core-ts 1.3.19 → 1.3.21

package/dist/utilities/convertFlatArraytoTreeStructure.js.map

@@ -1 +1 @@
-{"version":3,"file":"convertFlatArraytoTreeStructure.js","sourceRoot":"","sources":["../../src/utilities/convertFlatArraytoTreeStructure.ts"],"names":[],"mappings":";;;AAAA,SAAgB,SAAS,CAAC,IAAW,EAAE,OAAe,EAAE,WAAmB;IACzE,IAAM,OAAO,GAAG,IAAI,GAAG,EAAE,CAAC;IAE1B,uBAAuB;IACvB,IAAI,CAAC,OAAO,CAAC,UAAC,IAAI;QAChB,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;QACnB,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,2BAA2B;IAC3B,IAAM,IAAI,GAAU,EAAE,CAAC;IAEvB,IAAI,CAAC,OAAO,CAAC,UAAC,IAAI;QAChB,IAAI,IAAI,CAAC,WAAW,CAAC,EAAE;YACrB,8CAA8C;YAC9C,IAAM,QAAM,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;YAC9C,IAAI,QAAM,EAAE;gBACV,QAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aAC5B;SACF;aAAM;YACL,qCAAqC;YACrC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACjB;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AACd,CAAC;AA1BD,8BA0BC"}
+{"version":3,"file":"convertFlatArraytoTreeStructure.js","sourceRoot":"","sources":["../../src/utilities/convertFlatArraytoTreeStructure.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,SAAgB,SAAS,CAAC,IAAW,EAAE,OAAe,EAAE,WAAmB;IACzE,IAAM,OAAO,GAAG,IAAI,GAAG,EAAE,CAAC;IAE1B,uBAAuB;IACvB,IAAI,CAAC,OAAO,CAAC,UAAC,IAAI;QAChB,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;QACnB,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,2BAA2B;IAC3B,IAAM,IAAI,GAAU,EAAE,CAAC;IAEvB,IAAI,CAAC,OAAO,CAAC,UAAC,IAAI;QAChB,IAAI,IAAI,CAAC,WAAW,CAAC,EAAE;YACrB,8CAA8C;YAC9C,IAAM,QAAM,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;YAC9C,IAAI,QAAM,EAAE;gBACV,QAAM,CAAC,QAAQ,CAAC,IAAI,uBAAM,IAAI,KAAE,OAAO,EAAE,KAAK,IAAG,CAAC;aACnD;SACF;aAAM;YACL,qCAAqC;YACrC,IAAI,CAAC,IAAI,uBAAM,IAAI,KAAE,OAAO,EAAE,KAAK,IAAG,CAAC;SACxC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AACd,CAAC;AA1BD,8BA0BC"}

package/package.json

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

package/src/AutoCompleteWithTreeStructure.tsx

@@ -74,6 +74,7 @@ const AutoCompleteWithTreeStructure = forwardRef<
     const [inputValue, setInputValue] = useState<string>(value);
     const [searchValue, setSearchValue] = useState<string>('');
     const [nextPage, setNextPage] = useState<number | undefined>(1);
+    const [updateKey, setUpdateKey] = useState<number>(0);
     const [dropOpen, setDropOpen] = useState<boolean>(false);
     const [selectedItems, setSelectedItems] = useState<ValueProps[]>([]);
     // API call for suggestions through a custom hook
@@ -215,7 +216,10 @@ const AutoCompleteWithTreeStructure = forwardRef<
         errors && errors?.message ? 'textfield-error' : 'tree-textfield'
       } ${expandable ? 'expandable' : ''}`;
     }, [errors, name]);
+
     const handleRemoveSelectedItem = (index: number) => {
+      setDropDownData(clearAllNodes(dropDownData));
+      setUpdateKey(updateKey + 1);
       setSelectedItems((prev) => {
         return prev.filter((_, i) => i !== index);
       });
@@ -305,6 +309,13 @@ const AutoCompleteWithTreeStructure = forwardRef<
       setDropDownData(newTreeData);
     };
 
+    const clearAllNodes = (nodes: any[]): any[] => {
+      return nodes.map((node) => ({
+        ...node,
+        checked: false,
+        children: node.children ? clearAllNodes(node.children) : undefined,
+      }));
+    };
     // Function to handle checkbox change (single or multi-select)
     const updateNode = (id: string, checked: boolean) => {
       let newTreeData;
@@ -343,7 +354,6 @@ const AutoCompleteWithTreeStructure = forwardRef<
           updateAllNodes(node, id, checked)
         );
       }
-      setDropDownData(newTreeData);
     };
     const getCheckedNodes = (node: any, checkedNodes: any[]) => {
       if (node.checked) {
@@ -396,7 +406,7 @@ const AutoCompleteWithTreeStructure = forwardRef<
       return (
         <div className="qbs-tree-list-container-child">
           <TreeNode
-            key={node[descId]}
+            key={`${node[descId]}${updateKey}`}
             node={node}
             // handleMultiSelect={handleMultiSelect}
             selected={selected}
@@ -586,7 +596,7 @@ const AutoCompleteWithTreeStructure = forwardRef<
                   {dropDownData?.length > 0 ? (
                     dropDownData.map((suggestion: any, idx: number) => (
                       <TreeNode
-                        key={suggestion[descId]}
+                        key={`${suggestion[descId]}${updateKey}`}
                         node={suggestion}
                         isSelected={isSelected}
                         // handleMultiSelect={handleMultiSelect}

package/src/utilities/convertFlatArraytoTreeStructure.ts

@@ -15,11 +15,11 @@ export function buildTree(data: any[], idField: string, parentField: string) {
       // Find the parent and add the node as a child
       const parent = nodeMap.get(node[parentField]);
       if (parent) {
-        parent.children.push(node);
+        parent.children.push({ ...node, checked: false });
       }
     } else {
       // No parentId means it's a root node
-      tree.push(node);
+      tree.push({ ...node, checked: false });
     }
   });