openproject-primer_view_components 0.41.0 → 0.41.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 14593fb2905980052a721c86d1b8b52a0f111166b477860d3edf7bf28310aa48
-  data.tar.gz: '0838140880dbe21f751bb20d65694d038e13f8af131196cb5bda047e49661b94'
+  metadata.gz: a378c7a5a9aa4f33d427d21fddb301b0dbe46e538447ee4376907a43a0c8a235
+  data.tar.gz: 13380df59b216e1a5cb953ef4c68e4101e03d1b99f3f2b81c0f0d727e90db3b2
 SHA512:
-  metadata.gz: e8d58bdd1701157d8a20e140b681a7e23f381a23c98bf03024ba53cb40689fbe76af9d6b08cef6c721710c5c819aa9c397c667d570598d4c0fd546d87b13f582
-  data.tar.gz: e87fac40947b33003faf5a91d9945ffa1527afe6f93b0c48fa0441b3af6b3a4aac09d2c6ec362599d70e4d3133b264e391d44746dfbfda32cebe3b2b1a977e26
+  metadata.gz: 420aa7dd1d778a2769be9ca66c2741b736154d55b1d8ebdddc3d1dac2f58e3285d78ad8593397de3d405a3adf714390c48392732176ee5165585db1ab1bfc73f
+  data.tar.gz: 176fb4d46710b64a9fcef77cb53cb7d3934267298b9a2219c38a84f9d16d11717a43b9efb96344a0f2db3225811faf3853edda2a427d7e34648e5b280507d330

data/CHANGELOG.md

@@ -1,5 +1,11 @@
 # CHANGELOG
 
+## 0.41.1
+
+### Patch Changes
+
+- [#159](https://github.com/opf/primer_view_components/pull/159) [`f2517d6`](https://github.com/opf/primer_view_components/commit/f2517d65708cff07bef5714e1af28c15fc49915e) Thanks [@oliverguenther](https://github.com/oliverguenther)! - Allow input_width on text_area
+
 ## 0.41.0
 
 ### Minor Changes

data/lib/primer/forms/text_area.rb

@@ -10,8 +10,14 @@ module Primer
         @input = input
         @input.add_input_classes("FormControl-input", "FormControl-textarea")
 
+        wrap_classes = [
+          "FormControl-input-wrap",
+        ]
+
+        wrap_classes << Primer::Forms::Dsl::Input::INPUT_WIDTH_MAPPINGS[@input.input_width] if @input.input_width
+
         @field_wrap_arguments = {
-          class: class_names("FormControl-input-wrap"),
+          class: class_names(wrap_classes),
           hidden: @input.hidden?
         }
       end

data/lib/primer/view_components/version.rb

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

data/previews/primer/alpha/text_area_preview.rb

@@ -16,6 +16,7 @@ module Primer
       # @param disabled toggle
       # @param invalid toggle
       # @param validation_message text
+      # @param input_width [Symbol] select [auto, small, medium, large, xlarge, xxlarge]
       def playground(
         name: "my-text-area",
         id: "my-text-area",
@@ -26,7 +27,8 @@ module Primer
         full_width: true,
         disabled: false,
         invalid: false,
-        validation_message: nil
+        validation_message: nil,
+        input_width: nil
       )
         system_arguments = {
           name: name,
@@ -38,7 +40,8 @@ module Primer
           full_width: full_width,
           disabled: disabled,
           invalid: invalid,
-          validation_message: validation_message
+          validation_message: validation_message,
+          input_width: input_width
         }
 
         render(Primer::Alpha::TextArea.new(**system_arguments))

data/previews/primer/forms_preview/custom_width_fields_form.html.erb

@@ -1,5 +1,37 @@
-<!-- Look at the "Assets" tab for the definition of the `CustomWidthFieldsForm` -->
+<%
+  custom_width_form = Class.new(ApplicationForm) do
+    form do |f|
+      f.text_field(
+        name: :ultimate_answer,
+        label: "Ultimate answer",
+        required: true,
+        caption: "The answer to life, the universe, and everything",
+        input_width: :medium
+      )
+
+      f.select_list(
+        name: "cities",
+        label: "Cool cities",
+        caption: "Select your favorite!",
+        include_blank: true,
+        input_width: :small
+      ) do |city_list|
+        city_list.option(label: "Lopez Island", value: "lopez_island")
+        city_list.option(label: "Bellevue", value: "bellevue")
+        city_list.option(label: "Seattle", value: "seattle")
+      end
+
+      f.text_field(
+        name: :lots_of_text,
+        label: "Lots of text",
+        required: true,
+        caption: "What else do you need?",
+        input_width: :small
+      )
+    end
+  end
+%>
 
 <%= primer_form_with(url: "/foo") do |f| %>
-  <%= render(CustomWidthFieldsForm.new(f)) %>
+  <%= render(custom_width_form.new(f)) %>
 <% end %>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: openproject-primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.41.0
+  version: 0.41.1
 platform: ruby
 authors:
 - GitHub Open Source
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-08-06 00:00:00.000000000 Z
+date: 2024-08-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -568,7 +568,6 @@ files:
 - app/forms/check_box_group_form.rb
 - app/forms/check_box_with_nested_form.rb
 - app/forms/composed_form.rb
-- app/forms/custom_width_fields_form.rb
 - app/forms/example_toggle_switch_form.rb
 - app/forms/example_toggle_switch_form/example_field_caption.html.erb
 - app/forms/first_name_form.rb

data/app/forms/custom_width_fields_form.rb

@@ -1,26 +0,0 @@
-# frozen_string_literal: true
-
-# :nodoc:
-class CustomWidthFieldsForm < ApplicationForm
-  form do |f|
-    f.text_field(
-      name: :ultimate_answer,
-      label: "Ultimate answer",
-      required: true,
-      caption: "The answer to life, the universe, and everything",
-      input_width: :medium
-    )
-
-    f.select_list(
-      name: "cities",
-      label: "Cool cities",
-      caption: "Select your favorite!",
-      include_blank: true,
-      input_width: :small
-    ) do |city_list|
-      city_list.option(label: "Lopez Island", value: "lopez_island")
-      city_list.option(label: "Bellevue", value: "bellevue")
-      city_list.option(label: "Seattle", value: "seattle")
-    end
-  end
-end