playbook_ui 14.10.0.pre.alpha.play16825301 → 14.10.0.pre.rc.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (210) 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/CollapsibleTrail.tsx +6 -1
  4. data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +19 -32
  5. data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx +1 -3
  6. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +6 -46
  7. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +36 -94
  8. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.html.erb +1 -1
  9. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.rb +1 -8
  10. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +2 -2
  11. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_sort.html.erb +3 -1
  12. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.html.erb +1 -1
  13. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.md +1 -1
  14. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -8
  15. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +0 -4
  16. data/app/pb_kits/playbook/pb_advanced_table/index.js +92 -185
  17. data/app/pb_kits/playbook/pb_advanced_table/table_body.html.erb +1 -1
  18. data/app/pb_kits/playbook/pb_advanced_table/table_body.rb +8 -57
  19. data/app/pb_kits/playbook/pb_advanced_table/table_header.html.erb +13 -18
  20. data/app/pb_kits/playbook/pb_advanced_table/table_header.rb +0 -78
  21. data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +3 -12
  22. data/app/pb_kits/playbook/pb_advanced_table/table_row.rb +2 -15
  23. data/app/pb_kits/playbook/pb_advanced_table/table_subrow_header.html.erb +6 -10
  24. data/app/pb_kits/playbook/pb_advanced_table/table_subrow_header.rb +4 -8
  25. data/app/pb_kits/playbook/pb_avatar/_avatar.scss +2 -0
  26. data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss +9 -11
  27. data/app/pb_kits/playbook/pb_badge/_badge.scss +2 -4
  28. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom.jsx +49 -53
  29. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom_rails.html.erb +36 -29
  30. data/app/pb_kits/playbook/pb_body/_body.scss +13 -14
  31. data/app/pb_kits/playbook/pb_body/_body_mixins.scss +16 -22
  32. data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss +1 -3
  33. data/app/pb_kits/playbook/pb_bread_crumbs/docs/_bread_crumbs_default.jsx +0 -6
  34. data/app/pb_kits/playbook/pb_button/_button.scss +1 -3
  35. data/app/pb_kits/playbook/pb_caption/_caption_mixin.scss +1 -2
  36. data/app/pb_kits/playbook/pb_card/_card.scss +3 -21
  37. data/app/pb_kits/playbook/pb_card/_card.tsx +7 -7
  38. data/app/pb_kits/playbook/pb_card/_card_mixin.scss +2 -2
  39. data/app/pb_kits/playbook/pb_card/docs/_card_header.html.erb +1 -39
  40. data/app/pb_kits/playbook/pb_card/docs/_card_header.jsx +0 -90
  41. data/app/pb_kits/playbook/pb_card/docs/_card_header.md +1 -1
  42. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss +2 -4
  43. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.tsx +0 -3
  44. data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.html.erb +1 -1
  45. data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.rb +0 -1
  46. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.html.erb +0 -8
  47. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.jsx +0 -9
  48. data/app/pb_kits/playbook/pb_collapsible/_collapsible.tsx +4 -9
  49. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleContent.tsx +2 -2
  50. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.tsx +2 -2
  51. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss +1 -3
  52. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss +3 -5
  53. data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.scss +4 -6
  54. data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.scss +2 -4
  55. data/app/pb_kits/playbook/pb_drawer/_drawer.tsx +2 -2
  56. data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +8 -10
  57. data/app/pb_kits/playbook/pb_file_upload/_file_upload.scss +0 -5
  58. data/app/pb_kits/playbook/pb_file_upload/_file_upload.tsx +17 -31
  59. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_accept.jsx +1 -3
  60. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_description.jsx +1 -4
  61. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_max_size.jsx +1 -1
  62. data/app/pb_kits/playbook/pb_file_upload/file_upload.html.erb +2 -8
  63. data/app/pb_kits/playbook/pb_form_group/_form_group.scss +2 -11
  64. data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +4 -6
  65. data/app/pb_kits/playbook/pb_gauge/_gauge.scss +1 -31
  66. data/app/pb_kits/playbook/pb_gauge/_gauge.tsx +3 -3
  67. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.jsx +5 -25
  68. data/app/pb_kits/playbook/pb_home_address_street/_home_address_street.tsx +1 -17
  69. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.html.erb +1 -17
  70. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.jsx +0 -15
  71. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.md +1 -2
  72. data/app/pb_kits/playbook/pb_home_address_street/home_address_street.rb +1 -15
  73. data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss +14 -4
  74. data/app/pb_kits/playbook/pb_label_value/_label_value.scss +2 -4
  75. data/app/pb_kits/playbook/pb_layout/_layout.tsx +11 -30
  76. data/app/pb_kits/playbook/pb_link/_link.scss +3 -3
  77. data/app/pb_kits/playbook/pb_message/_message_mixins.scss +1 -3
  78. data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss +1 -3
  79. data/app/pb_kits/playbook/pb_nav/_bold_mixin.scss +1 -11
  80. data/app/pb_kits/playbook/pb_nav/_collapsible_nav.scss +2 -16
  81. data/app/pb_kits/playbook/pb_nav/_vertical_nav.scss +1 -1
  82. data/app/pb_kits/playbook/pb_pagination/_pagination.tsx +2 -2
  83. data/app/pb_kits/playbook/pb_passphrase/_passphrase.scss +3 -5
  84. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss +8 -10
  85. data/app/pb_kits/playbook/pb_pill/_pill.scss +2 -4
  86. data/app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss +2 -4
  87. data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.scss +2 -4
  88. data/app/pb_kits/playbook/pb_section_separator/_section_separator.scss +1 -64
  89. data/app/pb_kits/playbook/pb_section_separator/_section_separator.tsx +1 -3
  90. data/app/pb_kits/playbook/pb_section_separator/docs/example.yml +0 -2
  91. data/app/pb_kits/playbook/pb_section_separator/docs/index.js +0 -1
  92. data/app/pb_kits/playbook/pb_section_separator/section_separator.rb +1 -4
  93. data/app/pb_kits/playbook/pb_select/_select.scss +3 -5
  94. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +7 -9
  95. data/app/pb_kits/playbook/pb_selectable_card/selectable_card.html.erb +1 -1
  96. data/app/pb_kits/playbook/pb_skeleton_loading/_skeleton_loading.scss +2 -2
  97. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_default.html.erb +1 -1
  98. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width.jsx +2 -8
  99. data/app/pb_kits/playbook/pb_skeleton_loading/docs/example.yml +3 -9
  100. data/app/pb_kits/playbook/pb_skeleton_loading/docs/index.js +0 -2
  101. data/app/pb_kits/playbook/pb_skeleton_loading/skeleton_loading.html.erb +12 -8
  102. data/app/pb_kits/playbook/pb_skeleton_loading/skeleton_loading.rb +1 -48
  103. data/app/pb_kits/playbook/pb_stat_change/_stat_change.tsx +36 -44
  104. data/app/pb_kits/playbook/pb_stat_change/stat_change.html.erb +4 -4
  105. data/app/pb_kits/playbook/pb_table/_table.tsx +24 -80
  106. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx +1 -1
  107. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_react.md +1 -4
  108. data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -9
  109. data/app/pb_kits/playbook/pb_table/docs/index.js +0 -7
  110. data/app/pb_kits/playbook/pb_table/index.ts +26 -102
  111. data/app/pb_kits/playbook/pb_table/styles/_all.scss +1 -2
  112. data/app/pb_kits/playbook/pb_table/styles/_scroll.scss +2 -63
  113. data/app/pb_kits/playbook/pb_table/styles/_sticky_columns.scss +4 -17
  114. data/app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx +1 -106
  115. data/app/pb_kits/playbook/pb_table/table.html.erb +2 -8
  116. data/app/pb_kits/playbook/pb_table/table.rb +2 -21
  117. data/app/pb_kits/playbook/pb_text_input/_text_input.scss +1 -3
  118. data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +4 -43
  119. data/app/pb_kits/playbook/pb_text_input/docs/example.yml +0 -1
  120. data/app/pb_kits/playbook/pb_text_input/docs/index.js +0 -1
  121. data/app/pb_kits/playbook/pb_text_input/text_input.test.js +2 -219
  122. data/app/pb_kits/playbook/pb_textarea/_textarea.scss +1 -3
  123. data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.scss +4 -5
  124. data/app/pb_kits/playbook/pb_timeline/_timeline.scss +2 -4
  125. data/app/pb_kits/playbook/pb_timeline/_timeline.tsx +5 -5
  126. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.html.erb +5 -4
  127. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.jsx +4 -4
  128. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.md +1 -1
  129. data/app/pb_kits/playbook/pb_timeline/timeline.rb +6 -6
  130. data/app/pb_kits/playbook/pb_title/_title.scss +5 -6
  131. data/app/pb_kits/playbook/pb_title/_title_mixin.scss +0 -13
  132. data/app/pb_kits/playbook/pb_toggle/_toggle.scss +3 -5
  133. data/app/pb_kits/playbook/pb_typeahead/_typeahead.scss +46 -115
  134. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx +2 -9
  135. data/app/pb_kits/playbook/pb_typeahead/typeahead.html.erb +2 -3
  136. data/app/pb_kits/playbook/tokens/_titles.scss +8 -0
  137. data/app/pb_kits/playbook/utilities/_hover.scss +2 -11
  138. data/app/pb_kits/playbook/utilities/globalPropNames.mjs +0 -1
  139. data/app/pb_kits/playbook/utilities/globalProps.ts +9 -20
  140. data/app/pb_kits/playbook/utilities/test/globalProps/hover.test.js +0 -15
  141. data/dist/chunks/_typeahead-B8fkIeXA.js +22 -0
  142. data/dist/chunks/_weekday_stacked-CiL8BjKa.js +45 -0
  143. data/dist/chunks/{lib-B7sgJtGS.js → lib-SyD3buPZ.js} +3 -3
  144. data/dist/chunks/{pb_form_validation-C5Cc0-1v.js → pb_form_validation-Dt8UJgrJ.js} +1 -1
  145. data/dist/chunks/vendor.js +1 -1
  146. data/dist/menu.yml +2 -2
  147. data/dist/playbook-doc.js +1 -1
  148. data/dist/playbook-rails-react-bindings.js +1 -1
  149. data/dist/playbook-rails.js +1 -1
  150. data/dist/playbook.css +1 -1
  151. data/lib/playbook/classnames.rb +0 -1
  152. data/lib/playbook/hover.rb +1 -7
  153. data/lib/playbook/spacing.rb +0 -21
  154. data/lib/playbook/version.rb +2 -2
  155. metadata +8 -59
  156. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.html.erb +0 -36
  157. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.md +0 -1
  158. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.html.erb +0 -43
  159. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.jsx +0 -60
  160. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.md +0 -1
  161. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.html.erb +0 -58
  162. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx +0 -74
  163. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.md +0 -1
  164. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.jsx +0 -50
  165. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.md +0 -1
  166. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx +0 -57
  167. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.md +0 -5
  168. data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_pagination_mock_data.json +0 -5600
  169. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.md +0 -1
  170. data/app/pb_kits/playbook/pb_form_group/_error_state_mixin.scss +0 -57
  171. data/app/pb_kits/playbook/pb_home_address_street/none_emphasis.html.erb +0 -32
  172. data/app/pb_kits/playbook/pb_home_address_street/none_emphasis.rb +0 -29
  173. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.html.erb +0 -10
  174. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx +0 -42
  175. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.md +0 -3
  176. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_description.md +0 -3
  177. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius.html.erb +0 -9
  178. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius_rails.md +0 -1
  179. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.html.erb +0 -7
  180. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_filter.html.erb +0 -119
  181. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_filter.jsx +0 -174
  182. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width.html.erb +0 -15
  183. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width_rails.md +0 -3
  184. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_layout.html.erb +0 -3
  185. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_user.html.erb +0 -63
  186. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_user.jsx +0 -97
  187. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.jsx +0 -88
  188. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_react.md +0 -3
  189. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.html.erb +0 -77
  190. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md +0 -3
  191. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.jsx +0 -87
  192. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_react.md +0 -5
  193. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx +0 -75
  194. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.md +0 -1
  195. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx +0 -108
  196. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.md +0 -2
  197. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx +0 -94
  198. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.md +0 -0
  199. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.jsx +0 -83
  200. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.md +0 -3
  201. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.jsx +0 -120
  202. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md +0 -1
  203. data/app/pb_kits/playbook/pb_table/styles/_collapsible.scss +0 -35
  204. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.jsx +0 -106
  205. data/app/pb_kits/playbook/pb_text_input/inputMask.ts +0 -108
  206. data/app/pb_kits/playbook/utilities/_gap.scss +0 -29
  207. data/dist/chunks/_typeahead-C2iCBqxQ.js +0 -36
  208. data/dist/chunks/_weekday_stacked-CWnbnW7m.js +0 -45
  209. /data/app/pb_kits/playbook/pb_skeleton_loading/docs/{_skeleton_loading_border_radius_react.md → _skeleton_loading_border_radius.md} +0 -0
  210. /data/app/pb_kits/playbook/pb_skeleton_loading/docs/{_skeleton_loading_height_width_react.md → _skeleton_loading_height_width.md} +0 -0
@@ -16,7 +16,6 @@ module Playbook
16
16
  width_props,
17
17
  min_width_props,
18
18
  max_width_props,
19
- gap_props,
20
19
  z_index_props,
21
20
  number_spacing_props,
22
21
  shadow_props,
@@ -29,16 +29,12 @@ module Playbook
29
29
  []
30
30
  end
31
31
 
32
- def hover_underline_values
33
- [true, false]
34
- end
35
-
36
32
  def hover_values
37
33
  hover_options.keys.select { |sk| try(sk) }
38
34
  end
39
35
 
40
36
  def hover_attributes
41
- %w[background shadow scale color underline]
37
+ %w[background shadow scale color]
42
38
  end
43
39
 
44
40
  def hover_props
@@ -55,8 +51,6 @@ module Playbook
55
51
  value.each do |key, val|
56
52
  if %i[background color].include?(key)
57
53
  css += "#{prefix}_#{key}-#{val} " if hover_attributes.include?(key.to_s)
58
- elsif %i[underline].include?(key) && val == true
59
- css += "hover_underline "
60
54
  elsif hover_attributes.include?(key.to_s) && send("hover_#{key}_values").include?(val.to_s)
61
55
  css += "#{prefix}_#{key}_#{val} "
62
56
  end
@@ -3,7 +3,6 @@
3
3
  module Playbook
4
4
  module Spacing
5
5
  def self.included(base)
6
- base.prop :gap
7
6
  base.prop :margin
8
7
  base.prop :margin_bottom
9
8
  base.prop :margin_left
@@ -53,16 +52,6 @@ module Playbook
53
52
  %w[0% xs sm md lg xl xxl 0 none 100%]
54
53
  end
55
54
 
56
- def gap_values
57
- %w[none xxs xs sm md lg xl]
58
- end
59
-
60
- def gap_options
61
- {
62
- gap: "gap",
63
- }
64
- end
65
-
66
55
  def spacing_options
67
56
  {
68
57
  margin: "m",
@@ -157,15 +146,5 @@ module Playbook
157
146
  "width_#{filter_classname(width_value)}" if width_values.include? width_value
158
147
  end.compact.join(" ")
159
148
  end
160
-
161
- def gap_props
162
- selected_gap_props = gap_options.keys.select { |sk| try(sk) }
163
- return nil unless selected_gap_props.present?
164
-
165
- selected_gap_props.map do |k|
166
- gap_value = send(k)
167
- "gap_#{gap_value}" if gap_values.include? gap_value
168
- end.compact.join(" ")
169
- end
170
149
  end
171
150
  end
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "14.10.0"
5
- VERSION = "14.10.0.pre.alpha.play16825301"
4
+ PREVIOUS_VERSION = "14.9.0"
5
+ VERSION = "14.10.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.10.0.pre.alpha.play16825301
4
+ version: 14.10.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-01-08 00:00:00.000000000 Z
12
+ date: 2024-12-02 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -268,14 +268,6 @@ files:
268
268
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.md
269
269
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.jsx
270
270
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.md
271
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.html.erb
272
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.md
273
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.html.erb
274
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.jsx
275
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.md
276
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.html.erb
277
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx
278
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.md
279
271
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.jsx
280
272
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.md
281
273
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell_rails.html.erb
@@ -288,10 +280,6 @@ files:
288
280
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.md
289
281
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
290
282
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.md
291
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.jsx
292
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.md
293
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx
294
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.md
295
283
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx
296
284
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.md
297
285
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
@@ -306,7 +294,6 @@ files:
306
294
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.md
307
295
  - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
308
296
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
309
- - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_pagination_mock_data.json
310
297
  - app/pb_kits/playbook/pb_advanced_table/docs/example.yml
311
298
  - app/pb_kits/playbook/pb_advanced_table/docs/index.js
312
299
  - app/pb_kits/playbook/pb_advanced_table/index.js
@@ -694,7 +681,6 @@ files:
694
681
  - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.jsx
695
682
  - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.html.erb
696
683
  - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.jsx
697
- - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.md
698
684
  - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_loading.html.erb
699
685
  - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_loading.jsx
700
686
  - app/pb_kits/playbook/pb_circle_icon_button/docs/_description.md
@@ -1379,7 +1365,6 @@ files:
1379
1365
  - app/pb_kits/playbook/pb_form/form.rb
1380
1366
  - app/pb_kits/playbook/pb_form/formHelper.js
1381
1367
  - app/pb_kits/playbook/pb_form/pb_form_validation.js
1382
- - app/pb_kits/playbook/pb_form_group/_error_state_mixin.scss
1383
1368
  - app/pb_kits/playbook/pb_form_group/_form_group.scss
1384
1369
  - app/pb_kits/playbook/pb_form_group/_form_group.tsx
1385
1370
  - app/pb_kits/playbook/pb_form_group/docs/_form_group_button.html.erb
@@ -1518,8 +1503,6 @@ files:
1518
1503
  - app/pb_kits/playbook/pb_home_address_street/home_address_street.html.erb
1519
1504
  - app/pb_kits/playbook/pb_home_address_street/home_address_street.rb
1520
1505
  - app/pb_kits/playbook/pb_home_address_street/home_adress_street.test.js
1521
- - app/pb_kits/playbook/pb_home_address_street/none_emphasis.html.erb
1522
- - app/pb_kits/playbook/pb_home_address_street/none_emphasis.rb
1523
1506
  - app/pb_kits/playbook/pb_home_address_street/street_emphasis.html.erb
1524
1507
  - app/pb_kits/playbook/pb_home_address_street/street_emphasis.rb
1525
1508
  - app/pb_kits/playbook/pb_icon/_icon.scss
@@ -2344,9 +2327,6 @@ files:
2344
2327
  - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children.jsx
2345
2328
  - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children.md
2346
2329
  - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children_swift.md
2347
- - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.html.erb
2348
- - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx
2349
- - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.md
2350
2330
  - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dashed.html.erb
2351
2331
  - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dashed.jsx
2352
2332
  - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dashed_swift.md
@@ -2477,27 +2457,16 @@ files:
2477
2457
  - app/pb_kits/playbook/pb_skeleton_loading/_skeleton_loading.scss
2478
2458
  - app/pb_kits/playbook/pb_skeleton_loading/_skeleton_loading.tsx
2479
2459
  - app/pb_kits/playbook/pb_skeleton_loading/_skeleton_loading_mixins.scss
2480
- - app/pb_kits/playbook/pb_skeleton_loading/docs/_description.md
2481
- - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius.html.erb
2482
2460
  - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius.jsx
2483
- - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius_rails.md
2484
- - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius_react.md
2485
- - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.html.erb
2461
+ - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius.md
2486
2462
  - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx
2487
2463
  - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.md
2488
2464
  - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_default.html.erb
2489
2465
  - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_default.jsx
2490
- - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_filter.html.erb
2491
- - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_filter.jsx
2492
- - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width.html.erb
2493
2466
  - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width.jsx
2494
- - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width_rails.md
2495
- - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width_react.md
2496
- - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_layout.html.erb
2467
+ - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width.md
2497
2468
  - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_layout.jsx
2498
2469
  - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_layout.md
2499
- - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_user.html.erb
2500
- - app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_user.jsx
2501
2470
  - app/pb_kits/playbook/pb_skeleton_loading/docs/example.yml
2502
2471
  - app/pb_kits/playbook/pb_skeleton_loading/docs/index.js
2503
2472
  - app/pb_kits/playbook/pb_skeleton_loading/skeleton_loading.html.erb
@@ -2643,14 +2612,8 @@ files:
2643
2612
  - app/pb_kits/playbook/pb_table/docs/_table_sticky.html.erb
2644
2613
  - app/pb_kits/playbook/pb_table/docs/_table_sticky.jsx
2645
2614
  - app/pb_kits/playbook/pb_table/docs/_table_sticky.md
2646
- - app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.jsx
2647
- - app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_react.md
2648
- - app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.html.erb
2649
2615
  - app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx
2650
- - app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md
2651
2616
  - app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_react.md
2652
- - app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.jsx
2653
- - app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_react.md
2654
2617
  - app/pb_kits/playbook/pb_table/docs/_table_striped.html.erb
2655
2618
  - app/pb_kits/playbook/pb_table/docs/_table_striped.jsx
2656
2619
  - app/pb_kits/playbook/pb_table/docs/_table_striped.md
@@ -2664,16 +2627,6 @@ files:
2664
2627
  - app/pb_kits/playbook/pb_table/docs/_table_vertical_border.jsx
2665
2628
  - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb
2666
2629
  - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx
2667
- - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx
2668
- - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.md
2669
- - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx
2670
- - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.md
2671
- - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx
2672
- - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.md
2673
- - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.jsx
2674
- - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.md
2675
- - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.jsx
2676
- - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md
2677
2630
  - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.jsx
2678
2631
  - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.md
2679
2632
  - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb
@@ -2686,7 +2639,6 @@ files:
2686
2639
  - app/pb_kits/playbook/pb_table/index.ts
2687
2640
  - app/pb_kits/playbook/pb_table/styles/_alignment.scss
2688
2641
  - app/pb_kits/playbook/pb_table/styles/_all.scss
2689
- - app/pb_kits/playbook/pb_table/styles/_collapsible.scss
2690
2642
  - app/pb_kits/playbook/pb_table/styles/_content.scss
2691
2643
  - app/pb_kits/playbook/pb_table/styles/_desktop_collapse.scss
2692
2644
  - app/pb_kits/playbook/pb_table/styles/_headers.scss
@@ -2750,14 +2702,12 @@ files:
2750
2702
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_error_swift.md
2751
2703
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.html.erb
2752
2704
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.jsx
2753
- - app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.jsx
2754
2705
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.html.erb
2755
2706
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.jsx
2756
2707
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_options.html.erb
2757
2708
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_props_swift.md
2758
2709
  - app/pb_kits/playbook/pb_text_input/docs/example.yml
2759
2710
  - app/pb_kits/playbook/pb_text_input/docs/index.js
2760
- - app/pb_kits/playbook/pb_text_input/inputMask.ts
2761
2711
  - app/pb_kits/playbook/pb_text_input/text_input.html.erb
2762
2712
  - app/pb_kits/playbook/pb_text_input/text_input.rb
2763
2713
  - app/pb_kits/playbook/pb_text_input/text_input.test.js
@@ -3181,7 +3131,6 @@ files:
3181
3131
  - app/pb_kits/playbook/utilities/_display.scss
3182
3132
  - app/pb_kits/playbook/utilities/_flexbox.scss
3183
3133
  - app/pb_kits/playbook/utilities/_focus.scss
3184
- - app/pb_kits/playbook/utilities/_gap.scss
3185
3134
  - app/pb_kits/playbook/utilities/_height.scss
3186
3135
  - app/pb_kits/playbook/utilities/_hover.scss
3187
3136
  - app/pb_kits/playbook/utilities/_line_height.scss
@@ -3235,11 +3184,11 @@ files:
3235
3184
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3236
3185
  - app/pb_kits/playbook/utilities/text.ts
3237
3186
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3238
- - dist/chunks/_typeahead-C2iCBqxQ.js
3239
- - dist/chunks/_weekday_stacked-CWnbnW7m.js
3187
+ - dist/chunks/_typeahead-B8fkIeXA.js
3188
+ - dist/chunks/_weekday_stacked-CiL8BjKa.js
3240
3189
  - dist/chunks/lazysizes-B7xYodB-.js
3241
- - dist/chunks/lib-B7sgJtGS.js
3242
- - dist/chunks/pb_form_validation-C5Cc0-1v.js
3190
+ - dist/chunks/lib-SyD3buPZ.js
3191
+ - dist/chunks/pb_form_validation-Dt8UJgrJ.js
3243
3192
  - dist/chunks/vendor.js
3244
3193
  - dist/menu.yml
3245
3194
  - dist/playbook-doc.js
@@ -1,36 +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
- <%= pb_rails("advanced_table", props: { id: "collapsible_trail", table_data: @table_data, column_definitions: column_definitions }) do %>
34
- <%= pb_rails("advanced_table/table_header", props: { column_definitions: column_definitions }) %>
35
- <%= pb_rails("advanced_table/table_body", props: { table_data: @table_data, column_definitions: column_definitions, collapsible_trail: false }) %>
36
- <% end %>
@@ -1 +0,0 @@
1
- `collapsible_trail` is an optional prop that is set to 'true' by default. If set to 'false', it will remove the trail on the left of the rows when subRows are toggled open.
@@ -1,43 +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
- accessor: "newEnrollments",
12
- label: "New Enrollments",
13
- },
14
- {
15
- accessor: "scheduledMeetings",
16
- label: "Scheduled Meetings",
17
- },
18
- ],
19
- },
20
- {
21
- label: "Performance Data",
22
- columns: [
23
- {
24
- accessor: "attendanceRate",
25
- label: "Attendance Rate",
26
- },
27
- {
28
- accessor: "completedClasses",
29
- label: "Completed Classes",
30
- },
31
- {
32
- accessor: "classCompletionRate",
33
- label: "Class Completion Rate",
34
- },
35
- {
36
- accessor: "graduatedStudents",
37
- label: "Graduated Students",
38
- },
39
- ],
40
- },
41
- ] %>
42
-
43
- <%= pb_rails("advanced_table", props: { id: "beta_table_with_headers", table_data: @table_data, column_definitions: column_definitions }) %>
@@ -1,60 +0,0 @@
1
- import React from "react"
2
- import { AdvancedTable } from "playbook-ui"
3
- import MOCK_DATA from "./advanced_table_mock_data.json"
4
-
5
- const AdvancedTableColumnHeaders = (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
- accessor: "newEnrollments",
17
- label: "New Enrollments",
18
- },
19
- {
20
- accessor: "scheduledMeetings",
21
- label: "Scheduled Meetings",
22
- },
23
- ],
24
- },
25
- {
26
- label: "Performance Data",
27
- columns: [
28
- {
29
- accessor: "attendanceRate",
30
- label: "Attendance Rate",
31
- },
32
- {
33
- accessor: "completedClasses",
34
- label: "Completed Classes",
35
- },
36
- {
37
- accessor: "classCompletionRate",
38
- label: "Class Completion Rate",
39
- },
40
- {
41
- accessor: "graduatedStudents",
42
- label: "Graduated Students",
43
- },
44
- ],
45
- },
46
- ];
47
-
48
-
49
- return (
50
- <>
51
- <AdvancedTable
52
- columnDefinitions={columnDefinitions}
53
- tableData={MOCK_DATA}
54
- {...props}
55
- />
56
- </>
57
- )
58
- }
59
-
60
- export default AdvancedTableColumnHeaders
@@ -1 +0,0 @@
1
- Use a nested `columns` array in your columnDefinitions to create multiple header rows. Any column with `columns` is treated as a grouped header, and its child columns are displayed beneath it.
@@ -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 }) %>
@@ -1,74 +0,0 @@
1
- import React from "react";
2
- import { AdvancedTable } from "playbook-ui";
3
- import MOCK_DATA from "./advanced_table_mock_data.json";
4
-
5
- const AdvancedTableColumnHeadersMultiple = (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
- return (
64
- <>
65
- <AdvancedTable
66
- columnDefinitions={columnDefinitions}
67
- tableData={MOCK_DATA}
68
- {...props}
69
- />
70
- </>
71
- );
72
- };
73
-
74
- export default AdvancedTableColumnHeadersMultiple;
@@ -1 +0,0 @@
1
- Multiple levels of column headers can also be rendered as seen here.
@@ -1,50 +0,0 @@
1
- import React from "react"
2
- import { AdvancedTable } from "playbook-ui"
3
- import PAGINATION_MOCK_DATA from "./advanced_table_pagination_mock_data.json"
4
-
5
- const AdvancedTablePagination = (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
- return (
39
- <>
40
- <AdvancedTable
41
- columnDefinitions={columnDefinitions}
42
- pagination
43
- tableData={PAGINATION_MOCK_DATA}
44
- {...props}
45
- />
46
- </>
47
- )
48
- }
49
-
50
- export default AdvancedTablePagination
@@ -1 +0,0 @@
1
- `pagination` is an optional prop that can be used to add pagination to the AdvancedTable. If present, it will add pagination with default values for pageSize, etc. To customize pagination, you can also use `paginationProps` shown in the next example.
@@ -1,57 +0,0 @@
1
- import React from "react"
2
- import { AdvancedTable } from "playbook-ui"
3
- import PAGINATION_MOCK_DATA from "./advanced_table_pagination_mock_data.json"
4
-
5
- const AdvancedTablePaginationWithProps = (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 paginationProps = {
39
- pageIndex: 1,
40
- pageSize: 10,
41
- range: 2
42
- }
43
-
44
- return (
45
- <>
46
- <AdvancedTable
47
- columnDefinitions={columnDefinitions}
48
- pagination
49
- paginationProps={paginationProps}
50
- tableData={PAGINATION_MOCK_DATA}
51
- {...props}
52
- />
53
- </>
54
- )
55
- }
56
-
57
- export default AdvancedTablePaginationWithProps