playbook_ui 14.19.0.pre.rc.2 → 14.20.0.pre.alpha.PLAY21817891

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (231) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +0 -1
  3. data/app/pb_kits/playbook/pb_advanced_table/Components/RegularTableView.tsx +11 -1
  4. data/app/pb_kits/playbook/pb_advanced_table/Components/TableActionBar.tsx +175 -16
  5. data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +56 -25
  6. data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableState.ts +23 -13
  7. data/app/pb_kits/playbook/pb_advanced_table/Utilities/VisibilityTree.ts +47 -0
  8. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +6 -10
  9. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +7 -2
  10. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.html.erb +16 -8
  11. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.rb +9 -0
  12. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md +5 -7
  13. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility.jsx +57 -0
  14. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility.md +4 -0
  15. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_custom.jsx +62 -0
  16. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_custom.md +1 -0
  17. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_multi.jsx +82 -0
  18. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_multi.md +1 -0
  19. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_with_state.jsx +66 -0
  20. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_with_state.md +3 -0
  21. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.md +1 -1
  22. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions_rails.html.erb +137 -0
  23. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions_rails.md +3 -0
  24. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header_rails.html.erb +40 -0
  25. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header_rails.md +1 -0
  26. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_rails.md +5 -1
  27. data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_selectable_rows_no_subrows.jsx → _advanced_table_selectable_rows_no_subrows_react.jsx} +2 -2
  28. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_rails.md +3 -2
  29. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +9 -3
  30. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +6 -2
  31. data/app/pb_kits/playbook/pb_advanced_table/flat_advanced_table.js +106 -0
  32. data/app/pb_kits/playbook/pb_advanced_table/index.js +370 -10
  33. data/app/pb_kits/playbook/pb_advanced_table/scss_partials/advanced_table_sticky_mixin.scss +1 -0
  34. data/app/pb_kits/playbook/pb_advanced_table/table_action_bar.html.erb +23 -0
  35. data/app/pb_kits/playbook/pb_advanced_table/table_action_bar.rb +19 -0
  36. data/app/pb_kits/playbook/pb_advanced_table/table_body.rb +9 -1
  37. data/app/pb_kits/playbook/pb_advanced_table/table_header.rb +4 -3
  38. data/app/pb_kits/playbook/pb_advanced_table/table_row.rb +1 -2
  39. data/app/pb_kits/playbook/pb_avatar/_avatar.scss +4 -0
  40. data/app/pb_kits/playbook/pb_avatar/_avatar.tsx +3 -0
  41. data/app/pb_kits/playbook/pb_avatar/avatar.html.erb +3 -3
  42. data/app/pb_kits/playbook/pb_avatar/avatar.rb +2 -0
  43. data/app/pb_kits/playbook/pb_avatar/avatar.test.js +18 -0
  44. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_grayscale.html.erb +5 -0
  45. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_grayscale.jsx +16 -0
  46. data/app/pb_kits/playbook/pb_avatar/docs/example.yml +2 -0
  47. data/app/pb_kits/playbook/pb_avatar/docs/index.js +1 -0
  48. data/app/pb_kits/playbook/pb_card/card.html.erb +1 -1
  49. data/app/pb_kits/playbook/pb_card/card.rb +12 -0
  50. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.html.erb +2 -2
  51. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.html.erb +22 -1
  52. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.html.erb +55 -0
  53. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line_rails.md +5 -0
  54. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_rails.md +5 -0
  55. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.jsx +59 -0
  56. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners_react.md +1 -0
  57. data/app/pb_kits/playbook/pb_draggable/docs/example.yml +2 -0
  58. data/app/pb_kits/playbook/pb_draggable/docs/index.js +2 -1
  59. data/app/pb_kits/playbook/pb_draggable/draggable_container.rb +11 -1
  60. data/app/pb_kits/playbook/pb_draggable/draggable_item.rb +11 -1
  61. data/app/pb_kits/playbook/pb_draggable/index.js +4 -2
  62. data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableItem.tsx +33 -5
  63. data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +6 -1
  64. data/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx +82 -35
  65. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_rails.html.erb +31 -0
  66. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_rails.md +5 -0
  67. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.html.erb +5 -2
  68. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select.jsx +56 -0
  69. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select.md +3 -0
  70. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_display.jsx +58 -0
  71. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_display.md +3 -0
  72. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_display_rails.html.erb +20 -0
  73. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_display_rails.md +1 -0
  74. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_rails.html.erb +19 -0
  75. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_rails.md +3 -0
  76. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_autocomplete.html.erb +20 -0
  77. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_autocomplete.jsx +57 -0
  78. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_autocomplete.md +1 -0
  79. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_custom_options.html.erb +50 -0
  80. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_custom_options.jsx +105 -0
  81. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_default.html.erb +22 -0
  82. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_default.jsx +67 -0
  83. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.html.erb +28 -0
  84. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx +17 -64
  85. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.html.erb +58 -0
  86. data/app/pb_kits/playbook/pb_dropdown/docs/{_dropdown_with_autocomplete_and_custom_display.jsx → _dropdown_with_autocomplete_with_subcomponents.jsx} +11 -25
  87. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.md +1 -0
  88. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx +11 -0
  89. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md +1 -1
  90. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.html.erb +33 -2
  91. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.md +3 -1
  92. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.md +1 -0
  93. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.jsx +61 -0
  94. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.md +2 -0
  95. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.html.erb +52 -0
  96. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.md +2 -0
  97. data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +18 -5
  98. data/app/pb_kits/playbook/pb_dropdown/docs/index.js +7 -2
  99. data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb +3 -3
  100. data/app/pb_kits/playbook/pb_dropdown/dropdown.rb +20 -2
  101. data/app/pb_kits/playbook/pb_dropdown/dropdown.test.jsx +45 -1
  102. data/app/pb_kits/playbook/pb_dropdown/dropdown_container.html.erb +10 -0
  103. data/app/pb_kits/playbook/pb_dropdown/dropdown_container.rb +3 -0
  104. data/app/pb_kits/playbook/pb_dropdown/dropdown_trigger.html.erb +37 -6
  105. data/app/pb_kits/playbook/pb_dropdown/dropdown_trigger.rb +5 -1
  106. data/app/pb_kits/playbook/pb_dropdown/hooks/useHandleOnKeydown.tsx +0 -6
  107. data/app/pb_kits/playbook/pb_dropdown/index.js +380 -17
  108. data/app/pb_kits/playbook/pb_dropdown/keyboard_accessibility.js +64 -11
  109. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownContainer.tsx +3 -4
  110. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownOption.tsx +16 -12
  111. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownTrigger.tsx +83 -17
  112. data/app/pb_kits/playbook/pb_dropdown/subcomponents/MultiSelectTriggerDisplay.tsx +58 -0
  113. data/app/pb_kits/playbook/pb_empty_state/_empty_state.scss +8 -1
  114. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.html.erb +27 -0
  115. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.html.erb +7 -0
  116. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.html.erb +12 -0
  117. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.html.erb +23 -0
  118. data/app/pb_kits/playbook/pb_empty_state/docs/example.yml +5 -1
  119. data/app/pb_kits/playbook/pb_empty_state/empty_state.html.erb +19 -0
  120. data/app/pb_kits/playbook/pb_empty_state/empty_state.rb +123 -0
  121. data/app/pb_kits/playbook/pb_file_upload/_file_upload.scss +13 -0
  122. data/app/pb_kits/playbook/pb_file_upload/_file_upload.tsx +11 -1
  123. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_error.html.erb +1 -0
  124. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_error.jsx +41 -0
  125. data/app/pb_kits/playbook/pb_file_upload/docs/example.yml +2 -0
  126. data/app/pb_kits/playbook/pb_file_upload/docs/index.js +1 -0
  127. data/app/pb_kits/playbook/pb_file_upload/file_upload.html.erb +1 -0
  128. data/app/pb_kits/playbook/pb_file_upload/file_upload.rb +7 -1
  129. data/app/pb_kits/playbook/pb_file_upload/fileupload.test.js +18 -0
  130. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +1 -0
  131. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +1 -0
  132. data/app/pb_kits/playbook/pb_form_group/_error_state_mixin.scss +2 -2
  133. data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +19 -12
  134. data/app/pb_kits/playbook/pb_home_address_street/_home_address_street.tsx +13 -7
  135. data/app/pb_kits/playbook/pb_message/_message.tsx +3 -0
  136. data/app/pb_kits/playbook/pb_message/docs/_message_grayscale.html.erb +9 -0
  137. data/app/pb_kits/playbook/pb_message/docs/_message_grayscale.jsx +21 -0
  138. data/app/pb_kits/playbook/pb_message/docs/example.yml +2 -0
  139. data/app/pb_kits/playbook/pb_message/docs/index.js +1 -0
  140. data/app/pb_kits/playbook/pb_message/message.html.erb +2 -1
  141. data/app/pb_kits/playbook/pb_message/message.rb +1 -0
  142. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +2 -2
  143. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color.html.erb +11 -11
  144. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color.jsx +11 -11
  145. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.html.erb +11 -11
  146. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx +11 -11
  147. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.html.erb +11 -11
  148. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.jsx +11 -11
  149. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.html.erb +11 -11
  150. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.jsx +11 -11
  151. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.html.erb +11 -11
  152. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.jsx +11 -11
  153. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.html.erb +11 -11
  154. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.jsx +11 -11
  155. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.html.erb +11 -11
  156. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.jsx +11 -11
  157. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_error.html.erb +11 -11
  158. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_error.jsx +11 -11
  159. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_label.html.erb +11 -11
  160. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_label.jsx +11 -11
  161. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.jsx +11 -11
  162. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.html.erb +11 -11
  163. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb +11 -11
  164. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.jsx +11 -11
  165. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.html.erb +11 -11
  166. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.md +2 -0
  167. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids_react.jsx +11 -11
  168. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids_react.md +3 -1
  169. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.html.erb +22 -22
  170. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.jsx +22 -22
  171. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.html.erb +22 -22
  172. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.jsx +22 -22
  173. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_children.jsx +11 -11
  174. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_children_with_radios.jsx +11 -11
  175. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_form.html.erb +11 -11
  176. data/app/pb_kits/playbook/pb_overlay/_overlay.scss +2 -1
  177. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.jsx +1 -1
  178. data/app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx +5 -4
  179. data/app/pb_kits/playbook/pb_person/_person.tsx +12 -2
  180. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss +9 -9
  181. data/app/pb_kits/playbook/pb_section_separator/_section_separator.tsx +2 -2
  182. data/app/pb_kits/playbook/pb_select/_select.scss +10 -0
  183. data/app/pb_kits/playbook/pb_select/docs/_select_error.html.erb +1 -1
  184. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx +7 -7
  185. data/app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx +5 -5
  186. data/app/pb_kits/playbook/pb_text_input/_text_input.scss +4 -2
  187. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error.html.erb +1 -1
  188. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error.html.erb +5 -1
  189. data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +73 -3
  190. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.html.erb +8 -1
  191. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input.jsx +23 -0
  192. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input.md +1 -0
  193. data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +1 -0
  194. data/app/pb_kits/playbook/pb_typeahead/docs/index.js +1 -0
  195. data/app/pb_kits/playbook/pb_user/_user.tsx +3 -0
  196. data/app/pb_kits/playbook/pb_user/docs/_user_grayscale.html.erb +6 -0
  197. data/app/pb_kits/playbook/pb_user/docs/_user_grayscale.jsx +16 -0
  198. data/app/pb_kits/playbook/pb_user/docs/example.yml +2 -0
  199. data/app/pb_kits/playbook/pb_user/docs/index.js +1 -0
  200. data/app/pb_kits/playbook/pb_user/user.html.erb +2 -1
  201. data/app/pb_kits/playbook/pb_user/user.rb +1 -0
  202. data/dist/chunks/_typeahead-BmOWdDtp.js +22 -0
  203. data/dist/chunks/_weekday_stacked-CvcuQyr9.js +45 -0
  204. data/dist/chunks/lib-D5R1BjUn.js +29 -0
  205. data/dist/chunks/{pb_form_validation-BWjy4bFn.js → pb_form_validation-BZ2AVAi_.js} +1 -1
  206. data/dist/chunks/vendor.js +1 -1
  207. data/dist/menu.yml +6 -14
  208. data/dist/playbook-doc.js +2 -2
  209. data/dist/playbook-rails-react-bindings.js +1 -1
  210. data/dist/playbook-rails.js +1 -1
  211. data/dist/playbook.css +1 -1
  212. data/lib/playbook/kit_base.rb +3 -3
  213. data/lib/playbook/version.rb +2 -2
  214. metadata +76 -22
  215. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.html.erb +0 -10
  216. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.md +0 -1
  217. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_hook.jsx +0 -79
  218. data/app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.scss +0 -3
  219. data/app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.tsx +0 -72
  220. data/app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx +0 -53
  221. data/app/pb_kits/playbook/pb_gantt_chart/docs/example.yml +0 -7
  222. data/app/pb_kits/playbook/pb_gantt_chart/docs/index.js +0 -1
  223. data/app/pb_kits/playbook/pb_gantt_chart/gantt_chart.test.jsx +0 -19
  224. data/dist/chunks/_typeahead-D8CsVBZO.js +0 -22
  225. data/dist/chunks/_weekday_stacked-D3oLTSkH.js +0 -45
  226. data/dist/chunks/lib-BmTAc7Nc.js +0 -29
  227. /data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_selectable_rows_react.md → _advanced_table_selectable_rows.md} +0 -0
  228. /data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_selectable_rows_no_subrows.html.erb → _advanced_table_selectable_rows_no_subrows_rails.html.erb} +0 -0
  229. /data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_selectable_rows.html.erb → _advanced_table_selectable_rows_rails.html.erb} +0 -0
  230. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_drop_zones_line.md → _draggable_drop_zones_line_react.md} +0 -0
  231. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_event_listeners.md → _draggable_event_listeners_rails.md} +0 -0
@@ -4,66 +4,66 @@ import MultiLevelSelect from "../_multi_level_select";
4
4
  const treeData = [
5
5
  {
6
6
  label: "Power Home Remodeling",
7
- value: "Power Home Remodeling",
7
+ value: "powerHomeRemodeling",
8
8
  id: "powerhome1",
9
9
  expanded: true,
10
10
  children: [
11
11
  {
12
12
  label: "People",
13
- value: "People",
13
+ value: "people",
14
14
  id: "people1",
15
15
  expanded: true,
16
16
  children: [
17
17
  {
18
18
  label: "Talent Acquisition",
19
- value: "Talent Acquisition",
19
+ value: "talentAcquisition",
20
20
  id: "talent1",
21
21
  disabled: true,
22
22
  },
23
23
  {
24
24
  label: "Business Affairs",
25
- value: "Business Affairs",
25
+ value: "businessAffairs",
26
26
  id: "business1",
27
27
  children: [
28
28
  {
29
29
  label: "Initiatives",
30
- value: "Initiatives",
30
+ value: "initiatives",
31
31
  id: "initiative1",
32
32
  disabled: true,
33
33
  },
34
34
  {
35
35
  label: "Learning & Development",
36
- value: "Learning & Development",
36
+ value: "learningAndDevelopment",
37
37
  id: "development1",
38
38
  },
39
39
  ],
40
40
  },
41
41
  {
42
42
  label: "People Experience",
43
- value: "People Experience",
43
+ value: "peopleExperience",
44
44
  id: "experience1",
45
45
  },
46
46
  ],
47
47
  },
48
48
  {
49
49
  label: "Contact Center",
50
- value: "Contact Center",
50
+ value: "contactCenter",
51
51
  id: "contact1",
52
52
  children: [
53
53
  {
54
54
  label: "Appointment Management",
55
- value: "Appointment Management",
55
+ value: "appointmentManagement",
56
56
  id: "appointment1",
57
57
  },
58
58
  {
59
59
  label: "Customer Service",
60
- value: "Customer Service",
60
+ value: "customerService",
61
61
  id: "customer1",
62
62
  disabled: true,
63
63
  },
64
64
  {
65
65
  label: "Energy",
66
- value: "Energy",
66
+ value: "energy",
67
67
  id: "energy1",
68
68
  },
69
69
  ],
@@ -1,64 +1,64 @@
1
1
  <% treeData = [{
2
2
  label: "Power Home Remodeling",
3
- value: "Power Home Remodeling",
3
+ value: "powerHomeRemodeling",
4
4
  id: "powerhome1",
5
5
  expanded: true,
6
6
  children: [
7
7
  {
8
8
  label: "People",
9
- value: "People",
9
+ value: "people",
10
10
  id: "people1",
11
11
  expanded: true,
12
12
  children: [
13
13
  {
14
14
  label: "Talent Acquisition",
15
- value: "Talent Acquisition",
15
+ value: "talentAcquisition",
16
16
  id: "talent1",
17
17
  },
18
18
  {
19
19
  label: "Business Affairs",
20
- value: "Business Affairs",
20
+ value: "businessAffairs",
21
21
  id: "business1",
22
22
  expanded: true,
23
23
  disabled: true,
24
24
  children: [
25
25
  {
26
26
  label: "Initiatives",
27
- value: "Initiatives",
27
+ value: "initiatives",
28
28
  id: "initiative1",
29
29
  },
30
30
  {
31
31
  label: "Learning & Development",
32
- value: "Learning & Development",
32
+ value: "learningAndDevelopment",
33
33
  id: "development1",
34
34
  },
35
35
  ],
36
36
  },
37
37
  {
38
38
  label: "People Experience",
39
- value: "People Experience",
39
+ value: "peopleExperience",
40
40
  id: "experience1",
41
41
  },
42
42
  ],
43
43
  },
44
44
  {
45
45
  label: "Contact Center",
46
- value: "Contact Center",
46
+ value: "contactCenter",
47
47
  id: "contact1",
48
48
  children: [
49
49
  {
50
50
  label: "Appointment Management",
51
- value: "Appointment Management",
51
+ value: "appointmentManagement",
52
52
  id: "appointment1",
53
53
  },
54
54
  {
55
55
  label: "Customer Service",
56
- value: "Customer Service",
56
+ value: "customerService",
57
57
  id: "customer1",
58
58
  },
59
59
  {
60
60
  label: "Energy",
61
- value: "Energy",
61
+ value: "energy",
62
62
  id: "energy1",
63
63
  },
64
64
  ],
@@ -4,65 +4,65 @@ import MultiLevelSelect from "../_multi_level_select";
4
4
  const treeData = [
5
5
  {
6
6
  label: "Power Home Remodeling",
7
- value: "Power Home Remodeling",
7
+ value: "powerHomeRemodeling",
8
8
  id: "powerhome1",
9
9
  expanded: true,
10
10
  children: [
11
11
  {
12
12
  label: "People",
13
- value: "People",
13
+ value: "people",
14
14
  id: "people1",
15
15
  expanded: true,
16
16
  children: [
17
17
  {
18
18
  label: "Talent Acquisition",
19
- value: "Talent Acquisition",
19
+ value: "talentAcquisition",
20
20
  id: "talent1",
21
21
  },
22
22
  {
23
23
  label: "Business Affairs",
24
- value: "Business Affairs",
24
+ value: "businessAffairs",
25
25
  id: "business1",
26
26
  expanded: true,
27
27
  disabled: true,
28
28
  children: [
29
29
  {
30
30
  label: "Initiatives",
31
- value: "Initiatives",
31
+ value: "initiatives",
32
32
  id: "initiative1",
33
33
  },
34
34
  {
35
35
  label: "Learning & Development",
36
- value: "Learning & Development",
36
+ value: "learningAndDevelopment",
37
37
  id: "development1",
38
38
  },
39
39
  ],
40
40
  },
41
41
  {
42
42
  label: "People Experience",
43
- value: "People Experience",
43
+ value: "peopleExperience",
44
44
  id: "experience1",
45
45
  },
46
46
  ],
47
47
  },
48
48
  {
49
49
  label: "Contact Center",
50
- value: "Contact Center",
50
+ value: "contactCenter",
51
51
  id: "contact1",
52
52
  children: [
53
53
  {
54
54
  label: "Appointment Management",
55
- value: "Appointment Management",
55
+ value: "appointmentManagement",
56
56
  id: "appointment1",
57
57
  },
58
58
  {
59
59
  label: "Customer Service",
60
- value: "Customer Service",
60
+ value: "customerService",
61
61
  id: "customer1",
62
62
  },
63
63
  {
64
64
  label: "Energy",
65
- value: "Energy",
65
+ value: "energy",
66
66
  id: "energy1",
67
67
  },
68
68
  ],
@@ -1,64 +1,64 @@
1
1
  <% treeData = [{
2
2
  label: "Power Home Remodeling",
3
- value: "Power Home Remodeling",
3
+ value: "powerHomeRemodeling",
4
4
  id: "powerhome1",
5
5
  expanded: true,
6
6
  children: [
7
7
  {
8
8
  label: "People",
9
- value: "People",
9
+ value: "people",
10
10
  id: "people1",
11
11
  expanded: true,
12
12
  children: [
13
13
  {
14
14
  label: "Talent Acquisition",
15
- value: "Talent Acquisition",
15
+ value: "talentAcquisition",
16
16
  id: "talent1",
17
17
  },
18
18
  {
19
19
  label: "Business Affairs",
20
- value: "Business Affairs",
20
+ value: "businessAffairs",
21
21
  id: "business1",
22
22
  expanded: true,
23
23
  disabled: true,
24
24
  children: [
25
25
  {
26
26
  label: "Initiatives",
27
- value: "Initiatives",
27
+ value: "initiatives",
28
28
  id: "initiative1",
29
29
  },
30
30
  {
31
31
  label: "Learning & Development",
32
- value: "Learning & Development",
32
+ value: "learningAndDevelopment",
33
33
  id: "development1",
34
34
  },
35
35
  ],
36
36
  },
37
37
  {
38
38
  label: "People Experience",
39
- value: "People Experience",
39
+ value: "peopleExperience",
40
40
  id: "experience1",
41
41
  },
42
42
  ],
43
43
  },
44
44
  {
45
45
  label: "Contact Center",
46
- value: "Contact Center",
46
+ value: "contactCenter",
47
47
  id: "contact1",
48
48
  children: [
49
49
  {
50
50
  label: "Appointment Management",
51
- value: "Appointment Management",
51
+ value: "appointmentManagement",
52
52
  id: "appointment1",
53
53
  },
54
54
  {
55
55
  label: "Customer Service",
56
- value: "Customer Service",
56
+ value: "customerService",
57
57
  id: "customer1",
58
58
  },
59
59
  {
60
60
  label: "Energy",
61
- value: "Energy",
61
+ value: "energy",
62
62
  id: "energy1",
63
63
  },
64
64
  ],
@@ -4,65 +4,65 @@ import MultiLevelSelect from "../_multi_level_select";
4
4
  const treeData = [
5
5
  {
6
6
  label: "Power Home Remodeling",
7
- value: "Power Home Remodeling",
7
+ value: "powerHomeRemodeling",
8
8
  id: "powerhome1",
9
9
  expanded: true,
10
10
  children: [
11
11
  {
12
12
  label: "People",
13
- value: "People",
13
+ value: "people",
14
14
  id: "people1",
15
15
  expanded: true,
16
16
  children: [
17
17
  {
18
18
  label: "Talent Acquisition",
19
- value: "Talent Acquisition",
19
+ value: "talentAcquisition",
20
20
  id: "talent1",
21
21
  },
22
22
  {
23
23
  label: "Business Affairs",
24
- value: "Business Affairs",
24
+ value: "businessAffairs",
25
25
  id: "business1",
26
26
  expanded: true,
27
27
  disabled: true,
28
28
  children: [
29
29
  {
30
30
  label: "Initiatives",
31
- value: "Initiatives",
31
+ value: "initiatives",
32
32
  id: "initiative1",
33
33
  },
34
34
  {
35
35
  label: "Learning & Development",
36
- value: "Learning & Development",
36
+ value: "learningAndDevelopment",
37
37
  id: "development1",
38
38
  },
39
39
  ],
40
40
  },
41
41
  {
42
42
  label: "People Experience",
43
- value: "People Experience",
43
+ value: "peopleExperience",
44
44
  id: "experience1",
45
45
  },
46
46
  ],
47
47
  },
48
48
  {
49
49
  label: "Contact Center",
50
- value: "Contact Center",
50
+ value: "contactCenter",
51
51
  id: "contact1",
52
52
  children: [
53
53
  {
54
54
  label: "Appointment Management",
55
- value: "Appointment Management",
55
+ value: "appointmentManagement",
56
56
  id: "appointment1",
57
57
  },
58
58
  {
59
59
  label: "Customer Service",
60
- value: "Customer Service",
60
+ value: "customerService",
61
61
  id: "customer1",
62
62
  },
63
63
  {
64
64
  label: "Energy",
65
- value: "Energy",
65
+ value: "energy",
66
66
  id: "energy1",
67
67
  },
68
68
  ],
@@ -1,62 +1,62 @@
1
1
  <% treeData = [{
2
2
  label: "Power Home Remodeling",
3
- value: "Power Home Remodeling",
3
+ value: "powerHomeRemodeling",
4
4
  id: "100",
5
5
  expanded: true,
6
6
  children: [
7
7
  {
8
8
  label: "People",
9
- value: "People",
9
+ value: "people",
10
10
  id: "101",
11
11
  expanded: true,
12
12
  children: [
13
13
  {
14
14
  label: "Talent Acquisition",
15
- value: "Talent Acquisition",
15
+ value: "talentAcquisition",
16
16
  id: "102",
17
17
  },
18
18
  {
19
19
  label: "Business Affairs",
20
- value: "Business Affairs",
20
+ value: "businessAffairs",
21
21
  id: "103",
22
22
  children: [
23
23
  {
24
24
  label: "Initiatives",
25
- value: "Initiatives",
25
+ value: "initiatives",
26
26
  id: "104",
27
27
  },
28
28
  {
29
29
  label: "Learning & Development",
30
- value: "Learning & Development",
30
+ value: "learningAndDevelopment",
31
31
  id: "105",
32
32
  },
33
33
  ],
34
34
  },
35
35
  {
36
36
  label: "People Experience",
37
- value: "People Experience",
37
+ value: "peopleExperience",
38
38
  id: "106",
39
39
  },
40
40
  ],
41
41
  },
42
42
  {
43
43
  label: "Contact Center",
44
- value: "Contact Center",
44
+ value: "contactCenter",
45
45
  id: "107",
46
46
  children: [
47
47
  {
48
48
  label: "Appointment Management",
49
- value: "Appointment Management",
49
+ value: "appointmentManagement",
50
50
  id: "108",
51
51
  },
52
52
  {
53
53
  label: "Customer Service",
54
- value: "Customer Service",
54
+ value: "customerService",
55
55
  id: "109",
56
56
  },
57
57
  {
58
58
  label: "Energy",
59
- value: "Energy",
59
+ value: "energy",
60
60
  id: "110",
61
61
  },
62
62
  ],
@@ -4,63 +4,63 @@ import MultiLevelSelect from "../_multi_level_select";
4
4
  const treeData = [
5
5
  {
6
6
  label: "Power Home Remodeling",
7
- value: "Power Home Remodeling",
7
+ value: "powerHomeRemodeling",
8
8
  id: "powerhome1",
9
9
  expanded: true,
10
10
  children: [
11
11
  {
12
12
  label: "People",
13
- value: "People",
13
+ value: "people",
14
14
  id: "people1",
15
15
  expanded: true,
16
16
  children: [
17
17
  {
18
18
  label: "Talent Acquisition",
19
- value: "Talent Acquisition",
19
+ value: "talentAcquisition",
20
20
  id: "talent1",
21
21
  },
22
22
  {
23
23
  label: "Business Affairs",
24
- value: "Business Affairs",
24
+ value: "businessAffairs",
25
25
  id: "business1",
26
26
  children: [
27
27
  {
28
28
  label: "Initiatives",
29
- value: "Initiatives",
29
+ value: "initiatives",
30
30
  id: "initiative1",
31
31
  },
32
32
  {
33
33
  label: "Learning & Development",
34
- value: "Learning & Development",
34
+ value: "learningAndDevelopment",
35
35
  id: "development1",
36
36
  },
37
37
  ],
38
38
  },
39
39
  {
40
40
  label: "People Experience",
41
- value: "People Experience",
41
+ value: "peopleExperience",
42
42
  id: "experience1",
43
43
  },
44
44
  ],
45
45
  },
46
46
  {
47
47
  label: "Contact Center",
48
- value: "Contact Center",
48
+ value: "contactCenter",
49
49
  id: "contact1",
50
50
  children: [
51
51
  {
52
52
  label: "Appointment Management",
53
- value: "Appointment Management",
53
+ value: "appointmentManagement",
54
54
  id: "appointment1",
55
55
  },
56
56
  {
57
57
  label: "Customer Service",
58
- value: "Customer Service",
58
+ value: "customerService",
59
59
  id: "customer1",
60
60
  },
61
61
  {
62
62
  label: "Energy",
63
- value: "Energy",
63
+ value: "energy",
64
64
  id: "energy1",
65
65
  },
66
66
  ],
@@ -1,62 +1,62 @@
1
1
  <% treeData = [{
2
2
  label: "Power Home Remodeling",
3
- value: "Power Home Remodeling",
3
+ value: "powerHomeRemodeling",
4
4
  id: "100",
5
5
  expanded: true,
6
6
  children: [
7
7
  {
8
8
  label: "People",
9
- value: "People",
9
+ value: "people",
10
10
  id: "101",
11
11
  expanded: true,
12
12
  children: [
13
13
  {
14
14
  label: "Talent Acquisition",
15
- value: "Talent Acquisition",
15
+ value: "talentAcquisition",
16
16
  id: "102",
17
17
  },
18
18
  {
19
19
  label: "Business Affairs",
20
- value: "Business Affairs",
20
+ value: "businessAffairs",
21
21
  id: "103",
22
22
  children: [
23
23
  {
24
24
  label: "Initiatives",
25
- value: "Initiatives",
25
+ value: "initiatives",
26
26
  id: "104",
27
27
  },
28
28
  {
29
29
  label: "Learning & Development",
30
- value: "Learning & Development",
30
+ value: "learningAndDevelopment",
31
31
  id: "105",
32
32
  },
33
33
  ],
34
34
  },
35
35
  {
36
36
  label: "People Experience",
37
- value: "People Experience",
37
+ value: "peopleExperience",
38
38
  id: "106",
39
39
  },
40
40
  ],
41
41
  },
42
42
  {
43
43
  label: "Contact Center",
44
- value: "Contact Center",
44
+ value: "contactCenter",
45
45
  id: "107",
46
46
  children: [
47
47
  {
48
48
  label: "Appointment Management",
49
- value: "Appointment Management",
49
+ value: "appointmentManagement",
50
50
  id: "108",
51
51
  },
52
52
  {
53
53
  label: "Customer Service",
54
- value: "Customer Service",
54
+ value: "customerService",
55
55
  id: "109",
56
56
  },
57
57
  {
58
58
  label: "Energy",
59
- value: "Energy",
59
+ value: "energy",
60
60
  id: "110",
61
61
  },
62
62
  ],