playbook_ui 13.24.0 → 13.25.0.pre.alpha.PBNTR291Dropdownrailsv22812

Sign up to get free protection for your applications and to get access to all the features.
Files changed (245) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +2 -0
  3. data/app/pb_kits/playbook/index.js +2 -0
  4. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.html.erb +10 -14
  5. data/app/pb_kits/playbook/pb_advanced_table/table_body.html.erb +5 -9
  6. data/app/pb_kits/playbook/pb_advanced_table/table_header.html.erb +2 -6
  7. data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +2 -6
  8. data/app/pb_kits/playbook/pb_avatar/avatar.html.erb +1 -6
  9. data/app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.html.erb +1 -6
  10. data/app/pb_kits/playbook/pb_background/_background.tsx +7 -5
  11. data/app/pb_kits/playbook/pb_background/background.html.erb +2 -11
  12. data/app/pb_kits/playbook/pb_badge/badge.html.erb +1 -6
  13. data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.tsx +41 -6
  14. data/app/pb_kits/playbook/pb_bar_graph/bar_graph.rb +4 -0
  15. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.html.erb +23 -0
  16. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.jsx +35 -0
  17. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.html.erb +26 -0
  18. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx +36 -0
  19. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.md +3 -0
  20. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_stacked.html.erb +22 -0
  21. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_stacked.jsx +34 -0
  22. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_stacked.md +1 -0
  23. data/app/pb_kits/playbook/pb_bar_graph/docs/example.yml +6 -0
  24. data/app/pb_kits/playbook/pb_bar_graph/docs/index.js +3 -0
  25. data/app/pb_kits/playbook/pb_body/_body.scss +3 -3
  26. data/app/pb_kits/playbook/pb_body/_body.tsx +1 -1
  27. data/app/pb_kits/playbook/pb_body/body.html.erb +1 -6
  28. data/app/pb_kits/playbook/pb_bread_crumbs/bread_crumb_item.html.erb +1 -6
  29. data/app/pb_kits/playbook/pb_bread_crumbs/bread_crumbs.html.erb +2 -7
  30. data/app/pb_kits/playbook/pb_button/_button.scss +1 -1
  31. data/app/pb_kits/playbook/pb_button/button.html.erb +2 -3
  32. data/app/pb_kits/playbook/pb_button_toolbar/button_toolbar.html.erb +2 -7
  33. data/app/pb_kits/playbook/pb_caption/caption.html.erb +1 -6
  34. data/app/pb_kits/playbook/pb_card/card.html.erb +1 -7
  35. data/app/pb_kits/playbook/pb_card/card_body.html.erb +1 -6
  36. data/app/pb_kits/playbook/pb_card/card_header.html.erb +1 -6
  37. data/app/pb_kits/playbook/pb_checkbox/_checkbox.scss +49 -0
  38. data/app/pb_kits/playbook/pb_checkbox/_checkbox.tsx +3 -0
  39. data/app/pb_kits/playbook/pb_checkbox/checkbox.html.erb +1 -6
  40. data/app/pb_kits/playbook/pb_checkbox/checkbox.rb +2 -1
  41. data/app/pb_kits/playbook/pb_checkbox/checkbox.test.js +14 -0
  42. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_disabled.html.erb +23 -0
  43. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_disabled.jsx +29 -0
  44. data/app/pb_kits/playbook/pb_checkbox/docs/example.yml +2 -0
  45. data/app/pb_kits/playbook/pb_checkbox/docs/index.js +1 -0
  46. data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.html.erb +1 -6
  47. data/app/pb_kits/playbook/pb_collapsible/collapsible.html.erb +1 -6
  48. data/app/pb_kits/playbook/pb_collapsible/collapsible_content.html.erb +1 -6
  49. data/app/pb_kits/playbook/pb_collapsible/collapsible_main.html.erb +1 -7
  50. data/app/pb_kits/playbook/pb_contact/contact.html.erb +1 -6
  51. data/app/pb_kits/playbook/pb_currency/currency.html.erb +1 -6
  52. data/app/pb_kits/playbook/pb_currency/docs/_currency_alignment_swift.md +43 -0
  53. data/app/pb_kits/playbook/pb_currency/docs/_currency_props_swift.md +12 -0
  54. data/app/pb_kits/playbook/pb_currency/docs/_currency_size_swift.md +31 -0
  55. data/app/pb_kits/playbook/pb_currency/docs/example.yml +5 -0
  56. data/app/pb_kits/playbook/pb_dashboard_value/dashboard_value.html.erb +1 -6
  57. data/app/pb_kits/playbook/pb_date/date.html.erb +1 -6
  58. data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +2 -6
  59. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.md +3 -1
  60. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.md +3 -1
  61. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_range_limit.md +1 -1
  62. data/app/pb_kits/playbook/pb_date_range_inline/date_range_inline.html.erb +1 -5
  63. data/app/pb_kits/playbook/pb_date_range_stacked/date_range_stacked.html.erb +1 -5
  64. data/app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_default_swift.md +14 -0
  65. data/app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_props_swift.md +9 -0
  66. data/app/pb_kits/playbook/pb_date_range_stacked/docs/example.yml +4 -0
  67. data/app/pb_kits/playbook/pb_date_stacked/date_stacked.html.erb +1 -5
  68. data/app/pb_kits/playbook/pb_date_time/date_time.html.erb +1 -6
  69. data/app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.html.erb +1 -7
  70. data/app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.html.erb +1 -5
  71. data/app/pb_kits/playbook/pb_detail/detail.html.erb +1 -6
  72. data/app/pb_kits/playbook/pb_dialog/_dialog.scss +4 -2
  73. data/app/pb_kits/playbook/pb_dialog/dialog.html.erb +1 -6
  74. data/app/pb_kits/playbook/pb_dialog/dialog_body.html.erb +2 -7
  75. data/app/pb_kits/playbook/pb_dialog/dialog_footer.html.erb +1 -5
  76. data/app/pb_kits/playbook/pb_dialog/dialog_header.html.erb +2 -6
  77. data/app/pb_kits/playbook/pb_dialog/docs/example.yml +1 -1
  78. data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +164 -0
  79. data/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx +253 -0
  80. data/app/pb_kits/playbook/pb_dropdown/context/index.tsx +5 -0
  81. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.html.erb +10 -0
  82. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.jsx +32 -0
  83. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.md +1 -0
  84. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.html.erb +17 -0
  85. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx +42 -0
  86. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.md +7 -0
  87. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx +84 -0
  88. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.md +1 -0
  89. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.jsx +101 -0
  90. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.md +1 -0
  91. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.html.erb +60 -0
  92. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx +104 -0
  93. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md +5 -0
  94. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.html.erb +45 -0
  95. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.jsx +63 -0
  96. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.md +1 -0
  97. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.html.erb +17 -0
  98. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx +48 -0
  99. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.md +1 -0
  100. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.html.erb +47 -0
  101. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.jsx +77 -0
  102. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.md +1 -0
  103. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.jsx +59 -0
  104. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_hook.jsx +72 -0
  105. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.html.erb +10 -0
  106. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.jsx +39 -0
  107. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.md +1 -0
  108. data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +23 -0
  109. data/app/pb_kits/playbook/pb_dropdown/docs/index.js +11 -0
  110. data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb +21 -0
  111. data/app/pb_kits/playbook/pb_dropdown/dropdown.rb +20 -0
  112. data/app/pb_kits/playbook/pb_dropdown/dropdown.test.jsx +207 -0
  113. data/app/pb_kits/playbook/pb_dropdown/dropdown_container.html.erb +15 -0
  114. data/app/pb_kits/playbook/pb_dropdown/dropdown_container.rb +19 -0
  115. data/app/pb_kits/playbook/pb_dropdown/dropdown_option.html.erb +22 -0
  116. data/app/pb_kits/playbook/pb_dropdown/dropdown_option.rb +22 -0
  117. data/app/pb_kits/playbook/pb_dropdown/dropdown_trigger.html.erb +38 -0
  118. data/app/pb_kits/playbook/pb_dropdown/dropdown_trigger.rb +30 -0
  119. data/app/pb_kits/playbook/pb_dropdown/hooks/useDropdown.tsx +17 -0
  120. data/app/pb_kits/playbook/pb_dropdown/hooks/useHandleOnKeydown.tsx +61 -0
  121. data/app/pb_kits/playbook/pb_dropdown/index.js +154 -0
  122. data/app/pb_kits/playbook/pb_dropdown/keyboard_accessibility.js +77 -0
  123. data/app/pb_kits/playbook/pb_dropdown/scss_partials/_dropdown_animation.scss +18 -0
  124. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownContainer.tsx +109 -0
  125. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownOption.tsx +118 -0
  126. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownTrigger.tsx +190 -0
  127. data/app/pb_kits/playbook/pb_dropdown/utilities/clickOutsideHelper.tsx +41 -0
  128. data/app/pb_kits/playbook/pb_dropdown/utilities/index.ts +2 -0
  129. data/app/pb_kits/playbook/pb_dropdown/utilities/subComponentHelper.tsx +61 -0
  130. data/app/pb_kits/playbook/pb_file_upload/file_upload.html.erb +1 -6
  131. data/app/pb_kits/playbook/pb_filter/filter.html.erb +1 -5
  132. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.html.erb +1 -6
  133. data/app/pb_kits/playbook/pb_flex/flex.html.erb +1 -5
  134. data/app/pb_kits/playbook/pb_flex/flex_item.html.erb +2 -6
  135. data/app/pb_kits/playbook/pb_form_group/form_group.html.erb +1 -6
  136. data/app/pb_kits/playbook/pb_form_pill/form_pill.html.erb +1 -1
  137. data/app/pb_kits/playbook/pb_hashtag/hashtag.html.erb +1 -6
  138. data/app/pb_kits/playbook/pb_highlight/highlight.html.erb +1 -5
  139. data/app/pb_kits/playbook/pb_home_address_street/home_address_street.html.erb +1 -5
  140. data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss +1 -1
  141. data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx +1 -1
  142. data/app/pb_kits/playbook/pb_icon_circle/icon_circle.html.erb +2 -7
  143. data/app/pb_kits/playbook/pb_icon_circle/icon_circle.rb +1 -1
  144. data/app/pb_kits/playbook/pb_icon_circle/icon_circle.test.js +3 -3
  145. data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.html.erb +1 -6
  146. data/app/pb_kits/playbook/pb_icon_value/icon_value.html.erb +1 -6
  147. data/app/pb_kits/playbook/pb_label_pill/label_pill.html.erb +1 -6
  148. data/app/pb_kits/playbook/pb_label_value/label_value.html.erb +1 -6
  149. data/app/pb_kits/playbook/pb_layout/body.html.erb +1 -5
  150. data/app/pb_kits/playbook/pb_layout/footer.html.erb +1 -5
  151. data/app/pb_kits/playbook/pb_layout/header.html.erb +1 -5
  152. data/app/pb_kits/playbook/pb_layout/item.html.erb +1 -5
  153. data/app/pb_kits/playbook/pb_layout/layout.html.erb +1 -5
  154. data/app/pb_kits/playbook/pb_layout/sidebar.html.erb +1 -5
  155. data/app/pb_kits/playbook/pb_list/_list_item.tsx +2 -2
  156. data/app/pb_kits/playbook/pb_list/item.html.erb +2 -8
  157. data/app/pb_kits/playbook/pb_list/list.html.erb +2 -8
  158. data/app/pb_kits/playbook/pb_loading_inline/loading_inline.html.erb +1 -6
  159. data/app/pb_kits/playbook/pb_message/message.html.erb +1 -6
  160. data/app/pb_kits/playbook/pb_message/message_mention.html.erb +1 -6
  161. data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.html.erb +1 -6
  162. data/app/pb_kits/playbook/pb_multiple_users/multiple_users.html.erb +1 -6
  163. data/app/pb_kits/playbook/pb_multiple_users_stacked/multiple_users_stacked.html.erb +1 -6
  164. data/app/pb_kits/playbook/pb_nav/item.html.erb +3 -14
  165. data/app/pb_kits/playbook/pb_nav/nav.html.erb +1 -6
  166. data/app/pb_kits/playbook/pb_online_status/online_status.html.erb +2 -6
  167. data/app/pb_kits/playbook/pb_pagination/pagination.html.erb +1 -6
  168. data/app/pb_kits/playbook/pb_passphrase/passphrase.html.erb +1 -1
  169. data/app/pb_kits/playbook/pb_person/person.html.erb +7 -12
  170. data/app/pb_kits/playbook/pb_person_contact/person_contact.html.erb +1 -6
  171. data/app/pb_kits/playbook/pb_pill/pill.html.erb +1 -6
  172. data/app/pb_kits/playbook/pb_popover/popover.html.erb +1 -6
  173. data/app/pb_kits/playbook/pb_progress_pills/progress_pills.html.erb +2 -6
  174. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_flex.html.erb +3 -0
  175. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_flex.jsx +16 -0
  176. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_flex.md +1 -0
  177. data/app/pb_kits/playbook/pb_progress_simple/docs/example.yml +2 -0
  178. data/app/pb_kits/playbook/pb_progress_simple/docs/index.js +1 -0
  179. data/app/pb_kits/playbook/pb_progress_simple/progress_simple.html.erb +3 -6
  180. data/app/pb_kits/playbook/pb_progress_simple/progress_simple.rb +1 -1
  181. data/app/pb_kits/playbook/pb_progress_step/progress_step.html.erb +1 -5
  182. data/app/pb_kits/playbook/pb_progress_step/progress_step_item.html.erb +1 -5
  183. data/app/pb_kits/playbook/pb_radio/_radio.scss +35 -0
  184. data/app/pb_kits/playbook/pb_radio/_radio.tsx +3 -0
  185. data/app/pb_kits/playbook/pb_radio/docs/_radio_alignment.jsx +4 -1
  186. data/app/pb_kits/playbook/pb_radio/docs/_radio_default.jsx +4 -1
  187. data/app/pb_kits/playbook/pb_radio/docs/_radio_disabled.html.erb +26 -0
  188. data/app/pb_kits/playbook/pb_radio/docs/_radio_disabled.jsx +31 -0
  189. data/app/pb_kits/playbook/pb_radio/docs/_radio_error.jsx +2 -1
  190. data/app/pb_kits/playbook/pb_radio/docs/example.yml +2 -0
  191. data/app/pb_kits/playbook/pb_radio/docs/index.js +1 -0
  192. data/app/pb_kits/playbook/pb_radio/radio.html.erb +2 -8
  193. data/app/pb_kits/playbook/pb_radio/radio.rb +5 -0
  194. data/app/pb_kits/playbook/pb_radio/radio.test.js +17 -0
  195. data/app/pb_kits/playbook/pb_section_separator/_section_separator.scss +6 -2
  196. data/app/pb_kits/playbook/pb_section_separator/_section_separator_mixin.scss +11 -1
  197. data/app/pb_kits/playbook/pb_section_separator/section_separator.html.erb +1 -6
  198. data/app/pb_kits/playbook/pb_select/select.html.erb +1 -5
  199. data/app/pb_kits/playbook/pb_selectable_card/selectable_card.html.erb +1 -5
  200. data/app/pb_kits/playbook/pb_selectable_card_icon/selectable_card_icon.html.erb +1 -4
  201. data/app/pb_kits/playbook/pb_selectable_icon/selectable_icon.html.erb +1 -5
  202. data/app/pb_kits/playbook/pb_selectable_list/selectable_list.html.erb +1 -6
  203. data/app/pb_kits/playbook/pb_selectable_list/selectable_list_item.html.erb +1 -6
  204. data/app/pb_kits/playbook/pb_source/source.html.erb +1 -5
  205. data/app/pb_kits/playbook/pb_source/source.test.js +2 -2
  206. data/app/pb_kits/playbook/pb_star_rating/star_rating.html.erb +1 -5
  207. data/app/pb_kits/playbook/pb_stat_change/stat_change.html.erb +1 -5
  208. data/app/pb_kits/playbook/pb_stat_value/stat_value.html.erb +1 -5
  209. data/app/pb_kits/playbook/pb_table/table.html.erb +2 -12
  210. data/app/pb_kits/playbook/pb_table/table_body.html.erb +6 -16
  211. data/app/pb_kits/playbook/pb_table/table_cell.html.erb +6 -16
  212. data/app/pb_kits/playbook/pb_table/table_head.html.erb +6 -16
  213. data/app/pb_kits/playbook/pb_table/table_header.html.erb +4 -13
  214. data/app/pb_kits/playbook/pb_table/table_row.html.erb +6 -16
  215. data/app/pb_kits/playbook/pb_textarea/textarea.html.erb +1 -5
  216. data/app/pb_kits/playbook/pb_time/time.html.erb +1 -5
  217. data/app/pb_kits/playbook/pb_time_range_inline/time_range_inline.html.erb +1 -5
  218. data/app/pb_kits/playbook/pb_time_stacked/time_stacked.html.erb +1 -5
  219. data/app/pb_kits/playbook/pb_timeline/item.html.erb +3 -7
  220. data/app/pb_kits/playbook/pb_timeline/timeline.html.erb +1 -5
  221. data/app/pb_kits/playbook/pb_timestamp/timestamp.html.erb +1 -6
  222. data/app/pb_kits/playbook/pb_title/title.html.erb +1 -6
  223. data/app/pb_kits/playbook/pb_title_count/title_count.html.erb +1 -6
  224. data/app/pb_kits/playbook/pb_title_detail/title_detail.html.erb +1 -5
  225. data/app/pb_kits/playbook/pb_toggle/toggle.html.erb +1 -6
  226. data/app/pb_kits/playbook/pb_tooltip/tooltip.html.erb +1 -5
  227. data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +27 -19
  228. data/app/pb_kits/playbook/pb_typeahead/components/MenuList.tsx +4 -2
  229. data/app/pb_kits/playbook/pb_typeahead/components/index.tsx +19 -0
  230. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx +51 -0
  231. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx +1 -1
  232. data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +1 -0
  233. data/app/pb_kits/playbook/pb_typeahead/docs/index.js +1 -0
  234. data/app/pb_kits/playbook/pb_user/user.html.erb +1 -6
  235. data/app/pb_kits/playbook/pb_user_badge/user_badge.html.erb +1 -6
  236. data/app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.html.erb +1 -6
  237. data/app/pb_kits/playbook/playbook-doc.js +2 -0
  238. data/app/pb_kits/playbook/playbook-rails.js +3 -0
  239. data/app/pb_kits/playbook/tokens/_colors.scss +1 -1
  240. data/dist/menu.yml +5 -1
  241. data/dist/playbook-rails.js +6 -6
  242. data/lib/playbook/kit_base.rb +21 -1
  243. data/lib/playbook/version.rb +2 -2
  244. metadata +80 -6
  245. /data/app/pb_kits/playbook/pb_dialog/docs/{_dialog_props_table.md → _dialog_props_swift.md} +0 -0
data/lib/playbook/kit_base.rb CHANGED
@@ -31,6 +31,8 @@ require "playbook/right"
31
31
  require "playbook/bottom"
32
32
 
33
33
  module Playbook
34
+ include ActionView::Helpers
35
+
34
36
  class KitBase < ViewComponent::Base
35
37
  include Playbook::PbKitHelper
36
38
  include Playbook::Props
@@ -78,8 +80,26 @@ module Playbook
78
80
  default_html_options.merge(html_options.deep_merge(data_attributes))
79
81
  end
80
82
 
83
+ # rubocop:disable Style/OptionalBooleanParameter
84
+ def pb_content_tag(name = :div, content_or_options_with_block = {}, options = {}, escape = true, &block)
85
+ combined_options = options
86
+ .merge(combined_html_options)
87
+ .merge(default_options.merge(content_or_options_with_block))
88
+ content_tag(name, combined_options, options, escape, &block)
89
+ end
90
+ # rubocop:enable Style/OptionalBooleanParameter
91
+
81
92
  private
82
93
 
94
+ def default_options
95
+ {
96
+ id: id,
97
+ data: data,
98
+ class: classname,
99
+ aria: aria,
100
+ }
101
+ end
102
+
83
103
  def default_html_options
84
104
  {}
85
105
  end
@@ -88,7 +108,7 @@ module Playbook
88
108
  {
89
109
  data: data,
90
110
  aria: aria,
91
- }.transform_keys { |key| key.to_s.tr("_", "-") }
111
+ }.transform_keys { |key| key.to_s.tr("_", "-").to_sym }
92
112
  end
93
113
  end
94
114
  end
data/lib/playbook/version.rb CHANGED
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "13.23.0"
5
- VERSION = "13.24.0"
4
+ PREVIOUS_VERSION = "13.25.0"
5
+ VERSION = "13.25.0.pre.alpha.PBNTR291Dropdownrailsv22812"
6
6
  end
metadata CHANGED
@@ -1,15 +1,15 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 13.24.0
4
+ version: 13.25.0.pre.alpha.PBNTR291Dropdownrailsv22812
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
8
8
  - Power Devs
9
- autorequire:
9
+ autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2024-04-05 00:00:00.000000000 Z
12
+ date: 2024-05-03 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -406,9 +406,17 @@ files:
406
406
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.html.erb
407
407
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.jsx
408
408
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.md
409
+ - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.html.erb
410
+ - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.jsx
411
+ - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.html.erb
412
+ - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
413
+ - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.md
409
414
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.html.erb
410
415
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.jsx
411
416
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.md
417
+ - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_stacked.html.erb
418
+ - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_stacked.jsx
419
+ - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_stacked.md
412
420
  - app/pb_kits/playbook/pb_bar_graph/docs/_description.md
413
421
  - app/pb_kits/playbook/pb_bar_graph/docs/example.yml
414
422
  - app/pb_kits/playbook/pb_bar_graph/docs/index.js
@@ -594,6 +602,8 @@ files:
594
602
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default.html.erb
595
603
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default.jsx
596
604
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default_swift.md
605
+ - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_disabled.html.erb
606
+ - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_disabled.jsx
597
607
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.html.erb
598
608
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.jsx
599
609
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error_swift.md
@@ -712,12 +722,15 @@ files:
712
722
  - app/pb_kits/playbook/pb_currency/docs/_currency_abbreviated.jsx
713
723
  - app/pb_kits/playbook/pb_currency/docs/_currency_alignment.html.erb
714
724
  - app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
725
+ - app/pb_kits/playbook/pb_currency/docs/_currency_alignment_swift.md
715
726
  - app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.html.erb
716
727
  - app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.jsx
717
728
  - app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.html.erb
718
729
  - app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.jsx
730
+ - app/pb_kits/playbook/pb_currency/docs/_currency_props_swift.md
719
731
  - app/pb_kits/playbook/pb_currency/docs/_currency_size.html.erb
720
732
  - app/pb_kits/playbook/pb_currency/docs/_currency_size.jsx
733
+ - app/pb_kits/playbook/pb_currency/docs/_currency_size_swift.md
721
734
  - app/pb_kits/playbook/pb_currency/docs/_currency_unstyled.html.erb
722
735
  - app/pb_kits/playbook/pb_currency/docs/_currency_unstyled.jsx
723
736
  - app/pb_kits/playbook/pb_currency/docs/_currency_unstyled.md
@@ -877,6 +890,8 @@ files:
877
890
  - app/pb_kits/playbook/pb_date_range_stacked/date_range_stacked.test.js
878
891
  - app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_default.html.erb
879
892
  - app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_default.jsx
893
+ - app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_default_swift.md
894
+ - app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_props_swift.md
880
895
  - app/pb_kits/playbook/pb_date_range_stacked/docs/example.yml
881
896
  - app/pb_kits/playbook/pb_date_range_stacked/docs/index.js
882
897
  - app/pb_kits/playbook/pb_date_stacked/_date_stacked.scss
@@ -984,7 +999,7 @@ files:
984
999
  - app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.html.erb
985
1000
  - app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.jsx
986
1001
  - app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.md
987
- - app/pb_kits/playbook/pb_dialog/docs/_dialog_props_table.md
1002
+ - app/pb_kits/playbook/pb_dialog/docs/_dialog_props_swift.md
988
1003
  - app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.html.erb
989
1004
  - app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.jsx
990
1005
  - app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.md
@@ -1019,6 +1034,58 @@ files:
1019
1034
  - app/pb_kits/playbook/pb_distribution_bar/docs/index.js
1020
1035
  - app/pb_kits/playbook/pb_docs/kit_example.html.erb
1021
1036
  - app/pb_kits/playbook/pb_docs/kit_example.rb
1037
+ - app/pb_kits/playbook/pb_dropdown/_dropdown.scss
1038
+ - app/pb_kits/playbook/pb_dropdown/_dropdown.tsx
1039
+ - app/pb_kits/playbook/pb_dropdown/context/index.tsx
1040
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.html.erb
1041
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.jsx
1042
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.md
1043
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.html.erb
1044
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
1045
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.md
1046
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx
1047
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.md
1048
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.jsx
1049
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.md
1050
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.html.erb
1051
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx
1052
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
1053
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.html.erb
1054
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.jsx
1055
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.md
1056
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.html.erb
1057
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx
1058
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.md
1059
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.html.erb
1060
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.jsx
1061
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.md
1062
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.jsx
1063
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_hook.jsx
1064
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.html.erb
1065
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.jsx
1066
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.md
1067
+ - app/pb_kits/playbook/pb_dropdown/docs/example.yml
1068
+ - app/pb_kits/playbook/pb_dropdown/docs/index.js
1069
+ - app/pb_kits/playbook/pb_dropdown/dropdown.html.erb
1070
+ - app/pb_kits/playbook/pb_dropdown/dropdown.rb
1071
+ - app/pb_kits/playbook/pb_dropdown/dropdown.test.jsx
1072
+ - app/pb_kits/playbook/pb_dropdown/dropdown_container.html.erb
1073
+ - app/pb_kits/playbook/pb_dropdown/dropdown_container.rb
1074
+ - app/pb_kits/playbook/pb_dropdown/dropdown_option.html.erb
1075
+ - app/pb_kits/playbook/pb_dropdown/dropdown_option.rb
1076
+ - app/pb_kits/playbook/pb_dropdown/dropdown_trigger.html.erb
1077
+ - app/pb_kits/playbook/pb_dropdown/dropdown_trigger.rb
1078
+ - app/pb_kits/playbook/pb_dropdown/hooks/useDropdown.tsx
1079
+ - app/pb_kits/playbook/pb_dropdown/hooks/useHandleOnKeydown.tsx
1080
+ - app/pb_kits/playbook/pb_dropdown/index.js
1081
+ - app/pb_kits/playbook/pb_dropdown/keyboard_accessibility.js
1082
+ - app/pb_kits/playbook/pb_dropdown/scss_partials/_dropdown_animation.scss
1083
+ - app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownContainer.tsx
1084
+ - app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownOption.tsx
1085
+ - app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownTrigger.tsx
1086
+ - app/pb_kits/playbook/pb_dropdown/utilities/clickOutsideHelper.tsx
1087
+ - app/pb_kits/playbook/pb_dropdown/utilities/index.ts
1088
+ - app/pb_kits/playbook/pb_dropdown/utilities/subComponentHelper.tsx
1022
1089
  - app/pb_kits/playbook/pb_enhanced_element/element_observer.ts
1023
1090
  - app/pb_kits/playbook/pb_enhanced_element/index.ts
1024
1091
  - app/pb_kits/playbook/pb_file_upload/_file_upload.scss
@@ -1891,6 +1958,9 @@ files:
1891
1958
  - app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_align.jsx
1892
1959
  - app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_default.html.erb
1893
1960
  - app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_default.jsx
1961
+ - app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_flex.html.erb
1962
+ - app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_flex.jsx
1963
+ - app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_flex.md
1894
1964
  - app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_muted.html.erb
1895
1965
  - app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_muted.jsx
1896
1966
  - app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_value.html.erb
@@ -1938,6 +2008,8 @@ files:
1938
2008
  - app/pb_kits/playbook/pb_radio/docs/_radio_default.html.erb
1939
2009
  - app/pb_kits/playbook/pb_radio/docs/_radio_default.jsx
1940
2010
  - app/pb_kits/playbook/pb_radio/docs/_radio_default_swift.md
2011
+ - app/pb_kits/playbook/pb_radio/docs/_radio_disabled.html.erb
2012
+ - app/pb_kits/playbook/pb_radio/docs/_radio_disabled.jsx
1941
2013
  - app/pb_kits/playbook/pb_radio/docs/_radio_error.html.erb
1942
2014
  - app/pb_kits/playbook/pb_radio/docs/_radio_error.jsx
1943
2015
  - app/pb_kits/playbook/pb_radio/docs/_radio_error.md
@@ -2602,10 +2674,12 @@ files:
2602
2674
  - app/pb_kits/playbook/pb_typeahead/components/Option.tsx
2603
2675
  - app/pb_kits/playbook/pb_typeahead/components/Placeholder.tsx
2604
2676
  - app/pb_kits/playbook/pb_typeahead/components/ValueContainer.tsx
2677
+ - app/pb_kits/playbook/pb_typeahead/components/index.tsx
2605
2678
  - app/pb_kits/playbook/pb_typeahead/docs/_description.md
2606
2679
  - app/pb_kits/playbook/pb_typeahead/docs/_footer.md
2607
2680
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_async_createable.jsx
2608
2681
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_createable.jsx
2682
+ - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx
2609
2683
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb
2610
2684
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx
2611
2685
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.html.erb
@@ -2861,7 +2935,7 @@ homepage: https://playbook.powerapp.cloud/
2861
2935
  licenses:
2862
2936
  - ISC
2863
2937
  metadata: {}
2864
- post_install_message:
2938
+ post_install_message:
2865
2939
  rdoc_options: []
2866
2940
  require_paths:
2867
2941
  - lib
@@ -2877,7 +2951,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
2877
2951
  version: '0'
2878
2952
  requirements: []
2879
2953
  rubygems_version: 3.5.3
2880
- signing_key:
2954
+ signing_key:
2881
2955
  specification_version: 4
2882
2956
  summary: Playbook Design System
2883
2957
  test_files: []