playbook_ui 14.5.0 → 14.6.0.pre.alpha.play1586datearea4218

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"
+  PREVIOUS_VERSION = "14.6.0"
+  VERSION = "14.6.0.pre.alpha.play1586datearea4218"
 end

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.5.0
+  version: 14.6.0.pre.alpha.play1586datearea4218
 platform: ruby
 authors:
 - Power UX
 - Power Devs
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-10-01 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
@@ -1126,6 +1128,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 +1137,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 +1242,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 +1333,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 +1380,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 +1812,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 +1820,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 +1835,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 +1875,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
@@ -2689,11 +2718,18 @@ 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/date_area.html.erb
+- app/pb_kits/playbook/pb_timeline/date_area.rb
+- app/pb_kits/playbook/pb_timeline/detail_area.html.erb
+- app/pb_kits/playbook/pb_timeline/detail_area.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
@@ -2701,6 +2737,12 @@ 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/node_area.html.erb
+- app/pb_kits/playbook/pb_timeline/node_area.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
@@ -3070,11 +3112,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-BYw0HEgO.js
-- dist/chunks/_weekday_stacked-DumiyWjh.js
+- dist/chunks/_typeahead-BhHnXJjy.js
+- dist/chunks/_weekday_stacked-C-VEa5Ar.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
@@ -3156,7 +3198,7 @@ homepage: https://playbook.powerapp.cloud/
 licenses:
 - ISC
 metadata: {}
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -3172,7 +3214,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: []