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