playbook_ui 12.26.0.pre.alpha.multiselectfixes825 → 12.26.0.pre.alpha.railsmultilevelimprovements805

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 371b190965297927aba9f26c26fe3383d9c6ce959adca7e0a128027d1b0f2255
-  data.tar.gz: baae24f5458e96ac76e0ce2b6f63ba34e0e1b91613095f789352a9f4cc3b3bc2
+  metadata.gz: 79c732fa4dc676050bdbc6dda57f9a180670d812ffeeb73ba5d410a683a2c6bf
+  data.tar.gz: 332c5b9b341d69f47d83af65dfd5936918ee3b7e4149884892a8c4926b7ec3e7
 SHA512:
-  metadata.gz: bf19511362763021d0f7e77dfba5c1e47239692412c7076e377042b1573393f603efc84f7d8bd09d8f29946c4a0d9135b79ea4d90d83b50eed62835f89d3c733
-  data.tar.gz: 24a916ccc779f9d9c585117d8582c94c1240305e3a12c4cb2382755206e24ecf776827914b1ee33be8125470b361a58eb3adb8078d48e51ccb68c4b459981f9c
+  metadata.gz: bd51e6d5feffbe630c6e315e17e108d3f2c2d55a55b2ba12fbe14894950f61e9d457cb29899993a7f990564140e95e78c8251e675cfa7f3048dacfb7cb24d72f
+  data.tar.gz: fd53b4b633ea48c3b6db1f2f87c017509db18cf1d7732d9a1992ee3147e8df41d6e0b05fa1bf5f876c2304c3ae71ddb8627deb1e5abd65de8d8f14ccac9bc139

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

@@ -1,16 +1,58 @@
+//function for unchecking items in formattedData
+export const unCheckIt = (
+  formattedData: { [key: string]: any }[],
+  id: string
+) => {
+  formattedData.map((item: { [key: string]: any }) => {
+    if (item.id === id && item.checked) {
+      item.checked = false;
+    }
+    if (item.children && item.children.length > 0) {
+      unCheckIt(item.children, id);
+    }
+    return item;
+  });
+};
+
 //function to retrieve all ancestors of unchecked item and set checked to false
 export const getAncestorsOfUnchecked = (
-  data: { [key: string]: any }[],
+  formattedData: { [key: string]: any }[],
   item: { [key: string]: any }
 ) => {
   if (item.parent_id) {
-    const ancestor = filterFormattedDataById(data, item.parent_id);
-    ancestor[0].checked = false;
-    ancestor[0].parent_id && getAncestorsOfUnchecked(data, ancestor[0])
+    const ancestors = filterFormattedDataById(formattedData, item.parent_id);
+    ancestors[0].checked = false;
+
+    if (ancestors[0].parent_id) {
+      getAncestorsOfUnchecked(formattedData, ancestors[0]);
+    }
   }
-  return data;
 };
-  
+
+//recursively check all child and grandchild items if parent checked
+export const checkedRecursive = (item: { [key: string]: any }) => {
+  if (!item.checked) {
+    item.checked = true;
+  }
+  if (item.children && item.children.length > 0) {
+    item.children.forEach((childItem: { [key: string]: any }) => {
+      checkedRecursive(childItem);
+    });
+  }
+};
+
+//recursively uncheck all child and grandchild items if parent unchecked
+export const unCheckedRecursive = (item: { [key: string]: any }) => {
+  if (item.checked) {
+    item.checked = false;
+  }
+  if (item.children && item.children.length > 0) {
+    item.children.forEach((childItem: { [key: string]: any }) => {
+      unCheckedRecursive(childItem);
+    });
+  }
+};
+
 //function is going over formattedData and returning all objects that match the
 //id of the clicked item from the dropdown
 export const filterFormattedDataById = (
@@ -22,7 +64,6 @@ export const filterFormattedDataById = (
     for (const item of data) {
       if (item.id.toLowerCase() === (term.toLowerCase())) {
         matched.push(item);
-        return
       }
 
       if (item.children && item.children.length > 0) {
@@ -75,60 +116,97 @@ export const getCheckedItems = (
   });
   return checkedItems;
 };
-    
-export const getDefaultCheckedItems = (treeData:{ [key: string]: any }[]) => {
-  const checkedDefault: { [key: string]: any }[] = [];
 
-  const traverseTree = (items:{ [key: string]: any }[]) => {
-    if (!Array.isArray(items)) {
-      return;
+export const getChildIds = (
+  item: { [key: string]: any },
+  defaultArray: { [key: string]: any }[]
+) => {
+  let childIds: string[] = [];
+  item.children.forEach((child: { [key: string]: any }) => {
+    childIds.push(child.id);
+    if (child.children && child.children.length > 0) {
+      const childChildIds = getChildIds(child, defaultArray);
+      childIds.push(...childChildIds);
     }
-    items.forEach((item:{ [key: string]: any }) => {
-      if (item.checked) {
-        if (item.children && item.children.length > 0) {
-          const uncheckedChildren = item.children.filter((child:{ [key: string]: any }) => !child.checked);
-          if (uncheckedChildren.length === 0) {
-            checkedDefault.push(item);
-            return;
-          }
-        } else {
-          const parent = items.find((parentItem:{ [key: string]: any }) => parentItem.id === item.parentId);
-          if (!parent || !parent.checked) {
-            checkedDefault.push(item);
-          }
-        }
-      }
+  });
+  return childIds;
+};
 
-      if (item.children && item.children.length > 0) {
-        traverseTree(item.children);
+export const updateReturnItems = (newChecked: { [key: string]: any }[]) => {
+  const updatedCheckedItems: { [key: string]: any }[] = [];
+  for (const item of newChecked) {
+    if (item.children && item.children.length > 0) {
+      const allChildrenChecked = item.children.every(
+        (child: { [key: string]: any }) => child.checked
+      );
+      if (allChildrenChecked) {
+        updatedCheckedItems.push(item);
       }
-    });
-  };
-
-  traverseTree(treeData);
-
-  return checkedDefault;
+    }
+    const childItem = updatedCheckedItems.some((x) => x.id === item?.parent_id);
+    if (!childItem) {
+      updatedCheckedItems.push(item);
+    }
+  }
+  const filteredReturn = updatedCheckedItems.filter((item) => {
+    return !updatedCheckedItems.find(
+      (otherItem) => otherItem.id === item.parent_id
+    );
+  });
+  return filteredReturn;
 };
 
-export const recursiveCheckParent = (
-  item: { [key: string]: any },
-  data:any
+export const recursiveReturnOnlyParent = (
+  items: { [key: string]: any },
+  formattedData: { [key: string]: any }[],
+  defaultReturn: { [key: string]: any }[],
+  setDefaultReturn: any
 ) => {
-  if (item.parent_id !== null) {
-  const parent = filterFormattedDataById(data, item.parent_id);
+  const parent = filterFormattedDataById(formattedData, items.parent_id);
   const allChildrenChecked = parent[0].children.every(
     (child: { [key: string]: any }) => child.checked
   );
   if (allChildrenChecked) {
+    // Only return the parent and remove its children from defaultReturn
     parent[0].checked = true;
+    const filteredDefaultReturn = defaultReturn.filter((item) => {
+      // Remove children of the specific parent
+      if (
+        parent[0].children.find(
+          (child: { [key: string]: any }) => child.id === item.id
+        )
+      ) {
+        return false;
+      }
+    });
+    setDefaultReturn([...filteredDefaultReturn, parent[0]]);
+    // Check if the parent has a parent and its children are all checked
     const parentHasParent = parent[0].parent_id !== null;
     if (parentHasParent) {
-      recursiveCheckParent(
+      recursiveReturnOnlyParent(
         parent[0],
-        data
+        formattedData,
+        filteredDefaultReturn,
+        setDefaultReturn
       );
     }
-}
-}
-return data;
-}
+  } else {
+    const checkedChildren = parent[0].children.filter(
+      (child: { [key: string]: any }) => child.checked
+    );
+    const updatedDefaultReturn = [...defaultReturn, ...checkedChildren];
+    setDefaultReturn(updatedDefaultReturn);
+  }
+};
+
+export const removeChildrenIfParentChecked = (
+  items: { [key: string]: any },
+  defaultReturn: { [key: string]: any }[],
+  setDefaultReturn: any
+) => {
+  const childIds = getChildIds(items, defaultReturn);
+  const filteredDefaultArray = defaultReturn.filter(
+    (item: { [key: string]: any }) => childIds !== item.id
+  );
+  setDefaultReturn([...filteredDefaultArray, items]);
+};