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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_draggable/_draggable.scss +43 -20
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.jsx +102 -105
- 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 +50 -48
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.md +1 -1
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.jsx +110 -0
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.md +5 -0
- data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_table_react.jsx → _draggable_with_table.jsx} +1 -1
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md +3 -1
- data/app/pb_kits/playbook/pb_draggable/docs/example.yml +9 -6
- data/app/pb_kits/playbook/pb_draggable/docs/index.js +4 -1
- data/app/pb_kits/playbook/pb_draggable/draggable.test.jsx +68 -0
- data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableContainer.tsx +4 -3
- data/app/pb_kits/playbook/pb_layout/_layout.scss +35 -0
- data/app/pb_kits/playbook/pb_layout/_layout.tsx +2 -0
- data/app/pb_kits/playbook/pb_layout/docs/_layout_bracket.jsx +318 -118
- data/app/pb_kits/playbook/pb_layout/docs/_layout_bracket.md +1 -1
- data/app/pb_kits/playbook/pb_layout/subcomponents/_game.tsx +58 -41
- data/app/pb_kits/playbook/pb_layout/subcomponents/_participant.tsx +73 -0
- 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/_headers.scss +19 -7
- 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-7W5Ha5Td.js → _typeahead-DZZ1n1Oe.js} +2 -2
- data/dist/chunks/{_weekday_stacked-DSKatW3m.js → _weekday_stacked-P4lpbU7P.js} +2 -2
- 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 +19 -20
- 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/app/pb_kits/playbook/pb_draggable/docs/{_draggable_default_rails.html.erb → _draggable_default.html.erb} +0 -0
- /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_default.md → _draggable_default_react.md} +0 -0
- /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_multiple_containers_rails.html.erb → _draggable_multiple_containers.html.erb} +0 -0
- /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_multiple_containers.md → _draggable_multiple_containers_react.md} +0 -0
- /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_cards_rails.html.erb → _draggable_with_cards.html.erb} +0 -0
- /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_cards.md → _draggable_with_cards_react.md} +0 -0
- /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_list_rails.html.erb → _draggable_with_list.html.erb} +0 -0
- /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_list.md → _draggable_with_list_react.md} +0 -0
- /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_selectable_list_rails.html.erb → _draggable_with_selectable_list.html.erb} +0 -0
- /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_selectable_list.md → _draggable_with_selectable_list_react.md} +0 -0
- /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_table.md → _draggable_with_table_rails.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.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-
|
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.
|
1213
|
-
- app/pb_kits/playbook/pb_draggable/docs/
|
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-
|
3475
|
-
- dist/chunks/_weekday_stacked-
|
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).
|
File without changes
|
/data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_default.md → _draggable_default_react.md}
RENAMED
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|