railsboot 0.1.0

data/app/components/railsboot/dropdown/header_component.html.erb

@@ -0,0 +1,3 @@
+<%= content_tag :li, **@html_attributes do %>
+  <h6><%= @text %></h6>
+<% end %>

data/app/components/railsboot/dropdown/header_component.rb

@@ -0,0 +1,11 @@
+class Railsboot::Dropdown::HeaderComponent < Railsboot::Component
+  def initialize(text: "", **html_attributes)
+    @text = text
+    @html_attributes = html_attributes
+
+    @html_attributes[:class] = class_names(
+      "dropdown-header",
+      html_attributes.delete(:class)
+    )
+  end
+end

data/app/components/railsboot/dropdown/link_component.html.erb

@@ -0,0 +1,3 @@
+<%= content_tag :li do %>
+  <%= link_to @text, @href, **@html_attributes %>
+<% end %>

data/app/components/railsboot/dropdown/link_component.rb

@@ -0,0 +1,23 @@
+class Railsboot::Dropdown::LinkComponent < Railsboot::Component
+  def initialize(text: "", href: "", active: false, disabled: false, **html_attributes)
+    @text = text
+    @href = href
+    @active = active
+    @disabled = disabled
+    @html_attributes = html_attributes
+
+    @html_attributes[:class] = class_names(
+      "dropdown-item",
+      {"active" => @active},
+      {"disabled" => @disabled},
+      html_attributes.delete(:class)
+    )
+  end
+
+  private
+
+  def before_render
+    @html_attributes["aria-current"] = "true" if @active
+    @html_attributes["aria-disabled"] = "true" if @disabled
+  end
+end

data/app/components/railsboot/dropdown_component.html.erb

@@ -0,0 +1,9 @@
+<%= content_tag :div, **@html_attributes do %>
+  <%= action %>
+
+  <ul class="dropdown-menu">
+    <% items.each do |item| %>
+      <%= item %>
+    <% end %>
+  </ul>
+<% end %>

data/app/components/railsboot/dropdown_component.rb

@@ -0,0 +1,18 @@
+class Railsboot::DropdownComponent < Railsboot::Component
+  renders_one :action, Railsboot::Dropdown::ActionComponent
+
+  renders_many :items, types: {
+    link: {renders: Railsboot::Dropdown::LinkComponent, as: :link},
+    divider: {renders: Railsboot::Dropdown::DividerComponent, as: :divider},
+    header: {renders: Railsboot::Dropdown::HeaderComponent, as: :header}
+  }
+
+  def initialize(**html_attributes)
+    @html_attributes = html_attributes
+
+    @html_attributes[:class] = class_names(
+      "dropdown",
+      html_attributes.delete(:class)
+    )
+  end
+end

data/app/components/railsboot/heading_component.html.erb

@@ -0,0 +1,3 @@
+<%= render Railsboot::BaseComponent.new(**@html_attributes) do %>
+  <%= content %>
+<% end %>

data/app/components/railsboot/heading_component.rb

@@ -0,0 +1,21 @@
+class Railsboot::HeadingComponent < Railsboot::Component
+  TAGS = ["h1", "h2", "h3", "h4", "h5", "h6", "div", "span"].freeze
+  DEFAULT_TAG = "h1".freeze
+
+  SIZES = ["h1", "h2", "h3", "h4", "h5", "h6"].freeze
+  DISPLAYS = ["1", "2", "3", "4", "5", "6"].freeze
+
+  def initialize(tag: DEFAULT_TAG, size: nil, display: nil, **html_attributes)
+    @tag = fetch_or_raise(tag, TAGS)
+    @size = size.to_s if size.present? && SIZES.include?(size.to_s)
+    @display = display.to_s if display.present? && DISPLAYS.include?(display.to_s)
+    @html_attributes = html_attributes
+
+    @html_attributes[:tag] = @tag
+    @html_attributes[:class] = class_names(
+      {@size => @size.present?},
+      {"display-#{@display}" => @display.present?},
+      html_attributes.delete(:class)
+    ).presence
+  end
+end

data/app/components/railsboot/list_group/item_component.rb

@@ -0,0 +1,28 @@
+class Railsboot::ListGroup::ItemComponent < Railsboot::Component
+  def initialize(tag: "li", active: false, disabled: false, color: nil, **html_attributes)
+    @tag = tag
+    @active = active
+    @disabled = disabled
+    @color = fetch_or_fallback(color, COLORS, "")
+    @html_attributes = html_attributes
+
+    @html_attributes[:tag] = @tag
+    @html_attributes[:class] = class_names(
+      "list-group-item",
+      {"list-group-item-#{color}" => @color.present?},
+      {"active" => @active},
+      {"disabled" => @disabled},
+      html_attributes.delete(:class)
+    )
+  end
+
+  def call
+    render(Railsboot::BaseComponent.new(tag: "li", **@html_attributes)) { content }
+  end
+
+  private
+
+  def before_render
+    @html_attributes["aria-current"] = "true" if @active
+  end
+end

data/app/components/railsboot/list_group_component.html.erb

@@ -0,0 +1,5 @@
+<%= content_tag :ul, **@html_attributes do %>
+  <% items.each do |item| %>
+    <%= item %>
+  <% end %>
+<% end %>

data/app/components/railsboot/list_group_component.rb

@@ -0,0 +1,14 @@
+class Railsboot::ListGroupComponent < Railsboot::Component
+  renders_many :items, Railsboot::ListGroup::ItemComponent
+
+  def initialize(flush: false, **html_attributes)
+    @flush = flush
+    @html_attributes = html_attributes
+
+    @html_attributes[:class] = class_names(
+      "list-group",
+      {"list-group-flush" => @flush},
+      html_attributes.delete(:class)
+    )
+  end
+end

data/app/components/railsboot/modal/body_component.rb

@@ -0,0 +1,14 @@
+class Railsboot::Modal::BodyComponent < Railsboot::Component
+  def initialize(**html_attributes)
+    @html_attributes = html_attributes
+
+    @html_attributes[:class] = class_names(
+      "modal-body",
+      html_attributes.delete(:class)
+    )
+  end
+
+  def call
+    render(Railsboot::BaseComponent.new(tag: "div", **@html_attributes)) { content }
+  end
+end

data/app/components/railsboot/modal/footer_component.rb

@@ -0,0 +1,14 @@
+class Railsboot::Modal::FooterComponent < Railsboot::Component
+  def initialize(**html_attributes)
+    @html_attributes = html_attributes
+
+    @html_attributes[:class] = class_names(
+      "modal-footer",
+      html_attributes.delete(:class)
+    )
+  end
+
+  def call
+    render(Railsboot::BaseComponent.new(tag: "div", **@html_attributes)) { content }
+  end
+end

data/app/components/railsboot/modal/header_component.html.erb

@@ -0,0 +1,4 @@
+<%= content_tag :div, **@html_attributes do %>
+  <%= content %>
+  <%= render Railsboot::CloseButtonComponent.new(data: {bs_dismiss: "modal"}) %>
+<% end %>

data/app/components/railsboot/modal/header_component.rb

@@ -0,0 +1,10 @@
+class Railsboot::Modal::HeaderComponent < Railsboot::Component
+  def initialize(**html_attributes)
+    @html_attributes = html_attributes
+
+    @html_attributes[:class] = class_names(
+      "modal-header",
+      html_attributes.delete(:class)
+    )
+  end
+end

data/app/components/railsboot/modal_component.html.erb

@@ -0,0 +1,9 @@
+<%= content_tag :div, **@html_attributes do %>
+  <%= content_tag :div, class: class_names("modal-dialog", "modal-#{@size}" => @size.present?) do %>
+    <%= content_tag :div, class: "modal-content" do %>
+      <%= header if header? %>
+      <%= body if body? %>
+      <%= footer if footer? %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/components/railsboot/modal_component.rb

@@ -0,0 +1,27 @@
+class Railsboot::ModalComponent < Railsboot::Component
+  SIZES = ["", "xl", "lg", "sm"].freeze
+  DEFAULT_SIZE = "".freeze
+
+  renders_one :header, Railsboot::Modal::HeaderComponent
+  renders_one :body, Railsboot::Modal::BodyComponent
+  renders_one :footer, Railsboot::Modal::FooterComponent
+
+  def initialize(size: DEFAULT_SIZE, fade: true, **html_attributes)
+    @size = fetch_or_fallback(size, SIZES, DEFAULT_SIZE)
+    @fade = fade
+    @html_attributes = html_attributes
+
+    @html_attributes[:class] = class_names(
+      "modal",
+      {"fade" => @fade.present?},
+      html_attributes.delete(:class)
+    )
+  end
+
+  private
+
+  def before_render
+    @html_attributes["tabindex"] = "-1"
+    @html_attributes["aria-hidden"] = "true"
+  end
+end

data/app/components/railsboot/nav/item_component.html.erb

@@ -0,0 +1,19 @@
+<% if @wrapper_item %>
+
+  <%= content_tag @wrapper_tag, **adjusted_wrapper_html_attributes do %>
+    <% if content? %>
+      <%= content %>
+    <% else %>
+      <%= link_to @text, @href, **@html_attributes %>
+    <% end %>
+  <% end %>
+
+<% else %>
+
+  <% if content? %>
+    <%= content %>
+  <% else %>
+    <%= link_to @text, @href, **@html_attributes %>
+  <% end %>
+
+<% end %>

data/app/components/railsboot/nav/item_component.rb

@@ -0,0 +1,32 @@
+class Railsboot::Nav::ItemComponent < Railsboot::Component
+  def initialize(text: "", href: "", active: false, disabled: false, wrapper_item: false, wrapper_tag: "li", wrapper_html_attributes: {}, **html_attributes)
+    @text = text
+    @href = href
+    @active = active
+    @disabled = disabled
+    @html_attributes = html_attributes
+
+    @wrapper_item = wrapper_item
+    @wrapper_tag = wrapper_tag
+    @wrapper_html_attributes = wrapper_html_attributes
+
+    @html_attributes[:class] = class_names(
+      "nav-link",
+      {"active" => @active},
+      {"disabled" => @disabled},
+      html_attributes.delete(:class)
+    )
+  end
+
+  def adjusted_wrapper_html_attributes
+    @wrapper_html_attributes["class"] = ["nav-item", @wrapper_html_attributes.delete(:class)].compact_blank.uniq.join(" ")
+    @wrapper_html_attributes
+  end
+
+  private
+
+  def before_render
+    @html_attributes["aria-current"] = "page" if @active
+    @html_attributes["aria-disabled"] = "true" if @disabled
+  end
+end

data/app/components/railsboot/nav_component.html.erb

@@ -0,0 +1,5 @@
+<%= content_tag @tag, **@html_attributes do %>
+  <% items.each do |item| %>
+    <%= item %>
+  <% end %>
+<% end %>

data/app/components/railsboot/nav_component.rb

@@ -0,0 +1,23 @@
+class Railsboot::NavComponent < Railsboot::Component
+  STYLES = ["", "tabs", "pills", "underline"].freeze
+  DEFAULT_STYLE = "".freeze
+
+  WIDTHS = ["", "fill", "justified"].freeze
+  DEFAULT_WIDTH = "".freeze
+
+  renders_many :items, Railsboot::Nav::ItemComponent
+
+  def initialize(tag: "nav", style: DEFAULT_STYLE, width: DEFAULT_WIDTH, **html_attributes)
+    @tag = tag
+    @style = fetch_or_fallback(style, STYLES, DEFAULT_STYLE)
+    @width = fetch_or_fallback(width, WIDTHS, DEFAULT_WIDTH)
+    @html_attributes = html_attributes
+
+    @html_attributes[:class] = class_names(
+      "nav",
+      {"nav-#{@style}" => @style.present?},
+      {"nav-#{@width}" => @width.present?},
+      html_attributes.delete(:class)
+    )
+  end
+end

data/app/components/railsboot/navbar/brand_component.rb

@@ -0,0 +1,16 @@
+class Railsboot::Navbar::BrandComponent < Railsboot::Component
+  def initialize(tag: "a", **html_attributes)
+    @tag = tag
+    @html_attributes = html_attributes
+
+    @html_attributes[:tag] = @tag
+    @html_attributes[:class] = class_names(
+      "navbar-brand",
+      html_attributes.delete(:class)
+    )
+  end
+
+  def call
+    render(Railsboot::BaseComponent.new(**@html_attributes)) { content }
+  end
+end

data/app/components/railsboot/navbar/nav_component.html.erb

@@ -0,0 +1,5 @@
+<%= render Railsboot::BaseComponent.new(**@html_attributes) do %>
+  <% items.each do |item| %>
+    <%= item %>
+  <% end %>
+<% end %>

data/app/components/railsboot/navbar/nav_component.rb

@@ -0,0 +1,14 @@
+class Railsboot::Navbar::NavComponent < Railsboot::Component
+  renders_many :items, Railsboot::Nav::ItemComponent
+
+  def initialize(tag: "nav", **html_attributes)
+    @tag = tag
+    @html_attributes = html_attributes
+
+    @html_attributes[:tag] = @tag
+    @html_attributes[:class] = class_names(
+      "navbar-nav",
+      html_attributes.delete(:class)
+    )
+  end
+end

data/app/components/railsboot/navbar/toggler_component.html.erb

@@ -0,0 +1,3 @@
+<%= content_tag :button, **@html_attributes do %>
+  <span class="navbar-toggler-icon"></span>
+<% end %>

data/app/components/railsboot/navbar/toggler_component.rb

@@ -0,0 +1,22 @@
+class Railsboot::Navbar::TogglerComponent < Railsboot::Component
+  def initialize(id:, **html_attributes)
+    @id = id
+    @html_attributes = html_attributes
+
+    @html_attributes[:class] = class_names(
+      "navbar-toggler",
+      html_attributes.delete(:class)
+    )
+  end
+
+  private
+
+  def before_render
+    @html_attributes["type"] = "button"
+    @html_attributes["data-bs-toggle"] = "collapse"
+    @html_attributes["data-bs-target"] = "##{@id}"
+    @html_attributes["aria-controls"] = @id.to_s
+    @html_attributes["aria-expanded"] = "false"
+    @html_attributes["aria-label"] = "Toggle navigation"
+  end
+end

data/app/components/railsboot/navbar_component.html.erb

@@ -0,0 +1,3 @@
+<%= content_tag :nav, **@html_attributes do %>
+  <% content %>
+<% end %>

data/app/components/railsboot/navbar_component.rb

@@ -0,0 +1,15 @@
+class Railsboot::NavbarComponent < Railsboot::Component
+  EXPANDS = ["sm", "md", "lg", "xl", "xxl"].freeze
+  DEFAULT_EXPAND = "".freeze
+
+  def initialize(expand: DEFAULT_EXPAND, **html_attributes)
+    @expand = fetch_or_fallback(expand, EXPANDS, DEFAULT_EXPAND)
+    @html_attributes = html_attributes
+
+    @html_attributes[:class] = class_names(
+      "navbar",
+      {"navbar-expand-#{@expand}" => @expand.present?},
+      html_attributes.delete(:class)
+    )
+  end
+end

data/app/components/railsboot/offcanvas/body_component.rb

@@ -0,0 +1,15 @@
+class Railsboot::Offcanvas::BodyComponent < Railsboot::Component
+  def initialize(**html_attributes)
+    @html_attributes = html_attributes
+
+    @html_attributes[:tag] = "div"
+    @html_attributes[:class] = class_names(
+      "offcanvas-body",
+      html_attributes.delete(:class)
+    )
+  end
+
+  def call
+    render(Railsboot::BaseComponent.new(**@html_attributes)) { content }
+  end
+end

data/app/components/railsboot/offcanvas/header_component.html.erb

@@ -0,0 +1,5 @@
+<%= content_tag :div, **@html_attributes do %>
+  <%= content_tag :h5, @text, class: "offcanvas-title" if @text.present? %>
+  <%= content %>
+  <%= render Railsboot::CloseButtonComponent.new(data: {bs_dismiss: "offcanvas"}) %>
+<% end %>

data/app/components/railsboot/offcanvas/header_component.rb

@@ -0,0 +1,11 @@
+class Railsboot::Offcanvas::HeaderComponent < Railsboot::Component
+  def initialize(text: "", **html_attributes)
+    @text = text
+    @html_attributes = html_attributes
+
+    @html_attributes[:class] = class_names(
+      "offcanvas-header",
+      html_attributes.delete(:class)
+    )
+  end
+end

data/app/components/railsboot/offcanvas_component.html.erb

@@ -0,0 +1,4 @@
+<%= render Railsboot::BaseComponent.new(**@html_attributes) do %>
+  <%= header if header? %>
+  <%= body if body? %>
+<% end %>

data/app/components/railsboot/offcanvas_component.rb

@@ -0,0 +1,25 @@
+class Railsboot::OffcanvasComponent < Railsboot::Component
+  PLACEMENTS = ["start", "end", "top", "bottom"].freeze
+  DEFAULT_PLACEMENT = "start".freeze
+
+  renders_one :header, Railsboot::Offcanvas::HeaderComponent
+  renders_one :body, Railsboot::Offcanvas::BodyComponent
+
+  def initialize(placement: DEFAULT_PLACEMENT, **html_attributes)
+    @placement = fetch_or_fallback(placement, PLACEMENTS, DEFAULT_PLACEMENT)
+    @html_attributes = html_attributes
+
+    @html_attributes[:tag] = "div"
+    @html_attributes[:class] = class_names(
+      "offcanvas",
+      "offcanvas-#{@placement}",
+      html_attributes.delete(:class)
+    )
+  end
+
+  private
+
+  def before_render
+    @html_attributes["tabindex"] = "-1"
+  end
+end

data/app/components/railsboot/pagination_component.html.erb

@@ -0,0 +1 @@
+<%== helpers.pagy_bootstrap_nav(@pagy) %>

data/app/components/railsboot/pagination_component.rb

@@ -0,0 +1,9 @@
+class Railsboot::PaginationComponent < Railsboot::Component
+  def initialize(pagy:)
+    @pagy = pagy
+  end
+
+  def render?
+    @pagy.present? && @pagy.pages.to_i > 1
+  end
+end

data/app/components/railsboot/progress_component.html.erb

@@ -0,0 +1,3 @@
+<%= render Railsboot::BaseComponent.new(**@html_attributes) do %>
+  <%= content_tag :div, @label, class: inner_classes, style: "width: #{@value}%" %>
+<% end %>

data/app/components/railsboot/progress_component.rb

@@ -0,0 +1,34 @@
+class Railsboot::ProgressComponent < Railsboot::Component
+  def initialize(value: 0, min: 0, max: 100, label: "", aria_label: nil, color: DEFAULT_COLOR, **html_attributes)
+    @value = value
+    @min = min
+    @max = max
+    @label = label
+    @aria_label = aria_label
+    @color = fetch_or_raise(color, COLORS)
+    @html_attributes = html_attributes
+
+    @html_attributes[:tag] = "div"
+    @html_attributes[:class] = class_names(
+      "progress",
+      html_attributes.delete(:class)
+    )
+  end
+
+  def inner_classes
+    class_names(
+      "progress-bar",
+      {"bg-#{@color}" => @color.present?}
+    )
+  end
+
+  protected
+
+  def before_render
+    @html_attributes["role"] = "progressbar"
+    @html_attributes["aria-valuenow"] = @value
+    @html_attributes["aria-valuemin"] = @min
+    @html_attributes["aria-valuemax"] = @max
+    @html_attributes["aria-label"] = @aria_label if @aria_label.present?
+  end
+end

data/app/components/railsboot/spinner_component.html.erb

@@ -0,0 +1,3 @@
+<%= render Railsboot::BaseComponent.new(**@html_attributes) do %>
+  <span class="visually-hidden">Loading...</span>
+<% end %>

data/app/components/railsboot/spinner_component.rb

@@ -0,0 +1,23 @@
+class Railsboot::SpinnerComponent < Railsboot::Component
+  STYLES = ["border", "grow"].freeze
+  DEFAULT_STYLE = "border".freeze
+
+  def initialize(style: DEFAULT_STYLE, color: DEFAULT_COLOR, **html_attributes)
+    @style = fetch_or_raise(style, STYLES)
+    @color = fetch_or_raise(color, COLORS)
+    @html_attributes = html_attributes
+
+    @html_attributes[:tag] = "div"
+    @html_attributes[:class] = class_names(
+      "spinner-#{@style}",
+      "text-#{@color}",
+      html_attributes.delete(:class)
+    )
+  end
+
+  private
+
+  def before_render
+    @html_attributes["role"] = "status"
+  end
+end

data/app/components/railsboot/table/body_component.html.erb

@@ -0,0 +1,9 @@
+<%= content_tag :tbody, **@html_attributes do %>
+  <% if rows? %>
+    <% rows.each do |row| %>
+      <%= row %>
+    <% end %>
+  <% else %>
+    <% content %>
+  <% end %>
+<% end %>

data/app/components/railsboot/table/body_component.rb

@@ -0,0 +1,7 @@
+class Railsboot::Table::BodyComponent < Railsboot::Component
+  renders_many :rows, Railsboot::Table::RowComponent
+
+  def initialize(**html_attributes)
+    @html_attributes = html_attributes
+  end
+end

data/app/components/railsboot/table/cell_component.rb

@@ -0,0 +1,13 @@
+class Railsboot::Table::CellComponent < Railsboot::Component
+  TAGS = ["th", "td"].freeze
+  DEFAULT_TAG = "td".freeze
+
+  def initialize(tag: DEFAULT_TAG, **html_attributes)
+    @tag = fetch_or_raise(tag, TAGS)
+    @html_attributes = html_attributes
+  end
+
+  def call
+    content_tag @tag, content, **@html_attributes
+  end
+end

data/app/components/railsboot/table/head_component.html.erb

@@ -0,0 +1,9 @@
+<%= content_tag :thead, **@html_attributes do %>
+  <% if rows? %>
+    <% rows.each do |row| %>
+      <%= row %>
+    <% end %>
+  <% else %>
+    <% content %>
+  <% end %>
+<% end %>

data/app/components/railsboot/table/head_component.rb

@@ -0,0 +1,7 @@
+class Railsboot::Table::HeadComponent < Railsboot::Component
+  renders_many :rows, Railsboot::Table::RowComponent
+
+  def initialize(**html_attributes)
+    @html_attributes = html_attributes
+  end
+end

data/app/components/railsboot/table/row_component.html.erb

@@ -0,0 +1,9 @@
+<%= content_tag :tr, **@html_attributes do %>
+  <% if cells? %>
+    <% cells.each do |cell| %>
+      <%= cell %>
+    <% end %>
+  <% else %>
+    <% content %>
+  <% end %>
+<% end %>

data/app/components/railsboot/table/row_component.rb

@@ -0,0 +1,7 @@
+class Railsboot::Table::RowComponent < Railsboot::Component
+  renders_many :cells, Railsboot::Table::CellComponent
+
+  def initialize(**html_attributes)
+    @html_attributes = html_attributes
+  end
+end

data/app/components/railsboot/table_component.html.erb

@@ -0,0 +1,9 @@
+<%= render Railsboot::BaseComponent.new(**@html_attributes) do %>
+  <%= head if head.present? %>
+  <%= body if body.present? %>
+
+  <%# Fallback if slots are not set %>
+  <% if head.blank? && body.blank? %>
+    <%= content %>
+  <% end %>
+<% end %>