playbook_ui 13.20.0 → 13.21.0.pre.alpha.PBNTR224letuserresetrowexpansion2441

Sign up to get free protection for your applications and to get access to all the features.
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