playbook_ui 14.23.0.pre.alpha.play23129273 → 14.23.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 (188) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +1 -0
  3. data/app/pb_kits/playbook/pb_advanced_table/Components/CustomCell.tsx +6 -7
  4. data/app/pb_kits/playbook/pb_advanced_table/Components/SortIconButton.tsx +25 -24
  5. data/app/pb_kits/playbook/pb_advanced_table/Components/SubRowHeaderRow.tsx +11 -32
  6. data/app/pb_kits/playbook/pb_advanced_table/Components/TableActionBar.tsx +10 -10
  7. data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +12 -11
  8. data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableState.ts +5 -8
  9. data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableHeader.tsx +1 -1
  10. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +1 -67
  11. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +7 -19
  12. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.html.erb +1 -1
  13. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.rb +2 -14
  14. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +0 -34
  15. data/app/pb_kits/playbook/pb_advanced_table/advanced_table_action_bar.js +0 -16
  16. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +6 -14
  17. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +0 -5
  18. data/app/pb_kits/playbook/pb_advanced_table/scss_partials/advanced_table_sticky_mixin.scss +1 -7
  19. data/app/pb_kits/playbook/pb_advanced_table/table_body.rb +1 -3
  20. data/app/pb_kits/playbook/pb_advanced_table/table_header.html.erb +1 -5
  21. data/app/pb_kits/playbook/pb_advanced_table/table_header.rb +0 -36
  22. data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +4 -13
  23. data/app/pb_kits/playbook/pb_advanced_table/table_row.rb +0 -2
  24. data/app/pb_kits/playbook/pb_badge/_badge.scss +6 -5
  25. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.jsx +15 -33
  26. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom.jsx +72 -0
  27. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom.md +6 -0
  28. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.jsx +15 -33
  29. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.jsx +22 -52
  30. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_horizontal.jsx +16 -12
  31. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.jsx +15 -31
  32. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_non_clickable.jsx +16 -39
  33. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.jsx +38 -86
  34. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.md +1 -1
  35. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.jsx +15 -32
  36. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.jsx +64 -0
  37. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.md +1 -0
  38. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx +22 -72
  39. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.md +1 -1
  40. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.jsx +15 -31
  41. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_stacked.jsx +16 -37
  42. data/app/pb_kits/playbook/pb_bar_graph/docs/_description.md +3 -1
  43. data/app/pb_kits/playbook/pb_bar_graph/docs/example.yml +3 -1
  44. data/app/pb_kits/playbook/pb_bar_graph/docs/index.js +2 -0
  45. data/app/pb_kits/playbook/pb_body/docs/_body_truncate.jsx +3 -3
  46. data/app/pb_kits/playbook/pb_checkbox/checkbox.rb +1 -12
  47. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.html.erb +1 -1
  48. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_rails.md +1 -2
  49. data/app/pb_kits/playbook/pb_checkbox/index.js +1 -3
  50. data/app/pb_kits/playbook/pb_circle_chart/circleChartTheme.ts +1 -36
  51. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx +26 -71
  52. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.jsx +16 -29
  53. data/app/pb_kits/playbook/pb_circle_chart/docs/{_circle_chart_colors_rails.md → _circle_chart_colors.md} +1 -1
  54. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.jsx +16 -28
  55. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.md +2 -4
  56. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.jsx +15 -23
  57. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_inner_sizes.jsx +51 -81
  58. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.jsx +75 -103
  59. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.md +7 -4
  60. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_live_data.jsx +13 -19
  61. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_pb_styles.jsx +38 -0
  62. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_pb_styles.md +1 -0
  63. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.jsx +17 -30
  64. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_labels.jsx +20 -34
  65. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_legend_kit.jsx +20 -29
  66. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_title.jsx +20 -28
  67. data/app/pb_kits/playbook/pb_circle_chart/docs/example.yml +1 -0
  68. data/app/pb_kits/playbook/pb_circle_chart/docs/index.js +1 -0
  69. data/app/pb_kits/playbook/pb_draggable/context/index.tsx +4 -12
  70. data/app/pb_kits/playbook/pb_draggable/context/types.ts +2 -5
  71. data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +1 -17
  72. data/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx +0 -6
  73. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_radio_options.jsx +0 -1
  74. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_radio_options_react.md +1 -1
  75. data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +2 -3
  76. data/app/pb_kits/playbook/pb_dropdown/docs/index.js +1 -2
  77. data/app/pb_kits/playbook/pb_dropdown/dropdown.test.jsx +0 -24
  78. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownOption.tsx +1 -11
  79. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.jsx +15 -32
  80. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.jsx +9 -35
  81. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_default.jsx +14 -26
  82. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_disable_animation.jsx +15 -32
  83. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_full_circle.jsx +17 -45
  84. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx +22 -59
  85. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_live_data.jsx +9 -40
  86. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.jsx +18 -50
  87. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_pb_styles.jsx +30 -0
  88. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_pb_styles.md +1 -0
  89. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.jsx +18 -31
  90. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_title.jsx +17 -34
  91. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_units.jsx +23 -64
  92. data/app/pb_kits/playbook/pb_gauge/docs/example.yml +1 -0
  93. data/app/pb_kits/playbook/pb_gauge/docs/index.js +1 -0
  94. data/app/pb_kits/playbook/pb_gauge/gaugeTheme.ts +1 -7
  95. data/app/pb_kits/playbook/pb_line_graph/docs/_description.md +3 -1
  96. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.jsx +17 -36
  97. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.jsx +16 -31
  98. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.jsx +31 -63
  99. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.jsx +16 -35
  100. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.jsx +16 -41
  101. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.jsx +62 -107
  102. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.md +7 -4
  103. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.jsx +52 -0
  104. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.md +1 -0
  105. data/app/pb_kits/playbook/pb_line_graph/docs/example.yml +1 -0
  106. data/app/pb_kits/playbook/pb_line_graph/docs/index.js +1 -0
  107. data/app/pb_kits/playbook/pb_line_graph/lineGraphTheme.ts +1 -16
  108. data/app/pb_kits/playbook/pb_pagination/_pagination.tsx +0 -4
  109. data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default_rails.md +1 -3
  110. data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default_react.md +1 -3
  111. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +17 -30
  112. data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +0 -2
  113. data/app/pb_kits/playbook/pb_phone_number_input/docs/index.js +0 -1
  114. data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.rb +0 -3
  115. data/app/pb_kits/playbook/pb_select/select.rb +2 -4
  116. data/app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.html.erb +0 -1
  117. data/app/pb_kits/playbook/pb_title/docs/_title_truncate.jsx +3 -3
  118. data/app/pb_kits/playbook/pb_tooltip/docs/example.yml +0 -1
  119. data/app/pb_kits/playbook/pb_tooltip/index.js +36 -59
  120. data/app/pb_kits/playbook/pb_tooltip/tooltip.rb +2 -9
  121. data/app/pb_kits/playbook/pb_walkthrough/_walkthrough.scss +0 -0
  122. data/app/pb_kits/playbook/pb_walkthrough/_walkthrough.tsx +202 -0
  123. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_continuous.jsx +69 -0
  124. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_default.jsx +71 -0
  125. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_multi_beacon.jsx +110 -0
  126. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_no_beacon.jsx +76 -0
  127. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_no_overlay.jsx +76 -0
  128. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_styled.jsx +76 -0
  129. data/app/pb_kits/playbook/pb_walkthrough/docs/example.yml +10 -0
  130. data/app/pb_kits/playbook/pb_walkthrough/docs/index.js +6 -0
  131. data/app/pb_kits/playbook/pb_walkthrough/walkthrough.test.jsx +34 -0
  132. data/dist/chunks/_typeahead-B7FRYVtS.js +22 -0
  133. data/dist/chunks/_weekday_stacked-BNSy7Mo2.js +45 -0
  134. data/dist/chunks/lib-Carqm8Ip.js +29 -0
  135. data/dist/chunks/{pb_form_validation-D3b0JKHH.js → pb_form_validation-DqRmTS8m.js} +1 -1
  136. data/dist/chunks/vendor.js +1 -1
  137. data/dist/menu.yml +15 -68
  138. data/dist/playbook-doc.js +2 -2
  139. data/dist/playbook-rails-react-bindings.js +1 -1
  140. data/dist/playbook-rails.js +1 -1
  141. data/dist/playbook.css +1 -1
  142. data/lib/playbook/version.rb +2 -2
  143. metadata +35 -49
  144. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_sort.jsx +0 -65
  145. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_sort.md +0 -5
  146. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.html.erb +0 -46
  147. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling_rails.md +0 -7
  148. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_per_column.jsx +0 -55
  149. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_per_column.md +0 -6
  150. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_per_column_for_multi_column.jsx +0 -80
  151. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_per_column_for_multi_column.md +0 -1
  152. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header.jsx +0 -69
  153. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header.md +0 -1
  154. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header.jsx +0 -107
  155. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header.md +0 -1
  156. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_rails.html.erb +0 -51
  157. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_rails.md +0 -1
  158. data/app/pb_kits/playbook/pb_bar_graph/barGraphTheme.ts +0 -106
  159. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.md +0 -3
  160. data/app/pb_kits/playbook/pb_body/docs/_body_truncate_react.md +0 -4
  161. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors_react.md +0 -2
  162. data/app/pb_kits/playbook/pb_circle_chart/docs/_description.md +0 -1
  163. data/app/pb_kits/playbook/pb_dropdown/_dropdown_mixin.scss +0 -36
  164. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_active_style_options.jsx +0 -90
  165. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_active_style_options_react.md +0 -4
  166. data/app/pb_kits/playbook/pb_gauge/docs/_description.md +0 -1
  167. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_colors_react.md +0 -2
  168. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_complex_react.md +0 -1
  169. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_units_react.md +0 -1
  170. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors_react.md +0 -3
  171. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.md +0 -3
  172. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.html.erb +0 -10
  173. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.jsx +0 -26
  174. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.md +0 -3
  175. data/app/pb_kits/playbook/pb_title/docs/_title_truncate_react.md +0 -4
  176. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_click_open.html.erb +0 -14
  177. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_click_open_rails.md +0 -1
  178. data/dist/chunks/_line_graph-BNbgv7cZ.js +0 -1
  179. data/dist/chunks/_typeahead-BjxzQL_-.js +0 -6
  180. data/dist/chunks/_weekday_stacked-DA1-B51Z.js +0 -37
  181. data/dist/chunks/lib-CY5ZPzic.js +0 -29
  182. /data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_row_styling_react.md → _advanced_table_row_styling.md} +0 -0
  183. /data/app/pb_kits/playbook/pb_body/docs/{_body_truncate_rails.md → _body_truncate.md} +0 -0
  184. /data/app/pb_kits/playbook/pb_gauge/docs/{_gauge_colors_rails.md → _gauge_colors.md} +0 -0
  185. /data/app/pb_kits/playbook/pb_gauge/docs/{_gauge_complex_rails.md → _gauge_complex.md} +0 -0
  186. /data/app/pb_kits/playbook/pb_line_graph/docs/{_line_graph_colors_rails.md → _line_graph_colors.md} +0 -0
  187. /data/app/pb_kits/playbook/pb_title/docs/{_title_truncate_rails.md → _title_truncate.md} +0 -0
  188. /data/app/pb_kits/playbook/pb_tooltip/docs/{_tooltip_click_open_react.md → _tooltip_click_open.md} +0 -0
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "14.23.0"
5
- VERSION = "14.23.0.pre.alpha.play23129273"
4
+ PREVIOUS_VERSION = "14.22.0"
5
+ VERSION = "14.23.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: 14.23.0.pre.alpha.play23129273
4
+ version: 14.23.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-07-29 00:00:00.000000000 Z
12
+ date: 2025-06-23 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -328,8 +328,6 @@ files:
328
328
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.md
329
329
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell_rails.html.erb
330
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
333
331
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx
334
332
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.md
335
333
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expand_by_depth.jsx
@@ -359,10 +357,8 @@ files:
359
357
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.html.erb
360
358
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx
361
359
  - 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.html.erb
363
360
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.jsx
364
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling_rails.md
365
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling_react.md
361
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.md
366
362
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_scrollbar_none.html.erb
367
363
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_scrollbar_none.jsx
368
364
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.jsx
@@ -385,10 +381,6 @@ files:
385
381
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.md
386
382
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx
387
383
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.md
388
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_per_column.jsx
389
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_per_column.md
390
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_per_column_for_multi_column.jsx
391
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_per_column_for_multi_column.md
392
384
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_columns.jsx
393
385
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_columns.md
394
386
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_columns_and_header.jsx
@@ -409,12 +401,6 @@ files:
409
401
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.jsx
410
402
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_rails.md
411
403
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md
412
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header.jsx
413
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header.md
414
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header.jsx
415
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header.md
416
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_rails.html.erb
417
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_rails.md
418
404
  - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
419
405
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
420
406
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_infinite_scroll.json
@@ -528,19 +514,19 @@ files:
528
514
  - app/pb_kits/playbook/pb_bar_graph/_bar_graph.tsx
529
515
  - app/pb_kits/playbook/pb_bar_graph/barGraph.test.js
530
516
  - app/pb_kits/playbook/pb_bar_graph/barGraphSettings.js
531
- - app/pb_kits/playbook/pb_bar_graph/barGraphTheme.ts
532
517
  - app/pb_kits/playbook/pb_bar_graph/bar_graph.html.erb
533
518
  - app/pb_kits/playbook/pb_bar_graph/bar_graph.rb
534
519
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.html.erb
535
520
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.jsx
536
521
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.md
522
+ - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom.jsx
523
+ - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom.md
537
524
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom_rails.html.erb
538
525
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom_rails.md
539
526
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.html.erb
540
527
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.jsx
541
528
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.html.erb
542
529
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.jsx
543
- - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.md
544
530
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_horizontal.html.erb
545
531
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_horizontal.jsx
546
532
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.html.erb
@@ -552,6 +538,8 @@ files:
552
538
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.md
553
539
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.html.erb
554
540
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.jsx
541
+ - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.jsx
542
+ - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.md
555
543
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.html.erb
556
544
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
557
545
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.md
@@ -583,8 +571,7 @@ files:
583
571
  - app/pb_kits/playbook/pb_body/docs/_body_styled.md
584
572
  - app/pb_kits/playbook/pb_body/docs/_body_truncate.html.erb
585
573
  - app/pb_kits/playbook/pb_body/docs/_body_truncate.jsx
586
- - app/pb_kits/playbook/pb_body/docs/_body_truncate_rails.md
587
- - app/pb_kits/playbook/pb_body/docs/_body_truncate_react.md
574
+ - app/pb_kits/playbook/pb_body/docs/_body_truncate.md
588
575
  - app/pb_kits/playbook/pb_body/docs/_description.md
589
576
  - app/pb_kits/playbook/pb_body/docs/_footer.md
590
577
  - app/pb_kits/playbook/pb_body/docs/example.yml
@@ -778,8 +765,7 @@ files:
778
765
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
779
766
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.html.erb
780
767
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.jsx
781
- - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors_rails.md
782
- - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors_react.md
768
+ - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.md
783
769
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.html.erb
784
770
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.jsx
785
771
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.md
@@ -791,6 +777,8 @@ files:
791
777
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.jsx
792
778
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.md
793
779
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_live_data.jsx
780
+ - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_pb_styles.jsx
781
+ - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_pb_styles.md
794
782
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.html.erb
795
783
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.jsx
796
784
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_labels.html.erb
@@ -799,7 +787,6 @@ files:
799
787
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_legend_kit.jsx
800
788
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_title.html.erb
801
789
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_title.jsx
802
- - app/pb_kits/playbook/pb_circle_chart/docs/_description.md
803
790
  - app/pb_kits/playbook/pb_circle_chart/docs/example.yml
804
791
  - app/pb_kits/playbook/pb_circle_chart/docs/index.js
805
792
  - app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss
@@ -1356,7 +1343,6 @@ files:
1356
1343
  - app/pb_kits/playbook/pb_drawer/index.js
1357
1344
  - app/pb_kits/playbook/pb_dropdown/_dropdown.scss
1358
1345
  - app/pb_kits/playbook/pb_dropdown/_dropdown.tsx
1359
- - app/pb_kits/playbook/pb_dropdown/_dropdown_mixin.scss
1360
1346
  - app/pb_kits/playbook/pb_dropdown/context/index.tsx
1361
1347
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.html.erb
1362
1348
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.jsx
@@ -1400,8 +1386,6 @@ files:
1400
1386
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.html.erb
1401
1387
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.jsx
1402
1388
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.md
1403
- - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_active_style_options.jsx
1404
- - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_active_style_options_react.md
1405
1389
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx
1406
1390
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
1407
1391
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.html.erb
@@ -1687,15 +1671,12 @@ files:
1687
1671
  - app/pb_kits/playbook/pb_form_pill/form_pill.rb
1688
1672
  - app/pb_kits/playbook/pb_gauge/_gauge.scss
1689
1673
  - app/pb_kits/playbook/pb_gauge/_gauge.tsx
1690
- - app/pb_kits/playbook/pb_gauge/docs/_description.md
1691
1674
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.html.erb
1692
1675
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.jsx
1693
- - app/pb_kits/playbook/pb_gauge/docs/_gauge_colors_rails.md
1694
- - app/pb_kits/playbook/pb_gauge/docs/_gauge_colors_react.md
1676
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.md
1695
1677
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.html.erb
1696
1678
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.jsx
1697
- - app/pb_kits/playbook/pb_gauge/docs/_gauge_complex_rails.md
1698
- - app/pb_kits/playbook/pb_gauge/docs/_gauge_complex_react.md
1679
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.md
1699
1680
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_default.html.erb
1700
1681
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_default.jsx
1701
1682
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_disable_animation.html.erb
@@ -1708,6 +1689,8 @@ files:
1708
1689
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.html.erb
1709
1690
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.jsx
1710
1691
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.md
1692
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_pb_styles.jsx
1693
+ - app/pb_kits/playbook/pb_gauge/docs/_gauge_pb_styles.md
1711
1694
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.html.erb
1712
1695
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.jsx
1713
1696
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.md
@@ -1715,7 +1698,6 @@ files:
1715
1698
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_title.jsx
1716
1699
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_units.html.erb
1717
1700
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_units.jsx
1718
- - app/pb_kits/playbook/pb_gauge/docs/_gauge_units_react.md
1719
1701
  - app/pb_kits/playbook/pb_gauge/docs/example.yml
1720
1702
  - app/pb_kits/playbook/pb_gauge/docs/index.js
1721
1703
  - app/pb_kits/playbook/pb_gauge/gauge.html.erb
@@ -2032,13 +2014,11 @@ files:
2032
2014
  - app/pb_kits/playbook/pb_line_graph/docs/_description.md
2033
2015
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.html.erb
2034
2016
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.jsx
2035
- - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors_rails.md
2036
- - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors_react.md
2017
+ - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.md
2037
2018
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.html.erb
2038
2019
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.jsx
2039
2020
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.html.erb
2040
2021
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.jsx
2041
- - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.md
2042
2022
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.html.erb
2043
2023
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.jsx
2044
2024
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.html.erb
@@ -2046,6 +2026,8 @@ files:
2046
2026
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.html.erb
2047
2027
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.jsx
2048
2028
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.md
2029
+ - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.jsx
2030
+ - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.md
2049
2031
  - app/pb_kits/playbook/pb_line_graph/docs/example.yml
2050
2032
  - app/pb_kits/playbook/pb_line_graph/docs/index.js
2051
2033
  - app/pb_kits/playbook/pb_line_graph/lineGraph.test.js
@@ -2481,9 +2463,6 @@ files:
2481
2463
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.html.erb
2482
2464
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.jsx
2483
2465
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.md
2484
- - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.html.erb
2485
- - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.jsx
2486
- - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.md
2487
2466
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.html.erb
2488
2467
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.jsx
2489
2468
  - app/pb_kits/playbook/pb_phone_number_input/docs/example.yml
@@ -3301,8 +3280,7 @@ files:
3301
3280
  - app/pb_kits/playbook/pb_title/docs/_title_responsive.md
3302
3281
  - app/pb_kits/playbook/pb_title/docs/_title_truncate.html.erb
3303
3282
  - app/pb_kits/playbook/pb_title/docs/_title_truncate.jsx
3304
- - app/pb_kits/playbook/pb_title/docs/_title_truncate_rails.md
3305
- - app/pb_kits/playbook/pb_title/docs/_title_truncate_react.md
3283
+ - app/pb_kits/playbook/pb_title/docs/_title_truncate.md
3306
3284
  - app/pb_kits/playbook/pb_title/docs/example.yml
3307
3285
  - app/pb_kits/playbook/pb_title/docs/index.js
3308
3286
  - app/pb_kits/playbook/pb_title/title.html.erb
@@ -3359,10 +3337,8 @@ files:
3359
3337
  - app/pb_kits/playbook/pb_toggle/toggle.test.js
3360
3338
  - app/pb_kits/playbook/pb_tooltip/_tooltip.scss
3361
3339
  - app/pb_kits/playbook/pb_tooltip/_tooltip.tsx
3362
- - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_click_open.html.erb
3363
3340
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_click_open.jsx
3364
- - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_click_open_rails.md
3365
- - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_click_open_react.md
3341
+ - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_click_open.md
3366
3342
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb
3367
3343
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default_react.jsx
3368
3344
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default_react.md
@@ -3520,6 +3496,17 @@ files:
3520
3496
  - app/pb_kits/playbook/pb_user_badge/user_badge.html.erb
3521
3497
  - app/pb_kits/playbook/pb_user_badge/user_badge.rb
3522
3498
  - app/pb_kits/playbook/pb_user_badge/user_badge.test.js
3499
+ - app/pb_kits/playbook/pb_walkthrough/_walkthrough.scss
3500
+ - app/pb_kits/playbook/pb_walkthrough/_walkthrough.tsx
3501
+ - app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_continuous.jsx
3502
+ - app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_default.jsx
3503
+ - app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_multi_beacon.jsx
3504
+ - app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_no_beacon.jsx
3505
+ - app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_no_overlay.jsx
3506
+ - app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_styled.jsx
3507
+ - app/pb_kits/playbook/pb_walkthrough/docs/example.yml
3508
+ - app/pb_kits/playbook/pb_walkthrough/docs/index.js
3509
+ - app/pb_kits/playbook/pb_walkthrough/walkthrough.test.jsx
3523
3510
  - app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.scss
3524
3511
  - app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.tsx
3525
3512
  - app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_compact.html.erb
@@ -3627,12 +3614,11 @@ files:
3627
3614
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3628
3615
  - app/pb_kits/playbook/utilities/text.ts
3629
3616
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3630
- - dist/chunks/_line_graph-BNbgv7cZ.js
3631
- - dist/chunks/_typeahead-BjxzQL_-.js
3632
- - dist/chunks/_weekday_stacked-DA1-B51Z.js
3617
+ - dist/chunks/_typeahead-B7FRYVtS.js
3618
+ - dist/chunks/_weekday_stacked-BNSy7Mo2.js
3633
3619
  - dist/chunks/lazysizes-B7xYodB-.js
3634
- - dist/chunks/lib-CY5ZPzic.js
3635
- - dist/chunks/pb_form_validation-D3b0JKHH.js
3620
+ - dist/chunks/lib-Carqm8Ip.js
3621
+ - dist/chunks/pb_form_validation-DqRmTS8m.js
3636
3622
  - dist/chunks/vendor.js
3637
3623
  - dist/menu.yml
3638
3624
  - dist/playbook-doc.js
@@ -1,65 +0,0 @@
1
- import React from "react"
2
- import AdvancedTable from '../../pb_advanced_table/_advanced_table'
3
- import MOCK_DATA from "./advanced_table_mock_data.json"
4
-
5
- const AdvancedTableCustomSort = (props) => {
6
- const columnDefinitions = [
7
- {
8
- accessor: "year",
9
- label: "Year",
10
- id: "year",
11
- cellAccessors: ["quarter", "month", "day"],
12
- },
13
- {
14
- accessor: "newEnrollments",
15
- id: "newEnrollments",
16
- label: "New Enrollments",
17
- },
18
- {
19
- accessor: "scheduledMeetings",
20
- id: "scheduledMeetings",
21
- label: "Scheduled Meetings",
22
- },
23
- {
24
- accessor: "attendanceRate",
25
- id: "attendanceRate",
26
- label: "Attendance Rate",
27
- },
28
- {
29
- accessor: "completedClasses",
30
- id: "completedClasses",
31
- label: "Completed Classes",
32
- },
33
- {
34
- accessor: "classCompletionRate",
35
- id: "classCompletionRate",
36
- label: "Class Completion Rate",
37
- },
38
- {
39
- accessor: "graduatedStudents",
40
- id: "graduatedStudents",
41
- label: "Graduated Students",
42
- },
43
- ]
44
-
45
- //Render the subRow header rows
46
- const subRowHeaders = ["Quarter", "Month", "Day"]
47
-
48
- return (
49
- <div>
50
- <AdvancedTable
51
- columnDefinitions={columnDefinitions}
52
- customSort
53
- enableToggleExpansion="all"
54
- onCustomSortClick={(subrows)=>{console.log("Custom sort clicked", subrows)}}
55
- tableData={MOCK_DATA}
56
- {...props}
57
- >
58
- <AdvancedTable.Header enableSorting />
59
- <AdvancedTable.Body subRowHeaders={subRowHeaders} />
60
- </AdvancedTable>
61
- </div>
62
- )
63
- }
64
-
65
- export default AdvancedTableCustomSort
@@ -1,5 +0,0 @@
1
- The optional `customSort` prop can be used to add a sort button within a subrow header. The button will only appear if that subrowheader has more than one subrow nested within it. This button comes with a callback function called `onCustomSortClick`.
2
-
3
- The `onCustomSortClick` provides as an argument an array of all the subrows nested within that level of the table.
4
-
5
- __NOTE__: `customSort` must be used in conjunction with the `subRowHeaders` prop. The `customSort` DOES NOT handle the sort logic, this must be handled on the frontend using the callback provided.
@@ -1,46 +0,0 @@
1
- <% column_definitions = [
2
- {
3
- accessor: "year",
4
- label: "Year",
5
- cellAccessors: ["quarter", "month", "day"],
6
- },
7
- {
8
- accessor: "newEnrollments",
9
- label: "New Enrollments",
10
- },
11
- {
12
- accessor: "scheduledMeetings",
13
- label: "Scheduled Meetings",
14
- },
15
- {
16
- accessor: "attendanceRate",
17
- label: "Attendance Rate",
18
- },
19
- {
20
- accessor: "completedClasses",
21
- label: "Completed Classes",
22
- },
23
- {
24
- accessor: "classCompletionRate",
25
- label: "Class Completion Rate",
26
- },
27
- {
28
- accessor: "graduatedStudents",
29
- label: "Graduated Students",
30
- }
31
- ] %>
32
-
33
- <% row_styling = [
34
- {
35
- row_id: "1",
36
- background_color: "#F9BB00",
37
- },
38
- {
39
- row_id: "8",
40
- background_color: "#0056CF",
41
- font_color: "white",
42
- expand_button_color: "white",
43
- },
44
- ] %>
45
-
46
- <%= pb_rails("advanced_table", props: { id: "row-styling", table_data: @table_data_with_id, column_definitions: column_definitions, row_styling: row_styling }) %>
@@ -1,7 +0,0 @@
1
- The `row_styling` prop can be used in conjunction with row ids to control certain styling options on individual rows. Currently, `row_styling` gives you 3 optional controls:
2
-
3
- - `background_color` : use this to control the background color of the row
4
- - `font_color`: use this to control font color for each row if needed, for example if using a darker background color.
5
- - `expand_button_color`: use this to control the color of the expand icon if needed, for example if using a darker background color.
6
-
7
- **NOTE:** Each object within the `table_data` Array must contain a unique id in order to attach an id to all Rows for this to function.
@@ -1,55 +0,0 @@
1
- import React from "react"
2
- import AdvancedTable from '../../pb_advanced_table/_advanced_table'
3
- import MOCK_DATA from "./advanced_table_mock_data.json"
4
-
5
- const AdvancedTableSortPerColumn = (props) => {
6
- const columnDefinitions = [
7
- {
8
- accessor: "year",
9
- label: "Year",
10
- cellAccessors: ["quarter", "month", "day"],
11
- },
12
- {
13
- accessor: "newEnrollments",
14
- label: "New Enrollments",
15
- enableSort: true,
16
- },
17
- {
18
- accessor: "scheduledMeetings",
19
- label: "Scheduled Meetings",
20
- },
21
- {
22
- accessor: "attendanceRate",
23
- label: "Attendance Rate",
24
- enableSort: true,
25
- },
26
- {
27
- accessor: "completedClasses",
28
- label: "Completed Classes",
29
- },
30
- {
31
- accessor: "classCompletionRate",
32
- label: "Class Completion Rate",
33
- },
34
- {
35
- accessor: "graduatedStudents",
36
- label: "Graduated Students",
37
- },
38
- ]
39
-
40
- return (
41
- <div>
42
- <AdvancedTable
43
- columnDefinitions={columnDefinitions}
44
- enableSortingRemoval
45
- tableData={MOCK_DATA}
46
- {...props}
47
- >
48
- <AdvancedTable.Header />
49
- <AdvancedTable.Body />
50
- </AdvancedTable>
51
- </div>
52
- )
53
- }
54
-
55
- export default AdvancedTableSortPerColumn;
@@ -1,6 +0,0 @@
1
- Sorting can now be enabled on any of the columns. To do this, add `enableSort:true` to the columnDefinition of the column you want sorting enabled on. Once enabled, clicking on the header will toggle sort between ascending and descending.
2
-
3
- The optional `enableSortingRemoval` prop can also be used in conjunction with sorting functionality. This prop is set to 'false' by default but if set to 'true' sorting order will circle like: 'none' -> 'desc' -> 'asc' -> 'none' -> ...
4
- It is recommended that `enableSortingRemoval` be set to 'true' when sort is enabled on mutiple columns so that sorting direction is always clear via the sort icon.
5
-
6
- __NOTE:__ For sort on the first column, continue to use the separate `enableSorting` prop on AdvancedTable.Header as [shown here](https://playbook.powerapp.cloud/kits/advanced_table/sorting/react#enable-sorting).
@@ -1,80 +0,0 @@
1
- import React from "react"
2
- import AdvancedTable from '../../pb_advanced_table/_advanced_table'
3
- import MOCK_DATA from "./advanced_table_mock_data.json"
4
-
5
- const AdvancedTableSortPerColumnForMultiColumn = (props) => {
6
- const columnDefinitions = [
7
- {
8
- accessor: "year",
9
- label: "Year",
10
- cellAccessors: ["quarter", "month", "day"],
11
- },
12
- {
13
- label: "Enrollment Data",
14
- columns: [
15
- {
16
- label: "Enrollment Stats",
17
- columns: [
18
- {
19
- accessor: "newEnrollments",
20
- label: "New Enrollments",
21
- enableSort: true,
22
- },
23
- {
24
- accessor: "scheduledMeetings",
25
- label: "Scheduled Meetings",
26
- },
27
- ],
28
- },
29
- ],
30
- },
31
- {
32
- label: "Performance Data",
33
- columns: [
34
- {
35
- label: "Completion Metrics",
36
- columns: [
37
- {
38
- accessor: "completedClasses",
39
- label: "Completed Classes",
40
- enableSort: true,
41
- },
42
- {
43
- accessor: "classCompletionRate",
44
- label: "Class Completion Rate",
45
- },
46
- ],
47
- },
48
- {
49
- label: "Attendance",
50
- columns: [
51
- {
52
- accessor: "attendanceRate",
53
- label: "Attendance Rate",
54
- },
55
- {
56
- accessor: "scheduledMeetings",
57
- label: "Scheduled Meetings",
58
- },
59
- ],
60
- },
61
- ],
62
- },
63
- ];
64
-
65
- return (
66
- <div>
67
- <AdvancedTable
68
- columnDefinitions={columnDefinitions}
69
- enableSortingRemoval
70
- tableData={MOCK_DATA}
71
- {...props}
72
- >
73
- <AdvancedTable.Header enableSorting />
74
- <AdvancedTable.Body />
75
- </AdvancedTable>
76
- </div>
77
- )
78
- }
79
-
80
- export default AdvancedTableSortPerColumnForMultiColumn;
@@ -1 +0,0 @@
1
- Sorting on columns can also be applied to columns when using the multi-header variant, however in this case sorting can only be set on leaf columns NOT on parent columns.
@@ -1,69 +0,0 @@
1
- import React from "react"
2
- import AdvancedTable from '../../pb_advanced_table/_advanced_table'
3
- import Icon from "../../pb_icon/_icon"
4
- import Flex from "../../pb_flex/_flex"
5
- import Caption from "../../pb_caption/_caption"
6
- import Tooltip from "../../pb_tooltip/_tooltip"
7
- import MOCK_DATA from "./advanced_table_mock_data.json"
8
-
9
- const AdvancedTableWithCustomHeader = (props) => {
10
- const columnDefinitions = [
11
- {
12
- accessor: "year",
13
- label: "Year",
14
- cellAccessors: ["quarter", "month", "day"],
15
- },
16
- {
17
- accessor: "newEnrollments",
18
- label: "New Enrollments",
19
- header: () => (
20
- <Flex alignItems="center"
21
- justifyContent="center"
22
- >
23
- <Caption marginRight="xs">New Enrollments</Caption>
24
- <Tooltip placement="top"
25
- text="Whoa. I'm a Tooltip"
26
- zIndex={10}
27
- >
28
- <Icon cursor="pointer"
29
- icon="info"
30
- size="xs"
31
- />
32
- </Tooltip>
33
- </Flex>
34
- ),
35
- },
36
- {
37
- accessor: "scheduledMeetings",
38
- label: "Scheduled Meetings",
39
- },
40
- {
41
- accessor: "attendanceRate",
42
- label: "Attendance Rate",
43
- },
44
- {
45
- accessor: "completedClasses",
46
- label: "Completed Classes",
47
- },
48
- {
49
- accessor: "classCompletionRate",
50
- label: "Class Completion Rate",
51
- },
52
- {
53
- accessor: "graduatedStudents",
54
- label: "Graduated Students",
55
- },
56
- ];
57
-
58
- return (
59
- <div>
60
- <AdvancedTable
61
- columnDefinitions={columnDefinitions}
62
- tableData={MOCK_DATA}
63
- {...props}
64
- />
65
- </div>
66
- )
67
- }
68
-
69
- export default AdvancedTableWithCustomHeader
@@ -1 +0,0 @@
1
- The optional `header` key/value pair can be used within `columnDefinitions` to render a custom header. This example shows an Icon and Tooltip being used but other kits can be used as well.