playbook_ui 14.21.2 → 14.22.0.pre.alpha.PLAY2132phonenumberinputvalidationtooaggressive8863

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (231) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +0 -1
  3. data/app/pb_kits/playbook/pb_advanced_table/Components/CustomCell.tsx +11 -9
  4. data/app/pb_kits/playbook/pb_advanced_table/Components/RegularTableView.tsx +20 -4
  5. data/app/pb_kits/playbook/pb_advanced_table/Components/SubRowHeaderRow.tsx +32 -11
  6. data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +25 -5
  7. data/app/pb_kits/playbook/pb_advanced_table/Components/VirtualizedTableView.tsx +36 -16
  8. data/app/pb_kits/playbook/pb_advanced_table/Context/AdvancedTableContext.tsx +18 -5
  9. data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableActions.ts +37 -17
  10. data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableState.ts +32 -7
  11. data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx +3 -0
  12. data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableHeader.tsx +91 -40
  13. data/app/pb_kits/playbook/pb_advanced_table/Utilities/CellRendererUtils.tsx +4 -1
  14. data/app/pb_kits/playbook/pb_advanced_table/Utilities/ColumnStylingHelper.ts +15 -0
  15. data/app/pb_kits/playbook/pb_advanced_table/Utilities/TableContainerStyles.ts +3 -2
  16. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +68 -6
  17. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +42 -18
  18. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +105 -2
  19. data/app/pb_kits/playbook/pb_advanced_table/advanced_table_action_bar.js +36 -0
  20. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_sort.html.erb +1 -1
  21. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.html.erb +1 -1
  22. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.html.erb +1 -1
  23. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.jsx +51 -0
  24. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.md +7 -0
  25. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers.jsx +77 -0
  26. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers.md +1 -0
  27. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers_rails.html.erb +63 -0
  28. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers_rails.md +1 -0
  29. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_rails.html.erb +38 -0
  30. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_rails.md +7 -0
  31. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_sort.jsx +65 -0
  32. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_sort.md +5 -0
  33. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.md +3 -0
  34. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.html.erb +1 -1
  35. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows.jsx +1 -1
  36. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows_react.md +5 -3
  37. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.jsx +64 -0
  38. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.md +7 -0
  39. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.jsx +2 -2
  40. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions_rails.html.erb +3 -2
  41. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.html.erb +1 -1
  42. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header.jsx +69 -0
  43. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header.md +1 -0
  44. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +8 -0
  45. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +6 -0
  46. data/app/pb_kits/playbook/pb_advanced_table/flat_advanced_table.js +60 -84
  47. data/app/pb_kits/playbook/pb_advanced_table/index.js +125 -213
  48. data/app/pb_kits/playbook/pb_advanced_table/scss_partials/advanced_table_sticky_mixin.scss +16 -1
  49. data/app/pb_kits/playbook/pb_advanced_table/table_action_bar.html.erb +1 -1
  50. data/app/pb_kits/playbook/pb_advanced_table/table_header.html.erb +1 -1
  51. data/app/pb_kits/playbook/pb_advanced_table/table_header.rb +5 -0
  52. data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +3 -3
  53. data/app/pb_kits/playbook/pb_advanced_table/table_row.rb +33 -0
  54. data/app/pb_kits/playbook/pb_badge/_badge.scss +5 -6
  55. data/app/pb_kits/playbook/pb_bar_graph/barGraphTheme.ts +106 -0
  56. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.jsx +33 -15
  57. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.jsx +33 -15
  58. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.jsx +52 -22
  59. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.md +3 -0
  60. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_horizontal.jsx +12 -16
  61. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.jsx +31 -15
  62. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_non_clickable.jsx +39 -16
  63. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.jsx +86 -38
  64. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.jsx +32 -15
  65. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx +72 -22
  66. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.md +1 -1
  67. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.jsx +31 -15
  68. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_stacked.jsx +37 -16
  69. data/app/pb_kits/playbook/pb_bar_graph/docs/_description.md +1 -3
  70. data/app/pb_kits/playbook/pb_bar_graph/docs/example.yml +1 -3
  71. data/app/pb_kits/playbook/pb_bar_graph/docs/index.js +0 -2
  72. data/app/pb_kits/playbook/pb_circle_chart/circleChartTheme.ts +36 -1
  73. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx +71 -26
  74. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.jsx +29 -16
  75. data/app/pb_kits/playbook/pb_circle_chart/docs/{_circle_chart_colors.md → _circle_chart_colors_rails.md} +1 -1
  76. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors_react.md +2 -0
  77. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.jsx +28 -16
  78. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.md +4 -2
  79. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.jsx +23 -15
  80. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_inner_sizes.jsx +81 -51
  81. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.jsx +103 -75
  82. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.md +3 -6
  83. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_live_data.jsx +19 -13
  84. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.jsx +30 -17
  85. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_labels.jsx +34 -20
  86. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_legend_kit.jsx +29 -20
  87. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_title.jsx +28 -20
  88. data/app/pb_kits/playbook/pb_circle_chart/docs/_description.md +1 -0
  89. data/app/pb_kits/playbook/pb_circle_chart/docs/example.yml +0 -1
  90. data/app/pb_kits/playbook/pb_circle_chart/docs/index.js +0 -1
  91. data/app/pb_kits/playbook/pb_contact/contact.test.js +2 -2
  92. data/app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.ts +1 -39
  93. data/app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.ts +1 -39
  94. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.html.erb +3 -3
  95. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.jsx +7 -4
  96. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.jsx +6 -3
  97. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.jsx +6 -3
  98. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_rails.html.erb +3 -3
  99. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_value.html.erb +3 -3
  100. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_value.jsx +7 -4
  101. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.html.erb +3 -3
  102. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.jsx +7 -4
  103. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select.jsx +19 -10
  104. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_display.jsx +19 -10
  105. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_display_rails.html.erb +10 -10
  106. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_rails.html.erb +10 -10
  107. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_autocomplete.html.erb +10 -10
  108. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_autocomplete.jsx +20 -11
  109. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_custom_options.html.erb +3 -3
  110. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_custom_options.jsx +8 -8
  111. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_default.html.erb +10 -10
  112. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_default.jsx +23 -14
  113. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_separators_hidden.html.erb +3 -3
  114. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_separators_hidden.jsx +6 -3
  115. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx +6 -3
  116. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure_rails.html.erb +3 -3
  117. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.html.erb +3 -3
  118. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx +6 -3
  119. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.html.erb +3 -3
  120. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx +3 -3
  121. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.html.erb +4 -4
  122. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.jsx +4 -4
  123. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx +4 -4
  124. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.html.erb +4 -4
  125. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_icon_options.html.erb +52 -0
  126. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_icon_options.jsx +99 -0
  127. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_icon_options_rails.md +1 -0
  128. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_icon_options_react.md +1 -0
  129. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.jsx +3 -3
  130. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options_rails.html.erb +3 -3
  131. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.html.erb +3 -3
  132. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx +3 -3
  133. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_radio_options.html.erb +28 -0
  134. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_radio_options.jsx +47 -0
  135. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_radio_options_rails.md +1 -0
  136. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_radio_options_react.md +1 -0
  137. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.jsx +3 -3
  138. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger_rails.html.erb +3 -3
  139. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.jsx +3 -3
  140. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.html.erb +3 -3
  141. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.jsx +6 -3
  142. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.jsx +3 -3
  143. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.html.erb +3 -3
  144. data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +4 -0
  145. data/app/pb_kits/playbook/pb_dropdown/docs/index.js +3 -1
  146. data/app/pb_kits/playbook/pb_filter/Filter/FilterSection.tsx +49 -0
  147. data/app/pb_kits/playbook/pb_filter/Filter/FilterSidebar.tsx +69 -0
  148. data/app/pb_kits/playbook/pb_filter/Filter/index.tsx +13 -0
  149. data/app/pb_kits/playbook/pb_filter/_filter.scss +4 -0
  150. data/app/pb_kits/playbook/pb_filter/docs/_filter_sidebar.jsx +224 -0
  151. data/app/pb_kits/playbook/pb_filter/docs/example.yml +1 -0
  152. data/app/pb_kits/playbook/pb_filter/docs/index.js +1 -0
  153. data/app/pb_kits/playbook/pb_filter/filter.test.js +2 -2
  154. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +27 -17
  155. data/app/pb_kits/playbook/pb_table/_table.tsx +4 -4
  156. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.html.erb +8 -8
  157. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.jsx +8 -8
  158. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_rails.md +1 -1
  159. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_react.md +1 -1
  160. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.html.erb +12 -12
  161. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx +12 -12
  162. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md +2 -2
  163. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_react.md +3 -3
  164. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.html.erb +12 -12
  165. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.jsx +12 -12
  166. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_rails.md +2 -2
  167. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_react.md +3 -3
  168. data/app/pb_kits/playbook/pb_table/index.ts +4 -4
  169. data/app/pb_kits/playbook/pb_table/styles/_table-card.scss +11 -0
  170. data/app/pb_kits/playbook/pb_table/styles/_vertical_border.scss +4 -0
  171. data/app/pb_kits/playbook/pb_tooltip/_tooltip.tsx +34 -22
  172. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_click_open.html.erb +14 -0
  173. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_click_open.jsx +25 -0
  174. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_click_open_rails.md +1 -0
  175. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_click_open_react.md +1 -0
  176. data/app/pb_kits/playbook/pb_tooltip/docs/example.yml +2 -0
  177. data/app/pb_kits/playbook/pb_tooltip/docs/index.js +1 -0
  178. data/app/pb_kits/playbook/pb_tooltip/index.js +59 -36
  179. data/app/pb_kits/playbook/pb_tooltip/tooltip.rb +9 -2
  180. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input.html.erb +18 -0
  181. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input_rails.md +1 -0
  182. data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +1 -0
  183. data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +3 -0
  184. data/dist/chunks/_circle_chart-C56zcOHC.js +1 -0
  185. data/dist/chunks/_typeahead-Do6525vz.js +22 -0
  186. data/dist/chunks/_weekday_stacked-CrFm3XuJ.js +45 -0
  187. data/dist/chunks/lazysizes-B7xYodB-.js +1 -0
  188. data/dist/chunks/lib-DYpq0k8j.js +29 -0
  189. data/dist/chunks/{pb_form_validation-DyvJ8iPe.js → pb_form_validation-BUOKwfvW.js} +1 -1
  190. data/dist/chunks/vendor.js +1 -1
  191. data/dist/menu.yml +0 -9
  192. data/dist/playbook-doc.js +3 -3
  193. data/dist/playbook-rails-react-bindings.js +1 -1
  194. data/dist/playbook-rails.js +1 -1
  195. data/dist/playbook.css +1 -1
  196. data/lib/playbook/version.rb +2 -2
  197. metadata +48 -38
  198. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom.jsx +0 -72
  199. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom.md +0 -6
  200. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.jsx +0 -64
  201. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.md +0 -1
  202. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_pb_styles.jsx +0 -38
  203. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_pb_styles.md +0 -1
  204. data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.scss +0 -14
  205. data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.tsx +0 -119
  206. data/app/pb_kits/playbook/pb_treemap_chart/docs/_description.md +0 -5
  207. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.html.erb +0 -37
  208. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx +0 -48
  209. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.md +0 -2
  210. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.html.erb +0 -37
  211. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.jsx +0 -47
  212. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.md +0 -3
  213. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.html.erb +0 -79
  214. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.jsx +0 -90
  215. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.md +0 -1
  216. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.html.erb +0 -54
  217. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.jsx +0 -65
  218. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.md +0 -3
  219. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.html.erb +0 -37
  220. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.jsx +0 -48
  221. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.md +0 -3
  222. data/app/pb_kits/playbook/pb_treemap_chart/docs/example.yml +0 -15
  223. data/app/pb_kits/playbook/pb_treemap_chart/docs/index.js +0 -5
  224. data/app/pb_kits/playbook/pb_treemap_chart/treemapChart.test.js +0 -63
  225. data/app/pb_kits/playbook/pb_treemap_chart/treemap_chart.html.erb +0 -1
  226. data/app/pb_kits/playbook/pb_treemap_chart/treemap_chart.rb +0 -48
  227. data/dist/chunks/_typeahead-BlPRej0F.js +0 -22
  228. data/dist/chunks/_weekday_stacked-CzxoxxCR.js +0 -45
  229. data/dist/chunks/lazysizes-DHz07jlL.js +0 -1
  230. data/dist/chunks/lib-D4vXIZF5.js +0 -29
  231. /data/app/pb_kits/playbook/pb_typeahead/docs/{_typeahead_preserve_input.md → _typeahead_preserve_input_react.md} +0 -0
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "14.21.1"
5
- VERSION = "14.21.2"
4
+ PREVIOUS_VERSION = "14.22.0"
5
+ VERSION = "14.22.0.pre.alpha.PLAY2132phonenumberinputvalidationtooaggressive8863"
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.21.2
4
+ version: 14.22.0.pre.alpha.PLAY2132phonenumberinputvalidationtooaggressive8863
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-06-05 00:00:00.000000000 Z
12
+ date: 2025-07-11 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -274,6 +274,7 @@ files:
274
274
  - app/pb_kits/playbook/pb_advanced_table/Utilities/ActionBarAnimationHelper.ts
275
275
  - app/pb_kits/playbook/pb_advanced_table/Utilities/BrowserCheck.tsx
276
276
  - app/pb_kits/playbook/pb_advanced_table/Utilities/CellRendererUtils.tsx
277
+ - app/pb_kits/playbook/pb_advanced_table/Utilities/ColumnStylingHelper.ts
277
278
  - app/pb_kits/playbook/pb_advanced_table/Utilities/ExpansionControlHelpers.tsx
278
279
  - app/pb_kits/playbook/pb_advanced_table/Utilities/IconHelpers.tsx
279
280
  - app/pb_kits/playbook/pb_advanced_table/Utilities/RowUtils.ts
@@ -285,6 +286,7 @@ files:
285
286
  - app/pb_kits/playbook/pb_advanced_table/advanced_table.html.erb
286
287
  - app/pb_kits/playbook/pb_advanced_table/advanced_table.rb
287
288
  - app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx
289
+ - app/pb_kits/playbook/pb_advanced_table/advanced_table_action_bar.js
288
290
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.html.erb
289
291
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md
290
292
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_sort.html.erb
@@ -306,6 +308,14 @@ files:
306
308
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.html.erb
307
309
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx
308
310
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.md
311
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.jsx
312
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.md
313
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers.jsx
314
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers.md
315
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers_rails.html.erb
316
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers_rails.md
317
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_rails.html.erb
318
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_rails.md
309
319
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility.jsx
310
320
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility.md
311
321
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_custom.jsx
@@ -318,6 +328,8 @@ files:
318
328
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.md
319
329
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell_rails.html.erb
320
330
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell_rails.md
331
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_sort.jsx
332
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_sort.md
321
333
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx
322
334
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.md
323
335
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expand_by_depth.jsx
@@ -327,6 +339,7 @@ files:
327
339
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_fullscreen.jsx
328
340
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_fullscreen.md
329
341
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx
342
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.md
330
343
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.jsx
331
344
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.md
332
345
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.jsx
@@ -346,6 +359,8 @@ files:
346
359
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.html.erb
347
360
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx
348
361
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.md
362
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.jsx
363
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.md
349
364
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_scrollbar_none.html.erb
350
365
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_scrollbar_none.jsx
351
366
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.jsx
@@ -388,6 +403,8 @@ files:
388
403
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.jsx
389
404
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_rails.md
390
405
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md
406
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header.jsx
407
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header.md
391
408
  - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
392
409
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
393
410
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_infinite_scroll.json
@@ -501,19 +518,19 @@ files:
501
518
  - app/pb_kits/playbook/pb_bar_graph/_bar_graph.tsx
502
519
  - app/pb_kits/playbook/pb_bar_graph/barGraph.test.js
503
520
  - app/pb_kits/playbook/pb_bar_graph/barGraphSettings.js
521
+ - app/pb_kits/playbook/pb_bar_graph/barGraphTheme.ts
504
522
  - app/pb_kits/playbook/pb_bar_graph/bar_graph.html.erb
505
523
  - app/pb_kits/playbook/pb_bar_graph/bar_graph.rb
506
524
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.html.erb
507
525
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.jsx
508
526
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.md
509
- - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom.jsx
510
- - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom.md
511
527
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom_rails.html.erb
512
528
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom_rails.md
513
529
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.html.erb
514
530
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.jsx
515
531
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.html.erb
516
532
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.jsx
533
+ - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.md
517
534
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_horizontal.html.erb
518
535
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_horizontal.jsx
519
536
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.html.erb
@@ -525,8 +542,6 @@ files:
525
542
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.md
526
543
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.html.erb
527
544
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.jsx
528
- - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.jsx
529
- - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.md
530
545
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.html.erb
531
546
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
532
547
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.md
@@ -752,7 +767,8 @@ files:
752
767
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
753
768
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.html.erb
754
769
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.jsx
755
- - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.md
770
+ - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors_rails.md
771
+ - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors_react.md
756
772
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.html.erb
757
773
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.jsx
758
774
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.md
@@ -764,8 +780,6 @@ files:
764
780
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.jsx
765
781
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.md
766
782
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_live_data.jsx
767
- - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_pb_styles.jsx
768
- - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_pb_styles.md
769
783
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.html.erb
770
784
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.jsx
771
785
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_labels.html.erb
@@ -774,6 +788,7 @@ files:
774
788
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_legend_kit.jsx
775
789
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_title.html.erb
776
790
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_title.jsx
791
+ - app/pb_kits/playbook/pb_circle_chart/docs/_description.md
777
792
  - app/pb_kits/playbook/pb_circle_chart/docs/example.yml
778
793
  - app/pb_kits/playbook/pb_circle_chart/docs/index.js
779
794
  - app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss
@@ -1377,6 +1392,10 @@ files:
1377
1392
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
1378
1393
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.html.erb
1379
1394
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.md
1395
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_icon_options.html.erb
1396
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_icon_options.jsx
1397
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_icon_options_rails.md
1398
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_icon_options_react.md
1380
1399
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.jsx
1381
1400
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.md
1382
1401
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options_rails.html.erb
@@ -1384,6 +1403,10 @@ files:
1384
1403
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.html.erb
1385
1404
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx
1386
1405
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.md
1406
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_radio_options.html.erb
1407
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_radio_options.jsx
1408
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_radio_options_rails.md
1409
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_radio_options_react.md
1387
1410
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.jsx
1388
1411
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.md
1389
1412
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger_rails.html.erb
@@ -1462,6 +1485,8 @@ files:
1462
1485
  - app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.tsx
1463
1486
  - app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx
1464
1487
  - app/pb_kits/playbook/pb_filter/Filter/FilterDouble.tsx
1488
+ - app/pb_kits/playbook/pb_filter/Filter/FilterSection.tsx
1489
+ - app/pb_kits/playbook/pb_filter/Filter/FilterSidebar.tsx
1465
1490
  - app/pb_kits/playbook/pb_filter/Filter/FilterSingle.tsx
1466
1491
  - app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx
1467
1492
  - app/pb_kits/playbook/pb_filter/Filter/ResultsCount.tsx
@@ -1493,6 +1518,7 @@ files:
1493
1518
  - app/pb_kits/playbook/pb_filter/docs/_filter_popover_props.jsx
1494
1519
  - app/pb_kits/playbook/pb_filter/docs/_filter_popover_props_rails.md
1495
1520
  - app/pb_kits/playbook/pb_filter/docs/_filter_popover_props_react.md
1521
+ - app/pb_kits/playbook/pb_filter/docs/_filter_sidebar.jsx
1496
1522
  - app/pb_kits/playbook/pb_filter/docs/_filter_single.html.erb
1497
1523
  - app/pb_kits/playbook/pb_filter/docs/_filter_single.jsx
1498
1524
  - app/pb_kits/playbook/pb_filter/docs/_filter_within_turbo_frames.html.erb
@@ -3313,6 +3339,10 @@ files:
3313
3339
  - app/pb_kits/playbook/pb_toggle/toggle.test.js
3314
3340
  - app/pb_kits/playbook/pb_tooltip/_tooltip.scss
3315
3341
  - app/pb_kits/playbook/pb_tooltip/_tooltip.tsx
3342
+ - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_click_open.html.erb
3343
+ - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_click_open.jsx
3344
+ - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_click_open_rails.md
3345
+ - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_click_open_react.md
3316
3346
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb
3317
3347
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default_react.jsx
3318
3348
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default_react.md
@@ -3344,29 +3374,6 @@ files:
3344
3374
  - app/pb_kits/playbook/pb_tooltip/tooltip.html.erb
3345
3375
  - app/pb_kits/playbook/pb_tooltip/tooltip.rb
3346
3376
  - app/pb_kits/playbook/pb_tooltip/tooltip.test.jsx
3347
- - app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.scss
3348
- - app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.tsx
3349
- - app/pb_kits/playbook/pb_treemap_chart/docs/_description.md
3350
- - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.html.erb
3351
- - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx
3352
- - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.md
3353
- - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.html.erb
3354
- - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.jsx
3355
- - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.md
3356
- - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.html.erb
3357
- - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.jsx
3358
- - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.md
3359
- - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.html.erb
3360
- - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.jsx
3361
- - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.md
3362
- - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.html.erb
3363
- - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.jsx
3364
- - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.md
3365
- - app/pb_kits/playbook/pb_treemap_chart/docs/example.yml
3366
- - app/pb_kits/playbook/pb_treemap_chart/docs/index.js
3367
- - app/pb_kits/playbook/pb_treemap_chart/treemapChart.test.js
3368
- - app/pb_kits/playbook/pb_treemap_chart/treemap_chart.html.erb
3369
- - app/pb_kits/playbook/pb_treemap_chart/treemap_chart.rb
3370
3377
  - app/pb_kits/playbook/pb_typeahead/_typeahead.scss
3371
3378
  - app/pb_kits/playbook/pb_typeahead/_typeahead.test.jsx
3372
3379
  - app/pb_kits/playbook/pb_typeahead/_typeahead.tsx
@@ -3401,8 +3408,10 @@ files:
3401
3408
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
3402
3409
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
3403
3410
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
3411
+ - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input.html.erb
3404
3412
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input.jsx
3405
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input.md
3413
+ - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input_rails.md
3414
+ - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input_react.md
3406
3415
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx
3407
3416
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.md
3408
3417
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.html.erb
@@ -3609,11 +3618,12 @@ files:
3609
3618
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3610
3619
  - app/pb_kits/playbook/utilities/text.ts
3611
3620
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3612
- - dist/chunks/_typeahead-BlPRej0F.js
3613
- - dist/chunks/_weekday_stacked-CzxoxxCR.js
3614
- - dist/chunks/lazysizes-DHz07jlL.js
3615
- - dist/chunks/lib-D4vXIZF5.js
3616
- - dist/chunks/pb_form_validation-DyvJ8iPe.js
3621
+ - dist/chunks/_circle_chart-C56zcOHC.js
3622
+ - dist/chunks/_typeahead-Do6525vz.js
3623
+ - dist/chunks/_weekday_stacked-CrFm3XuJ.js
3624
+ - dist/chunks/lazysizes-B7xYodB-.js
3625
+ - dist/chunks/lib-DYpq0k8j.js
3626
+ - dist/chunks/pb_form_validation-BUOKwfvW.js
3617
3627
  - dist/chunks/vendor.js
3618
3628
  - dist/menu.yml
3619
3629
  - dist/playbook-doc.js
@@ -1,72 +0,0 @@
1
- import React from 'react'
2
- import ReactDOMServer from 'react-dom/server'
3
- import BarGraph from '../_bar_graph'
4
- import Icon from '../../pb_icon/_icon'
5
-
6
- const chartData = [
7
- {
8
- name: 'Role',
9
- data: [0, 200, 300, 654, 656],
10
- },
11
- {
12
- name: 'Company',
13
- data: [150, 524, 320, 440, 500],
14
- },
15
- ]
16
-
17
- const renderIcon = (iconName, color) => {
18
- return ReactDOMServer.renderToStaticMarkup(
19
- <Icon
20
- color={color}
21
- icon={iconName}
22
- />)
23
- };
24
-
25
- const barGraphOptions = {
26
- yAxis: {
27
- tickInterval: 5,
28
- },
29
- xAxis: {
30
- categories: ['1', '2', '3', '4', '5'],
31
- labels: {
32
- useHTML: true,
33
- formatter: function () {
34
- switch (this.value) {
35
- case '1':
36
- return `${renderIcon('frown', 'error')}`;
37
- case '2':
38
- return `${renderIcon('frown', 'warning')}`;
39
- case '3':
40
- return `${renderIcon('frown-open', 'neutral')}`;
41
- case '4':
42
- return `${renderIcon('smile', 'category_7')}`;
43
- case '5':
44
- return `${renderIcon('smile-beam', 'success')}`;
45
- default:
46
- return ''
47
- }
48
- },
49
- style: {
50
- fontSize: '1.4em',
51
- },
52
- y: 42,
53
- },
54
- },
55
- legend: {
56
- itemMarginTop: 62,
57
- },
58
- }
59
-
60
- const BarGraphCustom = () => (
61
- <div>
62
- <BarGraph
63
- chartData={chartData}
64
- customOptions={barGraphOptions}
65
- id="happiness-dashboard"
66
- legend
67
- title="Bar Graph with Custom Overrides"
68
- />
69
- </div>
70
- )
71
-
72
- export default BarGraphCustom
@@ -1,6 +0,0 @@
1
- The `customOptions` prop provides comprehensive access to additional [Highcharts options](https://api.highcharts.com/highcharts/) that are not explicitly defined as props.
2
- It's important to note that certain options may require specific script imports to function properly.
3
-
4
- Note: If you are having trouble getting any Highcharts options to work, please match the formatting of our [staticOptions](https://github.com/powerhome/playbook/blob/master/playbook/app/pb_kits/playbook/pb_bar_graph/_bar_graph.tsx#L85-L141). For example, `yAxis` will need to be wrapped with square brackets.
5
-
6
- You may also need to override any of the [defaults](https://github.com/powerhome/playbook/blob/master/playbook/app/pb_kits/playbook/pb_bar_graph/_bar_graph.tsx#L45-L73) in order to get that options to work.
@@ -1,64 +0,0 @@
1
- import React from 'react'
2
- import Highcharts from "highcharts";
3
- import HighchartsReact from "highcharts-react-official";
4
-
5
- import "../BarGraphStyles.scss";
6
- // Your path might look more like this
7
- //import "playbook-ui/dist/pb_bar_graph/BarGraphStyles.scss";
8
-
9
- const columnChartData = [
10
- {
11
- name: "Installation",
12
- data: [1475, 200, 3000, 654, 656],
13
- },
14
- {
15
- name: "Manufacturing",
16
- data: [4434, 524, 2320, 440, 500],
17
- },
18
- {
19
- name: "Sales & Distribution",
20
- data: [3387, 743, 1344, 434, 440],
21
- },
22
- {
23
- name: "Project Development",
24
- data: [3227, 878, 999, 780, 1000],
25
- },
26
- {
27
- name: "Other",
28
- data: [1111, 677, 3245, 500, 200],
29
- },
30
- ];
31
-
32
- const columnOptions = {
33
- chart: {
34
- type: "column",
35
- },
36
- series: columnChartData,
37
- title: {
38
- text: "Solar Employment Growth by Sector, 2010-2016",
39
- },
40
- subtitle: {
41
- text: "Source: thesolarfoundation.com",
42
- },
43
- xAxis: {
44
- categories: ["Jan", "Feb", "Mar", "Apr", "May"],
45
- },
46
- yAxis: {
47
- min: 0,
48
- title: {
49
- text: "Number of Employees",
50
- },
51
- },
52
- legend: { enabled: false },
53
- credits: { enabled: false },
54
- };
55
-
56
- const BarGraphPbStyles = () => (
57
- <div>
58
- <HighchartsReact highcharts={Highcharts}
59
- options={columnOptions}
60
- />
61
- </div>
62
- )
63
-
64
- export default BarGraphPbStyles
@@ -1 +0,0 @@
1
- You don't need to use the bar graph kit to apply the styles to your Highcharts bar graph. Just import the BarGraphStyles.scss to your component and the styles will apply automatically.
@@ -1,38 +0,0 @@
1
- import React from 'react'
2
- import circleChartTheme from '../circleChartTheme'
3
- import Highcharts from "highcharts"
4
- import HighchartsReact from "highcharts-react-official"
5
-
6
- const data = [
7
- {
8
- name: 'Waiting for Calls',
9
- y: 41,
10
- },
11
- {
12
- name: 'On Call',
13
- y: 49,
14
- },
15
- {
16
- name: 'After Call',
17
- y: 10,
18
- },
19
- ]
20
-
21
- const baseOptions = {
22
- series: [{ data: data }],
23
- }
24
-
25
- const CircleChartPbStyles = () => {
26
- const options = Highcharts.merge({}, circleChartTheme, baseOptions )
27
-
28
- return (
29
- <div>
30
- <HighchartsReact
31
- highcharts={Highcharts}
32
- options={options}
33
- />
34
- </div>
35
- );
36
- };
37
-
38
- export default CircleChartPbStyles;
@@ -1 +0,0 @@
1
- You don't need to use the Circle Chart Kit to apply Playbook styles to your Highcharts circle chart. Just import circleChartTheme.ts and merge it with your chart options—Playbook’s styling will apply automatically.
@@ -1,14 +0,0 @@
1
- .pb_treemap_chart {
2
- .highcharts-drillup-button {
3
- .highcharts-button-box {
4
- fill: $primary;
5
- &:hover {
6
- fill: #004ebb;
7
- }
8
- }
9
- text {
10
- transform: translateX(25px);
11
- fill: $white;
12
- }
13
- }
14
- }
@@ -1,119 +0,0 @@
1
- import React, { useState, useEffect } from "react";
2
- import classnames from "classnames";
3
-
4
- import { globalProps } from "../utilities/globalProps";
5
- import { buildAriaProps, buildDataProps, buildHtmlProps } from "../utilities/props";
6
-
7
- import HighchartsReact from "highcharts-react-official";
8
- import Highcharts from "highcharts";
9
- import { highchartsTheme } from "../pb_dashboard/pbChartsLightTheme";
10
- import { highchartsDarkTheme } from "../pb_dashboard/pbChartsDarkTheme";
11
- import mapColors from "../pb_dashboard/pbChartsColorsHelper";
12
- import treemap from 'highcharts/modules/treemap'
13
- import { merge } from '../utilities/object'
14
-
15
- type TreemapChartProps = {
16
- chartData: {
17
- name: string;
18
- parent?: string | number;
19
- value: number;
20
- color?: string;
21
- id?: string | number;
22
- }[];
23
- className?: string;
24
- colors: string[];
25
- customOptions?: Partial<Highcharts.Options>;
26
- dark?: boolean;
27
- drillable: boolean;
28
- grouped: boolean;
29
- height?: string;
30
- htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
31
- id: number | string;
32
- title?: string;
33
- tooltipHtml: string;
34
- type?: string;
35
- aria?: { [key: string]: string };
36
- data?: { [key: string]: string };
37
- };
38
-
39
- const TreemapChart = ({
40
- aria = {},
41
- data = {},
42
- chartData,
43
- colors,
44
- customOptions = {},
45
- dark = false,
46
- drillable = false,
47
- grouped = false,
48
- height,
49
- htmlOptions = {},
50
- id,
51
- title = "",
52
- tooltipHtml = '<span style="font-weight: bold; color:{point.color};">●</span>{point.name}: <b>{point.value}</b>',
53
- type = "treemap",
54
- ...props
55
- }: TreemapChartProps): React.ReactElement => {
56
-
57
- const ariaProps = buildAriaProps(aria)
58
- const dataProps = buildDataProps(data)
59
- const htmlProps = buildHtmlProps(htmlOptions)
60
-
61
- const setupTheme = () => {
62
- dark
63
- ? Highcharts.setOptions(highchartsDarkTheme)
64
- : Highcharts.setOptions(highchartsTheme);
65
- };
66
- treemap(Highcharts)
67
- setupTheme();
68
-
69
- const staticOptions = {
70
- title: {
71
- text: title,
72
- },
73
- chart: {
74
- height: height,
75
- type: type,
76
- },
77
- credits: false,
78
- series: [
79
- {
80
- data: chartData,
81
- },
82
- ],
83
- plotOptions: {
84
- treemap: {
85
- tooltip: {
86
- pointFormat: tooltipHtml,
87
- },
88
- allowTraversingTree: drillable,
89
- colorByPoint: !grouped,
90
- colors:
91
- colors !== undefined && colors.length > 0
92
- ? mapColors(colors)
93
- : highchartsTheme.colors,
94
- },
95
- },
96
- };
97
-
98
- const [options, setOptions] = useState({});
99
-
100
- useEffect(() => {
101
- setOptions(merge(staticOptions, customOptions));
102
- }, [chartData]);
103
-
104
- return (
105
- <HighchartsReact
106
- containerProps={{
107
- className: classnames(globalProps(props), "pb_treemap_chart"),
108
- id: id,
109
- ...ariaProps,
110
- ...dataProps,
111
- ...htmlProps
112
- }}
113
- highcharts={Highcharts}
114
- options={options}
115
- />
116
- );
117
- };
118
-
119
- export default TreemapChart;
@@ -1,5 +0,0 @@
1
- Treemap charts are used to compare the relative size of groups of data. They can also use a nested data structure, allowing a user to drill down into a group to see its constituent data points.
2
-
3
- The default height of treemap is 400px and can be changed. The default height is in pixel units, but can also use percentage string (percentage would be that of the width. For example, `height:"50%"` would mean that the height is 50% of the width). This allows for preserving the aspect ratio across responsive sizes.
4
-
5
- For more information, see: <a href="https://api.highcharts.com/highcharts/chart.height" target="_blank"> highcharts/chart.height</a>.
@@ -1,37 +0,0 @@
1
- <% data = [
2
- {
3
- name: "Pepperoni",
4
- parent: "Toppings",
5
- value: 600,
6
- }, {
7
- name: "Cheese",
8
- parent: "Toppings",
9
- value: 510,
10
- }, {
11
- name: "Mushroom",
12
- parent: "Toppings",
13
- value: 330,
14
- },{
15
- name: "Onions",
16
- parent: "Toppings",
17
- value: 250,
18
- }, {
19
- name: "Olives",
20
- parent: "Toppings",
21
- value: 204,
22
- }, {
23
- name: "Pineapple",
24
- parent: "Toppings",
25
- value: 90,
26
- }, {
27
- name: "Pizza Toppings",
28
- id: "Toppings",
29
- },
30
- ] %>
31
-
32
- <%= pb_rails("treemap_chart", props: {
33
- chart_data: data,
34
- colors: ["data-4", "data-7", "#8E6E53", "#124732"],
35
- id: "treemap-colors",
36
- title: "Favored Pizza Toppings",
37
- }) %>