playbook_ui 14.1.0 → 14.2.0.pre.alpha.PLAY15063618

Sign up to get free protection for your applications and to get access to all the features.
Files changed (91) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +2 -0
  3. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +3 -3
  4. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.html.erb +1 -1
  5. data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss +2 -2
  6. data/app/pb_kits/playbook/pb_badge/_badge.scss +9 -0
  7. data/app/pb_kits/playbook/pb_badge/_badge.tsx +8 -3
  8. data/app/pb_kits/playbook/pb_badge/badge.rb +1 -1
  9. data/app/pb_kits/playbook/pb_badge/badge.test.js +17 -11
  10. data/app/pb_kits/playbook/pb_badge/docs/_badge_notification.html.erb +13 -0
  11. data/app/pb_kits/playbook/pb_badge/docs/_badge_notification.jsx +31 -12
  12. data/app/pb_kits/playbook/pb_button/_button.tsx +4 -1
  13. data/app/pb_kits/playbook/pb_button/button.html.erb +1 -1
  14. data/app/pb_kits/playbook/pb_button/button.rb +4 -0
  15. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss +1 -1
  16. data/app/pb_kits/playbook/pb_date_time/dateTime.test.js +2 -2
  17. data/app/pb_kits/playbook/pb_dialog/_close_icon.tsx +5 -1
  18. data/app/pb_kits/playbook/pb_dialog/_dialog.tsx +3 -1
  19. data/app/pb_kits/playbook/pb_dialog/dialog.test.jsx +20 -1
  20. data/app/pb_kits/playbook/pb_dialog/dialog_header.html.erb +1 -1
  21. data/app/pb_kits/playbook/pb_dialog/dialog_header.rb +4 -0
  22. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx +1 -5
  23. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_loading.jsx +46 -0
  24. data/app/pb_kits/playbook/pb_dialog/docs/example.yml +1 -0
  25. data/app/pb_kits/playbook/pb_dialog/docs/index.js +1 -0
  26. data/app/pb_kits/playbook/pb_filter/filter.rb +1 -1
  27. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +1 -0
  28. data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +43 -25
  29. data/app/pb_kits/playbook/pb_form_pill/_form_pill.tsx +6 -2
  30. data/app/pb_kits/playbook/pb_form_pill/docs/example.yml +2 -2
  31. data/app/pb_kits/playbook/pb_form_pill/form_pill.html.erb +4 -4
  32. data/app/pb_kits/playbook/pb_form_pill/form_pill.rb +4 -0
  33. data/app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.scss +3 -0
  34. data/app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.tsx +72 -0
  35. data/app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx +53 -0
  36. data/app/pb_kits/playbook/pb_gantt_chart/docs/example.yml +7 -0
  37. data/app/pb_kits/playbook/pb_gantt_chart/docs/index.js +1 -0
  38. data/app/pb_kits/playbook/pb_gantt_chart/gantt_chart.test.jsx +19 -0
  39. data/app/pb_kits/playbook/pb_icon/_icon.tsx +1 -1
  40. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +0 -2
  41. data/app/pb_kits/playbook/pb_pagination/_pagination.scss +49 -13
  42. data/app/pb_kits/playbook/pb_pagination/_pagination.tsx +164 -0
  43. data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default.jsx +19 -0
  44. data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default_react.md +1 -0
  45. data/app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change.jsx +62 -0
  46. data/app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change_react.md +1 -0
  47. data/app/pb_kits/playbook/pb_pagination/docs/data.js +23 -0
  48. data/app/pb_kits/playbook/pb_pagination/docs/example.yml +3 -1
  49. data/app/pb_kits/playbook/pb_pagination/docs/index.js +2 -0
  50. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss +0 -7
  51. data/app/pb_kits/playbook/pb_popover/_popover.tsx +10 -5
  52. data/app/pb_kits/playbook/pb_rich_text_editor/_previewer_mixin.scss +132 -0
  53. data/app/pb_kits/playbook/pb_rich_text_editor/_tiptap_styles.scss +50 -76
  54. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_preview.jsx +73 -0
  55. data/app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml +1 -0
  56. data/app/pb_kits/playbook/pb_rich_text_editor/docs/index.js +2 -1
  57. data/app/pb_kits/playbook/pb_star_rating/index.js +78 -41
  58. data/app/pb_kits/playbook/pb_star_rating/star_rating.html.erb +4 -2
  59. data/app/pb_kits/playbook/pb_star_rating/star_rating.rb +17 -0
  60. data/app/pb_kits/playbook/pb_star_rating/subcomponents/_star_rating_display.tsx +0 -2
  61. data/app/pb_kits/playbook/pb_star_rating/subcomponents/_star_rating_interactive.tsx +0 -1
  62. data/app/pb_kits/playbook/pb_time/_time.tsx +12 -8
  63. data/app/pb_kits/playbook/pb_time/time.html.erb +3 -3
  64. data/app/pb_kits/playbook/pb_time/time.rb +4 -0
  65. data/app/pb_kits/playbook/tokens/_container.scss +21 -0
  66. data/app/pb_kits/playbook/utilities/_min_width.scss +45 -0
  67. data/app/pb_kits/playbook/utilities/globalPropNames.mjs +1 -0
  68. data/app/pb_kits/playbook/utilities/globalProps.ts +20 -3
  69. data/app/pb_kits/playbook/utilities/icons/allicons.tsx +59 -0
  70. data/app/pb_kits/playbook/utilities/icons/clock.svg +9 -0
  71. data/app/pb_kits/playbook/utilities/icons/spinner.svg +3 -0
  72. data/app/pb_kits/playbook/utilities/icons/times.svg +3 -0
  73. data/dist/chunks/_typeahead-Cq7RLPBA.js +22 -0
  74. data/dist/chunks/_weekday_stacked-Cykj5kLZ.js +45 -0
  75. data/dist/chunks/lazysizes-B7xYodB-.js +1 -0
  76. data/dist/chunks/{lib-BE0Z3F7x.js → lib-DErGXNy3.js} +2 -2
  77. data/dist/chunks/{pb_form_validation-TzZQ0Flx.js → pb_form_validation-BC6kh7Hu.js} +1 -1
  78. data/dist/chunks/vendor.js +1 -1
  79. data/dist/menu.yml +4 -0
  80. data/dist/playbook-doc.js +1 -1
  81. data/dist/playbook-rails-react-bindings.js +1 -1
  82. data/dist/playbook-rails.js +1 -1
  83. data/dist/playbook.css +1 -1
  84. data/lib/playbook/classnames.rb +1 -0
  85. data/lib/playbook/spacing.rb +31 -2
  86. data/lib/playbook/version.rb +2 -2
  87. metadata +35 -13
  88. data/dist/chunks/_typeahead-D6PRvP-1.js +0 -22
  89. data/dist/chunks/_weekday_stacked-DbdEuIzh.js +0 -45
  90. data/dist/chunks/lazysizes-DHz07jlL.js +0 -1
  91. /data/app/pb_kits/playbook/pb_pagination/docs/{_pagination_default.md → _pagination_default_rails.md} +0 -0
@@ -13,6 +13,7 @@ module Playbook
13
13
  prop(:classname),
14
14
  spacing_props,
15
15
  dark_props,
16
+ min_width_props,
16
17
  max_width_props,
17
18
  z_index_props,
18
19
  number_spacing_props,
@@ -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
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "14.0.0"
5
- VERSION = "14.1.0"
4
+ PREVIOUS_VERSION = "14.2.0"
5
+ VERSION = "14.2.0.pre.alpha.PLAY15063618"
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: 14.1.0
4
+ version: 14.2.0.pre.alpha.PLAY15063618
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-13 00:00:00.000000000 Z
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.55.0
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.55.0
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.md
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-D6PRvP-1.js
3004
- - dist/chunks/_weekday_stacked-DbdEuIzh.js
3005
- - dist/chunks/lazysizes-DHz07jlL.js
3006
- - dist/chunks/lib-BE0Z3F7x.js
3007
- - dist/chunks/pb_form_validation-TzZQ0Flx.js
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: []