playbook_ui 14.6.0.pre.alpha.dropdownclassfix4224 → 14.6.0.pre.alpha.play1586datearea4218

Sign up to get free protection for your applications and to get access to all the features.
Files changed (44) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_card/_card.tsx +5 -1
  3. data/app/pb_kits/playbook/pb_dialog/_dialog.tsx +5 -1
  4. data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +4 -4
  5. data/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx +3 -1
  6. data/app/pb_kits/playbook/pb_dropdown/dropdown.rb +2 -2
  7. data/app/pb_kits/playbook/pb_flex/_flex.tsx +3 -1
  8. data/app/pb_kits/playbook/pb_flex/_flex_item.tsx +8 -2
  9. data/app/pb_kits/playbook/pb_flex/flex_item.html.erb +3 -6
  10. data/app/pb_kits/playbook/pb_flex/flex_item.rb +7 -2
  11. data/app/pb_kits/playbook/pb_popover/_popover.tsx +1 -1
  12. data/app/pb_kits/playbook/pb_timeline/_item.tsx +59 -23
  13. data/app/pb_kits/playbook/pb_timeline/_timeline.tsx +8 -0
  14. data/app/pb_kits/playbook/pb_timeline/date_area.html.erb +12 -0
  15. data/app/pb_kits/playbook/pb_timeline/date_area.rb +13 -0
  16. data/app/pb_kits/playbook/pb_timeline/detail_area.html.erb +3 -0
  17. data/app/pb_kits/playbook/pb_timeline/detail_area.rb +11 -0
  18. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.html.erb +43 -0
  19. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.jsx +68 -0
  20. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.md +4 -0
  21. data/app/pb_kits/playbook/pb_timeline/docs/example.yml +2 -1
  22. data/app/pb_kits/playbook/pb_timeline/docs/index.js +1 -0
  23. data/app/pb_kits/playbook/pb_timeline/item.html.erb +17 -21
  24. data/app/pb_kits/playbook/pb_timeline/item.rb +4 -0
  25. data/app/pb_kits/playbook/pb_timeline/node_area.html.erb +14 -0
  26. data/app/pb_kits/playbook/pb_timeline/node_area.rb +16 -0
  27. data/app/pb_kits/playbook/pb_timeline/subcomponents/Detail.tsx +29 -0
  28. data/app/pb_kits/playbook/pb_timeline/subcomponents/Label.tsx +38 -0
  29. data/app/pb_kits/playbook/pb_timeline/subcomponents/Step.tsx +42 -0
  30. data/app/pb_kits/playbook/pb_timeline/subcomponents/index.tsx +3 -0
  31. data/app/pb_kits/playbook/pb_timeline/timeline.test.js +84 -0
  32. data/app/pb_kits/playbook/utilities/globalPropNames.mjs +3 -0
  33. data/app/pb_kits/playbook/utilities/globalProps.ts +39 -2
  34. data/dist/chunks/_typeahead-BhHnXJjy.js +22 -0
  35. data/dist/chunks/{_weekday_stacked-Dh3OU4s8.js → _weekday_stacked-C-VEa5Ar.js} +2 -2
  36. data/dist/chunks/vendor.js +1 -1
  37. data/dist/playbook-doc.js +1 -1
  38. data/dist/playbook-rails-react-bindings.js +1 -1
  39. data/dist/playbook-rails.js +1 -1
  40. data/dist/playbook.css +1 -1
  41. data/lib/playbook/kit_base.rb +21 -1
  42. data/lib/playbook/version.rb +1 -1
  43. metadata +17 -4
  44. data/dist/chunks/_typeahead-BV_n6U5W.js +0 -22
@@ -73,6 +73,10 @@ module Playbook
73
73
  prop :aria, type: Playbook::Props::HashProp, default: {}
74
74
  prop :html_options, type: Playbook::Props::HashProp, default: {}
75
75
  prop :children, type: Playbook::Props::Proc
76
+ prop :style, type: Playbook::Props::HashProp, default: {}
77
+ prop :height
78
+ prop :min_height
79
+ prop :max_height
76
80
 
77
81
  def object
78
82
  self
@@ -82,6 +86,14 @@ module Playbook
82
86
  default_html_options.merge(html_options.deep_merge(data_attributes))
83
87
  end
84
88
 
89
+ def global_inline_props
90
+ {
91
+ height: height,
92
+ min_height: min_height,
93
+ max_height: max_height,
94
+ }.compact
95
+ end
96
+
85
97
  # rubocop:disable Layout/CommentIndentation
86
98
  # pb_content_tag information (potentially to be abstracted into its own dev doc in the future)
87
99
  # The pb_content_tag generates HTML content tags for rails kits with flexible options.
@@ -113,12 +125,15 @@ module Playbook
113
125
  private
114
126
 
115
127
  def default_options
116
- {
128
+ options = {
117
129
  id: id,
118
130
  data: data,
119
131
  class: classname,
120
132
  aria: aria,
121
133
  }
134
+ inline_styles = dynamic_inline_props
135
+ options[:style] = inline_styles if inline_styles.present?
136
+ options
122
137
  end
123
138
 
124
139
  def default_html_options
@@ -131,5 +146,10 @@ module Playbook
131
146
  aria: aria,
132
147
  }.transform_keys { |key| key.to_s.tr("_", "-").to_sym }
133
148
  end
149
+
150
+ def dynamic_inline_props
151
+ styles = global_inline_props.map { |key, value| "#{key.to_s.gsub('_', '-')}: #{value};" if value.present? }.compact
152
+ styles.join(" ").presence
153
+ end
134
154
  end
135
155
  end
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "14.6.0"
5
- VERSION = "14.6.0.pre.alpha.dropdownclassfix4224"
5
+ VERSION = "14.6.0.pre.alpha.play1586datearea4218"
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.6.0.pre.alpha.dropdownclassfix4224
4
+ version: 14.6.0.pre.alpha.play1586datearea4218
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-10-24 00:00:00.000000000 Z
12
+ date: 2024-10-23 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -2718,11 +2718,18 @@ files:
2718
2718
  - app/pb_kits/playbook/pb_timeline/_item.tsx
2719
2719
  - app/pb_kits/playbook/pb_timeline/_timeline.scss
2720
2720
  - app/pb_kits/playbook/pb_timeline/_timeline.tsx
2721
+ - app/pb_kits/playbook/pb_timeline/date_area.html.erb
2722
+ - app/pb_kits/playbook/pb_timeline/date_area.rb
2723
+ - app/pb_kits/playbook/pb_timeline/detail_area.html.erb
2724
+ - app/pb_kits/playbook/pb_timeline/detail_area.rb
2721
2725
  - app/pb_kits/playbook/pb_timeline/docs/_description.md
2722
2726
  - app/pb_kits/playbook/pb_timeline/docs/_timeline_default.html.erb
2723
2727
  - app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx
2724
2728
  - app/pb_kits/playbook/pb_timeline/docs/_timeline_vertical.html.erb
2725
2729
  - app/pb_kits/playbook/pb_timeline/docs/_timeline_vertical.jsx
2730
+ - app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.html.erb
2731
+ - app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.jsx
2732
+ - app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.md
2726
2733
  - app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.html.erb
2727
2734
  - app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.jsx
2728
2735
  - app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.md
@@ -2730,6 +2737,12 @@ files:
2730
2737
  - app/pb_kits/playbook/pb_timeline/docs/index.js
2731
2738
  - app/pb_kits/playbook/pb_timeline/item.html.erb
2732
2739
  - app/pb_kits/playbook/pb_timeline/item.rb
2740
+ - app/pb_kits/playbook/pb_timeline/node_area.html.erb
2741
+ - app/pb_kits/playbook/pb_timeline/node_area.rb
2742
+ - app/pb_kits/playbook/pb_timeline/subcomponents/Detail.tsx
2743
+ - app/pb_kits/playbook/pb_timeline/subcomponents/Label.tsx
2744
+ - app/pb_kits/playbook/pb_timeline/subcomponents/Step.tsx
2745
+ - app/pb_kits/playbook/pb_timeline/subcomponents/index.tsx
2733
2746
  - app/pb_kits/playbook/pb_timeline/timeline.html.erb
2734
2747
  - app/pb_kits/playbook/pb_timeline/timeline.rb
2735
2748
  - app/pb_kits/playbook/pb_timeline/timeline.test.js
@@ -3099,8 +3112,8 @@ files:
3099
3112
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3100
3113
  - app/pb_kits/playbook/utilities/text.ts
3101
3114
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3102
- - dist/chunks/_typeahead-BV_n6U5W.js
3103
- - dist/chunks/_weekday_stacked-Dh3OU4s8.js
3115
+ - dist/chunks/_typeahead-BhHnXJjy.js
3116
+ - dist/chunks/_weekday_stacked-C-VEa5Ar.js
3104
3117
  - dist/chunks/lazysizes-B7xYodB-.js
3105
3118
  - dist/chunks/lib-D-mTv-kp.js
3106
3119
  - dist/chunks/pb_form_validation-BkWGwJsl.js