playbook_ui 13.20.0 → 13.21.0.pre.alpha.PBNTR225advancedtablefeedback2438

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