openproject-primer_view_components 0.52.1 → 0.52.2

data/app/lib/primer/forms/text_field.rb

@@ -23,6 +23,7 @@ module Primer
           "FormControl-input-wrap",
           INPUT_WRAP_SIZE[input.size],
           { "FormControl-input-wrap--trailingAction": @input.show_clear_button? },
+          { "FormControl-input-wrap--trailingVisual": @input.trailing_visual? },
           { "FormControl-input-wrap--leadingVisual": @input.leading_visual? }
         ]
         wrap_classes << Primer::Forms::Dsl::Input::INPUT_WIDTH_MAPPINGS[@input.input_width] if @input.input_width
@@ -43,6 +44,42 @@ module Primer
             )
           end
       end
+
+      def trailing_visual_component
+        return @trailing_visual_component if defined?(@trailing_visual_component)
+        visual = @input.trailing_visual
+
+        # Render icon if specified
+        @trailing_visual_component =
+          if (icon_arguments = visual[:icon])
+            Primer::Beta::Octicon.new(**icon_arguments)
+          elsif (label_arguments = visual[:label])
+            # Render label if specified
+            label_arguments[:classes] = class_names(
+              label_arguments.delete(:classes),
+              "FormControl-input-trailingVisualLabel"
+            )
+
+            text = label_arguments.delete(:text)
+            Primer::Beta::Label.new(**label_arguments).with_content(text)
+          elsif (counter_arguments = visual[:counter])
+            # Render counter if specified
+            counter_arguments[:classes] = class_names(
+              counter_arguments.delete(:classes),
+              "FormControl-input-trailingVisualCounter"
+            )
+
+            Primer::Beta::Counter.new(**counter_arguments)
+          elsif (truncate_arguments = visual[:text])
+            # Render text if specified
+            truncate_arguments[:classes] = class_names(
+              truncate_arguments.delete(:classes),
+              "FormControl-input-trailingVisualText"
+            )
+            text = truncate_arguments.delete(:text)
+            Primer::Beta::Truncate.new(**truncate_arguments).with_content(text)
+          end
+      end
     end
   end
 end

data/lib/primer/classify/utilities.yml

@@ -1939,4 +1939,4 @@
   - overflow-y-visible
   - overflow-sm-y-visible
   - overflow-lg-y-visible
-  - overflow-xl-y-visible
+  - overflow-xl-y-visible

data/lib/primer/view_components/version.rb

@@ -6,7 +6,7 @@ module Primer
     module VERSION
       MAJOR = 0
       MINOR = 52
-      PATCH = 1
+      PATCH = 2
 
       STRING = [MAJOR, MINOR, PATCH].join(".")
     end

data/previews/primer/alpha/text_field_preview.rb

@@ -175,6 +175,36 @@ module Primer
         render(Primer::Alpha::TextField.new(monospace: true, name: "my-text-field", label: "My text field"))
       end
 
+      # @label With trailing icon
+      # @snapshot
+      def with_trailing_icon
+        render(Primer::Alpha::TextField.new(trailing_visual: { icon: { icon: :search } }, name: "my-text-field", label: "My text field"))
+      end
+
+      # @label With trailing text
+      # @snapshot
+      def with_trailing_text
+        render(Primer::Alpha::TextField.new(trailing_visual: { text: { text: "minute" } }, name: "my-text-field", label: "My text field"))
+      end
+
+      # @label With trailing long text
+      # @snapshot
+      def with_trailing_long_text
+        render(Primer::Alpha::TextField.new(trailing_visual: { text: { text: "Long trailing text" } }, name: "my-text-field", label: "My text field"))
+      end
+
+      # @label With trailing counter
+      # @snapshot
+      def with_trailing_counter
+        render(Primer::Alpha::TextField.new(trailing_visual: { counter: { count: 5 } }, name: "my-text-field", label: "My text field"))
+      end
+
+      # @label With trailing label
+      # @snapshot
+      def with_trailing_label
+        render(Primer::Alpha::TextField.new(trailing_visual: { label: { text: "Hello" } }, name: "my-text-field", label: "My text field"))
+      end
+
       # @label With leading visual
       # @snapshot
       def with_leading_visual

data/static/info_arch.json

@@ -9360,6 +9360,71 @@
           ]
         }
       },
+      {
+        "preview_path": "primer/alpha/text_field/with_trailing_icon",
+        "name": "with_trailing_icon",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/text_field/with_trailing_text",
+        "name": "with_trailing_text",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/text_field/with_trailing_long_text",
+        "name": "with_trailing_long_text",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/text_field/with_trailing_counter",
+        "name": "with_trailing_counter",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/text_field/with_trailing_label",
+        "name": "with_trailing_label",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
       {
         "preview_path": "primer/alpha/text_field/with_leading_visual",
         "name": "with_leading_visual",

data/static/previews.json

@@ -7894,6 +7894,71 @@
           ]
         }
       },
+      {
+        "preview_path": "primer/alpha/text_field/with_trailing_icon",
+        "name": "with_trailing_icon",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/text_field/with_trailing_text",
+        "name": "with_trailing_text",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/text_field/with_trailing_long_text",
+        "name": "with_trailing_long_text",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/text_field/with_trailing_counter",
+        "name": "with_trailing_counter",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/text_field/with_trailing_label",
+        "name": "with_trailing_label",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
       {
         "preview_path": "primer/alpha/text_field/with_leading_visual",
         "name": "with_leading_visual",

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: openproject-primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.52.1
+  version: 0.52.2
 platform: ruby
 authors:
 - GitHub Open Source
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-01-16 00:00:00.000000000 Z
+date: 2025-01-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview