playbook_ui 15.4.0.pre.alpha.testingseparation12413 → 15.4.0.pre.rc.0

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 (243) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/Components/RegularTableView.tsx +1 -2
  3. data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableState.ts +0 -15
  4. data/app/pb_kits/playbook/pb_advanced_table/Utilities/RowUtils.ts +1 -1
  5. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +4 -4
  6. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +5 -68
  7. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_background_control_rails.html.erb +0 -4
  8. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_background_control_rails.md +1 -1
  9. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color.md +1 -1
  10. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.md +1 -1
  11. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.jsx +1 -4
  12. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.md +0 -2
  13. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers.jsx +1 -1
  14. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_rails.html.erb +0 -1
  15. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_rails.md +0 -2
  16. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_fullscreen.jsx +1 -3
  17. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx +1 -1
  18. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.jsx +1 -3
  19. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control.jsx +1 -9
  20. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control.md +1 -1
  21. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx +1 -4
  22. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.md +2 -3
  23. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.jsx +1 -2
  24. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_columns_and_header.md +1 -1
  25. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_rails.md +1 -1
  26. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md +1 -1
  27. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header.jsx +0 -16
  28. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_rails.html.erb +1 -1
  29. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -1
  30. data/app/pb_kits/playbook/pb_advanced_table/flat_advanced_table.js +2 -2
  31. data/app/pb_kits/playbook/pb_advanced_table/index.js +7 -7
  32. data/app/pb_kits/playbook/pb_advanced_table/scss_partials/advanced_table_sticky_mixin.scss +2 -2
  33. data/app/pb_kits/playbook/pb_advanced_table/table_header.rb +20 -90
  34. data/app/pb_kits/playbook/pb_advanced_table/table_row.rb +3 -32
  35. data/app/pb_kits/playbook/pb_background/background.html.erb +2 -10
  36. data/app/pb_kits/playbook/pb_background/docs/_background_category.md +1 -1
  37. data/app/pb_kits/playbook/pb_badge/_badge.tsx +1 -4
  38. data/app/pb_kits/playbook/pb_badge/badge.test.js +0 -13
  39. data/app/pb_kits/playbook/pb_card/docs/_card_background.md +1 -1
  40. data/app/pb_kits/playbook/pb_card/docs/_card_header.md +1 -1
  41. data/app/pb_kits/playbook/pb_card/docs/_card_highlight.md +1 -1
  42. data/app/pb_kits/playbook/pb_card/docs/_card_light.md +1 -1
  43. data/app/pb_kits/playbook/pb_currency/_currency.tsx +7 -20
  44. data/app/pb_kits/playbook/pb_currency/currency.rb +8 -35
  45. data/app/pb_kits/playbook/pb_currency/currency.test.js +0 -47
  46. data/app/pb_kits/playbook/pb_currency/docs/_currency_negative.html.erb +0 -10
  47. data/app/pb_kits/playbook/pb_currency/docs/_currency_negative.jsx +0 -10
  48. data/app/pb_kits/playbook/pb_currency/docs/_currency_variants.html.erb +1 -8
  49. data/app/pb_kits/playbook/pb_currency/docs/_currency_variants.jsx +1 -8
  50. data/app/pb_kits/playbook/pb_currency/docs/_description.md +2 -2
  51. data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +11 -25
  52. data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +0 -2
  53. data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +7 -60
  54. data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +1 -2
  55. data/app/pb_kits/playbook/pb_date_picker/docs/index.js +1 -2
  56. data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.tsx +13 -20
  57. data/app/pb_kits/playbook/pb_date_range_inline/date_range_inline.rb +4 -6
  58. data/app/pb_kits/playbook/pb_date_range_inline/date_range_inline.test.js +0 -17
  59. data/app/pb_kits/playbook/pb_date_range_inline/docs/_description.md +1 -1
  60. data/app/pb_kits/playbook/pb_date_range_inline/docs/example.yml +2 -3
  61. data/app/pb_kits/playbook/pb_date_range_inline/docs/index.js +0 -1
  62. data/app/pb_kits/playbook/pb_date_stacked/_date_stacked.tsx +4 -6
  63. data/app/pb_kits/playbook/pb_date_stacked/date_stacked.html.erb +3 -2
  64. data/app/pb_kits/playbook/pb_date_stacked/date_stacked.rb +5 -11
  65. data/app/pb_kits/playbook/pb_date_stacked/date_stacked.test.js +9 -26
  66. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.html.erb +1 -1
  67. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.jsx +1 -1
  68. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.html.erb +5 -0
  69. data/app/pb_kits/playbook/pb_date_stacked/docs/{_date_stacked_current_year.jsx → _date_stacked_not_current_year.jsx} +5 -6
  70. data/app/pb_kits/playbook/pb_date_stacked/docs/_description.md +1 -1
  71. data/app/pb_kits/playbook/pb_date_stacked/docs/example.yml +2 -2
  72. data/app/pb_kits/playbook/pb_date_stacked/docs/index.js +1 -1
  73. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.html.erb +2 -2
  74. data/app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.md +1 -1
  75. data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +0 -1
  76. data/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx +6 -111
  77. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_active_style_options_react.md +1 -1
  78. data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +0 -5
  79. data/app/pb_kits/playbook/pb_dropdown/docs/index.js +1 -5
  80. data/app/pb_kits/playbook/pb_dropdown/dropdown.test.jsx +2 -148
  81. data/app/pb_kits/playbook/pb_dropdown/index.js +1 -1
  82. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.jsx +1 -2
  83. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.jsx +1 -2
  84. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.jsx +1 -2
  85. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.jsx +1 -2
  86. data/app/pb_kits/playbook/pb_filter/docs/_filter_max_width.md +1 -1
  87. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.tsx +9 -31
  88. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.html.erb +1 -15
  89. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.html.erb +8 -9
  90. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_positions.html.erb +10 -11
  91. data/app/pb_kits/playbook/pb_flex/_flex_item.tsx +5 -12
  92. data/app/pb_kits/playbook/pb_flex/docs/_flex_item_example.jsx +0 -1
  93. data/app/pb_kits/playbook/pb_form/pb_form_validation.js +11 -44
  94. data/app/pb_kits/playbook/pb_form_pill/_form_pill.tsx +1 -1
  95. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text_rails.md +1 -1
  96. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text_react.md +1 -1
  97. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.jsx +1 -4
  98. data/app/pb_kits/playbook/pb_icon/docs/_icon_color.md +1 -1
  99. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.md +1 -1
  100. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.html.erb +14 -7
  101. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx +15 -6
  102. data/app/pb_kits/playbook/pb_layout/docs/_layout_collection.md +1 -1
  103. data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_variant.jsx +1 -1
  104. data/app/pb_kits/playbook/pb_nav/_item.tsx +4 -18
  105. data/app/pb_kits/playbook/pb_nav/_nav.scss +5 -30
  106. data/app/pb_kits/playbook/pb_nav/_nav_item.test.js +0 -192
  107. data/app/pb_kits/playbook/pb_nav/_vertical_nav.scss +1 -1
  108. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_item_spacing.md +1 -1
  109. data/app/pb_kits/playbook/pb_nav/docs/_nav_with_spacing_control.md +1 -1
  110. data/app/pb_kits/playbook/pb_nav/docs/example.yml +0 -4
  111. data/app/pb_kits/playbook/pb_nav/docs/index.js +1 -3
  112. data/app/pb_kits/playbook/pb_nav/item.html.erb +4 -6
  113. data/app/pb_kits/playbook/pb_nav/item.rb +2 -11
  114. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_layout.md +1 -1
  115. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_description.md +1 -3
  116. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors.jsx +1 -1
  117. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.jsx +1 -1
  118. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.jsx +1 -1
  119. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_horizontal.jsx +1 -1
  120. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend.jsx +1 -1
  121. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_non_clickable.jsx +2 -1
  122. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.html.erb +1 -1
  123. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.jsx +1 -1
  124. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.jsx +1 -1
  125. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_secondary_y_axis.jsx +1 -1
  126. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_spline.jsx +2 -1
  127. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_stacked.jsx +2 -1
  128. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_description.md +1 -3
  129. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_block_content.jsx +1 -2
  130. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.jsx +1 -2
  131. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.jsx +1 -1
  132. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.md +1 -2
  133. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.jsx +1 -2
  134. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_labels.jsx +1 -1
  135. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.jsx +1 -1
  136. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.jsx +1 -1
  137. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.jsx +1 -1
  138. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_live_data.jsx +1 -2
  139. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_rounded.jsx +1 -1
  140. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_with_title.jsx +1 -1
  141. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_description.md +1 -3
  142. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_color.jsx +1 -1
  143. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_color.md +2 -2
  144. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_complex.jsx +1 -2
  145. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_full_circle.jsx +1 -2
  146. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_height.jsx +1 -2
  147. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_min_max.jsx +1 -2
  148. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_units.jsx +1 -2
  149. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_description.md +1 -3
  150. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_colors.jsx +1 -1
  151. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend_position.html.erb +1 -1
  152. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +17 -110
  153. data/app/pb_kits/playbook/pb_pill/docs/_description.md +1 -1
  154. data/app/pb_kits/playbook/pb_popover/_popover.tsx +34 -69
  155. data/app/pb_kits/playbook/pb_popover/docs/example.yml +0 -1
  156. data/app/pb_kits/playbook/pb_popover/docs/index.js +0 -1
  157. data/app/pb_kits/playbook/pb_popover/popover.test.js +0 -80
  158. data/app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.jsx +1 -3
  159. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_description.md +1 -1
  160. data/app/pb_kits/playbook/pb_section_separator/docs/_description.md +1 -1
  161. data/app/pb_kits/playbook/pb_select/docs/_select_react_hook.jsx +1 -3
  162. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +0 -29
  163. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius_rails.md +1 -1
  164. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius_react.md +1 -1
  165. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_layout.md +1 -1
  166. data/app/pb_kits/playbook/pb_table/docs/_table_side_highlight.md +1 -1
  167. data/app/pb_kits/playbook/pb_table/docs/_table_sm.md +1 -1
  168. data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -2
  169. data/app/pb_kits/playbook/pb_table/docs/index.js +0 -1
  170. data/app/pb_kits/playbook/pb_text_input/text_input.rb +2 -2
  171. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.jsx +1 -4
  172. data/app/pb_kits/playbook/pb_typeahead/_typeahead.scss +0 -7
  173. data/app/pb_kits/playbook/pb_typeahead/_typeahead.test.jsx +1 -105
  174. data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +9 -23
  175. data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.tsx +1 -33
  176. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default_options.html.erb +1 -67
  177. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default_value.jsx +6 -68
  178. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx +1 -2
  179. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.md +1 -1
  180. data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +0 -2
  181. data/app/pb_kits/playbook/pb_typeahead/docs/index.js +1 -2
  182. data/app/pb_kits/playbook/pb_user/docs/_user_font_options.jsx +1 -1
  183. data/dist/chunks/_line_graph-h5H-imfn.js +1 -0
  184. data/dist/chunks/_typeahead-U8AjZIIW.js +6 -0
  185. data/dist/chunks/_weekday_stacked-c6_R08J-.js +37 -0
  186. data/dist/chunks/componentRegistry-DzmmLR2x.js +1 -0
  187. data/dist/chunks/lib-CGxXTQ75.js +29 -0
  188. data/dist/chunks/pb_form_validation-DebqlUKZ.js +1 -0
  189. data/dist/chunks/vendor.js +1 -37
  190. data/dist/playbook-doc.js +19 -0
  191. data/dist/playbook-rails-react-bindings.js +1 -1
  192. data/dist/playbook-rails.js +1 -1
  193. data/dist/playbook.css +1 -1
  194. data/lib/playbook/version.rb +2 -2
  195. metadata +12 -51
  196. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header_rails.html.erb +0 -104
  197. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header_rails.md +0 -1
  198. data/app/pb_kits/playbook/pb_currency/docs/_currency_abbreviated.md +0 -1
  199. data/app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals_rails.md +0 -1
  200. data/app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals_react.md +0 -1
  201. data/app/pb_kits/playbook/pb_currency/docs/_currency_negative.md +0 -1
  202. data/app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol_rails.md +0 -1
  203. data/app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol_react.md +0 -1
  204. data/app/pb_kits/playbook/pb_currency/docs/_currency_variants.md +0 -1
  205. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_and_dropdown_range.jsx +0 -38
  206. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_and_dropdown_range.md +0 -14
  207. data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.html.erb +0 -4
  208. data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.jsx +0 -43
  209. data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.md +0 -1
  210. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.html.erb +0 -12
  211. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.md +0 -1
  212. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick.jsx +0 -18
  213. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick.md +0 -4
  214. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_default_dates.jsx +0 -18
  215. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_default_dates.md +0 -1
  216. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_range_end.jsx +0 -19
  217. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_range_end.md +0 -1
  218. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_with_date_pickers.jsx +0 -38
  219. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_with_date_pickers.md +0 -14
  220. data/app/pb_kits/playbook/pb_dropdown/quickpick/index.ts +0 -60
  221. data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.html.erb +0 -21
  222. data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.jsx +0 -113
  223. data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.md +0 -1
  224. data/app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.html.erb +0 -30
  225. data/app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.jsx +0 -117
  226. data/app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.md +0 -1
  227. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.md +0 -1
  228. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.md +0 -11
  229. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.md +0 -1
  230. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.md +0 -1
  231. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.md +0 -1
  232. data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to.jsx +0 -71
  233. data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to_react.md +0 -1
  234. data/app/pb_kits/playbook/pb_table/docs/_table_with_dynamic_collapsible.html.erb +0 -63
  235. data/app/pb_kits/playbook/pb_table/docs/_table_with_dynamic_collapsible.jsx +0 -89
  236. data/app/pb_kits/playbook/pb_table/docs/_table_with_dynamic_collapsible_rails.md +0 -4
  237. data/app/pb_kits/playbook/pb_table/docs/_table_with_dynamic_collapsible_react.md +0 -3
  238. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_options.html.erb +0 -64
  239. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_options.jsx +0 -70
  240. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_options.md +0 -1
  241. data/dist/chunks/_typeahead-BUTLC28y.js +0 -6
  242. data/dist/chunks/lib-CgpqUb6l.js +0 -29
  243. /data/app/pb_kits/playbook/pb_popover/docs/{_popover_append_to_rails.md → _popover_append_to.md} +0 -0
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "15.4.0"
5
- VERSION = "15.4.0.pre.alpha.testingseparation12413"
4
+ PREVIOUS_VERSION = "15.3.0"
5
+ VERSION = "15.4.0.pre.rc.0"
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: 15.4.0.pre.alpha.testingseparation12413
4
+ version: 15.4.0.pre.rc.0
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-11-17 00:00:00.000000000 Z
12
+ date: 2025-10-27 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -411,8 +411,6 @@ files:
411
411
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header.md
412
412
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header.jsx
413
413
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header.md
414
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header_rails.html.erb
415
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header_rails.md
416
414
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_rails.html.erb
417
415
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_rails.md
418
416
  - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
@@ -923,7 +921,6 @@ files:
923
921
  - app/pb_kits/playbook/pb_currency/currency.test.js
924
922
  - app/pb_kits/playbook/pb_currency/docs/_currency_abbreviated.html.erb
925
923
  - app/pb_kits/playbook/pb_currency/docs/_currency_abbreviated.jsx
926
- - app/pb_kits/playbook/pb_currency/docs/_currency_abbreviated.md
927
924
  - app/pb_kits/playbook/pb_currency/docs/_currency_alignment.html.erb
928
925
  - app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
929
926
  - app/pb_kits/playbook/pb_currency/docs/_currency_alignment_swift.md
@@ -932,15 +929,10 @@ files:
932
929
  - app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.md
933
930
  - app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.html.erb
934
931
  - app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.jsx
935
- - app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals_rails.md
936
- - app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals_react.md
937
932
  - app/pb_kits/playbook/pb_currency/docs/_currency_negative.html.erb
938
933
  - app/pb_kits/playbook/pb_currency/docs/_currency_negative.jsx
939
- - app/pb_kits/playbook/pb_currency/docs/_currency_negative.md
940
934
  - app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.html.erb
941
935
  - app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.jsx
942
- - app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol_rails.md
943
- - app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol_react.md
944
936
  - app/pb_kits/playbook/pb_currency/docs/_currency_null_display.html.erb
945
937
  - app/pb_kits/playbook/pb_currency/docs/_currency_null_display.jsx
946
938
  - app/pb_kits/playbook/pb_currency/docs/_currency_null_display_rails.md
@@ -954,7 +946,6 @@ files:
954
946
  - app/pb_kits/playbook/pb_currency/docs/_currency_unstyled.md
955
947
  - app/pb_kits/playbook/pb_currency/docs/_currency_variants.html.erb
956
948
  - app/pb_kits/playbook/pb_currency/docs/_currency_variants.jsx
957
- - app/pb_kits/playbook/pb_currency/docs/_currency_variants.md
958
949
  - app/pb_kits/playbook/pb_currency/docs/_description.md
959
950
  - app/pb_kits/playbook/pb_currency/docs/example.yml
960
951
  - app/pb_kits/playbook/pb_currency/docs/index.js
@@ -1012,8 +1003,6 @@ files:
1012
1003
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.html.erb
1013
1004
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.jsx
1014
1005
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.md
1015
- - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_and_dropdown_range.jsx
1016
- - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_and_dropdown_range.md
1017
1006
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_anti_patterns.html.erb
1018
1007
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.html.erb
1019
1008
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.jsx
@@ -1120,9 +1109,6 @@ files:
1120
1109
  - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.jsx
1121
1110
  - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default_swift.md
1122
1111
  - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_props_swift.md
1123
- - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.html.erb
1124
- - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.jsx
1125
- - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.md
1126
1112
  - app/pb_kits/playbook/pb_date_range_inline/docs/_description.md
1127
1113
  - app/pb_kits/playbook/pb_date_range_inline/docs/example.yml
1128
1114
  - app/pb_kits/playbook/pb_date_range_inline/docs/index.js
@@ -1147,12 +1133,11 @@ files:
1147
1133
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold.html.erb
1148
1134
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold.jsx
1149
1135
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold_swift.md
1150
- - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.html.erb
1151
- - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.jsx
1152
- - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.md
1153
1136
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.html.erb
1154
1137
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.jsx
1155
1138
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default_swift.md
1139
+ - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.html.erb
1140
+ - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.jsx
1156
1141
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year_swift.md
1157
1142
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_props_swift.md
1158
1143
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_reverse.html.erb
@@ -1381,14 +1366,6 @@ files:
1381
1366
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_custom_options.jsx
1382
1367
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_default.html.erb
1383
1368
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_default.jsx
1384
- - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick.jsx
1385
- - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick.md
1386
- - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_default_dates.jsx
1387
- - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_default_dates.md
1388
- - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_range_end.jsx
1389
- - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_range_end.md
1390
- - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_with_date_pickers.jsx
1391
- - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_with_date_pickers.md
1392
1369
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_separators_hidden.html.erb
1393
1370
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_separators_hidden.jsx
1394
1371
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
@@ -1453,7 +1430,6 @@ files:
1453
1430
  - app/pb_kits/playbook/pb_dropdown/hooks/useHandleOnKeydown.tsx
1454
1431
  - app/pb_kits/playbook/pb_dropdown/index.js
1455
1432
  - app/pb_kits/playbook/pb_dropdown/keyboard_accessibility.js
1456
- - app/pb_kits/playbook/pb_dropdown/quickpick/index.ts
1457
1433
  - app/pb_kits/playbook/pb_dropdown/scss_partials/_dropdown_animation.scss
1458
1434
  - app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownContainer.tsx
1459
1435
  - app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownOption.tsx
@@ -2300,9 +2276,6 @@ files:
2300
2276
  - app/pb_kits/playbook/pb_nav/docs/_description.md
2301
2277
  - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.html.erb
2302
2278
  - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.jsx
2303
- - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.html.erb
2304
- - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.jsx
2305
- - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.md
2306
2279
  - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.html.erb
2307
2280
  - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.jsx
2308
2281
  - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.md
@@ -2335,9 +2308,6 @@ files:
2335
2308
  - app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
2336
2309
  - app/pb_kits/playbook/pb_nav/docs/_tab_nav.html.erb
2337
2310
  - app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
2338
- - app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.html.erb
2339
- - app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.jsx
2340
- - app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.md
2341
2311
  - app/pb_kits/playbook/pb_nav/docs/_with_icons_nav.html.erb
2342
2312
  - app/pb_kits/playbook/pb_nav/docs/_with_icons_nav.jsx
2343
2313
  - app/pb_kits/playbook/pb_nav/docs/_with_img_nav.html.erb
@@ -2456,7 +2426,6 @@ files:
2456
2426
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors_react.md
2457
2427
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.html.erb
2458
2428
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.jsx
2459
- - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.md
2460
2429
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.html.erb
2461
2430
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.jsx
2462
2431
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.md
@@ -2467,7 +2436,6 @@ files:
2467
2436
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_non_clickable.jsx
2468
2437
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.html.erb
2469
2438
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.jsx
2470
- - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.md
2471
2439
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.html.erb
2472
2440
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.jsx
2473
2441
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_secondary_y_axis.html.erb
@@ -2503,7 +2471,6 @@ files:
2503
2471
  - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.jsx
2504
2472
  - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.html.erb
2505
2473
  - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.jsx
2506
- - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.md
2507
2474
  - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.html.erb
2508
2475
  - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.jsx
2509
2476
  - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_live_data.jsx
@@ -2528,7 +2495,6 @@ files:
2528
2495
  - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_complex.md
2529
2496
  - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.html.erb
2530
2497
  - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.jsx
2531
- - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.md
2532
2498
  - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_disable_animation.html.erb
2533
2499
  - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_disable_animation.jsx
2534
2500
  - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_full_circle.html.erb
@@ -2561,7 +2527,6 @@ files:
2561
2527
  - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_colors.md
2562
2528
  - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.html.erb
2563
2529
  - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.jsx
2564
- - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.md
2565
2530
  - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.html.erb
2566
2531
  - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.jsx
2567
2532
  - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.md
@@ -2673,9 +2638,7 @@ files:
2673
2638
  - app/pb_kits/playbook/pb_popover/docs/_popover_actionable_content.html.erb
2674
2639
  - app/pb_kits/playbook/pb_popover/docs/_popover_actionable_content.jsx
2675
2640
  - app/pb_kits/playbook/pb_popover/docs/_popover_append_to.html.erb
2676
- - app/pb_kits/playbook/pb_popover/docs/_popover_append_to.jsx
2677
- - app/pb_kits/playbook/pb_popover/docs/_popover_append_to_rails.md
2678
- - app/pb_kits/playbook/pb_popover/docs/_popover_append_to_react.md
2641
+ - app/pb_kits/playbook/pb_popover/docs/_popover_append_to.md
2679
2642
  - app/pb_kits/playbook/pb_popover/docs/_popover_close.html.erb
2680
2643
  - app/pb_kits/playbook/pb_popover/docs/_popover_close.jsx
2681
2644
  - app/pb_kits/playbook/pb_popover/docs/_popover_default.html.erb
@@ -3215,10 +3178,6 @@ files:
3215
3178
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md
3216
3179
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.html.erb
3217
3180
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.md
3218
- - app/pb_kits/playbook/pb_table/docs/_table_with_dynamic_collapsible.html.erb
3219
- - app/pb_kits/playbook/pb_table/docs/_table_with_dynamic_collapsible.jsx
3220
- - app/pb_kits/playbook/pb_table/docs/_table_with_dynamic_collapsible_rails.md
3221
- - app/pb_kits/playbook/pb_table/docs/_table_with_dynamic_collapsible_react.md
3222
3181
  - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless.html.erb
3223
3182
  - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless.jsx
3224
3183
  - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless_rails.md
@@ -3612,9 +3571,6 @@ files:
3612
3571
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_async_createable.jsx
3613
3572
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_createable.jsx
3614
3573
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx
3615
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_options.html.erb
3616
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_options.jsx
3617
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_options.md
3618
3574
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb
3619
3575
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx
3620
3576
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default_options.html.erb
@@ -3835,11 +3791,16 @@ files:
3835
3791
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3836
3792
  - app/pb_kits/playbook/utilities/text.ts
3837
3793
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3838
- - dist/chunks/_typeahead-BUTLC28y.js
3794
+ - dist/chunks/_line_graph-h5H-imfn.js
3795
+ - dist/chunks/_typeahead-U8AjZIIW.js
3796
+ - dist/chunks/_weekday_stacked-c6_R08J-.js
3797
+ - dist/chunks/componentRegistry-DzmmLR2x.js
3839
3798
  - dist/chunks/lazysizes-B7xYodB-.js
3840
- - dist/chunks/lib-CgpqUb6l.js
3799
+ - dist/chunks/lib-CGxXTQ75.js
3800
+ - dist/chunks/pb_form_validation-DebqlUKZ.js
3841
3801
  - dist/chunks/vendor.js
3842
3802
  - dist/menu.yml
3803
+ - dist/playbook-doc.js
3843
3804
  - dist/playbook-rails-react-bindings.js
3844
3805
  - dist/playbook-rails.js
3845
3806
  - dist/playbook.css
@@ -1,104 +0,0 @@
1
- <%
2
- column_definitions = [
3
- {
4
- accessor: "year",
5
- label: "Year",
6
- id: "year",
7
- cellAccessors: ["quarter", "month", "day"],
8
- },
9
- {
10
- label: "Enrollment Data",
11
- id: "enrollmentData",
12
- header: ->(cell, label) {
13
- capture do
14
- pb_rails("flex", props: { align_items: "center", justify_content: "center" }) do
15
- pb_rails("caption", props: { margin_right: "xs", text: "Enrollment Data" }) +
16
- pb_rails("icon", props: { id: "tooltip-interact-multi", icon: "info", size: "xs", cursor: "pointer" }) +
17
- pb_rails("tooltip", props: {
18
- trigger_element_id: "tooltip-interact-multi",
19
- tooltip_id: "example-custom-tooltip-multi",
20
- position: "top",
21
- z_index: "10"
22
- }) do
23
- "Whoa. I'm a Tooltip"
24
- end
25
- end
26
- end
27
- },
28
- columns: [
29
- {
30
- label: "Enrollment Stats",
31
- id: "enrollmentStats",
32
- columns: [
33
- {
34
- accessor: "newEnrollments",
35
- id: "newEnrollments",
36
- label: "New Enrollments",
37
- },
38
- {
39
- accessor: "scheduledMeetings",
40
- id: "scheduledMeetings",
41
- label: "Scheduled Meetings",
42
- },
43
- ],
44
- },
45
- ],
46
- },
47
- {
48
- label: "Performance Data",
49
- id: "performanceData",
50
- columns: [
51
- {
52
- label: "Completion Metrics",
53
- id: "completionMetrics",
54
- columns: [
55
- {
56
- accessor: "completedClasses",
57
- id: "completedClasses",
58
- label: "Completed Classes",
59
- },
60
- {
61
- accessor: "classCompletionRate",
62
- id: "classCompletionRate",
63
- label: "Class Completion Rate",
64
- },
65
- ],
66
- },
67
- {
68
- label: "Attendance",
69
- id: "attendance",
70
- header: ->(cell, label) {
71
- capture do
72
- pb_rails("flex", props: { align_items: "center", justify_content: "center" }) do
73
- pb_rails("caption", props: { margin_right: "xs", text: "Attendance" }) +
74
- pb_rails("icon", props: { id: "tooltip-interact-multi-2", icon: "info", size: "xs", cursor: "pointer" }) +
75
- pb_rails("tooltip", props: {
76
- trigger_element_id: "tooltip-interact-multi-2",
77
- tooltip_id: "example-custom-tooltip-multi-2",
78
- position: "top",
79
- z_index: "10"
80
- }) do
81
- "Whoa. I'm a Tooltip Too!"
82
- end
83
- end
84
- end
85
- },
86
- columns: [
87
- {
88
- accessor: "attendanceRate",
89
- id: "attendanceRate",
90
- label: "Attendance Rate",
91
- },
92
- {
93
- accessor: "scheduledMeetings",
94
- id: "scheduledMeetings",
95
- label: "Scheduled Meetings",
96
- },
97
- ],
98
- },
99
- ],
100
- },
101
- ]
102
- %>
103
-
104
- <%= pb_rails("advanced_table", props: { id: "custom_header_multi_header_table", table_data: @table_data, column_definitions: column_definitions }) %>
@@ -1 +0,0 @@
1
- The optional `header` item within `column_definitions` can also be used with multi headers as seen here.
@@ -1 +0,0 @@
1
- Abbreviate larger amounts into thousands (K), millions (M), billions (B), and even trillions (T).
@@ -1 +0,0 @@
1
- Use `decimals: "matching"` when you want the full decimal amount displayed as a single number rather than split visually.
@@ -1 +0,0 @@
1
- Use `decimals="matching"` when you want the full decimal amount displayed as a single number rather than split visually.
@@ -1 +0,0 @@
1
- Small `Currency` kits have the negative sign on the lefthand side of the "$" symbol.
@@ -1 +0,0 @@
1
- Remove the "$" symbol by setting an empty string: `symbol: ""`.
@@ -1 +0,0 @@
1
- Remove the "$" symbol by setting an empty string: `symbol=""`.
@@ -1 +0,0 @@
1
- **NOTE:** The value passed into the `amount` prop can be either a string or numeric value.
@@ -1,38 +0,0 @@
1
- import React from "react";
2
- import Dropdown from "../../pb_dropdown/_dropdown";
3
- import DatePicker from "../../pb_date_picker/_date_picker";
4
-
5
- const DatePickerAndDropdownRange = (props) => {
6
- return (
7
- <>
8
- <Dropdown
9
- controlsEndId="end-date-picker1"
10
- controlsStartId="start-date-picker1"
11
- id="dropdown-as-quickpick"
12
- label="Date Range"
13
- marginBottom="sm"
14
- placeholder="Select a Date Range"
15
- variant="quickpick"
16
- {...props}
17
- />
18
-
19
- <DatePicker
20
- label="Start Date"
21
- pickerId="start-date-picker1"
22
- placeholder="Select a Start Date"
23
- syncStartWith="dropdown-as-quickpick"
24
- {...props}
25
- />
26
-
27
- <DatePicker
28
- label="End Date"
29
- pickerId="end-date-picker1"
30
- placeholder="Select an End Date"
31
- syncEndWith="dropdown-as-quickpick"
32
- {...props}
33
- />
34
- </>
35
- );
36
- };
37
-
38
- export default DatePickerAndDropdownRange;
@@ -1,14 +0,0 @@
1
- You can link a Dropdown (`quickpick` variant) to standard DatePickers using the following props:
2
-
3
- **For the Dropdown**:
4
- `controlsStartId`: ID of the DatePicker that should receive the start date.
5
-
6
- `controlsEndId`: ID of the DatePicker that should receive the end date.
7
-
8
- When a quickpick option like “This Year” is selected, it automatically populates the linked start and end inputs.
9
-
10
- **For the Start/End DatePickers**:
11
- `syncStartWith`: ID of the quickpick this start date is synced to.
12
- `syncEndWith`: ID of the quickpick this end date is synced to.
13
-
14
- When a user manually edits the start or end date, it clears the selected quickpick to prevent conflicting values.
@@ -1,4 +0,0 @@
1
- <%= pb_rails("date_range_inline", props: { start_date: Date.new(Date.current.year, 10, 31), end_date: Date.new(Date.current.year, 12, 7), size: "xs", show_current_year: true }) %>
2
- <%= pb_rails("date_range_inline", props: { start_date: Date.new(Date.current.year, 10, 31), end_date: Date.new(Date.current.year, 12, 7), show_current_year: true }) %>
3
- <%= pb_rails("date_range_inline", props: { start_date: Date.new(Date.current.year, 10, 31), end_date: Date.new(Date.current.year, 12, 7), align: "center", icon: true, size: "xs", show_current_year: true }) %>
4
- <%= pb_rails("date_range_inline", props: { start_date: Date.new(Date.current.year, 10, 31), end_date: Date.new(Date.current.year, 12, 7), align: "center", icon: true, show_current_year: true }) %>
@@ -1,43 +0,0 @@
1
- import React from 'react'
2
- import DateRangeInline from '../_date_range_inline'
3
-
4
- const DateRangeInlineShowCurrentYear = (props) => {
5
- return (
6
- <div>
7
- <DateRangeInline
8
- endDate={new Date(`7 Dec ${new Date().getFullYear()}`)}
9
- showCurrentYear
10
- size="xs"
11
- startDate={new Date(`31 Oct ${new Date().getFullYear()}`)}
12
- {...props}
13
- />
14
- <DateRangeInline
15
- endDate={new Date(`7 Dec ${new Date().getFullYear()}`)}
16
- showCurrentYear
17
- size="sm"
18
- startDate={new Date(`31 Oct ${new Date().getFullYear()}`)}
19
- {...props}
20
- />
21
- <DateRangeInline
22
- align="center"
23
- endDate={new Date(`7 Dec ${new Date().getFullYear()}`)}
24
- icon
25
- showCurrentYear
26
- size="xs"
27
- startDate={new Date(`31 Oct ${new Date().getFullYear()}`)}
28
- {...props}
29
- />
30
- <DateRangeInline
31
- align="center"
32
- endDate={new Date(`7 Dec ${new Date().getFullYear()}`)}
33
- icon
34
- showCurrentYear
35
- size="sm"
36
- startDate={new Date(`31 Oct ${new Date().getFullYear()}`)}
37
- {...props}
38
- />
39
- </div>
40
- )
41
- }
42
-
43
- export default DateRangeInlineShowCurrentYear
@@ -1 +0,0 @@
1
- By default, the Date Range Inline kit does NOT display the year if it is the current year. If you want to display the current year you can do so by setting `showCurrentYear`/`show_current_year` to true as shown here.
@@ -1,12 +0,0 @@
1
- <%= pb_rails("date_stacked", props: {
2
- date: DateTime.now,
3
- show_current_year: true
4
- }) %>
5
-
6
- <br>
7
-
8
- <%= pb_rails("date_stacked", props: {
9
- date: DateTime.now,
10
- show_current_year: true,
11
- size: "md"
12
- }) %>
@@ -1 +0,0 @@
1
- By default, the Date Stacked kit does NOT display the year if it is the current year. If you want to display the current year you can do so by setting `showCurrentYear`/`show_current_year` to true as shown here.
@@ -1,18 +0,0 @@
1
- import React from 'react'
2
- import Dropdown from '../../pb_dropdown/_dropdown'
3
-
4
- const DropdownQuickpick = (props) => {
5
-
6
- return (
7
- <div>
8
- <Dropdown
9
- label="Date Range"
10
- onSelect={(selectedItem) => console.log(selectedItem)}
11
- variant="quickpick"
12
- {...props}
13
- />
14
- </div>
15
- )
16
- }
17
-
18
- export default DropdownQuickpick
@@ -1,4 +0,0 @@
1
- The QuickPick variant provides predefined date based options when `variant="quickpick"` is used.
2
-
3
- Open the Dropdown above to see the default options.
4
-
@@ -1,18 +0,0 @@
1
- import React from 'react'
2
- import Dropdown from '../../pb_dropdown/_dropdown'
3
-
4
- const DropdownQuickpickDefaultDates = (props) => {
5
-
6
- return (
7
- <div>
8
- <Dropdown
9
- defaultValue="This Year"
10
- label="Date Range"
11
- variant="quickpick"
12
- {...props}
13
- />
14
- </div>
15
- )
16
- }
17
-
18
- export default DropdownQuickpickDefaultDates
@@ -1 +0,0 @@
1
- To set a default value for the Dropdown, you can use the label of the range you want set as default, for example "This Year", "Today", etc.
@@ -1,19 +0,0 @@
1
- import React from 'react'
2
- import Dropdown from '../../pb_dropdown/_dropdown'
3
-
4
- const DropdownQuickpickRangeEnd = (props) => {
5
-
6
- return (
7
- <div>
8
- <Dropdown
9
- label="Date Range"
10
- onSelect={(selectedItem) => console.log(selectedItem)}
11
- rangeEndsToday
12
- variant="quickpick"
13
- {...props}
14
- />
15
- </div>
16
- )
17
- }
18
-
19
- export default DropdownQuickpickRangeEnd
@@ -1 +0,0 @@
1
- The optional `rangeEndsToday` prop can be used with the quickpick variant to set end date on all ranges that start with 'this' to today's date. For instance, by default 'This Year' will set end day to 12/31/(current year), but if `rangeEndsToday` prop is used, end date on that range will be today's date.
@@ -1,38 +0,0 @@
1
- import React from "react";
2
- import Dropdown from "../../pb_dropdown/_dropdown";
3
- import DatePicker from "../../pb_date_picker/_date_picker";
4
-
5
- const DropdownQuickpickWithDatePickers = (props) => {
6
- return (
7
- <>
8
- <Dropdown
9
- controlsEndId="end-date-picker"
10
- controlsStartId="start-date-picker"
11
- id="dropdown-quickpick"
12
- label="Range"
13
- marginBottom="sm"
14
- placeholder="Select a Date Range"
15
- variant="quickpick"
16
- {...props}
17
- />
18
-
19
- <DatePicker
20
- label="Start Date"
21
- pickerId="start-date-picker"
22
- placeholder="Select a Start Date"
23
- syncStartWith="dropdown-quickpick"
24
- {...props}
25
- />
26
-
27
- <DatePicker
28
- label="End Date"
29
- pickerId="end-date-picker"
30
- placeholder="Select an End Date"
31
- syncEndWith="dropdown-quickpick"
32
- {...props}
33
- />
34
- </>
35
- );
36
- };
37
-
38
- export default DropdownQuickpickWithDatePickers;
@@ -1,14 +0,0 @@
1
- You can link a Dropdown (`quickpick` variant) to standard DatePickers using the following props:
2
-
3
- **For the Dropdown**:
4
- `controlsStartId`: ID of the DatePicker that should receive the start date.
5
-
6
- `controlsEndId`: ID of the DatePicker that should receive the end date.
7
-
8
- When a quickpick option like “This Year” is selected, it automatically populates the linked start and end inputs.
9
-
10
- **For the Start/End DatePickers**:
11
- `syncStartWith`: ID of the quickpick this start date is synced to.
12
- `syncEndWith`: ID of the quickpick this end date is synced to.
13
-
14
- When a user manually edits the start or end date, it clears the selected quickpick to prevent conflicting values.