formstrap 0.1.0

data/app/models/formstrap/datetime_view.rb

@@ -0,0 +1,43 @@
+module Formstrap
+  class DatetimeView < ViewModel
+    include Formstrap::Hintable
+    include Formstrap::InputGroupable
+    include Formstrap::Labelable
+    include Formstrap::Listable
+    include Formstrap::Placeholderable
+    include Formstrap::Validatable
+    include Formstrap::Wrappable
+
+    def input_options
+      keys = attributes - %i[append attribute float form input_group input_group label prepend validate wrapper]
+      options = to_h.slice(*keys)
+      default_input_options.deep_merge(options)
+    end
+
+    def input_group_options
+      default_input_group_options
+        .deep_merge(label_input_group_options)
+        .deep_merge(@input_group || {})
+    end
+
+    def wrapper_options
+      default_wrapper_options.deep_merge({
+        class: ["mb-3", ("form-floating" if float)]
+      }).deep_merge(@wrapper || {})
+    end
+
+    private
+
+    def default_input_options
+      {
+        aria: {describedby: validation_id},
+        class: [form_control_class, validation_class],
+        placeholder: placeholder
+      }
+    end
+
+    def form_control_class
+      plaintext ? "form-control-plaintext" : "form-control"
+    end
+  end
+end

data/app/models/formstrap/email_view.rb

@@ -0,0 +1,46 @@
+module Formstrap
+  class EmailView < ViewModel
+    include Formstrap::Autocompletable
+    include Formstrap::Hintable
+    include Formstrap::InputGroupable
+    include Formstrap::Labelable
+    include Formstrap::Listable
+    include Formstrap::Placeholderable
+    include Formstrap::Validatable
+    include Formstrap::Wrappable
+
+    def input_options
+      keys = attributes - %i[append attribute collection float form input_group label prepend validate wrapper]
+      options = to_h.slice(*keys)
+      options = default_input_options.deep_merge(options)
+      options.deep_merge(autocomplete_input_options)
+    end
+
+    def input_group_options
+      default_input_group_options
+        .deep_merge(autocomplete_input_group_options)
+        .deep_merge(label_input_group_options)
+        .deep_merge(@input_group || {})
+    end
+
+    def wrapper_options
+      default_wrapper_options.deep_merge({
+        class: ["mb-3", ("form-floating" if float)]
+      }).deep_merge(@wrapper || {})
+    end
+
+    private
+
+    def default_input_options
+      {
+        aria: {describedby: validation_id},
+        class: [form_control_class, validation_class],
+        placeholder: placeholder
+      }
+    end
+
+    def form_control_class
+      plaintext ? "form-control-plaintext" : "form-control"
+    end
+  end
+end

data/app/models/formstrap/file_view.rb

@@ -0,0 +1,106 @@
+module Formstrap
+  class FileView < ViewModel
+    include Formstrap::Hintable
+    include Formstrap::InputGroupable
+    include Formstrap::Labelable
+    include Formstrap::Placeholderable
+    include Formstrap::Validatable
+    include Formstrap::Wrappable
+
+    def input_options
+      keys = attributes - %i[append attribute dropzone destroy form input_group label prepend preview validate wrapper]
+      options = to_h.slice(*keys)
+      options = default_input_options.deep_merge(options)
+      options = options.deep_merge(required: false) if attachments.any?
+      options
+    end
+
+    def input_group_options
+      default_input_group_options
+        .deep_merge(label_input_group_options)
+        .deep_merge(@input_group || {})
+    end
+
+    def wrapper_options
+      default_wrapper_options.deep_merge({
+        class: ["mb-3 h-form-file", ("form-floating" if float)],
+        data: {
+          controller: ("file-preview" if preview)
+        }
+      }).deep_merge(@wrapper || {})
+    end
+
+    def preview
+      @preview || dropzone
+    end
+
+    def destroy
+      @destroy || false
+    end
+
+    def attached
+      form.object&.send(attribute)
+    end
+
+    def attachments
+      attached&.attachments || []
+    end
+
+    def number_of_files
+      multiple ? 2 : 1
+    end
+
+    def nested_attribute
+      attached.is_a?(ActiveStorage::Attached::Many) ? :"#{attribute}_attachments" : :"#{attribute}_attachment"
+    end
+
+    def dropzone_options
+      if dropzone
+        {
+          class: ["h-dropzone", validation_class],
+          data: {
+            controller: "dropzone"
+          }
+        }
+      else
+        {
+          class: validation_class
+        }
+      end
+    end
+
+    # def input_group_options
+    #   {
+    #     prepend: prepend,
+    #     append: append,
+    #     class: "h-form-file",
+    #     data: {
+    #       controller: "#{"file-preview" if preview} #{"dropzone" if dropzone}"
+    #     }
+    #   }
+    # end
+
+    private
+
+    def default_input_options
+      {
+        aria: {describedby: validation_id},
+        class: ["form-control", validation_class],
+        placeholder: placeholder,
+        data: preview_data
+      }
+    end
+
+    def preview_data
+      if preview
+        {
+          "file-preview-target": "input",
+          "dropzone-target": "input",
+          action: "change->file-preview#preview dropEnd->file-preview#preview"
+        }
+      else
+        {}
+      end
+    end
+  end
+end

data/app/models/formstrap/flatpickr_range_view.rb

@@ -0,0 +1,89 @@
+module Formstrap
+  class FlatpickrRangeView < ViewModel
+    include Formstrap::Hintable
+    include Formstrap::InputGroupable
+    include Formstrap::Labelable
+    include Formstrap::Listable
+    include Formstrap::Placeholderable
+    include Formstrap::Validatable
+    include Formstrap::Wrappable
+
+    def attribute
+      @attribute || :period
+    end
+
+    def start_attribute
+      @start.dig(:attribute) || :start_date
+    end
+
+    def end_attribute
+      @end.dig(:attribute) || :end_date
+    end
+
+    def start_options
+      default_start_options.deep_merge(@start || {})
+    end
+
+    def end_options
+      default_end_options.deep_merge(@end || {})
+    end
+
+    def input_options
+      keys = attributes - %i[append attribute end float form input_group label prepend start validate wrapper]
+      options = to_h.slice(*keys)
+      default_input_options.deep_merge(options)
+    end
+
+    def input_group_options
+      default_input_group_options
+        .deep_merge(label_input_group_options)
+        .deep_merge(@input_group || {})
+    end
+
+    def wrapper_options
+      default_wrapper_options.deep_merge({
+        class: ["mb-3", ("form-floating" if float)]
+      }).deep_merge(@wrapper || {})
+    end
+
+    private
+
+    def default_options
+      {
+        name: nil
+      }
+    end
+
+    def default_start_options
+      {}
+    end
+
+    def default_end_options
+      {}
+    end
+
+    def default_input_options
+      {
+        aria: {describedby: validation_id},
+        class: [form_control_class, validation_class],
+        placeholder: placeholder,
+        name: nil,
+        data: {
+          controller: "flatpickr date-range",
+          action: "change->date-range#update",
+          flatpickr: {
+            mode: "range",
+            defaultDate: [
+              form.object&.send(start_attribute)&.strftime("%d/%m/%Y"),
+              form.object&.send(end_attribute)&.strftime("%d/%m/%Y")
+            ]
+          }
+        }
+      }
+    end
+
+    def form_control_class
+      plaintext ? "form-control-plaintext" : "form-control"
+    end
+  end
+end

data/app/models/formstrap/flatpickr_view.rb

@@ -0,0 +1,27 @@
+module Formstrap
+  class FlatpickrView < ViewModel
+    def options
+      keys = attributes - %i[data]
+      options = to_h.slice(*keys)
+      default_options.deep_merge(options)
+    end
+
+    private
+
+    def default_options
+      {
+        data: default_data.deep_merge(data || {})
+      }
+    end
+
+    def default_data
+      {
+        controller: "flatpickr",
+
+        flatpickr: {
+          defaultDate: attribute.nil? ? Date.today : form.object&.send(attribute)&.strftime("%d/%m/%Y")
+        }
+      }
+    end
+  end
+end

data/app/models/formstrap/hidden_view.rb

@@ -0,0 +1,8 @@
+module Formstrap
+  class HiddenView < ViewModel
+    def input_options
+      keys = attributes - %i[attribute form]
+      to_h.slice(*keys)
+    end
+  end
+end

data/app/models/formstrap/hint_view.rb

@@ -0,0 +1,4 @@
+module Formstrap
+  class HintView < ViewModel
+  end
+end

data/app/models/formstrap/input_group_view.rb

@@ -0,0 +1,17 @@
+module Formstrap
+  class InputGroupView < ViewModel
+    def options
+      keys = attributes - %i[bypass append prepend]
+      options = to_h.slice(*keys)
+      default_options.deep_merge(options)
+    end
+
+    private
+
+    def default_options
+      {
+        class: ["input-group"]
+      }
+    end
+  end
+end

data/app/models/formstrap/label_view.rb

@@ -0,0 +1,22 @@
+module Formstrap
+  class LabelView < ViewModel
+    def form
+      @form.object_id
+    end
+
+    def options
+      keys = attributes - %i[attribute form text]
+      options = to_h.slice(*keys)
+      default_options.deep_merge(options)
+    end
+
+    private
+
+    def default_options
+      {
+        class: "form-label",
+        required: required
+      }
+    end
+  end
+end

data/app/models/formstrap/media_item_view.rb

@@ -0,0 +1,41 @@
+module Formstrap
+  class MediaItemView < ViewModel
+    include Rails.application.routes.url_helpers
+
+    def thumbnail_options
+      options = {
+        file: attachment
+      }
+
+      # Don't pass width or height if it was not defined
+      options = options.merge(width: width) if is_defined?(:width)
+      options = options.merge(height: height) if is_defined?(:height)
+
+      options
+    end
+
+    def attachment
+      form.object
+    end
+
+    def position_value
+      attachment.new_record? ? nil : attachment.position
+    end
+
+    def id
+      attachment.blob ? attachment.blob.id : "$1"
+    end
+
+    def filename
+      attachment.blob&.filename&.to_s
+    end
+
+    def content_type
+      attachment.blob&.content_type
+    end
+
+    def size
+      number_to_human_size(attachment.blob&.byte_size || 0)
+    end
+  end
+end

data/app/models/formstrap/media_view.rb

@@ -0,0 +1,143 @@
+module Formstrap
+  class MediaView < ViewModel
+    include Rails.application.routes.url_helpers
+    include Formstrap::Hintable
+    include Formstrap::Labelable
+    include Formstrap::Placeholderable
+    include Formstrap::Validatable
+    include Formstrap::Wrappable
+
+    def input_group_options
+      default_input_group_options
+        .deep_merge(label_input_group_options)
+        .deep_merge(@input_group || {})
+    end
+
+    def wrapper_options
+      default_wrapper_options.deep_merge({
+        class: ["mb-3", ("form-floating" if float)],
+        data: {
+          controller: "media",
+          name: name,
+          min: min,
+          max: max,
+          sort: sort,
+          accept: accept,
+          required: required.nil? ? 0 : required
+        }
+      }).deep_merge(@wrapper || {})
+    end
+
+    def item_options
+      options = {
+        sort: sort
+      }
+
+      # Don't pass width or height if it was not defined
+      options = options.merge(width: width) if is_defined?(:width)
+      options = options.merge(height: height) if is_defined?(:height)
+
+      options
+    end
+
+    def custom_validation_options
+      {
+        form: form,
+        attribute: attribute,
+        min: min,
+        max: max,
+        accept: accept
+      }
+    end
+
+    def thumbnail_options
+      options = {
+        icon: "plus"
+      }
+
+      # Don't pass width or height if it was not defined
+      options = options.merge(width: width) unless is_defined?(:width)
+      options = options.merge(height: height) unless is_defined?(:height)
+
+      options
+    end
+
+    def association_object
+      if attached.is_a?(ActiveStorage::Attached::Many)
+        result = form.object.send(nested_attribute)
+
+        # We sort the collection with ruby to prevent a new query to be made that would dispose of the objects in memory
+        result = result.sort_by { |item| item.position } if sort
+        result
+      else
+        form.object.send(nested_attribute)
+      end
+    end
+
+    def attachments
+      if attached.is_a?(ActiveStorage::Attached::Many)
+        result = form.object.send(nested_attribute)
+
+        # We sort the collection with ruby to prevent a new query to be made that would dispose of the objects in memory
+        result = result.sort_by { |item| item.position } if sort
+        result.to_a.compact
+      else
+        [form.object.send(nested_attribute)].compact
+      end
+    end
+
+    def attached
+      form.object.send(attribute)
+    end
+
+    def build_nested_attribute
+      if attached.is_a?(ActiveStorage::Attached::Many)
+        form.object.send(nested_attribute).build
+      else
+        form.object.send("build_#{nested_attribute}")
+      end
+    end
+
+    def nested_attribute
+      if attached.is_a?(ActiveStorage::Attached::Many)
+        :"#{attribute}_attachments"
+      else
+        :"#{attribute}_attachment"
+      end
+    end
+
+    def min
+      if @required
+        (@min.to_i < 1) ? 1 : @min.to_i
+      else
+        (@min.to_i < 1) ? 0 : @min.to_i
+      end
+    end
+
+    def max
+      if attached.is_a?(ActiveStorage::Attached::Many)
+        @max
+      else
+        1
+      end
+    end
+
+    attr_reader :accept
+
+    def required
+      @required ? 1 : nil
+    end
+
+    def blob_ids
+      attachments.map { |attachment| attachment.blob_id }
+    end
+
+    def name
+      "#{attribute}_#{object_id}"
+    end
+
+    def sort
+      @sort == true
+    end
+  end
+end

data/app/models/formstrap/number_view.rb

@@ -0,0 +1,47 @@
+module Formstrap
+  class NumberView < ViewModel
+    include Formstrap::Hintable
+    include Formstrap::InputGroupable
+    include Formstrap::Labelable
+    include Formstrap::Listable
+    include Formstrap::Placeholderable
+    include Formstrap::Validatable
+    include Formstrap::Wrappable
+
+    def input_options
+      keys = attributes - %i[append attribute float form input_group label prepend validate wrapper]
+      options = to_h.slice(*keys)
+      default_input_options.deep_merge(options)
+    end
+
+    def input_group_options
+      default_input_group_options
+        .deep_merge(label_input_group_options)
+        .deep_merge(@input_group || {})
+    end
+
+    def wrapper_options
+      default_wrapper_options.deep_merge({
+        class: ["mb-3", float_class]
+      }).deep_merge(@wrapper || {})
+    end
+
+    private
+
+    def float_class
+      "form-floating" if float
+    end
+
+    def default_input_options
+      {
+        aria: {describedby: validation_id},
+        class: [form_control_class, validation_class],
+        placeholder: placeholder
+      }
+    end
+
+    def form_control_class
+      plaintext ? "form-control-plaintext" : "form-control"
+    end
+  end
+end

data/app/models/formstrap/password_view.rb

@@ -0,0 +1,42 @@
+module Formstrap
+  class PasswordView < ViewModel
+    include Formstrap::Hintable
+    include Formstrap::InputGroupable
+    include Formstrap::Labelable
+    include Formstrap::Placeholderable
+    include Formstrap::Validatable
+    include Formstrap::Wrappable
+
+    def input_options
+      keys = attributes - %i[append attribute float form input_group label prepend validate wrapper]
+      options = to_h.slice(*keys)
+      default_input_options.deep_merge(options)
+    end
+
+    def input_group_options
+      default_input_group_options
+        .deep_merge(label_input_group_options)
+        .deep_merge(@input_group || {})
+    end
+
+    def wrapper_options
+      default_wrapper_options.deep_merge({
+        class: ["mb-3", ("form-floating" if float)]
+      }).deep_merge(@wrapper || {})
+    end
+
+    private
+
+    def default_input_options
+      {
+        aria: {describedby: validation_id},
+        class: [form_control_class, validation_class],
+        placeholder: placeholder
+      }
+    end
+
+    def form_control_class
+      plaintext ? "form-control-plaintext" : "form-control"
+    end
+  end
+end

data/app/models/formstrap/redactorx_view.rb

@@ -0,0 +1,57 @@
+module Formstrap
+  class RedactorxView < ViewModel
+    def options
+      default_options.deep_merge(to_h)
+    end
+
+    private
+
+    def default_options
+      {
+        data: {
+          controller: "redactorx",
+          "redactor-options": redactor_options
+        }
+      }
+    end
+
+    def control
+      @control || (hybrid ? true : nil)
+    end
+
+    def context
+      @context || (hybrid ? true : nil)
+    end
+
+    def toolbar
+      @toolbar || (hybrid ? false : nil)
+    end
+
+    def addbar
+      @addbar || %w[paragraph image embed table quote pre line]
+    end
+
+    def plugins
+      @plugins || %w[shortcut]
+    end
+
+    attr_reader :topbar
+
+    def redactor_options
+      default_redactor_options.deep_merge(redactor || {})
+    end
+
+    def default_redactor_options
+      {
+        control: control,
+        context: context,
+        toolbar: toolbar,
+        buttons: {
+          addbar: addbar,
+          plugins: plugins,
+          topbar: topbar
+        }
+      }.delete_if { |k, v| v.nil? }
+    end
+  end
+end