playbook_ui 13.19.0 → 13.20.0.pre.alpha.PLAY12572402

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 (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