playbook_ui 14.5.0.pre.rc.15 → 14.6.0.pre.alpha.PBNTR5554217

data/lib/playbook/kit_base.rb

@@ -73,6 +73,10 @@ 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
@@ -82,6 +86,14 @@ module Playbook
       default_html_options.merge(html_options.deep_merge(data_attributes))
     end
 
+    def global_inline_props
+      {
+        height: height,
+        min_height: min_height,
+        max_height: max_height,
+      }.compact
+    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.
@@ -113,12 +125,15 @@ module Playbook
   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?
+      options
     end
 
     def default_html_options
@@ -131,5 +146,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/pb_doc_helper.rb

@@ -45,7 +45,7 @@ module Playbook
 
     # rubocop:disable Naming/AccessorMethodName
     def get_kits
-      menu = YAML.load_file(Playbook::Engine.root.join("dist/menu.yml"))
+      menu = ActiveSupport::ConfigurationFile.parse(Playbook::Engine.root.join("dist/menu.yml"))
       all_kits = []
       menu["kits"].each do |kit|
         kit_name = kit["name"]
@@ -61,7 +61,7 @@ module Playbook
     end
 
     def get_kits_pb_website
-      menu = YAML.load_file(Rails.root.join("config/menu.yml"))
+      menu = ActiveSupport::ConfigurationFile.parse(Rails.root.join("config/menu.yml"))
       menu["kits"]
     end
     # rubocop:enable Naming/AccessorMethodName
@@ -84,9 +84,9 @@ module Playbook
     def pb_doc_kit_examples(kit, type)
       example_file = pb_doc_kit_path(kit, "example.yml")
       if File.exist?(example_file)
-        examples_list = YAML.load_file(example_file)
-                            .inject({}) { |item, (k, v)| item[k.to_sym] = v; item }
-        examples_list.dig(:examples, type) || []
+        ActiveSupport::ConfigurationFile.parse(example_file)
+                                        .transform_keys(&:to_sym)
+                                        .dig(:examples, type) || []
       else
         []
       end

data/lib/playbook/pb_forms_helper.rb

@@ -22,9 +22,10 @@ module Playbook
     # @param data [Hash] hash of data attributes
     # @param validate [Boolean] whether validation should be triggered or not
     # @see [#form_with] for other options
-    def pb_form_with(data: {}, validate: false, **kwargs, &block)
+    def pb_form_with(data: {}, validate: false, loading: false, **kwargs, &block)
       data = data.merge("pb-form-validation" => validate)
       classname = ["pb-form", kwargs[:class]].join(" ")
+      classname += " pb_form_loading" if loading
       options = kwargs.merge(
         class: classname,
         data: data,
@@ -33,6 +34,7 @@ module Playbook
 
       content_for(:pb_js, javascript_tag(<<~JS))
         window.addEventListener("DOMContentLoaded", function() { PbFormValidation.start() })
+        window.addEventListener("DOMContentLoaded", () => formHelper())
       JS
 
       form_with(**options, &block)

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "14.4.0"
-  VERSION = "14.5.0.pre.rc.15"
+  PREVIOUS_VERSION = "14.6.0"
+  VERSION = "14.6.0.pre.alpha.PBNTR5554217"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.5.0.pre.rc.15
+  version: 14.6.0.pre.alpha.PBNTR5554217
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-09-30 00:00:00.000000000 Z
+date: 2024-10-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -268,6 +268,8 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx
@@ -760,6 +762,8 @@ 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_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
@@ -1126,6 +1130,8 @@ files:
 - app/pb_kits/playbook/pb_dropdown/context/index.tsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.jsx
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.jsx
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.md
@@ -1133,10 +1139,15 @@ files:
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_value.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.jsx
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_separators_hidden.html.erb
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_separators_hidden.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure_rails.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure_rails.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.html.erb
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.jsx
@@ -1233,6 +1244,10 @@ files:
 - app/pb_kits/playbook/pb_filter/docs/_filter_placement.html.erb
 - app/pb_kits/playbook/pb_filter/docs/_filter_placement.jsx
 - app/pb_kits/playbook/pb_filter/docs/_filter_placement.md
+- app/pb_kits/playbook/pb_filter/docs/_filter_popover_props.html.erb
+- app/pb_kits/playbook/pb_filter/docs/_filter_popover_props.jsx
+- app/pb_kits/playbook/pb_filter/docs/_filter_popover_props_rails.md
+- app/pb_kits/playbook/pb_filter/docs/_filter_popover_props_react.md
 - app/pb_kits/playbook/pb_filter/docs/_filter_single.html.erb
 - app/pb_kits/playbook/pb_filter/docs/_filter_single.jsx
 - app/pb_kits/playbook/pb_filter/docs/_sort_only.html.erb
@@ -1320,10 +1335,13 @@ files:
 - app/pb_kits/playbook/pb_form/docs/_description.md
 - app/pb_kits/playbook/pb_form/docs/_footer.md
 - app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb
+- app/pb_kits/playbook/pb_form/docs/_form_form_with_loading.html.erb
+- app/pb_kits/playbook/pb_form/docs/_form_form_with_loading.md
 - app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb
 - app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.md
 - app/pb_kits/playbook/pb_form/docs/example.yml
 - app/pb_kits/playbook/pb_form/form.rb
+- app/pb_kits/playbook/pb_form/formHelper.js
 - app/pb_kits/playbook/pb_form/pb_form_validation.js
 - app/pb_kits/playbook/pb_form_group/_form_group.scss
 - app/pb_kits/playbook/pb_form_group/_form_group.tsx
@@ -1364,6 +1382,9 @@ files:
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_size.jsx
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_tag.html.erb
 - 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_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
@@ -1793,6 +1814,7 @@ files:
 - app/pb_kits/playbook/pb_multi_level_select/_helper_functions.tsx
 - app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.scss
 - app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx
+- app/pb_kits/playbook/pb_multi_level_select/context/index.tsx
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color.jsx
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color_rails.md
@@ -1800,6 +1822,8 @@ files:
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.html.erb
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.jsx
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.md
@@ -1813,12 +1837,17 @@ files:
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.jsx
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.md
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_children.jsx
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_children.md
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_children_with_radios.jsx
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_children_with_radios.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_form.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/docs/example.yml
 - app/pb_kits/playbook/pb_multi_level_select/docs/index.js
 - app/pb_kits/playbook/pb_multi_level_select/multi_level_select.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/multi_level_select.rb
 - app/pb_kits/playbook/pb_multi_level_select/multi_level_select.test.jsx
+- app/pb_kits/playbook/pb_multi_level_select/multi_level_select_options.tsx
 - app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss
 - app/pb_kits/playbook/pb_multiple_users/_multiple_users.tsx
 - app/pb_kits/playbook/pb_multiple_users/docs/_description.md
@@ -1848,6 +1877,8 @@ files:
 - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default.jsx
 - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default_swift.md
 - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_props_swift.md
+- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_size.html.erb
+- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_size.jsx
 - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_small_swift.md
 - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_xsmall_swift.md
 - app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml
@@ -3070,11 +3101,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-nZIE-AbB.js
-- dist/chunks/_weekday_stacked-D7x3JLfv.js
+- dist/chunks/_typeahead-BhHnXJjy.js
+- dist/chunks/_weekday_stacked-C2icYweq.js
 - dist/chunks/lazysizes-B7xYodB-.js
-- dist/chunks/lib-CEpcaI8y.js
-- dist/chunks/pb_form_validation-D9zkwt2b.js
+- dist/chunks/lib-D-mTv-kp.js
+- dist/chunks/pb_form_validation-BkWGwJsl.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-doc.js