playbook_ui 14.12.0.pre.alpha.testingwithfas5689 → 14.12.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 +0 -2
- data/app/pb_kits/playbook/pb_advanced_table/Components/CustomCell.tsx +2 -18
- data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +5 -27
- data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx +2 -17
- data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableHeader.tsx +1 -23
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +0 -29
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +4 -61
- data/app/pb_kits/playbook/pb_advanced_table/advanced_table.html.erb +8 -13
- data/app/pb_kits/playbook/pb_advanced_table/advanced_table.rb +1 -3
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.jsx +0 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx +0 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.md +2 -2
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -7
- data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -6
- data/app/pb_kits/playbook/pb_advanced_table/table_body.rb +3 -15
- data/app/pb_kits/playbook/pb_advanced_table/table_header.html.erb +11 -11
- data/app/pb_kits/playbook/pb_advanced_table/table_header.rb +3 -12
- data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/table_row.rb +1 -7
- data/app/pb_kits/playbook/pb_advanced_table/table_subrow_header.html.erb +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/table_subrow_header.rb +0 -9
- data/app/pb_kits/playbook/pb_button/button.html.erb +3 -2
- data/app/pb_kits/playbook/pb_button/button.rb +1 -1
- data/app/pb_kits/playbook/pb_card/card.html.erb +2 -21
- data/app/pb_kits/playbook/pb_card/card.rb +0 -7
- data/app/pb_kits/playbook/pb_checkbox/checkbox.html.erb +6 -1
- data/app/pb_kits/playbook/pb_collapsible/__snapshots__/collapsible.test.js.snap +1 -1
- data/app/pb_kits/playbook/pb_collapsible/collapsible.html.erb +1 -3
- data/app/pb_kits/playbook/pb_collapsible/collapsible.rb +0 -3
- data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +16 -24
- data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +0 -2
- data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +2 -2
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.md +1 -1
- data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_rails.html.erb +3 -1
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_rails.md +0 -7
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.html.erb +9 -3
- data/app/pb_kits/playbook/pb_draggable/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_drawer/_drawer.scss +183 -145
- data/app/pb_kits/playbook/pb_drawer/_drawer.tsx +268 -158
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx +45 -3
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx +1 -0
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_default.jsx +16 -9
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx +19 -44
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.md +3 -21
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.jsx +21 -16
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.jsx +19 -2
- data/app/pb_kits/playbook/pb_drawer/docs/example.yml +1 -2
- data/app/pb_kits/playbook/pb_drawer/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_drawer/drawer.test.jsx +5 -5
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.md +1 -1
- data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb +12 -7
- data/app/pb_kits/playbook/pb_dropdown/dropdown_container.html.erb +14 -9
- data/app/pb_kits/playbook/pb_dropdown/dropdown_option.html.erb +11 -6
- data/app/pb_kits/playbook/pb_dropdown/dropdown_trigger.html.erb +14 -8
- data/app/pb_kits/playbook/pb_icon/_icon.tsx +1 -1
- data/app/pb_kits/playbook/pb_icon/icon.rb +2 -2
- data/app/pb_kits/playbook/pb_icon/icon.test.js +8 -8
- data/app/pb_kits/playbook/pb_list/item.html.erb +8 -30
- data/app/pb_kits/playbook/pb_list/item.rb +0 -7
- data/app/pb_kits/playbook/pb_list/list.html.erb +11 -31
- data/app/pb_kits/playbook/pb_list/list.rb +0 -4
- data/app/pb_kits/playbook/pb_loading_inline/_loading_inline.tsx +1 -6
- data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss +0 -4
- data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.tsx +0 -1
- data/app/pb_kits/playbook/pb_multiple_users/multiple_users.html.erb +1 -1
- data/app/pb_kits/playbook/pb_nav/_nav_item.test.js +2 -2
- data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +12 -30
- data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +1 -3
- 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 +1 -20
- data/app/pb_kits/playbook/pb_radio/_radio.scss +8 -12
- data/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.jsx +3 -8
- data/app/pb_kits/playbook/pb_select/_select.scss +5 -3
- data/app/pb_kits/playbook/pb_select/_select.tsx +1 -5
- data/app/pb_kits/playbook/pb_select/select.html.erb +2 -2
- data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.tsx +1 -9
- data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_default.jsx +1 -4
- data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_single_select.jsx +1 -4
- data/app/pb_kits/playbook/pb_selectable_list/selectable_list.html.erb +3 -17
- data/app/pb_kits/playbook/pb_selectable_list/selectable_list.rb +0 -3
- data/app/pb_kits/playbook/pb_selectable_list/selectable_list_item.html.erb +4 -11
- data/app/pb_kits/playbook/pb_selectable_list/selectable_list_item.rb +0 -3
- data/app/pb_kits/playbook/pb_table/_table.tsx +3 -2
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md +2 -2
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx +8 -12
- data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -6
- data/app/pb_kits/playbook/pb_table/index.ts +88 -187
- data/app/pb_kits/playbook/pb_table/styles/_collapsible.scss +0 -12
- data/app/pb_kits/playbook/pb_table/styles/_scroll.scss +5 -6
- data/app/pb_kits/playbook/pb_table/table.html.erb +1 -1
- data/app/pb_kits/playbook/pb_table/table.rb +2 -17
- data/app/pb_kits/playbook/pb_table/table_row.html.erb +1 -20
- data/app/pb_kits/playbook/pb_table/table_row.rb +0 -5
- data/app/pb_kits/playbook/pb_text_input/docs/example.yml +1 -2
- data/app/pb_kits/playbook/pb_text_input/text_input.html.erb +0 -4
- data/app/pb_kits/playbook/pb_text_input/text_input.rb +3 -33
- data/app/pb_kits/playbook/pb_timeline/_timeline.scss +30 -30
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +2 -3
- data/app/pb_kits/playbook/pb_typeahead/components/ClearIndicator.tsx +4 -12
- data/app/pb_kits/playbook/pb_typeahead/components/Control.tsx +1 -5
- data/app/pb_kits/playbook/pb_typeahead/components/IndicatorsContainer.tsx +3 -8
- data/app/pb_kits/playbook/pb_typeahead/components/MenuList.tsx +1 -6
- data/app/pb_kits/playbook/pb_typeahead/components/Option.tsx +6 -21
- data/app/pb_kits/playbook/pb_typeahead/components/Placeholder.tsx +6 -13
- data/app/pb_kits/playbook/pb_typeahead/components/ValueContainer.tsx +3 -7
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx +0 -2
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.jsx +2 -4
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_custom_options.jsx +5 -5
- data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_typeahead/docs/index.js +0 -1
- data/dist/chunks/_typeahead-C2iCBqxQ.js +36 -0
- data/dist/chunks/_weekday_stacked-CWnbnW7m.js +45 -0
- data/dist/chunks/{lib-RmkltInK.js → lib-B7sgJtGS.js} +2 -2
- data/dist/chunks/{pb_form_validation-Bu-zi4X-.js → pb_form_validation-C5Cc0-1v.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/menu.yml +0 -6
- 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/version.rb +2 -2
- metadata +11 -75
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_no_subrows.jsx +0 -50
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.html.erb +0 -38
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.jsx +0 -60
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.md +0 -5
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.jsx +0 -78
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.md +0 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.jsx +0 -53
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.md +0 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.jsx +0 -52
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.md +0 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.html.erb +0 -33
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_rails.md +0 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_no_subrows.json +0 -42
- data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_with_id.json +0 -299
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_turbo_frames.html.erb +0 -13
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_turbo_frames_rails.md +0 -3
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.md +0 -5
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.html.erb +0 -38
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md +0 -3
- data/app/pb_kits/playbook/pb_drawer/context.ts +0 -11
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.jsx +0 -38
- data/app/pb_kits/playbook/pb_drawer/hooks/useBreakpoint.tsx +0 -60
- data/app/pb_kits/playbook/pb_drawer/hooks/useDrawerAnimation.tsx +0 -21
- data/app/pb_kits/playbook/pb_icon_button/_icon_button.scss +0 -78
- data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.html.erb +0 -3
- data/app/pb_kits/playbook/pb_icon_button/docs/example.yml +0 -7
- data/app/pb_kits/playbook/pb_icon_button/icon_button.html.erb +0 -16
- data/app/pb_kits/playbook/pb_icon_button/icon_button.rb +0 -22
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.html.erb +0 -15
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.jsx +0 -24
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.md +0 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.html.erb +0 -74
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_rails.md +0 -3
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.html.erb +0 -74
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_rails.md +0 -3
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.html.erb +0 -47
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_rails.md +0 -2
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content_rails.html.erb +0 -52
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content_rails.md +0 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows_rails.html.erb +0 -52
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows_rails.md +0 -3
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.html.erb +0 -80
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.md +0 -1
- data/app/pb_kits/playbook/pb_table/utilities/addDataTitle.ts +0 -22
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.html.erb +0 -46
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_mask_rails.md +0 -3
- data/app/pb_kits/playbook/pb_text_input/index.js +0 -103
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.html.erb +0 -19
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.jsx +0 -27
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.md +0 -1
- data/dist/chunks/_typeahead-BDhvNf6A.js +0 -36
- data/dist/chunks/_weekday_stacked-BhU_44Uo.js +0 -45
- /data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_table_props_react.md → _advanced_table_table_props.md} +0 -0
- /data/app/pb_kits/playbook/pb_table/docs/{_table_with_collapsible_react.md → _table_with_collapsible.md} +0 -0
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
@@ -1,15 +1,15 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 14.12.0.pre.
|
4
|
+
version: 14.12.0.pre.rc.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
8
8
|
- Power Devs
|
9
|
-
autorequire:
|
9
|
+
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2025-01-
|
12
|
+
date: 2025-01-09 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -95,20 +95,6 @@ dependencies:
|
|
95
95
|
- - "~>"
|
96
96
|
- !ruby/object:Gem::Version
|
97
97
|
version: 0.3.2
|
98
|
-
- !ruby/object:Gem::Dependency
|
99
|
-
name: brakeman
|
100
|
-
requirement: !ruby/object:Gem::Requirement
|
101
|
-
requirements:
|
102
|
-
- - '='
|
103
|
-
- !ruby/object:Gem::Version
|
104
|
-
version: 7.0.0
|
105
|
-
type: :development
|
106
|
-
prerelease: false
|
107
|
-
version_requirements: !ruby/object:Gem::Requirement
|
108
|
-
requirements:
|
109
|
-
- - '='
|
110
|
-
- !ruby/object:Gem::Version
|
111
|
-
version: 7.0.0
|
112
98
|
- !ruby/object:Gem::Dependency
|
113
99
|
name: byebug
|
114
100
|
requirement: !ruby/object:Gem::Requirement
|
@@ -302,22 +288,12 @@ files:
|
|
302
288
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.md
|
303
289
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
|
304
290
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.md
|
305
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_no_subrows.jsx
|
306
291
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.jsx
|
307
292
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.md
|
308
293
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx
|
309
294
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.md
|
310
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.html.erb
|
311
295
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx
|
312
296
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.md
|
313
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.jsx
|
314
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.md
|
315
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.jsx
|
316
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.md
|
317
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.jsx
|
318
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.md
|
319
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.jsx
|
320
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.md
|
321
297
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
|
322
298
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.md
|
323
299
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx
|
@@ -326,14 +302,10 @@ files:
|
|
326
302
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.md
|
327
303
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.jsx
|
328
304
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.md
|
329
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.html.erb
|
330
305
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx
|
331
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/
|
332
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_react.md
|
306
|
+
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.md
|
333
307
|
- app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
|
334
308
|
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
|
335
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_no_subrows.json
|
336
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_with_id.json
|
337
309
|
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_pagination_mock_data.json
|
338
310
|
- app/pb_kits/playbook/pb_advanced_table/docs/example.yml
|
339
311
|
- app/pb_kits/playbook/pb_advanced_table/docs/index.js
|
@@ -942,8 +914,6 @@ files:
|
|
942
914
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.html.erb
|
943
915
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.jsx
|
944
916
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.md
|
945
|
-
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_turbo_frames.html.erb
|
946
|
-
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_turbo_frames_rails.md
|
947
917
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_week.html.erb
|
948
918
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_week.jsx
|
949
919
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_week.md
|
@@ -1160,11 +1130,8 @@ files:
|
|
1160
1130
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.jsx
|
1161
1131
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.md
|
1162
1132
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.html.erb
|
1163
|
-
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.md
|
1164
1133
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.jsx
|
1165
1134
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.md
|
1166
|
-
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.html.erb
|
1167
|
-
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md
|
1168
1135
|
- app/pb_kits/playbook/pb_draggable/docs/example.yml
|
1169
1136
|
- app/pb_kits/playbook/pb_draggable/docs/index.js
|
1170
1137
|
- app/pb_kits/playbook/pb_draggable/draggable.html.erb
|
@@ -1181,8 +1148,6 @@ files:
|
|
1181
1148
|
- app/pb_kits/playbook/pb_drawer/_drawer.scss
|
1182
1149
|
- app/pb_kits/playbook/pb_drawer/_drawer.tsx
|
1183
1150
|
- app/pb_kits/playbook/pb_drawer/_drawer_context.tsx
|
1184
|
-
- app/pb_kits/playbook/pb_drawer/context.ts
|
1185
|
-
- app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.jsx
|
1186
1151
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx
|
1187
1152
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx
|
1188
1153
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_default.html.erb
|
@@ -1196,8 +1161,6 @@ files:
|
|
1196
1161
|
- app/pb_kits/playbook/pb_drawer/drawer.html.erb
|
1197
1162
|
- app/pb_kits/playbook/pb_drawer/drawer.rb
|
1198
1163
|
- app/pb_kits/playbook/pb_drawer/drawer.test.jsx
|
1199
|
-
- app/pb_kits/playbook/pb_drawer/hooks/useBreakpoint.tsx
|
1200
|
-
- app/pb_kits/playbook/pb_drawer/hooks/useDrawerAnimation.tsx
|
1201
1164
|
- app/pb_kits/playbook/pb_dropdown/_dropdown.scss
|
1202
1165
|
- app/pb_kits/playbook/pb_dropdown/_dropdown.tsx
|
1203
1166
|
- app/pb_kits/playbook/pb_dropdown/context/index.tsx
|
@@ -1599,11 +1562,6 @@ files:
|
|
1599
1562
|
- app/pb_kits/playbook/pb_icon/icon.html.erb
|
1600
1563
|
- app/pb_kits/playbook/pb_icon/icon.rb
|
1601
1564
|
- app/pb_kits/playbook/pb_icon/icon.test.js
|
1602
|
-
- app/pb_kits/playbook/pb_icon_button/_icon_button.scss
|
1603
|
-
- app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.html.erb
|
1604
|
-
- app/pb_kits/playbook/pb_icon_button/docs/example.yml
|
1605
|
-
- app/pb_kits/playbook/pb_icon_button/icon_button.html.erb
|
1606
|
-
- app/pb_kits/playbook/pb_icon_button/icon_button.rb
|
1607
1565
|
- app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss
|
1608
1566
|
- app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
|
1609
1567
|
- app/pb_kits/playbook/pb_icon_circle/docs/_description.md
|
@@ -2180,9 +2138,6 @@ files:
|
|
2180
2138
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.html.erb
|
2181
2139
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.jsx
|
2182
2140
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.md
|
2183
|
-
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.html.erb
|
2184
|
-
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.jsx
|
2185
|
-
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.md
|
2186
2141
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.html.erb
|
2187
2142
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.jsx
|
2188
2143
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.md
|
@@ -2688,17 +2643,13 @@ files:
|
|
2688
2643
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky.html.erb
|
2689
2644
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky.jsx
|
2690
2645
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky.md
|
2691
|
-
- app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.html.erb
|
2692
2646
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.jsx
|
2693
|
-
- app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_rails.md
|
2694
2647
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_react.md
|
2695
2648
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.html.erb
|
2696
2649
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx
|
2697
2650
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md
|
2698
2651
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_react.md
|
2699
|
-
- app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.html.erb
|
2700
2652
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.jsx
|
2701
|
-
- app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_rails.md
|
2702
2653
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_react.md
|
2703
2654
|
- app/pb_kits/playbook/pb_table/docs/_table_striped.html.erb
|
2704
2655
|
- app/pb_kits/playbook/pb_table/docs/_table_striped.jsx
|
@@ -2713,24 +2664,16 @@ files:
|
|
2713
2664
|
- app/pb_kits/playbook/pb_table/docs/_table_vertical_border.jsx
|
2714
2665
|
- app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb
|
2715
2666
|
- app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx
|
2716
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.html.erb
|
2717
2667
|
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx
|
2718
|
-
- app/pb_kits/playbook/pb_table/docs/
|
2719
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_react.md
|
2668
|
+
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.md
|
2720
2669
|
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx
|
2721
2670
|
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.md
|
2722
2671
|
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx
|
2723
2672
|
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.md
|
2724
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content_rails.html.erb
|
2725
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content_rails.md
|
2726
2673
|
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.jsx
|
2727
2674
|
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.md
|
2728
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows_rails.html.erb
|
2729
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows_rails.md
|
2730
2675
|
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.jsx
|
2731
2676
|
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md
|
2732
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.html.erb
|
2733
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.md
|
2734
2677
|
- app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.jsx
|
2735
2678
|
- app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.md
|
2736
2679
|
- app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb
|
@@ -2784,7 +2727,6 @@ files:
|
|
2784
2727
|
- app/pb_kits/playbook/pb_table/table_header.rb
|
2785
2728
|
- app/pb_kits/playbook/pb_table/table_row.html.erb
|
2786
2729
|
- app/pb_kits/playbook/pb_table/table_row.rb
|
2787
|
-
- app/pb_kits/playbook/pb_table/utilities/addDataTitle.ts
|
2788
2730
|
- app/pb_kits/playbook/pb_text_input/_text_input.scss
|
2789
2731
|
- app/pb_kits/playbook/pb_text_input/_text_input.tsx
|
2790
2732
|
- app/pb_kits/playbook/pb_text_input/add_on.html.erb
|
@@ -2808,16 +2750,13 @@ files:
|
|
2808
2750
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_error_swift.md
|
2809
2751
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.html.erb
|
2810
2752
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.jsx
|
2811
|
-
- app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.html.erb
|
2812
2753
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.jsx
|
2813
|
-
- app/pb_kits/playbook/pb_text_input/docs/_text_input_mask_rails.md
|
2814
2754
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.html.erb
|
2815
2755
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.jsx
|
2816
2756
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_options.html.erb
|
2817
2757
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_props_swift.md
|
2818
2758
|
- app/pb_kits/playbook/pb_text_input/docs/example.yml
|
2819
2759
|
- app/pb_kits/playbook/pb_text_input/docs/index.js
|
2820
|
-
- app/pb_kits/playbook/pb_text_input/index.js
|
2821
2760
|
- app/pb_kits/playbook/pb_text_input/inputMask.ts
|
2822
2761
|
- app/pb_kits/playbook/pb_text_input/text_input.html.erb
|
2823
2762
|
- app/pb_kits/playbook/pb_text_input/text_input.rb
|
@@ -3105,9 +3044,6 @@ files:
|
|
3105
3044
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
|
3106
3045
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
|
3107
3046
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
|
3108
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.html.erb
|
3109
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.jsx
|
3110
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.md
|
3111
3047
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_context.html.erb
|
3112
3048
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx
|
3113
3049
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb
|
@@ -3299,11 +3235,11 @@ files:
|
|
3299
3235
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
3300
3236
|
- app/pb_kits/playbook/utilities/text.ts
|
3301
3237
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
3302
|
-
- dist/chunks/_typeahead-
|
3303
|
-
- dist/chunks/_weekday_stacked-
|
3238
|
+
- dist/chunks/_typeahead-C2iCBqxQ.js
|
3239
|
+
- dist/chunks/_weekday_stacked-CWnbnW7m.js
|
3304
3240
|
- dist/chunks/lazysizes-B7xYodB-.js
|
3305
|
-
- dist/chunks/lib-
|
3306
|
-
- dist/chunks/pb_form_validation-
|
3241
|
+
- dist/chunks/lib-B7sgJtGS.js
|
3242
|
+
- dist/chunks/pb_form_validation-C5Cc0-1v.js
|
3307
3243
|
- dist/chunks/vendor.js
|
3308
3244
|
- dist/menu.yml
|
3309
3245
|
- dist/playbook-doc.js
|
@@ -3388,7 +3324,7 @@ homepage: https://playbook.powerapp.cloud/
|
|
3388
3324
|
licenses:
|
3389
3325
|
- ISC
|
3390
3326
|
metadata: {}
|
3391
|
-
post_install_message:
|
3327
|
+
post_install_message:
|
3392
3328
|
rdoc_options: []
|
3393
3329
|
require_paths:
|
3394
3330
|
- lib
|
@@ -3404,7 +3340,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
3404
3340
|
version: '0'
|
3405
3341
|
requirements: []
|
3406
3342
|
rubygems_version: 3.5.3
|
3407
|
-
signing_key:
|
3343
|
+
signing_key:
|
3408
3344
|
specification_version: 4
|
3409
3345
|
summary: Playbook Design System
|
3410
3346
|
test_files: []
|
@@ -1,50 +0,0 @@
|
|
1
|
-
import React from "react"
|
2
|
-
import { AdvancedTable } from "playbook-ui"
|
3
|
-
import MOCK_DATA from "./advanced_table_mock_data_no_subrows.json"
|
4
|
-
|
5
|
-
const AdvancedTableNoSubrows = (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
|
-
<div>
|
40
|
-
<AdvancedTable
|
41
|
-
columnDefinitions={columnDefinitions}
|
42
|
-
enableToggleExpansion="all"
|
43
|
-
tableData={MOCK_DATA}
|
44
|
-
{...props}
|
45
|
-
/>
|
46
|
-
</div>
|
47
|
-
)
|
48
|
-
}
|
49
|
-
|
50
|
-
export default AdvancedTableNoSubrows
|
@@ -1,38 +0,0 @@
|
|
1
|
-
|
2
|
-
<% column_definitions = [
|
3
|
-
{
|
4
|
-
accessor: "year",
|
5
|
-
label: "Year",
|
6
|
-
cellAccessors: ["quarter", "month", "day"],
|
7
|
-
},
|
8
|
-
{
|
9
|
-
accessor: "newEnrollments",
|
10
|
-
label: "New Enrollments",
|
11
|
-
},
|
12
|
-
{
|
13
|
-
accessor: "scheduledMeetings",
|
14
|
-
label: "Scheduled Meetings",
|
15
|
-
},
|
16
|
-
{
|
17
|
-
accessor: "attendanceRate",
|
18
|
-
label: "Attendance Rate",
|
19
|
-
},
|
20
|
-
{
|
21
|
-
accessor: "completedClasses",
|
22
|
-
label: "Completed Classes",
|
23
|
-
},
|
24
|
-
{
|
25
|
-
accessor: "classCompletionRate",
|
26
|
-
label: "Class Completion Rate",
|
27
|
-
},
|
28
|
-
{
|
29
|
-
accessor: "graduatedStudents",
|
30
|
-
label: "Graduated Students",
|
31
|
-
},
|
32
|
-
] %>
|
33
|
-
|
34
|
-
<%= pb_rails("title", props: { size: 4 }) do %> Not Responsive <% end %>
|
35
|
-
<%= pb_rails("advanced_table", props: { id: "table_props_table_non_responsive", table_data: @table_data, column_definitions: column_definitions, responsive: "none" }) %>
|
36
|
-
|
37
|
-
<%= pb_rails("title", props: { padding_top: "sm", size: 4 }) do %> Responsive as Default <% end %>
|
38
|
-
<%= pb_rails("advanced_table", props: { id: "table_props_table_responsive", 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_with_id.json"
|
4
|
-
|
5
|
-
const AdvancedTableSelectableRows = (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
|
-
//Render the subRow header rows
|
39
|
-
const subRowHeaders = ["Quarter", "Month", "Day"]
|
40
|
-
|
41
|
-
|
42
|
-
return (
|
43
|
-
<div>
|
44
|
-
<AdvancedTable
|
45
|
-
columnDefinitions={columnDefinitions}
|
46
|
-
enableToggleExpansion="all"
|
47
|
-
onRowSelectionChange={(selectedRows) => console.log(selectedRows)}
|
48
|
-
selectableRows
|
49
|
-
tableData={MOCK_DATA}
|
50
|
-
|
51
|
-
{...props}
|
52
|
-
>
|
53
|
-
<AdvancedTable.Header />
|
54
|
-
<AdvancedTable.Body subRowHeaders={subRowHeaders}/>
|
55
|
-
</AdvancedTable>
|
56
|
-
</div>
|
57
|
-
)
|
58
|
-
}
|
59
|
-
|
60
|
-
export default AdvancedTableSelectableRows
|
@@ -1,5 +0,0 @@
|
|
1
|
-
`selectableRows` is a boolean prop that if present will add checkboxes to all rows that will allow for selecting rows.
|
2
|
-
|
3
|
-
When a parent row is clicked, it will check all nested children rows, Children rows can be manually checked or unchecked as well.
|
4
|
-
|
5
|
-
The `onRowSelectionChange` prop returns an array of ids of all Rows that have been selected. Open the console on this example and check and uncheck checkboxes to see this is action! __NOTE__: Each object within the `tableData`Array must contain a unique id in order to attach an id to all Rows for this to function.
|
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.jsx
DELETED
@@ -1,78 +0,0 @@
|
|
1
|
-
import React, {useState} from "react"
|
2
|
-
import { AdvancedTable, CircleIconButton, Flex } from "playbook-ui"
|
3
|
-
import MOCK_DATA from "./advanced_table_mock_data_no_subrows.json"
|
4
|
-
|
5
|
-
const AdvancedTableSelectableRowsActions = (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 [selectedRows, setSelectedRows] = useState()
|
39
|
-
|
40
|
-
const CustomActions = () => {
|
41
|
-
const rowIds = selectedRows ? Object.keys(selectedRows) : [];
|
42
|
-
|
43
|
-
return (
|
44
|
-
<Flex>
|
45
|
-
<CircleIconButton
|
46
|
-
icon="file-csv"
|
47
|
-
onClick={() =>
|
48
|
-
alert(rowIds.length === 0 ? "No Selection Made" : `Row ids ${rowIds.join(", ")} will be exported!`)
|
49
|
-
}
|
50
|
-
variant="link"
|
51
|
-
/>
|
52
|
-
<CircleIconButton
|
53
|
-
icon="trash-alt"
|
54
|
-
onClick={() =>
|
55
|
-
alert(rowIds.length === 0 ? "No Selection Made" : `Row ids ${rowIds.join(", ")} will be deleted!`)
|
56
|
-
}
|
57
|
-
variant="link"
|
58
|
-
/>
|
59
|
-
</Flex>
|
60
|
-
);
|
61
|
-
};
|
62
|
-
|
63
|
-
|
64
|
-
return (
|
65
|
-
<div>
|
66
|
-
<AdvancedTable
|
67
|
-
actions={<CustomActions/>}
|
68
|
-
columnDefinitions={columnDefinitions}
|
69
|
-
onRowSelectionChange={(selected) => setSelectedRows(selected)}
|
70
|
-
selectableRows
|
71
|
-
tableData={MOCK_DATA}
|
72
|
-
{...props}
|
73
|
-
/>
|
74
|
-
</div>
|
75
|
-
)
|
76
|
-
}
|
77
|
-
|
78
|
-
export default AdvancedTableSelectableRowsActions
|
@@ -1 +0,0 @@
|
|
1
|
-
Custom actions content can be rendered within the Actions Bar as shown in this doc example. The component passed to `actions` will be rendered on the right of the actionsBar. The `onRowSelectionChange` can then be used to attach the needed click events to those actions.
|
@@ -1,53 +0,0 @@
|
|
1
|
-
import React from "react"
|
2
|
-
import { AdvancedTable } from "playbook-ui"
|
3
|
-
import MOCK_DATA from "./advanced_table_mock_data_no_subrows.json"
|
4
|
-
|
5
|
-
const AdvancedTableSelectableRowsHeader = (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
|
-
|
39
|
-
return (
|
40
|
-
<div>
|
41
|
-
<AdvancedTable
|
42
|
-
columnDefinitions={columnDefinitions}
|
43
|
-
onRowSelectionChange={(selectedRows) => console.log(selectedRows)}
|
44
|
-
selectableRows
|
45
|
-
showActionsBar={false}
|
46
|
-
tableData={MOCK_DATA}
|
47
|
-
{...props}
|
48
|
-
/>
|
49
|
-
</div>
|
50
|
-
)
|
51
|
-
}
|
52
|
-
|
53
|
-
export default AdvancedTableSelectableRowsHeader
|
@@ -1 +0,0 @@
|
|
1
|
-
`showActionsBar` is an optional prop that renders the header at the top showing the row count. This is set to `true` by default but can be toggled off by setting it to `false`
|
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.jsx
DELETED
@@ -1,52 +0,0 @@
|
|
1
|
-
import React from "react"
|
2
|
-
import { AdvancedTable } from "playbook-ui"
|
3
|
-
import MOCK_DATA from "./advanced_table_mock_data_no_subrows.json"
|
4
|
-
|
5
|
-
const AdvancedTableSelectableRowsNoSubrows = (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
|
-
|
39
|
-
return (
|
40
|
-
<div>
|
41
|
-
<AdvancedTable
|
42
|
-
columnDefinitions={columnDefinitions}
|
43
|
-
onRowSelectionChange={(selectedRows) => console.log(selectedRows)}
|
44
|
-
selectableRows
|
45
|
-
tableData={MOCK_DATA}
|
46
|
-
{...props}
|
47
|
-
/>
|
48
|
-
</div>
|
49
|
-
)
|
50
|
-
}
|
51
|
-
|
52
|
-
export default AdvancedTableSelectableRowsNoSubrows
|
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.md
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
`selectableRows` can also be used with tables without nested row data.
|
@@ -1,33 +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: "table_props_table", table_data: @table_data, column_definitions: column_definitions, table_props: { container: false, sticky: true }}) %>
|
@@ -1 +0,0 @@
|
|
1
|
-
This kit uses the [Table kit](https://playbook.powerapp.cloud/kits/table) under the hood which comes with it's own set of props. If you want to apply certain Table props to that underlying kit, you can do so by using the optional `table_props` prop. This prop must be an object that contains valid Table props. For a full list of Table props, see [here](https://playbook.powerapp.cloud/kits/table).
|