playbook_ui 14.17.0.pre.alpha.aticonclosefix7325 → 14.17.0.pre.alpha.play1499backgroundkitoverlay7105
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_advanced_table/Components/RegularTableView.tsx +3 -23
- data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +1 -11
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +128 -60
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +0 -3
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.html.erb +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx +2 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_rails.md +2 -2
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_react.md +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_rails.md +2 -6
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md +2 -6
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +2 -6
- data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -4
- data/app/pb_kits/playbook/pb_advanced_table/index.js +0 -7
- data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +1 -1
- data/app/pb_kits/playbook/pb_background/_background.scss +2 -2
- data/app/pb_kits/playbook/pb_background/_background.tsx +5 -3
- data/app/pb_kits/playbook/pb_background/background.test.js +0 -5
- data/app/pb_kits/playbook/pb_background/docs/_background_overlay.jsx +4 -3
- data/app/pb_kits/playbook/pb_background/docs/example.yml +1 -1
- data/app/pb_kits/playbook/pb_copy_button/_copy_button.tsx +45 -19
- data/app/pb_kits/playbook/pb_copy_button/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_copy_button/docs/index.js +1 -2
- data/app/pb_kits/playbook/pb_draggable/_draggable.scss +20 -43
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.jsx +105 -102
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.md +3 -3
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.jsx +48 -50
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.md +1 -1
- data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_table.jsx → _draggable_with_table_react.jsx} +1 -1
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md +1 -3
- data/app/pb_kits/playbook/pb_draggable/docs/example.yml +6 -9
- data/app/pb_kits/playbook/pb_draggable/docs/index.js +1 -4
- data/app/pb_kits/playbook/pb_draggable/draggable.test.jsx +0 -68
- data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableContainer.tsx +3 -4
- data/app/pb_kits/playbook/pb_form_group/_form_group.scss +2 -18
- data/app/pb_kits/playbook/pb_form_group/docs/_form_group_select.html.erb +5 -15
- data/app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx +5 -20
- data/app/pb_kits/playbook/pb_layout/_layout.scss +1 -70
- data/app/pb_kits/playbook/pb_layout/_layout.tsx +2 -29
- data/app/pb_kits/playbook/pb_layout/docs/_layout_bracket.jsx +118 -322
- data/app/pb_kits/playbook/pb_layout/docs/_layout_bracket.md +1 -1
- data/app/pb_kits/playbook/pb_layout/subcomponents/_game.tsx +43 -74
- data/app/pb_kits/playbook/pb_layout/subcomponents/_round.tsx +4 -21
- data/app/pb_kits/playbook/pb_overlay/_overlay.scss +22 -49
- data/app/pb_kits/playbook/pb_overlay/_overlay.tsx +4 -15
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md +7 -1
- data/app/pb_kits/playbook/pb_overlay/docs/example.yml +0 -3
- data/app/pb_kits/playbook/pb_overlay/docs/index.js +0 -3
- data/app/pb_kits/playbook/pb_overlay/overlay.test.jsx +1 -39
- data/app/pb_kits/playbook/pb_table/_table.tsx +2 -2
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.md +1 -3
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows_rails.md +1 -3
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md +1 -3
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.md +1 -3
- data/app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating_react.md +1 -1
- data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_table/styles/_collapsible.scss +1 -1
- data/app/pb_kits/playbook/pb_table/styles/_headers.scss +7 -19
- data/app/pb_kits/playbook/pb_table/table.rb +1 -13
- data/app/pb_kits/playbook/pb_table/table_header.rb +1 -13
- data/dist/chunks/{_typeahead-CHd0V9EL.js → _typeahead-ySWHB-7p.js} +3 -3
- data/dist/chunks/_weekday_stacked-36N8xzXL.js +45 -0
- data/dist/chunks/{lib-BV_AF_eh.js → lib-BGzBzFZX.js} +3 -3
- data/dist/chunks/{pb_form_validation-nsvkJU2J.js → pb_form_validation-BvNy9Bd6.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- 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 +18 -43
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_columns.jsx +0 -58
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_columns.md +0 -6
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_columns_and_header.jsx +0 -64
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_columns_and_header.md +0 -8
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_header.jsx +0 -55
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_header.md +0 -3
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_header_rails.html.erb +0 -33
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_header_rails.md +0 -3
- data/app/pb_kits/playbook/pb_advanced_table/scss_partials/advanced_table_sticky_mixin.scss +0 -97
- data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_hook.jsx +0 -54
- data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_hook.md +0 -3
- data/app/pb_kits/playbook/pb_copy_button/usePBCopy.ts +0 -45
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.jsx +0 -110
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.md +0 -5
- data/app/pb_kits/playbook/pb_layout/subcomponents/_participant.tsx +0 -79
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_color.jsx +0 -63
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_color.md +0 -3
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_gradient_opacity.jsx +0 -39
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_gradient_opacity.md +0 -1
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_layout.jsx +0 -40
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_layout.md +0 -5
- data/app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless.html.erb +0 -34
- data/app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless_rails.md +0 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating.html.erb +0 -36
- data/app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating_rails.md +0 -1
- data/dist/chunks/_weekday_stacked-CdE0nXPu.js +0 -45
- /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_default_react.md → _draggable_default.md} +0 -0
- /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_default.html.erb → _draggable_default_rails.html.erb} +0 -0
- /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_multiple_containers_react.md → _draggable_multiple_containers.md} +0 -0
- /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_multiple_containers.html.erb → _draggable_multiple_containers_rails.html.erb} +0 -0
- /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_cards_react.md → _draggable_with_cards.md} +0 -0
- /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_cards.html.erb → _draggable_with_cards_rails.html.erb} +0 -0
- /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_list_react.md → _draggable_with_list.md} +0 -0
- /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_list.html.erb → _draggable_with_list_rails.html.erb} +0 -0
- /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_selectable_list_react.md → _draggable_with_selectable_list.md} +0 -0
- /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_selectable_list.html.erb → _draggable_with_selectable_list_rails.html.erb} +0 -0
- /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_table_rails.md → _draggable_with_table.md} +0 -0
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 14.17.0.pre.alpha.
|
4
|
+
version: 14.17.0.pre.alpha.play1499backgroundkitoverlay7105
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2025-04-
|
12
|
+
date: 2025-04-03 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -344,14 +344,6 @@ files:
|
|
344
344
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.md
|
345
345
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx
|
346
346
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.md
|
347
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_columns.jsx
|
348
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_columns.md
|
349
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_columns_and_header.jsx
|
350
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_columns_and_header.md
|
351
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_header.jsx
|
352
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_header.md
|
353
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_header_rails.html.erb
|
354
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_header_rails.md
|
355
347
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.jsx
|
356
348
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.md
|
357
349
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.jsx
|
@@ -376,7 +368,6 @@ files:
|
|
376
368
|
- app/pb_kits/playbook/pb_advanced_table/scss_partials/_chrome_styles.scss
|
377
369
|
- app/pb_kits/playbook/pb_advanced_table/scss_partials/_loading.scss
|
378
370
|
- app/pb_kits/playbook/pb_advanced_table/scss_partials/_pseudo_states.scss
|
379
|
-
- app/pb_kits/playbook/pb_advanced_table/scss_partials/advanced_table_sticky_mixin.scss
|
380
371
|
- app/pb_kits/playbook/pb_advanced_table/table_body.html.erb
|
381
372
|
- app/pb_kits/playbook/pb_advanced_table/table_body.rb
|
382
373
|
- app/pb_kits/playbook/pb_advanced_table/table_header.html.erb
|
@@ -833,12 +824,9 @@ files:
|
|
833
824
|
- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.html.erb
|
834
825
|
- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.jsx
|
835
826
|
- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.md
|
836
|
-
- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_hook.jsx
|
837
|
-
- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_hook.md
|
838
827
|
- app/pb_kits/playbook/pb_copy_button/docs/example.yml
|
839
828
|
- app/pb_kits/playbook/pb_copy_button/docs/index.js
|
840
829
|
- app/pb_kits/playbook/pb_copy_button/index.js
|
841
|
-
- app/pb_kits/playbook/pb_copy_button/usePBCopy.ts
|
842
830
|
- app/pb_kits/playbook/pb_currency/_currency.scss
|
843
831
|
- app/pb_kits/playbook/pb_currency/_currency.tsx
|
844
832
|
- app/pb_kits/playbook/pb_currency/currency.html.erb
|
@@ -1198,35 +1186,33 @@ files:
|
|
1198
1186
|
- app/pb_kits/playbook/pb_draggable/_draggable.tsx
|
1199
1187
|
- app/pb_kits/playbook/pb_draggable/context/index.tsx
|
1200
1188
|
- app/pb_kits/playbook/pb_draggable/context/types.ts
|
1201
|
-
- app/pb_kits/playbook/pb_draggable/docs/_draggable_default.html.erb
|
1202
1189
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_default.jsx
|
1190
|
+
- app/pb_kits/playbook/pb_draggable/docs/_draggable_default.md
|
1191
|
+
- app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.html.erb
|
1203
1192
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.md
|
1204
|
-
- app/pb_kits/playbook/pb_draggable/docs/_draggable_default_react.md
|
1205
1193
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.jsx
|
1206
1194
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.md
|
1207
1195
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.jsx
|
1208
1196
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.md
|
1209
|
-
- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.jsx
|
1210
|
-
- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.md
|
1211
|
-
- app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.html.erb
|
1212
1197
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx
|
1198
|
+
- app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.md
|
1199
|
+
- app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.html.erb
|
1213
1200
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.md
|
1214
|
-
- app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_react.md
|
1215
|
-
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.html.erb
|
1216
1201
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.jsx
|
1202
|
+
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
|
1203
|
+
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_rails.html.erb
|
1217
1204
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_rails.md
|
1218
|
-
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_react.md
|
1219
|
-
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.html.erb
|
1220
1205
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.jsx
|
1206
|
+
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.md
|
1207
|
+
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.html.erb
|
1221
1208
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.md
|
1222
|
-
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_react.md
|
1223
|
-
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.html.erb
|
1224
1209
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.jsx
|
1210
|
+
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.md
|
1211
|
+
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.html.erb
|
1225
1212
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md
|
1226
|
-
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_react.md
|
1227
1213
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.html.erb
|
1228
|
-
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.
|
1229
|
-
- app/pb_kits/playbook/pb_draggable/docs/
|
1214
|
+
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.md
|
1215
|
+
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx
|
1230
1216
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md
|
1231
1217
|
- app/pb_kits/playbook/pb_draggable/docs/example.yml
|
1232
1218
|
- app/pb_kits/playbook/pb_draggable/docs/index.js
|
@@ -1849,7 +1835,6 @@ files:
|
|
1849
1835
|
- app/pb_kits/playbook/pb_layout/sidebar.html.erb
|
1850
1836
|
- app/pb_kits/playbook/pb_layout/sidebar.rb
|
1851
1837
|
- app/pb_kits/playbook/pb_layout/subcomponents/_game.tsx
|
1852
|
-
- app/pb_kits/playbook/pb_layout/subcomponents/_participant.tsx
|
1853
1838
|
- app/pb_kits/playbook/pb_layout/subcomponents/_round.tsx
|
1854
1839
|
- app/pb_kits/playbook/pb_legend/_legend.scss
|
1855
1840
|
- app/pb_kits/playbook/pb_legend/_legend.tsx
|
@@ -2208,19 +2193,13 @@ files:
|
|
2208
2193
|
- app/pb_kits/playbook/pb_online_status/online_status.test.js
|
2209
2194
|
- app/pb_kits/playbook/pb_overlay/_overlay.scss
|
2210
2195
|
- app/pb_kits/playbook/pb_overlay/_overlay.tsx
|
2211
|
-
- app/pb_kits/playbook/pb_overlay/docs/_overlay_color.jsx
|
2212
|
-
- app/pb_kits/playbook/pb_overlay/docs/_overlay_color.md
|
2213
2196
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_default.html.erb
|
2214
2197
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_default.jsx
|
2215
2198
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
|
2216
|
-
- app/pb_kits/playbook/pb_overlay/docs/_overlay_gradient_opacity.jsx
|
2217
|
-
- app/pb_kits/playbook/pb_overlay/docs/_overlay_gradient_opacity.md
|
2218
2199
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar.html.erb
|
2219
2200
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar.jsx
|
2220
2201
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar_rails.md
|
2221
2202
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar_react.md
|
2222
|
-
- app/pb_kits/playbook/pb_overlay/docs/_overlay_layout.jsx
|
2223
|
-
- app/pb_kits/playbook/pb_overlay/docs/_overlay_layout.md
|
2224
2203
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.html.erb
|
2225
2204
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.jsx
|
2226
2205
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
|
@@ -2890,13 +2869,9 @@ files:
|
|
2890
2869
|
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md
|
2891
2870
|
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.html.erb
|
2892
2871
|
- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.md
|
2893
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless.html.erb
|
2894
2872
|
- app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless.jsx
|
2895
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless_rails.md
|
2896
2873
|
- app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless_react.md
|
2897
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating.html.erb
|
2898
2874
|
- app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating.jsx
|
2899
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating_rails.md
|
2900
2875
|
- app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating_react.md
|
2901
2876
|
- app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.html.erb
|
2902
2877
|
- app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.jsx
|
@@ -3494,11 +3469,11 @@ files:
|
|
3494
3469
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
3495
3470
|
- app/pb_kits/playbook/utilities/text.ts
|
3496
3471
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
3497
|
-
- dist/chunks/_typeahead-
|
3498
|
-
- dist/chunks/_weekday_stacked-
|
3472
|
+
- dist/chunks/_typeahead-ySWHB-7p.js
|
3473
|
+
- dist/chunks/_weekday_stacked-36N8xzXL.js
|
3499
3474
|
- dist/chunks/lazysizes-B7xYodB-.js
|
3500
|
-
- dist/chunks/lib-
|
3501
|
-
- dist/chunks/pb_form_validation-
|
3475
|
+
- dist/chunks/lib-BGzBzFZX.js
|
3476
|
+
- dist/chunks/pb_form_validation-BvNy9Bd6.js
|
3502
3477
|
- dist/chunks/vendor.js
|
3503
3478
|
- dist/menu.yml
|
3504
3479
|
- dist/playbook-doc.js
|
@@ -1,58 +0,0 @@
|
|
1
|
-
import React from "react"
|
2
|
-
import AdvancedTable from '../../pb_advanced_table/_advanced_table'
|
3
|
-
import MOCK_DATA from "./advanced_table_mock_data.json"
|
4
|
-
|
5
|
-
const AdvancedTableStickyColumns = (props) => {
|
6
|
-
const columnDefinitions = [
|
7
|
-
{
|
8
|
-
accessor: "year",
|
9
|
-
label: "Year",
|
10
|
-
id: "year",
|
11
|
-
cellAccessors: ["quarter", "month", "day"],
|
12
|
-
},
|
13
|
-
{
|
14
|
-
accessor: "newEnrollments",
|
15
|
-
label: "New Enrollments",
|
16
|
-
id: "newEnrollments",
|
17
|
-
},
|
18
|
-
{
|
19
|
-
accessor: "scheduledMeetings",
|
20
|
-
label: "Scheduled Meetings",
|
21
|
-
id: "scheduledMeetings",
|
22
|
-
},
|
23
|
-
{
|
24
|
-
accessor: "attendanceRate",
|
25
|
-
label: "Attendance Rate",
|
26
|
-
id: "attendanceRate",
|
27
|
-
},
|
28
|
-
{
|
29
|
-
accessor: "completedClasses",
|
30
|
-
label: "Completed Classes",
|
31
|
-
id: "completedClasses",
|
32
|
-
},
|
33
|
-
{
|
34
|
-
accessor: "classCompletionRate",
|
35
|
-
label: "Class Completion Rate",
|
36
|
-
id: "classCompletionRate",
|
37
|
-
},
|
38
|
-
{
|
39
|
-
accessor: "graduatedStudents",
|
40
|
-
label: "Graduated Students",
|
41
|
-
id: "graduatedStudents",
|
42
|
-
},
|
43
|
-
]
|
44
|
-
|
45
|
-
return (
|
46
|
-
<div>
|
47
|
-
<AdvancedTable
|
48
|
-
columnDefinitions={columnDefinitions}
|
49
|
-
responsive="none"
|
50
|
-
stickyLeftColumn={["year"]}
|
51
|
-
tableData={MOCK_DATA}
|
52
|
-
{...props}
|
53
|
-
/>
|
54
|
-
</div>
|
55
|
-
)
|
56
|
-
}
|
57
|
-
|
58
|
-
export default AdvancedTableStickyColumns
|
@@ -1,6 +0,0 @@
|
|
1
|
-
To render sticky columns for the Advanced Table, you can use the `stickyLeftColumn` prop. This prop expects an array of the column ids you want to be sticky.
|
2
|
-
|
3
|
-
To achieve this:
|
4
|
-
- Make sure to provide an id for each column via columnDefinitions as shown below. Id can be any string.
|
5
|
-
- One or multiple columns can be made sticky, it is recommended to set the ids within `stickyLeftColumn` in the order in which the columns are rendered.
|
6
|
-
- It is recommended to set `responsive` to none when using `stickyLeftColumn` since responsive just makes the first column sticky and the slightly different styling for `responsive` and `stickyLeftColumn` may override each other in unexpected ways.
|
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_columns_and_header.jsx
DELETED
@@ -1,64 +0,0 @@
|
|
1
|
-
import React from "react"
|
2
|
-
import AdvancedTable from '../../pb_advanced_table/_advanced_table'
|
3
|
-
import MOCK_DATA from "./advanced_table_mock_data.json"
|
4
|
-
|
5
|
-
const AdvancedTableStickyColumnsAndHeader = (props) => {
|
6
|
-
const columnDefinitions = [
|
7
|
-
{
|
8
|
-
accessor: "year",
|
9
|
-
label: "Year",
|
10
|
-
id: "year",
|
11
|
-
cellAccessors: ["quarter", "month", "day"],
|
12
|
-
},
|
13
|
-
{
|
14
|
-
accessor: "newEnrollments",
|
15
|
-
label: "New Enrollments",
|
16
|
-
id: "newEnrollments",
|
17
|
-
},
|
18
|
-
{
|
19
|
-
accessor: "scheduledMeetings",
|
20
|
-
label: "Scheduled Meetings",
|
21
|
-
id: "scheduledMeetings",
|
22
|
-
},
|
23
|
-
{
|
24
|
-
accessor: "attendanceRate",
|
25
|
-
label: "Attendance Rate",
|
26
|
-
id: "attendanceRate",
|
27
|
-
},
|
28
|
-
{
|
29
|
-
accessor: "completedClasses",
|
30
|
-
label: "Completed Classes",
|
31
|
-
id: "completedClasses",
|
32
|
-
},
|
33
|
-
{
|
34
|
-
accessor: "classCompletionRate",
|
35
|
-
label: "Class Completion Rate",
|
36
|
-
id: "classCompletionRate",
|
37
|
-
},
|
38
|
-
{
|
39
|
-
accessor: "graduatedStudents",
|
40
|
-
label: "Graduated Students",
|
41
|
-
id: "graduatedStudents",
|
42
|
-
},
|
43
|
-
]
|
44
|
-
|
45
|
-
const tableProps = {
|
46
|
-
sticky: true
|
47
|
-
}
|
48
|
-
|
49
|
-
return (
|
50
|
-
<div>
|
51
|
-
<AdvancedTable
|
52
|
-
columnDefinitions={columnDefinitions}
|
53
|
-
maxHeight="xs"
|
54
|
-
responsive="none"
|
55
|
-
stickyLeftColumn={["year"]}
|
56
|
-
tableData={MOCK_DATA}
|
57
|
-
tableProps={tableProps}
|
58
|
-
{...props}
|
59
|
-
/>
|
60
|
-
</div>
|
61
|
-
)
|
62
|
-
}
|
63
|
-
|
64
|
-
export default AdvancedTableStickyColumnsAndHeader
|
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_columns_and_header.md
DELETED
@@ -1,8 +0,0 @@
|
|
1
|
-
To achieve a sticky header AND sticky columns together, in addition to the `stickyLeftColumn` logic outlined above, you can:
|
2
|
-
|
3
|
-
- Set `sticky: true` via `tableProps`
|
4
|
-
- Give the AdvancedTable a `maxHeight` using our [Max Height](https://playbook.powerapp.cloud/visual_guidelines/max_height) global prop.
|
5
|
-
|
6
|
-
**NOTE**: This behavior requires a `maxHeight` to work. The header is sticky within the table container, allowing for it to work along with the column stickiness.
|
7
|
-
|
8
|
-
Expand the table above to see this in action.
|
@@ -1,55 +0,0 @@
|
|
1
|
-
import React from "react"
|
2
|
-
import AdvancedTable from '../../pb_advanced_table/_advanced_table'
|
3
|
-
import MOCK_DATA from "./advanced_table_mock_data.json"
|
4
|
-
|
5
|
-
const AdvancedTableStickyHeader = (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 tableProps = {
|
39
|
-
sticky: true
|
40
|
-
}
|
41
|
-
|
42
|
-
return (
|
43
|
-
<div>
|
44
|
-
<AdvancedTable
|
45
|
-
columnDefinitions={columnDefinitions}
|
46
|
-
responsive="none"
|
47
|
-
tableData={MOCK_DATA}
|
48
|
-
tableProps={tableProps}
|
49
|
-
{...props}
|
50
|
-
/>
|
51
|
-
</div>
|
52
|
-
)
|
53
|
-
}
|
54
|
-
|
55
|
-
export default AdvancedTableStickyHeader
|
@@ -1,3 +0,0 @@
|
|
1
|
-
The `TableProps` prop can also be used to render a sticky header for the Advanced Table.
|
2
|
-
|
3
|
-
This doc example showcases how to set a sticky header for a nonresponsive table (see the `responsive` prop set to "none"). To achieve sticky header AND responsive functionality, see the "Sticky Header for Responsive Table" doc example below.
|
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sticky_header_rails.html.erb
DELETED
@@ -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: "sticky_header_table", table_data: @table_data, column_definitions: column_definitions, responsive: "none", table_props: { sticky: true }}) %>
|
@@ -1,3 +0,0 @@
|
|
1
|
-
The `table_props` prop can also be used to render a sticky header for the Advanced Table.
|
2
|
-
|
3
|
-
This doc example showcases how to set a sticky header for a nonresponsive table (see the `responsive` prop set to "none"). To achieve sticky header AND responsive functionality, see the "[Sticky Header for Responsive Table](https://playbook.powerapp.cloud/kits/advanced_table/react#sticky-header-for-responsive-table)" doc example below.
|
@@ -1,97 +0,0 @@
|
|
1
|
-
@mixin advanced-table-sticky-mixin(
|
2
|
-
$border-color,
|
3
|
-
$bg-main,
|
4
|
-
$bg-secondary,
|
5
|
-
$highlight: $info_subtle
|
6
|
-
) {
|
7
|
-
border-radius: 4px;
|
8
|
-
box-shadow: 1px 0 0 0px $border-color, -1px 0 0 0px $border-color;
|
9
|
-
display: block;
|
10
|
-
[class^="pb_table"].table-sm.table-card thead tr th:first-child,
|
11
|
-
[class^="pb_table"].table-sm:not(.no-hover).table-card
|
12
|
-
tbody
|
13
|
-
tr
|
14
|
-
td:first-child {
|
15
|
-
border-left-width: 0px !important;
|
16
|
-
}
|
17
|
-
[class^="pb_table"].table-sm.table-card thead tr th:last-child,
|
18
|
-
[class^="pb_table"].table-sm:not(.no-hover).table-card
|
19
|
-
tbody
|
20
|
-
tr
|
21
|
-
td:last-child {
|
22
|
-
border-right-width: 0px;
|
23
|
-
}
|
24
|
-
[class^="pb_table"].table-sm.table-card tbody tr:last-child td:first-child,
|
25
|
-
[class^="pb_table"].table-sm.table-card tbody tr:last-child td:last-child {
|
26
|
-
border-radius: 0 0 0 0;
|
27
|
-
}
|
28
|
-
.table-header-cells:first-child,
|
29
|
-
td:first-child,
|
30
|
-
.pb_table_td:first-child,
|
31
|
-
.checkbox-cell.checkbox-cell-header:first-child,
|
32
|
-
.table-header-cells.sticky-left,
|
33
|
-
[class*="pinned-left"] {
|
34
|
-
background-color: $bg-main;
|
35
|
-
box-shadow: $shadow_deep !important;
|
36
|
-
position: sticky !important;
|
37
|
-
left: 0;
|
38
|
-
z-index: 2;
|
39
|
-
}
|
40
|
-
|
41
|
-
.bg-silver {
|
42
|
-
td:first-child,
|
43
|
-
.sticky-left {
|
44
|
-
background-color: $bg-secondary;
|
45
|
-
}
|
46
|
-
}
|
47
|
-
.bg-row-selection {
|
48
|
-
td:first-child,
|
49
|
-
.sticky-left {
|
50
|
-
background-color: $highlight;
|
51
|
-
}
|
52
|
-
}
|
53
|
-
|
54
|
-
.bg-white {
|
55
|
-
td:first-child,
|
56
|
-
.sticky-left {
|
57
|
-
background-color: $bg-main;
|
58
|
-
}
|
59
|
-
}
|
60
|
-
|
61
|
-
.virtualized-table-row {
|
62
|
-
&.bg-silver td:first-child {
|
63
|
-
background-color: $bg-secondary;
|
64
|
-
}
|
65
|
-
&.bg-white td:first-child {
|
66
|
-
background-color: $bg-main;
|
67
|
-
}
|
68
|
-
&.bg-row-selection td:first-child {
|
69
|
-
background-color: $highlight;
|
70
|
-
}
|
71
|
-
}
|
72
|
-
|
73
|
-
.row-selection-actions-card {
|
74
|
-
border-right-width: 0px;
|
75
|
-
border-left-width: 0px;
|
76
|
-
position: sticky;
|
77
|
-
top: 0;
|
78
|
-
left: 0;
|
79
|
-
border-radius: unset;
|
80
|
-
}
|
81
|
-
|
82
|
-
.checkbox-cell {
|
83
|
-
display: table-cell !important;
|
84
|
-
}
|
85
|
-
|
86
|
-
.sticky-header {
|
87
|
-
thead {
|
88
|
-
th:first-child {
|
89
|
-
box-shadow: 1px 0 10px -2px $border-color !important;
|
90
|
-
}
|
91
|
-
}
|
92
|
-
|
93
|
-
.pb_advanced_table_header {
|
94
|
-
box-shadow: none !important;
|
95
|
-
}
|
96
|
-
}
|
97
|
-
}
|
@@ -1,54 +0,0 @@
|
|
1
|
-
import React, { useEffect, useState } from 'react'
|
2
|
-
import usePBCopy from '../../pb_copy_button/usePBCopy'
|
3
|
-
import Body from '../../pb_body/_body'
|
4
|
-
import Textarea from '../../pb_textarea/_textarea'
|
5
|
-
import Tooltip from '../../pb_tooltip/_tooltip'
|
6
|
-
|
7
|
-
const CopyButtonHook = ({...props}) => {
|
8
|
-
// This is how you can use the copy button hook to copy text to the clipboard
|
9
|
-
// eslint-disable-next-line no-unused-vars
|
10
|
-
const [copied, copyToClipboard] = usePBCopy({ from: 'hookbody' })
|
11
|
-
// I added a tooltip so it looks better in the ui
|
12
|
-
const [showTooltip, setShowTooltip] = useState(false)
|
13
|
-
|
14
|
-
const handleCopy = () => {
|
15
|
-
copyToClipboard()
|
16
|
-
setShowTooltip(true)
|
17
|
-
setTimeout(() => setShowTooltip(false), 1500)
|
18
|
-
}
|
19
|
-
|
20
|
-
useEffect(() => {
|
21
|
-
const el = document.getElementById('hookbody')
|
22
|
-
if (!el) return
|
23
|
-
|
24
|
-
el.addEventListener('click', handleCopy)
|
25
|
-
return () => {
|
26
|
-
el.removeEventListener('click', handleCopy)
|
27
|
-
}
|
28
|
-
}, [copyToClipboard])
|
29
|
-
|
30
|
-
return (
|
31
|
-
<div>
|
32
|
-
<Tooltip
|
33
|
-
delay={{ close: 1000 }}
|
34
|
-
forceOpenTooltip={showTooltip}
|
35
|
-
placement="top"
|
36
|
-
showTooltip={false}
|
37
|
-
text="Copied!"
|
38
|
-
>
|
39
|
-
<Body
|
40
|
-
cursor="pointer"
|
41
|
-
id="hookbody"
|
42
|
-
text="I'm a custom copy hook! Click this body to copy this text!"
|
43
|
-
/>
|
44
|
-
</Tooltip>
|
45
|
-
|
46
|
-
<Textarea
|
47
|
-
{...props}
|
48
|
-
placeholder="Paste here"
|
49
|
-
/>
|
50
|
-
</div>
|
51
|
-
)
|
52
|
-
}
|
53
|
-
|
54
|
-
export default CopyButtonHook
|
@@ -1,3 +0,0 @@
|
|
1
|
-
We provide a `usePBCopy` hook that you can import to your project. This hook will return a function that you can call to copy the text to the clipboard.
|
2
|
-
|
3
|
-
`usePBCopy({ from: 'your_id' })` will grab the `innerText` from `your_id` element, or `value` if it is an input element.
|
@@ -1,45 +0,0 @@
|
|
1
|
-
import { useState, useRef, useEffect } from 'react'
|
2
|
-
|
3
|
-
type UsePBCopyProps = {
|
4
|
-
value?: string
|
5
|
-
from?: string
|
6
|
-
timeout?: number
|
7
|
-
}
|
8
|
-
|
9
|
-
export default function usePBCopy({
|
10
|
-
value = '',
|
11
|
-
from = '',
|
12
|
-
timeout = 0,
|
13
|
-
}: UsePBCopyProps) {
|
14
|
-
const [copied, setCopied] = useState(false)
|
15
|
-
const timerRef = useRef<number>()
|
16
|
-
|
17
|
-
const copy = () => {
|
18
|
-
if (!value && !from) return
|
19
|
-
|
20
|
-
if (value) {
|
21
|
-
navigator.clipboard.writeText(value)
|
22
|
-
} else {
|
23
|
-
const el = document.getElementById(from)
|
24
|
-
let text = el?.innerText
|
25
|
-
if (el instanceof HTMLTextAreaElement || el instanceof HTMLInputElement) {
|
26
|
-
text = el.value
|
27
|
-
}
|
28
|
-
if (text) navigator.clipboard.writeText(text)
|
29
|
-
}
|
30
|
-
|
31
|
-
setCopied(true)
|
32
|
-
window.clearTimeout(timerRef.current)
|
33
|
-
timerRef.current = window.setTimeout(() => {
|
34
|
-
setCopied(false)
|
35
|
-
}, timeout)
|
36
|
-
}
|
37
|
-
|
38
|
-
useEffect(() => {
|
39
|
-
return () => {
|
40
|
-
window.clearTimeout(timerRef.current)
|
41
|
-
}
|
42
|
-
}, [])
|
43
|
-
|
44
|
-
return [copied, copy] as const
|
45
|
-
}
|