playbook_ui 12.26.1.pre.alpha.railsmultilevelimprovements837 → 12.26.1.pre.alpha.railsmultilevelimprovements842

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

@@ -1,62 +1,62 @@
 <% treeData = [{
     label: "Power Home Remodeling",
     value: "Power Home Remodeling",
-    id: "powerhome1",
+    id: "100",
     expanded: true,
     children: [
       {
         label: "People",
         value: "People",
-        id: "people1",
+        id: "101",
         children: [
           {
             label: "Talent Acquisition",
             value: "Talent Acquisition",
-            id: "talent1",
+            id: "102",
           },
           {
             label: "Business Affairs",
             value: "Business Affairs",
-            id: "business1",
+            id: "103",
             children: [
               {
                 label: "Initiatives",
                 value: "Initiatives",
-                id: "initiative1",
+                id: "104",
               },
               {
                 label: "Learning & Development",
                 value: "Learning & Development",
-                id: "development1",
+                id: "105",
               },
             ],
           },
           {
             label: "People Experience",
             value: "People Experience",
-            id: "experience1",
+            id: "106",
           },
         ],
       },
       {
         label: "Contact Center",
         value: "Contact Center",
-        id: "contact1",
+        id: "107",
         children: [
           {
             label: "Appointment Management",
             value: "Appointment Management",
-            id: "appointment1",
+            id: "108",
           },
           {
             label: "Customer Service",
             value: "Customer Service",
-            id: "customer1",
+            id: "109",
           },
           {
             label: "Energy",
             value: "Energy",
-            id: "energy1",
+            id: "110",
           },
         ],
       },
@@ -65,15 +65,11 @@
 
 
 
-<%= pb_form_with(scope: :example, url: "", method: :get) do |form| %>
-  <%= pb_rails("multi_level_select", props: {
-      id: "default-multi-level-select-test-return-all-selected",
-      name: "q[user_title_org_level_id_in]",
-      tree_data: treeData,
-      return_all_selected: true
-  }) %>
-  <%= form.actions do |action| %>
-    <%= action.submit %>
-    <%= action.button props: { type: "reset", text: "Cancel", variant: "secondary" } %>
-  <% end %>
-<% end %>
+
+<%= pb_rails("multi_level_select", props: {
+    id: "multi-level-select-return-all-selected-rails",
+    name: "my_data_array",
+    tree_data: treeData,
+    return_all_selected: true
+}) %>
+ 

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

@@ -72,7 +72,7 @@ const MultiLevelSelectReturnAllSelected = (props) => {
   return (
     <div>
       <MultiLevelSelect
-          id="multiselect-parent-persistence"
+          id="multi-level-select-return-all-selected"
           onSelect={(selectedNodes) =>
           console.log("Selected Items with Return All Selected Data", selectedNodes)
           }

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

@@ -65,7 +65,7 @@
   ],
 }] %>
 
-  <%= form.multi_level_select :example, props: {id: "with-form-multi-level-select", tree_data: treeData, return_all_selected: true } %>
+  <%= form.multi_level_select :example, props: {id: "with-form-multi-level-select", tree_data: treeData, return_all_selected: true, margin_bottom: "sm" } %>
   <%= form.actions do |action| %>
     <%= action.button props: { type: "submit", text: "Submit", variant: "primary", margin_top: "lg" } %>
   <% end %>   

data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml

@@ -2,11 +2,9 @@ examples:
   rails:
   - multi_level_select_default: Default
   - multi_level_select_return_all_selected: Return All Selected
-  - multi_level_select_return_complete_data: Return Complete Data
   - multi_level_select_with_form: With Form
   
   react:
   - multi_level_select_default: Default
   - multi_level_select_return_all_selected: Return All Selected
-  - multi_level_select_return_complete_data: Return Complete Data
   

data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js

@@ -1,3 +1,2 @@
 export { default as MultiLevelSelectDefault } from './_multi_level_select_default.jsx'
-export { default as MultiLevelSelectReturnAllSelected } from './_multi_level_select_return_all_selected.jsx'
-export { default as MultiLevelSelectReturnCompleteData } from './_multi_level_select_return_complete_data.jsx'
+export { default as MultiLevelSelectReturnAllSelected } from './_multi_level_select_return_all_selected.jsx'

data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_common.jsx

@@ -91,8 +91,7 @@ const PassphraseCommon = (props) => {
       <div>
         <Body 
             marginBottom='md'
-            text={`Try typing any of the following: ${COMMON_PASSPHRASES.join(', ')}`}
-        />
+            text={`Try typing any of the following: ${COMMON_PASSPHRASES.join(', ')}`} />
         <Passphrase
             onChange={handleChange}
             value={input}

data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.jsx

@@ -5,8 +5,7 @@ const PhoneNumberInputDefault = (props) => (
     <>
         <PhoneNumberInput
             id='default'
-            {...props}
-        />
+            {...props} />
     </>
 )
 

data/app/pb_kits/playbook/pb_popover/popover.test.js

@@ -14,7 +14,7 @@ const PopoverTest = () => {
   const popoverReference = (
     <Button onClick={togglePopover} 
         text="Click Me"
-    />
+     />
   );
   return (
       <PbReactPopover
@@ -36,7 +36,7 @@ const PopoverTestZIndex = () => {
   const popoverReference = (
     <Button onClick={togglePopover} 
         text="Click Me"
-    />
+     />
   );
   return (
       <PbReactPopover
@@ -60,7 +60,7 @@ const PopoverTestHeight = () => {
   const popoverReference = (
     <Button onClick={togglePopover} 
         text="Click Me"
-    />
+     />
   );
   return (
       <PbReactPopover
@@ -88,7 +88,7 @@ const PopoverTestClicktoClose = () => {
   const popoverReference = (
     <Button onClick={togglePopover} 
         text="Click Me"
-    />
+     />
   );
   return (
       <PbReactPopover
@@ -116,7 +116,7 @@ const PopoverTestClicktoClose2 = () => {
   const popoverReference = (
     <Button onClick={togglePopover} 
         text="Click Me"
-    />
+     />
   );
   return (
       <PbReactPopover
@@ -144,7 +144,7 @@ const PopoverTestClicktoClose3 = () => {
   const popoverReference = (
     <Button onClick={togglePopover} 
         text="Click Me"
-    />
+     />
   );
   return (
       <PbReactPopover

data/app/pb_kits/playbook/pb_selectable_list/selectable_list.test.js

@@ -8,8 +8,7 @@ const SelectableListCheckbox = () => {
     return (
       <SelectableList 
           data={{ testid: testId }} 
-          variant="checkbox"
-      >
+          variant="checkbox">
         <SelectableList.Item
             label="Mild"
             name="checkbox-name-1"
@@ -29,8 +28,7 @@ const SelectableListRadio = () => {
     return (
         <SelectableList
             data={{ testid: testId }}
-            variant="radio"
-        >
+            variant="radio">
         <SelectableList.Item
             label="Small"
             name="radio"