playbook_ui 12.26.0.pre.alpha.multiselectfixes798 → 12.26.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 885259e20b787892699275c0691bde8b5e63bf0b010d7e447e51e945fc5f23f8
-  data.tar.gz: 8ca06c90d70b8d2e5822a4be0b1882d7e22e847c72e0bb28d8afd4e520d6b00b
+  metadata.gz: f05ba004408818dfcba9bd10157c3c88af1dd4d310795c061f333b5945fc4f5a
+  data.tar.gz: e0634afd89ddd77122ed2a6fedf1a0af05dbc0a07e93dccae55b1e2227303cbc
 SHA512:
-  metadata.gz: cfc65879ed3c5beb563456c3bc791a8ad1335292b5448ecdfbcb90b8c72bbe1d2d9a275c11ecccea51309d9ccd727a2f09f29120468d9f646f76c7948f35377b
-  data.tar.gz: 0b41fb441055d6619d7d8ff5391a4e1f979df876a0ad04ec3ee350f8a883ae6ae8ca223fd0ca9c39a41f2e2aa7e6cc82136affd88922d9e956140f64f61b6b4b
+  metadata.gz: d9c746e3c5e9e738c378c47f109c3c7ac8f069da5d04fca517dc58128053d6b02a75b0ba2d244d1f070348f856d8348438721f59708afd9b9be90ba82f66267f
+  data.tar.gz: '050496ad839d51a4fc1e6440d9356f578cb3613b788770ffbd703b99c1f1f14d1e060e6dd7b7bc1fb878c61f5f1a697b0a8df3ddb55b8f0ee4085d047a6be9a8'

data/app/pb_kits/playbook/pb_multi_level_select/_helper_functions.tsx

@@ -210,22 +210,3 @@ export const removeChildrenIfParentChecked = (
   );
   setDefaultReturn([...filteredDefaultArray, items]);
 };
-
-export const areAllCheckedFalse = (data:any) => {
-  if (!Array.isArray(data)) {
-    return;
-  }
-  for (const item of data) {
-    if (item.checked !== false) {
-      return false; // Return false if any item is not checked: false
-    }
-
-    if (item.children && item.children.length > 0) {
-      if (!areAllCheckedFalse(item.children)) {
-        return false; // Return false if any nested item is not checked: false
-      }
-    }
-  }
-
-  return true; // Return true if all items are checked: false
-};

data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx

@@ -18,7 +18,6 @@ import {
   recursiveReturnOnlyParent,
   removeChildrenIfParentChecked,
   getChildIds,
-  areAllCheckedFalse
 } from "./_helper_functions";
 
 type MultiLevelSelectProps = {
@@ -59,7 +58,7 @@ const MultiLevelSelect = (props: MultiLevelSelectProps) => {
   //this is essentially the return that the user will get when they use the kit
   const [returnedArray, setReturnedArray] = useState([]);
   //formattedData with checked and parent_id added
-  const [formattedData, setFormattedData] = useState([]);
+  const [formattedData, setFormattedData] = useState(treeData);
   //toggle chevron in dropdown
   //@ts-ignore
   const [isToggled, setIsToggled] = useState<{ [id: number]: boolean }>({}); 
@@ -85,33 +84,26 @@ const MultiLevelSelect = (props: MultiLevelSelectProps) => {
   }, [returnedArray, defaultReturn]);
 
   useEffect(() => {
-    console.log("TREEDATA", treeData)
     //Create new formattedData array for use
     setFormattedData(addCheckedAndParentProperty(treeData));
-    //if any items already checked in first render, set return accordingly
-    const initialChecked = getCheckedItems(treeData)
-    console.log("INITIAl CHECKED", initialChecked)
-    const initialUnchecked = areAllCheckedFalse(treeData)
-    console.log("INIITAL UNCHECKED", initialUnchecked)
-    initialChecked && returnAllSelected && setReturnedArray(initialChecked)
-    initialChecked && !returnAllSelected && setDefaultReturn(initialChecked)
-
-  }, [treeData]);
-
-  useEffect(()=> {
     // Function to handle clicks outside the dropdown
     const handleClickOutside = (event: any) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setIsClosed(true);
       }
     };
-        // Attach the event listener
-        window.addEventListener("click", handleClickOutside);
-        // Clean up the event listener on unmount
-        return () => {
-          window.removeEventListener("click", handleClickOutside);
-        };
-  },[])
+    //if any items already checked in first render, set return accordingly
+    const initialChecked = getCheckedItems(treeData)
+    initialChecked && returnAllSelected && setReturnedArray(initialChecked)
+    initialChecked && !returnAllSelected && setDefaultReturn(initialChecked)
+
+    // Attach the event listener
+    window.addEventListener("click", handleClickOutside);
+    // Clean up the event listener on unmount
+    return () => {
+      window.removeEventListener("click", handleClickOutside);
+    };
+  }, []);
 
   //function to map over data and add parent_id + depth property to each item
   const addCheckedAndParentProperty = (