arara 0.2.0

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

@@ -0,0 +1,11 @@
+<%= content_tag(html_tag, html_options) do %>
+  <div class="<%= checkbox_class %>">
+    <input type="checkbox" class="mdc-checkbox__native-control" <%= selected ? "checked" : nil %> aria-labelledby="<%= id %>"/>
+    <div class="mdc-checkbox__background">
+      <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
+        <path class="mdc-checkbox__checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" />
+      </svg>
+      <div class="mdc-checkbox__mixedmark"></div>
+    </div>
+  </div>
+<% end %>

data/app/components/arara/data_table_body_checkbox_component.rb

@@ -0,0 +1,25 @@
+module Arara
+  class DataTableBodyCheckboxComponent < ActionView::Component::Base
+    include Arara::BaseComponent
+    attr_reader :selected, :id
+
+    def initialize(selected: false, id:, **kw)
+      super(tag: "td", **kw)
+      @selected = selected
+      @id = id
+    end
+
+    def default_html_class
+      "mdc-data-table__cell mdc-data-table__cell--checkbox"
+    end
+
+    def html_options
+      super.merge!({role: "columnheader", scope: "col"})
+    end
+
+    def checkbox_class
+      return "mdc-checkbox mdc-data-table__row-checkbox mdc-checkbox--selected" if selected
+      "mdc-checkbox mdc-data-table__row-checkbox"
+    end
+  end
+end

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

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

data/app/components/arara/data_table_body_component.rb

@@ -0,0 +1,15 @@
+module Arara
+  class DataTableBodyComponent < ActionView::Component::Base
+    include Arara::BaseComponent
+
+    validates :content, presence: true
+
+    def initialize(**kw)
+      super(tag: "tbody", **kw)
+    end
+
+    def default_html_class
+      "mdc-data-table__content"
+    end
+  end
+end

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

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

data/app/components/arara/data_table_body_row_component.rb

@@ -0,0 +1,27 @@
+module Arara
+  class DataTableBodyRowComponent < ActionView::Component::Base
+    include Arara::BaseComponent
+    attr_reader :selected
+
+    validates :content, presence: true
+
+    def initialize(selected: false, **kw)
+      super(tag: "tr", **kw)
+      @selected = selected
+    end
+
+    def default_html_class
+      return "mdc-data-table__row mdc-data-table__row--selected" if selected
+      "mdc-data-table__row"
+    end
+
+    def html_options
+      opts = super
+      if selected
+        opts[:aria] = {} unless opts.has_key?(:aria)
+        opts[:aria][:selected] = true
+      end
+      opts
+    end
+  end
+end

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

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

data/app/components/arara/data_table_component.rb

@@ -0,0 +1,36 @@
+module Arara
+  class DataTableComponent < ActionView::Component::Base
+    include Arara::BaseComponent
+    attr_reader :label
+
+    validates :content, presence: true
+
+    def initialize(label: nil, **kw)
+      super(tag: "div", **kw)
+      @label = label
+    end
+
+    def default_html_class
+      "mdc-data-table"
+    end
+
+    def default_data_controller
+      "mdc-data-table"
+    end
+
+    def table_tag
+      "table"
+    end
+
+    def table_options
+      opts = {
+        class: "mdc-data-table__table"
+      }
+      unless label.empty?
+        opts[:aria] ||= {}
+        opts[:aria][:label] = label
+      end
+      opts
+    end
+  end
+end

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

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

data/app/components/arara/data_table_header_cell_component.rb

@@ -0,0 +1,24 @@
+module Arara
+  class DataTableHeaderCellComponent < ActionView::Component::Base
+    include Arara::BaseComponent
+    attr_reader :numeric
+
+    validates :content, presence: true
+
+    def initialize(numeric: false, **kw)
+      super(tag: "th", **kw)
+      @numeric = numeric
+    end
+
+    def default_html_class
+      return "mdc-data-table__header-cell mdc-data-table__header-cell--numeric" if numeric
+      "mdc-data-table__header-cell"
+    end
+
+    def html_options
+      opts = super
+      opts.merge!(role: "columnheader", scope: "col")
+      opts
+    end
+  end
+end

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

@@ -0,0 +1,11 @@
+<%= content_tag(html_tag, html_options) do %>
+  <div class="<%= checkbox_class %>">
+    <input type="checkbox" class="mdc-checkbox__native-control" aria-label="<%= label %>%"/>
+    <div class="mdc-checkbox__background">
+      <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
+        <path class="mdc-checkbox__checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" />
+      </svg>
+      <div class="mdc-checkbox__mixedmark"></div>
+    </div>
+  </div>
+<% end %>

data/app/components/arara/data_table_header_checkbox_component.rb

@@ -0,0 +1,25 @@
+module Arara
+  class DataTableHeaderCheckboxComponent < ActionView::Component::Base
+    include Arara::BaseComponent
+    attr_reader :selected, :label
+
+    def initialize(selected: false, label:, **kw)
+      super(tag: "th", **kw)
+      @selected = selected
+      @label = label
+    end
+
+    def default_html_class
+      "mdc-data-table__header-cell mdc-data-table__header-cell--checkbox"
+    end
+
+    def html_options
+      super.merge!({role: "columnheader", scope: "col"})
+    end
+
+    def checkbox_class
+      return "mdc-checkbox mdc-data-table__header-row-checkbox mdc-checkbox--selected" if selected
+      "mdc-checkbox mdc-data-table__header-row-checkbox"
+    end
+  end
+end

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

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

data/app/components/arara/data_table_header_component.rb

@@ -0,0 +1,11 @@
+module Arara
+  class DataTableHeaderComponent < ActionView::Component::Base
+    include Arara::BaseComponent
+
+    validates :content, presence: true
+
+    def initialize(**kw)
+      super(tag: "thead", **kw)
+    end
+  end
+end

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

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

data/app/components/arara/data_table_header_row_component.rb

@@ -0,0 +1,15 @@
+module Arara
+  class DataTableHeaderRowComponent < ActionView::Component::Base
+    include Arara::BaseComponent
+
+    validates :content, presence: true
+
+    def initialize(**kw)
+      super(tag: "tr", **kw)
+    end
+
+    def default_html_class
+      "mdc-data-table__header-row"
+    end
+  end
+end

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

@@ -0,0 +1,4 @@
+<%= content_tag(html_tag, html_options) do %>
+  <div class="mdc-button__ripple"></div>
+  <span class="mdc-button__label"><%= content %></span>
+<% end %>

data/app/components/arara/dialog_button_component.rb

@@ -0,0 +1,31 @@
+module Arara
+  class DialogButtonComponent < ActionView::Component::Base
+    include Arara::BaseComponent
+    validates :content, presence: true
+    
+    attr_reader :dialog_action
+
+    def initialize(dialog_action:, **kw)
+      super(tag: "button", **kw)
+
+      @dialog_action = dialog_action
+    end
+
+
+    def default_html_class
+      "mdc-button mdc-dialog__button"
+    end
+
+    def html_options
+      opts = super
+      opts.merge!({type: "button"})
+      opts
+    end
+
+    def html_data
+      data = super
+      data.merge!('mdc-dialog-action': dialog_action)
+      data
+    end
+  end
+end

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

@@ -0,0 +1,8 @@
+<%= content_tag(html_tag, html_options) do %>
+  <div class="mdc-dialog__container">
+    <%= content_tag("div", surface_options) do %>
+      <%= content %>
+    <% end %>
+  </div>
+  <div class="mdc-dialog__scrim"></div>
+<% end %>

data/app/components/arara/dialog_component.rb

@@ -0,0 +1,34 @@
+module Arara
+  class DialogComponent < ActionView::Component::Base
+    validates :content, presence: true
+
+    include Arara::BaseComponent
+    
+    attr_reader :role, :labelledby, :describedby
+
+    def initialize(role: "alertdialog", labelledby:, describedby:, **kw)
+      super(tag: "div", role: role, **kw)
+
+      @role = role
+      @labelledby = labelledby
+      @describedby = describedby
+    end
+
+
+    def default_html_class
+      "mdc-dialog"
+    end
+
+    def surface_options
+      opts = {
+        class: "mdc-dialog__surface",
+        role: role,
+        aria: {
+          modal: "true",
+          labelledby: labelledby,
+          describedby: describedby
+        }
+      }
+    end
+  end
+end

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

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

data/app/components/arara/dialog_content_component.rb

@@ -0,0 +1,15 @@
+module Arara
+  class DialogContentComponent < ActionView::Component::Base
+    validates :content, presence: true
+
+    include Arara::BaseComponent
+    
+    def initialize(id:, **kw)
+      super(tag: "div", id: id, **kw)
+    end
+
+    def default_html_class
+      "mdc-dialog__content"
+    end
+  end
+end

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

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

data/app/components/arara/dialog_footer_component.rb

@@ -0,0 +1,15 @@
+module Arara
+  class DialogFooterComponent < ActionView::Component::Base
+    validates :content, presence: true
+
+    include Arara::BaseComponent
+    
+    def initialize(**kw)
+      super(tag: "footer", id: id, **kw)
+    end
+
+    def default_html_class
+      "mdc-dialog__actions"
+    end
+  end
+end

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

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

data/app/components/arara/dialog_title_component.rb

@@ -0,0 +1,16 @@
+module Arara
+  class DialogTitleComponent < ActionView::Component::Base
+    validates :content, presence: true
+
+    include Arara::BaseComponent
+    
+    def initialize(id:, **kw)
+      super(tag: "h2", id: id, **kw)
+    end
+
+
+    def default_html_class
+      "mdc-dialog__title"
+    end
+  end
+end

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

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

data/app/components/arara/elevation_component.rb

@@ -0,0 +1,19 @@
+module Arara
+  class ElevationComponent < ActionView::Component::Base
+    validates :content, presence: true
+
+    include Arara::BaseComponent
+    
+    attr_reader :depth
+
+    def initialize(depth:, **kw)
+      super(tag: "div", depth: depth, **kw)
+
+      @depth = depth
+    end
+
+    def default_html_class
+      "mdc-elevation--z#{depth}"
+    end
+  end
+end

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

@@ -0,0 +1,13 @@
+<%= content_tag(html_tag, html_options) do %>
+  <div class="mdc-fab__ripple"></div>
+  <% if user_variant == "extended" && label_before %>
+  <span class="mdc-fab__label"><%= extended_label %></span>
+  <% end %>
+  <%= content %>
+  <% if user_variant == "extended" && !label_before %>
+  <span class="mdc-fab__label"><%= extended_label %></span>
+  <% end %>
+  <% if user_variant == "extended_no_icon" %>
+  <span class="mdc-fab__label"><%= extended_label %></span>
+  <% end %>
+<% end %>

data/app/components/arara/fab_component.rb

@@ -0,0 +1,42 @@
+module Arara
+  class FabComponent < ActionView::Component::Base
+    class InvalidVariant < StandardError; end
+
+    include Arara::BaseComponent
+    VALID_VARIANTS = %w(default mini extended extended_no_icon)
+
+    attr_reader :label, :extended_label, :label_before
+    with_options if: -> { user_variant == "extended" } do |extended|
+      extended.validates :content, presence: true
+      extended.validates :extended_label, presence: true
+    end
+
+    def initialize(variant: "default", label:, extended_label: nil, label_before: false, **kw)
+      raise InvalidVariant.new("`#{variant}' is not a valid variant") unless VALID_VARIANTS.include?(variant.to_s)
+      super(tag: "button", variant: variant, **kw)
+
+      @variant = variant
+      @label = label
+      @extended_label = extended_label
+      @label_before = label_before
+    end
+
+    def default_html_class
+      return "mdc-fab mdc-fab--mini" if user_variant == "mini"
+      return "mdc-fab mdc-fab--extended" if user_variant == "extended"
+      return "mdc-fab mdc-fab--extended" if user_variant == "extended_no_icon"
+      "mdc-fab"
+    end
+
+    def html_options
+      opts = super
+      opts[:aria] = {} unless opts.has_key?(:aria)
+      opts[:aria][:label] = label
+      opts
+    end
+
+    def default_data_controller
+      "mdc-ripple"
+    end
+  end
+end