Class: SolidusAdmin::UI::Forms::Input::Component

Inherits:
BaseComponent
  • Object
show all
Defined in:
app/components/solidus_admin/ui/forms/input/component.rb

Constant Summary collapse

SIZES = 
{
  s: "form-control-sm px-3 py-1.5 font-normal text-sm",
  m: "form-control-md px-3 py-1.5 font-normal text-sm",
  l: "form-control-lg px-3 py-1.5 font-normal text-base"
}.freeze
HEIGHTS = 
{
  s: "h-7",
  m: "h-9",
  l: "h-12"
}.freeze
MULTILINE_HEIGHTS = 
{
  s: %w[min-h-[84px]],
  m: %w[min-h-[108px]],
  l: %w[min-h-[144px]],
}.freeze
TYPES = 
Set.new(%i[
  text
  password
  number
  email
  tel
  url
  search
  color
  date
  datetime-local
  month
  week
  search
  time
]).freeze

Instance Method Summary collapse

Constructor Details

#initialize(tag: :input, size: :m, error: nil, **attributes) ⇒ Component

Returns a new instance of Component.

Raises:

  • (ArgumentError) 


39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
 
# File 'app/components/solidus_admin/ui/forms/input/component.rb', line 39

def initialize(tag: :input, size: :m, error: nil, **attributes)
  raise ArgumentError, "unsupported tag: #{tag}" unless %i[input textarea select].include?(tag)

  specialized_classes = []
  readonly_classes = "read-only:bg-gray-15 focus:read-only:bg-gray-15 focus:read-only:ring-0
    read-only:cursor-not-allowed read-only:focus:border-gray-300
    read-only:hover:border-gray-300 read-only:hover:focus:border-gray-300"

  case tag
  when :input
    specialized_classes << "form-input"
    specialized_classes << readonly_classes
    specialized_classes << HEIGHTS[size]
    if attributes[:type] && !TYPES.include?(attributes[:type])
      raise ArgumentError, "unsupported type attribute: #{attributes[:type]}"
    end
  when :textarea
    specialized_classes << "form-textarea"
    specialized_classes << readonly_classes
    specialized_classes << MULTILINE_HEIGHTS[size]
  when :select
    if attributes[:multiple]
      specialized_classes << "form-multiselect"
      specialized_classes << MULTILINE_HEIGHTS[size]
    else
      specialized_classes << "form-select"
      specialized_classes << "bg-arrow-down-s-fill-gray-700 invalid:bg-arrow-down-s-fill-red-400 aria-invalid:bg-arrow-down-s-fill-red-400"
      specialized_classes << HEIGHTS[size]
    end
  end

  attributes[:class] = [
    %w[
      w-full
      text-black bg-white border border-gray-300 rounded-sm placeholder:text-gray-400
      hover:border-gray-500
      focus:ring focus:ring-gray-300 focus:ring-0.5 focus:bg-white focus:ring-offset-0 [&:focus-visible]:outline-none
      disabled:bg-gray-50 disabled:text-gray-500 disabled:placeholder:text-gray-300 disabled:cursor-not-allowed
      invalid:border-red-600 invalid:hover:border-red-600 invalid:text-red-600
      aria-invalid:border-red-600 aria-invalid:hover:border-red-600 aria-invalid:text-red-600
    ],
    SIZES[size],
    specialized_classes,
    attributes[:class],
  ].compact.join(" ")

  @tag = tag
  @size = size
  @error = error
  @attributes = attributes
end

Instance Method Details

#call ⇒ Object 



91
92
93
94
95
96
97
98
99
100
101
102
103
104
 
# File 'app/components/solidus_admin/ui/forms/input/component.rb', line 91

def call
  if @tag == :select && @attributes[:choices]
    with_content options_for_select(@attributes.delete(:choices), @attributes.delete(:value))
  end

  tag.public_send(
    @tag,
    content,
    "data-controller": stimulus_id,
    "data-#{stimulus_id}-custom-validity-value": @error.presence,
    "data-action": "#{stimulus_id}#clearCustomValidity",
    **@attributes
  )
end