playbook_ui 14.1.0 → 14.3.0.pre.rc.0
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/_playbook.scss +2 -0
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +3 -3
- data/app/pb_kits/playbook/pb_advanced_table/advanced_table.html.erb +1 -1
- data/app/pb_kits/playbook/pb_badge/_badge.scss +9 -0
- data/app/pb_kits/playbook/pb_badge/_badge.tsx +8 -3
- data/app/pb_kits/playbook/pb_badge/badge.rb +1 -1
- data/app/pb_kits/playbook/pb_badge/badge.test.js +17 -11
- data/app/pb_kits/playbook/pb_badge/docs/_badge_notification.html.erb +13 -0
- data/app/pb_kits/playbook/pb_badge/docs/_badge_notification.jsx +31 -12
- data/app/pb_kits/playbook/pb_button/_button.tsx +4 -1
- data/app/pb_kits/playbook/pb_button/button.html.erb +1 -1
- data/app/pb_kits/playbook/pb_button/button.rb +4 -0
- data/app/pb_kits/playbook/pb_date_time/dateTime.test.js +2 -2
- data/app/pb_kits/playbook/pb_dialog/_close_icon.tsx +5 -1
- data/app/pb_kits/playbook/pb_dialog/_dialog.tsx +3 -1
- data/app/pb_kits/playbook/pb_dialog/dialog.test.jsx +20 -1
- data/app/pb_kits/playbook/pb_dialog/dialog_header.html.erb +1 -1
- data/app/pb_kits/playbook/pb_dialog/dialog_header.rb +4 -0
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx +1 -5
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_loading.jsx +46 -0
- data/app/pb_kits/playbook/pb_dialog/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_dialog/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_filter/filter.rb +1 -1
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +1 -0
- data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +43 -25
- data/app/pb_kits/playbook/pb_form_pill/_form_pill.tsx +6 -2
- data/app/pb_kits/playbook/pb_form_pill/docs/example.yml +2 -2
- data/app/pb_kits/playbook/pb_form_pill/form_pill.html.erb +4 -4
- data/app/pb_kits/playbook/pb_form_pill/form_pill.rb +4 -0
- data/app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.scss +3 -0
- data/app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.tsx +72 -0
- data/app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx +53 -0
- data/app/pb_kits/playbook/pb_gantt_chart/docs/example.yml +7 -0
- data/app/pb_kits/playbook/pb_gantt_chart/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_gantt_chart/gantt_chart.test.jsx +19 -0
- data/app/pb_kits/playbook/pb_icon/_icon.tsx +1 -1
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +0 -2
- data/app/pb_kits/playbook/pb_pagination/_pagination.scss +49 -13
- data/app/pb_kits/playbook/pb_pagination/_pagination.tsx +164 -0
- data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default.jsx +19 -0
- data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default_react.md +1 -0
- data/app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change.jsx +62 -0
- data/app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change_react.md +1 -0
- data/app/pb_kits/playbook/pb_pagination/docs/data.js +23 -0
- data/app/pb_kits/playbook/pb_pagination/docs/example.yml +3 -1
- data/app/pb_kits/playbook/pb_pagination/docs/index.js +2 -0
- data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss +0 -7
- data/app/pb_kits/playbook/pb_popover/_popover.tsx +10 -5
- data/app/pb_kits/playbook/pb_rich_text_editor/_previewer_mixin.scss +132 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/_tiptap_styles.scss +50 -76
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_preview.jsx +73 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/index.js +2 -1
- data/app/pb_kits/playbook/pb_star_rating/index.js +78 -41
- data/app/pb_kits/playbook/pb_star_rating/star_rating.html.erb +4 -2
- data/app/pb_kits/playbook/pb_star_rating/star_rating.rb +17 -0
- data/app/pb_kits/playbook/pb_star_rating/subcomponents/_star_rating_display.tsx +0 -2
- data/app/pb_kits/playbook/pb_star_rating/subcomponents/_star_rating_interactive.tsx +0 -1
- data/app/pb_kits/playbook/pb_time/_time.tsx +12 -8
- data/app/pb_kits/playbook/pb_time/time.html.erb +3 -3
- data/app/pb_kits/playbook/pb_time/time.rb +4 -0
- data/app/pb_kits/playbook/tokens/_container.scss +21 -0
- data/app/pb_kits/playbook/utilities/_min_width.scss +45 -0
- data/app/pb_kits/playbook/utilities/globalPropNames.mjs +1 -0
- data/app/pb_kits/playbook/utilities/globalProps.ts +20 -3
- data/app/pb_kits/playbook/utilities/icons/allicons.tsx +59 -0
- data/app/pb_kits/playbook/utilities/icons/clock.svg +9 -0
- data/app/pb_kits/playbook/utilities/icons/spinner.svg +3 -0
- data/app/pb_kits/playbook/utilities/icons/times.svg +3 -0
- data/dist/chunks/_typeahead-Cq7RLPBA.js +22 -0
- data/dist/chunks/_weekday_stacked-Cykj5kLZ.js +45 -0
- data/dist/chunks/lazysizes-B7xYodB-.js +1 -0
- data/dist/chunks/{lib-BE0Z3F7x.js → lib-DErGXNy3.js} +2 -2
- data/dist/chunks/{pb_form_validation-TzZQ0Flx.js → pb_form_validation-BC6kh7Hu.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/menu.yml +4 -0
- data/dist/playbook-doc.js +1 -1
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/classnames.rb +1 -0
- data/lib/playbook/spacing.rb +31 -2
- data/lib/playbook/version.rb +2 -2
- metadata +35 -13
- data/dist/chunks/_typeahead-D6PRvP-1.js +0 -22
- data/dist/chunks/_weekday_stacked-DbdEuIzh.js +0 -45
- data/dist/chunks/lazysizes-DHz07jlL.js +0 -1
- /data/app/pb_kits/playbook/pb_pagination/docs/{_pagination_default.md → _pagination_default_rails.md} +0 -0
data/lib/playbook/classnames.rb
CHANGED
data/lib/playbook/spacing.rb
CHANGED
@@ -11,6 +11,7 @@ module Playbook
|
|
11
11
|
base.prop :margin_x
|
12
12
|
base.prop :margin_y
|
13
13
|
base.prop :max_width
|
14
|
+
base.prop :min_width
|
14
15
|
base.prop :padding
|
15
16
|
base.prop :padding_bottom
|
16
17
|
base.prop :padding_left
|
@@ -26,8 +27,18 @@ module Playbook
|
|
26
27
|
}
|
27
28
|
end
|
28
29
|
|
30
|
+
def min_width_options
|
31
|
+
{
|
32
|
+
min_width: "minw",
|
33
|
+
}
|
34
|
+
end
|
35
|
+
|
29
36
|
def max_width_values
|
30
|
-
%w[xs sm md lg xl xxl 0 none]
|
37
|
+
%w[0% xs sm md lg xl xxl 0 none 100%]
|
38
|
+
end
|
39
|
+
|
40
|
+
def min_width_values
|
41
|
+
%w[0% xs sm md lg xl xxl 0 none 100%]
|
31
42
|
end
|
32
43
|
|
33
44
|
def spacing_options
|
@@ -87,13 +98,31 @@ module Playbook
|
|
87
98
|
css.strip unless css.blank?
|
88
99
|
end
|
89
100
|
|
101
|
+
def filter_classname(value)
|
102
|
+
if value.include?("%")
|
103
|
+
value.gsub("%", "_percent")
|
104
|
+
else
|
105
|
+
value
|
106
|
+
end
|
107
|
+
end
|
108
|
+
|
109
|
+
def min_width_props
|
110
|
+
selected_minw_props = min_width_options.keys.select { |sk| try(sk) }
|
111
|
+
return nil unless selected_minw_props.present?
|
112
|
+
|
113
|
+
selected_minw_props.map do |k|
|
114
|
+
width_value = send(k)
|
115
|
+
"min_width_#{filter_classname(width_value)}" if min_width_values.include? width_value
|
116
|
+
end.compact.join(" ")
|
117
|
+
end
|
118
|
+
|
90
119
|
def max_width_props
|
91
120
|
selected_mw_props = max_width_options.keys.select { |sk| try(sk) }
|
92
121
|
return nil unless selected_mw_props.present?
|
93
122
|
|
94
123
|
selected_mw_props.map do |k|
|
95
124
|
width_value = send(k)
|
96
|
-
"max_width_#{width_value}" if max_width_values.include? width_value
|
125
|
+
"max_width_#{filter_classname(width_value)}" if max_width_values.include? width_value
|
97
126
|
end.compact.join(" ")
|
98
127
|
end
|
99
128
|
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: 14.
|
4
|
+
version: 14.3.0.pre.rc.0
|
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-08-
|
12
|
+
date: 2024-08-28 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -73,14 +73,14 @@ dependencies:
|
|
73
73
|
requirements:
|
74
74
|
- - '='
|
75
75
|
- !ruby/object:Gem::Version
|
76
|
-
version: 2.
|
76
|
+
version: 2.83.0
|
77
77
|
type: :runtime
|
78
78
|
prerelease: false
|
79
79
|
version_requirements: !ruby/object:Gem::Requirement
|
80
80
|
requirements:
|
81
81
|
- - '='
|
82
82
|
- !ruby/object:Gem::Version
|
83
|
-
version: 2.
|
83
|
+
version: 2.83.0
|
84
84
|
- !ruby/object:Gem::Dependency
|
85
85
|
name: webpacker-react
|
86
86
|
requirement: !ruby/object:Gem::Requirement
|
@@ -1045,6 +1045,7 @@ files:
|
|
1045
1045
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.html.erb
|
1046
1046
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.jsx
|
1047
1047
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.md
|
1048
|
+
- app/pb_kits/playbook/pb_dialog/docs/_dialog_loading.jsx
|
1048
1049
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_props_swift.md
|
1049
1050
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.html.erb
|
1050
1051
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.jsx
|
@@ -1345,6 +1346,12 @@ files:
|
|
1345
1346
|
- app/pb_kits/playbook/pb_form_pill/docs/index.js
|
1346
1347
|
- app/pb_kits/playbook/pb_form_pill/form_pill.html.erb
|
1347
1348
|
- app/pb_kits/playbook/pb_form_pill/form_pill.rb
|
1349
|
+
- app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.scss
|
1350
|
+
- app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.tsx
|
1351
|
+
- app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx
|
1352
|
+
- app/pb_kits/playbook/pb_gantt_chart/docs/example.yml
|
1353
|
+
- app/pb_kits/playbook/pb_gantt_chart/docs/index.js
|
1354
|
+
- app/pb_kits/playbook/pb_gantt_chart/gantt_chart.test.jsx
|
1348
1355
|
- app/pb_kits/playbook/pb_gauge/_gauge.scss
|
1349
1356
|
- app/pb_kits/playbook/pb_gauge/_gauge.tsx
|
1350
1357
|
- app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.html.erb
|
@@ -1928,9 +1935,16 @@ files:
|
|
1928
1935
|
- app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_percentage.tsx
|
1929
1936
|
- app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx
|
1930
1937
|
- app/pb_kits/playbook/pb_pagination/_pagination.scss
|
1938
|
+
- app/pb_kits/playbook/pb_pagination/_pagination.tsx
|
1931
1939
|
- app/pb_kits/playbook/pb_pagination/docs/_pagination_default.html.erb
|
1932
|
-
- app/pb_kits/playbook/pb_pagination/docs/_pagination_default.
|
1940
|
+
- app/pb_kits/playbook/pb_pagination/docs/_pagination_default.jsx
|
1941
|
+
- app/pb_kits/playbook/pb_pagination/docs/_pagination_default_rails.md
|
1942
|
+
- app/pb_kits/playbook/pb_pagination/docs/_pagination_default_react.md
|
1943
|
+
- app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change.jsx
|
1944
|
+
- app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change_react.md
|
1945
|
+
- app/pb_kits/playbook/pb_pagination/docs/data.js
|
1933
1946
|
- app/pb_kits/playbook/pb_pagination/docs/example.yml
|
1947
|
+
- app/pb_kits/playbook/pb_pagination/docs/index.js
|
1934
1948
|
- app/pb_kits/playbook/pb_pagination/pagination.html.erb
|
1935
1949
|
- app/pb_kits/playbook/pb_pagination/pagination.rb
|
1936
1950
|
- app/pb_kits/playbook/pb_passphrase/_passphrase.scss
|
@@ -2153,6 +2167,7 @@ files:
|
|
2153
2167
|
- app/pb_kits/playbook/pb_rich_text_editor/TipTap/ToolbarHistory.tsx
|
2154
2168
|
- app/pb_kits/playbook/pb_rich_text_editor/TipTap/ToolbarNodes.tsx
|
2155
2169
|
- app/pb_kits/playbook/pb_rich_text_editor/_dedupe_trix_toolbar.js
|
2170
|
+
- app/pb_kits/playbook/pb_rich_text_editor/_previewer_mixin.scss
|
2156
2171
|
- app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.scss
|
2157
2172
|
- app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.tsx
|
2158
2173
|
- app/pb_kits/playbook/pb_rich_text_editor/_tiptap_styles.scss
|
@@ -2160,6 +2175,7 @@ files:
|
|
2160
2175
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_description.md
|
2161
2176
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_default.jsx
|
2162
2177
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_default.md
|
2178
|
+
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_preview.jsx
|
2163
2179
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_attributes.html.erb
|
2164
2180
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_attributes.jsx
|
2165
2181
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.html.erb
|
@@ -2924,6 +2940,7 @@ files:
|
|
2924
2940
|
- app/pb_kits/playbook/tokens/_animation-curves.scss
|
2925
2941
|
- app/pb_kits/playbook/tokens/_border_radius.scss
|
2926
2942
|
- app/pb_kits/playbook/tokens/_colors.scss
|
2943
|
+
- app/pb_kits/playbook/tokens/_container.scss
|
2927
2944
|
- app/pb_kits/playbook/tokens/_display.scss
|
2928
2945
|
- app/pb_kits/playbook/tokens/_line_height.scss
|
2929
2946
|
- app/pb_kits/playbook/tokens/_opacity.scss
|
@@ -2960,6 +2977,7 @@ files:
|
|
2960
2977
|
- app/pb_kits/playbook/utilities/_hover.scss
|
2961
2978
|
- app/pb_kits/playbook/utilities/_line_height.scss
|
2962
2979
|
- app/pb_kits/playbook/utilities/_max_width.scss
|
2980
|
+
- app/pb_kits/playbook/utilities/_min_width.scss
|
2963
2981
|
- app/pb_kits/playbook/utilities/_mixins.scss
|
2964
2982
|
- app/pb_kits/playbook/utilities/_number_spacing.scss
|
2965
2983
|
- app/pb_kits/playbook/utilities/_overflow.scss
|
@@ -2982,6 +3000,10 @@ files:
|
|
2982
3000
|
- app/pb_kits/playbook/utilities/flexbox_global_props/_order.scss
|
2983
3001
|
- app/pb_kits/playbook/utilities/globalPropNames.mjs
|
2984
3002
|
- app/pb_kits/playbook/utilities/globalProps.ts
|
3003
|
+
- app/pb_kits/playbook/utilities/icons/allicons.tsx
|
3004
|
+
- app/pb_kits/playbook/utilities/icons/clock.svg
|
3005
|
+
- app/pb_kits/playbook/utilities/icons/spinner.svg
|
3006
|
+
- app/pb_kits/playbook/utilities/icons/times.svg
|
2985
3007
|
- app/pb_kits/playbook/utilities/object.ts
|
2986
3008
|
- app/pb_kits/playbook/utilities/props.ts
|
2987
3009
|
- app/pb_kits/playbook/utilities/test-utils.js
|
@@ -3000,11 +3022,11 @@ files:
|
|
3000
3022
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
3001
3023
|
- app/pb_kits/playbook/utilities/text.ts
|
3002
3024
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
3003
|
-
- dist/chunks/_typeahead-
|
3004
|
-
- dist/chunks/_weekday_stacked-
|
3005
|
-
- dist/chunks/lazysizes-
|
3006
|
-
- dist/chunks/lib-
|
3007
|
-
- dist/chunks/pb_form_validation-
|
3025
|
+
- dist/chunks/_typeahead-Cq7RLPBA.js
|
3026
|
+
- dist/chunks/_weekday_stacked-Cykj5kLZ.js
|
3027
|
+
- dist/chunks/lazysizes-B7xYodB-.js
|
3028
|
+
- dist/chunks/lib-DErGXNy3.js
|
3029
|
+
- dist/chunks/pb_form_validation-BC6kh7Hu.js
|
3008
3030
|
- dist/chunks/vendor.js
|
3009
3031
|
- dist/menu.yml
|
3010
3032
|
- dist/playbook-doc.js
|
@@ -3086,7 +3108,7 @@ homepage: https://playbook.powerapp.cloud/
|
|
3086
3108
|
licenses:
|
3087
3109
|
- ISC
|
3088
3110
|
metadata: {}
|
3089
|
-
post_install_message:
|
3111
|
+
post_install_message:
|
3090
3112
|
rdoc_options: []
|
3091
3113
|
require_paths:
|
3092
3114
|
- lib
|
@@ -3102,7 +3124,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
3102
3124
|
version: '0'
|
3103
3125
|
requirements: []
|
3104
3126
|
rubygems_version: 3.5.3
|
3105
|
-
signing_key:
|
3127
|
+
signing_key:
|
3106
3128
|
specification_version: 4
|
3107
3129
|
summary: Playbook Design System
|
3108
3130
|
test_files: []
|