bulmacomp 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: aba376c1b9ab6ef2532c7c313e28621f910c5959bf0285ce268e2936983ae0c1
-  data.tar.gz: 5462a699bc0b4fd5985674230ce986a3db9ed7cec16bcd2e098ab234e0793a72
+  metadata.gz: 7b5fe720844eeb9706a76791f3ded3fc1c010fa7442ea375ad69d071bf598bb6
+  data.tar.gz: 666b242522a9ee87094bf1b4f47e294e41403910b845b72d4594de7fe7bde296
 SHA512:
-  metadata.gz: 9b4c29854e9bbb3dd9283b698633578d5b8b1c9b0b4868fa919ff392aa1690faa1f59c7cb4e031212d93ddbbde8a3ed966d624b1511dc84d4b83843d82e9d13f
-  data.tar.gz: 62b1d229680c06b33f75ae136c60999f4942e9f768d01f5ca33d56b1c53c327b33d6f74a6633e58a3835516b5ec16e96854324c4912ba22877f8e51162ec8826
+  metadata.gz: 8892fb3dbcce0a46f8ad1238b927e96d6bb0830875ba686600ac557f3446da9cccc64d34c90430f81fc438f0263c8acd0d7c02102410f3081d43813010db7334
+  data.tar.gz: ec3f10a435462824fd2f67e743daf9a0f978595c1a47fe3004821032d7c13a6951a605127b9ec12ea468bf64467b0e69367b1a366f110bcc9cfd87c6dbf13007

data/app/components/bulmacomp/breadcrumb_component.rb

@@ -11,16 +11,9 @@ module Bulmacomp
   #     </ul>
   #   </nav>
   #
-  # @example Empty breadcrumb with option:
-  #   render Bulmacomp::BreadcrumbComponent.new(class: 'breadcrumb one', data: {entity: 'one'})
-  #
-  #   <nav class="breadcrumb one" aria-label="breadcrumbs" data-entity='one'>
-  #     <ul>
-  #     </ul>
-  #   </nav>
-  #
   # @example Breadcrumb with list element:
-  #   render Bulmacomp::BreadcrumbComponent.new(link_to('one','#'), link_to('two','#'))
+  #   entries = link_to('one','#'), link_to('two','#')
+  #   render Bulmacomp::BreadcrumbComponent.new(entries)
   #   <nav class="breadcrumb" aria-label="breadcrumbs">
   #     <ul>
   #       <li><a href="#">one</a></li>
@@ -46,7 +39,7 @@ module Bulmacomp
     # @option opts [String] :*
     #   each other key going as tag option, default is class: 'breadcrumb', aria_label: 'breadcrumbs'
     # @yield [optional] card content
-    def initialize(*list, **opts)
+    def initialize(list = [], **opts)
       super
       @list = list
       @opts = { class: 'breadcrumb', aria: { label: 'breadcrumbs' } }.merge(opts)

data/app/components/bulmacomp/menu_component.rb

@@ -11,7 +11,7 @@ module Bulmacomp
   # @example menu with title and entries
   #   title = 'Menu title'
   #   menu  = [link_to('first entry', '#'), link_to('second entry', '#')
-  #   render Bulmacomp::MenuComponent.new(title,menu)
+  #   render Bulmacomp::MenuComponent.new(menu, title: title)
   #
   #   <aside class='menu'>
   #     <p class='menu-label'>Menu title</p>
@@ -22,7 +22,8 @@ module Bulmacomp
   #   </aside>
   #
   # @example menu with title and annidate entries
-  #   = render Bulmacomp::MenuComponent.new('Uno',['Due',['Tre','Quattro']])
+  #   entries = ['Uno',['Due',['Tre','Quattro']]]
+  #   = render Bulmacomp::MenuComponent.new(entries)
   #
   #   <aside class='menu'>
   #     <p class='menu-label'>Uno</p>
@@ -46,7 +47,8 @@ module Bulmacomp
   #   </aside>
   #
   # @example with mixed conetent (arguments before)
-  #   = render Bulmacomp::MenuComponent.new('argument content',['argoument menu']) do
+  #   entries = ['argument content',['argoument menu']]
+  #   = render Bulmacomp::MenuComponent.new(entries) do
   #     %p yield content
   #
   #   <aside class='menu'>
@@ -64,7 +66,7 @@ module Bulmacomp
     #   options to generate content
     # @option opts [String] :*
     #   each key going as tag option, default is class: 'menu'
-    def initialize(*list, **opts)
+    def initialize(list = [], **opts)
       super
       @list = list
       @opts = { class: 'menu' }.merge(opts)

data/app/components/bulmacomp/message_component.rb

@@ -0,0 +1,63 @@
+# frozen_string_literal: true
+
+module Bulmacomp
+  # Make an html structure for a bulma message
+  #
+  # @example Empty message
+  #   render Bulmacomp::MessageComponent.new()
+  #
+  #   <article class="message"></article>
+  #
+  # @example Message with title
+  #   render Bulmacomp::MessageComponent.new(title: 'test')
+  #
+  #   <article class="message">
+  #     <div class="message-header"><p>test</p></div>
+  #   </article>
+  #
+  # @example Message with close button and option
+  #   render Bulmacomp::MessageComponent.new(close: true, close_option: {id: 'close'})
+  #
+  #   <article class="message">
+  #     <div class="message-header"><button id="close" class="delete" aria-label="delete"></button></div>
+  #   </article>
+  #
+  # @example Message with yield content
+  #
+  #   <article class="message">
+  #     <div class="message-body">test</div>
+  #   </article>
+  class MessageComponent < ViewComponent::Base
+    # @param [Hash] opts
+    #   options to generate content
+    # @option opts [String] title
+    #   Title test, is added in 'article .message-header p' tag if present
+    # @option opts [Boolean] close
+    #   if TRUE add close button in title
+    # @option opts [Hash] close_option
+    #   parameters to close button tag
+    # @option opts [String] :*
+    #   each key going as article tag option, default is class: 'message'
+    # @yield [optional] message content
+    def initialize(title: nil, close: false, close_option: {}, **opts)
+      super
+      @title = title
+      @close = close
+      @close_option = close_option
+      @opts = { class: 'message' }.merge opts
+    end
+
+    # return [String] generated bulma message
+    def call
+      tag.article safe_join([header, tag.div(content, class: 'message-body')]), **@opts
+    end
+
+    # return [String] div.message-header if @title or @close is present
+    def header
+      ret = []
+      ret << tag.p(@title) if @title.present?
+      ret << tag.button(**{ class: 'delete', aria: { label: 'delete' } }.merge(@close_option)) if @close
+      tag.div safe_join(ret), class: 'message-header' if ret.present?
+    end
+  end
+end

data/app/components/bulmacomp/pagination_component.rb

@@ -0,0 +1,107 @@
+# frozen_string_literal: true
+
+module Bulmacomp
+  # Make an HTML strucrure for a bulma pagination
+  #
+  # @example Empty pagination
+  #   render Bulmacomp::TabsComponent.new()
+  #
+  #  <nav class="pagination" role="navigation" aria-label="pagination"></nav>
+  #
+  # @example pagination with elements
+  #   elements = ['<a class="pagination-link" aria-label="Goto page 1">1</a>']
+  #   render Bulmacomp::TabsComponent.new(elements: elements)
+  #
+  #   <nav class="pagination" role="navigation" aria-label="pagination">
+  #     <ul class='pagination-list'>
+  #       <li><a class="pagination-link" aria-label="Goto page 1">1</a></li>
+  #     </ul>
+  #   </nav>
+  #
+  # @example with elements and pre
+  #   pre = [
+  #     link_to('Previus', '#', class: 'pagination-previous'),
+  #     link_to('Next', '#', class: 'pagination-next')
+  #     ]
+  #   elements = ['<a class="pagination-link" aria-label="Goto page 1">1</a>']
+  #   render Bulmacomp::TabsComponent.new(elements: elements, pre: pre)
+  #
+  #   <nav class="pagination" role="navigation" aria-label="pagination">
+  #    <a href="#" class="pagination-previous">Previous</a>
+  #    <a href="#" class="pagination-next">Next</a>
+  #     <ul class='pagination-list'>
+  #       <li><a class="pagination-link" aria-label="Goto page 1">1</a></li>
+  #     </ul>
+  #   </nav>
+  #
+  # @example with yield
+  #   = render Bulmacomp::TabsComponent.new() do
+  #     %li= link_to 'test', '#'
+  #
+  #   <nav class="pagination" role="navigation" aria-label="pagination">
+  #      <ul class='pagination-list'>
+  #        <li><a href='#'>test</a></li>
+  #      </ul>
+  #   </nav>
+  #
+  # @example full pagination
+  #   pre = [
+  #     link_to('Previus', '#', class: 'pagination-previous'),
+  #     link_to('Next', '#', class: 'pagination-next')
+  #     ]
+  #   elements = ['<a class="pagination-link" aria-label="Goto page 1">1</a>']
+  #
+  #   = render Bulmacomp::TabsComponent.new(elements: elements, pre: pre, id: 'ok') do
+  #     %li= link_to 'test', '#'
+  #
+  #   <nav class="pagination" role="navigation" aria-label="pagination" id="ok">
+  #    <a href="#" class="pagination-previous">Previous</a>
+  #    <a href="#" class="pagination-next">Next</a>
+  #     <ul class='pagination-list'>
+  #       <li><a class="pagination-link" aria-label="Goto page 1">1</a></li>
+  #       <li><a href='#'>test</a></li>
+  #     </ul>
+  #   </nav>
+  class PaginationComponent < ViewComponent::Base
+    # @param [Hash] opts
+    #   options to generate content
+    # @option opts [Array<String>] elements
+    #   elements list for build tabs
+    # @option opts [Array<String>] pre
+    #   element not in pagination list
+    # @option opts [String] :*
+    #   each key going as tag option, default:
+    #   * class: "pagination"
+    #   * role: "navigation"
+    #   * aria_label: "pagination"
+    # @yield [optional] modal content
+    def initialize(elements: [], pre: [], **opts)
+      super
+      @elements = elements
+      @pre = pre
+      @opts = { class: 'pagination', role: 'navigation', aria_label: 'pagination' }.merge opts
+    end
+
+    # Generate safe string with bulma pagination
+    # @return [String] html_safe generated bulma pagination
+    def call
+      tag.nav safe_join([@pre, ulify]), **@opts
+    end
+
+    # generate a ul tag with map_elements and content
+    # @return [String]
+    def ulify
+      tag.ul safe_join([map_elements, content])
+    end
+
+    # Map elements in a li tag
+    # @return [String]
+    # @example
+    #   Bulmacomp::TabsComponent.new(elements: [1,2,3]).map_elements
+    #
+    #   <li>1</li><li>2</li><li>3</li>
+    def map_elements
+      safe_join(@elements.map { |e| tag.li e })
+    end
+  end
+end

data/app/components/bulmacomp/tabs_component.rb

@@ -0,0 +1,82 @@
+# frozen_string_literal: true
+
+module Bulmacomp
+  # Make an HTML strucrure for a bulma tabs
+  #
+  # @example Empty tabs
+  #   render Bulmacomp::TabsComponent.new()
+  #
+  #   <div class="tabs">
+  #     <ul></ul>
+  #   </div>
+  #
+  # @example Tabs with elements
+  #   entries = [link_to('one','#'), link_to('two','#')]
+  #   render Bulmacomp::TabsComponent.new(entries: entries)
+  #
+  #   <div class="tabs">
+  #     <ul>
+  #       <li><a href='#'>one</li>
+  #       <li><a href='#'>two</li>
+  #     </ul>
+  #   </div>
+  #
+  # @example yield
+  #   = render Bulmacomp::TabsComponent.new() do
+  #     <li class="active"><a href='#'>one</a></li>
+  #
+  #   <div class="tabs">
+  #     <ul>
+  #       <li class="active"><a href='#'>one</a></li>
+  #     </ul>
+  #   </div>
+  #
+  # @example Full tabs
+  #   entries = [link_to('one','#'), link_to('two','#')]
+  #   = render Bulmacomp::TabsComponent.new(entries: entries, id: 'ok') do
+  #     <li class="active"><a href='#'>three</a></li>
+  #
+  #   <div class="tabs" id="ok">
+  #     <ul>
+  #       <li><a href='#'>one</li>
+  #       <li><a href='#'>two</li>
+  #       <li class="active"><a href='#'>three</a></li>
+  #     </ul>
+  #   </div>
+  class TabsComponent < ViewComponent::Base
+    # @param [Hash] opts
+    #   options to generate content
+    # @option opts [Array<String>] element
+    #   elements list for build tabs
+    # @option opts [String] :*
+    #   each key going as tag option, default is class: 'tabs'
+    # @yield [optional] modal content
+    def initialize(elements: [], **opts)
+      super
+      @elements = elements
+      @opts = { class: 'tabs' }.merge opts
+    end
+
+    # Generate safe string with full bulma tabs
+    # @return [String] html_safe generated bulma tabs
+    def call
+      tag.div ulify, **@opts
+    end
+
+    # generate a ul tag with map_elements and content
+    # @return [String]
+    def ulify
+      tag.ul safe_join([map_elements, content])
+    end
+
+    # Map elements in a li tag
+    # @return [String]
+    # @example
+    #   Bulmacomp::TabsComponent.new(elements).map_elements
+    #
+    #   <li>1</li><li>2</li><li>3</li>
+    def map_elements
+      safe_join(@elements.map { |e| tag.li e })
+    end
+  end
+end

data/lib/bulmacomp/version.rb

@@ -1,5 +1,6 @@
 # frozen_string_literal: true
 
 module Bulmacomp
-  VERSION = '0.1.0'
+  # Costant of bulmacomp version
+  VERSION = '0.1.1'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bulmacomp
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
 platform: ruby
 authors:
 - MDreW
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-03-21 00:00:00.000000000 Z
+date: 2023-03-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -37,9 +37,12 @@ files:
 - app/components/bulmacomp/breadcrumb_component.rb
 - app/components/bulmacomp/card_component.rb
 - app/components/bulmacomp/menu_component.rb
+- app/components/bulmacomp/message_component.rb
 - app/components/bulmacomp/modal_component.rb
 - app/components/bulmacomp/navbar_component.rb
+- app/components/bulmacomp/pagination_component.rb
 - app/components/bulmacomp/panel_component.rb
+- app/components/bulmacomp/tabs_component.rb
 - lib/bulmacomp.rb
 - lib/bulmacomp/engine.rb
 - lib/bulmacomp/version.rb