playbook_ui 13.19.0 → 13.20.0.pre.alpha.PLAY12572402

Sign up to get free protection for your applications and to get access to all the features.
Files changed (88) 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/SubKits/TableBody.tsx +2 -0
  5. data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableHeader.tsx +2 -0
  6. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +45 -0
  7. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +7 -4
  8. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.md +1 -1
  9. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.md +1 -1
  10. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.md +1 -1
  11. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.md +1 -1
  12. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.md +1 -1
  13. data/app/pb_kits/playbook/pb_date/docs/_date_alignment_swift.md +26 -6
  14. data/app/pb_kits/playbook/pb_date/docs/_date_default_swift.md +27 -8
  15. data/app/pb_kits/playbook/pb_icon/_icon.tsx +28 -16
  16. data/app/pb_kits/playbook/pb_icon/docs/_icon_custom.html.erb +5 -11
  17. data/app/pb_kits/playbook/pb_icon/docs/_icon_custom.jsx +44 -18
  18. data/app/pb_kits/playbook/pb_icon/docs/_icon_custom.md +4 -8
  19. data/app/pb_kits/playbook/pb_icon/icon.html.erb +6 -4
  20. data/app/pb_kits/playbook/pb_icon/icon.rb +27 -10
  21. data/app/pb_kits/playbook/pb_message/docs/_description.md +1 -1
  22. data/app/pb_kits/playbook/pb_nav/_subtle_mixin.scss +4 -0
  23. data/app/pb_kits/playbook/pb_table/_table.tsx +99 -67
  24. data/app/pb_kits/playbook/pb_table/docs/_table_div.html.erb +34 -0
  25. data/app/pb_kits/playbook/pb_table/docs/_table_div.jsx +47 -0
  26. data/app/pb_kits/playbook/pb_table/docs/_table_side_highlight.jsx +24 -25
  27. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.jsx +47 -0
  28. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.md +7 -0
  29. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb +34 -0
  30. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx +48 -0
  31. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.md +3 -0
  32. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_rails.html.erb +34 -0
  33. data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_rails.md +7 -0
  34. data/app/pb_kits/playbook/pb_table/docs/example.yml +6 -0
  35. data/app/pb_kits/playbook/pb_table/docs/index.js +3 -0
  36. data/app/pb_kits/playbook/pb_table/styles/_content.scss +3 -3
  37. data/app/pb_kits/playbook/pb_table/styles/_desktop_collapse.scss +15 -15
  38. data/app/pb_kits/playbook/pb_table/styles/_headers.scss +3 -3
  39. data/app/pb_kits/playbook/pb_table/styles/_hover.scss +11 -11
  40. data/app/pb_kits/playbook/pb_table/styles/_mobile.scss +15 -15
  41. data/app/pb_kits/playbook/pb_table/styles/_mobile_collapse.scss +15 -15
  42. data/app/pb_kits/playbook/pb_table/styles/_reset.scss +3 -3
  43. data/app/pb_kits/playbook/pb_table/styles/_side_highlight.scss +2 -2
  44. data/app/pb_kits/playbook/pb_table/styles/_single-line.scss +4 -4
  45. data/app/pb_kits/playbook/pb_table/styles/_sticky_header.scss +2 -2
  46. data/app/pb_kits/playbook/pb_table/styles/_striped.scss +4 -4
  47. data/app/pb_kits/playbook/pb_table/styles/_structure.scss +22 -8
  48. data/app/pb_kits/playbook/pb_table/styles/_table-card.scss +7 -7
  49. data/app/pb_kits/playbook/pb_table/styles/_table-dark.scss +14 -14
  50. data/app/pb_kits/playbook/pb_table/styles/_table_header.scss +2 -2
  51. data/app/pb_kits/playbook/pb_table/styles/_tablet_collapse.scss +15 -15
  52. data/app/pb_kits/playbook/pb_table/styles/_vertical_border.scss +3 -4
  53. data/app/pb_kits/playbook/pb_table/subcomponents/_table_body.tsx +64 -0
  54. data/app/pb_kits/playbook/pb_table/subcomponents/_table_cell.tsx +66 -0
  55. data/app/pb_kits/playbook/pb_table/subcomponents/_table_head.tsx +64 -0
  56. data/app/pb_kits/playbook/pb_table/subcomponents/_table_header.tsx +66 -0
  57. data/app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx +74 -0
  58. data/app/pb_kits/playbook/pb_table/subcomponents/index.tsx +5 -0
  59. data/app/pb_kits/playbook/pb_table/table.html.erb +12 -2
  60. data/app/pb_kits/playbook/pb_table/table.rb +3 -0
  61. data/app/pb_kits/playbook/pb_table/table.test.js +142 -1
  62. data/app/pb_kits/playbook/pb_table/table_body.html.erb +17 -0
  63. data/app/pb_kits/playbook/pb_table/table_body.rb +15 -0
  64. data/app/pb_kits/playbook/pb_table/table_cell.html.erb +17 -0
  65. data/app/pb_kits/playbook/pb_table/table_cell.rb +17 -0
  66. data/app/pb_kits/playbook/pb_table/table_head.html.erb +17 -0
  67. data/app/pb_kits/playbook/pb_table/table_head.rb +15 -0
  68. data/app/pb_kits/playbook/pb_table/table_header.html.erb +49 -39
  69. data/app/pb_kits/playbook/pb_table/table_header.rb +8 -1
  70. data/app/pb_kits/playbook/pb_table/table_row.html.erb +17 -7
  71. data/app/pb_kits/playbook/pb_table/table_row.rb +8 -1
  72. data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +9 -5
  73. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on.jsx +20 -0
  74. data/app/pb_kits/playbook/pb_user/docs/_user_presence_indicator_swift.md +30 -0
  75. data/app/pb_kits/playbook/pb_user/docs/_user_props_table.md +2 -1
  76. data/app/pb_kits/playbook/pb_user/docs/example.yml +1 -0
  77. data/app/pb_kits/playbook/utilities/_positioning.scss +48 -7
  78. data/app/pb_kits/playbook/utilities/globalProps.ts +23 -1
  79. data/dist/playbook-rails.js +6 -6
  80. data/lib/playbook/bottom.rb +33 -0
  81. data/lib/playbook/classnames.rb +4 -0
  82. data/lib/playbook/kit_base.rb +8 -0
  83. data/lib/playbook/left.rb +33 -0
  84. data/lib/playbook/right.rb +33 -0
  85. data/lib/playbook/top.rb +33 -0
  86. data/lib/playbook/version.rb +2 -2
  87. metadata +32 -7
  88. 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.18.0"
5
- VERSION = "13.19.0"
4
+ PREVIOUS_VERSION = "13.20.0"
5
+ VERSION = "13.20.0.pre.alpha.PLAY12572402"
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.19.0
4
+ version: 13.20.0.pre.alpha.PLAY12572402
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-02-27 00:00:00.000000000 Z
12
+ date: 2024-03-19 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
@@ -2245,6 +2244,8 @@ files:
2245
2244
  - app/pb_kits/playbook/pb_table/docs/_table_data_table.md
2246
2245
  - app/pb_kits/playbook/pb_table/docs/_table_disable_hover.html.erb
2247
2246
  - app/pb_kits/playbook/pb_table/docs/_table_disable_hover.jsx
2247
+ - app/pb_kits/playbook/pb_table/docs/_table_div.html.erb
2248
+ - app/pb_kits/playbook/pb_table/docs/_table_div.jsx
2248
2249
  - app/pb_kits/playbook/pb_table/docs/_table_header.html.erb
2249
2250
  - app/pb_kits/playbook/pb_table/docs/_table_header.md
2250
2251
  - app/pb_kits/playbook/pb_table/docs/_table_icon_buttons.html.erb
@@ -2287,6 +2288,13 @@ files:
2287
2288
  - app/pb_kits/playbook/pb_table/docs/_table_vertical_border.jsx
2288
2289
  - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb
2289
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
2290
2298
  - app/pb_kits/playbook/pb_table/docs/example.yml
2291
2299
  - app/pb_kits/playbook/pb_table/docs/index.js
2292
2300
  - app/pb_kits/playbook/pb_table/index.ts
@@ -2310,9 +2318,21 @@ files:
2310
2318
  - app/pb_kits/playbook/pb_table/styles/_tablet_collapse.scss
2311
2319
  - app/pb_kits/playbook/pb_table/styles/_variables.scss
2312
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
2313
2327
  - app/pb_kits/playbook/pb_table/table.html.erb
2314
2328
  - app/pb_kits/playbook/pb_table/table.rb
2315
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
2316
2336
  - app/pb_kits/playbook/pb_table/table_header.html.erb
2317
2337
  - app/pb_kits/playbook/pb_table/table_header.rb
2318
2338
  - app/pb_kits/playbook/pb_table/table_row.html.erb
@@ -2641,6 +2661,7 @@ files:
2641
2661
  - app/pb_kits/playbook/pb_user/docs/_user_default.html.erb
2642
2662
  - app/pb_kits/playbook/pb_user/docs/_user_default.jsx
2643
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
2644
2665
  - app/pb_kits/playbook/pb_user/docs/_user_props_table.md
2645
2666
  - app/pb_kits/playbook/pb_user/docs/_user_size.html.erb
2646
2667
  - app/pb_kits/playbook/pb_user/docs/_user_size.jsx
@@ -2789,6 +2810,7 @@ files:
2789
2810
  - lib/playbook/align_items.rb
2790
2811
  - lib/playbook/align_self.rb
2791
2812
  - lib/playbook/border_radius.rb
2813
+ - lib/playbook/bottom.rb
2792
2814
  - lib/playbook/classnames.rb
2793
2815
  - lib/playbook/cursor.rb
2794
2816
  - lib/playbook/display.rb
@@ -2814,6 +2836,7 @@ files:
2814
2836
  - lib/playbook/justify_self.rb
2815
2837
  - lib/playbook/kit_base.rb
2816
2838
  - lib/playbook/kit_resolver.rb
2839
+ - lib/playbook/left.rb
2817
2840
  - lib/playbook/line_height.rb
2818
2841
  - lib/playbook/number_spacing.rb
2819
2842
  - lib/playbook/order.rb
@@ -2838,9 +2861,11 @@ files:
2838
2861
  - lib/playbook/props/percentage.rb
2839
2862
  - lib/playbook/props/proc.rb
2840
2863
  - lib/playbook/props/string.rb
2864
+ - lib/playbook/right.rb
2841
2865
  - lib/playbook/shadow.rb
2842
2866
  - lib/playbook/spacing.rb
2843
2867
  - lib/playbook/text_align.rb
2868
+ - lib/playbook/top.rb
2844
2869
  - lib/playbook/truncate.rb
2845
2870
  - lib/playbook/version.rb
2846
2871
  - lib/playbook/z_index.rb
@@ -2849,7 +2874,7 @@ homepage: https://playbook.powerapp.cloud/
2849
2874
  licenses:
2850
2875
  - ISC
2851
2876
  metadata: {}
2852
- post_install_message:
2877
+ post_install_message:
2853
2878
  rdoc_options: []
2854
2879
  require_paths:
2855
2880
  - lib
@@ -2864,8 +2889,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
2864
2889
  - !ruby/object:Gem::Version
2865
2890
  version: '0'
2866
2891
  requirements: []
2867
- rubygems_version: 3.3.7
2868
- signing_key:
2892
+ rubygems_version: 3.5.3
2893
+ signing_key:
2869
2894
  specification_version: 4
2870
2895
  summary: Playbook Design System
2871
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