playbook_ui 14.17.0.pre.alpha.PBNTR925railstablecustomheaders7163 → 14.17.0.pre.alpha.PBNTR935draggablelinedesign7118

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 (42) 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 +115 -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_table/docs/_table_with_header_style_floating_react.md +1 -1
  16. data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -2
  17. data/app/pb_kits/playbook/pb_table/table.rb +1 -13
  18. data/app/pb_kits/playbook/pb_table/table_header.rb +1 -13
  19. data/dist/chunks/{_typeahead-7W5Ha5Td.js → _typeahead-HqfDnjRe.js} +1 -1
  20. data/dist/chunks/{_weekday_stacked-DSKatW3m.js → _weekday_stacked-DVQITtQ9.js} +1 -1
  21. data/dist/chunks/vendor.js +1 -1
  22. data/dist/playbook-doc.js +1 -1
  23. data/dist/playbook-rails-react-bindings.js +1 -1
  24. data/dist/playbook-rails.js +1 -1
  25. data/dist/playbook.css +1 -1
  26. data/lib/playbook/version.rb +1 -1
  27. metadata +18 -20
  28. data/app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless.html.erb +0 -34
  29. data/app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless_rails.md +0 -1
  30. data/app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating.html.erb +0 -36
  31. data/app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating_rails.md +0 -1
  32. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_default_rails.html.erb → _draggable_default.html.erb} +0 -0
  33. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_default.md → _draggable_default_react.md} +0 -0
  34. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_multiple_containers_rails.html.erb → _draggable_multiple_containers.html.erb} +0 -0
  35. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_multiple_containers.md → _draggable_multiple_containers_react.md} +0 -0
  36. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_cards_rails.html.erb → _draggable_with_cards.html.erb} +0 -0
  37. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_cards.md → _draggable_with_cards_react.md} +0 -0
  38. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_list_rails.html.erb → _draggable_with_list.html.erb} +0 -0
  39. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_list.md → _draggable_with_list_react.md} +0 -0
  40. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_selectable_list_rails.html.erb → _draggable_with_selectable_list.html.erb} +0 -0
  41. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_with_selectable_list.md → _draggable_with_selectable_list_react.md} +0 -0
  42. /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.PBNTR935draggablelinedesign7118"
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.PBNTR935draggablelinedesign7118
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-04 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
@@ -2867,13 +2869,9 @@ files:
2867
2869
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md
2868
2870
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.html.erb
2869
2871
  - 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
2872
  - 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
2873
  - 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
2874
  - 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
2875
  - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating_react.md
2878
2876
  - app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.html.erb
2879
2877
  - app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.jsx
@@ -3471,8 +3469,8 @@ files:
3471
3469
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3472
3470
  - app/pb_kits/playbook/utilities/text.ts
3473
3471
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3474
- - dist/chunks/_typeahead-7W5Ha5Td.js
3475
- - dist/chunks/_weekday_stacked-DSKatW3m.js
3472
+ - dist/chunks/_typeahead-HqfDnjRe.js
3473
+ - dist/chunks/_weekday_stacked-DVQITtQ9.js
3476
3474
  - dist/chunks/lazysizes-B7xYodB-.js
3477
3475
  - dist/chunks/lib-BGzBzFZX.js
3478
3476
  - 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).