playbook_ui 13.10.0.pre.alpha.PLAY978alphatesthighcharts41330 → 13.10.0.pre.alpha.PLAY1046multilevelsingleselectphase21323

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b3de1aa401a74afcfd73aa4d706e43aff188f652798c88a019c08b562975cb50
-  data.tar.gz: 956a34d826b14e9cb5693a01f5f342088dcf7d240b6f6a7ce294702ef72bd4a8
+  metadata.gz: c8120f74ec160cee373cdd8848e6e614b47ab8f2c92f2dd87a53c533a735fbe9
+  data.tar.gz: db41eb2d926684394701fbb886da7382e84ece42a1e213faf89ef3f48a31d2dd
 SHA512:
-  metadata.gz: dbecf4d81302f39e7d1a43eb0161568ad4953262b203853fc28c56b57dfea73722d0d74d1c6d45c30431683ee91e854085859ea0d77ae041f7c72b882b313ce8
-  data.tar.gz: 9f740e4f03b0ef881c5ba7b046972668019ac01b86ac0d1921db7347cf842ad0601c4f5f9066cfe8e53d53297adc937c4397f6a9df400d73033d7e35c5ab663d
+  metadata.gz: ebc7da2bb3c53cba46fc93a186daaaf1fb7cdcaa6798196d1ec151e27c512dcda54536e0e52cd4c40a8b72ad1dde57738febd0825dd036c9f9a5ce9d619c7a0f
+  data.tar.gz: 023e6ef6b4f7464466f3c05f27a25ace1e26702a7bc02cc48d3218d53ebd60c766d6b6f4063621cafb89e009a44d8059c2d754b86d3b06938af539d31f943006

data/app/pb_kits/playbook/pb_avatar/docs/_footer.md

@@ -1,3 +1,3 @@
 ### Things to Avoid
 
-Avoid using Avatar with the user's name right next to it or under it. Use User kit instead. Do not use this kit for images that are not profile pictures .
+Avoid using Avatar with the user's name right next to it or under it. Use User kit instead. Do not use this kit for images that are not profile pictures.

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

@@ -85,4 +85,8 @@
   .open {
     display: block;
   }
+
+  .singleHidden {
+    display: none
+  }
 }

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

@@ -333,6 +333,17 @@ const MultiLevelSelect = (props: MultiLevelSelectProps) => {
     return items
   }
 
+  const singleHiddenInstances = document.querySelectorAll('.singleHidden');
+
+  singleHiddenInstances.forEach(singleHiddenInstance => {
+
+    const siblingElement = singleHiddenInstance.nextElementSibling as HTMLElement;
+      if (siblingElement && siblingElement.classList.contains('pb_radio_button')) {
+        siblingElement.style.display = 'none';
+      }
+  });
+
+
   // Rendering formattedData to UI based on typeahead
   const renderNestedOptions = (items: { [key: string]: any }[]) => {
     return (
@@ -367,6 +378,7 @@ const MultiLevelSelect = (props: MultiLevelSelectProps) => {
                     { variant === "single" ? (
                       <Radio
                           checked={item.checked}
+                          class={item.hidden ? "singleHidden" : ""}
                           id={`${item.id}-${item.label}`}
                           label={item.label}
                           name={inputName}

data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.html.erb

@@ -9,6 +9,7 @@
         value: "People",
         id: "201",
         expanded: true,
+        hidden: true,
         children: [
           {
             label: "Talent Acquisition",
@@ -19,6 +20,7 @@
             label: "Business Affairs",
             value: "Business Affairs",
             id: "203",
+            hidden: true,
             children: [
               {
                 label: "Initiatives",
@@ -43,6 +45,7 @@
         label: "Contact Center",
         value: "Contact Center",
         id: "207",
+        hidden: true,
         children: [
           {
             label: "Appointment Management",

data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.jsx

@@ -13,6 +13,7 @@ const treeData = [
         value: "People",
         id: "people2",
         expanded: true,
+        hidden: true,
         children: [
           {
             label: "Talent Acquisition",
@@ -23,6 +24,7 @@ const treeData = [
             label: "Business Affairs",
             value: "Business Affairs",
             id: "business2",
+            hidden: true,
             children: [
               {
                 label: "Initiatives",
@@ -47,6 +49,7 @@ const treeData = [
         label: "Contact Center",
         value: "Contact Center",
         id: "contact2",
+        hidden: true,
         children: [
           {
             label: "Appointment Management",