playbook_ui 14.18.0.pre.alpha.revert4567revert4553PLAY2056ATcolbordercolors7469 → 14.18.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 (189) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/Components/RegularTableView.tsx +3 -23
  3. data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +3 -67
  4. data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableActions.ts +2 -1
  5. data/app/pb_kits/playbook/pb_advanced_table/Utilities/ExpansionControlHelpers.tsx +19 -29
  6. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +143 -365
  7. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +1 -14
  8. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.rb +1 -6
  9. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.html.erb +1 -1
  10. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx +2 -1
  11. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_rails.md +2 -2
  12. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_react.md +1 -1
  13. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_rails.md +2 -6
  14. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md +2 -6
  15. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +3 -10
  16. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -6
  17. data/app/pb_kits/playbook/pb_advanced_table/index.js +0 -7
  18. data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +1 -1
  19. data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.tsx +1 -1
  20. data/app/pb_kits/playbook/pb_circle_chart/circleChart.test.js +2 -2
  21. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.html.erb +2 -2
  22. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx +1 -1
  23. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.html.erb +1 -1
  24. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.jsx +1 -1
  25. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.html.erb +1 -1
  26. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.jsx +1 -1
  27. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.html.erb +1 -1
  28. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.jsx +1 -1
  29. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.html.erb +1 -1
  30. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.jsx +1 -1
  31. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_live_data.jsx +2 -2
  32. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.html.erb +1 -1
  33. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.jsx +1 -1
  34. data/app/pb_kits/playbook/pb_circle_chart/docs/example.yml +3 -2
  35. data/app/pb_kits/playbook/pb_circle_chart/docs/index.js +1 -2
  36. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss +1 -39
  37. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.tsx +0 -4
  38. data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.rb +1 -9
  39. data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.test.js +0 -14
  40. data/app/pb_kits/playbook/pb_circle_icon_button/docs/example.yml +0 -2
  41. data/app/pb_kits/playbook/pb_circle_icon_button/docs/index.js +0 -1
  42. data/app/pb_kits/playbook/pb_copy_button/_copy_button.tsx +45 -19
  43. data/app/pb_kits/playbook/pb_copy_button/docs/example.yml +0 -2
  44. data/app/pb_kits/playbook/pb_copy_button/docs/index.js +1 -2
  45. data/app/pb_kits/playbook/pb_copy_button/index.js +20 -46
  46. data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +0 -12
  47. data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +0 -12
  48. data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +1 -50
  49. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.jsx +1 -4
  50. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_rails.md +0 -4
  51. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_range_limit.md +1 -1
  52. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_react.md +1 -5
  53. data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +0 -2
  54. data/app/pb_kits/playbook/pb_date_picker/docs/index.js +0 -1
  55. data/app/pb_kits/playbook/pb_date_picker/plugins/quickPick.tsx +0 -10
  56. data/app/pb_kits/playbook/pb_dialog/dialog.html.erb +1 -10
  57. data/app/pb_kits/playbook/pb_dialog/dialog.rb +0 -2
  58. data/app/pb_kits/playbook/pb_dialog/docs/example.yml +0 -1
  59. data/app/pb_kits/playbook/pb_dialog/index.js +14 -106
  60. data/app/pb_kits/playbook/pb_draggable/docs/example.yml +1 -3
  61. data/app/pb_kits/playbook/pb_draggable/draggable.rb +1 -9
  62. data/app/pb_kits/playbook/pb_draggable/index.js +142 -139
  63. data/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx +1 -1
  64. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.jsx +1 -4
  65. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownOption.tsx +1 -1
  66. data/app/pb_kits/playbook/pb_filter/docs/example.yml +0 -1
  67. data/app/pb_kits/playbook/pb_form_group/_form_group.scss +3 -23
  68. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_select.html.erb +5 -15
  69. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx +6 -39
  70. data/app/pb_kits/playbook/pb_gauge/docs/example.yml +0 -1
  71. data/app/pb_kits/playbook/pb_gauge/docs/index.js +0 -1
  72. data/app/pb_kits/playbook/pb_layout/_layout.scss +1 -70
  73. data/app/pb_kits/playbook/pb_layout/_layout.tsx +2 -29
  74. data/app/pb_kits/playbook/pb_layout/docs/_layout_bracket.jsx +118 -322
  75. data/app/pb_kits/playbook/pb_layout/docs/_layout_bracket.md +1 -1
  76. data/app/pb_kits/playbook/pb_layout/subcomponents/_game.tsx +43 -74
  77. data/app/pb_kits/playbook/pb_layout/subcomponents/_round.tsx +4 -21
  78. data/app/pb_kits/playbook/pb_line_graph/docs/example.yml +0 -1
  79. data/app/pb_kits/playbook/pb_line_graph/docs/index.js +0 -1
  80. data/app/pb_kits/playbook/pb_overlay/_overlay.scss +22 -83
  81. data/app/pb_kits/playbook/pb_overlay/_overlay.tsx +7 -39
  82. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md +7 -1
  83. data/app/pb_kits/playbook/pb_overlay/docs/example.yml +0 -5
  84. data/app/pb_kits/playbook/pb_overlay/docs/index.js +0 -5
  85. data/app/pb_kits/playbook/pb_overlay/overlay.test.jsx +1 -39
  86. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss +0 -13
  87. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +1 -3
  88. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.jsx +1 -8
  89. data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +0 -2
  90. data/app/pb_kits/playbook/pb_phone_number_input/docs/index.js +0 -1
  91. data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.rb +0 -3
  92. data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.test.js +0 -19
  93. data/app/pb_kits/playbook/pb_popover/docs/example.yml +0 -1
  94. data/app/pb_kits/playbook/pb_popover/index.ts +1 -13
  95. data/app/pb_kits/playbook/pb_popover/popover.rb +0 -2
  96. data/app/pb_kits/playbook/pb_select/docs/_select_error.jsx +2 -7
  97. data/app/pb_kits/playbook/pb_table/_table.tsx +2 -2
  98. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.md +1 -3
  99. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows_rails.md +1 -3
  100. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md +1 -3
  101. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.md +1 -3
  102. data/app/pb_kits/playbook/pb_table/styles/_collapsible.scss +1 -1
  103. data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +5 -13
  104. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx +1 -9
  105. data/app/pb_kits/playbook/pb_text_input/docs/example.yml +0 -2
  106. data/app/pb_kits/playbook/pb_text_input/docs/index.js +0 -1
  107. data/app/pb_kits/playbook/pb_text_input/inputMask.ts +1 -8
  108. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error.jsx +1 -7
  109. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.jsx +2 -6
  110. data/dist/chunks/_typeahead-C2GOKWtm.js +22 -0
  111. data/dist/chunks/_weekday_stacked-CFGTPT0O.js +45 -0
  112. data/dist/chunks/lib-BGzBzFZX.js +29 -0
  113. data/dist/chunks/{pb_form_validation-BWjy4bFn.js → pb_form_validation-BvNy9Bd6.js} +1 -1
  114. data/dist/chunks/vendor.js +1 -1
  115. data/dist/menu.yml +2 -2
  116. data/dist/playbook-doc.js +1 -19
  117. data/dist/playbook-rails-react-bindings.js +1 -1
  118. data/dist/playbook-rails.js +1 -1
  119. data/dist/playbook.css +1 -1
  120. data/lib/playbook/version.rb +2 -2
  121. metadata +8 -71
  122. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color.jsx +0 -80
  123. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color.md +0 -3
  124. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.html.erb +0 -58
  125. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.md +0 -3
  126. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expand_by_depth.jsx +0 -66
  127. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expand_by_depth.md +0 -10
  128. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_columns.jsx +0 -58
  129. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_columns.md +0 -6
  130. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_columns_and_header.jsx +0 -64
  131. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_columns_and_header.md +0 -8
  132. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_header.jsx +0 -55
  133. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_header.md +0 -3
  134. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_header_rails.html.erb +0 -33
  135. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_header_rails.md +0 -3
  136. data/app/pb_kits/playbook/pb_advanced_table/scss_partials/advanced_table_sticky_mixin.scss +0 -97
  137. data/app/pb_kits/playbook/pb_circle_chart/circleChartTheme.ts +0 -53
  138. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_pb_styles.jsx +0 -38
  139. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_pb_styles.md +0 -1
  140. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_size.html.erb +0 -28
  141. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_size.jsx +0 -42
  142. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_size.md +0 -1
  143. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_hook.jsx +0 -54
  144. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_hook.md +0 -3
  145. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_hook_rails.html.erb +0 -14
  146. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_hook_rails.md +0 -3
  147. data/app/pb_kits/playbook/pb_copy_button/usePBCopy.ts +0 -45
  148. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern.jsx +0 -34
  149. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern.md +0 -14
  150. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern_rails.html.erb +0 -20
  151. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern_rails.md +0 -14
  152. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_turbo_frames.html.erb +0 -117
  153. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_turbo_frames_rails.md +0 -9
  154. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.html.erb +0 -43
  155. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.html.erb +0 -55
  156. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors_rails.md +0 -1
  157. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.html.erb +0 -42
  158. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.md +0 -1
  159. data/app/pb_kits/playbook/pb_filter/docs/_filter_within_turbo_frames.html.erb +0 -41
  160. data/app/pb_kits/playbook/pb_filter/docs/_filter_within_turbo_frames.md +0 -1
  161. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_pb_styles.jsx +0 -30
  162. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_pb_styles.md +0 -1
  163. data/app/pb_kits/playbook/pb_gauge/gaugeTheme.ts +0 -85
  164. data/app/pb_kits/playbook/pb_layout/subcomponents/_participant.tsx +0 -79
  165. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.jsx +0 -52
  166. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.md +0 -1
  167. data/app/pb_kits/playbook/pb_line_graph/lineGraphTheme.ts +0 -110
  168. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_color.jsx +0 -63
  169. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_color.md +0 -3
  170. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_fullscreen_background.jsx +0 -49
  171. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_fullscreen_background.md +0 -1
  172. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_fullscreen_opacity.jsx +0 -81
  173. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_fullscreen_opacity.md +0 -1
  174. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_gradient_opacity.jsx +0 -39
  175. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_gradient_opacity.md +0 -1
  176. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_layout.jsx +0 -40
  177. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_layout.md +0 -5
  178. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.html.erb +0 -10
  179. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.jsx +0 -20
  180. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.md +0 -1
  181. data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to.html.erb +0 -46
  182. data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to.md +0 -1
  183. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_sanitize.jsx +0 -94
  184. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_sanitize.md +0 -1
  185. data/dist/chunks/_typeahead-D8CsVBZO.js +0 -22
  186. data/dist/chunks/_weekday_stacked-D3oLTSkH.js +0 -45
  187. data/dist/chunks/lib-BmTAc7Nc.js +0 -29
  188. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_drop_zones_react.md → _draggable_drop_zones.md} +0 -0
  189. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_drop_zones_colors_react.md → _draggable_drop_zones_colors.md} +0 -0
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "14.18.0"
5
- VERSION = "14.18.0.pre.alpha.revert4567revert4553PLAY2056ATcolbordercolors7469"
4
+ PREVIOUS_VERSION = "14.17.0"
5
+ VERSION = "14.18.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.18.0.pre.alpha.revert4567revert4553PLAY2056ATcolbordercolors7469
4
+ version: 14.18.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-04-30 00:00:00.000000000 Z
12
+ date: 2025-04-15 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -294,10 +294,6 @@ files:
294
294
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.md
295
295
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.html.erb
296
296
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.md
297
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color.jsx
298
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color.md
299
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.html.erb
300
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.md
301
297
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.html.erb
302
298
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.jsx
303
299
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.md
@@ -311,8 +307,6 @@ files:
311
307
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell_rails.md
312
308
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx
313
309
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.md
314
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expand_by_depth.jsx
315
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expand_by_depth.md
316
310
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx
317
311
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.md
318
312
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_fullscreen.jsx
@@ -350,14 +344,6 @@ files:
350
344
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.md
351
345
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx
352
346
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.md
353
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_columns.jsx
354
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_columns.md
355
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_columns_and_header.jsx
356
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_columns_and_header.md
357
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_header.jsx
358
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_header.md
359
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_header_rails.html.erb
360
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_header_rails.md
361
347
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.jsx
362
348
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.md
363
349
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.jsx
@@ -382,7 +368,6 @@ files:
382
368
  - app/pb_kits/playbook/pb_advanced_table/scss_partials/_chrome_styles.scss
383
369
  - app/pb_kits/playbook/pb_advanced_table/scss_partials/_loading.scss
384
370
  - app/pb_kits/playbook/pb_advanced_table/scss_partials/_pseudo_states.scss
385
- - app/pb_kits/playbook/pb_advanced_table/scss_partials/advanced_table_sticky_mixin.scss
386
371
  - app/pb_kits/playbook/pb_advanced_table/table_body.html.erb
387
372
  - app/pb_kits/playbook/pb_advanced_table/table_body.rb
388
373
  - app/pb_kits/playbook/pb_advanced_table/table_header.html.erb
@@ -717,7 +702,6 @@ files:
717
702
  - app/pb_kits/playbook/pb_circle_chart/_circle_chart.scss
718
703
  - app/pb_kits/playbook/pb_circle_chart/_circle_chart.tsx
719
704
  - app/pb_kits/playbook/pb_circle_chart/circleChart.test.js
720
- - app/pb_kits/playbook/pb_circle_chart/circleChartTheme.ts
721
705
  - app/pb_kits/playbook/pb_circle_chart/circle_chart.html.erb
722
706
  - app/pb_kits/playbook/pb_circle_chart/circle_chart.rb
723
707
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.html.erb
@@ -736,8 +720,6 @@ files:
736
720
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.jsx
737
721
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.md
738
722
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_live_data.jsx
739
- - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_pb_styles.jsx
740
- - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_pb_styles.md
741
723
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.html.erb
742
724
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.jsx
743
725
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_labels.html.erb
@@ -761,9 +743,6 @@ files:
761
743
  - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.md
762
744
  - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_loading.html.erb
763
745
  - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_loading.jsx
764
- - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_size.html.erb
765
- - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_size.jsx
766
- - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_size.md
767
746
  - app/pb_kits/playbook/pb_circle_icon_button/docs/_description.md
768
747
  - app/pb_kits/playbook/pb_circle_icon_button/docs/_footer.md
769
748
  - app/pb_kits/playbook/pb_circle_icon_button/docs/example.yml
@@ -845,14 +824,9 @@ files:
845
824
  - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.html.erb
846
825
  - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.jsx
847
826
  - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.md
848
- - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_hook.jsx
849
- - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_hook.md
850
- - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_hook_rails.html.erb
851
- - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_hook_rails.md
852
827
  - app/pb_kits/playbook/pb_copy_button/docs/example.yml
853
828
  - app/pb_kits/playbook/pb_copy_button/docs/index.js
854
829
  - app/pb_kits/playbook/pb_copy_button/index.js
855
- - app/pb_kits/playbook/pb_copy_button/usePBCopy.ts
856
830
  - app/pb_kits/playbook/pb_currency/_currency.scss
857
831
  - app/pb_kits/playbook/pb_currency/_currency.tsx
858
832
  - app/pb_kits/playbook/pb_currency/currency.html.erb
@@ -1002,10 +976,6 @@ files:
1002
976
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_react.md
1003
977
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb
1004
978
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx
1005
- - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern.jsx
1006
- - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern.md
1007
- - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern_rails.html.erb
1008
- - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern_rails.md
1009
979
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.html.erb
1010
980
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.jsx
1011
981
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.md
@@ -1195,8 +1165,6 @@ files:
1195
1165
  - app/pb_kits/playbook/pb_dialog/docs/_dialog_status.jsx
1196
1166
  - app/pb_kits/playbook/pb_dialog/docs/_dialog_status.md
1197
1167
  - app/pb_kits/playbook/pb_dialog/docs/_dialog_status_swift.md
1198
- - app/pb_kits/playbook/pb_dialog/docs/_dialog_turbo_frames.html.erb
1199
- - app/pb_kits/playbook/pb_dialog/docs/_dialog_turbo_frames_rails.md
1200
1168
  - app/pb_kits/playbook/pb_dialog/docs/example.yml
1201
1169
  - app/pb_kits/playbook/pb_dialog/docs/index.js
1202
1170
  - app/pb_kits/playbook/pb_dialog/index.js
@@ -1222,17 +1190,12 @@ files:
1222
1190
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_default.jsx
1223
1191
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.md
1224
1192
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_react.md
1225
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.html.erb
1226
1193
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.jsx
1227
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.html.erb
1194
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.md
1228
1195
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.jsx
1229
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors_rails.md
1230
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors_react.md
1196
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.md
1231
1197
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.jsx
1232
1198
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.md
1233
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_react.md
1234
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.html.erb
1235
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.md
1236
1199
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.html.erb
1237
1200
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx
1238
1201
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.md
@@ -1430,8 +1393,6 @@ files:
1430
1393
  - app/pb_kits/playbook/pb_filter/docs/_filter_popover_props_react.md
1431
1394
  - app/pb_kits/playbook/pb_filter/docs/_filter_single.html.erb
1432
1395
  - app/pb_kits/playbook/pb_filter/docs/_filter_single.jsx
1433
- - app/pb_kits/playbook/pb_filter/docs/_filter_within_turbo_frames.html.erb
1434
- - app/pb_kits/playbook/pb_filter/docs/_filter_within_turbo_frames.md
1435
1396
  - app/pb_kits/playbook/pb_filter/docs/_sort_only.html.erb
1436
1397
  - app/pb_kits/playbook/pb_filter/docs/_sort_only.jsx
1437
1398
  - app/pb_kits/playbook/pb_filter/docs/example.yml
@@ -1606,8 +1567,6 @@ files:
1606
1567
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.html.erb
1607
1568
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.jsx
1608
1569
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.md
1609
- - app/pb_kits/playbook/pb_gauge/docs/_gauge_pb_styles.jsx
1610
- - app/pb_kits/playbook/pb_gauge/docs/_gauge_pb_styles.md
1611
1570
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.html.erb
1612
1571
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.jsx
1613
1572
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.md
@@ -1620,7 +1579,6 @@ files:
1620
1579
  - app/pb_kits/playbook/pb_gauge/gauge.html.erb
1621
1580
  - app/pb_kits/playbook/pb_gauge/gauge.rb
1622
1581
  - app/pb_kits/playbook/pb_gauge/gauge.test.js
1623
- - app/pb_kits/playbook/pb_gauge/gaugeTheme.ts
1624
1582
  - app/pb_kits/playbook/pb_hashtag/_hashtag.scss
1625
1583
  - app/pb_kits/playbook/pb_hashtag/_hashtag.tsx
1626
1584
  - app/pb_kits/playbook/pb_hashtag/docs/_description.md
@@ -1879,7 +1837,6 @@ files:
1879
1837
  - app/pb_kits/playbook/pb_layout/sidebar.html.erb
1880
1838
  - app/pb_kits/playbook/pb_layout/sidebar.rb
1881
1839
  - app/pb_kits/playbook/pb_layout/subcomponents/_game.tsx
1882
- - app/pb_kits/playbook/pb_layout/subcomponents/_participant.tsx
1883
1840
  - app/pb_kits/playbook/pb_layout/subcomponents/_round.tsx
1884
1841
  - app/pb_kits/playbook/pb_legend/_legend.scss
1885
1842
  - app/pb_kits/playbook/pb_legend/_legend.tsx
@@ -1943,13 +1900,10 @@ files:
1943
1900
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.html.erb
1944
1901
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.jsx
1945
1902
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.md
1946
- - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.jsx
1947
- - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.md
1948
1903
  - app/pb_kits/playbook/pb_line_graph/docs/example.yml
1949
1904
  - app/pb_kits/playbook/pb_line_graph/docs/index.js
1950
1905
  - app/pb_kits/playbook/pb_line_graph/lineGraph.test.js
1951
1906
  - app/pb_kits/playbook/pb_line_graph/lineGraphSettings.js
1952
- - app/pb_kits/playbook/pb_line_graph/lineGraphTheme.ts
1953
1907
  - app/pb_kits/playbook/pb_line_graph/line_graph.html.erb
1954
1908
  - app/pb_kits/playbook/pb_line_graph/line_graph.rb
1955
1909
  - app/pb_kits/playbook/pb_link/_link.scss
@@ -2241,23 +2195,13 @@ files:
2241
2195
  - app/pb_kits/playbook/pb_online_status/online_status.test.js
2242
2196
  - app/pb_kits/playbook/pb_overlay/_overlay.scss
2243
2197
  - app/pb_kits/playbook/pb_overlay/_overlay.tsx
2244
- - app/pb_kits/playbook/pb_overlay/docs/_overlay_color.jsx
2245
- - app/pb_kits/playbook/pb_overlay/docs/_overlay_color.md
2246
2198
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_default.html.erb
2247
2199
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_default.jsx
2248
2200
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
2249
- - app/pb_kits/playbook/pb_overlay/docs/_overlay_fullscreen_background.jsx
2250
- - app/pb_kits/playbook/pb_overlay/docs/_overlay_fullscreen_background.md
2251
- - app/pb_kits/playbook/pb_overlay/docs/_overlay_fullscreen_opacity.jsx
2252
- - app/pb_kits/playbook/pb_overlay/docs/_overlay_fullscreen_opacity.md
2253
- - app/pb_kits/playbook/pb_overlay/docs/_overlay_gradient_opacity.jsx
2254
- - app/pb_kits/playbook/pb_overlay/docs/_overlay_gradient_opacity.md
2255
2201
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar.html.erb
2256
2202
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar.jsx
2257
2203
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar_rails.md
2258
2204
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar_react.md
2259
- - app/pb_kits/playbook/pb_overlay/docs/_overlay_layout.jsx
2260
- - app/pb_kits/playbook/pb_overlay/docs/_overlay_layout.md
2261
2205
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.html.erb
2262
2206
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.jsx
2263
2207
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
@@ -2355,9 +2299,6 @@ files:
2355
2299
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_access_input_element.md
2356
2300
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_clear_field.jsx
2357
2301
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_clear_field.md
2358
- - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.html.erb
2359
- - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.jsx
2360
- - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.md
2361
2302
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.html.erb
2362
2303
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.jsx
2363
2304
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.md
@@ -2406,8 +2347,6 @@ files:
2406
2347
  - app/pb_kits/playbook/pb_popover/docs/_description.md
2407
2348
  - app/pb_kits/playbook/pb_popover/docs/_popover_actionable_content.html.erb
2408
2349
  - app/pb_kits/playbook/pb_popover/docs/_popover_actionable_content.jsx
2409
- - app/pb_kits/playbook/pb_popover/docs/_popover_append_to.html.erb
2410
- - app/pb_kits/playbook/pb_popover/docs/_popover_append_to.md
2411
2350
  - app/pb_kits/playbook/pb_popover/docs/_popover_close.html.erb
2412
2351
  - app/pb_kits/playbook/pb_popover/docs/_popover_close.jsx
2413
2352
  - app/pb_kits/playbook/pb_popover/docs/_popover_default.html.erb
@@ -3027,8 +2966,6 @@ files:
3027
2966
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.jsx
3028
2967
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_options.html.erb
3029
2968
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_props_swift.md
3030
- - app/pb_kits/playbook/pb_text_input/docs/_text_input_sanitize.jsx
3031
- - app/pb_kits/playbook/pb_text_input/docs/_text_input_sanitize.md
3032
2969
  - app/pb_kits/playbook/pb_text_input/docs/example.yml
3033
2970
  - app/pb_kits/playbook/pb_text_input/docs/index.js
3034
2971
  - app/pb_kits/playbook/pb_text_input/index.js
@@ -3538,11 +3475,11 @@ files:
3538
3475
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3539
3476
  - app/pb_kits/playbook/utilities/text.ts
3540
3477
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3541
- - dist/chunks/_typeahead-D8CsVBZO.js
3542
- - dist/chunks/_weekday_stacked-D3oLTSkH.js
3478
+ - dist/chunks/_typeahead-C2GOKWtm.js
3479
+ - dist/chunks/_weekday_stacked-CFGTPT0O.js
3543
3480
  - dist/chunks/lazysizes-B7xYodB-.js
3544
- - dist/chunks/lib-BmTAc7Nc.js
3545
- - dist/chunks/pb_form_validation-BWjy4bFn.js
3481
+ - dist/chunks/lib-BGzBzFZX.js
3482
+ - dist/chunks/pb_form_validation-BvNy9Bd6.js
3546
3483
  - dist/chunks/vendor.js
3547
3484
  - dist/menu.yml
3548
3485
  - dist/playbook-doc.js
@@ -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 AdvancedTableColumnBorderColors = (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
- },
22
- {
23
- accessor: "scheduledMeetings",
24
- label: "Scheduled Meetings",
25
- },
26
- ],
27
- },
28
- ],
29
- },
30
- {
31
- label: "Performance Data",
32
- columns: [
33
- {
34
- label: "Completion Metrics",
35
- columns: [
36
- {
37
- accessor: "completedClasses",
38
- label: "Completed Classes",
39
- },
40
- {
41
- accessor: "classCompletionRate",
42
- label: "Class Completion Rate",
43
- },
44
- ],
45
- },
46
- {
47
- label: "Attendance",
48
- columns: [
49
- {
50
- accessor: "attendanceRate",
51
- label: "Attendance Rate",
52
- },
53
- {
54
- accessor: "scheduledMeetings",
55
- label: "Scheduled Meetings",
56
- },
57
- ],
58
- },
59
- ],
60
- },
61
- ];
62
-
63
- const tableProps = {
64
- verticalBorder: true
65
- }
66
-
67
- return (
68
- <>
69
- <AdvancedTable
70
- columnDefinitions={columnDefinitions}
71
- columnGroupBorderColor="text_lt_default"
72
- tableData={MOCK_DATA}
73
- tableProps={tableProps}
74
- {...props}
75
- />
76
- </>
77
- )
78
- }
79
-
80
- export default AdvancedTableColumnBorderColors
@@ -1,3 +0,0 @@
1
- The borders of column groups can be set to a different color using the `columnGroupBorderColor` prop. In order for these borders to be visible, this prop must be used with `tableProps` and `verticalBorder` set to true.
2
-
3
- The available colors for the border are Playbook's Text Colors, which can be found [here](https://playbook.powerapp.cloud/visual_guidelines/colors).
@@ -1,58 +0,0 @@
1
- <% column_definitions = [
2
- {
3
- accessor: "year",
4
- label: "Year",
5
- cellAccessors: ["quarter", "month", "day"],
6
- },
7
- {
8
- label: "Enrollment Data",
9
- columns: [
10
- {
11
- label: "Enrollment Stats",
12
- columns: [
13
- {
14
- accessor: "newEnrollments",
15
- label: "New Enrollments",
16
- },
17
- {
18
- accessor: "scheduledMeetings",
19
- label: "Scheduled Meetings",
20
- },
21
- ],
22
- },
23
- ],
24
- },
25
- {
26
- label: "Performance Data",
27
- columns: [
28
- {
29
- label: "Completion Metrics",
30
- columns: [
31
- {
32
- accessor: "completedClasses",
33
- label: "Completed Classes",
34
- },
35
- {
36
- accessor: "classCompletionRate",
37
- label: "Class Completion Rate",
38
- },
39
- ],
40
- },
41
- {
42
- label: "Attendance",
43
- columns: [
44
- {
45
- accessor: "attendanceRate",
46
- label: "Attendance Rate",
47
- },
48
- {
49
- accessor: "scheduledMeetings",
50
- label: "Scheduled Meetings",
51
- },
52
- ],
53
- },
54
- ],
55
- },
56
- ] %>
57
-
58
- <%= pb_rails("advanced_table", props: { id: "beta_table_with_muilti_headers", table_data: @table_data, column_definitions: column_definitions, column_group_border_color: "text_lt_default", table_props: { vertical_border: true } }) %>
@@ -1,3 +0,0 @@
1
- The borders of column groups can be set to a different color using the `column_group_border_color` prop. In order for these borders to be visible, this prop must be used with `table_props` and `vertical_border` set to true.
2
-
3
- The available colors for the border are Playbook's Text Colors, which can be found [here](https://playbook.powerapp.cloud/visual_guidelines/colors).
@@ -1,66 +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 AdvancedTableExpandByDepth = (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
- },
16
- {
17
- accessor: "scheduledMeetings",
18
- label: "Scheduled Meetings",
19
- },
20
- {
21
- accessor: "attendanceRate",
22
- label: "Attendance Rate",
23
- },
24
- {
25
- accessor: "completedClasses",
26
- label: "Completed Classes",
27
- },
28
- {
29
- accessor: "classCompletionRate",
30
- label: "Class Completion Rate",
31
- },
32
- {
33
- accessor: "graduatedStudents",
34
- label: "Graduated Students",
35
- },
36
- ]
37
-
38
- const expandByDepth = [
39
- {
40
- depth: 0,
41
- label: "Year",
42
- },
43
- {
44
- depth: 1,
45
- label: "Quarter",
46
- },
47
- {
48
- depth: 2,
49
- label: "Month",
50
- }
51
- ]
52
-
53
- return (
54
- <div>
55
- <AdvancedTable
56
- columnDefinitions={columnDefinitions}
57
- expandByDepth={expandByDepth}
58
- onExpandByDepthClick={(depth, rows) => {console.log(depth, rows)}}
59
- tableData={MOCK_DATA}
60
- {...props}
61
- />
62
- </div>
63
- )
64
- }
65
-
66
- export default AdvancedTableExpandByDepth
@@ -1,10 +0,0 @@
1
- The `expandByDepth` prop enables users to expand or collapse table rows by specific levels of nesting. When provided, it renders a dropdown that appears when the toggle icon in the header is clicked.
2
-
3
- `expandByDepth` accepts an array of objects, where each object defines the depth level to target and the label to display in the dropdown. When a user selects an option:
4
-
5
- **Expanding a depth**: Expands all rows at the selected depth AND all parent levels above it (if parent levels were closed), ensuring nested content is visible.
6
-
7
- **Collapsing a depth**: Only collapses rows at the selected depth, keeping parent rows expanded for context.
8
-
9
- If you want to attach further logic to each option click, the **optional** `onExpandByDepthClick` prop can be used. This click event provides 2 arguments that can be hooked into: the depth level of the clicked item AND all flattened table rows. Any additional functionality provided through this onClick will be applied in addition to the default.
10
-
@@ -1,58 +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 AdvancedTableStickyColumns = (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
- label: "New Enrollments",
16
- id: "newEnrollments",
17
- },
18
- {
19
- accessor: "scheduledMeetings",
20
- label: "Scheduled Meetings",
21
- id: "scheduledMeetings",
22
- },
23
- {
24
- accessor: "attendanceRate",
25
- label: "Attendance Rate",
26
- id: "attendanceRate",
27
- },
28
- {
29
- accessor: "completedClasses",
30
- label: "Completed Classes",
31
- id: "completedClasses",
32
- },
33
- {
34
- accessor: "classCompletionRate",
35
- label: "Class Completion Rate",
36
- id: "classCompletionRate",
37
- },
38
- {
39
- accessor: "graduatedStudents",
40
- label: "Graduated Students",
41
- id: "graduatedStudents",
42
- },
43
- ]
44
-
45
- return (
46
- <div>
47
- <AdvancedTable
48
- columnDefinitions={columnDefinitions}
49
- responsive="none"
50
- stickyLeftColumn={["year"]}
51
- tableData={MOCK_DATA}
52
- {...props}
53
- />
54
- </div>
55
- )
56
- }
57
-
58
- export default AdvancedTableStickyColumns
@@ -1,6 +0,0 @@
1
- To render sticky columns for the Advanced Table, you can use the `stickyLeftColumn` prop. This prop expects an array of the column ids you want to be sticky.
2
-
3
- To achieve this:
4
- - Make sure to provide an id for each column via columnDefinitions as shown below. Id can be any string.
5
- - One or multiple columns can be made sticky, it is recommended to set the ids within `stickyLeftColumn` in the order in which the columns are rendered.
6
- - It is recommended to set `responsive` to none when using `stickyLeftColumn` since responsive just makes the first column sticky and the slightly different styling for `responsive` and `stickyLeftColumn` may override each other in unexpected ways.
@@ -1,64 +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 AdvancedTableStickyColumnsAndHeader = (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
- label: "New Enrollments",
16
- id: "newEnrollments",
17
- },
18
- {
19
- accessor: "scheduledMeetings",
20
- label: "Scheduled Meetings",
21
- id: "scheduledMeetings",
22
- },
23
- {
24
- accessor: "attendanceRate",
25
- label: "Attendance Rate",
26
- id: "attendanceRate",
27
- },
28
- {
29
- accessor: "completedClasses",
30
- label: "Completed Classes",
31
- id: "completedClasses",
32
- },
33
- {
34
- accessor: "classCompletionRate",
35
- label: "Class Completion Rate",
36
- id: "classCompletionRate",
37
- },
38
- {
39
- accessor: "graduatedStudents",
40
- label: "Graduated Students",
41
- id: "graduatedStudents",
42
- },
43
- ]
44
-
45
- const tableProps = {
46
- sticky: true
47
- }
48
-
49
- return (
50
- <div>
51
- <AdvancedTable
52
- columnDefinitions={columnDefinitions}
53
- maxHeight="xs"
54
- responsive="none"
55
- stickyLeftColumn={["year"]}
56
- tableData={MOCK_DATA}
57
- tableProps={tableProps}
58
- {...props}
59
- />
60
- </div>
61
- )
62
- }
63
-
64
- export default AdvancedTableStickyColumnsAndHeader
@@ -1,8 +0,0 @@
1
- To achieve a sticky header AND sticky columns together, in addition to the `stickyLeftColumn` logic outlined above, you can:
2
-
3
- - Set `sticky: true` via `tableProps`
4
- - Give the AdvancedTable a `maxHeight` using our [Max Height](https://playbook.powerapp.cloud/visual_guidelines/max_height) global prop.
5
-
6
- **NOTE**: This behavior requires a `maxHeight` to work. The header is sticky within the table container, allowing for it to work along with the column stickiness.
7
-
8
- Expand the table above to see this in action.