playbook_ui 13.20.0 → 13.21.0.pre.alpha.PBNTR224letuserresetrowexpansion2441

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 (59) 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 +5 -2
  5. data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx +2 -0
  6. data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableHeader.tsx +2 -0
  7. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +45 -0
  8. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +4 -0
  9. data/app/pb_kits/playbook/pb_date/docs/_date_alignment_swift.md +26 -6
  10. data/app/pb_kits/playbook/pb_date/docs/_date_default_swift.md +27 -8
  11. data/app/pb_kits/playbook/pb_message/docs/_description.md +1 -1
  12. data/app/pb_kits/playbook/pb_nav/_subtle_mixin.scss +4 -0
  13. data/app/pb_kits/playbook/pb_table/_table.tsx +13 -0
  14. data/app/pb_kits/playbook/pb_table/docs/_table_side_highlight.jsx +24 -25
  15. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.jsx +47 -0
  16. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.md +7 -0
  17. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb +34 -0
  18. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx +48 -0
  19. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.md +3 -0
  20. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_rails.html.erb +34 -0
  21. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_rails.md +7 -0
  22. data/app/pb_kits/playbook/pb_table/docs/example.yml +6 -2
  23. data/app/pb_kits/playbook/pb_table/docs/index.js +2 -0
  24. data/app/pb_kits/playbook/pb_table/styles/_striped.scss +2 -2
  25. data/app/pb_kits/playbook/pb_table/styles/_structure.scss +4 -2
  26. data/app/pb_kits/playbook/pb_table/subcomponents/_table_body.tsx +64 -0
  27. data/app/pb_kits/playbook/pb_table/subcomponents/_table_cell.tsx +66 -0
  28. data/app/pb_kits/playbook/pb_table/subcomponents/_table_head.tsx +64 -0
  29. data/app/pb_kits/playbook/pb_table/subcomponents/_table_header.tsx +66 -0
  30. data/app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx +74 -0
  31. data/app/pb_kits/playbook/pb_table/subcomponents/index.tsx +5 -0
  32. data/app/pb_kits/playbook/pb_table/table.test.js +142 -1
  33. data/app/pb_kits/playbook/pb_table/table_body.html.erb +17 -0
  34. data/app/pb_kits/playbook/pb_table/table_body.rb +15 -0
  35. data/app/pb_kits/playbook/pb_table/table_cell.html.erb +17 -0
  36. data/app/pb_kits/playbook/pb_table/table_cell.rb +17 -0
  37. data/app/pb_kits/playbook/pb_table/table_head.html.erb +17 -0
  38. data/app/pb_kits/playbook/pb_table/table_head.rb +15 -0
  39. data/app/pb_kits/playbook/pb_table/table_header.html.erb +49 -39
  40. data/app/pb_kits/playbook/pb_table/table_header.rb +8 -1
  41. data/app/pb_kits/playbook/pb_table/table_row.html.erb +17 -7
  42. data/app/pb_kits/playbook/pb_table/table_row.rb +8 -1
  43. data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +9 -5
  44. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on.jsx +20 -0
  45. data/app/pb_kits/playbook/pb_user/docs/_user_presence_indicator_swift.md +30 -0
  46. data/app/pb_kits/playbook/pb_user/docs/_user_props_table.md +2 -1
  47. data/app/pb_kits/playbook/pb_user/docs/example.yml +1 -0
  48. data/app/pb_kits/playbook/utilities/_positioning.scss +48 -7
  49. data/app/pb_kits/playbook/utilities/globalProps.ts +23 -1
  50. data/dist/playbook-rails.js +6 -6
  51. data/lib/playbook/bottom.rb +33 -0
  52. data/lib/playbook/classnames.rb +4 -0
  53. data/lib/playbook/kit_base.rb +8 -0
  54. data/lib/playbook/left.rb +33 -0
  55. data/lib/playbook/right.rb +33 -0
  56. data/lib/playbook/top.rb +33 -0
  57. data/lib/playbook/version.rb +2 -2
  58. metadata +31 -8
  59. 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.PBNTR224letuserresetrowexpansion2441"
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.PBNTR224letuserresetrowexpansion2441
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
@@ -2222,7 +2222,6 @@ files:
2222
2222
  - app/pb_kits/playbook/pb_stat_value/stat_value.test.js
2223
2223
  - app/pb_kits/playbook/pb_table/_table.scss
2224
2224
  - app/pb_kits/playbook/pb_table/_table.tsx
2225
- - app/pb_kits/playbook/pb_table/_table_row.tsx
2226
2225
  - app/pb_kits/playbook/pb_table/docs/_description.md
2227
2226
  - app/pb_kits/playbook/pb_table/docs/_table_action_middle.html.erb
2228
2227
  - app/pb_kits/playbook/pb_table/docs/_table_action_middle.jsx
@@ -2289,6 +2288,13 @@ files:
2289
2288
  - app/pb_kits/playbook/pb_table/docs/_table_vertical_border.jsx
2290
2289
  - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb
2291
2290
  - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx
2291
+ - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.jsx
2292
+ - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.md
2293
+ - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb
2294
+ - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
2295
+ - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.md
2296
+ - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_rails.html.erb
2297
+ - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_rails.md
2292
2298
  - app/pb_kits/playbook/pb_table/docs/example.yml
2293
2299
  - app/pb_kits/playbook/pb_table/docs/index.js
2294
2300
  - app/pb_kits/playbook/pb_table/index.ts
@@ -2312,9 +2318,21 @@ files:
2312
2318
  - app/pb_kits/playbook/pb_table/styles/_tablet_collapse.scss
2313
2319
  - app/pb_kits/playbook/pb_table/styles/_variables.scss
2314
2320
  - app/pb_kits/playbook/pb_table/styles/_vertical_border.scss
2321
+ - app/pb_kits/playbook/pb_table/subcomponents/_table_body.tsx
2322
+ - app/pb_kits/playbook/pb_table/subcomponents/_table_cell.tsx
2323
+ - app/pb_kits/playbook/pb_table/subcomponents/_table_head.tsx
2324
+ - app/pb_kits/playbook/pb_table/subcomponents/_table_header.tsx
2325
+ - app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx
2326
+ - app/pb_kits/playbook/pb_table/subcomponents/index.tsx
2315
2327
  - app/pb_kits/playbook/pb_table/table.html.erb
2316
2328
  - app/pb_kits/playbook/pb_table/table.rb
2317
2329
  - app/pb_kits/playbook/pb_table/table.test.js
2330
+ - app/pb_kits/playbook/pb_table/table_body.html.erb
2331
+ - app/pb_kits/playbook/pb_table/table_body.rb
2332
+ - app/pb_kits/playbook/pb_table/table_cell.html.erb
2333
+ - app/pb_kits/playbook/pb_table/table_cell.rb
2334
+ - app/pb_kits/playbook/pb_table/table_head.html.erb
2335
+ - app/pb_kits/playbook/pb_table/table_head.rb
2318
2336
  - app/pb_kits/playbook/pb_table/table_header.html.erb
2319
2337
  - app/pb_kits/playbook/pb_table/table_header.rb
2320
2338
  - app/pb_kits/playbook/pb_table/table_row.html.erb
@@ -2643,6 +2661,7 @@ files:
2643
2661
  - app/pb_kits/playbook/pb_user/docs/_user_default.html.erb
2644
2662
  - app/pb_kits/playbook/pb_user/docs/_user_default.jsx
2645
2663
  - app/pb_kits/playbook/pb_user/docs/_user_horizontal_swift.md
2664
+ - app/pb_kits/playbook/pb_user/docs/_user_presence_indicator_swift.md
2646
2665
  - app/pb_kits/playbook/pb_user/docs/_user_props_table.md
2647
2666
  - app/pb_kits/playbook/pb_user/docs/_user_size.html.erb
2648
2667
  - app/pb_kits/playbook/pb_user/docs/_user_size.jsx
@@ -2791,6 +2810,7 @@ files:
2791
2810
  - lib/playbook/align_items.rb
2792
2811
  - lib/playbook/align_self.rb
2793
2812
  - lib/playbook/border_radius.rb
2813
+ - lib/playbook/bottom.rb
2794
2814
  - lib/playbook/classnames.rb
2795
2815
  - lib/playbook/cursor.rb
2796
2816
  - lib/playbook/display.rb
@@ -2816,6 +2836,7 @@ files:
2816
2836
  - lib/playbook/justify_self.rb
2817
2837
  - lib/playbook/kit_base.rb
2818
2838
  - lib/playbook/kit_resolver.rb
2839
+ - lib/playbook/left.rb
2819
2840
  - lib/playbook/line_height.rb
2820
2841
  - lib/playbook/number_spacing.rb
2821
2842
  - lib/playbook/order.rb
@@ -2840,9 +2861,11 @@ files:
2840
2861
  - lib/playbook/props/percentage.rb
2841
2862
  - lib/playbook/props/proc.rb
2842
2863
  - lib/playbook/props/string.rb
2864
+ - lib/playbook/right.rb
2843
2865
  - lib/playbook/shadow.rb
2844
2866
  - lib/playbook/spacing.rb
2845
2867
  - lib/playbook/text_align.rb
2868
+ - lib/playbook/top.rb
2846
2869
  - lib/playbook/truncate.rb
2847
2870
  - lib/playbook/version.rb
2848
2871
  - lib/playbook/z_index.rb
@@ -2851,7 +2874,7 @@ homepage: https://playbook.powerapp.cloud/
2851
2874
  licenses:
2852
2875
  - ISC
2853
2876
  metadata: {}
2854
- post_install_message:
2877
+ post_install_message:
2855
2878
  rdoc_options: []
2856
2879
  require_paths:
2857
2880
  - lib
@@ -2862,12 +2885,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
2862
2885
  version: '0'
2863
2886
  required_rubygems_version: !ruby/object:Gem::Requirement
2864
2887
  requirements:
2865
- - - ">="
2888
+ - - ">"
2866
2889
  - !ruby/object:Gem::Version
2867
- version: '0'
2890
+ version: 1.3.1
2868
2891
  requirements: []
2869
2892
  rubygems_version: 3.3.7
2870
- signing_key:
2893
+ signing_key:
2871
2894
  specification_version: 4
2872
2895
  summary: Playbook Design System
2873
2896
  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