playbook_ui 13.20.0 → 13.21.0.pre.alpha.PBNTR225advancedtablefeedback2438

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 (80) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/index.js +1 -1
  3. data/app/pb_kits/playbook/pb_advanced_table/Components/CollapsibleTrail.tsx +6 -1
  4. data/app/pb_kits/playbook/pb_advanced_table/Components/CustomCell.tsx +21 -19
  5. data/app/pb_kits/playbook/pb_advanced_table/Components/SortIconButton.tsx +6 -3
  6. data/app/pb_kits/playbook/pb_advanced_table/Components/SubRowHeaderRow.tsx +12 -8
  7. data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +14 -9
  8. data/app/pb_kits/playbook/pb_advanced_table/Components/ToggleIconButton.tsx +9 -5
  9. data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx +16 -10
  10. data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableHeader.tsx +14 -8
  11. data/app/pb_kits/playbook/pb_advanced_table/Utilities/ExpansionControlHelpers.tsx +3 -2
  12. data/app/pb_kits/playbook/pb_advanced_table/Utilities/types.ts +0 -2
  13. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +44 -6
  14. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +85 -78
  15. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +54 -54
  16. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.jsx +7 -7
  17. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx +7 -7
  18. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx +7 -7
  19. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.jsx +7 -7
  20. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.md +1 -1
  21. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx +7 -7
  22. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx +7 -7
  23. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx +7 -7
  24. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.jsx +7 -7
  25. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.jsx +7 -7
  26. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx +7 -7
  27. data/app/pb_kits/playbook/pb_advanced_table/docs/_mock_data.js +1 -1
  28. data/app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js +1 -1
  29. data/app/pb_kits/playbook/pb_advanced_table/scss_partials/_chrome_styles.scss +13 -0
  30. data/app/pb_kits/playbook/pb_date/docs/_date_alignment_swift.md +26 -6
  31. data/app/pb_kits/playbook/pb_date/docs/_date_default_swift.md +27 -8
  32. data/app/pb_kits/playbook/pb_message/docs/_description.md +1 -1
  33. data/app/pb_kits/playbook/pb_nav/_subtle_mixin.scss +4 -0
  34. data/app/pb_kits/playbook/pb_table/_table.tsx +13 -0
  35. data/app/pb_kits/playbook/pb_table/docs/_table_side_highlight.jsx +24 -25
  36. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.jsx +47 -0
  37. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.md +7 -0
  38. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb +34 -0
  39. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx +48 -0
  40. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.md +3 -0
  41. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_rails.html.erb +34 -0
  42. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_rails.md +7 -0
  43. data/app/pb_kits/playbook/pb_table/docs/example.yml +6 -2
  44. data/app/pb_kits/playbook/pb_table/docs/index.js +2 -0
  45. data/app/pb_kits/playbook/pb_table/styles/_striped.scss +2 -2
  46. data/app/pb_kits/playbook/pb_table/styles/_structure.scss +4 -2
  47. data/app/pb_kits/playbook/pb_table/subcomponents/_table_body.tsx +64 -0
  48. data/app/pb_kits/playbook/pb_table/subcomponents/_table_cell.tsx +66 -0
  49. data/app/pb_kits/playbook/pb_table/subcomponents/_table_head.tsx +64 -0
  50. data/app/pb_kits/playbook/pb_table/subcomponents/_table_header.tsx +66 -0
  51. data/app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx +74 -0
  52. data/app/pb_kits/playbook/pb_table/subcomponents/index.tsx +5 -0
  53. data/app/pb_kits/playbook/pb_table/table.test.js +142 -1
  54. data/app/pb_kits/playbook/pb_table/table_body.html.erb +17 -0
  55. data/app/pb_kits/playbook/pb_table/table_body.rb +15 -0
  56. data/app/pb_kits/playbook/pb_table/table_cell.html.erb +17 -0
  57. data/app/pb_kits/playbook/pb_table/table_cell.rb +17 -0
  58. data/app/pb_kits/playbook/pb_table/table_head.html.erb +17 -0
  59. data/app/pb_kits/playbook/pb_table/table_head.rb +15 -0
  60. data/app/pb_kits/playbook/pb_table/table_header.html.erb +49 -39
  61. data/app/pb_kits/playbook/pb_table/table_header.rb +8 -1
  62. data/app/pb_kits/playbook/pb_table/table_row.html.erb +17 -7
  63. data/app/pb_kits/playbook/pb_table/table_row.rb +8 -1
  64. data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +9 -5
  65. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on.jsx +20 -0
  66. data/app/pb_kits/playbook/pb_user/docs/_user_presence_indicator_swift.md +30 -0
  67. data/app/pb_kits/playbook/pb_user/docs/_user_props_table.md +2 -1
  68. data/app/pb_kits/playbook/pb_user/docs/example.yml +1 -0
  69. data/app/pb_kits/playbook/utilities/_positioning.scss +48 -7
  70. data/app/pb_kits/playbook/utilities/globalProps.ts +23 -1
  71. data/dist/playbook-rails.js +6 -6
  72. data/lib/playbook/bottom.rb +33 -0
  73. data/lib/playbook/classnames.rb +4 -0
  74. data/lib/playbook/kit_base.rb +8 -0
  75. data/lib/playbook/left.rb +33 -0
  76. data/lib/playbook/right.rb +33 -0
  77. data/lib/playbook/top.rb +33 -0
  78. data/lib/playbook/version.rb +2 -2
  79. metadata +32 -8
  80. data/app/pb_kits/playbook/pb_table/_table_row.tsx +0 -47
@@ -0,0 +1,33 @@
1
+ # frozen_string_literal: true
2
+
3
+ module Playbook
4
+ module Bottom
5
+ def self.included(base)
6
+ base.prop :bottom
7
+ end
8
+
9
+ def bottom_values
10
+ %w[0 xxs xs sm md lg xl auto initial inherit]
11
+ end
12
+
13
+ def bottom_options
14
+ {
15
+ bottom: "bottom",
16
+ }
17
+ end
18
+
19
+ private
20
+
21
+ def bottom_props
22
+ selected_props = bottom_options.keys.select { |sk| try(sk) }
23
+ return nil unless selected_props.present?
24
+
25
+ selected_props.map do |k|
26
+ value = send(k)
27
+ return nil unless bottom_values.include? value
28
+
29
+ "bottom_#{value}"
30
+ end.compact.join(" ")
31
+ end
32
+ end
33
+ end
@@ -37,6 +37,10 @@ module Playbook
37
37
  text_align_props,
38
38
  overflow_props,
39
39
  truncate_props,
40
+ left_props,
41
+ top_props,
42
+ right_props,
43
+ bottom_props,
40
44
  ].compact.join(" ")
41
45
  end
42
46
 
@@ -25,6 +25,10 @@ require "playbook/border_radius"
25
25
  require "playbook/text_align"
26
26
  require "playbook/overflow"
27
27
  require "playbook/truncate"
28
+ require "playbook/left"
29
+ require "playbook/top"
30
+ require "playbook/right"
31
+ require "playbook/bottom"
28
32
 
29
33
  module Playbook
30
34
  class KitBase < ViewComponent::Base
@@ -55,6 +59,10 @@ module Playbook
55
59
  include Playbook::TextAlign
56
60
  include Playbook::Overflow
57
61
  include Playbook::Truncate
62
+ include Playbook::Left
63
+ include Playbook::Top
64
+ include Playbook::Right
65
+ include Playbook::Bottom
58
66
 
59
67
  prop :id
60
68
  prop :data, type: Playbook::Props::HashProp, default: {}
@@ -0,0 +1,33 @@
1
+ # frozen_string_literal: true
2
+
3
+ module Playbook
4
+ module Left
5
+ def self.included(base)
6
+ base.prop :left
7
+ end
8
+
9
+ def left_values
10
+ %w[0 xxs xs sm md lg xl auto initial inherit]
11
+ end
12
+
13
+ def left_options
14
+ {
15
+ left: "left",
16
+ }
17
+ end
18
+
19
+ private
20
+
21
+ def left_props
22
+ selected_props = left_options.keys.select { |sk| try(sk) }
23
+ return nil unless selected_props.present?
24
+
25
+ selected_props.map do |k|
26
+ value = send(k)
27
+ return nil unless left_values.include? value
28
+
29
+ "left_#{value}"
30
+ end.compact.join(" ")
31
+ end
32
+ end
33
+ end
@@ -0,0 +1,33 @@
1
+ # frozen_string_literal: true
2
+
3
+ module Playbook
4
+ module Right
5
+ def self.included(base)
6
+ base.prop :right
7
+ end
8
+
9
+ def right_values
10
+ %w[0 xxs xs sm md lg xl auto initial inherit]
11
+ end
12
+
13
+ def right_options
14
+ {
15
+ right: "right",
16
+ }
17
+ end
18
+
19
+ private
20
+
21
+ def right_props
22
+ selected_props = right_options.keys.select { |sk| try(sk) }
23
+ return nil unless selected_props.present?
24
+
25
+ selected_props.map do |k|
26
+ value = send(k)
27
+ return nil unless right_values.include? value
28
+
29
+ "right_#{value}"
30
+ end.compact.join(" ")
31
+ end
32
+ end
33
+ end
@@ -0,0 +1,33 @@
1
+ # frozen_string_literal: true
2
+
3
+ module Playbook
4
+ module Top
5
+ def self.included(base)
6
+ base.prop :top
7
+ end
8
+
9
+ def top_values
10
+ %w[0 xxs xs sm md lg xl auto initial inherit]
11
+ end
12
+
13
+ def top_options
14
+ {
15
+ top: "top",
16
+ }
17
+ end
18
+
19
+ private
20
+
21
+ def top_props
22
+ selected_props = top_options.keys.select { |sk| try(sk) }
23
+ return nil unless selected_props.present?
24
+
25
+ selected_props.map do |k|
26
+ value = send(k)
27
+ return nil unless top_values.include? value
28
+
29
+ "top_#{value}"
30
+ end.compact.join(" ")
31
+ end
32
+ end
33
+ end
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "13.19.0"
5
- VERSION = "13.20.0"
4
+ PREVIOUS_VERSION = "13.21.0"
5
+ VERSION = "13.21.0.pre.alpha.PBNTR225advancedtablefeedback2438"
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
4
+ version: 13.21.0.pre.alpha.PBNTR225advancedtablefeedback2438
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-05 00:00:00.000000000 Z
12
+ date: 2024-03-21 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -312,6 +312,7 @@ 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
315
316
  - app/pb_kits/playbook/pb_advanced_table/scss_partials/_loading.scss
316
317
  - app/pb_kits/playbook/pb_advanced_table/scss_partials/_pseudo_states.scss
317
318
  - app/pb_kits/playbook/pb_avatar/_avatar.scss
@@ -2222,7 +2223,6 @@ files:
2222
2223
  - app/pb_kits/playbook/pb_stat_value/stat_value.test.js
2223
2224
  - app/pb_kits/playbook/pb_table/_table.scss
2224
2225
  - app/pb_kits/playbook/pb_table/_table.tsx
2225
- - app/pb_kits/playbook/pb_table/_table_row.tsx
2226
2226
  - app/pb_kits/playbook/pb_table/docs/_description.md
2227
2227
  - app/pb_kits/playbook/pb_table/docs/_table_action_middle.html.erb
2228
2228
  - app/pb_kits/playbook/pb_table/docs/_table_action_middle.jsx
@@ -2289,6 +2289,13 @@ files:
2289
2289
  - app/pb_kits/playbook/pb_table/docs/_table_vertical_border.jsx
2290
2290
  - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb
2291
2291
  - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx
2292
+ - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.jsx
2293
+ - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.md
2294
+ - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb
2295
+ - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
2296
+ - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.md
2297
+ - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_rails.html.erb
2298
+ - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_rails.md
2292
2299
  - app/pb_kits/playbook/pb_table/docs/example.yml
2293
2300
  - app/pb_kits/playbook/pb_table/docs/index.js
2294
2301
  - app/pb_kits/playbook/pb_table/index.ts
@@ -2312,9 +2319,21 @@ files:
2312
2319
  - app/pb_kits/playbook/pb_table/styles/_tablet_collapse.scss
2313
2320
  - app/pb_kits/playbook/pb_table/styles/_variables.scss
2314
2321
  - app/pb_kits/playbook/pb_table/styles/_vertical_border.scss
2322
+ - app/pb_kits/playbook/pb_table/subcomponents/_table_body.tsx
2323
+ - app/pb_kits/playbook/pb_table/subcomponents/_table_cell.tsx
2324
+ - app/pb_kits/playbook/pb_table/subcomponents/_table_head.tsx
2325
+ - app/pb_kits/playbook/pb_table/subcomponents/_table_header.tsx
2326
+ - app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx
2327
+ - app/pb_kits/playbook/pb_table/subcomponents/index.tsx
2315
2328
  - app/pb_kits/playbook/pb_table/table.html.erb
2316
2329
  - app/pb_kits/playbook/pb_table/table.rb
2317
2330
  - app/pb_kits/playbook/pb_table/table.test.js
2331
+ - app/pb_kits/playbook/pb_table/table_body.html.erb
2332
+ - app/pb_kits/playbook/pb_table/table_body.rb
2333
+ - app/pb_kits/playbook/pb_table/table_cell.html.erb
2334
+ - app/pb_kits/playbook/pb_table/table_cell.rb
2335
+ - app/pb_kits/playbook/pb_table/table_head.html.erb
2336
+ - app/pb_kits/playbook/pb_table/table_head.rb
2318
2337
  - app/pb_kits/playbook/pb_table/table_header.html.erb
2319
2338
  - app/pb_kits/playbook/pb_table/table_header.rb
2320
2339
  - app/pb_kits/playbook/pb_table/table_row.html.erb
@@ -2643,6 +2662,7 @@ files:
2643
2662
  - app/pb_kits/playbook/pb_user/docs/_user_default.html.erb
2644
2663
  - app/pb_kits/playbook/pb_user/docs/_user_default.jsx
2645
2664
  - app/pb_kits/playbook/pb_user/docs/_user_horizontal_swift.md
2665
+ - app/pb_kits/playbook/pb_user/docs/_user_presence_indicator_swift.md
2646
2666
  - app/pb_kits/playbook/pb_user/docs/_user_props_table.md
2647
2667
  - app/pb_kits/playbook/pb_user/docs/_user_size.html.erb
2648
2668
  - app/pb_kits/playbook/pb_user/docs/_user_size.jsx
@@ -2791,6 +2811,7 @@ files:
2791
2811
  - lib/playbook/align_items.rb
2792
2812
  - lib/playbook/align_self.rb
2793
2813
  - lib/playbook/border_radius.rb
2814
+ - lib/playbook/bottom.rb
2794
2815
  - lib/playbook/classnames.rb
2795
2816
  - lib/playbook/cursor.rb
2796
2817
  - lib/playbook/display.rb
@@ -2816,6 +2837,7 @@ files:
2816
2837
  - lib/playbook/justify_self.rb
2817
2838
  - lib/playbook/kit_base.rb
2818
2839
  - lib/playbook/kit_resolver.rb
2840
+ - lib/playbook/left.rb
2819
2841
  - lib/playbook/line_height.rb
2820
2842
  - lib/playbook/number_spacing.rb
2821
2843
  - lib/playbook/order.rb
@@ -2840,9 +2862,11 @@ files:
2840
2862
  - lib/playbook/props/percentage.rb
2841
2863
  - lib/playbook/props/proc.rb
2842
2864
  - lib/playbook/props/string.rb
2865
+ - lib/playbook/right.rb
2843
2866
  - lib/playbook/shadow.rb
2844
2867
  - lib/playbook/spacing.rb
2845
2868
  - lib/playbook/text_align.rb
2869
+ - lib/playbook/top.rb
2846
2870
  - lib/playbook/truncate.rb
2847
2871
  - lib/playbook/version.rb
2848
2872
  - lib/playbook/z_index.rb
@@ -2851,7 +2875,7 @@ homepage: https://playbook.powerapp.cloud/
2851
2875
  licenses:
2852
2876
  - ISC
2853
2877
  metadata: {}
2854
- post_install_message:
2878
+ post_install_message:
2855
2879
  rdoc_options: []
2856
2880
  require_paths:
2857
2881
  - lib
@@ -2862,12 +2886,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
2862
2886
  version: '0'
2863
2887
  required_rubygems_version: !ruby/object:Gem::Requirement
2864
2888
  requirements:
2865
- - - ">="
2889
+ - - ">"
2866
2890
  - !ruby/object:Gem::Version
2867
- version: '0'
2891
+ version: 1.3.1
2868
2892
  requirements: []
2869
2893
  rubygems_version: 3.3.7
2870
- signing_key:
2894
+ signing_key:
2871
2895
  specification_version: 4
2872
2896
  summary: Playbook Design System
2873
2897
  test_files: []
@@ -1,47 +0,0 @@
1
- import React from 'react'
2
- import classnames from 'classnames'
3
- import { buildAriaProps, buildCss, buildDataProps, buildHtmlProps } from '../utilities/props'
4
- import { globalProps } from '../utilities/globalProps'
5
-
6
- type TableRowPropTypes = {
7
- aria?: { [key: string]: string },
8
- children: React.ReactNode[] | React.ReactNode,
9
- className: string,
10
- data?: { [key: string]: string },
11
- htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
12
- id?: string,
13
- sideHighlightColor: string,
14
- }
15
-
16
- const TableRow = (props: TableRowPropTypes) => {
17
- const {
18
- aria = {},
19
- children,
20
- className,
21
- data = {},
22
- htmlOptions = {},
23
- id,
24
- sideHighlightColor = 'windows',
25
- } = props
26
-
27
- const ariaProps = buildAriaProps(aria)
28
- const dataProps = buildDataProps(data)
29
- const htmlProps = buildHtmlProps(htmlOptions)
30
- const sideHighlightClass =
31
- sideHighlightColor != '' ? `side_highlight_${sideHighlightColor}` : null
32
- const classes = classnames(buildCss('pb_table_row_kit', sideHighlightClass), globalProps(props), className)
33
-
34
- return (
35
- <tr
36
- {...ariaProps}
37
- {...dataProps}
38
- {...htmlProps}
39
- className={classes}
40
- id={id}
41
- >
42
- {children}
43
- </tr>
44
- )
45
- }
46
-
47
- export default TableRow