playbook_ui 14.15.0.pre.alpha.play1917lodashremoval2of36615 → 14.15.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/Context/AdvancedTableContext.tsx +3 -143
- data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx +99 -45
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +7 -123
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +299 -153
- data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.tsx +1 -1
- data/app/pb_kits/playbook/pb_card/_card.tsx +1 -2
- data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.tsx +1 -1
- data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +1 -4
- data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +0 -2
- data/app/pb_kits/playbook/pb_dialog/dialog.html.erb +6 -5
- data/app/pb_kits/playbook/pb_dialog/dialogHelper.js +0 -2
- data/app/pb_kits/playbook/pb_drawer/_drawer.scss +3 -43
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx +3 -3
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx +37 -20
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_default.html.erb +1 -20
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx +6 -6
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.jsx +0 -1
- data/app/pb_kits/playbook/pb_drawer/docs/example.yml +0 -6
- data/app/pb_kits/playbook/pb_drawer/drawer.html.erb +12 -20
- data/app/pb_kits/playbook/pb_drawer/drawer.rb +1 -49
- data/app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.tsx +4 -5
- data/app/pb_kits/playbook/pb_filter/Filter/FilterSingle.tsx +2 -2
- data/app/pb_kits/playbook/pb_filter/Filter/SortMenu.tsx +1 -2
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +2 -2
- data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +2 -9
- data/app/pb_kits/playbook/pb_form_pill/_form_pill.tsx +0 -4
- data/app/pb_kits/playbook/pb_form_pill/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_form_pill/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_form_pill/form_pill.rb +1 -7
- data/app/pb_kits/playbook/pb_gauge/_gauge.tsx +1 -1
- data/app/pb_kits/playbook/pb_lightbox/Carousel/Slide.tsx +1 -1
- data/app/pb_kits/playbook/pb_lightbox/Carousel/Slides.tsx +1 -1
- data/app/pb_kits/playbook/pb_lightbox/Carousel/Thumbnails.tsx +1 -1
- data/app/pb_kits/playbook/pb_line_graph/_line_graph.tsx +1 -1
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.scss +0 -7
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +3 -13
- data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +1 -2
- data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.rb +0 -6
- data/app/pb_kits/playbook/pb_overlay/_overlay.scss +0 -13
- data/app/pb_kits/playbook/pb_overlay/_overlay.tsx +1 -7
- data/app/pb_kits/playbook/pb_overlay/docs/example.yml +0 -3
- data/app/pb_kits/playbook/pb_overlay/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_overlay/overlay.html.erb +3 -5
- data/app/pb_kits/playbook/pb_overlay/overlay.rb +1 -16
- data/app/pb_kits/playbook/pb_overlay/overlay.test.jsx +0 -12
- data/app/pb_kits/playbook/pb_popover/_popover.tsx +2 -2
- data/app/pb_kits/playbook/pb_popover/popover.test.js +1 -1
- data/app/pb_kits/playbook/pb_radio/_radio.tsx +74 -85
- data/app/pb_kits/playbook/pb_radio/docs/example.yml +1 -2
- data/app/pb_kits/playbook/pb_radio/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_radio/radio.test.js +0 -16
- data/app/pb_kits/playbook/pb_select/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_select/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_select/select.html.erb +5 -3
- data/app/pb_kits/playbook/pb_select/select.rb +0 -8
- data/app/pb_kits/playbook/pb_selectable_card/selectable_card.html.erb +5 -1
- data/app/pb_kits/playbook/pb_selectable_card_icon/selectable_card_icon.html.erb +4 -1
- data/app/pb_kits/playbook/pb_selectable_icon/selectable_icon.html.erb +5 -1
- data/app/pb_kits/playbook/pb_text_input/inputMask.ts +3 -2
- data/app/pb_kits/playbook/pb_timeline/_timeline.scss +2 -2
- data/app/pb_kits/playbook/pb_title/_title.scss +0 -32
- data/app/pb_kits/playbook/pb_title/_title.tsx +1 -10
- data/app/pb_kits/playbook/pb_title/docs/_title_default.html.erb +2 -1
- data/app/pb_kits/playbook/pb_title/docs/_title_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_title/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_title/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_title/title.rb +1 -10
- data/app/pb_kits/playbook/pb_tooltip/_tooltip.scss +3 -0
- data/app/pb_kits/playbook/pb_tooltip/_tooltip.tsx +0 -25
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.erb +10 -0
- data/app/pb_kits/playbook/pb_tooltip/docs/example.yml +1 -4
- data/app/pb_kits/playbook/pb_tooltip/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_tooltip/index.js +1 -1
- data/app/pb_kits/playbook/pb_tooltip/tooltip.rb +2 -10
- data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.tsx +1 -1
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +5 -51
- data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.tsx +1 -5
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_custom_options.jsx +1 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.jsx +1 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +0 -3
- data/app/pb_kits/playbook/pb_typeahead/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_typeahead/index.ts +8 -61
- data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +2 -17
- data/app/pb_kits/playbook/utilities/object.ts +1 -103
- data/app/pb_kits/playbook/utilities/text.ts +1 -1
- data/dist/chunks/_typeahead-PqkcDf1H.js +36 -0
- data/dist/chunks/_weekday_stacked-BrSrpj7J.js +45 -0
- data/dist/chunks/{lib-e7oBFFDo.js → lib-D3us1bGD.js} +2 -2
- data/dist/chunks/{pb_form_validation-CMXevI1t.js → pb_form_validation-BpihMSOQ.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/menu.yml +2 -2
- data/dist/playbook-doc.js +1 -1
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +2 -2
- metadata +7 -61
- data/app/pb_kits/playbook/pb_advanced_table/Components/RegularTableView.tsx +0 -127
- data/app/pb_kits/playbook/pb_advanced_table/Components/TableActionBar.tsx +0 -55
- data/app/pb_kits/playbook/pb_advanced_table/Components/TablePagination.tsx +0 -33
- data/app/pb_kits/playbook/pb_advanced_table/Components/VirtualizedTableView.tsx +0 -275
- data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableActions.ts +0 -66
- data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableState.ts +0 -195
- data/app/pb_kits/playbook/pb_advanced_table/Utilities/CellRendererUtils.tsx +0 -73
- data/app/pb_kits/playbook/pb_advanced_table/Utilities/RowUtils.ts +0 -52
- data/app/pb_kits/playbook/pb_advanced_table/Utilities/TableContainerStyles.ts +0 -80
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx +0 -50
- data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_infinite_scroll.json +0 -152002
- data/app/pb_kits/playbook/pb_date_picker/index.ts +0 -38
- data/app/pb_kits/playbook/pb_dialog/index.js +0 -75
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.html.erb +0 -8
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.html.erb +0 -33
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.html.erb +0 -0
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.html.erb +0 -24
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.html.erb +0 -21
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.md +0 -1
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.html.erb +0 -49
- data/app/pb_kits/playbook/pb_drawer/index.js +0 -257
- data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.html.erb +0 -40
- data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.jsx +0 -50
- data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.md +0 -3
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.html.erb +0 -72
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.jsx +0 -91
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar.html.erb +0 -11
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar.jsx +0 -37
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar_rails.md +0 -1
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar_react.md +0 -1
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.html.erb +0 -11
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.md +0 -1
- data/app/pb_kits/playbook/pb_overlay/index.js +0 -61
- data/app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.jsx +0 -60
- data/app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.md +0 -1
- data/app/pb_kits/playbook/pb_select/docs/_select_react_hook.jsx +0 -58
- data/app/pb_kits/playbook/pb_select/docs/_select_react_hook.md +0 -1
- data/app/pb_kits/playbook/pb_select/index.js +0 -38
- data/app/pb_kits/playbook/pb_title/docs/_title_display_size.html.erb +0 -7
- data/app/pb_kits/playbook/pb_title/docs/_title_display_size.jsx +0 -54
- data/app/pb_kits/playbook/pb_title/docs/_title_display_size.md +0 -1
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.html.erb +0 -39
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.md +0 -3
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon_rails.html.erb +0 -22
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.html.erb +0 -26
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.jsx +0 -69
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.md +0 -3
- data/app/pb_kits/playbook/pb_tooltip/floating_ui.js +0 -282
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options.html.erb +0 -45
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options.md +0 -5
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options_pure_rails.html.erb +0 -33
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options_pure_rails.md +0 -3
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx +0 -66
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.md +0 -1
- data/app/pb_kits/playbook/utilities/object.test.js +0 -237
- data/dist/chunks/_typeahead-CdVbIURO.js +0 -36
- data/dist/chunks/_weekday_stacked-BSTKfYPJ.js +0 -45
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.15.0.pre.
|
4
|
+
version: 14.15.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-02-26 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -257,27 +257,18 @@ files:
|
|
257
257
|
- app/pb_kits/playbook/pb_advanced_table/Components/CollapsibleTrail.tsx
|
258
258
|
- app/pb_kits/playbook/pb_advanced_table/Components/CustomCell.tsx
|
259
259
|
- app/pb_kits/playbook/pb_advanced_table/Components/LoadingCell.tsx
|
260
|
-
- app/pb_kits/playbook/pb_advanced_table/Components/RegularTableView.tsx
|
261
260
|
- app/pb_kits/playbook/pb_advanced_table/Components/SortIconButton.tsx
|
262
261
|
- app/pb_kits/playbook/pb_advanced_table/Components/SubRowHeaderRow.tsx
|
263
|
-
- app/pb_kits/playbook/pb_advanced_table/Components/TableActionBar.tsx
|
264
262
|
- app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx
|
265
|
-
- app/pb_kits/playbook/pb_advanced_table/Components/TablePagination.tsx
|
266
263
|
- app/pb_kits/playbook/pb_advanced_table/Components/ToggleIconButton.tsx
|
267
|
-
- app/pb_kits/playbook/pb_advanced_table/Components/VirtualizedTableView.tsx
|
268
264
|
- app/pb_kits/playbook/pb_advanced_table/Context/AdvancedTableContext.tsx
|
269
|
-
- app/pb_kits/playbook/pb_advanced_table/Hooks/useTableActions.ts
|
270
|
-
- app/pb_kits/playbook/pb_advanced_table/Hooks/useTableState.ts
|
271
265
|
- app/pb_kits/playbook/pb_advanced_table/README.md
|
272
266
|
- app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx
|
273
267
|
- app/pb_kits/playbook/pb_advanced_table/SubKits/TableHeader.tsx
|
274
268
|
- app/pb_kits/playbook/pb_advanced_table/Utilities/ActionBarAnimationHelper.ts
|
275
269
|
- app/pb_kits/playbook/pb_advanced_table/Utilities/BrowserCheck.tsx
|
276
|
-
- app/pb_kits/playbook/pb_advanced_table/Utilities/CellRendererUtils.tsx
|
277
270
|
- app/pb_kits/playbook/pb_advanced_table/Utilities/ExpansionControlHelpers.tsx
|
278
271
|
- app/pb_kits/playbook/pb_advanced_table/Utilities/IconHelpers.tsx
|
279
|
-
- app/pb_kits/playbook/pb_advanced_table/Utilities/RowUtils.ts
|
280
|
-
- app/pb_kits/playbook/pb_advanced_table/Utilities/TableContainerStyles.ts
|
281
272
|
- app/pb_kits/playbook/pb_advanced_table/Utilities/types.ts
|
282
273
|
- app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss
|
283
274
|
- app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx
|
@@ -309,7 +300,6 @@ files:
|
|
309
300
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.md
|
310
301
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx
|
311
302
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.md
|
312
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx
|
313
303
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.jsx
|
314
304
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.md
|
315
305
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.html.erb
|
@@ -350,7 +340,6 @@ files:
|
|
350
340
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md
|
351
341
|
- app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
|
352
342
|
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
|
353
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_infinite_scroll.json
|
354
343
|
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_no_subrows.json
|
355
344
|
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_with_id.json
|
356
345
|
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_pagination_mock_data.json
|
@@ -978,7 +967,6 @@ files:
|
|
978
967
|
- app/pb_kits/playbook/pb_date_picker/docs/_description.md
|
979
968
|
- app/pb_kits/playbook/pb_date_picker/docs/example.yml
|
980
969
|
- app/pb_kits/playbook/pb_date_picker/docs/index.js
|
981
|
-
- app/pb_kits/playbook/pb_date_picker/index.ts
|
982
970
|
- app/pb_kits/playbook/pb_date_picker/plugins/quickPick.tsx
|
983
971
|
- app/pb_kits/playbook/pb_date_picker/plugins/timeSelect.ts
|
984
972
|
- app/pb_kits/playbook/pb_date_picker/sass_partials/_calendar_input_icon.scss
|
@@ -1155,7 +1143,6 @@ files:
|
|
1155
1143
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_status_swift.md
|
1156
1144
|
- app/pb_kits/playbook/pb_dialog/docs/example.yml
|
1157
1145
|
- app/pb_kits/playbook/pb_dialog/docs/index.js
|
1158
|
-
- app/pb_kits/playbook/pb_dialog/index.js
|
1159
1146
|
- app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
|
1160
1147
|
- app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.tsx
|
1161
1148
|
- app/pb_kits/playbook/pb_distribution_bar/distribution_bar.html.erb
|
@@ -1215,21 +1202,14 @@ files:
|
|
1215
1202
|
- app/pb_kits/playbook/pb_drawer/_drawer.tsx
|
1216
1203
|
- app/pb_kits/playbook/pb_drawer/_drawer_context.tsx
|
1217
1204
|
- app/pb_kits/playbook/pb_drawer/context.ts
|
1218
|
-
- app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.html.erb
|
1219
1205
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.jsx
|
1220
|
-
- app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.html.erb
|
1221
1206
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx
|
1222
|
-
- app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.html.erb
|
1223
1207
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx
|
1224
1208
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_default.html.erb
|
1225
1209
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_default.jsx
|
1226
|
-
- app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.html.erb
|
1227
1210
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx
|
1228
1211
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.md
|
1229
|
-
- app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.html.erb
|
1230
1212
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.jsx
|
1231
|
-
- app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.md
|
1232
|
-
- app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.html.erb
|
1233
1213
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.jsx
|
1234
1214
|
- app/pb_kits/playbook/pb_drawer/docs/example.yml
|
1235
1215
|
- app/pb_kits/playbook/pb_drawer/docs/index.js
|
@@ -1238,7 +1218,6 @@ files:
|
|
1238
1218
|
- app/pb_kits/playbook/pb_drawer/drawer.test.jsx
|
1239
1219
|
- app/pb_kits/playbook/pb_drawer/hooks/useBreakpoint.tsx
|
1240
1220
|
- app/pb_kits/playbook/pb_drawer/hooks/useDrawerAnimation.tsx
|
1241
|
-
- app/pb_kits/playbook/pb_drawer/index.js
|
1242
1221
|
- app/pb_kits/playbook/pb_dropdown/_dropdown.scss
|
1243
1222
|
- app/pb_kits/playbook/pb_dropdown/_dropdown.tsx
|
1244
1223
|
- app/pb_kits/playbook/pb_dropdown/context/index.tsx
|
@@ -1505,9 +1484,6 @@ files:
|
|
1505
1484
|
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text_react.md
|
1506
1485
|
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_user.html.erb
|
1507
1486
|
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_user.jsx
|
1508
|
-
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.html.erb
|
1509
|
-
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.jsx
|
1510
|
-
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.md
|
1511
1487
|
- app/pb_kits/playbook/pb_form_pill/docs/example.yml
|
1512
1488
|
- app/pb_kits/playbook/pb_form_pill/docs/index.js
|
1513
1489
|
- app/pb_kits/playbook/pb_form_pill/form_pill.html.erb
|
@@ -1979,8 +1955,6 @@ files:
|
|
1979
1955
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.html.erb
|
1980
1956
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
|
1981
1957
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md
|
1982
|
-
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.html.erb
|
1983
|
-
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.jsx
|
1984
1958
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.html.erb
|
1985
1959
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.md
|
1986
1960
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb
|
@@ -2145,23 +2119,16 @@ files:
|
|
2145
2119
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_default.html.erb
|
2146
2120
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_default.jsx
|
2147
2121
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
|
2148
|
-
- app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar.html.erb
|
2149
|
-
- app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar.jsx
|
2150
|
-
- app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar_rails.md
|
2151
|
-
- app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar_react.md
|
2152
2122
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.html.erb
|
2153
2123
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.jsx
|
2154
2124
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
|
2155
2125
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.html.erb
|
2156
2126
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.jsx
|
2157
2127
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.md
|
2158
|
-
- app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.html.erb
|
2159
2128
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.jsx
|
2160
|
-
- app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.md
|
2161
2129
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional_react.md
|
2162
2130
|
- app/pb_kits/playbook/pb_overlay/docs/example.yml
|
2163
2131
|
- app/pb_kits/playbook/pb_overlay/docs/index.js
|
2164
|
-
- app/pb_kits/playbook/pb_overlay/index.js
|
2165
2132
|
- app/pb_kits/playbook/pb_overlay/overlay.html.erb
|
2166
2133
|
- app/pb_kits/playbook/pb_overlay/overlay.rb
|
2167
2134
|
- app/pb_kits/playbook/pb_overlay/overlay.test.jsx
|
@@ -2397,8 +2364,6 @@ files:
|
|
2397
2364
|
- app/pb_kits/playbook/pb_radio/docs/_radio_orientation_swift.md
|
2398
2365
|
- app/pb_kits/playbook/pb_radio/docs/_radio_padding_swift.md
|
2399
2366
|
- app/pb_kits/playbook/pb_radio/docs/_radio_props_swift.md
|
2400
|
-
- app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.jsx
|
2401
|
-
- app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.md
|
2402
2367
|
- app/pb_kits/playbook/pb_radio/docs/_radio_spacing_swift.md
|
2403
2368
|
- app/pb_kits/playbook/pb_radio/docs/_radio_subtitle_swift.md
|
2404
2369
|
- app/pb_kits/playbook/pb_radio/docs/example.yml
|
@@ -2516,15 +2481,12 @@ files:
|
|
2516
2481
|
- app/pb_kits/playbook/pb_select/docs/_select_multiple.jsx
|
2517
2482
|
- app/pb_kits/playbook/pb_select/docs/_select_multiple.md
|
2518
2483
|
- app/pb_kits/playbook/pb_select/docs/_select_props_table.md
|
2519
|
-
- app/pb_kits/playbook/pb_select/docs/_select_react_hook.jsx
|
2520
|
-
- app/pb_kits/playbook/pb_select/docs/_select_react_hook.md
|
2521
2484
|
- app/pb_kits/playbook/pb_select/docs/_select_required.html.erb
|
2522
2485
|
- app/pb_kits/playbook/pb_select/docs/_select_required.jsx
|
2523
2486
|
- app/pb_kits/playbook/pb_select/docs/_select_value_text_same.html.erb
|
2524
2487
|
- app/pb_kits/playbook/pb_select/docs/_select_value_text_same.jsx
|
2525
2488
|
- app/pb_kits/playbook/pb_select/docs/example.yml
|
2526
2489
|
- app/pb_kits/playbook/pb_select/docs/index.js
|
2527
|
-
- app/pb_kits/playbook/pb_select/index.js
|
2528
2490
|
- app/pb_kits/playbook/pb_select/select.html.erb
|
2529
2491
|
- app/pb_kits/playbook/pb_select/select.rb
|
2530
2492
|
- app/pb_kits/playbook/pb_select/select.test.js
|
@@ -3051,9 +3013,6 @@ files:
|
|
3051
3013
|
- app/pb_kits/playbook/pb_title/docs/_title_default.html.erb
|
3052
3014
|
- app/pb_kits/playbook/pb_title/docs/_title_default.jsx
|
3053
3015
|
- app/pb_kits/playbook/pb_title/docs/_title_default.md
|
3054
|
-
- app/pb_kits/playbook/pb_title/docs/_title_display_size.html.erb
|
3055
|
-
- app/pb_kits/playbook/pb_title/docs/_title_display_size.jsx
|
3056
|
-
- app/pb_kits/playbook/pb_title/docs/_title_display_size.md
|
3057
3016
|
- app/pb_kits/playbook/pb_title/docs/_title_light_weight.html.erb
|
3058
3017
|
- app/pb_kits/playbook/pb_title/docs/_title_light_weight.jsx
|
3059
3018
|
- app/pb_kits/playbook/pb_title/docs/_title_light_weight.md
|
@@ -3124,12 +3083,9 @@ files:
|
|
3124
3083
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default_react.md
|
3125
3084
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.jsx
|
3126
3085
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.md
|
3127
|
-
- app/pb_kits/playbook/pb_tooltip/docs/
|
3128
|
-
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.md
|
3086
|
+
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.erb
|
3129
3087
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
|
3130
3088
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.md
|
3131
|
-
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon_rails.html.erb
|
3132
|
-
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.html.erb
|
3133
3089
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.jsx
|
3134
3090
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.md
|
3135
3091
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
|
@@ -3140,12 +3096,9 @@ files:
|
|
3140
3096
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip.md
|
3141
3097
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip_react.jsx
|
3142
3098
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip_react.md
|
3143
|
-
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.jsx
|
3144
|
-
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.md
|
3145
3099
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_with_icon_circle.html.erb
|
3146
3100
|
- app/pb_kits/playbook/pb_tooltip/docs/example.yml
|
3147
3101
|
- app/pb_kits/playbook/pb_tooltip/docs/index.js
|
3148
|
-
- app/pb_kits/playbook/pb_tooltip/floating_ui.js
|
3149
3102
|
- app/pb_kits/playbook/pb_tooltip/index.js
|
3150
3103
|
- app/pb_kits/playbook/pb_tooltip/tooltip.html.erb
|
3151
3104
|
- app/pb_kits/playbook/pb_tooltip/tooltip.rb
|
@@ -3192,10 +3145,6 @@ files:
|
|
3192
3145
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx
|
3193
3146
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb
|
3194
3147
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx
|
3195
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options.html.erb
|
3196
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options.md
|
3197
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options_pure_rails.html.erb
|
3198
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options_pure_rails.md
|
3199
3148
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.html.erb
|
3200
3149
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.jsx
|
3201
3150
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.md
|
@@ -3205,8 +3154,6 @@ files:
|
|
3205
3154
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
|
3206
3155
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
|
3207
3156
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
|
3208
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx
|
3209
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.md
|
3210
3157
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.html.erb
|
3211
3158
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.jsx
|
3212
3159
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.md
|
@@ -3385,7 +3332,6 @@ files:
|
|
3385
3332
|
- app/pb_kits/playbook/utilities/icons/envelope.svg
|
3386
3333
|
- app/pb_kits/playbook/utilities/icons/spinner.svg
|
3387
3334
|
- app/pb_kits/playbook/utilities/icons/times.svg
|
3388
|
-
- app/pb_kits/playbook/utilities/object.test.js
|
3389
3335
|
- app/pb_kits/playbook/utilities/object.ts
|
3390
3336
|
- app/pb_kits/playbook/utilities/props.ts
|
3391
3337
|
- app/pb_kits/playbook/utilities/test-utils.js
|
@@ -3405,11 +3351,11 @@ files:
|
|
3405
3351
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
3406
3352
|
- app/pb_kits/playbook/utilities/text.ts
|
3407
3353
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
3408
|
-
- dist/chunks/_typeahead-
|
3409
|
-
- dist/chunks/_weekday_stacked-
|
3354
|
+
- dist/chunks/_typeahead-PqkcDf1H.js
|
3355
|
+
- dist/chunks/_weekday_stacked-BrSrpj7J.js
|
3410
3356
|
- dist/chunks/lazysizes-B7xYodB-.js
|
3411
|
-
- dist/chunks/lib-
|
3412
|
-
- dist/chunks/pb_form_validation-
|
3357
|
+
- dist/chunks/lib-D3us1bGD.js
|
3358
|
+
- dist/chunks/pb_form_validation-BpihMSOQ.js
|
3413
3359
|
- dist/chunks/vendor.js
|
3414
3360
|
- dist/menu.yml
|
3415
3361
|
- dist/playbook-doc.js
|
@@ -1,127 +0,0 @@
|
|
1
|
-
import React, { useContext } from "react"
|
2
|
-
import classnames from "classnames"
|
3
|
-
import { flexRender, Row, Cell } from "@tanstack/react-table"
|
4
|
-
|
5
|
-
import { GenericObject } from "../../types"
|
6
|
-
import { isChrome } from "../Utilities/BrowserCheck"
|
7
|
-
|
8
|
-
import LoadingInline from "../../pb_loading_inline/_loading_inline"
|
9
|
-
import Checkbox from "../../pb_checkbox/_checkbox"
|
10
|
-
|
11
|
-
import { SubRowHeaderRow } from "../Components/SubRowHeaderRow"
|
12
|
-
import { LoadingCell } from "../Components/LoadingCell"
|
13
|
-
import { renderCollapsibleTrail } from "../Components/CollapsibleTrail"
|
14
|
-
|
15
|
-
import AdvancedTableContext from "../Context/AdvancedTableContext"
|
16
|
-
|
17
|
-
type RegularTableViewProps = {
|
18
|
-
collapsibleTrail?: boolean
|
19
|
-
subRowHeaders?: string[]
|
20
|
-
}
|
21
|
-
|
22
|
-
export const RegularTableView = ({
|
23
|
-
collapsibleTrail = true,
|
24
|
-
subRowHeaders,
|
25
|
-
}: RegularTableViewProps) => {
|
26
|
-
const {
|
27
|
-
enableToggleExpansion,
|
28
|
-
handleExpandOrCollapse,
|
29
|
-
inlineRowLoading,
|
30
|
-
loading,
|
31
|
-
responsive,
|
32
|
-
table,
|
33
|
-
selectableRows,
|
34
|
-
hasAnySubRows,
|
35
|
-
isPinnedLeft = false,
|
36
|
-
} = useContext(AdvancedTableContext)
|
37
|
-
|
38
|
-
const columnPinning = table.getState().columnPinning || { left: [] };
|
39
|
-
const columnDefinitions = table.options.meta?.columnDefinitions || [];
|
40
|
-
|
41
|
-
return (
|
42
|
-
<>
|
43
|
-
{table.getRowModel().rows.map((row: Row<GenericObject>) => {
|
44
|
-
const isExpandable = row.getIsExpanded();
|
45
|
-
const isFirstChildofSubrow = row.depth > 0 && row.index === 0;
|
46
|
-
const rowHasNoChildren = row.original?.children && !row.original.children.length ? true : false;
|
47
|
-
const numberOfColumns = table.getAllFlatColumns().length;
|
48
|
-
const isDataLoading = isExpandable && (inlineRowLoading && rowHasNoChildren) && (row.depth < columnDefinitions[0]?.cellAccessors?.length);
|
49
|
-
const rowBackground = isExpandable && ((!inlineRowLoading && row.getCanExpand()) || (inlineRowLoading && rowHasNoChildren));
|
50
|
-
const rowColor = row.getIsSelected() ? "bg-row-selection" : rowBackground ? "bg-silver" : "bg-white";
|
51
|
-
|
52
|
-
return (
|
53
|
-
<React.Fragment key={`${row.index}-${row.id}-${row.depth}-row`}>
|
54
|
-
{isFirstChildofSubrow && subRowHeaders && (
|
55
|
-
<SubRowHeaderRow
|
56
|
-
collapsibleTrail={collapsibleTrail}
|
57
|
-
enableToggleExpansion={enableToggleExpansion}
|
58
|
-
onClick={handleExpandOrCollapse}
|
59
|
-
row={row}
|
60
|
-
subRowHeaders={subRowHeaders}
|
61
|
-
table={table}
|
62
|
-
/>
|
63
|
-
)}
|
64
|
-
|
65
|
-
<tr
|
66
|
-
className={`${rowColor} ${row.depth > 0 ? `depth-sub-row-${row.depth}` : ""}`}
|
67
|
-
id={`${row.index}-${row.id}-${row.depth}-row`}
|
68
|
-
>
|
69
|
-
{/* Render custom checkbox column when we want selectableRows for non-expanding tables */}
|
70
|
-
{selectableRows && !hasAnySubRows && (
|
71
|
-
<td className="checkbox-cell">
|
72
|
-
<Checkbox
|
73
|
-
checked={row.getIsSelected()}
|
74
|
-
disabled={!row.getCanSelect()}
|
75
|
-
indeterminate={row.getIsSomeSelected()}
|
76
|
-
name={row.id}
|
77
|
-
onChange={row.getToggleSelectedHandler()}
|
78
|
-
/>
|
79
|
-
</td>
|
80
|
-
)}
|
81
|
-
|
82
|
-
{row.getVisibleCells().map((cell: Cell<GenericObject, unknown>, i: number) => {
|
83
|
-
const isPinnedLeft = columnPinning.left.includes(cell.column.id);
|
84
|
-
const isLastCell = cell.column.parent?.columns?.at(-1)?.id === cell.column.id;
|
85
|
-
|
86
|
-
return (
|
87
|
-
<td
|
88
|
-
align="right"
|
89
|
-
className={classnames(
|
90
|
-
`${cell.id}-cell position_relative`,
|
91
|
-
isChrome() ? "chrome-styles" : "",
|
92
|
-
isPinnedLeft && 'pinned-left',
|
93
|
-
isLastCell && 'last-cell',
|
94
|
-
)}
|
95
|
-
key={`${cell.id}-data`}
|
96
|
-
>
|
97
|
-
{collapsibleTrail && i === 0 && row.depth > 0 && renderCollapsibleTrail(row.depth)}
|
98
|
-
<span id={`${cell.id}-span`}>
|
99
|
-
{loading ? (
|
100
|
-
<LoadingCell />
|
101
|
-
) : (
|
102
|
-
flexRender(cell.column.columnDef.cell, cell.getContext())
|
103
|
-
)}
|
104
|
-
</span>
|
105
|
-
</td>
|
106
|
-
);
|
107
|
-
})}
|
108
|
-
</tr>
|
109
|
-
|
110
|
-
{/* Display LoadingInline if Row Data is querying and there are no children already */}
|
111
|
-
{isDataLoading && (
|
112
|
-
<tr key={`${row.id}-row`}>
|
113
|
-
<td colSpan={numberOfColumns}
|
114
|
-
style={{ paddingLeft: `${row.depth === 0 ? 0.5 : (row.depth * 2)}em` }}
|
115
|
-
>
|
116
|
-
<LoadingInline />
|
117
|
-
</td>
|
118
|
-
</tr>
|
119
|
-
)}
|
120
|
-
</React.Fragment>
|
121
|
-
);
|
122
|
-
})}
|
123
|
-
</>
|
124
|
-
);
|
125
|
-
}
|
126
|
-
|
127
|
-
export default RegularTableView;
|
@@ -1,55 +0,0 @@
|
|
1
|
-
import React, { useEffect, useRef } from "react";
|
2
|
-
import Card from "../../pb_card/_card";
|
3
|
-
import Caption from "../../pb_caption/_caption";
|
4
|
-
import Flex from "../../pb_flex/_flex";
|
5
|
-
import FlexItem from "../../pb_flex/_flex_item";
|
6
|
-
import { showActionBar, hideActionBar } from "../Utilities/ActionBarAnimationHelper";
|
7
|
-
|
8
|
-
interface TableActionBarProps {
|
9
|
-
isVisible: boolean;
|
10
|
-
selectedCount: number;
|
11
|
-
actions?: React.ReactNode[] | React.ReactNode;
|
12
|
-
}
|
13
|
-
|
14
|
-
const TableActionBar: React.FC<TableActionBarProps> = ({
|
15
|
-
isVisible,
|
16
|
-
selectedCount,
|
17
|
-
actions
|
18
|
-
}) => {
|
19
|
-
const cardRef = useRef(null);
|
20
|
-
|
21
|
-
useEffect(() => {
|
22
|
-
if (cardRef.current) {
|
23
|
-
if (isVisible) {
|
24
|
-
showActionBar(cardRef.current);
|
25
|
-
} else {
|
26
|
-
hideActionBar(cardRef.current);
|
27
|
-
}
|
28
|
-
}
|
29
|
-
}, [isVisible]);
|
30
|
-
|
31
|
-
return (
|
32
|
-
<Card
|
33
|
-
borderNone={!isVisible}
|
34
|
-
className={`${isVisible && "show-action-card row-selection-actions-card"}`}
|
35
|
-
htmlOptions={{ ref: cardRef as any }}
|
36
|
-
padding={`${isVisible ? "xs" : "none"}`}
|
37
|
-
>
|
38
|
-
<Flex
|
39
|
-
alignItems="center"
|
40
|
-
justify="between"
|
41
|
-
>
|
42
|
-
<Caption
|
43
|
-
color="light"
|
44
|
-
paddingLeft="xs"
|
45
|
-
size="xs"
|
46
|
-
>
|
47
|
-
{selectedCount} Selected
|
48
|
-
</Caption>
|
49
|
-
<FlexItem>{actions}</FlexItem>
|
50
|
-
</Flex>
|
51
|
-
</Card>
|
52
|
-
);
|
53
|
-
};
|
54
|
-
|
55
|
-
export default TableActionBar;
|
@@ -1,33 +0,0 @@
|
|
1
|
-
import React from "react";
|
2
|
-
import Pagination from "../../pb_pagination/_pagination";
|
3
|
-
|
4
|
-
interface TablePaginationProps {
|
5
|
-
table: any;
|
6
|
-
onChange: (page: number) => void;
|
7
|
-
position: "top" | "bottom";
|
8
|
-
range?: number;
|
9
|
-
}
|
10
|
-
|
11
|
-
const TablePagination: React.FC<TablePaginationProps> = ({
|
12
|
-
table,
|
13
|
-
onChange,
|
14
|
-
position,
|
15
|
-
range = 5
|
16
|
-
}) => {
|
17
|
-
const current = table.getState().pagination.pageIndex + 1;
|
18
|
-
const total = table.getPageCount();
|
19
|
-
|
20
|
-
return (
|
21
|
-
<Pagination
|
22
|
-
current={current}
|
23
|
-
key={`pagination-${position}-${current}`}
|
24
|
-
marginBottom={position === "top" ? "xs" : undefined}
|
25
|
-
marginTop={position === "bottom" ? "xs" : undefined}
|
26
|
-
onChange={onChange}
|
27
|
-
range={range}
|
28
|
-
total={total}
|
29
|
-
/>
|
30
|
-
);
|
31
|
-
};
|
32
|
-
|
33
|
-
export default TablePagination;
|