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