playbook_ui 14.17.0.pre.alpha.PBNTR925railstablecustomheaders7163 → 14.17.0.pre.alpha.PLAY1967bracketlayoutphase27198

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.
Files changed (49) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_draggable/_draggable.scss +43 -20
  3. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.jsx +102 -105
  4. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.md +3 -3
  5. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.jsx +50 -48
  6. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.md +1 -1
  7. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.jsx +110 -0
  8. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.md +5 -0
  9. data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_table_react.jsx → _draggable_with_table.jsx} +1 -1
  10. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md +3 -1
  11. data/app/pb_kits/playbook/pb_draggable/docs/example.yml +9 -6
  12. data/app/pb_kits/playbook/pb_draggable/docs/index.js +4 -1
  13. data/app/pb_kits/playbook/pb_draggable/draggable.test.jsx +68 -0
  14. data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableContainer.tsx +4 -3
  15. data/app/pb_kits/playbook/pb_layout/_layout.scss +35 -0
  16. data/app/pb_kits/playbook/pb_layout/_layout.tsx +2 -0
  17. data/app/pb_kits/playbook/pb_layout/docs/_layout_bracket.jsx +318 -118
  18. data/app/pb_kits/playbook/pb_layout/docs/_layout_bracket.md +1 -1
  19. data/app/pb_kits/playbook/pb_layout/subcomponents/_game.tsx +58 -41
  20. data/app/pb_kits/playbook/pb_layout/subcomponents/_participant.tsx +73 -0
  21. data/app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating_react.md +1 -1
  22. data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -2
  23. data/app/pb_kits/playbook/pb_table/styles/_headers.scss +19 -7
  24. data/app/pb_kits/playbook/pb_table/table.rb +1 -13
  25. data/app/pb_kits/playbook/pb_table/table_header.rb +1 -13
  26. data/dist/chunks/{_typeahead-7W5Ha5Td.js → _typeahead-DZZ1n1Oe.js} +2 -2
  27. data/dist/chunks/{_weekday_stacked-DSKatW3m.js → _weekday_stacked-P4lpbU7P.js} +2 -2
  28. data/dist/chunks/vendor.js +1 -1
  29. data/dist/playbook-doc.js +1 -1
  30. data/dist/playbook-rails-react-bindings.js +1 -1
  31. data/dist/playbook-rails.js +1 -1
  32. data/dist/playbook.css +1 -1
  33. data/lib/playbook/version.rb +1 -1
  34. metadata +19 -20
  35. data/app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless.html.erb +0 -34
  36. data/app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless_rails.md +0 -1
  37. data/app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating.html.erb +0 -36
  38. data/app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating_rails.md +0 -1
  39. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_default_rails.html.erb → _draggable_default.html.erb} +0 -0
  40. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_default.md → _draggable_default_react.md} +0 -0
  41. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_multiple_containers_rails.html.erb → _draggable_multiple_containers.html.erb} +0 -0
  42. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_multiple_containers.md → _draggable_multiple_containers_react.md} +0 -0
  43. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_cards_rails.html.erb → _draggable_with_cards.html.erb} +0 -0
  44. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_cards.md → _draggable_with_cards_react.md} +0 -0
  45. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_list_rails.html.erb → _draggable_with_list.html.erb} +0 -0
  46. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_list.md → _draggable_with_list_react.md} +0 -0
  47. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_selectable_list_rails.html.erb → _draggable_with_selectable_list.html.erb} +0 -0
  48. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_selectable_list.md → _draggable_with_selectable_list_react.md} +0 -0
  49. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_table.md → _draggable_with_table_rails.md} +0 -0
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "14.17.0"
5
- VERSION = "14.17.0.pre.alpha.PBNTR925railstablecustomheaders7163"
5
+ VERSION = "14.17.0.pre.alpha.PLAY1967bracketlayoutphase27198"
6
6
  end
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.PBNTR925railstablecustomheaders7163
4
+ version: 14.17.0.pre.alpha.PLAY1967bracketlayoutphase27198
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-11 00:00:00.000000000 Z
12
+ date: 2025-04-14 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -1184,33 +1184,35 @@ files:
1184
1184
  - app/pb_kits/playbook/pb_draggable/_draggable.tsx
1185
1185
  - app/pb_kits/playbook/pb_draggable/context/index.tsx
1186
1186
  - app/pb_kits/playbook/pb_draggable/context/types.ts
1187
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_default.html.erb
1187
1188
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_default.jsx
1188
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_default.md
1189
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.html.erb
1190
1189
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.md
1190
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_react.md
1191
1191
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.jsx
1192
1192
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.md
1193
1193
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.jsx
1194
1194
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.md
1195
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.jsx
1196
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.md
1197
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.html.erb
1195
1198
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx
1196
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.md
1197
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.html.erb
1198
1199
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.md
1200
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_react.md
1201
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.html.erb
1199
1202
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.jsx
1200
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
1201
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_rails.html.erb
1202
1203
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_rails.md
1204
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_react.md
1205
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.html.erb
1203
1206
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.jsx
1204
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.md
1205
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.html.erb
1206
1207
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.md
1208
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_react.md
1209
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.html.erb
1207
1210
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.jsx
1208
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.md
1209
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.html.erb
1210
1211
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md
1212
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_react.md
1211
1213
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.html.erb
1212
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.md
1213
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx
1214
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.jsx
1215
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_rails.md
1214
1216
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md
1215
1217
  - app/pb_kits/playbook/pb_draggable/docs/example.yml
1216
1218
  - app/pb_kits/playbook/pb_draggable/docs/index.js
@@ -1833,6 +1835,7 @@ files:
1833
1835
  - app/pb_kits/playbook/pb_layout/sidebar.html.erb
1834
1836
  - app/pb_kits/playbook/pb_layout/sidebar.rb
1835
1837
  - app/pb_kits/playbook/pb_layout/subcomponents/_game.tsx
1838
+ - app/pb_kits/playbook/pb_layout/subcomponents/_participant.tsx
1836
1839
  - app/pb_kits/playbook/pb_layout/subcomponents/_round.tsx
1837
1840
  - app/pb_kits/playbook/pb_legend/_legend.scss
1838
1841
  - app/pb_kits/playbook/pb_legend/_legend.tsx
@@ -2867,13 +2870,9 @@ files:
2867
2870
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md
2868
2871
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.html.erb
2869
2872
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.md
2870
- - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless.html.erb
2871
2873
  - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless.jsx
2872
- - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless_rails.md
2873
2874
  - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless_react.md
2874
- - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating.html.erb
2875
2875
  - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating.jsx
2876
- - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating_rails.md
2877
2876
  - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating_react.md
2878
2877
  - app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.html.erb
2879
2878
  - app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.jsx
@@ -3471,8 +3470,8 @@ files:
3471
3470
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3472
3471
  - app/pb_kits/playbook/utilities/text.ts
3473
3472
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3474
- - dist/chunks/_typeahead-7W5Ha5Td.js
3475
- - dist/chunks/_weekday_stacked-DSKatW3m.js
3473
+ - dist/chunks/_typeahead-DZZ1n1Oe.js
3474
+ - dist/chunks/_weekday_stacked-P4lpbU7P.js
3476
3475
  - dist/chunks/lazysizes-B7xYodB-.js
3477
3476
  - dist/chunks/lib-BGzBzFZX.js
3478
3477
  - dist/chunks/pb_form_validation-BvNy9Bd6.js
@@ -1,34 +0,0 @@
1
- <%= pb_rails("table", props: { size: "sm", header_style: "borderless" }) do %>
2
- <thead>
3
- <tr>
4
- <th>Column 1</th>
5
- <th>Column 2</th>
6
- <th>Column 3</th>
7
- <th>Column 4</th>
8
- <th>Column 5</th>
9
- </tr>
10
- </thead>
11
- <tbody>
12
- <tr>
13
- <td>Value 1</td>
14
- <td>Value 2</td>
15
- <td>Value 3</td>
16
- <td>Value 4</td>
17
- <td>Value 5</td>
18
- </tr>
19
- <tr>
20
- <td>Value 1</td>
21
- <td>Value 2</td>
22
- <td>Value 3</td>
23
- <td>Value 4</td>
24
- <td>Value 5</td>
25
- </tr>
26
- <tr>
27
- <td>Value 1</td>
28
- <td>Value 2</td>
29
- <td>Value 3</td>
30
- <td>Value 4</td>
31
- <td>Value 5</td>
32
- </tr>
33
- </tbody>
34
- <% end %>
@@ -1 +0,0 @@
1
- Customize your header by removing the header borders with the `header_style: "borderless"` prop.
@@ -1,36 +0,0 @@
1
- <%= pb_rails("card", props: { background: "light" }) do %>
2
- <%= pb_rails("table", props: { size: "sm", header_style: "floating" }) do %>
3
- <%= pb_rails("table/table_head") do %>
4
- <%= pb_rails("background", props: { background_color: "light", tag: "tr" }) do %>
5
- <%= pb_rails("table/table_header", props: { text: "Column 1"}) %>
6
- <%= pb_rails("table/table_header", props: { text: "Column 2"}) %>
7
- <%= pb_rails("table/table_header", props: { text: "Column 3"}) %>
8
- <%= pb_rails("table/table_header", props: { text: "Column 4"}) %>
9
- <%= pb_rails("table/table_header", props: { text: "Column 5"}) %>
10
- <% end %>
11
- <% end %>
12
- <%= pb_rails("table/table_body") do %>
13
- <%= pb_rails("table/table_row") do %>
14
- <%= pb_rails("table/table_cell", props: { text: "Value 1"}) %>
15
- <%= pb_rails("table/table_cell", props: { text: "Value 2"}) %>
16
- <%= pb_rails("table/table_cell", props: { text: "Value 3"}) %>
17
- <%= pb_rails("table/table_cell", props: { text: "Value 4"}) %>
18
- <%= pb_rails("table/table_cell", props: { text: "Value 5"}) %>
19
- <% end %>
20
- <%= pb_rails("table/table_row") do %>
21
- <%= pb_rails("table/table_cell", props: { text: "Value 1"}) %>
22
- <%= pb_rails("table/table_cell", props: { text: "Value 2"}) %>
23
- <%= pb_rails("table/table_cell", props: { text: "Value 3"}) %>
24
- <%= pb_rails("table/table_cell", props: { text: "Value 4"}) %>
25
- <%= pb_rails("table/table_cell", props: { text: "Value 5"}) %>
26
- <% end %>
27
- <%= pb_rails("table/table_row") do %>
28
- <%= pb_rails("table/table_cell", props: { text: "Value 1"}) %>
29
- <%= pb_rails("table/table_cell", props: { text: "Value 2"}) %>
30
- <%= pb_rails("table/table_cell", props: { text: "Value 3"}) %>
31
- <%= pb_rails("table/table_cell", props: { text: "Value 4"}) %>
32
- <%= pb_rails("table/table_cell", props: { text: "Value 5"}) %>
33
- <% end %>
34
- <% end %>
35
- <% end %>
36
- <% end %>
@@ -1 +0,0 @@
1
- Further customize your header by using the [table with background kit](https://playbook.powerapp.cloud/kits/table/rails#table-with-background-kit) logic to give your table header a custom background color. Use the `header_style: "floating"` prop to visually nest the borderless table within a card or collapsible with a matching background color (the `background_color` passed to Background kit should match the `background` or `background_color` for the element in which it is nested).