form_components 0.1.1

data/app/components/form_components/combobox/component.rb

@@ -0,0 +1,28 @@
+module FormComponents
+  module Combobox
+    # hotwire_combobox's combobox (form.combobox), with our label above it:
+    # its own stays hidden, as it is without a label: text
+    class Component < FormComponents::Field::Component
+      attr_reader :options_or_src, :block
+
+      # As hotwire_combobox's combobox(method, options_or_src = [], **options, &block)
+      def initialize(form, object, method, options_or_src = [], options = {}, &block)
+        super(form, object, method, options)
+        @options_or_src = options_or_src
+        @block = block
+      end
+
+      # Its own options, with the aria attributes; a class given replaces its
+      # input's, as with hotwire_combobox
+      def input
+        given = input_options(nil)
+        given.delete(:class) if html_options[:class].blank?
+        rails(:combobox, method, options_or_src, **given, &block)
+      end
+
+      def tag_id(value = nil)
+        html_options[:id] || form.field_id(method)
+      end
+    end
+  end
+end

data/app/components/form_components/field/component.rb

@@ -0,0 +1,58 @@
+module FormComponents
+  module Field
+    # A field with a label, a description and its errors around Rails' input
+    class Component < FormComponents::Base::Component
+      self.extras = %i[label description]
+
+      # A text, or false for no label
+      option_reader :label
+      # Shown below the field
+      option_reader :description
+
+      def has_error?
+        all_errors.present?
+      end
+
+      def all_errors
+        return [] if object.nil? || !object.respond_to?(:errors)
+
+        if /_id$/.match?(method.to_s)
+          object.errors[method].presence || object.errors[method.to_s.delete_suffix("_id").to_sym]
+        else
+          object.errors[method]
+        end
+      end
+
+      def aria_described_by(id = tag_id)
+        if has_error?
+          "#{id}_error"
+        elsif description.present?
+          "#{id}_description"
+        end
+      end
+
+      def aria_invalid
+        has_error? ? "true" : "false"
+      end
+
+      # Rails' options with our classes added to the given ones, and the aria
+      # attributes unless given
+      def input_options(classes, id: tag_id, from: html_options)
+        given_aria = from.fetch(:aria, {}).transform_keys(&:to_s)
+        aria = {}
+        aria["aria-invalid"] = aria_invalid unless from.key?(:"aria-invalid") || given_aria.key?("invalid")
+        described_by = aria_described_by(id)
+        aria["aria-describedby"] = described_by if described_by && !from.key?(:"aria-describedby") && !given_aria.key?("describedby")
+        from.merge(class: helpers.class_names(classes, from[:class])).merge(aria)
+      end
+
+      # The label of the field's input, unless label: false. With a value, as
+      # Rails' label(method, value:) for a radio button: also its translation.
+      def field_label(id = tag_id, value: nil)
+        return if label == false
+
+        form.label(method, label.presence, {for: id, value: value}.compact)
+      end
+    end
+  end
+end

data/app/components/form_components/file_field/component.html.slim

@@ -0,0 +1,10 @@
+.form-component
+  = field_label
+  - if preview?
+    = image_tag helpers.main_app.url_for(preview.representation(resize_to_limit: [300, 120])), class: "mt-2 max-h-20 rounded", alt: ""
+  .mt-2
+    = input
+  - if description.present?
+    p id=tag_id+"_description" class="mt-2 text-sm text-gray-500 auto-dark:text-gray-400" = description
+  - if has_error?
+    p id=tag_id+"_error" class="mt-2 text-sm text-red-600 auto-dark:text-red-400" = all_errors.join(", ")

data/app/components/form_components/file_field/component.rb

@@ -0,0 +1,25 @@
+module FormComponents
+  module FileField
+    # Rails' file field, which also makes the form multipart
+    class Component < FormComponents::Field::Component
+      self.extras = superclass.extras + %i[preview]
+
+      # An attached image to show above the field, as what's there now
+      option_reader :preview
+
+      # Not for a file just uploaded with a form that didn't save, as it isn't stored yet
+      def preview?
+        preview.respond_to?(:attached?) && preview.attached? && preview.blob.persisted? && preview.representable?
+      end
+
+      def input
+        rails(:file_field, method, input_options(file_field_classes))
+      end
+
+      def file_field_classes
+        class_names("block w-full text-sm text-gray-500 file:mr-4 file:rounded-md file:border-0 file:bg-primary-50 file:px-3 file:py-2 file:text-sm file:font-semibold file:text-primary-700 hover:file:bg-primary-100 auto-dark:text-gray-400 auto-dark:file:bg-primary-500/10 auto-dark:file:text-primary-400 auto-dark:hover:file:bg-primary-500/20",
+          {"text-red-900 auto-dark:text-red-300" => has_error?})
+      end
+    end
+  end
+end

data/app/components/form_components/label/component.rb

@@ -0,0 +1,31 @@
+module FormComponents
+  module Label
+    # Rails' label, with its text marked when the attribute is required
+    class Component < FormComponents::Base::Component
+      CLASSES = "block text-sm/6 font-medium text-gray-900 auto-dark:text-white"
+
+      attr_reader :text, :block
+
+      # As Rails' label(method, text = nil, options = {}, &block)
+      def initialize(form, object, method, text = nil, options = {}, &block)
+        text, options = nil, text if text.is_a?(Hash)
+        super(form, object, method, options)
+        @text = text
+        @block = block
+      end
+
+      def call
+        rails(:label, method, text, html_options.merge(class: helpers.class_names(CLASSES, html_options[:class]))) do |builder|
+          content = block ? helpers.capture(builder, &block) : (text.presence || builder.translation)
+          safe_join([content, (asterisk if required?)])
+        end
+      end
+
+      private
+
+      def asterisk
+        tag.span(class: "fas fa-asterisk fa-xs text-red-500 ml-1", aria: {hidden: true})
+      end
+    end
+  end
+end

data/app/components/form_components/nested_form/component.html.slim

@@ -0,0 +1,20 @@
+/ ─── Stimulus form-components--nested-form controller ─────────────────────
+/ data-form-components--nested-form-placeholder-value  — token replaced with a timestamp on "Add"
+/ data-form-components--nested-form-wrapper-selector-value — CSS selector for remove-button scope
+div data-controller="form-components--nested-form" data-form-components--nested-form-placeholder-value=placeholder data-form-components--nested-form-wrapper-selector-value=wrapper_selector
+
+  template data-form-components--nested-form-target="template"
+    = form.fields_for(method, new_record_object, child_index: placeholder, &item_block)
+
+  / ── Collection ──────────────────────────────────────────────────────────────
+  = form.fields_for(method, &item_block)
+
+  div data-form-components--nested-form-target="insertion"
+
+  span data-action="click->form-components--nested-form#add"
+    - if add_button?
+      = add_button
+    - else
+      button.mt-4.inline-flex.items-center.gap-x-2.rounded-md.border.border-dashed.border-primary-300.px-4.py-3.text-sm.font-medium.text-primary-600.hover:border-primary-500.hover:bg-primary-50 type="button"
+        i.fal.fa-plus
+        span = add_label

data/app/components/form_components/nested_form/component.rb

@@ -0,0 +1,71 @@
+# frozen_string_literal: true
+
+module FormComponents
+  module NestedForm
+    # ViewComponent that encapsulates the Stimulus-driven nested-form pattern.
+    #
+    # Usage (in a Slim template with a FormComponents::FormBuilder):
+    #
+    #   = f.nested_form :sections do |nf|
+    #     - nf.with_item do |sf|
+    #       .section-wrapper data-new-record=sf.object.new_record?.to_s
+    #         = sf.hidden_field :_destroy
+    #         = sf.text_field :title
+    #     - nf.with_add_button
+    #       button type="button" data-action="form-components--nested-form#add" Add section
+    #
+    # The same +with_item+ block is used for both:
+    #   • the hidden HTML <template> tag (rendered with a new record so that
+    #     Stimulus can clone it when the user clicks "Add"), and
+    #   • each existing / in-memory record returned by fields_for.
+    #
+    # Options (passed as keyword arguments to f.nested_form):
+    #   :placeholder      – Stimulus placeholder string, default "NEW_<SINGULAR>"
+    #   :wrapper_selector – CSS selector the remove handler uses to find the
+    #                       wrapping element, default ".<singular>-wrapper"
+    #   :new_record       – object used as the template record (default: association klass.new)
+    #   :add_label        – fallback label for the auto-generated add button
+    class Component < FormComponents::Base::Component
+      renders_one :add_button
+
+      attr_reader :item_block
+
+      def with_item(&block)
+        @item_block = block
+        self
+      end
+
+      # Execute the outer (slot-collecting) block so that with_item and
+      # with_add_button are called and their content registered before
+      # ViewComponent renders the template.
+      def render_in(view_context, &block)
+        block.call(self) if block_given?
+        super(view_context)
+      end
+
+      # Stimulus placeholder token, e.g. "NEW_SECTION" for :sections.
+      def placeholder
+        options.fetch(:placeholder) { "NEW_#{method.to_s.singularize.upcase}" }
+      end
+
+      # CSS selector used by the Stimulus remove action to locate the wrapper
+      # element, e.g. ".section-wrapper" for :sections.
+      def wrapper_selector
+        options.fetch(:wrapper_selector) { ".#{method.to_s.singularize}-wrapper" }
+      end
+
+      # Label for the fallback add button when no with_add_button slot is given.
+      def add_label
+        options.fetch(:add_label) { "Add #{method.to_s.singularize.humanize.downcase}" }
+      end
+
+      # An unsaved instance of the associated model used as the record inside
+      # the HTML <template> tag so Stimulus can clone it on "Add".
+      def new_record_object
+        options.fetch(:new_record) do
+          object.class.reflect_on_association(method)&.klass&.new
+        end
+      end
+    end
+  end
+end

data/app/components/form_components/nested_form/component_controller.js

@@ -0,0 +1,36 @@
+import { Controller } from "@hotwired/stimulus";
+
+export default class extends Controller {
+    static targets = ["insertion", "template"];
+    static values = {
+        wrapperSelector: { type: String, default: ".nested-form-wrapper" },
+        placeholder: { type: String, default: "NEW_RECORD" },
+    };
+
+    add(e) {
+        e.preventDefault();
+        const content = this.templateTarget.innerHTML.replace(
+            new RegExp(this.placeholderValue, "g"),
+            new Date().getTime().toString(),
+        );
+        this.insertionTarget.insertAdjacentHTML("beforebegin", content);
+        this.element.dispatchEvent(
+            new CustomEvent("nested-form:add", { bubbles: true }),
+        );
+    }
+
+    remove(e) {
+        e.preventDefault();
+        const wrapper = e.target.closest(this.wrapperSelectorValue);
+        if (wrapper.dataset.newRecord === "true") {
+            wrapper.remove();
+        } else {
+            wrapper.style.display = "none";
+            const input = wrapper.querySelector("input[name*='_destroy']");
+            input.value = "1";
+        }
+        this.element.dispatchEvent(
+            new CustomEvent("nested-form:remove", { bubbles: true }),
+        );
+    }
+}

data/app/components/form_components/radio_button/component.html.slim

@@ -0,0 +1,12 @@
+.form-component.relative.flex.items-start
+  .flex.h-6.items-center
+    = input
+  .ml-3.text-sm/6
+    - if label != false
+      div.flex.justify-between
+        = field_label(input_id, value: tag_value)
+    - if description.present?
+      label.text-gray-500.auto-dark:text-gray-400 for=input_id id=input_id+"_description"
+        = description
+    - if has_error?
+      p id=input_id+"_error" class="mt-2 text-sm text-red-600 auto-dark:text-red-400" = all_errors.join(", ")

data/app/components/form_components/radio_button/component.rb

@@ -0,0 +1,24 @@
+module FormComponents
+  module RadioButton
+    # Rails' radio button
+    class Component < FormComponents::Field::Component
+      CLASSES = "relative size-4 appearance-none rounded-full border border-gray-300 bg-white before:absolute before:inset-1 before:rounded-full before:bg-white auto-dark:border-white/10 auto-dark:bg-white/5 checked:border-primary-600 checked:hover:bg-primary-600 checked:bg-primary-600 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 disabled:border-gray-300 disabled:bg-gray-100 disabled:before:bg-gray-400 forced-colors:appearance-auto forced-colors:before:hidden [&:not(:checked)]:before:hidden hover:ring-primary-600 focus:ring-primary-600 focus:bg-primary-600 checked:focus:bg-primary-600"
+
+      attr_reader :tag_value
+
+      # As Rails' radio_button(method, tag_value, options = {})
+      def initialize(form, object, method, tag_value, options = {})
+        super(form, object, method, options)
+        @tag_value = tag_value
+      end
+
+      def input
+        rails(:radio_button, method, tag_value, input_options(CLASSES, id: input_id))
+      end
+
+      def input_id
+        tag_id(tag_value)
+      end
+    end
+  end
+end

data/app/components/form_components/rating_field/component.rb

@@ -0,0 +1,39 @@
+module FormComponents
+  module RatingField
+    # Stars to rate with, 1 to max: (5 unless given): Rails'
+    # collection_radio_buttons of their numbers, a star for each. A star
+    # lights up when its number or a higher one is checked or hovered.
+    class Component < FormComponents::CollectionRadioButtons::Component
+      self.extras = superclass.extras + %i[max]
+
+      ITEM_CLASSES = "cursor-pointer text-gray-300 hover:text-amber-300 [&:has(~label:hover)]:text-amber-300 [&:has(~input:checked)]:text-amber-400 auto-dark:text-white/20"
+
+      STAR = "M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z"
+
+      # As FormBuilder#rating_field(method, options = {})
+      def initialize(form, object, method, options = {})
+        options = (options || {}).symbolize_keys
+        super(form, object, method, (1..options.fetch(:max, 5)).to_a, :itself, :itself, options)
+      end
+
+      def items_classes
+        "flex w-fit gap-1 rounded-md has-[:focus-visible]:outline has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:outline-primary-600"
+      end
+
+      private
+
+      # Its label first, so a star can see the inputs after it
+      def item(builder)
+        input = builder.radio_button(class: "sr-only", "aria-invalid": aria_invalid)
+        label = builder.label(class: ITEM_CLASSES) do
+          safe_join([star, tag.span(builder.text, class: "sr-only")])
+        end
+        safe_join([label, input])
+      end
+
+      def star
+        tag.svg(tag.path(d: STAR, "fill-rule": "evenodd", "clip-rule": "evenodd"), viewBox: "0 0 24 24", fill: "currentColor", class: "size-8", aria: {hidden: true})
+      end
+    end
+  end
+end

data/app/components/form_components/scale_field/component.rb

@@ -0,0 +1,44 @@
+module FormComponents
+  module ScaleField
+    # A scale to pick a number on, in: 1..5 unless given, with min_label: and
+    # max_label: at its ends: Rails' collection_radio_buttons of its numbers,
+    # as buttons
+    class Component < FormComponents::CollectionRadioButtons::Component
+      self.extras = superclass.extras + %i[in min_label max_label]
+
+      option_reader :min_label
+      option_reader :max_label
+
+      ITEM_CLASSES = "flex h-10 cursor-pointer items-center justify-center rounded-md bg-white text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 peer-checked:bg-primary-600 peer-checked:text-white peer-checked:ring-0 peer-checked:hover:bg-primary-700 peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-primary-600 auto-dark:bg-white/5 auto-dark:text-white auto-dark:ring-white/10 auto-dark:hover:bg-white/10"
+
+      # As FormBuilder#scale_field(method, options = {})
+      def initialize(form, object, method, options = {})
+        options = (options || {}).symbolize_keys
+        super(form, object, method, numbers(options), :itself, :itself, options)
+      end
+
+      def items_classes
+        "flex gap-1"
+      end
+
+      def after_items
+        return if min_label.blank? && max_label.blank?
+
+        tag.div(class: "mt-2 flex justify-between gap-4 text-sm text-gray-500 auto-dark:text-gray-400") do
+          safe_join([tag.span(min_label), tag.span(max_label, class: "text-right")])
+        end
+      end
+
+      private
+
+      def numbers(options)
+        options.fetch(:in, 1..5).to_a
+      end
+
+      def item(builder)
+        input = builder.radio_button(class: "peer sr-only", "aria-invalid": aria_invalid)
+        tag.div(safe_join([input, builder.label(class: ITEM_CLASSES)]), class: "min-w-0 flex-1")
+      end
+    end
+  end
+end

data/app/components/form_components/select/component.html.slim

@@ -0,0 +1,8 @@
+.form-component
+  = field_label
+  div.mt-2
+    = input
+  - if description.present?
+    p id=tag_id+"_description" class="mt-2 text-sm text-gray-500 auto-dark:text-gray-400" = description
+  - if has_error?
+    p id=tag_id+"_error" class="mt-2 text-sm text-red-600 auto-dark:text-red-400" = all_errors.join(", ")

data/app/components/form_components/select/component.rb

@@ -0,0 +1,35 @@
+module FormComponents
+  module Select
+    # Rails' select, or another of its kind (helper: :collection_select, …),
+    # given the arguments Rails takes between method and options. Its arrow
+    # is @tailwindcss/forms'.
+    class Component < FormComponents::Field::Component
+      attr_reader :helper, :arguments, :select_html_options, :block
+
+      # Our options can be in either hash
+      def initialize(form, object, method, arguments, options = {}, html_options = {}, helper: :select, &block)
+        html_options = (html_options || {}).symbolize_keys
+        super(form, object, method, (options || {}).merge(html_options.slice(*extras)))
+        @arguments = arguments
+        @select_html_options = html_options.except(*extras)
+        @helper = helper
+        @block = block
+      end
+
+      def input
+        rails(helper, method, *arguments, html_options, input_options(select_classes, from: select_html_options), &block)
+      end
+
+      # Rails takes a select's id from its html_options
+      def id_options
+        select_html_options
+      end
+
+      def select_classes
+        class_names("block w-full rounded-md bg-white py-1.5 pl-3 pr-10 text-base text-gray-900 outline outline-1 -outline-offset-1 focus:outline focus:outline-2 focus:-outline-offset-1 sm:text-sm/6 auto-dark:bg-white/5 auto-dark:text-white",
+          {"outline-gray-300 focus:outline-primary-600 auto-dark:outline-white/10" => !has_error?},
+          {"text-red-900 outline-red-300 focus:outline-red-600 auto-dark:text-red-300 auto-dark:outline-red-500/50" => has_error?})
+      end
+    end
+  end
+end

data/app/components/form_components/submit/component.rb

@@ -0,0 +1,21 @@
+module FormComponents
+  module Submit
+    # Rails' submit button, named after the record as Rails names it
+    class Component < FormComponents::Base::Component
+      CLASSES = "rounded-md bg-primary-600 px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-primary-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600"
+
+      attr_reader :value
+
+      # As Rails' submit(value = nil, options = {})
+      def initialize(form, object, value = nil, options = {})
+        value, options = nil, value if value.is_a?(Hash)
+        super(form, object, nil, options)
+        @value = value
+      end
+
+      def call
+        rails(:submit, value, html_options.merge(class: helpers.class_names(CLASSES, html_options[:class])))
+      end
+    end
+  end
+end

data/app/components/form_components/text_area/component.html.slim

@@ -0,0 +1,14 @@
+.form-component
+  - if label != false || corner_hint.present?
+    div.flex.justify-between
+      = field_label
+      span.text-sm/6.text-gray-500.auto-dark:text-gray-400
+        = corner_hint
+  div.mt-2 class="grid grid-cols-1"
+    = input
+    - if has_error?
+      .fas.fa-circle-exclamation class="pointer-events-none col-start-1 row-start-1 mr-3 size-5 self-center justify-self-end text-red-500 sm:size-4"
+  - if description.present?
+    p id=tag_id+"_description" class="mt-2 text-sm text-gray-500 auto-dark:text-gray-400" = description
+  - if has_error?
+    p id=tag_id+"_error" class="mt-2 text-sm text-red-600 auto-dark:text-red-400" = all_errors.join(", ")

data/app/components/form_components/text_area/component.rb

@@ -0,0 +1,22 @@
+module FormComponents
+  module TextArea
+    # Rails' text area
+    class Component < FormComponents::Field::Component
+      self.extras = superclass.extras + %i[corner_hint]
+
+      # Next to the label, above the field
+      option_reader :corner_hint
+
+      def input
+        rails(:text_area, method, input_options(text_area_classes))
+      end
+
+      def text_area_classes
+        class_names("block w-full rounded-md bg-white px-3 py-1.5 text-base text-gray-900 outline outline-1 -outline-offset-1 placeholder:text-gray-400 focus:outline focus:outline-2 focus:-outline-offset-1 sm:text-sm/6 auto-dark:bg-white/5 auto-dark:text-white auto-dark:placeholder:text-gray-500",
+          {"col-start-1 row-start-1 pr-3" => has_error?},
+          {"outline-gray-300 focus:outline-primary-600 auto-dark:outline-white/10" => !has_error?},
+          {"text-red-900 outline-red-300 placeholder:text-red-300 focus:outline-red-600 auto-dark:text-red-300 auto-dark:outline-red-500/50" => has_error?})
+      end
+    end
+  end
+end

data/app/components/form_components/text_field/component.html.slim

@@ -0,0 +1,16 @@
+.form-component
+  - if label != false || corner_hint.present?
+    div.flex.justify-between
+      = field_label
+      span.text-sm/6.text-gray-500.auto-dark:text-gray-400
+        = corner_hint
+  div.mt-2 class="grid grid-cols-1"
+    = input
+    - if leading_icon.present?
+      span class=class_names("pointer-events-none col-start-1 row-start-1 ml-3 size-5 self-center text-gray-400 sm:size-4", leading_icon)
+    - if has_error?
+      .fas.fa-circle-exclamation class="pointer-events-none col-start-1 row-start-1 mr-3 size-5 self-center justify-self-end text-red-500 sm:size-4"
+  - if description.present?
+    p id=tag_id+"_description" class="mt-2 text-sm text-gray-500 auto-dark:text-gray-400" = description
+  - if has_error?
+    p id=tag_id+"_error" class="mt-2 text-sm text-red-600 auto-dark:text-red-400" = all_errors.join(", ")

data/app/components/form_components/text_field/component.rb

@@ -0,0 +1,33 @@
+module FormComponents
+  module TextField
+    # Rails' text field, or another of its kind (helper: :email_field, …)
+    class Component < FormComponents::Field::Component
+      self.extras = superclass.extras + %i[leading_icon corner_hint]
+
+      # Inside the field at its start, e.g. "fas fa-envelope"
+      option_reader :leading_icon
+      # Next to the label, above the field
+      option_reader :corner_hint
+
+      attr_reader :helper
+
+      # Options given as keywords count as options too
+      def initialize(form, object, method, options = {}, helper: :text_field, **more)
+        super(form, object, method, options.merge(more))
+        @helper = helper
+      end
+
+      def input
+        rails(helper, method, input_options(text_field_classes))
+      end
+
+      def text_field_classes
+        class_names("block w-full rounded-md bg-white px-3 py-1.5 text-base text-gray-900 outline outline-1 -outline-offset-1 placeholder:text-gray-400 focus:outline focus:outline-2 focus:-outline-offset-1 sm:text-sm/6 auto-dark:bg-white/5 auto-dark:text-white auto-dark:placeholder:text-gray-500",
+          {"col-start-1 row-start-1 pl-10 pr-3" => leading_icon.present?},
+          {"col-start-1 row-start-1 pr-3" => has_error?},
+          {"outline-gray-300 focus:outline-primary-600 auto-dark:outline-white/10" => !has_error?},
+          {"text-red-900 outline-red-300 placeholder:text-red-300 focus:outline-red-600 auto-dark:text-red-300 auto-dark:outline-red-500/50" => has_error?})
+      end
+    end
+  end
+end

data/app/components/form_components/validation.rb

@@ -0,0 +1,41 @@
+module FormComponents
+  module Validation
+    extend ActiveSupport::Concern
+
+    included do
+      delegate :validation_context, to: :form
+
+      def optional?(context: validation_context)
+        return false if object.nil?
+
+        !required?(context: context)
+      end
+
+      def required?(context: validation_context)
+        return false if object.nil?
+
+        validators(context: context).any?(ActiveModel::Validations::PresenceValidator)
+      end
+
+      def validators(context: validation_context)
+        method_validators.select do |validator|
+          if context.nil?
+            validator.options[:on].blank?
+          else
+            Array(validator.options[:on]).include?(context&.to_sym)
+          end
+        end
+      end
+
+      private
+
+      def method_validators
+        @method_validators ||= if object.nil?
+          []
+        else
+          object.class.validators_on(method)
+        end
+      end
+    end
+  end
+end