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