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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/_playbook.scss +0 -1
- data/app/pb_kits/playbook/pb_advanced_table/Components/CollapsibleTrail.tsx +6 -1
- data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +19 -32
- data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx +1 -3
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +6 -46
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +36 -94
- data/app/pb_kits/playbook/pb_advanced_table/advanced_table.html.erb +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/advanced_table.rb +1 -8
- data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +2 -2
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_sort.html.erb +3 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.html.erb +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.md +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -8
- data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +0 -4
- data/app/pb_kits/playbook/pb_advanced_table/index.js +92 -185
- data/app/pb_kits/playbook/pb_advanced_table/table_body.html.erb +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/table_body.rb +8 -57
- data/app/pb_kits/playbook/pb_advanced_table/table_header.html.erb +13 -18
- data/app/pb_kits/playbook/pb_advanced_table/table_header.rb +0 -78
- data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +3 -12
- data/app/pb_kits/playbook/pb_advanced_table/table_row.rb +2 -15
- data/app/pb_kits/playbook/pb_advanced_table/table_subrow_header.html.erb +6 -10
- data/app/pb_kits/playbook/pb_advanced_table/table_subrow_header.rb +4 -8
- data/app/pb_kits/playbook/pb_avatar/_avatar.scss +2 -0
- data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss +9 -11
- data/app/pb_kits/playbook/pb_badge/_badge.scss +2 -4
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom.jsx +49 -53
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom_rails.html.erb +36 -29
- data/app/pb_kits/playbook/pb_body/_body.scss +13 -14
- data/app/pb_kits/playbook/pb_body/_body_mixins.scss +16 -22
- data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss +1 -3
- data/app/pb_kits/playbook/pb_bread_crumbs/docs/_bread_crumbs_default.jsx +0 -6
- data/app/pb_kits/playbook/pb_button/_button.scss +1 -3
- data/app/pb_kits/playbook/pb_caption/_caption_mixin.scss +1 -2
- data/app/pb_kits/playbook/pb_card/_card.scss +3 -21
- data/app/pb_kits/playbook/pb_card/_card.tsx +7 -7
- data/app/pb_kits/playbook/pb_card/_card_mixin.scss +2 -2
- data/app/pb_kits/playbook/pb_card/docs/_card_header.html.erb +1 -39
- data/app/pb_kits/playbook/pb_card/docs/_card_header.jsx +0 -90
- data/app/pb_kits/playbook/pb_card/docs/_card_header.md +1 -1
- data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss +2 -4
- data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.tsx +0 -3
- data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.html.erb +1 -1
- data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.rb +0 -1
- data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.html.erb +0 -8
- data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.jsx +0 -9
- data/app/pb_kits/playbook/pb_collapsible/_collapsible.tsx +4 -9
- data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleContent.tsx +2 -2
- data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.tsx +2 -2
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss +1 -3
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss +3 -5
- data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.scss +4 -6
- data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.scss +2 -4
- data/app/pb_kits/playbook/pb_drawer/_drawer.tsx +2 -2
- data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +8 -10
- data/app/pb_kits/playbook/pb_file_upload/_file_upload.scss +0 -5
- data/app/pb_kits/playbook/pb_file_upload/_file_upload.tsx +17 -31
- data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_accept.jsx +1 -3
- data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_description.jsx +1 -4
- data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_max_size.jsx +1 -1
- data/app/pb_kits/playbook/pb_file_upload/file_upload.html.erb +2 -8
- data/app/pb_kits/playbook/pb_form_group/_form_group.scss +2 -11
- data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +4 -6
- data/app/pb_kits/playbook/pb_gauge/_gauge.scss +1 -31
- data/app/pb_kits/playbook/pb_gauge/_gauge.tsx +3 -3
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.jsx +5 -25
- data/app/pb_kits/playbook/pb_home_address_street/_home_address_street.tsx +1 -17
- data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.html.erb +1 -17
- data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.jsx +0 -15
- data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.md +1 -2
- data/app/pb_kits/playbook/pb_home_address_street/home_address_street.rb +1 -15
- data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss +14 -4
- data/app/pb_kits/playbook/pb_label_value/_label_value.scss +2 -4
- data/app/pb_kits/playbook/pb_layout/_layout.tsx +11 -30
- data/app/pb_kits/playbook/pb_link/_link.scss +3 -3
- data/app/pb_kits/playbook/pb_message/_message_mixins.scss +1 -3
- data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss +1 -3
- data/app/pb_kits/playbook/pb_nav/_bold_mixin.scss +1 -11
- data/app/pb_kits/playbook/pb_nav/_collapsible_nav.scss +2 -16
- data/app/pb_kits/playbook/pb_nav/_vertical_nav.scss +1 -1
- data/app/pb_kits/playbook/pb_pagination/_pagination.tsx +2 -2
- data/app/pb_kits/playbook/pb_passphrase/_passphrase.scss +3 -5
- data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss +8 -10
- data/app/pb_kits/playbook/pb_pill/_pill.scss +2 -4
- data/app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss +2 -4
- data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.scss +2 -4
- data/app/pb_kits/playbook/pb_section_separator/_section_separator.scss +1 -64
- data/app/pb_kits/playbook/pb_section_separator/_section_separator.tsx +1 -3
- data/app/pb_kits/playbook/pb_section_separator/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_section_separator/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_section_separator/section_separator.rb +1 -4
- data/app/pb_kits/playbook/pb_select/_select.scss +3 -5
- data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +7 -9
- data/app/pb_kits/playbook/pb_selectable_card/selectable_card.html.erb +1 -1
- data/app/pb_kits/playbook/pb_skeleton_loading/_skeleton_loading.scss +2 -2
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_default.html.erb +1 -1
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width.jsx +2 -8
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/example.yml +3 -9
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/index.js +0 -2
- data/app/pb_kits/playbook/pb_skeleton_loading/skeleton_loading.html.erb +12 -8
- data/app/pb_kits/playbook/pb_skeleton_loading/skeleton_loading.rb +1 -48
- data/app/pb_kits/playbook/pb_stat_change/_stat_change.tsx +36 -44
- data/app/pb_kits/playbook/pb_stat_change/stat_change.html.erb +4 -4
- data/app/pb_kits/playbook/pb_table/_table.tsx +24 -80
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx +1 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_react.md +1 -4
- data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -9
- data/app/pb_kits/playbook/pb_table/docs/index.js +0 -7
- data/app/pb_kits/playbook/pb_table/index.ts +26 -102
- data/app/pb_kits/playbook/pb_table/styles/_all.scss +1 -2
- data/app/pb_kits/playbook/pb_table/styles/_scroll.scss +2 -63
- data/app/pb_kits/playbook/pb_table/styles/_sticky_columns.scss +4 -17
- data/app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx +1 -106
- data/app/pb_kits/playbook/pb_table/table.html.erb +2 -8
- data/app/pb_kits/playbook/pb_table/table.rb +2 -21
- data/app/pb_kits/playbook/pb_text_input/_text_input.scss +1 -3
- data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +4 -43
- data/app/pb_kits/playbook/pb_text_input/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_text_input/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_text_input/text_input.test.js +2 -219
- data/app/pb_kits/playbook/pb_textarea/_textarea.scss +1 -3
- data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.scss +4 -5
- data/app/pb_kits/playbook/pb_timeline/_timeline.scss +2 -4
- data/app/pb_kits/playbook/pb_timeline/_timeline.tsx +5 -5
- data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.html.erb +5 -4
- data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.jsx +4 -4
- data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.md +1 -1
- data/app/pb_kits/playbook/pb_timeline/timeline.rb +6 -6
- data/app/pb_kits/playbook/pb_title/_title.scss +5 -6
- data/app/pb_kits/playbook/pb_title/_title_mixin.scss +0 -13
- data/app/pb_kits/playbook/pb_toggle/_toggle.scss +3 -5
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.scss +46 -115
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx +2 -9
- data/app/pb_kits/playbook/pb_typeahead/typeahead.html.erb +2 -3
- data/app/pb_kits/playbook/tokens/_titles.scss +8 -0
- data/app/pb_kits/playbook/utilities/_hover.scss +2 -11
- data/app/pb_kits/playbook/utilities/globalPropNames.mjs +0 -1
- data/app/pb_kits/playbook/utilities/globalProps.ts +9 -20
- data/app/pb_kits/playbook/utilities/test/globalProps/hover.test.js +0 -15
- data/dist/chunks/_typeahead-B8fkIeXA.js +22 -0
- data/dist/chunks/_weekday_stacked-CiL8BjKa.js +45 -0
- data/dist/chunks/{lib-B7sgJtGS.js → lib-SyD3buPZ.js} +3 -3
- data/dist/chunks/{pb_form_validation-C5Cc0-1v.js → pb_form_validation-Dt8UJgrJ.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/menu.yml +2 -2
- data/dist/playbook-doc.js +1 -1
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/classnames.rb +0 -1
- data/lib/playbook/hover.rb +1 -7
- data/lib/playbook/spacing.rb +0 -21
- data/lib/playbook/version.rb +2 -2
- metadata +8 -59
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.html.erb +0 -36
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.md +0 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.html.erb +0 -43
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.jsx +0 -60
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.md +0 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.html.erb +0 -58
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx +0 -74
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.md +0 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.jsx +0 -50
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.md +0 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx +0 -57
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.md +0 -5
- data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_pagination_mock_data.json +0 -5600
- data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.md +0 -1
- data/app/pb_kits/playbook/pb_form_group/_error_state_mixin.scss +0 -57
- data/app/pb_kits/playbook/pb_home_address_street/none_emphasis.html.erb +0 -32
- data/app/pb_kits/playbook/pb_home_address_street/none_emphasis.rb +0 -29
- data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.html.erb +0 -10
- data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx +0 -42
- data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.md +0 -3
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_description.md +0 -3
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius.html.erb +0 -9
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius_rails.md +0 -1
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.html.erb +0 -7
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_filter.html.erb +0 -119
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_filter.jsx +0 -174
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width.html.erb +0 -15
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width_rails.md +0 -3
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_layout.html.erb +0 -3
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_user.html.erb +0 -63
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_user.jsx +0 -97
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.jsx +0 -88
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_react.md +0 -3
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.html.erb +0 -77
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md +0 -3
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.jsx +0 -87
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_react.md +0 -5
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx +0 -75
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.md +0 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx +0 -108
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.md +0 -2
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx +0 -94
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.md +0 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.jsx +0 -83
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.md +0 -3
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.jsx +0 -120
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md +0 -1
- data/app/pb_kits/playbook/pb_table/styles/_collapsible.scss +0 -35
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.jsx +0 -106
- data/app/pb_kits/playbook/pb_text_input/inputMask.ts +0 -108
- data/app/pb_kits/playbook/utilities/_gap.scss +0 -29
- data/dist/chunks/_typeahead-C2iCBqxQ.js +0 -36
- data/dist/chunks/_weekday_stacked-CWnbnW7m.js +0 -45
- /data/app/pb_kits/playbook/pb_skeleton_loading/docs/{_skeleton_loading_border_radius_react.md → _skeleton_loading_border_radius.md} +0 -0
- /data/app/pb_kits/playbook/pb_skeleton_loading/docs/{_skeleton_loading_height_width_react.md → _skeleton_loading_height_width.md} +0 -0
data/lib/playbook/classnames.rb
CHANGED
data/lib/playbook/hover.rb
CHANGED
@@ -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
|
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
|
data/lib/playbook/spacing.rb
CHANGED
@@ -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
|
data/lib/playbook/version.rb
CHANGED
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.
|
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:
|
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/
|
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/
|
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-
|
3239
|
-
- dist/chunks/_weekday_stacked-
|
3187
|
+
- dist/chunks/_typeahead-B8fkIeXA.js
|
3188
|
+
- dist/chunks/_weekday_stacked-CiL8BjKa.js
|
3240
3189
|
- dist/chunks/lazysizes-B7xYodB-.js
|
3241
|
-
- dist/chunks/lib-
|
3242
|
-
- dist/chunks/pb_form_validation-
|
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
|
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.html.erb
DELETED
@@ -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.
|
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.html.erb
DELETED
@@ -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 }) %>
|
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx
DELETED
@@ -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
|