element_component 0.5.0 → 0.7.0

data/lib/element_component/components/nav/link.rb

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+module ElementComponent
+  module Components
+    class NavLink < Element
+      def initialize(href: "#", active: false, disabled: false, **attributes, &block)
+        super("a", &block)
+
+        add_attribute(class: "nav-link")
+        add_attribute(class: "active") if active
+        add_attribute(class: "disabled") if disabled
+        add_attribute(href: href)
+        add_attribute("aria-current": "page") if active
+        add_attribute(attributes) unless attributes.empty?
+      end
+    end
+  end
+end

data/lib/element_component/components/nav.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+require_relative "nav/item"
+require_relative "nav/link"
+
+module ElementComponent
+  module Components
+    class Nav < Element
+      VALID_TYPES = %i[tabs pills underline].freeze
+
+      def initialize(type: nil, fill: false, justified: false, vertical: false, **attributes, &block)
+        super("ul", &block)
+
+        add_attribute(class: "nav")
+        add_attribute(class: "nav-#{type}") if type
+        add_attribute(class: "nav-fill") if fill
+        add_attribute(class: "nav-justified") if justified
+        add_attribute(class: "flex-column") if vertical
+        add_attribute(attributes) unless attributes.empty?
+      end
+    end
+  end
+end

data/lib/element_component/components/navbar/brand.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module ElementComponent
+  module Components
+    class NavbarBrand < Element
+      def initialize(href: "#", **attributes, &block)
+        super("a", &block)
+
+        add_attribute(class: "navbar-brand")
+        add_attribute(href: href)
+        add_attribute(attributes) unless attributes.empty?
+      end
+    end
+  end
+end

data/lib/element_component/components/navbar/collapse.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module ElementComponent
+  module Components
+    class NavbarCollapse < Element
+      def initialize(id: nil, **attributes, &block)
+        super("div", &block)
+
+        add_attribute(class: "collapse")
+        add_attribute(class: "navbar-collapse")
+        add_attribute(id: id) if id
+        add_attribute(attributes) unless attributes.empty?
+      end
+    end
+  end
+end

data/lib/element_component/components/navbar/nav.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+module ElementComponent
+  module Components
+    class NavbarNav < Element
+      def initialize(**attributes, &)
+        super("ul", &)
+
+        add_attribute(class: "navbar-nav")
+        add_attribute(attributes) unless attributes.empty?
+      end
+    end
+  end
+end

data/lib/element_component/components/navbar/toggler.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module ElementComponent
+  module Components
+    class NavbarToggler < Element
+      def initialize(target: nil, **attributes)
+        super("button", closing_tag: false)
+
+        add_attribute(class: "navbar-toggler")
+        add_attribute(type: "button")
+        add_attribute("data-bs-toggle": "collapse")
+        add_attribute("data-bs-target": "##{target}") if target
+        add_attribute("aria-controls": target) if target
+        add_attribute("aria-expanded": "false")
+        add_attribute("aria-label": "Toggle navigation")
+        add_attribute(attributes) unless attributes.empty?
+
+        add_content(Element.new("span", class: "navbar-toggler-icon"))
+      end
+    end
+  end
+end

data/lib/element_component/components/navbar.rb

@@ -0,0 +1,51 @@
+# frozen_string_literal: true
+
+require_relative "navbar/brand"
+require_relative "navbar/toggler"
+require_relative "navbar/collapse"
+require_relative "navbar/nav"
+
+module ElementComponent
+  module Components
+    class Navbar < Element
+      VALID_EXPAND = %i[sm md lg xl xxl].freeze
+      VALID_THEMES = %i[light dark].freeze
+      VALID_FIXED = %i[top bottom].freeze
+      VALID_STICKY = %i[top bottom].freeze
+
+      def initialize(expand: :lg, theme: :light, background: nil, fixed: nil, sticky: nil, container: true, **attributes,
+                     &block)
+        super("nav", &block)
+
+        add_attribute(class: "navbar")
+        add_attribute(class: "navbar-expand-#{expand}")
+        add_attribute(class: "navbar-#{theme}")
+        add_attribute(class: "bg-#{background}") if background
+        add_attribute(class: "fixed-#{fixed}") if fixed
+        add_attribute(class: "sticky-#{sticky}") if sticky
+        add_attribute(attributes) unless attributes.empty?
+
+        @use_container = container
+      end
+
+      private
+
+      def build
+        @html << "<#{@element}"
+        @html << (mount_attributes.empty? ? ">" : " #{mount_attributes}>")
+
+        if @use_container
+          container_class = @use_container == true ? "container-fluid" : "container"
+          @html << "<div class=\"#{container_class}\">"
+        end
+
+        @html << mount_content
+
+        @html << "</div>" if @use_container
+
+        @html << "</#{@element}>" if @closing_tag
+        @html
+      end
+    end
+  end
+end

data/lib/element_component/components/pagination/item.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+module ElementComponent
+  module Components
+    class PageItem < Element
+      def initialize(active: false, disabled: false, href: "#", **attributes, &block)
+        super("li", &block)
+
+        add_attribute(class: "page-item")
+        add_attribute(class: "active") if active
+        add_attribute(class: "disabled") if disabled
+        add_attribute("aria-current": "page") if active
+        add_attribute(attributes) unless attributes.empty?
+
+        @page_href = href
+        @page_disabled = disabled
+      end
+
+      private
+
+      def mount_content
+        inner = super
+        "<a class=\"page-link\" href=\"#{@page_href}\"#{' tabindex="-1"' if @page_disabled}>#{inner}</a>"
+      end
+    end
+  end
+end

data/lib/element_component/components/pagination.rb

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+
+require_relative "pagination/item"
+
+module ElementComponent
+  module Components
+    class Pagination < Element
+      VALID_SIZES = %i[sm lg].freeze
+
+      def initialize(size: nil, **attributes, &block)
+        @pagination_size = size
+        super("nav", &block)
+
+        add_attribute("aria-label": "Pagination")
+        add_attribute(attributes) unless attributes.empty?
+      end
+
+      private
+
+      def build
+        @html << "<#{@element}"
+        @html << (mount_attributes.empty? ? ">" : " #{mount_attributes}>")
+        @html << "<ul class=\"pagination"
+        @html << " pagination-#{@pagination_size}" if @pagination_size
+        @html << "\">"
+        @html << mount_content
+        @html << "</ul>"
+        @html << "</#{@element}>" if @closing_tag
+        @html
+      end
+    end
+  end
+end

data/lib/element_component/components/progress/bar.rb

@@ -0,0 +1,24 @@
+# frozen_string_literal: true
+
+module ElementComponent
+  module Components
+    class ProgressBar < Element
+      VALID_VARIANTS = %i[primary secondary success danger warning info light dark].freeze
+
+      def initialize(value: 0, variant: nil, striped: false, animated: false, **attributes, &block)
+        super("div", &block)
+
+        add_attribute(class: "progress-bar")
+        add_attribute(class: "bg-#{variant}") if variant
+        add_attribute(class: "progress-bar-striped") if striped
+        add_attribute(class: "progress-bar-animated") if animated
+        add_attribute(role: "progressbar")
+        add_attribute("aria-valuenow": value.to_s)
+        add_attribute("aria-valuemin": "0")
+        add_attribute("aria-valuemax": "100")
+        add_attribute(style: "width: #{value}%")
+        add_attribute(attributes) unless attributes.empty?
+      end
+    end
+  end
+end

data/lib/element_component/components/progress.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+require_relative "progress/bar"
+
+module ElementComponent
+  module Components
+    class Progress < Element
+      def initialize(**attributes, &)
+        super("div", &)
+
+        add_attribute(class: "progress")
+        add_attribute(role: "progressbar")
+        add_attribute(attributes) unless attributes.empty?
+      end
+    end
+  end
+end

data/lib/element_component/components/spinner.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module ElementComponent
+  module Components
+    class Spinner < Element
+      VALID_VARIANTS = %i[primary secondary success danger warning info light dark].freeze
+      VALID_TYPES = %i[border grow].freeze
+
+      def initialize(type: :border, variant: nil, **attributes, &block)
+        super("div", &block)
+
+        add_attribute(class: "spinner-#{type}")
+        add_attribute(class: "text-#{variant}") if variant
+        add_attribute(role: "status")
+        add_attribute(attributes) unless attributes.empty?
+      end
+    end
+  end
+end

data/lib/element_component/components/table.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module ElementComponent
+  module Components
+    class Table < Element
+      VALID_VARIANTS = %i[primary secondary success danger warning info light dark].freeze
+
+      def initialize(striped: false, bordered: false, hover: false, small: false, variant: nil, **attributes, &block)
+        super("table", &block)
+
+        add_attribute(class: "table")
+        add_attribute(class: "table-striped") if striped
+        add_attribute(class: "table-bordered") if bordered
+        add_attribute(class: "table-hover") if hover
+        add_attribute(class: "table-sm") if small
+        add_attribute(class: "table-#{variant}") if variant
+        add_attribute(attributes) unless attributes.empty?
+      end
+    end
+  end
+end

data/lib/element_component/components.rb

@@ -0,0 +1,24 @@
+# frozen_string_literal: true
+
+require_relative "components/alert"
+require_relative "components/badge"
+require_relative "components/breadcrumb"
+require_relative "components/button"
+require_relative "components/button_group"
+require_relative "components/card"
+require_relative "components/carousel"
+require_relative "components/close_button"
+require_relative "components/dropdown"
+require_relative "components/list_group"
+require_relative "components/modal"
+require_relative "components/nav"
+require_relative "components/navbar"
+require_relative "components/pagination"
+require_relative "components/progress"
+require_relative "components/spinner"
+require_relative "components/table"
+
+module ElementComponent
+  module Components
+  end
+end

data/lib/element_component/element.rb

@@ -1,14 +1,17 @@
+# frozen_string_literal: true
+
 module ElementComponent
   class Element
     attr_reader :element, :attributes, :contents, :html
 
-    def initialize(element, closing_tag: true, **attribute)
+    def initialize(element, closing_tag: true, **attribute, &block)
       @element = element
       @closing_tag = closing_tag
-      @html = ""
+      @html = String.new
 
       add_attribute!(attribute)
       reset_contents!
+      instance_eval(&block) if block
     end
 
     def add_content!(content)
@@ -64,18 +67,20 @@ module ElementComponent
       @attributes = {}
     end
 
-    def new_element(*args, **kargs) = Element.new(*args, **kargs)
+    def new_element(...) = Element.new(...)
 
     def render
-      before_render if respond_to? 'before_render'
+      @html = String.new
+
+      before_render if respond_to? "before_render"
 
-      if respond_to? 'around_render'
+      if respond_to? "around_render"
         around_render { build }
       else
         build
       end
 
-      after_render(@html) if respond_to? 'after_render'
+      after_render(@html) if respond_to? "after_render"
 
       @html
     end
@@ -95,10 +100,19 @@ module ElementComponent
     end
 
     def mount_content
-      @contents.map do |content|
+      @contents.dup.map do |content|
         case content
         in Element
           content.render
+        in Proc
+          result = instance_eval(&content)
+          if result.equal?(self)
+            ""
+          elsif result.respond_to?(:render)
+            result.render
+          else
+            result.to_s
+          end
         else
           content.to_s
         end

data/lib/element_component/version.rb

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 module ElementComponent
-  VERSION = "0.5.0"
+  VERSION = "0.7.0"
 end

data/lib/element_component.rb

@@ -1,7 +1,9 @@
+# frozen_string_literal: true
+
 require_relative "element_component/version"
 require_relative "element_component/element"
+require_relative "element_component/components"
 
 module ElementComponent
   class Error < StandardError; end
-  # Your code goes here...
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: element_component
 version: !ruby/object:Gem::Version
-  version: 0.5.0
+  version: 0.7.0
 platform: ruby
 authors:
 - João Paulo Correia
@@ -18,10 +18,77 @@ extra_rdoc_files: []
 files:
 - ".rspec"
 - ".rubocop.yml"
+- AGENTS.md
 - LICENSE.txt
 - README.md
 - Rakefile
+- examples/alert_example.rb
+- examples/badge_example.rb
+- examples/breadcrumb_example.rb
+- examples/button_example.rb
+- examples/button_group_example.rb
+- examples/card_example.rb
+- examples/carousel_example.rb
+- examples/close_button_example.rb
+- examples/dropdown_example.rb
+- examples/list_group_example.rb
+- examples/modal_example.rb
+- examples/nav_example.rb
+- examples/navbar_example.rb
+- examples/pagination_example.rb
+- examples/progress_example.rb
+- examples/spinner_example.rb
+- examples/table_example.rb
 - lib/element_component.rb
+- lib/element_component/components.rb
+- lib/element_component/components/alert.rb
+- lib/element_component/components/alert/close_button.rb
+- lib/element_component/components/alert/heading.rb
+- lib/element_component/components/alert/link.rb
+- lib/element_component/components/badge.rb
+- lib/element_component/components/breadcrumb.rb
+- lib/element_component/components/breadcrumb/item.rb
+- lib/element_component/components/button.rb
+- lib/element_component/components/button_group.rb
+- lib/element_component/components/card.rb
+- lib/element_component/components/card/body.rb
+- lib/element_component/components/card/footer.rb
+- lib/element_component/components/card/header.rb
+- lib/element_component/components/card/image.rb
+- lib/element_component/components/card/text.rb
+- lib/element_component/components/card/title.rb
+- lib/element_component/components/carousel.rb
+- lib/element_component/components/carousel/caption.rb
+- lib/element_component/components/carousel/item.rb
+- lib/element_component/components/close_button.rb
+- lib/element_component/components/dropdown.rb
+- lib/element_component/components/dropdown/divider.rb
+- lib/element_component/components/dropdown/header.rb
+- lib/element_component/components/dropdown/item.rb
+- lib/element_component/components/dropdown/menu.rb
+- lib/element_component/components/list_group.rb
+- lib/element_component/components/list_group/item.rb
+- lib/element_component/components/modal.rb
+- lib/element_component/components/modal/body.rb
+- lib/element_component/components/modal/content.rb
+- lib/element_component/components/modal/dialog.rb
+- lib/element_component/components/modal/footer.rb
+- lib/element_component/components/modal/header.rb
+- lib/element_component/components/modal/title.rb
+- lib/element_component/components/nav.rb
+- lib/element_component/components/nav/item.rb
+- lib/element_component/components/nav/link.rb
+- lib/element_component/components/navbar.rb
+- lib/element_component/components/navbar/brand.rb
+- lib/element_component/components/navbar/collapse.rb
+- lib/element_component/components/navbar/nav.rb
+- lib/element_component/components/navbar/toggler.rb
+- lib/element_component/components/pagination.rb
+- lib/element_component/components/pagination/item.rb
+- lib/element_component/components/progress.rb
+- lib/element_component/components/progress/bar.rb
+- lib/element_component/components/spinner.rb
+- lib/element_component/components/table.rb
 - lib/element_component/element.rb
 - lib/element_component/version.rb
 homepage: https://github.com/joaopaulocorreia/element_component