playbook_ui 14.11.0 → 14.11.1.pre.alpha.PBNTR440enableglobalpropspbformwith5624

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.10.0"
-  VERSION = "14.11.0"
+  PREVIOUS_VERSION = "14.11.1"
+  VERSION = "14.11.1.pre.alpha.PBNTR440enableglobalpropspbformwith5624"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.11.0
+  version: 14.11.1.pre.alpha.PBNTR440enableglobalpropspbformwith5624
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-01-08 00:00:00.000000000 Z
+date: 2025-01-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -95,6 +95,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 0.3.2
+- !ruby/object:Gem::Dependency
+  name: brakeman
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 7.0.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 7.0.0
 - !ruby/object:Gem::Dependency
   name: byebug
   requirement: !ruby/object:Gem::Requirement
@@ -288,12 +302,21 @@ files:
 - 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.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.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.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
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx
@@ -302,10 +325,14 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.html.erb
 - 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.md
+- 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/_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
+- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_with_id.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_pagination_mock_data.json
 - app/pb_kits/playbook/pb_advanced_table/docs/example.yml
 - app/pb_kits/playbook/pb_advanced_table/docs/index.js
@@ -914,6 +941,8 @@ files:
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.md
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_turbo_frames.html.erb
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_turbo_frames_rails.md
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_week.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_week.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_week.md
@@ -1130,8 +1159,11 @@ files:
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.html.erb
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.jsx
 - 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/example.yml
 - app/pb_kits/playbook/pb_draggable/docs/index.js
 - app/pb_kits/playbook/pb_draggable/draggable.html.erb
@@ -1148,6 +1180,8 @@ files:
 - app/pb_kits/playbook/pb_drawer/_drawer.scss
 - app/pb_kits/playbook/pb_drawer/_drawer.tsx
 - app/pb_kits/playbook/pb_drawer/_drawer_context.tsx
+- app/pb_kits/playbook/pb_drawer/context.ts
+- app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.jsx
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_default.html.erb
@@ -1161,6 +1195,8 @@ files:
 - app/pb_kits/playbook/pb_drawer/drawer.html.erb
 - app/pb_kits/playbook/pb_drawer/drawer.rb
 - app/pb_kits/playbook/pb_drawer/drawer.test.jsx
+- app/pb_kits/playbook/pb_drawer/hooks/useBreakpoint.tsx
+- app/pb_kits/playbook/pb_drawer/hooks/useDrawerAnimation.tsx
 - app/pb_kits/playbook/pb_dropdown/_dropdown.scss
 - app/pb_kits/playbook/pb_dropdown/_dropdown.tsx
 - app/pb_kits/playbook/pb_dropdown/context/index.tsx
@@ -1562,6 +1598,11 @@ files:
 - app/pb_kits/playbook/pb_icon/icon.html.erb
 - app/pb_kits/playbook/pb_icon/icon.rb
 - app/pb_kits/playbook/pb_icon/icon.test.js
+- app/pb_kits/playbook/pb_icon_button/_icon_button.scss
+- app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.html.erb
+- app/pb_kits/playbook/pb_icon_button/docs/example.yml
+- app/pb_kits/playbook/pb_icon_button/icon_button.html.erb
+- app/pb_kits/playbook/pb_icon_button/icon_button.rb
 - app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss
 - app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
 - app/pb_kits/playbook/pb_icon_circle/docs/_description.md
@@ -2138,6 +2179,9 @@ files:
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.html.erb
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.jsx
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.md
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.html.erb
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.jsx
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.md
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.html.erb
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.jsx
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.md
@@ -2643,13 +2687,17 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_sticky.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_sticky.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_sticky.md
+- app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.jsx
+- app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_rails.md
 - app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_react.md
 - app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md
 - app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_react.md
+- app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.jsx
+- app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_rails.md
 - app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_react.md
 - app/pb_kits/playbook/pb_table/docs/_table_striped.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_striped.jsx
@@ -2664,8 +2712,10 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_vertical_border.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx
+- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.md
+- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_rails.md
+- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_react.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx
 - 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
@@ -2727,6 +2777,7 @@ files:
 - app/pb_kits/playbook/pb_table/table_header.rb
 - app/pb_kits/playbook/pb_table/table_row.html.erb
 - app/pb_kits/playbook/pb_table/table_row.rb
+- app/pb_kits/playbook/pb_table/utilities/addDataTitle.ts
 - app/pb_kits/playbook/pb_text_input/_text_input.scss
 - app/pb_kits/playbook/pb_text_input/_text_input.tsx
 - app/pb_kits/playbook/pb_text_input/add_on.html.erb
@@ -2750,13 +2801,16 @@ files:
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_error_swift.md
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.jsx
+- app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.jsx
+- app/pb_kits/playbook/pb_text_input/docs/_text_input_mask_rails.md
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.jsx
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_options.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_props_swift.md
 - app/pb_kits/playbook/pb_text_input/docs/example.yml
 - app/pb_kits/playbook/pb_text_input/docs/index.js
+- app/pb_kits/playbook/pb_text_input/index.js
 - app/pb_kits/playbook/pb_text_input/inputMask.ts
 - app/pb_kits/playbook/pb_text_input/text_input.html.erb
 - app/pb_kits/playbook/pb_text_input/text_input.rb
@@ -3044,6 +3098,9 @@ files:
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.html.erb
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.jsx
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_context.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb
@@ -3235,11 +3292,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-C2iCBqxQ.js
-- dist/chunks/_weekday_stacked-E-5KcEkc.js
-- dist/chunks/lazysizes-DHz07jlL.js
-- dist/chunks/lib-B7sgJtGS.js
-- dist/chunks/pb_form_validation-C5Cc0-1v.js
+- dist/chunks/_typeahead-BWwaAo_0.js
+- dist/chunks/_weekday_stacked-zyBCd1s8.js
+- dist/chunks/lazysizes-B7xYodB-.js
+- dist/chunks/lib-kMuhBuU7.js
+- dist/chunks/pb_form_validation-DBJ0wZuS.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-doc.js
@@ -3291,6 +3348,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