playbook_ui 12.18.0.pre.alpha.play786multilevelselectimprovements627 → 12.18.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 71565d1e911bd318cffad56ff64e34bab539bc740f5138b68d1f1896c1a6808e
-  data.tar.gz: '0278d976d8320ee5013b5cc1cb9ae03349ba1948317c315624291a4ef1c9c93a'
+  metadata.gz: 066fe5069146426c6fb9111de27a23e19513b840bc5c0173fe862f05c9a6ad3a
+  data.tar.gz: b72f2e69c675d622a6dbdebec865da68d2914cadafa00b2f729319cb66b9e442
 SHA512:
-  metadata.gz: 01c0a50b86ab971669772bfffb39f010929ca496ded033027592aac11de73efb74f40a13b24705a379bba1e81df2b0e4a863415ab1c51b281a1b313a967cd216
-  data.tar.gz: e0703c831017c9f2adb8b05f0eeb61a934142e52beca288c37fa3ee08d6268a6db7198e146e2efb743238a5a5245b7bd54b1a5e0f2c5c7518eb63a8fed94e114
+  metadata.gz: ac985c76a200cc24cfb19fc1c7cf58f0ff7d1d514c5f1d3b25f49e191498a283096d57b046a3fdafbece5f51373c1bb3c92b03fe2b5c62557243b6b38813eb49
+  data.tar.gz: bc02a9551e56ff2ba4ac05d4afa7cf9b488abe1d5b3293347798ceb8b563bea793fe6f64b1925eb70d4da1d649b6556e18e7586501feb12d73eb2850baf2bbce

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

@@ -36,9 +36,10 @@
       vertical-align: top;
       width: 0.6em;
       top: 10px;
+      transform: rotate(135deg);
       font-size: 0.5em;
 
-      transform: rotate(45deg);
+      transform: rotate(-45deg);
       top: 12px;
     }
 

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

@@ -2,7 +2,7 @@ import React, { useState, useEffect, useMemo } from "react";
 import classnames from "classnames";
 import { buildAriaProps, buildCss, buildDataProps } from "../utilities/props";
 import { globalProps } from "../utilities/globalProps";
-import { findItemById, checkIt, unCheckIt, getParentAndAncestorsIds } from "./helper_functions";
+import { findItemById, checkIt, unCheckIt } from "./helper_functions";
 import MultiSelectHelper from "./_multi_select_helper";
 
 type MultiLevelSelectProps = {
@@ -42,31 +42,17 @@ const MultiLevelSelect = (props: MultiLevelSelectProps) => {
     const updatedData = formattedData.map((item: any) => {
       if (item.id === currentNode._id) {
         if (currentNode.checked) {
-          checkIt(item, selectedItems, setSelectedItems, false);
+          checkIt(item, selectedItems, setSelectedItems);
         } else {
-          unCheckIt(item, selectedItems, setSelectedItems, false);
+          unCheckIt(item, selectedItems, setSelectedItems);
         }
       } else if (item.children) {
         const foundItem = findItemById(item.children, currentNode._id);
         if (foundItem) {
           if (currentNode.checked) {
-            checkIt(foundItem, selectedItems, setSelectedItems, false);
-            if (currentNode._parent) {
-              const parents = getParentAndAncestorsIds(currentNode._parent, formattedData)
-              parents.forEach((item:string) => {
-               const ancestor = findItemById(formattedData,item)
-               ancestor.expanded = true
-              });
-             }
+            checkIt(foundItem, selectedItems, setSelectedItems);
           } else {
-            unCheckIt(foundItem, selectedItems, setSelectedItems, false);
-            if (currentNode._parent) {
-             const parents = getParentAndAncestorsIds(currentNode._parent, formattedData)
-             parents.forEach((item:string) => {
-              const ancestor = findItemById(formattedData,item)
-              ancestor.expanded = true
-             });
-            }
+            unCheckIt(foundItem, selectedItems, setSelectedItems);
           }
         }
       }
@@ -106,18 +92,17 @@ const MultiLevelSelect = (props: MultiLevelSelectProps) => {
         treeData={formattedData}
         onChange={(
           // @ts-ignore
-          selectedNodes: { [key: string]: any }[],
+          selectedNodes: { [key: string]: any }[], 
           currentNode: { [key: string]: any }[]
         ) => {
           setCheckedData(currentNode);
           onSelect(currentNode);
-
         }}
         id={id}
         {...props}
       />
     );
-  }, [formattedData])
+  }, [formattedData]);
 
   return (
     <div {...ariaProps} {...dataProps} className={classes} id={id}>

data/app/pb_kits/playbook/pb_multi_level_select/helper_functions.ts

@@ -19,20 +19,19 @@ export const findItemById = (
 export const checkIt = (
   foundItem: { [key: string]: any },
   selectedItems: any[],
-  setSelectedItems: Function,
-  expand: boolean
+  setSelectedItems: Function
 ) => {
   if (!foundItem) {
     return;
   }
 
   foundItem.checked = true;
-  foundItem.expanded = expand;
+  foundItem.expanded = true;
   selectedItems.push(foundItem);
 
   if (foundItem.children) {
     foundItem.children.map((x: any) => {
-      checkIt(x, selectedItems, setSelectedItems, expand);
+      checkIt(x, selectedItems, setSelectedItems);
     });
   }
 
@@ -42,46 +41,20 @@ export const checkIt = (
 export const unCheckIt = (
   foundItem: { [key: string]: any },
   selectedItems: any,
-  setSelectedItems: any,
-  expand: boolean
+  setSelectedItems: any
 ) => {
   if (!foundItem) {
     return;
   }
 
   foundItem.checked = false;
-  foundItem.expanded = false;
   const newSelectedItems = selectedItems.filter(
     (item: any) => item.id !== foundItem.id
   );
   if (foundItem.children) {
     foundItem.children.map((x: any) => {
-      unCheckIt(x, selectedItems, setSelectedItems, expand);
+      unCheckIt(x, selectedItems, setSelectedItems);
     });
   }
   setSelectedItems([...newSelectedItems]);
 };
-
-
-export const getParentAndAncestorsIds = (itemId:string, items:{ [key: string]: string; }[], ancestors:string[] = []):any => {
-  for (let i = 0; i < items.length; i++) {
-    const item:any = items[i];
-    if (item.id === itemId) {
-      // item found in current level of items array
-      return [...ancestors, item.id];
-    }
-    if (item.children && item.children.length > 0) {
-      // recursively search through children
-      const foundAncestors = getParentAndAncestorsIds(
-        itemId,
-        item.children,
-        [...ancestors, item.id]
-      );
-      if (foundAncestors) {
-        return foundAncestors;
-      }
-    }
-  }
-  // item not found in this level of items array or its children
-  return null;
-}

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "12.18.0"
-  VERSION = "12.18.0.pre.alpha.play786multilevelselectimprovements627"
+  PREVIOUS_VERSION = "12.17.1"
+  VERSION = "12.18.0"
 end

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 12.18.0.pre.alpha.play786multilevelselectimprovements627
+  version: 12.18.0
 platform: ruby
 authors:
 - Power UX
 - Power Devs
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-05-09 00:00:00.000000000 Z
+date: 2023-05-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -2485,7 +2485,7 @@ homepage: http://playbook.powerapp.cloud
 licenses:
 - ISC
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -2496,12 +2496,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">"
+  - - ">="
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
 rubygems_version: 3.3.7
-signing_key: 
+signing_key:
 specification_version: 4
 summary: Playbook Design System
 test_files: []