playbook_ui 14.12.0 → 14.13.0.pre.alpha.PBNTR5596029

data/lib/playbook/pb_forms_global_props_helper.rb

@@ -0,0 +1,136 @@
+# frozen_string_literal: true
+
+module Playbook
+  module PbFormsGlobalPropsHelper
+  private
+
+    def generate_prop_classes(props)
+      classes = []
+
+      props.each do |prop, value|
+        next if value.nil?
+
+        classes <<  case prop
+                    when :padding
+                      "p_#{value}"
+                    when :padding_top
+                      "pt_#{value}"
+                    when :padding_bottom
+                      "pb_#{value}"
+                    when :padding_left
+                      "pl_#{value}"
+                    when :padding_right
+                      "pr_#{value}"
+                    when :padding_x
+                      "px_#{value}"
+                    when :padding_y
+                      "py_#{value}"
+                    when :margin
+                      "m_#{value}"
+                    when :margin_top
+                      "mt_#{value}"
+                    when :margin_bottom
+                      "mb_#{value}"
+                    when :margin_left
+                      "ml_#{value}"
+                    when :margin_right
+                      "mr_#{value}"
+                    when :margin_x
+                      "mx_#{value}"
+                    when :margin_y
+                      "my_#{value}"
+                    when :shadow
+                      "shadow_#{value}"
+                    when :width
+                      value.to_s.end_with?("%") ? "width_#{value.to_i}_percent" : "width_#{value.downcase}"
+                    when :min_width
+                      value.to_s.end_with?("%") ? "min_width_#{value.to_i}_percent" : "min_width_#{value.downcase}"
+                    when :max_width
+                      value.to_s.end_with?("%") ? "max_width_#{value.to_i}_percent" : "max_width_#{value.downcase}"
+                    when :height
+                      "height_#{value.downcase}"
+                    when :min_height
+                      "min_height_#{value.downcase}"
+                    when :max_height
+                      "max_height_#{value.downcase}"
+                    when :position
+                      "position_#{value}"
+                    when :vertical_alignment
+                      "vertical_align_#{value}"
+                    when :z_index
+                      "z_index_#{value}"
+                    when :line_height
+                      "line_height_#{value}"
+                    when :number_spacing
+                      "ns_#{value}"
+                    when :border_radius
+                      "border_radius_#{value}"
+                    when :text_size
+                      "text_#{value}"
+                    when :letter_spacing
+                      "ls_#{value}"
+                    when :display
+                      "display_#{value}"
+                    when :cursor
+                      "cursor_#{value}"
+                    when :hover
+                      if value.is_a?(Hash)
+                        value.map do |hover_prop, hover_value|
+                          case hover_prop
+                          when :shadow
+                            "hover_shadow_#{hover_value}"
+                          when :scale
+                            "hover_scale_#{hover_value}"
+                          when :underline
+                            hover_value == true ? "hover_underline" : nil
+                          when :color
+                            "hover_color_#{hover_value}"
+                          when :background
+                            "hover_background_#{hover_value}"
+                          end
+                        end
+                      else
+                        "hover_#{value}"
+                      end
+                    when :text_align
+                      "text_align_#{value}"
+                    when :overflow
+                      "overflow_#{value}"
+                    when :overflow_x
+                      "overflow_x_#{value}"
+                    when :overflow_y
+                      "overflow_y_#{value}"
+                    when :truncate
+                      "truncate_#{value}"
+                    when :group_hover
+                      value ? "group_hover" : nil
+                    end
+      end
+
+      classes.flatten.compact
+    end
+
+    def extract_all_props(options)
+      global_props = %i[
+        padding padding_top padding_bottom padding_left padding_right padding_x padding_y
+        margin margin_top margin_bottom margin_left margin_right margin_x margin_y
+        shadow width min_width max_width height min_height max_height
+        position vertical_alignment z_index line_height number_spacing
+        border_radius text_size letter_spacing display cursor hover
+        text_align overflow overflow_x overflow_y truncate group_hover
+      ]
+
+      props = {}
+      form_opts = options.dup
+
+      global_props.each { |prop| props[prop] = form_opts.delete(prop) if form_opts.key?(prop) }
+
+      if form_opts[:props].is_a?(Hash)
+        nested_props = form_opts.delete(:props)
+        props.merge!(nested_props.slice(*global_props))
+      end
+
+      [props, form_opts]
+    end
+  end
+end

data/lib/playbook/pb_forms_helper.rb

@@ -1,7 +1,10 @@
 # frozen_string_literal: true
 
+require_relative "pb_forms_global_props_helper"
+
 module Playbook
   module PbFormsHelper
+    include Playbook::PbFormsGlobalPropsHelper
     # Renders a pb form with ::Playbook::Forms::Builder, that can render
     # Playbook kits in the most railsie way.
     #
@@ -23,11 +26,17 @@ module Playbook
     # @param validate [Boolean] whether validation should be triggered or not
     # @see [#form_with] for other options
     def pb_form_with(data: {}, validate: false, loading: false, **kwargs, &block)
+      global_props, form_options = extract_all_props(kwargs)
+
+      classnames = ["pb-form"]
+      classnames << form_options[:class] if form_options[:class].present?
+      classnames << "pb_form_loading" if loading
+      classnames.concat(generate_prop_classes(global_props))
+
       data = data.merge("pb-form-validation" => validate)
-      classname = ["pb-form", kwargs[:class]].join(" ")
-      classname += " pb_form_loading" if loading
-      options = kwargs.merge(
-        class: classname,
+
+      options = form_options.merge(
+        class: classnames.compact.join(" "),
         data: data,
         builder: ::Playbook::Forms::Builder
       )

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "14.11.1"
-  VERSION = "14.12.0"
+  PREVIOUS_VERSION = "14.13.0"
+  VERSION = "14.13.0.pre.alpha.PBNTR5596029"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.12.0
+  version: 14.13.0.pre.alpha.PBNTR5596029
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-01-24 00:00:00.000000000 Z
+date: 2025-02-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -265,6 +265,7 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/README.md
 - app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx
 - app/pb_kits/playbook/pb_advanced_table/SubKits/TableHeader.tsx
+- app/pb_kits/playbook/pb_advanced_table/Utilities/ActionBarAnimationHelper.ts
 - app/pb_kits/playbook/pb_advanced_table/Utilities/BrowserCheck.tsx
 - app/pb_kits/playbook/pb_advanced_table/Utilities/ExpansionControlHelpers.tsx
 - app/pb_kits/playbook/pb_advanced_table/Utilities/IconHelpers.tsx
@@ -300,13 +301,16 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading_rails.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading_react.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_no_subrows.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.jsx
@@ -329,6 +333,8 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_rails.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_react.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_no_subrows.json
@@ -795,6 +801,19 @@ files:
 - app/pb_kits/playbook/pb_contact/docs/_description.md
 - app/pb_kits/playbook/pb_contact/docs/example.yml
 - app/pb_kits/playbook/pb_contact/docs/index.js
+- app/pb_kits/playbook/pb_copy_button/_copy_button.scss
+- app/pb_kits/playbook/pb_copy_button/_copy_button.tsx
+- app/pb_kits/playbook/pb_copy_button/copy_button.html.erb
+- app/pb_kits/playbook/pb_copy_button/copy_button.rb
+- app/pb_kits/playbook/pb_copy_button/copy_button.test.jsx
+- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.html.erb
+- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.jsx
+- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.html.erb
+- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.jsx
+- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.md
+- app/pb_kits/playbook/pb_copy_button/docs/example.yml
+- app/pb_kits/playbook/pb_copy_button/docs/index.js
+- app/pb_kits/playbook/pb_copy_button/index.js
 - app/pb_kits/playbook/pb_currency/_currency.scss
 - app/pb_kits/playbook/pb_currency/_currency.tsx
 - app/pb_kits/playbook/pb_currency/currency.html.erb
@@ -1152,6 +1171,8 @@ files:
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.html.erb
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_rails.html.erb
@@ -1164,6 +1185,10 @@ files:
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.html.erb
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.html.erb
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md
 - app/pb_kits/playbook/pb_draggable/docs/example.yml
 - app/pb_kits/playbook/pb_draggable/docs/index.js
 - app/pb_kits/playbook/pb_draggable/draggable.html.erb
@@ -1332,8 +1357,10 @@ files:
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.tsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_description.md
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.jsx
-- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.md
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close_rails.md
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close_react.md
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.jsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.md
@@ -1541,6 +1568,10 @@ files:
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.jsx
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.md
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis_swift.md
+- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.html.erb
+- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.jsx
+- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_rails.md
+- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_react.md
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.html.erb
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.jsx
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.md
@@ -1825,6 +1856,8 @@ files:
 - 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_target.html.erb
+- app/pb_kits/playbook/pb_link/docs/_link_target.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
@@ -2720,10 +2753,16 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.md
+- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content_rails.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content_rails.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.md
+- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows_rails.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows_rails.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md
+- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb
@@ -3137,6 +3176,9 @@ files:
 - app/pb_kits/playbook/pb_user/docs/_user_default.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_default.jsx
 - app/pb_kits/playbook/pb_user/docs/_user_horizontal_swift.md
+- app/pb_kits/playbook/pb_user/docs/_user_light_weight.html.erb
+- app/pb_kits/playbook/pb_user/docs/_user_light_weight.jsx
+- app/pb_kits/playbook/pb_user/docs/_user_light_weight.md
 - app/pb_kits/playbook/pb_user/docs/_user_presence_indicator_swift.md
 - app/pb_kits/playbook/pb_user/docs/_user_props_table.md
 - app/pb_kits/playbook/pb_user/docs/_user_size.html.erb
@@ -3292,11 +3334,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-BWwaAo_0.js
-- dist/chunks/_weekday_stacked-DE8qVYG2.js
-- dist/chunks/lazysizes-DHz07jlL.js
-- dist/chunks/lib-kMuhBuU7.js
-- dist/chunks/pb_form_validation-DBJ0wZuS.js
+- dist/chunks/_typeahead-TUUtEUg8.js
+- dist/chunks/_weekday_stacked--GSH9pBR.js
+- dist/chunks/lazysizes-B7xYodB-.js
+- dist/chunks/lib-DjpLC8uO.js
+- dist/chunks/pb_form_validation-S56UaHZl.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-doc.js
@@ -3348,6 +3390,7 @@ files:
 - lib/playbook/overflow.rb
 - lib/playbook/pagination_renderer.rb
 - lib/playbook/pb_doc_helper.rb
+- lib/playbook/pb_forms_global_props_helper.rb
 - lib/playbook/pb_forms_helper.rb
 - lib/playbook/pb_kit_helper.rb
 - lib/playbook/position.rb