playbook_ui 14.6.2 → 14.7.0.pre.alpha.PBNTR667railstypeaheadformintegration4454

data/lib/playbook/forms/builder/typeahead_field.rb

@@ -5,6 +5,19 @@ module Playbook
     class Builder
       def typeahead(name, _options = {}, _html_options = {}, props: {})
         props[:name] = name
+
+        input_id = "#{name}_input"
+        props[:input_options] ||= {}
+        props[:input_options][:id] ||= input_id
+
+        props[:label] = @template.label(@object_name, name, for: props[:input_options][:id]) if props[:label] == true
+
+        if props[:validation]
+          validation_message = props[:validation][:message]
+          props[:input_options][:data] ||= {}
+          props[:input_options][:data][:validation_message] = validation_message
+        end
+
         @template.pb_rails("typeahead", props: props)
       end
     end

data/lib/playbook/hover.rb

@@ -4,6 +4,7 @@ module Playbook
   module Hover
     def self.included(base)
       base.prop :hover
+      base.prop :group_hover, type: Playbook::Props::Boolean, default: false
     end
 
     def hover_options
@@ -38,7 +39,8 @@ module Playbook
 
     def hover_props
       selected_props = hover_options.keys.select { |sk| try(sk) }
-      return nil unless selected_props.present?
+
+      return nil if selected_props.nil? && group_hover.nil?
 
       responsive = selected_props.present? && try(selected_props.first).is_a?(::Hash)
       css = ""
@@ -58,6 +60,7 @@ module Playbook
         end
       end
 
+      css += "group_hover " if group_hover
       css.strip unless css.blank?
     end
   end

data/lib/playbook/kit_base.rb

@@ -73,15 +73,15 @@ module Playbook
     prop :aria, type: Playbook::Props::HashProp, default: {}
     prop :html_options, type: Playbook::Props::HashProp, default: {}
     prop :children, type: Playbook::Props::Proc
+    prop :style, type: Playbook::Props::HashProp, default: {}
+    prop :height
+    prop :min_height
+    prop :max_height
 
     def object
       self
     end
 
-    def combined_html_options
-      default_html_options.merge(html_options.deep_merge(data_attributes))
-    end
-
     # rubocop:disable Layout/CommentIndentation
     # pb_content_tag information (potentially to be abstracted into its own dev doc in the future)
     # The pb_content_tag generates HTML content tags for rails kits with flexible options.
@@ -110,15 +110,48 @@ module Playbook
     end
     # rubocop:enable Style/OptionalBooleanParameter
 
+    def combined_html_options
+      merged = default_html_options.dup
+
+      html_options.each do |key, value|
+        if key == :style && value.is_a?(Hash)
+          # Convert style hash to CSS string
+          merged[:style] = value.map { |k, v| "#{k.to_s.gsub('_', '-')}: #{v}" }.join("; ")
+        else
+          merged[key] = value
+        end
+      end
+
+      inline_styles = dynamic_inline_props
+      merged[:style] = if inline_styles.present?
+                         merged[:style].present? ? "#{merged[:style]}; #{inline_styles}" : inline_styles
+                       end
+
+      merged.deep_merge(data_attributes)
+    end
+
+    def global_inline_props
+      {
+        height: height,
+        min_height: min_height,
+        max_height: max_height,
+      }.compact
+    end
+
   private
 
     def default_options
-      {
+      options = {
         id: id,
         data: data,
         class: classname,
         aria: aria,
       }
+
+      inline_styles = dynamic_inline_props
+      options[:style] = inline_styles if inline_styles.present? && !html_options.key?(:style)
+
+      options
     end
 
     def default_html_options
@@ -131,5 +164,10 @@ module Playbook
         aria: aria,
       }.transform_keys { |key| key.to_s.tr("_", "-").to_sym }
     end
+
+    def dynamic_inline_props
+      styles = global_inline_props.map { |key, value| "#{key.to_s.gsub('_', '-')}: #{value}" if value.present? }.compact
+      styles.join("; ").presence
+    end
   end
 end

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "14.6.1"
-  VERSION = "14.6.2"
+  PREVIOUS_VERSION = "14.7.0"
+  VERSION = "14.7.0.pre.alpha.PBNTR667railstypeaheadformintegration4454"
 end

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.6.2
+  version: 14.7.0.pre.alpha.PBNTR667railstypeaheadformintegration4454
 platform: ruby
 authors:
 - Power UX
 - Power Devs
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-10-24 00:00:00.000000000 Z
+date: 2024-11-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -762,6 +762,9 @@ files:
 - app/pb_kits/playbook/pb_currency/docs/_currency_alignment.html.erb
 - app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
 - app/pb_kits/playbook/pb_currency/docs/_currency_alignment_swift.md
+- app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.html.erb
+- app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.jsx
+- app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.md
 - app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.html.erb
 - app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.jsx
 - app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.html.erb
@@ -1382,7 +1385,8 @@ files:
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_tag.jsx
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.html.erb
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
-- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.md
+- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text_rails.md
+- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text_react.md
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_user.html.erb
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_user.jsx
 - app/pb_kits/playbook/pb_form_pill/docs/example.yml
@@ -1732,6 +1736,23 @@ files:
 - app/pb_kits/playbook/pb_line_graph/lineGraphSettings.js
 - app/pb_kits/playbook/pb_line_graph/line_graph.html.erb
 - app/pb_kits/playbook/pb_line_graph/line_graph.rb
+- app/pb_kits/playbook/pb_link/_link.scss
+- app/pb_kits/playbook/pb_link/_link.tsx
+- app/pb_kits/playbook/pb_link/docs/_link_color.html.erb
+- app/pb_kits/playbook/pb_link/docs/_link_color.jsx
+- app/pb_kits/playbook/pb_link/docs/_link_disabled.html.erb
+- app/pb_kits/playbook/pb_link/docs/_link_disabled.jsx
+- app/pb_kits/playbook/pb_link/docs/_link_icon.html.erb
+- app/pb_kits/playbook/pb_link/docs/_link_icon.jsx
+- app/pb_kits/playbook/pb_link/docs/_link_tag.html.erb
+- app/pb_kits/playbook/pb_link/docs/_link_tag.jsx
+- app/pb_kits/playbook/pb_link/docs/_link_underline.html.erb
+- app/pb_kits/playbook/pb_link/docs/_link_underline.jsx
+- app/pb_kits/playbook/pb_link/docs/example.yml
+- app/pb_kits/playbook/pb_link/docs/index.js
+- app/pb_kits/playbook/pb_link/link.html.erb
+- app/pb_kits/playbook/pb_link/link.rb
+- app/pb_kits/playbook/pb_link/link.test.jsx
 - app/pb_kits/playbook/pb_list/_list.scss
 - app/pb_kits/playbook/pb_list/_list.tsx
 - app/pb_kits/playbook/pb_list/_list_item.tsx
@@ -2412,6 +2433,24 @@ files:
 - app/pb_kits/playbook/pb_selectable_list/selectable_list.test.js
 - app/pb_kits/playbook/pb_selectable_list/selectable_list_item.html.erb
 - app/pb_kits/playbook/pb_selectable_list/selectable_list_item.rb
+- app/pb_kits/playbook/pb_skeleton_loading/_skeleton_loading.scss
+- app/pb_kits/playbook/pb_skeleton_loading/_skeleton_loading.tsx
+- app/pb_kits/playbook/pb_skeleton_loading/_skeleton_loading_mixins.scss
+- app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius.jsx
+- app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius.md
+- app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx
+- app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.md
+- app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_default.html.erb
+- app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_default.jsx
+- app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width.jsx
+- app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width.md
+- app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_layout.jsx
+- app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_layout.md
+- app/pb_kits/playbook/pb_skeleton_loading/docs/example.yml
+- app/pb_kits/playbook/pb_skeleton_loading/docs/index.js
+- app/pb_kits/playbook/pb_skeleton_loading/skeleton_loading.html.erb
+- app/pb_kits/playbook/pb_skeleton_loading/skeleton_loading.rb
+- app/pb_kits/playbook/pb_skeleton_loading/skeleton_loading.test.jsx
 - app/pb_kits/playbook/pb_source/_source.scss
 - app/pb_kits/playbook/pb_source/_source.tsx
 - app/pb_kits/playbook/pb_source/docs/_description.md
@@ -2718,11 +2757,16 @@ files:
 - app/pb_kits/playbook/pb_timeline/_item.tsx
 - app/pb_kits/playbook/pb_timeline/_timeline.scss
 - app/pb_kits/playbook/pb_timeline/_timeline.tsx
+- app/pb_kits/playbook/pb_timeline/detail.html.erb
+- app/pb_kits/playbook/pb_timeline/detail.rb
 - app/pb_kits/playbook/pb_timeline/docs/_description.md
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_default.html.erb
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_vertical.html.erb
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_vertical.jsx
+- app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.html.erb
+- app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.jsx
+- app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.md
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.html.erb
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.jsx
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.md
@@ -2730,6 +2774,14 @@ files:
 - app/pb_kits/playbook/pb_timeline/docs/index.js
 - app/pb_kits/playbook/pb_timeline/item.html.erb
 - app/pb_kits/playbook/pb_timeline/item.rb
+- app/pb_kits/playbook/pb_timeline/label.html.erb
+- app/pb_kits/playbook/pb_timeline/label.rb
+- app/pb_kits/playbook/pb_timeline/step.html.erb
+- app/pb_kits/playbook/pb_timeline/step.rb
+- app/pb_kits/playbook/pb_timeline/subcomponents/Detail.tsx
+- app/pb_kits/playbook/pb_timeline/subcomponents/Label.tsx
+- app/pb_kits/playbook/pb_timeline/subcomponents/Step.tsx
+- app/pb_kits/playbook/pb_timeline/subcomponents/index.tsx
 - app/pb_kits/playbook/pb_timeline/timeline.html.erb
 - app/pb_kits/playbook/pb_timeline/timeline.rb
 - app/pb_kits/playbook/pb_timeline/timeline.test.js
@@ -3099,11 +3151,11 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
-- dist/chunks/_typeahead-BV_n6U5W.js
-- dist/chunks/_weekday_stacked-Cy__g00H.js
-- dist/chunks/lazysizes-DHz07jlL.js
-- dist/chunks/lib-D-mTv-kp.js
-- dist/chunks/pb_form_validation-BkWGwJsl.js
+- dist/chunks/_typeahead-B-juiSkw.js
+- dist/chunks/_weekday_stacked-DPqQHJ1l.js
+- dist/chunks/lazysizes-B7xYodB-.js
+- dist/chunks/lib-DpxYMiKe.js
+- dist/chunks/pb_form_validation-LqRlnmi6.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-doc.js
@@ -3185,7 +3237,7 @@ homepage: https://playbook.powerapp.cloud/
 licenses:
 - ISC
 metadata: {}
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -3201,7 +3253,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubygems_version: 3.5.3
-signing_key:
+signing_key: 
 specification_version: 4
 summary: Playbook Design System
 test_files: []

data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.md

@@ -1 +0,0 @@
-For pills with longer text, the `truncate` global prop can be used to truncate the label within each Form Pill. See [here](https://playbook.powerapp.cloud/visual_guidelines/truncate) for more information on the truncate global prop.