playbook_ui 13.21.0.pre.alpha.PLAY12582515 → 13.21.0.pre.alpha.PLAY12582531
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/pb_advanced_table/table_body.rb +1 -1
- data/app/pb_kits/playbook/pb_avatar/avatar.rb +1 -1
- data/app/pb_kits/playbook/pb_bar_graph/bar_graph.rb +9 -9
- data/app/pb_kits/playbook/pb_button/button.rb +5 -5
- data/app/pb_kits/playbook/pb_circle_chart/circle_chart.rb +10 -10
- data/app/pb_kits/playbook/pb_currency/currency.rb +4 -4
- data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +6 -6
- data/app/pb_kits/playbook/pb_distribution_bar/distribution_bar.rb +3 -3
- data/app/pb_kits/playbook/pb_docs/kit_example.rb +1 -1
- data/app/pb_kits/playbook/pb_form/form.rb +4 -4
- data/app/pb_kits/playbook/pb_gauge/gauge.rb +9 -9
- data/app/pb_kits/playbook/pb_home_address_street/home_address_street.rb +17 -17
- data/app/pb_kits/playbook/pb_line_graph/line_graph.rb +9 -9
- data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.rb +4 -4
- data/app/pb_kits/playbook/pb_passphrase/passphrase.rb +6 -6
- data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.rb +8 -8
- data/app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.rb +8 -8
- data/app/pb_kits/playbook/pb_select/select.rb +6 -6
- data/app/pb_kits/playbook/pb_selectable_card/selectable_card.rb +1 -1
- data/app/pb_kits/playbook/pb_selectable_icon/selectable_icon.rb +1 -1
- data/app/pb_kits/playbook/pb_stat_value/stat_value.rb +1 -1
- data/app/pb_kits/playbook/pb_text_input/text_input.rb +7 -7
- data/app/pb_kits/playbook/pb_treemap_chart/treemap_chart.rb +6 -6
- data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +8 -8
- data/lib/playbook/forms/builder/action_area.rb +2 -2
- data/lib/playbook/forms/builder/checkbox_field.rb +2 -2
- data/lib/playbook/forms/builder/collection_select_field.rb +1 -1
- data/lib/playbook/forms/builder/date_picker_field.rb +1 -1
- data/lib/playbook/forms/builder/form_field_builder.rb +1 -1
- data/lib/playbook/forms/builder/intl_telephone_field.rb +1 -1
- data/lib/playbook/forms/builder/multi_level_select_field.rb +1 -1
- data/lib/playbook/forms/builder/select_field.rb +1 -1
- data/lib/playbook/forms/builder/typeahead_field.rb +1 -1
- data/lib/playbook/kit_base.rb +2 -2
- data/lib/playbook/pb_doc_helper.rb +4 -4
- data/lib/playbook/pb_forms_helper.rb +1 -1
- data/lib/playbook/props.rb +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +30 -30
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: efe6c9a8fcbbb8c92dacd9cec8d0d47c1dab82cc8e74d577bb89b07b75cfe829
|
4
|
+
data.tar.gz: 2db1e01d4e980018e430c55193fc18537a14ce5591de7da0dd304caad846725d
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: db682e79fbef41b5a6139c0ccf4da40ea40aaccf4883754ca9c045769c73c541758b6da9cfa89c3c187a0b1128de08227b57b09a47a6f95c356b83d617e768a5
|
7
|
+
data.tar.gz: cde1096ec7d50d4d646dc36517be437362d4b820c75d5ef74d55cdf12669e3a1994bc7562fb6b92b1fd363e9b411ff6881c7e3a179e2b73ea9c6c1aa574b71d3
|
@@ -11,7 +11,7 @@ module Playbook
|
|
11
11
|
def render_row_and_children(row, column_definitions, current_depth = 0)
|
12
12
|
output = ActiveSupport::SafeBuffer.new
|
13
13
|
|
14
|
-
output << pb_rails("advanced_table/table_row", props: { row
|
14
|
+
output << pb_rails("advanced_table/table_row", props: { row: row, column_definitions: column_definitions, depth: current_depth })
|
15
15
|
|
16
16
|
if row[:children].present?
|
17
17
|
row[:children].each do |child_row|
|
@@ -42,27 +42,27 @@ module Playbook
|
|
42
42
|
|
43
43
|
def standard_options
|
44
44
|
{
|
45
|
-
align
|
46
|
-
id
|
45
|
+
align: align,
|
46
|
+
id: id,
|
47
47
|
className: classname,
|
48
48
|
chartData: chart_data,
|
49
49
|
dark: dark ? "dark" : "",
|
50
50
|
type: chart_type,
|
51
|
-
title
|
51
|
+
title: title,
|
52
52
|
subTitle: subtitle,
|
53
53
|
axisTitle: axis_title,
|
54
54
|
pointStart: point_start,
|
55
55
|
xAxisCategories: x_axis_categories,
|
56
56
|
yAxisMin: y_axis_min,
|
57
57
|
yAxisMax: y_axis_max,
|
58
|
-
legend
|
58
|
+
legend: legend,
|
59
59
|
toggleLegendClick: toggle_legend_click,
|
60
|
-
height
|
61
|
-
colors
|
62
|
-
layout
|
60
|
+
height: height,
|
61
|
+
colors: colors,
|
62
|
+
layout: layout,
|
63
63
|
verticalAlign: vertical_align,
|
64
|
-
x
|
65
|
-
y
|
64
|
+
x: x,
|
65
|
+
y: y,
|
66
66
|
}
|
67
67
|
end
|
68
68
|
|
@@ -36,13 +36,13 @@ module Playbook
|
|
36
36
|
def options
|
37
37
|
options = {
|
38
38
|
class: classname,
|
39
|
-
disabled
|
40
|
-
id
|
39
|
+
disabled: disabled,
|
40
|
+
id: id,
|
41
41
|
role: "button",
|
42
42
|
tabindex: 0,
|
43
|
-
type
|
44
|
-
value
|
45
|
-
form
|
43
|
+
type: type,
|
44
|
+
value: value,
|
45
|
+
form: form,
|
46
46
|
}.compact
|
47
47
|
combined_html_options.merge!(options) if combined_html_options.present?
|
48
48
|
end
|
@@ -42,15 +42,15 @@ module Playbook
|
|
42
42
|
|
43
43
|
def chart_options
|
44
44
|
{
|
45
|
-
align
|
46
|
-
id
|
47
|
-
colors
|
45
|
+
align: align,
|
46
|
+
id: id,
|
47
|
+
colors: colors,
|
48
48
|
chartData: chart_data,
|
49
49
|
dark: dark ? "dark" : "",
|
50
|
-
title
|
51
|
-
height
|
50
|
+
title: title,
|
51
|
+
height: height,
|
52
52
|
type: style,
|
53
|
-
legend
|
53
|
+
legend: legend,
|
54
54
|
dataLabelHtml: data_label_html,
|
55
55
|
dataLabels: data_labels,
|
56
56
|
tooltipHtml: tooltip_html,
|
@@ -60,11 +60,11 @@ module Playbook
|
|
60
60
|
innerSize: inner_size,
|
61
61
|
zMin: z_min,
|
62
62
|
startAngle: start_angle,
|
63
|
-
rounded
|
64
|
-
layout
|
63
|
+
rounded: rounded,
|
64
|
+
layout: layout,
|
65
65
|
verticalAlign: vertical_align,
|
66
|
-
x
|
67
|
-
y
|
66
|
+
x: x,
|
67
|
+
y: y,
|
68
68
|
}
|
69
69
|
end
|
70
70
|
|
@@ -51,14 +51,14 @@ module Playbook
|
|
51
51
|
{
|
52
52
|
classname: "dollar_sign",
|
53
53
|
color: "light",
|
54
|
-
dark
|
54
|
+
dark: dark,
|
55
55
|
}
|
56
56
|
end
|
57
57
|
|
58
58
|
def caption_props
|
59
59
|
{
|
60
60
|
text: label,
|
61
|
-
dark
|
61
|
+
dark: dark,
|
62
62
|
}
|
63
63
|
end
|
64
64
|
|
@@ -67,7 +67,7 @@ module Playbook
|
|
67
67
|
size: size_value,
|
68
68
|
text: abbreviate ? abbreviated_value : whole_value,
|
69
69
|
classname: "pb_currency_value",
|
70
|
-
dark
|
70
|
+
dark: dark,
|
71
71
|
}
|
72
72
|
end
|
73
73
|
|
@@ -76,7 +76,7 @@ module Playbook
|
|
76
76
|
text: units_element,
|
77
77
|
color: "light",
|
78
78
|
classname: "unit",
|
79
|
-
dark
|
79
|
+
dark: dark,
|
80
80
|
}
|
81
81
|
end
|
82
82
|
|
@@ -88,17 +88,17 @@ module Playbook
|
|
88
88
|
disableRange: disable_range,
|
89
89
|
disableWeekdays: disable_weekdays,
|
90
90
|
enableTime: enable_time,
|
91
|
-
format
|
91
|
+
format: format,
|
92
92
|
hideIcon: hide_icon,
|
93
|
-
inline
|
93
|
+
inline: inline,
|
94
94
|
maxDate: max_date,
|
95
95
|
minDate: min_date,
|
96
|
-
mode
|
96
|
+
mode: mode,
|
97
97
|
pickerId: picker_id,
|
98
|
-
plugins
|
99
|
-
position
|
98
|
+
plugins: plugins,
|
99
|
+
position: position,
|
100
100
|
positionElement: position_element,
|
101
|
-
required
|
101
|
+
required: required,
|
102
102
|
selectionType: selection_type,
|
103
103
|
showTimezone: show_timezone,
|
104
104
|
staticPosition: static_position,
|
@@ -16,7 +16,7 @@ module Playbook
|
|
16
16
|
if type == "rails"
|
17
17
|
render inline: source
|
18
18
|
elsif type == "react"
|
19
|
-
react_component example_key.camelize, { dark: }
|
19
|
+
react_component example_key.camelize, { dark: dark }
|
20
20
|
elsif type == "swift"
|
21
21
|
## render the markdown file
|
22
22
|
render inline: source
|
@@ -18,11 +18,11 @@ module Playbook
|
|
18
18
|
|
19
19
|
def form_options
|
20
20
|
{
|
21
|
-
id
|
22
|
-
aria
|
21
|
+
id: id,
|
22
|
+
aria: aria,
|
23
23
|
class: classname,
|
24
|
-
data
|
25
|
-
validate
|
24
|
+
data: data,
|
25
|
+
validate: validate,
|
26
26
|
}.merge(prop(:options) || prop(:form_system_options) || {})
|
27
27
|
end
|
28
28
|
end
|
@@ -24,22 +24,22 @@ module Playbook
|
|
24
24
|
|
25
25
|
def chart_options
|
26
26
|
{
|
27
|
-
id
|
27
|
+
id: id,
|
28
28
|
chartData: chart_data,
|
29
29
|
circumference: full_circle ? [0, 360] : [-100, 100],
|
30
30
|
dark: dark ? "dark" : "",
|
31
31
|
disableAnimation: disable_animation,
|
32
|
-
height
|
33
|
-
min
|
34
|
-
max
|
35
|
-
title
|
36
|
-
suffix
|
37
|
-
prefix
|
32
|
+
height: height,
|
33
|
+
min: min,
|
34
|
+
max: max,
|
35
|
+
title: title,
|
36
|
+
suffix: suffix,
|
37
|
+
prefix: prefix,
|
38
38
|
showLabels: show_labels,
|
39
|
-
style
|
39
|
+
style: style,
|
40
40
|
tooltipHtml: tooltip_html,
|
41
41
|
type: style,
|
42
|
-
colors
|
42
|
+
colors: colors,
|
43
43
|
}
|
44
44
|
end
|
45
45
|
|
@@ -49,28 +49,28 @@ module Playbook
|
|
49
49
|
|
50
50
|
def city_emphasis_props
|
51
51
|
{
|
52
|
-
address_house_style
|
53
|
-
address_house_style2
|
54
|
-
city_state
|
55
|
-
dark
|
56
|
-
home_id
|
57
|
-
home_url
|
58
|
-
new_window
|
59
|
-
territory
|
60
|
-
zip
|
52
|
+
address_house_style: address_house_style,
|
53
|
+
address_house_style2: address_house_style2,
|
54
|
+
city_state: city_state,
|
55
|
+
dark: dark,
|
56
|
+
home_id: home_id,
|
57
|
+
home_url: home_url,
|
58
|
+
new_window: new_window,
|
59
|
+
territory: territory,
|
60
|
+
zip: zip,
|
61
61
|
}
|
62
62
|
end
|
63
63
|
|
64
64
|
def street_emphasis_props
|
65
65
|
{
|
66
|
-
address_house_style
|
67
|
-
address_house_style2
|
68
|
-
city_state_zip
|
69
|
-
dark
|
70
|
-
home_id
|
71
|
-
home_url
|
72
|
-
new_window
|
73
|
-
territory
|
66
|
+
address_house_style: address_house_style,
|
67
|
+
address_house_style2: address_house_style2,
|
68
|
+
city_state_zip: city_state_zip,
|
69
|
+
dark: dark,
|
70
|
+
home_id: home_id,
|
71
|
+
home_url: home_url,
|
72
|
+
new_window: new_window,
|
73
|
+
territory: territory,
|
74
74
|
}
|
75
75
|
end
|
76
76
|
|
@@ -40,27 +40,27 @@ module Playbook
|
|
40
40
|
|
41
41
|
def chart_options
|
42
42
|
{
|
43
|
-
align
|
44
|
-
id
|
43
|
+
align: align,
|
44
|
+
id: id,
|
45
45
|
className: classname,
|
46
46
|
chartData: chart_data,
|
47
47
|
dark: dark ? "dark" : "",
|
48
48
|
type: chart_type,
|
49
|
-
title
|
49
|
+
title: title,
|
50
50
|
subTitle: subtitle,
|
51
51
|
axisTitle: axis_title,
|
52
52
|
pointStart: point_start,
|
53
53
|
xAxisCategories: x_axis_categories,
|
54
54
|
yAxisMin: y_axis_min,
|
55
55
|
yAxisMax: y_axis_max,
|
56
|
-
legend
|
56
|
+
legend: legend,
|
57
57
|
toggleLegendClick: toggle_legend_click,
|
58
|
-
height
|
59
|
-
colors
|
60
|
-
layout
|
58
|
+
height: height,
|
59
|
+
colors: colors,
|
60
|
+
layout: layout,
|
61
61
|
verticalAlign: vertical_align,
|
62
|
-
x
|
63
|
-
y
|
62
|
+
x: x,
|
63
|
+
y: y,
|
64
64
|
}
|
65
65
|
end
|
66
66
|
|
@@ -26,14 +26,14 @@ module Playbook
|
|
26
26
|
|
27
27
|
def multi_level_select_options
|
28
28
|
{
|
29
|
-
id
|
29
|
+
id: id,
|
30
30
|
inputDisplay: input_display,
|
31
|
-
name
|
31
|
+
name: name,
|
32
32
|
treeData: tree_data,
|
33
33
|
returnAllSelected: return_all_selected,
|
34
34
|
selectedIds: selected_ids,
|
35
|
-
input_name
|
36
|
-
variant
|
35
|
+
input_name: input_name,
|
36
|
+
variant: variant,
|
37
37
|
}
|
38
38
|
end
|
39
39
|
end
|
@@ -18,15 +18,15 @@ module Playbook
|
|
18
18
|
|
19
19
|
def passphrase_options
|
20
20
|
{
|
21
|
-
dark
|
22
|
-
id
|
23
|
-
confirmation
|
21
|
+
dark: dark,
|
22
|
+
id: id,
|
23
|
+
confirmation: confirmation,
|
24
24
|
inputProps: input_props,
|
25
|
-
label
|
25
|
+
label: label,
|
26
26
|
showTipsBelow: show_tips_below,
|
27
|
-
tips
|
27
|
+
tips: tips,
|
28
28
|
uncontrolled: true,
|
29
|
-
value
|
29
|
+
value: value,
|
30
30
|
}.compact
|
31
31
|
end
|
32
32
|
end
|
@@ -28,17 +28,17 @@ module Playbook
|
|
28
28
|
|
29
29
|
def phone_number_input_options
|
30
30
|
{
|
31
|
-
id
|
32
|
-
dark
|
33
|
-
disabled
|
34
|
-
error
|
31
|
+
id: id,
|
32
|
+
dark: dark,
|
33
|
+
disabled: disabled,
|
34
|
+
error: error,
|
35
35
|
initialCountry: initial_country,
|
36
|
-
label
|
37
|
-
name
|
36
|
+
label: label,
|
37
|
+
name: name,
|
38
38
|
onlyCountries: only_countries,
|
39
39
|
preferredCountries: preferred_countries,
|
40
|
-
required
|
41
|
-
value
|
40
|
+
required: required,
|
41
|
+
value: value,
|
42
42
|
}
|
43
43
|
end
|
44
44
|
end
|
@@ -39,16 +39,16 @@ module Playbook
|
|
39
39
|
|
40
40
|
def rich_text_options
|
41
41
|
{
|
42
|
-
id
|
43
|
-
inline
|
42
|
+
id: id,
|
43
|
+
inline: inline,
|
44
44
|
className: classname,
|
45
|
-
focus
|
46
|
-
simple
|
47
|
-
sticky
|
45
|
+
focus: focus,
|
46
|
+
simple: simple,
|
47
|
+
sticky: sticky,
|
48
48
|
toolbarBottom: toolbar_bottom,
|
49
|
-
value
|
50
|
-
template
|
51
|
-
placeholder
|
49
|
+
value: value,
|
50
|
+
template: template,
|
51
|
+
placeholder: placeholder,
|
52
52
|
}
|
53
53
|
end
|
54
54
|
end
|
@@ -28,13 +28,13 @@ module Playbook
|
|
28
28
|
|
29
29
|
def all_attributes
|
30
30
|
{
|
31
|
-
id
|
31
|
+
id: id,
|
32
32
|
prompt: blank_selection,
|
33
|
-
disabled
|
34
|
-
required
|
35
|
-
multiple
|
36
|
-
onchange
|
37
|
-
include_blank
|
33
|
+
disabled: disabled,
|
34
|
+
required: required,
|
35
|
+
multiple: multiple,
|
36
|
+
onchange: onchange,
|
37
|
+
include_blank: include_blank,
|
38
38
|
}.merge(attributes)
|
39
39
|
end
|
40
40
|
|
@@ -11,7 +11,7 @@ module Playbook
|
|
11
11
|
if precision.nil?
|
12
12
|
number_with_delimiter(value, delimiter: ",", separator: ".")
|
13
13
|
else
|
14
|
-
number_with_precision(value, precision
|
14
|
+
number_with_precision(value, precision: precision, delimiter: ",", separator: ".")
|
15
15
|
end
|
16
16
|
end
|
17
17
|
|
@@ -43,7 +43,7 @@ module Playbook
|
|
43
43
|
end
|
44
44
|
|
45
45
|
def add_on_props
|
46
|
-
{ dark: }.merge(add_on || {})
|
46
|
+
{ dark: dark }.merge(add_on || {})
|
47
47
|
end
|
48
48
|
|
49
49
|
private
|
@@ -53,14 +53,14 @@ module Playbook
|
|
53
53
|
autocomplete: autocomplete ? nil : "off",
|
54
54
|
class: "text_input #{input_options.dig(:classname) || ''}",
|
55
55
|
data: validation_data,
|
56
|
-
disabled
|
56
|
+
disabled: disabled,
|
57
57
|
id: input_options.dig(:id) || id,
|
58
|
-
name
|
58
|
+
name: name,
|
59
59
|
pattern: validation_pattern,
|
60
|
-
placeholder
|
61
|
-
required
|
62
|
-
type
|
63
|
-
value
|
60
|
+
placeholder: placeholder,
|
61
|
+
required: required,
|
62
|
+
type: type,
|
63
|
+
value: value,
|
64
64
|
}.merge(input_options)
|
65
65
|
end
|
66
66
|
|
@@ -23,13 +23,13 @@ module Playbook
|
|
23
23
|
{
|
24
24
|
chartData: chart_data,
|
25
25
|
className: classname,
|
26
|
-
colors
|
26
|
+
colors: colors,
|
27
27
|
dark: dark ? "dark" : "",
|
28
|
-
drillable
|
29
|
-
grouped
|
30
|
-
height
|
31
|
-
id
|
32
|
-
title
|
28
|
+
drillable: drillable,
|
29
|
+
grouped: grouped,
|
30
|
+
height: height,
|
31
|
+
id: id,
|
32
|
+
title: title,
|
33
33
|
tooltipHtml: tooltip_html,
|
34
34
|
type: chart_type,
|
35
35
|
}
|
@@ -57,17 +57,17 @@ module Playbook
|
|
57
57
|
|
58
58
|
def typeahead_react_options
|
59
59
|
base_options = {
|
60
|
-
dark
|
60
|
+
dark: dark,
|
61
61
|
defaultValue: default_options,
|
62
|
-
error
|
63
|
-
id
|
64
|
-
inline
|
62
|
+
error: error,
|
63
|
+
id: id,
|
64
|
+
inline: inline,
|
65
65
|
isMulti: is_multi,
|
66
|
-
label
|
66
|
+
label: label,
|
67
67
|
multiKit: multi_kit,
|
68
|
-
name
|
69
|
-
options
|
70
|
-
placeholder
|
68
|
+
name: name,
|
69
|
+
options: options,
|
70
|
+
placeholder: placeholder,
|
71
71
|
plusIcon: plus_icon,
|
72
72
|
}
|
73
73
|
|
@@ -13,12 +13,12 @@ module Playbook
|
|
13
13
|
props[:type] ||= "submit"
|
14
14
|
props[:text] ||= value || submit_default_value
|
15
15
|
|
16
|
-
button(value, props:)
|
16
|
+
button(value, props: props)
|
17
17
|
end
|
18
18
|
|
19
19
|
def button(_value = nil, props:)
|
20
20
|
view_context.content_tag(:li) do
|
21
|
-
view_context.pb_rails("button", props:)
|
21
|
+
view_context.pb_rails("button", props: props)
|
22
22
|
end
|
23
23
|
end
|
24
24
|
|
@@ -18,11 +18,11 @@ module Playbook
|
|
18
18
|
|
19
19
|
if props[:label]
|
20
20
|
@template.pb_rails("caption", props: { text: label_text, margin_bottom: "xs" }) +
|
21
|
-
@template.pb_rails("checkbox", props:) do
|
21
|
+
@template.pb_rails("checkbox", props: props) do
|
22
22
|
input
|
23
23
|
end
|
24
24
|
else
|
25
|
-
@template.pb_rails("checkbox", props:) do
|
25
|
+
@template.pb_rails("checkbox", props: props) do
|
26
26
|
input
|
27
27
|
end
|
28
28
|
end
|
@@ -10,7 +10,7 @@ module Playbook
|
|
10
10
|
html_options[:required] = "required" if props[:required]
|
11
11
|
input = super(name, collection, value_method, text_method, options, html_options)
|
12
12
|
|
13
|
-
@template.pb_rails("select", props:) do
|
13
|
+
@template.pb_rails("select", props: props) do
|
14
14
|
input
|
15
15
|
end
|
16
16
|
end
|
data/lib/playbook/kit_base.rb
CHANGED
@@ -11,11 +11,11 @@ module Playbook
|
|
11
11
|
examples = examples.first(1) if limit_examples
|
12
12
|
examples.map do |example|
|
13
13
|
pb_rails "docs/kit_example", props: {
|
14
|
-
kit
|
14
|
+
kit: kit,
|
15
15
|
example_title: example.values.first,
|
16
16
|
example_key: example.keys.first,
|
17
|
-
show_code
|
18
|
-
type
|
17
|
+
show_code: show_code,
|
18
|
+
type: type,
|
19
19
|
dark: dark_mode,
|
20
20
|
}
|
21
21
|
end.join.yield_self(&method(:raw))
|
@@ -70,7 +70,7 @@ module Playbook
|
|
70
70
|
def render_pb_doc_kit(kit, type, limit_examples, code = true, dark_mode = false)
|
71
71
|
title = pb_doc_render_clickable_title(kit, type)
|
72
72
|
ui = raw("<div class='pb--docItem-ui'>
|
73
|
-
#{pb_kit(kit
|
73
|
+
#{pb_kit(kit: kit, type: type, show_code: code, limit_examples: limit_examples, dark_mode: dark_mode)}</div>")
|
74
74
|
title + ui
|
75
75
|
end
|
76
76
|
# rubocop:enable Style/OptionalBooleanParameter
|
data/lib/playbook/props.rb
CHANGED
@@ -48,7 +48,7 @@ module Playbook
|
|
48
48
|
end
|
49
49
|
|
50
50
|
def prop(name, type: Playbook::Props::String, **options)
|
51
|
-
self.props = props.merge(name => type.new(**options.merge(name
|
51
|
+
self.props = props.merge(name => type.new(**options.merge(name: name, kit: self)))
|
52
52
|
|
53
53
|
define_method(name) { prop(name) }
|
54
54
|
end
|
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 13.21.0.pre.alpha.
|
4
|
+
version: 13.21.0.pre.alpha.PLAY12582531
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2024-03-
|
12
|
+
date: 2024-03-28 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -17,60 +17,60 @@ dependencies:
|
|
17
17
|
requirements:
|
18
18
|
- - ">="
|
19
19
|
- !ruby/object:Gem::Version
|
20
|
-
version:
|
21
|
-
- - "
|
20
|
+
version: 5.2.4.5
|
21
|
+
- - "<="
|
22
22
|
- !ruby/object:Gem::Version
|
23
|
-
version: 7.0.8
|
23
|
+
version: 7.0.8.1
|
24
24
|
type: :runtime
|
25
25
|
prerelease: false
|
26
26
|
version_requirements: !ruby/object:Gem::Requirement
|
27
27
|
requirements:
|
28
28
|
- - ">="
|
29
29
|
- !ruby/object:Gem::Version
|
30
|
-
version:
|
31
|
-
- - "
|
30
|
+
version: 5.2.4.5
|
31
|
+
- - "<="
|
32
32
|
- !ruby/object:Gem::Version
|
33
|
-
version: 7.0.8
|
33
|
+
version: 7.0.8.1
|
34
34
|
- !ruby/object:Gem::Dependency
|
35
35
|
name: actionview
|
36
36
|
requirement: !ruby/object:Gem::Requirement
|
37
37
|
requirements:
|
38
38
|
- - ">="
|
39
39
|
- !ruby/object:Gem::Version
|
40
|
-
version:
|
41
|
-
- - "
|
40
|
+
version: 5.2.4.5
|
41
|
+
- - "<="
|
42
42
|
- !ruby/object:Gem::Version
|
43
|
-
version: 7.0.8
|
43
|
+
version: 7.0.8.1
|
44
44
|
type: :runtime
|
45
45
|
prerelease: false
|
46
46
|
version_requirements: !ruby/object:Gem::Requirement
|
47
47
|
requirements:
|
48
48
|
- - ">="
|
49
49
|
- !ruby/object:Gem::Version
|
50
|
-
version:
|
51
|
-
- - "
|
50
|
+
version: 5.2.4.5
|
51
|
+
- - "<="
|
52
52
|
- !ruby/object:Gem::Version
|
53
|
-
version: 7.0.8
|
53
|
+
version: 7.0.8.1
|
54
54
|
- !ruby/object:Gem::Dependency
|
55
55
|
name: activesupport
|
56
56
|
requirement: !ruby/object:Gem::Requirement
|
57
57
|
requirements:
|
58
58
|
- - ">="
|
59
59
|
- !ruby/object:Gem::Version
|
60
|
-
version:
|
61
|
-
- - "
|
60
|
+
version: 5.2.4.5
|
61
|
+
- - "<="
|
62
62
|
- !ruby/object:Gem::Version
|
63
|
-
version: 7.0.8
|
63
|
+
version: 7.0.8.1
|
64
64
|
type: :runtime
|
65
65
|
prerelease: false
|
66
66
|
version_requirements: !ruby/object:Gem::Requirement
|
67
67
|
requirements:
|
68
68
|
- - ">="
|
69
69
|
- !ruby/object:Gem::Version
|
70
|
-
version:
|
71
|
-
- - "
|
70
|
+
version: 5.2.4.5
|
71
|
+
- - "<="
|
72
72
|
- !ruby/object:Gem::Version
|
73
|
-
version: 7.0.8
|
73
|
+
version: 7.0.8.1
|
74
74
|
- !ruby/object:Gem::Dependency
|
75
75
|
name: react-rails
|
76
76
|
requirement: !ruby/object:Gem::Requirement
|
@@ -117,16 +117,16 @@ dependencies:
|
|
117
117
|
name: byebug
|
118
118
|
requirement: !ruby/object:Gem::Requirement
|
119
119
|
requirements:
|
120
|
-
- -
|
120
|
+
- - ">="
|
121
121
|
- !ruby/object:Gem::Version
|
122
|
-
version: 11.
|
122
|
+
version: 11.0.0
|
123
123
|
type: :development
|
124
124
|
prerelease: false
|
125
125
|
version_requirements: !ruby/object:Gem::Requirement
|
126
126
|
requirements:
|
127
|
-
- -
|
127
|
+
- - ">="
|
128
128
|
- !ruby/object:Gem::Version
|
129
|
-
version: 11.
|
129
|
+
version: 11.0.0
|
130
130
|
- !ruby/object:Gem::Dependency
|
131
131
|
name: github_changelog_generator
|
132
132
|
requirement: !ruby/object:Gem::Requirement
|
@@ -147,20 +147,20 @@ dependencies:
|
|
147
147
|
requirements:
|
148
148
|
- - ">="
|
149
149
|
- !ruby/object:Gem::Version
|
150
|
-
version:
|
151
|
-
- - "
|
150
|
+
version: 5.2.4.5
|
151
|
+
- - "<="
|
152
152
|
- !ruby/object:Gem::Version
|
153
|
-
version: 7.0.8
|
153
|
+
version: 7.0.8.1
|
154
154
|
type: :development
|
155
155
|
prerelease: false
|
156
156
|
version_requirements: !ruby/object:Gem::Requirement
|
157
157
|
requirements:
|
158
158
|
- - ">="
|
159
159
|
- !ruby/object:Gem::Version
|
160
|
-
version:
|
161
|
-
- - "
|
160
|
+
version: 5.2.4.5
|
161
|
+
- - "<="
|
162
162
|
- !ruby/object:Gem::Version
|
163
|
-
version: 7.0.8
|
163
|
+
version: 7.0.8.1
|
164
164
|
- !ruby/object:Gem::Dependency
|
165
165
|
name: rspec-html-matchers
|
166
166
|
requirement: !ruby/object:Gem::Requirement
|