playbook_ui 13.20.0.pre.alpha.PBNTR225advancedtablefeedback2375 → 13.20.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (53) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/Components/CustomCell.tsx +19 -21
  3. data/app/pb_kits/playbook/pb_advanced_table/Components/SortIconButton.tsx +3 -6
  4. data/app/pb_kits/playbook/pb_advanced_table/Components/SubRowHeaderRow.tsx +8 -12
  5. data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +9 -14
  6. data/app/pb_kits/playbook/pb_advanced_table/Components/ToggleIconButton.tsx +5 -9
  7. data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx +10 -14
  8. data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableHeader.tsx +8 -12
  9. data/app/pb_kits/playbook/pb_advanced_table/Utilities/ExpansionControlHelpers.tsx +2 -3
  10. data/app/pb_kits/playbook/pb_advanced_table/Utilities/types.ts +2 -0
  11. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +9 -2
  12. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +78 -82
  13. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +54 -54
  14. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.jsx +7 -7
  15. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx +7 -7
  16. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx +7 -7
  17. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.jsx +7 -7
  18. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.md +1 -1
  19. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx +7 -7
  20. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx +7 -7
  21. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx +7 -7
  22. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.jsx +7 -7
  23. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.jsx +7 -7
  24. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx +7 -7
  25. data/app/pb_kits/playbook/pb_advanced_table/docs/_mock_data.js +1 -1
  26. data/app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js +1 -1
  27. data/app/pb_kits/playbook/pb_nav/_subtle_mixin.scss +0 -4
  28. data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -3
  29. data/app/pb_kits/playbook/pb_table/styles/_striped.scss +2 -2
  30. data/app/pb_kits/playbook/pb_table/styles/_structure.scss +2 -4
  31. data/app/pb_kits/playbook/pb_table/table_header.html.erb +39 -49
  32. data/app/pb_kits/playbook/pb_table/table_header.rb +1 -8
  33. data/app/pb_kits/playbook/pb_table/table_row.html.erb +7 -17
  34. data/app/pb_kits/playbook/pb_table/table_row.rb +1 -8
  35. data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +5 -9
  36. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on.jsx +0 -20
  37. data/app/pb_kits/playbook/pb_user/docs/_user_props_table.md +1 -2
  38. data/app/pb_kits/playbook/pb_user/docs/example.yml +0 -1
  39. data/dist/playbook-rails.js +1 -1
  40. data/lib/playbook/version.rb +2 -2
  41. metadata +7 -19
  42. data/app/pb_kits/playbook/pb_advanced_table/scss_partials/_chrome_styles.scss +0 -13
  43. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.html.erb +0 -34
  44. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.md +0 -7
  45. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb +0 -34
  46. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.md +0 -3
  47. data/app/pb_kits/playbook/pb_table/table_body.html.erb +0 -17
  48. data/app/pb_kits/playbook/pb_table/table_body.rb +0 -15
  49. data/app/pb_kits/playbook/pb_table/table_cell.html.erb +0 -17
  50. data/app/pb_kits/playbook/pb_table/table_cell.rb +0 -17
  51. data/app/pb_kits/playbook/pb_table/table_head.html.erb +0 -17
  52. data/app/pb_kits/playbook/pb_table/table_head.rb +0 -15
  53. data/app/pb_kits/playbook/pb_user/docs/_user_presence_indicator_swift.md +0 -30
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "13.20.0"
5
- VERSION = "13.20.0.pre.alpha.PBNTR225advancedtablefeedback2375"
4
+ PREVIOUS_VERSION = "13.19.0"
5
+ VERSION = "13.20.0"
6
6
  end
metadata CHANGED
@@ -1,15 +1,15 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 13.20.0.pre.alpha.PBNTR225advancedtablefeedback2375
4
+ version: 13.20.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
8
8
  - Power Devs
9
- autorequire:
9
+ autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2024-03-15 00:00:00.000000000 Z
12
+ date: 2024-03-05 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -312,7 +312,6 @@ files:
312
312
  - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
313
313
  - app/pb_kits/playbook/pb_advanced_table/docs/example.yml
314
314
  - app/pb_kits/playbook/pb_advanced_table/docs/index.js
315
- - app/pb_kits/playbook/pb_advanced_table/scss_partials/_chrome_styles.scss
316
315
  - app/pb_kits/playbook/pb_advanced_table/scss_partials/_loading.scss
317
316
  - app/pb_kits/playbook/pb_advanced_table/scss_partials/_pseudo_states.scss
318
317
  - app/pb_kits/playbook/pb_avatar/_avatar.scss
@@ -2290,10 +2289,6 @@ files:
2290
2289
  - app/pb_kits/playbook/pb_table/docs/_table_vertical_border.jsx
2291
2290
  - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb
2292
2291
  - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx
2293
- - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.html.erb
2294
- - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.md
2295
- - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb
2296
- - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.md
2297
2292
  - app/pb_kits/playbook/pb_table/docs/example.yml
2298
2293
  - app/pb_kits/playbook/pb_table/docs/index.js
2299
2294
  - app/pb_kits/playbook/pb_table/index.ts
@@ -2320,12 +2315,6 @@ files:
2320
2315
  - app/pb_kits/playbook/pb_table/table.html.erb
2321
2316
  - app/pb_kits/playbook/pb_table/table.rb
2322
2317
  - app/pb_kits/playbook/pb_table/table.test.js
2323
- - app/pb_kits/playbook/pb_table/table_body.html.erb
2324
- - app/pb_kits/playbook/pb_table/table_body.rb
2325
- - app/pb_kits/playbook/pb_table/table_cell.html.erb
2326
- - app/pb_kits/playbook/pb_table/table_cell.rb
2327
- - app/pb_kits/playbook/pb_table/table_head.html.erb
2328
- - app/pb_kits/playbook/pb_table/table_head.rb
2329
2318
  - app/pb_kits/playbook/pb_table/table_header.html.erb
2330
2319
  - app/pb_kits/playbook/pb_table/table_header.rb
2331
2320
  - app/pb_kits/playbook/pb_table/table_row.html.erb
@@ -2654,7 +2643,6 @@ files:
2654
2643
  - app/pb_kits/playbook/pb_user/docs/_user_default.html.erb
2655
2644
  - app/pb_kits/playbook/pb_user/docs/_user_default.jsx
2656
2645
  - app/pb_kits/playbook/pb_user/docs/_user_horizontal_swift.md
2657
- - app/pb_kits/playbook/pb_user/docs/_user_presence_indicator_swift.md
2658
2646
  - app/pb_kits/playbook/pb_user/docs/_user_props_table.md
2659
2647
  - app/pb_kits/playbook/pb_user/docs/_user_size.html.erb
2660
2648
  - app/pb_kits/playbook/pb_user/docs/_user_size.jsx
@@ -2863,7 +2851,7 @@ homepage: https://playbook.powerapp.cloud/
2863
2851
  licenses:
2864
2852
  - ISC
2865
2853
  metadata: {}
2866
- post_install_message:
2854
+ post_install_message:
2867
2855
  rdoc_options: []
2868
2856
  require_paths:
2869
2857
  - lib
@@ -2874,12 +2862,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
2874
2862
  version: '0'
2875
2863
  required_rubygems_version: !ruby/object:Gem::Requirement
2876
2864
  requirements:
2877
- - - ">"
2865
+ - - ">="
2878
2866
  - !ruby/object:Gem::Version
2879
- version: 1.3.1
2867
+ version: '0'
2880
2868
  requirements: []
2881
2869
  rubygems_version: 3.3.7
2882
- signing_key:
2870
+ signing_key:
2883
2871
  specification_version: 4
2884
2872
  summary: Playbook Design System
2885
2873
  test_files: []
@@ -1,13 +0,0 @@
1
- @import "../../tokens/colors";
2
-
3
- @mixin chrome_styles($border-color) {
4
- .chrome-styles:first-child {
5
- border-right: $border-color;
6
- }
7
-
8
- .table-card {
9
- .chrome-styles:first-child {
10
- border-right: $transparent !important;
11
- }
12
- }
13
- }
@@ -1,34 +0,0 @@
1
- <%= pb_rails("table", props: { size: "sm" }) do %>
2
- <%= pb_rails("table/table_head") do %>
3
- <%= pb_rails("table/table_row") do %>
4
- <%= pb_rails("table/table_header", props: { text: "Column 1"}) %>
5
- <%= pb_rails("table/table_header", props: { text: "Column 2"}) %>
6
- <%= pb_rails("table/table_header", props: { text: "Column 3"}) %>
7
- <%= pb_rails("table/table_header", props: { text: "Column 4"}) %>
8
- <%= pb_rails("table/table_header", props: { text: "Column 5"}) %>
9
- <% end %>
10
- <% end %>
11
- <%= pb_rails("table/table_body") do %>
12
- <%= pb_rails("table/table_row") do %>
13
- <%= pb_rails("table/table_cell", props: { text: "Value 1"}) %>
14
- <%= pb_rails("table/table_cell", props: { text: "Value 2"}) %>
15
- <%= pb_rails("table/table_cell", props: { text: "Value 3"}) %>
16
- <%= pb_rails("table/table_cell", props: { text: "Value 4"}) %>
17
- <%= pb_rails("table/table_cell", props: { text: "Value 5"}) %>
18
- <% end %>
19
- <%= pb_rails("table/table_row") do %>
20
- <%= pb_rails("table/table_cell", props: { text: "Value 1"}) %>
21
- <%= pb_rails("table/table_cell", props: { text: "Value 2"}) %>
22
- <%= pb_rails("table/table_cell", props: { text: "Value 3"}) %>
23
- <%= pb_rails("table/table_cell", props: { text: "Value 4"}) %>
24
- <%= pb_rails("table/table_cell", props: { text: "Value 5"}) %>
25
- <% end %>
26
- <%= pb_rails("table/table_row") do %>
27
- <%= pb_rails("table/table_cell", props: { text: "Value 1"}) %>
28
- <%= pb_rails("table/table_cell", props: { text: "Value 2"}) %>
29
- <%= pb_rails("table/table_cell", props: { text: "Value 3"}) %>
30
- <%= pb_rails("table/table_cell", props: { text: "Value 4"}) %>
31
- <%= pb_rails("table/table_cell", props: { text: "Value 5"}) %>
32
- <% end %>
33
- <% end %>
34
- <% end %>
@@ -1,7 +0,0 @@
1
- You can optionally build your table using our sub-components, which map to their respective html table elements:
2
-
3
- `table_head` = `thead`
4
- `table_body` = `tbody`
5
- `table_row` = `tr`
6
- `table_header` = `th`
7
- `table_cell` = `td`
@@ -1,34 +0,0 @@
1
- <%= pb_rails("table", props: { size: "sm", tag:"div" }) do %>
2
- <%= pb_rails("table/table_head", props: {tag:"div"}) do %>
3
- <%= pb_rails("table/table_row", props: {tag:"div"}) do %>
4
- <%= pb_rails("table/table_header", props: { text: "Column 1", tag:"div"}) %>
5
- <%= pb_rails("table/table_header", props: { text: "Column 2", tag:"div"}) %>
6
- <%= pb_rails("table/table_header", props: { text: "Column 3", tag:"div"}) %>
7
- <%= pb_rails("table/table_header", props: { text: "Column 4", tag:"div"}) %>
8
- <%= pb_rails("table/table_header", props: { text: "Column 5", tag:"div"}) %>
9
- <% end %>
10
- <% end %>
11
- <%= pb_rails("table/table_body", props: {tag:"div"}) do %>
12
- <%= pb_rails("table/table_row", props: {tag:"div"}) do %>
13
- <%= pb_rails("table/table_cell", props: { text: "Value 1", tag:"div"}) %>
14
- <%= pb_rails("table/table_cell", props: { text: "Value 2", tag:"div"}) %>
15
- <%= pb_rails("table/table_cell", props: { text: "Value 3", tag:"div"}) %>
16
- <%= pb_rails("table/table_cell", props: { text: "Value 4", tag:"div"}) %>
17
- <%= pb_rails("table/table_cell", props: { text: "Value 5", tag:"div"}) %>
18
- <% end %>
19
- <%= pb_rails("table/table_row", props: {tag:"div"}) do %>
20
- <%= pb_rails("table/table_cell", props: { text: "Value 1", tag:"div"}) %>
21
- <%= pb_rails("table/table_cell", props: { text: "Value 2", tag:"div"}) %>
22
- <%= pb_rails("table/table_cell", props: { text: "Value 3", tag:"div"}) %>
23
- <%= pb_rails("table/table_cell", props: { text: "Value 4", tag:"div"}) %>
24
- <%= pb_rails("table/table_cell", props: { text: "Value 5", tag:"div"}) %>
25
- <% end %>
26
- <%= pb_rails("table/table_row", props: {tag:"div"}) do %>
27
- <%= pb_rails("table/table_cell", props: { text: "Value 1", tag:"div"}) %>
28
- <%= pb_rails("table/table_cell", props: { text: "Value 2", tag:"div"}) %>
29
- <%= pb_rails("table/table_cell", props: { text: "Value 3", tag:"div"}) %>
30
- <%= pb_rails("table/table_cell", props: { text: "Value 4", tag:"div"}) %>
31
- <%= pb_rails("table/table_cell", props: { text: "Value 5", tag:"div"}) %>
32
- <% end %>
33
- <% end %>
34
- <% end %>
@@ -1,3 +0,0 @@
1
- Optionally build your table with divs by passing `div` to the `tag` prop of all* your sub-components.
2
-
3
- *NOTE: The `tag` prop defaults to `table`, which returns html elements. If divs are desired, sub-components must be used and all table elements, including the initial kit call, must use `div` as their `tag` in order for the table to render properly.
@@ -1,17 +0,0 @@
1
- <% if object.tag == "table" %>
2
- <%= content_tag(:tbody,
3
- aria: object.aria,
4
- class: object.classname,
5
- data: object.data,
6
- id: object.id) do %>
7
- <%= content.presence %>
8
- <% end %>
9
- <% else %>
10
- <%= content_tag(:div,
11
- aria: object.aria,
12
- class: object.classname,
13
- data: object.data,
14
- id: object.id) do %>
15
- <%= content.presence %>
16
- <% end %>
17
- <% end %>
@@ -1,15 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- module Playbook
4
- module PbTable
5
- class TableBody < Playbook::KitBase
6
- prop :tag, type: Playbook::Props::Enum,
7
- values: %w[table div],
8
- default: "table"
9
-
10
- def classname
11
- generate_classname("pb_table_tbody")
12
- end
13
- end
14
- end
15
- end
@@ -1,17 +0,0 @@
1
- <% if object.tag == "table" %>
2
- <%= content_tag(:td,
3
- aria: object.aria,
4
- class: object.classname,
5
- data: object.data,
6
- id: object.id) do %>
7
- <%= content.presence || object.text %>
8
- <% end %>
9
- <% else %>
10
- <%= content_tag(:div,
11
- aria: object.aria,
12
- class: object.classname,
13
- data: object.data,
14
- id: object.id) do %>
15
- <%= content.presence || object.text %>
16
- <% end %>
17
- <% end %>
@@ -1,17 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- module Playbook
4
- module PbTable
5
- class TableCell < Playbook::KitBase
6
- prop :tag, type: Playbook::Props::Enum,
7
- values: %w[table div],
8
- default: "table"
9
- prop :text, type: Playbook::Props::String,
10
- default: ""
11
-
12
- def classname
13
- generate_classname("pb_table_td")
14
- end
15
- end
16
- end
17
- end
@@ -1,17 +0,0 @@
1
- <% if object.tag == "table" %>
2
- <%= content_tag(:thead,
3
- aria: object.aria,
4
- class: object.classname,
5
- data: object.data,
6
- id: object.id) do %>
7
- <%= content.presence %>
8
- <% end %>
9
- <% else %>
10
- <%= content_tag(:div,
11
- aria: object.aria,
12
- class: object.classname,
13
- data: object.data,
14
- id: object.id) do %>
15
- <%= content.presence %>
16
- <% end %>
17
- <% end %>
@@ -1,15 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- module Playbook
4
- module PbTable
5
- class TableHead < Playbook::KitBase
6
- prop :tag, type: Playbook::Props::Enum,
7
- values: %w[table div],
8
- default: "table"
9
-
10
- def classname
11
- generate_classname("pb_table_thead")
12
- end
13
- end
14
- end
15
- end
@@ -1,30 +0,0 @@
1
- ![user-presence-indicator)](https://github.com/powerhome/playbook/assets/112719604/96ee8408-2e21-4aaf-ae65-9f023515cf8d)
2
-
3
- ```swift
4
- VStack(alignment: .leading, spacing: Spacing.small) {
5
- PBUser(
6
- name: name,
7
-
8
- image: img,
9
- size: .small,
10
- territory: "PHL",
11
- title: title,
12
- status: .online
13
- )
14
- PBUser(
15
- name: name,
16
- image: img,
17
- territory: "PHL",
18
- title: title,
19
- status: .away
20
- )
21
- PBUser(
22
- name: name,
23
- image: img,
24
- size: .large,
25
- territory: "PHL",
26
- title: title,
27
- status: .offline
28
- )
29
- }
30
- ```