playbook_ui 15.7.0 → 15.8.0.pre.rc.0

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

@@ -46,14 +46,27 @@ module Playbook
               options[:data] = (options[:data] || {}).merge(message: validation[:message]) if validation[:message].present?
             end
 
+            options[:data] = (options[:data] || {}).merge(pb_emoji_mask: true) if props.key?(:emoji_mask) && props[:emoji_mask]
+
             input = super(name, **options, &block)
 
             input_id = input[/\bid="([^"]+)"/, 1] || "#{@object_name}_#{name}"
 
             if props[:label] == true
-              props[:label] = @template.label(@object_name, name)
+              # If using required_indicator, extract just the text and let the template handle rendering
+              props[:label] = if props[:required_indicator]
+                                if @object && @object.class.respond_to?(:human_attribute_name)
+                                  @object.class.human_attribute_name(name)
+                                else
+                                  name.to_s.humanize
+                                end
+                              else
+                                # Legacy behavior (generate full label HTML) left untouched
+                                @template.label(@object_name, name)
+                              end
             elsif props[:label].is_a?(String)
-              props[:label] = @template.label_tag(input_id, props[:label])
+              # If using required_indicator, keep as text; otherwise wrap in label_tag
+              props[:label] = @template.label_tag(input_id, props[:label]) unless props[:required_indicator]
             end
 
             @template.pb_rails(kit_name, props: props) do

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

@@ -0,0 +1,24 @@
+# frozen_string_literal: true
+
+module Playbook
+  module Forms
+    class Builder
+      def time_picker(name, props: {})
+        prefix = @object_name
+        html_attribute_name = "#{prefix}[#{name}]"
+        html_id = "#{prefix}_#{name}"
+
+        if props[:label] == true
+          props[:label] = name.to_s.humanize
+        elsif props[:label].nil?
+          props[:label] = "Time Picker"
+        end
+
+        props[:name] = html_attribute_name
+        props[:id] = html_id
+
+        @template.pb_rails("time_picker", props: props)
+      end
+    end
+  end
+end

data/lib/playbook/forms/builder.rb

@@ -16,6 +16,7 @@ module Playbook
       require_relative "builder/dropdown_field"
       require_relative "builder/star_rating_field"
       require_relative "builder/time_zone_select_field"
+      require_relative "builder/time_picker_field"
 
       prepend(FormFieldBuilder.new(:email_field, kit_name: "text_input"))
       prepend(FormFieldBuilder.new(:number_field, kit_name: "text_input"))

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "15.6.0"
-  VERSION = "15.7.0"
+  PREVIOUS_VERSION = "15.7.0"
+  VERSION = "15.8.0.pre.rc.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 15.7.0
+  version: 15.8.0.pre.rc.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-12-19 00:00:00.000000000 Z
+date: 2026-01-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -1677,6 +1677,8 @@ files:
 - 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/_form_with_required_indicator.html.erb
+- app/pb_kits/playbook/pb_form/docs/_form_with_required_indicator.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
@@ -3366,6 +3368,9 @@ files:
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.jsx
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled_swift.md
+- app/pb_kits/playbook/pb_text_input/docs/_text_input_emoji_mask.html.erb
+- app/pb_kits/playbook/pb_text_input/docs/_text_input_emoji_mask.jsx
+- app/pb_kits/playbook/pb_text_input/docs/_text_input_emoji_mask.md
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_error.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_error.md
@@ -3379,6 +3384,9 @@ files:
 - 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/_text_input_required_indicator.html.erb
+- app/pb_kits/playbook/pb_text_input/docs/_text_input_required_indicator.jsx
+- app/pb_kits/playbook/pb_text_input/docs/_text_input_required_indicator.md
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_sanitize.jsx
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_sanitize.md
 - app/pb_kits/playbook/pb_text_input/docs/example.yml
@@ -3400,6 +3408,9 @@ files:
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_default.html.erb
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_default_swift.md
+- app/pb_kits/playbook/pb_textarea/docs/_textarea_emoji_mask.html.erb
+- app/pb_kits/playbook/pb_textarea/docs/_textarea_emoji_mask.jsx
+- app/pb_kits/playbook/pb_textarea/docs/_textarea_emoji_mask.md
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_error.html.erb
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_error.jsx
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_error.md
@@ -3438,6 +3449,39 @@ files:
 - app/pb_kits/playbook/pb_time/docs/index.js
 - app/pb_kits/playbook/pb_time/time.html.erb
 - app/pb_kits/playbook/pb_time/time.rb
+- app/pb_kits/playbook/pb_time_picker/_time_picker.scss
+- app/pb_kits/playbook/pb_time_picker/_time_picker.tsx
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_24_hour.html.erb
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_24_hour.jsx
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_24_hour.md
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_default.html.erb
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_default.jsx
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_default.md
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_default_time.html.erb
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_default_time.jsx
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_default_time.md
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_disabled.html.erb
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_disabled.jsx
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_error.html.erb
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_error.jsx
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_input_options.html.erb
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_label.html.erb
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_label.jsx
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_min_max_time.html.erb
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_min_max_time.jsx
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_min_max_time.md
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_on_handler.jsx
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_on_handler.md
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_timezone.html.erb
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_timezone.jsx
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_timezone.md
+- app/pb_kits/playbook/pb_time_picker/docs/example.yml
+- app/pb_kits/playbook/pb_time_picker/docs/index.js
+- app/pb_kits/playbook/pb_time_picker/index.ts
+- app/pb_kits/playbook/pb_time_picker/time_picker.html.erb
+- app/pb_kits/playbook/pb_time_picker/time_picker.rb
+- app/pb_kits/playbook/pb_time_picker/time_picker.test.jsx
+- app/pb_kits/playbook/pb_time_picker/time_picker_helper.ts
 - app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.scss
 - app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.tsx
 - app/pb_kits/playbook/pb_time_range_inline/docs/_time_range_inline_default.html.erb
@@ -3864,6 +3908,7 @@ files:
 - app/pb_kits/playbook/utilities/_vertical_align.scss
 - app/pb_kits/playbook/utilities/_width.scss
 - app/pb_kits/playbook/utilities/deprecated.ts
+- app/pb_kits/playbook/utilities/emojiMask.ts
 - app/pb_kits/playbook/utilities/flexbox_global_props/_align_content.scss
 - app/pb_kits/playbook/utilities/flexbox_global_props/_align_items.scss
 - app/pb_kits/playbook/utilities/flexbox_global_props/_align_self.scss
@@ -3903,9 +3948,9 @@ 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-X3EqK1nR.js
+- dist/chunks/_typeahead-CSCNg6cp.js
 - dist/chunks/lazysizes-B7xYodB-.js
-- dist/chunks/lib-BHYZzndy.js
+- dist/chunks/lib-DxCgrqqG.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-rails-react-bindings.js
@@ -3940,6 +3985,7 @@ files:
 - lib/playbook/forms/builder/phone_number_field.rb
 - lib/playbook/forms/builder/select_field.rb
 - lib/playbook/forms/builder/star_rating_field.rb
+- lib/playbook/forms/builder/time_picker_field.rb
 - lib/playbook/forms/builder/time_zone_select_field.rb
 - lib/playbook/forms/builder/typeahead_field.rb
 - lib/playbook/height.rb