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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/index.js +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/Components/CollapsibleTrail.tsx +6 -1
- data/app/pb_kits/playbook/pb_advanced_table/Components/CustomCell.tsx +5 -2
- data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx +2 -0
- data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableHeader.tsx +2 -0
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +45 -0
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +4 -0
- data/app/pb_kits/playbook/pb_date/docs/_date_alignment_swift.md +26 -6
- data/app/pb_kits/playbook/pb_date/docs/_date_default_swift.md +27 -8
- data/app/pb_kits/playbook/pb_message/docs/_description.md +1 -1
- data/app/pb_kits/playbook/pb_nav/_subtle_mixin.scss +4 -0
- data/app/pb_kits/playbook/pb_table/_table.tsx +13 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_side_highlight.jsx +24 -25
- data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.jsx +47 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.md +7 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb +34 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx +48 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.md +3 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_rails.html.erb +34 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_rails.md +7 -0
- data/app/pb_kits/playbook/pb_table/docs/example.yml +6 -2
- data/app/pb_kits/playbook/pb_table/docs/index.js +2 -0
- data/app/pb_kits/playbook/pb_table/styles/_striped.scss +2 -2
- data/app/pb_kits/playbook/pb_table/styles/_structure.scss +4 -2
- data/app/pb_kits/playbook/pb_table/subcomponents/_table_body.tsx +64 -0
- data/app/pb_kits/playbook/pb_table/subcomponents/_table_cell.tsx +66 -0
- data/app/pb_kits/playbook/pb_table/subcomponents/_table_head.tsx +64 -0
- data/app/pb_kits/playbook/pb_table/subcomponents/_table_header.tsx +66 -0
- data/app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx +74 -0
- data/app/pb_kits/playbook/pb_table/subcomponents/index.tsx +5 -0
- data/app/pb_kits/playbook/pb_table/table.test.js +142 -1
- data/app/pb_kits/playbook/pb_table/table_body.html.erb +17 -0
- data/app/pb_kits/playbook/pb_table/table_body.rb +15 -0
- data/app/pb_kits/playbook/pb_table/table_cell.html.erb +17 -0
- data/app/pb_kits/playbook/pb_table/table_cell.rb +17 -0
- data/app/pb_kits/playbook/pb_table/table_head.html.erb +17 -0
- data/app/pb_kits/playbook/pb_table/table_head.rb +15 -0
- data/app/pb_kits/playbook/pb_table/table_header.html.erb +49 -39
- data/app/pb_kits/playbook/pb_table/table_header.rb +8 -1
- data/app/pb_kits/playbook/pb_table/table_row.html.erb +17 -7
- data/app/pb_kits/playbook/pb_table/table_row.rb +8 -1
- data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +9 -5
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on.jsx +20 -0
- data/app/pb_kits/playbook/pb_user/docs/_user_presence_indicator_swift.md +30 -0
- data/app/pb_kits/playbook/pb_user/docs/_user_props_table.md +2 -1
- data/app/pb_kits/playbook/pb_user/docs/example.yml +1 -0
- data/app/pb_kits/playbook/utilities/_positioning.scss +48 -7
- data/app/pb_kits/playbook/utilities/globalProps.ts +23 -1
- data/dist/playbook-rails.js +6 -6
- data/lib/playbook/bottom.rb +33 -0
- data/lib/playbook/classnames.rb +4 -0
- data/lib/playbook/kit_base.rb +8 -0
- data/lib/playbook/left.rb +33 -0
- data/lib/playbook/right.rb +33 -0
- data/lib/playbook/top.rb +33 -0
- data/lib/playbook/version.rb +2 -2
- metadata +31 -8
- 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
|
data/lib/playbook/classnames.rb
CHANGED
data/lib/playbook/kit_base.rb
CHANGED
@@ -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
|
data/lib/playbook/top.rb
ADDED
@@ -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
|
data/lib/playbook/version.rb
CHANGED
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.
|
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-
|
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:
|
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
|