playbook_ui 14.1.0.pre.alpha.PA1477timestampkit3536 → 14.1.0.pre.alpha.PBNTR462starratingdefaultvalue3579

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.
Files changed (97) 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_badge/_badge.scss +9 -0
  6. data/app/pb_kits/playbook/pb_badge/_badge.tsx +8 -3
  7. data/app/pb_kits/playbook/pb_badge/badge.rb +1 -1
  8. data/app/pb_kits/playbook/pb_badge/badge.test.js +17 -11
  9. data/app/pb_kits/playbook/pb_badge/docs/_badge_notification.html.erb +13 -0
  10. data/app/pb_kits/playbook/pb_badge/docs/_badge_notification.jsx +31 -12
  11. data/app/pb_kits/playbook/pb_button/_button.tsx +4 -1
  12. data/app/pb_kits/playbook/pb_button/button.html.erb +1 -1
  13. data/app/pb_kits/playbook/pb_button/button.rb +4 -0
  14. data/app/pb_kits/playbook/pb_date_time/dateTime.test.js +2 -2
  15. data/app/pb_kits/playbook/pb_dialog/_close_icon.tsx +5 -1
  16. data/app/pb_kits/playbook/pb_dialog/_dialog.tsx +3 -1
  17. data/app/pb_kits/playbook/pb_dialog/dialog.html.erb +4 -1
  18. data/app/pb_kits/playbook/pb_dialog/dialog.rb +3 -0
  19. data/app/pb_kits/playbook/pb_dialog/dialog.test.jsx +20 -1
  20. data/app/pb_kits/playbook/pb_dialog/dialogHelper.js +21 -0
  21. data/app/pb_kits/playbook/pb_dialog/dialog_footer.html.erb +4 -2
  22. data/app/pb_kits/playbook/pb_dialog/dialog_footer.rb +10 -1
  23. data/app/pb_kits/playbook/pb_dialog/dialog_header.html.erb +1 -1
  24. data/app/pb_kits/playbook/pb_dialog/dialog_header.rb +4 -0
  25. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx +1 -5
  26. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_loading.html.erb +13 -0
  27. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_loading.jsx +46 -0
  28. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_loading.md +3 -0
  29. data/app/pb_kits/playbook/pb_dialog/docs/example.yml +2 -1
  30. data/app/pb_kits/playbook/pb_dialog/docs/index.js +1 -0
  31. data/app/pb_kits/playbook/pb_filter/filter.rb +1 -1
  32. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +1 -0
  33. data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +43 -25
  34. data/app/pb_kits/playbook/pb_form_pill/_form_pill.tsx +6 -2
  35. data/app/pb_kits/playbook/pb_form_pill/docs/example.yml +2 -2
  36. data/app/pb_kits/playbook/pb_form_pill/form_pill.html.erb +4 -4
  37. data/app/pb_kits/playbook/pb_form_pill/form_pill.rb +4 -0
  38. data/app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.scss +3 -0
  39. data/app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.tsx +72 -0
  40. data/app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx +53 -0
  41. data/app/pb_kits/playbook/pb_gantt_chart/docs/example.yml +7 -0
  42. data/app/pb_kits/playbook/pb_gantt_chart/docs/index.js +1 -0
  43. data/app/pb_kits/playbook/pb_gantt_chart/gantt_chart.test.jsx +19 -0
  44. data/app/pb_kits/playbook/pb_icon/_icon.tsx +1 -1
  45. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +0 -2
  46. data/app/pb_kits/playbook/pb_pagination/_pagination.scss +49 -13
  47. data/app/pb_kits/playbook/pb_pagination/_pagination.tsx +164 -0
  48. data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default.jsx +19 -0
  49. data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default_react.md +1 -0
  50. data/app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change.jsx +62 -0
  51. data/app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change_react.md +1 -0
  52. data/app/pb_kits/playbook/pb_pagination/docs/data.js +23 -0
  53. data/app/pb_kits/playbook/pb_pagination/docs/example.yml +3 -1
  54. data/app/pb_kits/playbook/pb_pagination/docs/index.js +2 -0
  55. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss +0 -7
  56. data/app/pb_kits/playbook/pb_popover/_popover.tsx +10 -5
  57. data/app/pb_kits/playbook/pb_rich_text_editor/_previewer_mixin.scss +132 -0
  58. data/app/pb_kits/playbook/pb_rich_text_editor/_tiptap_styles.scss +50 -76
  59. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_preview.jsx +73 -0
  60. data/app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml +1 -0
  61. data/app/pb_kits/playbook/pb_rich_text_editor/docs/index.js +2 -1
  62. data/app/pb_kits/playbook/pb_star_rating/index.js +88 -41
  63. data/app/pb_kits/playbook/pb_star_rating/star_rating.html.erb +4 -2
  64. data/app/pb_kits/playbook/pb_star_rating/star_rating.rb +19 -0
  65. data/app/pb_kits/playbook/pb_star_rating/subcomponents/_star_rating_display.tsx +0 -2
  66. data/app/pb_kits/playbook/pb_star_rating/subcomponents/_star_rating_interactive.tsx +0 -1
  67. data/app/pb_kits/playbook/pb_time/_time.tsx +12 -8
  68. data/app/pb_kits/playbook/pb_time/time.html.erb +3 -3
  69. data/app/pb_kits/playbook/pb_time/time.rb +4 -0
  70. data/app/pb_kits/playbook/pb_timestamp/timestamp.rb +2 -37
  71. data/app/pb_kits/playbook/tokens/_container.scss +21 -0
  72. data/app/pb_kits/playbook/utilities/_min_width.scss +45 -0
  73. data/app/pb_kits/playbook/utilities/globalPropNames.mjs +1 -0
  74. data/app/pb_kits/playbook/utilities/globalProps.ts +20 -3
  75. data/app/pb_kits/playbook/utilities/icons/allicons.tsx +59 -0
  76. data/app/pb_kits/playbook/utilities/icons/clock.svg +9 -0
  77. data/app/pb_kits/playbook/utilities/icons/spinner.svg +3 -0
  78. data/app/pb_kits/playbook/utilities/icons/times.svg +3 -0
  79. data/dist/chunks/_typeahead-nSyn1ajB.js +22 -0
  80. data/dist/chunks/_weekday_stacked-iq_X37be.js +45 -0
  81. data/dist/chunks/lazysizes-B7xYodB-.js +1 -0
  82. data/dist/chunks/{lib-BE0Z3F7x.js → lib-D9uVVKnh.js} +2 -2
  83. data/dist/chunks/{pb_form_validation-TzZQ0Flx.js → pb_form_validation-u2wnZ3oe.js} +1 -1
  84. data/dist/chunks/vendor.js +1 -1
  85. data/dist/menu.yml +4 -0
  86. data/dist/playbook-doc.js +1 -1
  87. data/dist/playbook-rails-react-bindings.js +1 -1
  88. data/dist/playbook-rails.js +1 -1
  89. data/dist/playbook.css +1 -1
  90. data/lib/playbook/classnames.rb +1 -0
  91. data/lib/playbook/spacing.rb +31 -2
  92. data/lib/playbook/version.rb +1 -1
  93. metadata +34 -10
  94. data/dist/chunks/_typeahead-D-4y9pbv.js +0 -22
  95. data/dist/chunks/_weekday_stacked-Cax4nrUa.js +0 -45
  96. data/dist/chunks/lazysizes-DHz07jlL.js +0 -1
  97. /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
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "14.1.0"
5
- VERSION = "14.1.0.pre.alpha.PA1477timestampkit3536"
5
+ VERSION = "14.1.0.pre.alpha.PBNTR462starratingdefaultvalue3579"
6
6
  end
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: 14.1.0.pre.alpha.PA1477timestampkit3536
4
+ version: 14.1.0.pre.alpha.PBNTR462starratingdefaultvalue3579
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-08-21 00:00:00.000000000 Z
12
+ date: 2024-08-23 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,9 @@ 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.html.erb
1049
+ - app/pb_kits/playbook/pb_dialog/docs/_dialog_loading.jsx
1050
+ - app/pb_kits/playbook/pb_dialog/docs/_dialog_loading.md
1048
1051
  - app/pb_kits/playbook/pb_dialog/docs/_dialog_props_swift.md
1049
1052
  - app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.html.erb
1050
1053
  - app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.jsx
@@ -1345,6 +1348,12 @@ files:
1345
1348
  - app/pb_kits/playbook/pb_form_pill/docs/index.js
1346
1349
  - app/pb_kits/playbook/pb_form_pill/form_pill.html.erb
1347
1350
  - app/pb_kits/playbook/pb_form_pill/form_pill.rb
1351
+ - app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.scss
1352
+ - app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.tsx
1353
+ - app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx
1354
+ - app/pb_kits/playbook/pb_gantt_chart/docs/example.yml
1355
+ - app/pb_kits/playbook/pb_gantt_chart/docs/index.js
1356
+ - app/pb_kits/playbook/pb_gantt_chart/gantt_chart.test.jsx
1348
1357
  - app/pb_kits/playbook/pb_gauge/_gauge.scss
1349
1358
  - app/pb_kits/playbook/pb_gauge/_gauge.tsx
1350
1359
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.html.erb
@@ -1928,9 +1937,16 @@ files:
1928
1937
  - app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_percentage.tsx
1929
1938
  - app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx
1930
1939
  - app/pb_kits/playbook/pb_pagination/_pagination.scss
1940
+ - app/pb_kits/playbook/pb_pagination/_pagination.tsx
1931
1941
  - app/pb_kits/playbook/pb_pagination/docs/_pagination_default.html.erb
1932
- - app/pb_kits/playbook/pb_pagination/docs/_pagination_default.md
1942
+ - app/pb_kits/playbook/pb_pagination/docs/_pagination_default.jsx
1943
+ - app/pb_kits/playbook/pb_pagination/docs/_pagination_default_rails.md
1944
+ - app/pb_kits/playbook/pb_pagination/docs/_pagination_default_react.md
1945
+ - app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change.jsx
1946
+ - app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change_react.md
1947
+ - app/pb_kits/playbook/pb_pagination/docs/data.js
1933
1948
  - app/pb_kits/playbook/pb_pagination/docs/example.yml
1949
+ - app/pb_kits/playbook/pb_pagination/docs/index.js
1934
1950
  - app/pb_kits/playbook/pb_pagination/pagination.html.erb
1935
1951
  - app/pb_kits/playbook/pb_pagination/pagination.rb
1936
1952
  - app/pb_kits/playbook/pb_passphrase/_passphrase.scss
@@ -2153,6 +2169,7 @@ files:
2153
2169
  - app/pb_kits/playbook/pb_rich_text_editor/TipTap/ToolbarHistory.tsx
2154
2170
  - app/pb_kits/playbook/pb_rich_text_editor/TipTap/ToolbarNodes.tsx
2155
2171
  - app/pb_kits/playbook/pb_rich_text_editor/_dedupe_trix_toolbar.js
2172
+ - app/pb_kits/playbook/pb_rich_text_editor/_previewer_mixin.scss
2156
2173
  - app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.scss
2157
2174
  - app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.tsx
2158
2175
  - app/pb_kits/playbook/pb_rich_text_editor/_tiptap_styles.scss
@@ -2160,6 +2177,7 @@ files:
2160
2177
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_description.md
2161
2178
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_default.jsx
2162
2179
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_default.md
2180
+ - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_preview.jsx
2163
2181
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_attributes.html.erb
2164
2182
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_attributes.jsx
2165
2183
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.html.erb
@@ -2924,6 +2942,7 @@ files:
2924
2942
  - app/pb_kits/playbook/tokens/_animation-curves.scss
2925
2943
  - app/pb_kits/playbook/tokens/_border_radius.scss
2926
2944
  - app/pb_kits/playbook/tokens/_colors.scss
2945
+ - app/pb_kits/playbook/tokens/_container.scss
2927
2946
  - app/pb_kits/playbook/tokens/_display.scss
2928
2947
  - app/pb_kits/playbook/tokens/_line_height.scss
2929
2948
  - app/pb_kits/playbook/tokens/_opacity.scss
@@ -2960,6 +2979,7 @@ files:
2960
2979
  - app/pb_kits/playbook/utilities/_hover.scss
2961
2980
  - app/pb_kits/playbook/utilities/_line_height.scss
2962
2981
  - app/pb_kits/playbook/utilities/_max_width.scss
2982
+ - app/pb_kits/playbook/utilities/_min_width.scss
2963
2983
  - app/pb_kits/playbook/utilities/_mixins.scss
2964
2984
  - app/pb_kits/playbook/utilities/_number_spacing.scss
2965
2985
  - app/pb_kits/playbook/utilities/_overflow.scss
@@ -2982,6 +3002,10 @@ files:
2982
3002
  - app/pb_kits/playbook/utilities/flexbox_global_props/_order.scss
2983
3003
  - app/pb_kits/playbook/utilities/globalPropNames.mjs
2984
3004
  - app/pb_kits/playbook/utilities/globalProps.ts
3005
+ - app/pb_kits/playbook/utilities/icons/allicons.tsx
3006
+ - app/pb_kits/playbook/utilities/icons/clock.svg
3007
+ - app/pb_kits/playbook/utilities/icons/spinner.svg
3008
+ - app/pb_kits/playbook/utilities/icons/times.svg
2985
3009
  - app/pb_kits/playbook/utilities/object.ts
2986
3010
  - app/pb_kits/playbook/utilities/props.ts
2987
3011
  - app/pb_kits/playbook/utilities/test-utils.js
@@ -3000,11 +3024,11 @@ files:
3000
3024
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3001
3025
  - app/pb_kits/playbook/utilities/text.ts
3002
3026
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3003
- - dist/chunks/_typeahead-D-4y9pbv.js
3004
- - dist/chunks/_weekday_stacked-Cax4nrUa.js
3005
- - dist/chunks/lazysizes-DHz07jlL.js
3006
- - dist/chunks/lib-BE0Z3F7x.js
3007
- - dist/chunks/pb_form_validation-TzZQ0Flx.js
3027
+ - dist/chunks/_typeahead-nSyn1ajB.js
3028
+ - dist/chunks/_weekday_stacked-iq_X37be.js
3029
+ - dist/chunks/lazysizes-B7xYodB-.js
3030
+ - dist/chunks/lib-D9uVVKnh.js
3031
+ - dist/chunks/pb_form_validation-u2wnZ3oe.js
3008
3032
  - dist/chunks/vendor.js
3009
3033
  - dist/menu.yml
3010
3034
  - dist/playbook-doc.js