arara 0.2.0

data/app/components/arara/select_component.html.erb

@@ -0,0 +1,22 @@
+<%= content_tag(html_tag, html_options) do %>
+  <%= tag(:input, type: :hidden, id: id, name: name, value: selected_value, data: { target: 'mdc-select.input' }) %>
+  <div class="mdc-select__anchor custom-enhanced-select-width">
+    <i class="mdc-select__dropdown-icon"></i>
+    <div class="mdc-select__selected-text" tabindex="0" aria-disabled="false"><%= selected_label %></div>
+    <% if user_variant == "outlined" %>
+      <div class="mdc-notched-outline mdc-notched-outline--upgraded">
+        <div class="mdc-notched-outline__leading"></div>
+        <div class="mdc-notched-outline__notch"><label id="outlined-label" class="mdc-floating-label" style=""><%= label %></label></div>
+        <div class="mdc-notched-outline__trailing"></div>
+      </div>
+    <% else %>
+      <span class="mdc-floating-label"><%= label %></span>
+      <div class="mdc-line-ripple"></div>
+    <% end %>
+  </div>
+  <div class="mdc-select__menu mdc-menu mdc-menu-surface demo-enhanced-select custom-enhanced-select-width">
+    <ul class="mdc-list">
+      <%= content %>
+    </ul>
+  </div>
+<% end %>

data/app/components/arara/select_component.rb

@@ -0,0 +1,27 @@
+module Arara
+  class SelectComponent < ActionView::Component::Base
+    include Arara::BaseComponent
+    attr_reader :label, :id, :name, :selected_value, :selected_label
+
+    validates :content, presence: true
+
+    def initialize(variant: "default", id: nil, name: nil, label:, selected_value: nil, selected_label: nil, **kw)
+      super(tag: "div", variant: variant, **kw)
+
+      @id = id
+      @name = name
+      @label = label
+      @selected_value = selected_value
+      @selected_label = selected_label
+    end
+
+    def default_data_controller
+      "mdc-select"
+    end
+
+    def default_html_class
+      return "mdc-select mdc-select--outlined" if user_variant == "outlined"
+      "mdc-select"
+    end
+  end
+end

data/app/components/arara/select_item_component.html.erb

@@ -0,0 +1,3 @@
+<%= content_tag(html_tag, html_options) do %>
+  <%= label %>
+<% end %>

data/app/components/arara/select_item_component.rb

@@ -0,0 +1,45 @@
+module Arara
+  class SelectItemComponent < ActionView::Component::Base
+    include Arara::BaseComponent
+    attr_reader :value, :label, :blank, :selected, :disabled
+
+    with_options if: -> { blank == false } do |extended|
+      extended.validates :value, presence: true
+      extended.validates :label, presence: true
+    end
+
+    def initialize(value: nil, label: nil, blank: false, selected: false, disabled: false, **kw)
+      super(tag: "li", **kw)
+
+      @value = value
+      @label = label
+      @blank = blank
+      @disabled = disabled
+      @selected = selected
+      if blank
+        @value = ""
+        label = nil
+      end
+    end
+
+    def default_html_class
+      return "mdc-list-item mdc-list-item--selected" if selected
+      "mdc-list-item"
+    end
+
+    def html_options
+      opts = super
+
+      opts[:data] ||= {}
+      opts[:aria] ||= {}
+
+      opts[:role] = "option"
+      opts[:aria][:selected] = selected
+      opts[:tabindex] = "-1"
+      opts[:data][:value] = value
+
+      opts[:disabled] = "" if disabled
+      opts
+    end
+  end
+end

data/app/components/arara/step_component.html.erb

@@ -0,0 +1,27 @@
+<%= content_tag(html_tag, html_options) do %>
+  <% if has_connector? %>
+    <%= content_tag(:div, connector_root_options) do %>
+      <% content_tag(:span, nil, connector_line_options) %>
+    <% end %>
+  <% end %>
+  <%= content_tag(:span, label_root_options) do %>
+    <%= content_tag(:span, icon_container_options) do %>
+      <%= content_tag(:svg, icon_options) do %>
+        <%= icon_tag %>
+      <% end %>
+    <% end %>
+    <span class="MuiStepLabel-labelContainer">
+      <%= content_tag(:span, step_label_options) do %>
+        <%= title %>
+      <% end %>
+      <% if sub_title %>
+        <span class="MuiTypography-root MuiTypography-caption"><%= sub_title %></span>
+      <% end %>
+    </span>
+  <% end %>
+  <div class="MuiStepContent-root" icon="1">
+    <% if has_vertical_content? %>
+    <%= html_content %>
+    <% end %>
+  </div>
+<% end %>

data/app/components/arara/step_component.rb

@@ -0,0 +1,100 @@
+class Arara::StepComponent < ActionView::Component::Base
+  include Arara::BaseComponent
+  attr_reader :title, :sub_title, :orientation, :alternative_label, :active, :completed, :disabled, :editable, :link, :order, :connector
+
+  def initialize(title: "", sub_title: nil, orientation: "horizontal", alternative_label: false, active: false, completed: false, disabled: false, editable: false, link: nil, order: 0, connector: false, **kw)
+    @orientation = orientation
+    @alternative_label = alternative_label
+    @active = active
+    @completed = completed
+    @disabled = disabled
+    @editable = editable
+    @link = link
+    @title = title
+    @sub_title = sub_title
+    @order = order
+    @connector = connector
+    super(tag: "div", **kw)
+  end
+
+  def default_html_class
+    classes = %w(MuiStep-root)
+    classes.push("MuiStep-horizontal") if orientation == "horizontal"
+    classes.push("MuiStep-vertical") if orientation == "vertical"
+    classes.push("MuiStep-alternativeLabel") if alternative_label
+    classes.push("MuiStep-completed") if completed
+    classes.join(" ")
+  end
+
+  def label_root_options
+    classes = %w(MuiStepLabel-root)
+    classes.push("MuiStepLabel-horizontal") if orientation == "horizontal"
+    classes.push("MuiStepLabel-vertical") if orientation == "vertical"
+    classes.push("MuiStepLabel-alternativeLabel") if alternative_label
+    {
+      class: classes.join(" ")
+    }
+  end
+
+  def icon_container_options
+    classes = %w(MuiStepLabel-iconContainer)
+    classes.push("MuiStepLabel-alternativeLabel") if alternative_label
+    {
+      class: classes.join(" "),
+    }
+  end
+
+  def icon_options
+    classes = %w(MuiSvgIcon-root MuiStepIcon-root)
+    classes.push("MuiStepIcon-completed") if completed
+    classes.push("MuiStepIcon-active") if active
+    {
+      class: classes.join(" "),
+      focusable: false,
+      'view-box': "0 0 24 24",
+      'aria-hidden': true,
+      role: "presentation"
+    }
+  end
+
+  def icon_tag
+    if completed
+      return content_tag(:path, nil, d: "M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24zm-2 17l-5-5 1.4-1.4 3.6 3.6 7.6-7.6L19 8l-9 9z")
+    end
+
+    content_tag(:circle, nil, cx: 12, cy: 12, r: 12) + 
+    content_tag(:text, order, class: "MuiStepIcon-text", x: "12", y: "16", 'text-anchor': "middle")
+  end
+
+  def step_label_options
+    classes = %w(MuiTypography-root MuiStepLabel-label)
+    classes.push('MuiStepLabel-alternativeLabel') if alternative_label
+    classes.push('MuiStepLabel-completed') if completed
+    classes.push('MuiStepLabel-active') if active
+    classes.push('MuiTypography-body2 MuiTypography-displayBlock')
+    { class: classes.join(" ") }
+  end
+
+  def has_connector?
+    connector
+  end
+
+  def connector_root_options
+    classes = %w(MuiStepConnector-root)
+    classes.push('MuiStepConnector-horizontal') if orientation == "horizontal"
+    classes.push('MuiStepConnector-vertical') if orientation == "vertical"
+    classes.push('MuiStepConnector-alternativeLabel') if alternative_label
+    classes.push('MuiStepConnector-active')
+    { class: classes.join(" ") }
+  end
+
+  def connector_line_options
+    classes = %w(MuiStepConnector-line)
+    classes.push('MuiStepConnector-lineHorizontal') if orientation == "horizontal"
+    { class: classes.join(" ") }
+  end
+
+  def has_vertical_content?
+    orientation == "vertical" && active && !html_content.empty?
+  end
+end

data/app/components/arara/step_connector_component.html.erb

@@ -0,0 +1,4 @@
+<%= content_tag(html_tag, html_options) do %>
+  <%= content_tag(:span, line_options) do %>
+  <% end %>
+<% end %>

data/app/components/arara/step_connector_component.rb

@@ -0,0 +1,31 @@
+class Arara::StepConnectorComponent < ActionView::Component::Base
+  include Arara::BaseComponent
+  attr_reader :orientation, :active, :alternative_label
+
+  def initialize(orientation: 'horizontal', active: false, alternative_label: false, **kw)
+    @orientation = orientation
+    @active = active
+    @alternative_label = alternative_label
+
+    super(tag: 'div', **kw)
+  end
+
+  def default_html_class
+    classes = %w(MuiStepConnector-root)
+    classes.push("MuiStepConnector-horizontal") if orientation == "horizontal"
+    classes.push("MuiStepConnector-vertical") if orientation == "vertical"
+    classes.push("MuiStepConnector-active") if active
+    classes.push("Mui-disabled") unless active
+    classes.push("MuiStepConnector-alternativeLabel") if alternative_label
+    classes.join(" ")
+  end
+
+  def line_options
+    classes = %w(MuiStepConnector-line)
+    classes.push("MuiStepConnector-lineHorizontal") if orientation == "horizontal"
+    classes.push("MuiStepConnector-lineVertical") if orientation == "vertical"
+    {
+      class: classes.join(" ")
+    }
+  end
+end

data/app/components/arara/stepper_component.html.erb

@@ -0,0 +1,3 @@
+<%= content_tag(html_tag, html_options) do %>
+  <%= content %>
+<% end %>

data/app/components/arara/stepper_component.rb

@@ -0,0 +1,20 @@
+class Arara::StepperComponent < ActionView::Component::Base
+  include Arara::BaseComponent
+  attr_reader :orientation, :alternative_label
+
+  validates :content, presence: true
+
+  def initialize(orientation: "horizontal", alternative_label: false, **kw)
+    @orientation = orientation
+    @alternative_label = alternative_label
+    super(tag: "div", **kw)
+  end
+
+  def default_html_class
+    classes = %w(MuiStepper-root)
+    classes.push("MuiStepper-horizontal") if orientation == "horizontal"
+    classes.push("MuiStepper-vertical") if orientation == "vertical"
+    classes.push("MuiStepper-alternativeLabel") if alternative_label
+    classes.join(" ")
+  end
+end

data/app/components/arara/switch_component.html.erb

@@ -0,0 +1,8 @@
+<%= content_tag(html_tag, html_options) do %>
+  <div class="mdc-switch__track"></div>
+  <div class="mdc-switch__thumb-underlay">
+    <div class="mdc-switch__thumb">
+      <%= tag("input", input_options) %>
+    </div>
+  </div>
+<% end %>

data/app/components/arara/switch_component.rb

@@ -0,0 +1,35 @@
+module Arara
+  class SwitchComponent < ActionView::Component::Base
+    include Arara::BaseComponent
+    attr_reader :id, :checked
+
+    def initialize(id:, checked: false, **kw)
+      super(tag: "div", **kw)
+      @id = id
+      @checked = checked
+    end
+
+    def default_html_class
+      return "mdc-switch mdc-switch--checked" if checked
+      "mdc-switch"
+    end
+
+    def default_data_controller
+      "mdc-switch"
+    end
+
+    def input_options
+      opts = {
+        type: "checkbox",
+        id: id,
+        class: "mdc-switch__native-control",
+        role: "switch",
+        aria: {
+          checked: checked
+        }
+      }
+      opts[:checked] = "" if checked
+      opts
+    end
+  end
+end

data/app/components/arara/tags.rb

@@ -0,0 +1,2 @@
+module Arara::Tags
+end

data/app/components/arara/tags/check_box.rb

@@ -0,0 +1,63 @@
+# frozen_string_literal: true
+
+require "action_view/helpers/tags/checkable"
+
+module Arara
+  module Tags # :nodoc:
+    class CheckBox < ActionView::Helpers::Tags::Base # :nodoc:
+      include ActionView::Helpers::Tags::Checkable
+
+      def initialize(object_name, method_name, template_object, checked_value, unchecked_value, options)
+        @checked_value   = checked_value
+        @unchecked_value = unchecked_value
+        super(object_name, method_name, template_object, options)
+      end
+
+      def render
+        options = @options.stringify_keys
+        options["type"]     = "checkbox"
+        options["value"]    = @checked_value
+        options["checked"] = "checked" if input_checked?(options)
+
+        if options["multiple"]
+          add_default_name_and_id_for_value(@checked_value, options)
+          options.delete("multiple")
+        else
+          add_default_name_and_id(options)
+        end
+
+        include_hidden = options.delete("include_hidden") { true }
+        checkbox = @template_object.template.render(Arara::CheckboxComponent, options.symbolize_keys)
+
+        if include_hidden
+          hidden = hidden_field_for_checkbox(options)
+          hidden + checkbox
+        else
+          checkbox
+        end
+      end
+
+      private
+        def checked?(value)
+          case value
+          when TrueClass, FalseClass
+            value == !!@checked_value
+          when NilClass
+            false
+          when String
+            value == @checked_value
+          else
+            if value.respond_to?(:include?)
+              value.include?(@checked_value)
+            else
+              value.to_i == @checked_value.to_i
+            end
+          end
+        end
+
+        def hidden_field_for_checkbox(options)
+          @unchecked_value ? tag("input", options.slice("name", "disabled", "form").merge!("type" => "hidden", "value" => @unchecked_value)) : "".html_safe
+        end
+    end
+  end
+end

data/app/components/arara/tags/chip_choice.rb

@@ -0,0 +1,81 @@
+# frozen_string_literal: true
+
+require "action_view/helpers/tags/checkable"
+
+module Arara
+  module Tags # :nodoc:
+    class ChipChoice < ActionView::Helpers::Tags::Base # :nodoc:
+      def initialize(object_name, method_name, template_object, checked_value, unchecked_value, options)
+        @checked_value   = checked_value
+        @unchecked_value = unchecked_value
+        super(object_name, method_name, template_object, options)
+      end
+
+      def render
+        options = @options.stringify_keys
+        options["type"]     = "checkbox"
+        options["value"]    = @checked_value
+        options["checked"] = "checked" if input_checked?(options)
+        options["selected"] = !!options["checked"]
+
+        if options["multiple"]
+          add_default_name_and_id_for_value(@checked_value, options)
+          options.delete("multiple")
+        else
+          add_default_name_and_id(options)
+        end
+
+        include_hidden = options.delete("include_hidden") { true }
+
+        options["data"] ||= {}
+        options["data"]["rails-chip-set-filter-target"] = "rails-chip-set-filter.#{options["id"].camelize(:lower)}"
+        checkbox = @template_object.template.render(Arara::ChipComponent, options.symbolize_keys)
+
+        if include_hidden
+          hidden = hidden_field_for_checkbox(options)
+          hidden + checkbox
+        else
+          checkbox
+        end
+      end
+
+      private
+        def input_checked?(options)
+          if options.has_key?("checked")
+            checked = options.delete "checked"
+            checked == true || checked == "checked"
+          else
+            checked?(value_before_type_cast)
+          end
+        end
+
+        def checked?(value)
+          case value
+          when TrueClass, FalseClass
+            value == !!@checked_value
+          when NilClass
+            false
+          when String
+            value == @checked_value
+          else
+            if value.respond_to?(:include?)
+              value.include?(@checked_value)
+            else
+              value.to_i == @checked_value.to_i
+            end
+          end
+        end
+
+        def hidden_field_for_checkbox(options)
+          value = options["selected"] ? options["value"] : "0"
+          tag(
+            "input", options.slice("name", "disabled", "form").
+              merge!(
+                "type" => "hidden", "value" => value,
+                "data": { "target": "rails-chip-set-filter.#{options["id"].camelize(:lower)}"
+              })
+          )
+        end
+    end
+  end
+end