playbook_ui 14.14.0.pre.alpha.PBNTR907reactfilterpopoverpropswidthbug6557 → 14.14.0.pre.alpha.pbntr500currencykithandlingofnullvalues6275
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_card/_card.tsx +1 -2
- data/app/pb_kits/playbook/pb_currency/_currency.tsx +2 -1
- data/app/pb_kits/playbook/pb_currency/currency.html.erb +1 -1
- data/app/pb_kits/playbook/pb_currency/currency.rb +2 -14
- data/app/pb_kits/playbook/pb_currency/docs/_currency_null_display.html.erb +1 -3
- 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_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_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_icon_button/docs/example.yml +0 -4
- 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_progress_step/progress_step_item.html.erb +2 -2
- 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_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/example.yml +1 -3
- data/app/pb_kits/playbook/pb_tooltip/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_tooltip/index.js +2 -2
- data/app/pb_kits/playbook/pb_tooltip/tooltip.rb +2 -10
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +2 -36
- data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.tsx +1 -5
- data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +0 -2
- 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 -29
- data/dist/chunks/_typeahead-PqkcDf1H.js +36 -0
- data/dist/chunks/_weekday_stacked-BhC8Xp9l.js +45 -0
- data/dist/chunks/{lib-5OzNgeeu.js → lib-D3us1bGD.js} +2 -2
- data/dist/chunks/{pb_form_validation-DGhKbZtO.js → pb_form_validation-BpihMSOQ.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/menu.yml +3 -3
- 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 +1 -1
- metadata +6 -64
- 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_currency/docs/_currency_null_display_rails.md +0 -1
- data/app/pb_kits/playbook/pb_currency/docs/_currency_null_display_react.md +0 -1
- data/app/pb_kits/playbook/pb_date_picker/index.ts +0 -38
- 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_icon_button/_icon_button.tsx +0 -71
- data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.jsx +0 -17
- data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.jsx +0 -61
- data/app/pb_kits/playbook/pb_icon_button/docs/index.js +0 -2
- data/app/pb_kits/playbook/pb_icon_button/icon_button.test.jsx +0 -39
- 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_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/utilities/object.test.js +0 -99
- data/dist/chunks/_typeahead-F4bG5YsC.js +0 -36
- data/dist/chunks/_weekday_stacked-CaWVQMMq.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.14.0.pre.alpha.
|
4
|
+
version: 14.14.0.pre.alpha.pbntr500currencykithandlingofnullvalues6275
|
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-24 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
|
@@ -838,8 +827,6 @@ files:
|
|
838
827
|
- app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.jsx
|
839
828
|
- app/pb_kits/playbook/pb_currency/docs/_currency_null_display.html.erb
|
840
829
|
- app/pb_kits/playbook/pb_currency/docs/_currency_null_display.jsx
|
841
|
-
- app/pb_kits/playbook/pb_currency/docs/_currency_null_display_rails.md
|
842
|
-
- app/pb_kits/playbook/pb_currency/docs/_currency_null_display_react.md
|
843
830
|
- app/pb_kits/playbook/pb_currency/docs/_currency_props_swift.md
|
844
831
|
- app/pb_kits/playbook/pb_currency/docs/_currency_size.html.erb
|
845
832
|
- app/pb_kits/playbook/pb_currency/docs/_currency_size.jsx
|
@@ -978,7 +965,6 @@ files:
|
|
978
965
|
- app/pb_kits/playbook/pb_date_picker/docs/_description.md
|
979
966
|
- app/pb_kits/playbook/pb_date_picker/docs/example.yml
|
980
967
|
- app/pb_kits/playbook/pb_date_picker/docs/index.js
|
981
|
-
- app/pb_kits/playbook/pb_date_picker/index.ts
|
982
968
|
- app/pb_kits/playbook/pb_date_picker/plugins/quickPick.tsx
|
983
969
|
- app/pb_kits/playbook/pb_date_picker/plugins/timeSelect.ts
|
984
970
|
- app/pb_kits/playbook/pb_date_picker/sass_partials/_calendar_input_icon.scss
|
@@ -1214,21 +1200,14 @@ files:
|
|
1214
1200
|
- app/pb_kits/playbook/pb_drawer/_drawer.tsx
|
1215
1201
|
- app/pb_kits/playbook/pb_drawer/_drawer_context.tsx
|
1216
1202
|
- app/pb_kits/playbook/pb_drawer/context.ts
|
1217
|
-
- app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.html.erb
|
1218
1203
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.jsx
|
1219
|
-
- app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.html.erb
|
1220
1204
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx
|
1221
|
-
- app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.html.erb
|
1222
1205
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx
|
1223
1206
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_default.html.erb
|
1224
1207
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_default.jsx
|
1225
|
-
- app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.html.erb
|
1226
1208
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx
|
1227
1209
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.md
|
1228
|
-
- app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.html.erb
|
1229
1210
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.jsx
|
1230
|
-
- app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.md
|
1231
|
-
- app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.html.erb
|
1232
1211
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.jsx
|
1233
1212
|
- app/pb_kits/playbook/pb_drawer/docs/example.yml
|
1234
1213
|
- app/pb_kits/playbook/pb_drawer/docs/index.js
|
@@ -1237,7 +1216,6 @@ files:
|
|
1237
1216
|
- app/pb_kits/playbook/pb_drawer/drawer.test.jsx
|
1238
1217
|
- app/pb_kits/playbook/pb_drawer/hooks/useBreakpoint.tsx
|
1239
1218
|
- app/pb_kits/playbook/pb_drawer/hooks/useDrawerAnimation.tsx
|
1240
|
-
- app/pb_kits/playbook/pb_drawer/index.js
|
1241
1219
|
- app/pb_kits/playbook/pb_dropdown/_dropdown.scss
|
1242
1220
|
- app/pb_kits/playbook/pb_dropdown/_dropdown.tsx
|
1243
1221
|
- app/pb_kits/playbook/pb_dropdown/context/index.tsx
|
@@ -1504,9 +1482,6 @@ files:
|
|
1504
1482
|
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text_react.md
|
1505
1483
|
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_user.html.erb
|
1506
1484
|
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_user.jsx
|
1507
|
-
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.html.erb
|
1508
|
-
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.jsx
|
1509
|
-
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.md
|
1510
1485
|
- app/pb_kits/playbook/pb_form_pill/docs/example.yml
|
1511
1486
|
- app/pb_kits/playbook/pb_form_pill/docs/index.js
|
1512
1487
|
- app/pb_kits/playbook/pb_form_pill/form_pill.html.erb
|
@@ -1649,16 +1624,11 @@ files:
|
|
1649
1624
|
- app/pb_kits/playbook/pb_icon/icon.rb
|
1650
1625
|
- app/pb_kits/playbook/pb_icon/icon.test.js
|
1651
1626
|
- app/pb_kits/playbook/pb_icon_button/_icon_button.scss
|
1652
|
-
- app/pb_kits/playbook/pb_icon_button/_icon_button.tsx
|
1653
1627
|
- app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.html.erb
|
1654
|
-
- app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.jsx
|
1655
1628
|
- app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.html.erb
|
1656
|
-
- app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.jsx
|
1657
1629
|
- app/pb_kits/playbook/pb_icon_button/docs/example.yml
|
1658
|
-
- app/pb_kits/playbook/pb_icon_button/docs/index.js
|
1659
1630
|
- app/pb_kits/playbook/pb_icon_button/icon_button.html.erb
|
1660
1631
|
- app/pb_kits/playbook/pb_icon_button/icon_button.rb
|
1661
|
-
- app/pb_kits/playbook/pb_icon_button/icon_button.test.jsx
|
1662
1632
|
- app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss
|
1663
1633
|
- app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
|
1664
1634
|
- app/pb_kits/playbook/pb_icon_circle/docs/_description.md
|
@@ -1978,8 +1948,6 @@ files:
|
|
1978
1948
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.html.erb
|
1979
1949
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
|
1980
1950
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md
|
1981
|
-
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.html.erb
|
1982
|
-
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.jsx
|
1983
1951
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.html.erb
|
1984
1952
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.md
|
1985
1953
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb
|
@@ -2144,23 +2112,16 @@ files:
|
|
2144
2112
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_default.html.erb
|
2145
2113
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_default.jsx
|
2146
2114
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
|
2147
|
-
- app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar.html.erb
|
2148
|
-
- app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar.jsx
|
2149
|
-
- app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar_rails.md
|
2150
|
-
- app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar_react.md
|
2151
2115
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.html.erb
|
2152
2116
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.jsx
|
2153
2117
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
|
2154
2118
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.html.erb
|
2155
2119
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.jsx
|
2156
2120
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.md
|
2157
|
-
- app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.html.erb
|
2158
2121
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.jsx
|
2159
|
-
- app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.md
|
2160
2122
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional_react.md
|
2161
2123
|
- app/pb_kits/playbook/pb_overlay/docs/example.yml
|
2162
2124
|
- app/pb_kits/playbook/pb_overlay/docs/index.js
|
2163
|
-
- app/pb_kits/playbook/pb_overlay/index.js
|
2164
2125
|
- app/pb_kits/playbook/pb_overlay/overlay.html.erb
|
2165
2126
|
- app/pb_kits/playbook/pb_overlay/overlay.rb
|
2166
2127
|
- app/pb_kits/playbook/pb_overlay/overlay.test.jsx
|
@@ -2396,8 +2357,6 @@ files:
|
|
2396
2357
|
- app/pb_kits/playbook/pb_radio/docs/_radio_orientation_swift.md
|
2397
2358
|
- app/pb_kits/playbook/pb_radio/docs/_radio_padding_swift.md
|
2398
2359
|
- app/pb_kits/playbook/pb_radio/docs/_radio_props_swift.md
|
2399
|
-
- app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.jsx
|
2400
|
-
- app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.md
|
2401
2360
|
- app/pb_kits/playbook/pb_radio/docs/_radio_spacing_swift.md
|
2402
2361
|
- app/pb_kits/playbook/pb_radio/docs/_radio_subtitle_swift.md
|
2403
2362
|
- app/pb_kits/playbook/pb_radio/docs/example.yml
|
@@ -2515,15 +2474,12 @@ files:
|
|
2515
2474
|
- app/pb_kits/playbook/pb_select/docs/_select_multiple.jsx
|
2516
2475
|
- app/pb_kits/playbook/pb_select/docs/_select_multiple.md
|
2517
2476
|
- app/pb_kits/playbook/pb_select/docs/_select_props_table.md
|
2518
|
-
- app/pb_kits/playbook/pb_select/docs/_select_react_hook.jsx
|
2519
|
-
- app/pb_kits/playbook/pb_select/docs/_select_react_hook.md
|
2520
2477
|
- app/pb_kits/playbook/pb_select/docs/_select_required.html.erb
|
2521
2478
|
- app/pb_kits/playbook/pb_select/docs/_select_required.jsx
|
2522
2479
|
- app/pb_kits/playbook/pb_select/docs/_select_value_text_same.html.erb
|
2523
2480
|
- app/pb_kits/playbook/pb_select/docs/_select_value_text_same.jsx
|
2524
2481
|
- app/pb_kits/playbook/pb_select/docs/example.yml
|
2525
2482
|
- app/pb_kits/playbook/pb_select/docs/index.js
|
2526
|
-
- app/pb_kits/playbook/pb_select/index.js
|
2527
2483
|
- app/pb_kits/playbook/pb_select/select.html.erb
|
2528
2484
|
- app/pb_kits/playbook/pb_select/select.rb
|
2529
2485
|
- app/pb_kits/playbook/pb_select/select.test.js
|
@@ -3050,9 +3006,6 @@ files:
|
|
3050
3006
|
- app/pb_kits/playbook/pb_title/docs/_title_default.html.erb
|
3051
3007
|
- app/pb_kits/playbook/pb_title/docs/_title_default.jsx
|
3052
3008
|
- app/pb_kits/playbook/pb_title/docs/_title_default.md
|
3053
|
-
- app/pb_kits/playbook/pb_title/docs/_title_display_size.html.erb
|
3054
|
-
- app/pb_kits/playbook/pb_title/docs/_title_display_size.jsx
|
3055
|
-
- app/pb_kits/playbook/pb_title/docs/_title_display_size.md
|
3056
3009
|
- app/pb_kits/playbook/pb_title/docs/_title_light_weight.html.erb
|
3057
3010
|
- app/pb_kits/playbook/pb_title/docs/_title_light_weight.jsx
|
3058
3011
|
- app/pb_kits/playbook/pb_title/docs/_title_light_weight.md
|
@@ -3123,12 +3076,9 @@ files:
|
|
3123
3076
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default_react.md
|
3124
3077
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.jsx
|
3125
3078
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.md
|
3126
|
-
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.html.erb
|
3127
|
-
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.md
|
3128
3079
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.erb
|
3129
3080
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
|
3130
3081
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.md
|
3131
|
-
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.html.erb
|
3132
3082
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.jsx
|
3133
3083
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.md
|
3134
3084
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
|
@@ -3139,12 +3089,9 @@ files:
|
|
3139
3089
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip.md
|
3140
3090
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip_react.jsx
|
3141
3091
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip_react.md
|
3142
|
-
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.jsx
|
3143
|
-
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.md
|
3144
3092
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_with_icon_circle.html.erb
|
3145
3093
|
- app/pb_kits/playbook/pb_tooltip/docs/example.yml
|
3146
3094
|
- app/pb_kits/playbook/pb_tooltip/docs/index.js
|
3147
|
-
- app/pb_kits/playbook/pb_tooltip/floating_ui.js
|
3148
3095
|
- app/pb_kits/playbook/pb_tooltip/index.js
|
3149
3096
|
- app/pb_kits/playbook/pb_tooltip/tooltip.html.erb
|
3150
3097
|
- app/pb_kits/playbook/pb_tooltip/tooltip.rb
|
@@ -3191,10 +3138,6 @@ files:
|
|
3191
3138
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx
|
3192
3139
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb
|
3193
3140
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx
|
3194
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options.html.erb
|
3195
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options.md
|
3196
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options_pure_rails.html.erb
|
3197
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options_pure_rails.md
|
3198
3141
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.html.erb
|
3199
3142
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.jsx
|
3200
3143
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.md
|
@@ -3382,7 +3325,6 @@ files:
|
|
3382
3325
|
- app/pb_kits/playbook/utilities/icons/envelope.svg
|
3383
3326
|
- app/pb_kits/playbook/utilities/icons/spinner.svg
|
3384
3327
|
- app/pb_kits/playbook/utilities/icons/times.svg
|
3385
|
-
- app/pb_kits/playbook/utilities/object.test.js
|
3386
3328
|
- app/pb_kits/playbook/utilities/object.ts
|
3387
3329
|
- app/pb_kits/playbook/utilities/props.ts
|
3388
3330
|
- app/pb_kits/playbook/utilities/test-utils.js
|
@@ -3402,11 +3344,11 @@ files:
|
|
3402
3344
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
3403
3345
|
- app/pb_kits/playbook/utilities/text.ts
|
3404
3346
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
3405
|
-
- dist/chunks/_typeahead-
|
3406
|
-
- dist/chunks/_weekday_stacked-
|
3347
|
+
- dist/chunks/_typeahead-PqkcDf1H.js
|
3348
|
+
- dist/chunks/_weekday_stacked-BhC8Xp9l.js
|
3407
3349
|
- dist/chunks/lazysizes-B7xYodB-.js
|
3408
|
-
- dist/chunks/lib-
|
3409
|
-
- dist/chunks/pb_form_validation-
|
3350
|
+
- dist/chunks/lib-D3us1bGD.js
|
3351
|
+
- dist/chunks/pb_form_validation-BpihMSOQ.js
|
3410
3352
|
- dist/chunks/vendor.js
|
3411
3353
|
- dist/menu.yml
|
3412
3354
|
- 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;
|