element_component 0.6.0 → 0.8.0

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

@@ -1,6 +1,22 @@
 # 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

data/lib/element_component/element.rb

@@ -11,7 +11,7 @@ module ElementComponent
 
       add_attribute!(attribute)
       reset_contents!
-      instance_eval(&block) if block
+      block&.call(self)
     end
 
     def add_content!(content)
@@ -82,9 +82,11 @@ module ElementComponent
 
       after_render(@html) if respond_to? "after_render"
 
-      @html
+      defined?(ActiveSupport::SafeBuffer) ? @html.html_safe : @html
     end
 
+    def render_in(view_context, &block) = render
+
     private
 
     def build
@@ -105,7 +107,7 @@ module ElementComponent
         in Element
           content.render
         in Proc
-          result = instance_eval(&content)
+          result = content.call(self)
           if result.equal?(self)
             ""
           elsif result.respond_to?(:render)

data/lib/element_component/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module ElementComponent
-  VERSION = "0.6.0"
+  VERSION = "0.8.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: element_component
 version: !ruby/object:Gem::Version
-  version: 0.6.0
+  version: 0.8.0
 platform: ruby
 authors:
 - João Paulo Correia
@@ -23,12 +23,72 @@ files:
 - 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