Form

# frozen_string_literal: true

module RubyUI
	class Form < Base
		def view_template(&)
			form(**attrs, &)
		end

		private

		def default_attrs
			{}
		end
	end
end

# frozen_string_literal: true

module RubyUI
	class FormField < Base
		def view_template(&)
			div(**attrs, &)
		end

		private

		def default_attrs
			{
				data: {
					controller: "ruby-ui--form-field"
				},
				class: "space-y-2"
			}
		end
	end
end

# frozen_string_literal: true

module RubyUI
	class FormFieldError < Base
		def view_template(&)
			p(**attrs, &)
		end

		private

		def default_attrs
			{
				data: {
					ruby_ui__form_field_target: "error"
				},
				class: "text-sm font-medium text-destructive"
			}
		end
	end
end

# frozen_string_literal: true

module RubyUI
	class FormFieldHint < Base
		def view_template(&)
			p(**attrs, &)
		end

		private

		def default_attrs
			{class: "text-sm text-muted-foreground"}
		end
	end
end

# frozen_string_literal: true

module RubyUI
	class FormFieldLabel < Base
		def view_template(&)
			label(**attrs, &)
		end

		private

		def default_attrs
			{class: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"}
		end
	end
end

import { Controller } from "@hotwired/stimulus";

export default class extends Controller {
  static targets = ["input", "error"];
  static values = { shouldValidate: false };

  connect() {
    if (this.errorTarget.textContent) {
      this.shouldValidateValue = true;
    } else {
      this.errorTarget.classList.add("hidden");
    }
  }

  onInvalid(error) {
    error.preventDefault();

    this.shouldValidateValue = true;
    this.#setErrorMessage();
  }

  onInput() {
    this.#setErrorMessage();
  }

  onChange() {
    this.#setErrorMessage();
  }

  #setErrorMessage() {
    if (!this.shouldValidateValue) return;

    if (this.inputTarget.validity.valid) {
      this.errorTarget.textContent = "";
      this.errorTarget.classList.add("hidden");
    } else {
      this.errorTarget.textContent = this.#getValidationMessage();
      this.errorTarget.classList.remove("hidden");
    }
  }

  #getValidationMessage() {
    let errorMessage;

    const { validity, dataset, validationMessage } = this.inputTarget;

    if (validity.tooLong) errorMessage = dataset.tooLong;
    if (validity.tooShort) errorMessage = dataset.tooShort;
    if (validity.badInput) errorMessage = dataset.badInput;
    if (validity.typeMismatch) errorMessage = dataset.typeMismatch;
    if (validity.stepMismatch) errorMessage = dataset.stepMismatch;
    if (validity.valueMissing) errorMessage = dataset.valueMissing;
    if (validity.rangeOverflow) errorMessage = dataset.rangeOverflow;
    if (validity.rangeUnderflow) errorMessage = dataset.rangeUnderflow;
    if (validity.patternMismatch) errorMessage = dataset.patternMismatch;

    return errorMessage || validationMessage;
  }
}

rake stimulus:manifest:update