playbook_ui 14.18.0 → 14.19.0.pre.alpha.PLAY1973formpillinternalsizing7728

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 (228) 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 +148 -15
  5. data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +20 -3
  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 +313 -21
  9. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +12 -3
  10. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.rb +6 -1
  11. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md +0 -6
  12. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color.jsx +80 -0
  13. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color.md +3 -0
  14. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.html.erb +58 -0
  15. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.md +3 -0
  16. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility.jsx +57 -0
  17. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility.md +4 -0
  18. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_custom.jsx +62 -0
  19. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_custom.md +1 -0
  20. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_multi.jsx +82 -0
  21. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_multi.md +1 -0
  22. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_with_state.jsx +65 -0
  23. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_with_state.md +1 -0
  24. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_rails.md +5 -1
  25. 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
  26. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_rails.md +3 -2
  27. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +10 -5
  28. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +7 -2
  29. data/app/pb_kits/playbook/pb_advanced_table/flat_advanced_table.js +106 -0
  30. data/app/pb_kits/playbook/pb_advanced_table/index.js +228 -11
  31. data/app/pb_kits/playbook/pb_advanced_table/scss_partials/advanced_table_sticky_mixin.scss +1 -0
  32. data/app/pb_kits/playbook/pb_advanced_table/table_body.rb +9 -1
  33. data/app/pb_kits/playbook/pb_advanced_table/table_header.rb +0 -3
  34. data/app/pb_kits/playbook/pb_advanced_table/table_row.rb +1 -2
  35. data/app/pb_kits/playbook/pb_avatar/_avatar.scss +4 -0
  36. data/app/pb_kits/playbook/pb_avatar/_avatar.tsx +3 -0
  37. data/app/pb_kits/playbook/pb_avatar/avatar.html.erb +3 -3
  38. data/app/pb_kits/playbook/pb_avatar/avatar.rb +2 -0
  39. data/app/pb_kits/playbook/pb_avatar/avatar.test.js +18 -0
  40. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_grayscale.html.erb +5 -0
  41. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_grayscale.jsx +16 -0
  42. data/app/pb_kits/playbook/pb_avatar/docs/example.yml +2 -0
  43. data/app/pb_kits/playbook/pb_avatar/docs/index.js +1 -0
  44. data/app/pb_kits/playbook/pb_card/card.html.erb +1 -1
  45. data/app/pb_kits/playbook/pb_card/card.rb +12 -0
  46. data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.tsx +1 -1
  47. data/app/pb_kits/playbook/pb_circle_chart/circleChart.test.js +2 -2
  48. data/app/pb_kits/playbook/pb_circle_chart/circleChartTheme.ts +53 -0
  49. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.html.erb +2 -2
  50. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx +1 -1
  51. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.html.erb +1 -1
  52. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.jsx +1 -1
  53. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.html.erb +1 -1
  54. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.jsx +1 -1
  55. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.html.erb +1 -1
  56. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.jsx +1 -1
  57. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.html.erb +1 -1
  58. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.jsx +1 -1
  59. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_live_data.jsx +2 -2
  60. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_pb_styles.jsx +38 -0
  61. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_pb_styles.md +1 -0
  62. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.html.erb +1 -1
  63. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.jsx +1 -1
  64. data/app/pb_kits/playbook/pb_circle_chart/docs/example.yml +2 -3
  65. data/app/pb_kits/playbook/pb_circle_chart/docs/index.js +2 -1
  66. data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +12 -0
  67. data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +12 -0
  68. data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +50 -1
  69. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.html.erb +2 -2
  70. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.jsx +4 -1
  71. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_rails.md +4 -0
  72. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_range_limit.md +1 -1
  73. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_react.md +5 -1
  74. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern.jsx +34 -0
  75. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern.md +14 -0
  76. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern_rails.html.erb +20 -0
  77. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern_rails.md +14 -0
  78. data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +2 -0
  79. data/app/pb_kits/playbook/pb_date_picker/docs/index.js +1 -0
  80. data/app/pb_kits/playbook/pb_date_picker/plugins/quickPick.tsx +10 -0
  81. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.html.erb +64 -0
  82. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.html.erb +55 -0
  83. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors_rails.md +1 -0
  84. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.html.erb +55 -0
  85. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line_rails.md +5 -0
  86. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_rails.md +5 -0
  87. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.jsx +59 -0
  88. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners_react.md +1 -0
  89. data/app/pb_kits/playbook/pb_draggable/docs/example.yml +4 -1
  90. data/app/pb_kits/playbook/pb_draggable/docs/index.js +2 -1
  91. data/app/pb_kits/playbook/pb_draggable/draggable.rb +9 -1
  92. data/app/pb_kits/playbook/pb_draggable/draggable_container.rb +11 -1
  93. data/app/pb_kits/playbook/pb_draggable/draggable_item.rb +11 -1
  94. data/app/pb_kits/playbook/pb_draggable/index.js +141 -142
  95. data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableItem.tsx +33 -5
  96. data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +5 -0
  97. data/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx +5 -16
  98. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.html.erb +5 -2
  99. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.jsx +4 -1
  100. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.html.erb +28 -0
  101. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx +17 -64
  102. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.html.erb +58 -0
  103. data/app/pb_kits/playbook/pb_dropdown/docs/{_dropdown_with_autocomplete_and_custom_display.jsx → _dropdown_with_autocomplete_with_subcomponents.jsx} +11 -25
  104. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.md +1 -0
  105. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.md +1 -0
  106. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.jsx +61 -0
  107. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.md +2 -0
  108. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.html.erb +52 -0
  109. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.md +2 -0
  110. data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +7 -4
  111. data/app/pb_kits/playbook/pb_dropdown/docs/index.js +2 -2
  112. data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb +2 -2
  113. data/app/pb_kits/playbook/pb_dropdown/dropdown.rb +4 -0
  114. data/app/pb_kits/playbook/pb_dropdown/dropdown.test.jsx +45 -1
  115. data/app/pb_kits/playbook/pb_dropdown/dropdown_container.html.erb +10 -0
  116. data/app/pb_kits/playbook/pb_dropdown/dropdown_container.rb +3 -0
  117. data/app/pb_kits/playbook/pb_dropdown/dropdown_trigger.html.erb +12 -2
  118. data/app/pb_kits/playbook/pb_dropdown/dropdown_trigger.rb +3 -1
  119. data/app/pb_kits/playbook/pb_dropdown/index.js +57 -0
  120. data/app/pb_kits/playbook/pb_dropdown/keyboard_accessibility.js +26 -0
  121. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownContainer.tsx +3 -4
  122. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownTrigger.tsx +4 -4
  123. data/app/pb_kits/playbook/pb_empty_state/_empty_state.scss +8 -1
  124. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.html.erb +27 -0
  125. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.html.erb +7 -0
  126. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.html.erb +12 -0
  127. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.html.erb +23 -0
  128. data/app/pb_kits/playbook/pb_empty_state/docs/example.yml +5 -1
  129. data/app/pb_kits/playbook/pb_empty_state/empty_state.html.erb +19 -0
  130. data/app/pb_kits/playbook/pb_empty_state/empty_state.rb +123 -0
  131. data/app/pb_kits/playbook/pb_file_upload/_file_upload.scss +13 -0
  132. data/app/pb_kits/playbook/pb_file_upload/_file_upload.tsx +11 -1
  133. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_error.html.erb +1 -0
  134. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_error.jsx +41 -0
  135. data/app/pb_kits/playbook/pb_file_upload/docs/example.yml +2 -0
  136. data/app/pb_kits/playbook/pb_file_upload/docs/index.js +1 -0
  137. data/app/pb_kits/playbook/pb_file_upload/file_upload.html.erb +1 -0
  138. data/app/pb_kits/playbook/pb_file_upload/file_upload.rb +7 -1
  139. data/app/pb_kits/playbook/pb_file_upload/fileupload.test.js +18 -0
  140. data/app/pb_kits/playbook/pb_filter/docs/_filter_within_turbo_frames.html.erb +41 -0
  141. data/app/pb_kits/playbook/pb_filter/docs/_filter_within_turbo_frames.md +1 -0
  142. data/app/pb_kits/playbook/pb_filter/docs/example.yml +1 -0
  143. data/app/pb_kits/playbook/pb_form_group/_error_state_mixin.scss +22 -18
  144. data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +19 -12
  145. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_pb_styles.jsx +0 -1
  146. data/app/pb_kits/playbook/pb_gauge/gaugeTheme.ts +3 -1
  147. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.jsx +52 -0
  148. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.md +1 -0
  149. data/app/pb_kits/playbook/pb_line_graph/docs/example.yml +1 -0
  150. data/app/pb_kits/playbook/pb_line_graph/docs/index.js +1 -0
  151. data/app/pb_kits/playbook/pb_line_graph/lineGraphTheme.ts +110 -0
  152. data/app/pb_kits/playbook/pb_message/_message.tsx +3 -0
  153. data/app/pb_kits/playbook/pb_message/docs/_message_grayscale.html.erb +9 -0
  154. data/app/pb_kits/playbook/pb_message/docs/_message_grayscale.jsx +21 -0
  155. data/app/pb_kits/playbook/pb_message/docs/example.yml +2 -0
  156. data/app/pb_kits/playbook/pb_message/docs/index.js +1 -0
  157. data/app/pb_kits/playbook/pb_message/message.html.erb +2 -1
  158. data/app/pb_kits/playbook/pb_message/message.rb +1 -0
  159. data/app/pb_kits/playbook/pb_overlay/_overlay.scss +2 -1
  160. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.jsx +1 -1
  161. data/app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx +5 -4
  162. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss +21 -8
  163. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +3 -1
  164. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.html.erb +10 -0
  165. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.jsx +20 -0
  166. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.md +1 -0
  167. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.jsx +8 -1
  168. data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +2 -0
  169. data/app/pb_kits/playbook/pb_phone_number_input/docs/index.js +1 -0
  170. data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.rb +3 -0
  171. data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.test.js +19 -0
  172. data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to.html.erb +46 -0
  173. data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to.md +1 -0
  174. data/app/pb_kits/playbook/pb_popover/docs/example.yml +1 -0
  175. data/app/pb_kits/playbook/pb_popover/index.ts +13 -1
  176. data/app/pb_kits/playbook/pb_popover/popover.rb +2 -0
  177. data/app/pb_kits/playbook/pb_section_separator/_section_separator.tsx +2 -2
  178. data/app/pb_kits/playbook/pb_select/_select.scss +10 -0
  179. data/app/pb_kits/playbook/pb_select/docs/_select_error.html.erb +1 -1
  180. data/app/pb_kits/playbook/pb_select/docs/_select_error.jsx +7 -2
  181. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx +7 -7
  182. data/app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx +5 -5
  183. data/app/pb_kits/playbook/pb_text_input/_text_input.scss +4 -2
  184. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error.html.erb +1 -1
  185. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx +9 -1
  186. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error.html.erb +5 -1
  187. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error.jsx +7 -1
  188. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.html.erb +8 -1
  189. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.jsx +6 -2
  190. data/app/pb_kits/playbook/pb_user/_user.tsx +3 -0
  191. data/app/pb_kits/playbook/pb_user/docs/_user_grayscale.html.erb +6 -0
  192. data/app/pb_kits/playbook/pb_user/docs/_user_grayscale.jsx +16 -0
  193. data/app/pb_kits/playbook/pb_user/docs/example.yml +2 -0
  194. data/app/pb_kits/playbook/pb_user/docs/index.js +1 -0
  195. data/app/pb_kits/playbook/pb_user/user.html.erb +2 -1
  196. data/app/pb_kits/playbook/pb_user/user.rb +1 -0
  197. data/dist/chunks/_typeahead-BPSIWtFT.js +22 -0
  198. data/dist/chunks/_weekday_stacked-PfWrqC3z.js +45 -0
  199. data/dist/chunks/lazysizes-B7xYodB-.js +1 -0
  200. data/dist/chunks/lib-B20MXZcW.js +29 -0
  201. data/dist/chunks/{pb_form_validation-BRjyJrKh.js → pb_form_validation-WWvUXPKD.js} +1 -1
  202. data/dist/chunks/vendor.js +1 -1
  203. data/dist/menu.yml +6 -14
  204. data/dist/playbook-doc.js +2 -2
  205. data/dist/playbook-rails-react-bindings.js +1 -1
  206. data/dist/playbook-rails.js +1 -1
  207. data/dist/playbook.css +1 -1
  208. data/lib/playbook/version.rb +2 -2
  209. metadata +77 -24
  210. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.md +0 -1
  211. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_hook.jsx +0 -79
  212. data/app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.scss +0 -3
  213. data/app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.tsx +0 -72
  214. data/app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx +0 -53
  215. data/app/pb_kits/playbook/pb_gantt_chart/docs/example.yml +0 -7
  216. data/app/pb_kits/playbook/pb_gantt_chart/docs/index.js +0 -1
  217. data/app/pb_kits/playbook/pb_gantt_chart/gantt_chart.test.jsx +0 -19
  218. data/dist/chunks/_typeahead-C_FX7o_S.js +0 -22
  219. data/dist/chunks/_weekday_stacked-B4RLTeDo.js +0 -45
  220. data/dist/chunks/lazysizes-DHz07jlL.js +0 -1
  221. data/dist/chunks/lib-ySl8uEpT.js +0 -29
  222. /data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_selectable_rows_react.md → _advanced_table_selectable_rows.md} +0 -0
  223. /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
  224. /data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_selectable_rows.html.erb → _advanced_table_selectable_rows_rails.html.erb} +0 -0
  225. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_drop_zones_colors.md → _draggable_drop_zones_colors_react.md} +0 -0
  226. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_drop_zones_line.md → _draggable_drop_zones_line_react.md} +0 -0
  227. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_drop_zones.md → _draggable_drop_zones_react.md} +0 -0
  228. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_event_listeners.md → _draggable_event_listeners_rails.md} +0 -0
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "14.17.0"
5
- VERSION = "14.18.0"
4
+ PREVIOUS_VERSION = "14.19.0"
5
+ VERSION = "14.19.0.pre.alpha.PLAY1973formpillinternalsizing7728"
6
6
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 14.18.0
4
+ version: 14.19.0.pre.alpha.PLAY1973formpillinternalsizing7728
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2025-04-25 00:00:00.000000000 Z
12
+ date: 2025-05-13 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -278,6 +278,7 @@ files:
278
278
  - app/pb_kits/playbook/pb_advanced_table/Utilities/IconHelpers.tsx
279
279
  - app/pb_kits/playbook/pb_advanced_table/Utilities/RowUtils.ts
280
280
  - app/pb_kits/playbook/pb_advanced_table/Utilities/TableContainerStyles.ts
281
+ - app/pb_kits/playbook/pb_advanced_table/Utilities/VisibilityTree.ts
281
282
  - app/pb_kits/playbook/pb_advanced_table/Utilities/types.ts
282
283
  - app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss
283
284
  - app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx
@@ -294,6 +295,10 @@ files:
294
295
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.md
295
296
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.html.erb
296
297
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.md
298
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color.jsx
299
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color.md
300
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.html.erb
301
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.md
297
302
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.html.erb
298
303
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.jsx
299
304
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.md
@@ -301,6 +306,14 @@ files:
301
306
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.html.erb
302
307
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx
303
308
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.md
309
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility.jsx
310
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility.md
311
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_custom.jsx
312
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_custom.md
313
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_multi.jsx
314
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_multi.md
315
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_with_state.jsx
316
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_with_state.md
304
317
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.jsx
305
318
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.md
306
319
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell_rails.html.erb
@@ -330,18 +343,18 @@ files:
330
343
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.html.erb
331
344
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx
332
345
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.md
333
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.html.erb
334
346
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.jsx
347
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.md
335
348
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.jsx
336
349
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.md
337
350
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.jsx
338
351
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.md
339
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.html.erb
340
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.jsx
352
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_rails.html.erb
341
353
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_rails.md
354
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_react.jsx
342
355
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_react.md
356
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_rails.html.erb
343
357
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_rails.md
344
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_react.md
345
358
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
346
359
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.md
347
360
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx
@@ -374,6 +387,7 @@ files:
374
387
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_pagination_mock_data.json
375
388
  - app/pb_kits/playbook/pb_advanced_table/docs/example.yml
376
389
  - app/pb_kits/playbook/pb_advanced_table/docs/index.js
390
+ - app/pb_kits/playbook/pb_advanced_table/flat_advanced_table.js
377
391
  - app/pb_kits/playbook/pb_advanced_table/index.js
378
392
  - app/pb_kits/playbook/pb_advanced_table/scss_partials/_chrome_styles.scss
379
393
  - app/pb_kits/playbook/pb_advanced_table/scss_partials/_loading.scss
@@ -402,6 +416,8 @@ files:
402
416
  - app/pb_kits/playbook/pb_avatar/docs/_avatar_default.html.erb
403
417
  - app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx
404
418
  - app/pb_kits/playbook/pb_avatar/docs/_avatar_default_swift.md
419
+ - app/pb_kits/playbook/pb_avatar/docs/_avatar_grayscale.html.erb
420
+ - app/pb_kits/playbook/pb_avatar/docs/_avatar_grayscale.jsx
405
421
  - app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.html.erb
406
422
  - app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.jsx
407
423
  - app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.md
@@ -713,6 +729,7 @@ files:
713
729
  - app/pb_kits/playbook/pb_circle_chart/_circle_chart.scss
714
730
  - app/pb_kits/playbook/pb_circle_chart/_circle_chart.tsx
715
731
  - app/pb_kits/playbook/pb_circle_chart/circleChart.test.js
732
+ - app/pb_kits/playbook/pb_circle_chart/circleChartTheme.ts
716
733
  - app/pb_kits/playbook/pb_circle_chart/circle_chart.html.erb
717
734
  - app/pb_kits/playbook/pb_circle_chart/circle_chart.rb
718
735
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.html.erb
@@ -731,6 +748,8 @@ files:
731
748
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.jsx
732
749
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.md
733
750
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_live_data.jsx
751
+ - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_pb_styles.jsx
752
+ - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_pb_styles.md
734
753
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.html.erb
735
754
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.jsx
736
755
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_labels.html.erb
@@ -995,6 +1014,10 @@ files:
995
1014
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_react.md
996
1015
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb
997
1016
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx
1017
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern.jsx
1018
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern.md
1019
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern_rails.html.erb
1020
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern_rails.md
998
1021
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.html.erb
999
1022
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.jsx
1000
1023
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.md
@@ -1211,14 +1234,22 @@ files:
1211
1234
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_default.jsx
1212
1235
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.md
1213
1236
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_react.md
1237
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.html.erb
1214
1238
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.jsx
1215
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.md
1239
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.html.erb
1216
1240
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.jsx
1217
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.md
1241
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors_rails.md
1242
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors_react.md
1243
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.html.erb
1218
1244
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.jsx
1219
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.md
1245
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line_rails.md
1246
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line_react.md
1247
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_rails.md
1248
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_react.md
1220
1249
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.html.erb
1221
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.md
1250
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.jsx
1251
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners_rails.md
1252
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners_react.md
1222
1253
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.html.erb
1223
1254
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx
1224
1255
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.md
@@ -1303,10 +1334,12 @@ files:
1303
1334
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.html.erb
1304
1335
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx
1305
1336
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.md
1337
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.html.erb
1306
1338
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx
1307
1339
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.md
1308
- - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.jsx
1309
- - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.md
1340
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.html.erb
1341
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.jsx
1342
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.md
1310
1343
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx
1311
1344
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
1312
1345
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.html.erb
@@ -1323,10 +1356,14 @@ files:
1323
1356
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger_rails.html.erb
1324
1357
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger_rails.md
1325
1358
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.jsx
1326
- - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_hook.jsx
1359
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.md
1327
1360
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.html.erb
1328
1361
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.jsx
1329
1362
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.md
1363
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.jsx
1364
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.md
1365
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.html.erb
1366
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.md
1330
1367
  - app/pb_kits/playbook/pb_dropdown/docs/example.yml
1331
1368
  - app/pb_kits/playbook/pb_dropdown/docs/index.js
1332
1369
  - app/pb_kits/playbook/pb_dropdown/dropdown.html.erb
@@ -1351,14 +1388,20 @@ files:
1351
1388
  - app/pb_kits/playbook/pb_dropdown/utilities/subComponentHelper.tsx
1352
1389
  - app/pb_kits/playbook/pb_empty_state/_empty_state.scss
1353
1390
  - app/pb_kits/playbook/pb_empty_state/_empty_state.tsx
1391
+ - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.html.erb
1354
1392
  - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.jsx
1393
+ - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.html.erb
1355
1394
  - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.jsx
1395
+ - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.html.erb
1356
1396
  - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.jsx
1397
+ - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.html.erb
1357
1398
  - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.jsx
1358
1399
  - app/pb_kits/playbook/pb_empty_state/docs/default_image/computer_fly_no_branding.svg
1359
1400
  - app/pb_kits/playbook/pb_empty_state/docs/default_image/utils.tsx
1360
1401
  - app/pb_kits/playbook/pb_empty_state/docs/example.yml
1361
1402
  - app/pb_kits/playbook/pb_empty_state/docs/index.js
1403
+ - app/pb_kits/playbook/pb_empty_state/empty_state.html.erb
1404
+ - app/pb_kits/playbook/pb_empty_state/empty_state.rb
1362
1405
  - app/pb_kits/playbook/pb_empty_state/empty_state.test.jsx
1363
1406
  - app/pb_kits/playbook/pb_enhanced_element/element_observer.ts
1364
1407
  - app/pb_kits/playbook/pb_enhanced_element/index.ts
@@ -1373,6 +1416,8 @@ files:
1373
1416
  - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_message.jsx
1374
1417
  - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_default.html.erb
1375
1418
  - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_default.jsx
1419
+ - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_error.html.erb
1420
+ - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_error.jsx
1376
1421
  - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_max_size.jsx
1377
1422
  - app/pb_kits/playbook/pb_file_upload/docs/example.yml
1378
1423
  - app/pb_kits/playbook/pb_file_upload/docs/index.js
@@ -1416,6 +1461,8 @@ files:
1416
1461
  - app/pb_kits/playbook/pb_filter/docs/_filter_popover_props_react.md
1417
1462
  - app/pb_kits/playbook/pb_filter/docs/_filter_single.html.erb
1418
1463
  - app/pb_kits/playbook/pb_filter/docs/_filter_single.jsx
1464
+ - app/pb_kits/playbook/pb_filter/docs/_filter_within_turbo_frames.html.erb
1465
+ - app/pb_kits/playbook/pb_filter/docs/_filter_within_turbo_frames.md
1419
1466
  - app/pb_kits/playbook/pb_filter/docs/_sort_only.html.erb
1420
1467
  - app/pb_kits/playbook/pb_filter/docs/_sort_only.jsx
1421
1468
  - app/pb_kits/playbook/pb_filter/docs/example.yml
@@ -1564,12 +1611,6 @@ files:
1564
1611
  - app/pb_kits/playbook/pb_form_pill/docs/index.js
1565
1612
  - app/pb_kits/playbook/pb_form_pill/form_pill.html.erb
1566
1613
  - app/pb_kits/playbook/pb_form_pill/form_pill.rb
1567
- - app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.scss
1568
- - app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.tsx
1569
- - app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx
1570
- - app/pb_kits/playbook/pb_gantt_chart/docs/example.yml
1571
- - app/pb_kits/playbook/pb_gantt_chart/docs/index.js
1572
- - app/pb_kits/playbook/pb_gantt_chart/gantt_chart.test.jsx
1573
1614
  - app/pb_kits/playbook/pb_gauge/_gauge.scss
1574
1615
  - app/pb_kits/playbook/pb_gauge/_gauge.tsx
1575
1616
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.html.erb
@@ -1927,10 +1968,13 @@ files:
1927
1968
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.html.erb
1928
1969
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.jsx
1929
1970
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.md
1971
+ - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.jsx
1972
+ - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.md
1930
1973
  - app/pb_kits/playbook/pb_line_graph/docs/example.yml
1931
1974
  - app/pb_kits/playbook/pb_line_graph/docs/index.js
1932
1975
  - app/pb_kits/playbook/pb_line_graph/lineGraph.test.js
1933
1976
  - app/pb_kits/playbook/pb_line_graph/lineGraphSettings.js
1977
+ - app/pb_kits/playbook/pb_line_graph/lineGraphTheme.ts
1934
1978
  - app/pb_kits/playbook/pb_line_graph/line_graph.html.erb
1935
1979
  - app/pb_kits/playbook/pb_line_graph/line_graph.rb
1936
1980
  - app/pb_kits/playbook/pb_link/_link.scss
@@ -2014,6 +2058,8 @@ files:
2014
2058
  - app/pb_kits/playbook/pb_message/docs/_message_default.jsx
2015
2059
  - app/pb_kits/playbook/pb_message/docs/_message_default.md
2016
2060
  - app/pb_kits/playbook/pb_message/docs/_message_default_swift.md
2061
+ - app/pb_kits/playbook/pb_message/docs/_message_grayscale.html.erb
2062
+ - app/pb_kits/playbook/pb_message/docs/_message_grayscale.jsx
2017
2063
  - app/pb_kits/playbook/pb_message/docs/_message_hover.html.erb
2018
2064
  - app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
2019
2065
  - app/pb_kits/playbook/pb_message/docs/_message_mentions.html.erb
@@ -2336,6 +2382,9 @@ files:
2336
2382
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_access_input_element.md
2337
2383
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_clear_field.jsx
2338
2384
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_clear_field.md
2385
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.html.erb
2386
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.jsx
2387
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.md
2339
2388
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.html.erb
2340
2389
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.jsx
2341
2390
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.md
@@ -2384,6 +2433,8 @@ files:
2384
2433
  - app/pb_kits/playbook/pb_popover/docs/_description.md
2385
2434
  - app/pb_kits/playbook/pb_popover/docs/_popover_actionable_content.html.erb
2386
2435
  - app/pb_kits/playbook/pb_popover/docs/_popover_actionable_content.jsx
2436
+ - app/pb_kits/playbook/pb_popover/docs/_popover_append_to.html.erb
2437
+ - app/pb_kits/playbook/pb_popover/docs/_popover_append_to.md
2387
2438
  - app/pb_kits/playbook/pb_popover/docs/_popover_close.html.erb
2388
2439
  - app/pb_kits/playbook/pb_popover/docs/_popover_close.jsx
2389
2440
  - app/pb_kits/playbook/pb_popover/docs/_popover_default.html.erb
@@ -3354,6 +3405,8 @@ files:
3354
3405
  - app/pb_kits/playbook/pb_user/docs/_user_font_options.jsx
3355
3406
  - app/pb_kits/playbook/pb_user/docs/_user_font_options_rails.md
3356
3407
  - app/pb_kits/playbook/pb_user/docs/_user_font_options_react.md
3408
+ - app/pb_kits/playbook/pb_user/docs/_user_grayscale.html.erb
3409
+ - app/pb_kits/playbook/pb_user/docs/_user_grayscale.jsx
3357
3410
  - app/pb_kits/playbook/pb_user/docs/_user_horizontal_swift.md
3358
3411
  - app/pb_kits/playbook/pb_user/docs/_user_light_weight.html.erb
3359
3412
  - app/pb_kits/playbook/pb_user/docs/_user_light_weight.jsx
@@ -3514,11 +3567,11 @@ files:
3514
3567
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3515
3568
  - app/pb_kits/playbook/utilities/text.ts
3516
3569
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3517
- - dist/chunks/_typeahead-C_FX7o_S.js
3518
- - dist/chunks/_weekday_stacked-B4RLTeDo.js
3519
- - dist/chunks/lazysizes-DHz07jlL.js
3520
- - dist/chunks/lib-ySl8uEpT.js
3521
- - dist/chunks/pb_form_validation-BRjyJrKh.js
3570
+ - dist/chunks/_typeahead-BPSIWtFT.js
3571
+ - dist/chunks/_weekday_stacked-PfWrqC3z.js
3572
+ - dist/chunks/lazysizes-B7xYodB-.js
3573
+ - dist/chunks/lib-B20MXZcW.js
3574
+ - dist/chunks/pb_form_validation-WWvUXPKD.js
3522
3575
  - dist/chunks/vendor.js
3523
3576
  - dist/menu.yml
3524
3577
  - dist/playbook-doc.js
@@ -1 +0,0 @@
1
- `autocomplete` prop can also be used in conjunction with the `customDisplay` prop.
@@ -1,79 +0,0 @@
1
- import React, { useRef } from 'react'
2
-
3
- import Dropdown from '../../pb_dropdown/_dropdown'
4
- import useDropdown from '../../pb_dropdown/hooks/useDropdown'
5
- import CircleIconButton from '../../pb_circle_icon_button/_circle_icon_button'
6
- import FlexItem from '../../pb_flex/_flex_item'
7
- import Icon from '../../pb_icon/_icon'
8
- import Body from '../../pb_body/_body'
9
- import Flex from '../../pb_flex/_flex'
10
-
11
- const DropdownWithHook = (props) => {
12
- const [isDropDownClosed, setIsDropdownClosed] = useDropdown(true);
13
- const buttonRef = useRef(null);
14
-
15
- const options = [
16
- {
17
- label: "United States",
18
- value: "United States",
19
- areaCode: "+1",
20
- icon: "🇺🇸",
21
- id: "United-states"
22
- },
23
- {
24
- label: "Canada",
25
- value: "Canada",
26
- areaCode: "+1",
27
- icon: "🇨🇦",
28
- id: "canada"
29
- },
30
- {
31
- label: "Pakistan",
32
- value: "Pakistan",
33
- areaCode: "+92",
34
- icon: "🇵🇰",
35
- id: "pakistan"
36
- }
37
- ];
38
-
39
- return (
40
- <div>
41
- <CircleIconButton
42
- htmlOptions={{ref: buttonRef}}
43
- icon={"flag"}
44
- onClick={() => setIsDropdownClosed(!isDropDownClosed)}
45
- variant="secondary"
46
- />
47
- <Dropdown
48
- isClosed={isDropDownClosed}
49
- options={options}
50
- triggerRef={buttonRef}
51
- {...props}
52
- >
53
- {options.map((option) => (
54
- <Dropdown.Option key={option.id}
55
- option={option}
56
- >
57
- <>
58
- <FlexItem>
59
- <Flex paddingRight='md'>
60
- <Icon icon={option.icon}
61
- paddingRight="xs"
62
- />
63
- <Body text={option.label} />
64
- </Flex>
65
- </FlexItem>
66
- <FlexItem>
67
- <Body color="light"
68
- text={option.areaCode}
69
- />
70
- </FlexItem>
71
- </>
72
- </Dropdown.Option>
73
- ))}
74
- </Dropdown>
75
- </div>
76
- )
77
- }
78
-
79
- export default DropdownWithHook
@@ -1,3 +0,0 @@
1
- .pb_gantt_chart {
2
-
3
- }
@@ -1,72 +0,0 @@
1
- import React, { useState, useEffect } from "react";
2
- import classnames from "classnames";
3
- import { buildAriaProps, buildCss, buildDataProps, buildHtmlProps } from "../utilities/props";
4
- import { globalProps } from "../utilities/globalProps";
5
- import HighchartsReact from "highcharts-react-official";
6
- import Highcharts from "highcharts/highcharts-gantt";
7
-
8
- import { highchartsTheme } from "../pb_dashboard/pbChartsLightTheme";
9
- import { highchartsDarkTheme } from "../pb_dashboard/pbChartsDarkTheme";
10
-
11
- type GanttChartProps = {
12
- aria?: { [key: string]: string };
13
- className?: string;
14
- customOptions: Partial<Highcharts.Options>;
15
- dark?: boolean;
16
- data?: { [key: string]: string };
17
- htmlOptions?: { [key: string]: string | number | boolean | (() => void) };
18
- id?: string;
19
- };
20
-
21
- const GanttChart = (props: GanttChartProps) => {
22
- const {
23
- aria = {},
24
- className,
25
- customOptions = {},
26
- dark = false,
27
- data = {},
28
- htmlOptions = {},
29
- id,
30
- } = props;
31
-
32
- const ariaProps = buildAriaProps(aria);
33
- const dataProps = buildDataProps(data);
34
- const htmlProps = buildHtmlProps(htmlOptions);
35
- const classes = classnames(
36
- buildCss("pb_gantt_chart"),
37
- globalProps(props),
38
- className
39
- );
40
-
41
- const [options, setOptions] = useState<Highcharts.Options | undefined>(customOptions);
42
-
43
- useEffect(() => {
44
- setOptions(customOptions);
45
- }, [customOptions]);
46
-
47
- const setupTheme = () => {
48
- dark
49
- ? Highcharts.setOptions(highchartsDarkTheme)
50
- : Highcharts.setOptions(highchartsTheme);
51
- };
52
- setupTheme();
53
-
54
- return (
55
- <div>
56
- <HighchartsReact
57
- constructorType={"ganttChart"}
58
- containerProps={{
59
- className: classnames(globalProps(props), classes),
60
- id: id,
61
- ...ariaProps,
62
- ...dataProps,
63
- ...htmlProps,
64
- }}
65
- highcharts={Highcharts}
66
- options={options}
67
- />
68
- </div>
69
- );
70
- };
71
-
72
- export default GanttChart;
@@ -1,53 +0,0 @@
1
- import React from "react";
2
- import GanttChart from '../../pb_gantt_chart/_gantt_chart'
3
-
4
- const mockOptions = {
5
- title: {
6
- text: "Simple Gantt Chart",
7
- },
8
-
9
- xAxis: [
10
- {
11
- min: Date.UTC(2014, 10, 17),
12
- max: Date.UTC(2014, 10, 30),
13
- },
14
- ],
15
-
16
- series: [
17
- {
18
- name: "Project 1",
19
- data: [
20
- {
21
- name: "Start prototype",
22
- start: Date.UTC(2014, 10, 18),
23
- end: Date.UTC(2014, 10, 25),
24
- },
25
- {
26
- name: "Develop",
27
- start: Date.UTC(2014, 10, 20),
28
- end: Date.UTC(2014, 10, 25),
29
- },
30
- {
31
- name: "Run acceptance tests",
32
- start: Date.UTC(2014, 10, 23),
33
- end: Date.UTC(2014, 10, 26),
34
- },
35
- {
36
- name: "Test prototype",
37
- start: Date.UTC(2014, 10, 27),
38
- end: Date.UTC(2014, 10, 29),
39
- },
40
- ],
41
- },
42
- ],
43
- };
44
-
45
- const GanttChartDefault = (props) => (
46
- <div>
47
- <GanttChart customOptions={mockOptions}
48
- {...props}
49
- />
50
- </div>
51
- );
52
-
53
- export default GanttChartDefault;
@@ -1,7 +0,0 @@
1
- examples:
2
-
3
-
4
- react:
5
- - gantt_chart_default: Default
6
-
7
-
@@ -1 +0,0 @@
1
- export { default as GanttChartDefault } from './_gantt_chart_default.jsx'
@@ -1,19 +0,0 @@
1
- // import { renderKit } from '../utilities/test-utils'
2
-
3
- // import GanttChart from './_gantt_chart'
4
-
5
- /* See these resources for more testing info:
6
- - https://github.com/testing-library/jest-dom#usage for useage and examples
7
- - https://jestjs.io/docs/en/using-matchers
8
- */
9
-
10
- test('generated scaffold test - update me', () => {
11
- // const props = {
12
- // data: { testid: 'default' }
13
- // }
14
-
15
-
16
- // const kit = renderKit(GanttChart , props)
17
- // expect(kit).toBeInTheDocument()
18
- })
19
-