bulma_view_components 0.3.0 → 0.4.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3bbddc960e1f3fc14edcdbc09e8c629b9813106f22a991390e469c4bf871a968
-  data.tar.gz: 807fb83d62262365a097671958a80bdd261f784292ce3203d78f85a3df100080
+  metadata.gz: 61373256bd5d7ed6e5deb4ae5787a97fe81a91819e300f8280b77765d1d5538c
+  data.tar.gz: f194eff7b8e88f91ff47ee9c6e64b96207d156f1f85d84b8aae6d791e1411ebe
 SHA512:
-  metadata.gz: 8fe8bc4a34e167a644cf69a12b10a036196a08c4fced5da3afbed30d9fdf498854905949df8c60ca11a64c75e279d44c88658918c37c6ba42628ea2afc1a4e17
-  data.tar.gz: 5c173d47d2054e162c17675fd5671ade3777bafc42a4fef1f54de988422b2f93b5ad850cac0209aa9f9e942783b29f7408632455db57bfdacfb05a96990bd5cb
+  metadata.gz: 1491ab3d340c1bbd835f578415266cbd50e4c0effe5bd52ba0525b75d4553e3e986044f5b4397671d526c728a8088c8d42bf58320b9a2104e6bf61b07eb650bc
+  data.tar.gz: 2ed8d0e1ba061b8a0b71979b0484e19805d6ea75be799d1974e7b2a629a10a7b48189d290a8bcc8edc3f65769268325472852b0babf11c338a89db3df7b960e1

data/README.md

@@ -12,6 +12,10 @@ If bundler is not being used to manage dependencies, install the gem by executin
 
     gem install bulma_view_components
 
+## Preview
+
+https://bulma-view-components.fly.dev/
+
 ## Dependencies
 
 TODO: Write dependencies list

data/app/components/bulma/button_component.html.erb

@@ -1,3 +1,3 @@
 <button type="<%= type %>" class="<%= classes %>">
-  <%= content %>
+  <%= value || content %>
 </button>

data/app/components/bulma/button_component.rb

@@ -2,9 +2,18 @@
 
 module Bulma
   class ButtonComponent < Component
-    attr_reader :type
+    attr_reader :type, :value
 
-    def initialize(type: "submit", size: nil, color: nil, light: false, fullwidth: false, loading: false)
+    def initialize(
+      value = nil,
+      type: "submit",
+      size: nil,
+      color: nil,
+      light: false,
+      fullwidth: false,
+      loading: false
+    )
+      @value = value
       @type = type
       @size = size
       @color = color

data/app/components/bulma/buttons_component.html.erb

@@ -0,0 +1,5 @@
+<div class="<%= classes %>">
+  <% buttons.each do |button| %>
+    <%= button %>
+  <% end %>
+</div>

data/app/components/bulma/buttons_component.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module Bulma
+  class ButtonsComponent < Component
+    renders_many :buttons, ButtonComponent
+
+    def initialize(attached: false, align: nil)
+      @attached = attached
+      @align = align
+    end
+
+    def classes
+      class_names("buttons", "has-addons" => @attached, "is-#{@align}" => @align.present?)
+    end
+  end
+end

data/app/components/bulma/content_component.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module Bulma
+  class ContentComponent < Component
+    def initialize(size: nil)
+      @size = size
+    end
+
+    def call
+      content_tag :div, content, class: class_names(
+        "content",
+        "is-#{@size}" => @size.present?
+      )
+    end
+  end
+end

data/app/components/bulma/delete_component.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module Bulma
+  class DeleteComponent < Component
+    def initialize(size: nil)
+      @size = size
+    end
+
+    def call
+      content_tag :button, nil, class: class_names(
+        "delete",
+        "is-#{@size}" => @size.present?
+      )
+    end
+  end
+end

data/app/components/bulma/icon_component.html.erb

@@ -0,0 +1,12 @@
+<% if text.present? %>
+  <span class="icon-text">
+<% end %>
+
+<span class="icon has-text-<%= @color %>">
+  <%= @icon.call %>
+</span>
+
+<% if text.present? %>
+  <%= tag.span text %>
+  </span>
+<% end %>

data/app/components/bulma/icon_component.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+module Bulma
+  class IoniconComponent < Component
+    def initialize(name)
+      @name = name
+    end
+
+    def call
+      content_tag 'ion-icon', nil, name: @name
+    end
+  end
+
+  class IconComponent < Component
+    attr_reader :text
+
+    def initialize(icon, text: nil, color: nil, size: nil)
+      @text = text
+      @color = color
+      @icon = IoniconComponent.new(icon)
+    end
+
+    def classes
+      class_names("icon", "has-text-#{@color}" => @color.present?)
+    end
+  end
+end

data/app/components/bulma/image_component.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+module Bulma
+  class ImageComponent < Component
+    def initialize(size: nil)
+      @size = size
+    end
+
+    def call
+      content_tag :figure, content, class: class_names("image", "is-#{@size}" => @size.present?)
+    end
+  end
+end

data/app/components/bulma/notification_component.html.erb

@@ -0,0 +1,4 @@
+<%= content_tag :div, class: classes do %>
+  <%= delete if delete? %>
+  <%= content %>
+<% end %>

data/app/components/bulma/notification_component.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+module Bulma
+  class NotificationComponent < Component
+    renders_one :delete, DeleteComponent
+
+    def initialize(color: nil, light: false)
+      @color = color
+      @light = light
+    end
+
+    def classes
+      class_names(
+        "notification",
+        "is-#{@color}" => @color.present?,
+        "is-light" => @light
+      )
+    end
+  end
+end

data/app/components/bulma/progress_bar_component.rb

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+module Bulma
+  class ProgressBarComponent < Component
+    def initialize(value = nil, max: nil, color: nil, size: nil, **options)
+      @value = value
+      @max = max
+      @color = color
+      @size = size
+      @options = options
+    end
+
+    def call
+      content_tag(
+        :progress,
+        content,
+        class: class_names(
+          "progress",
+          "is-#{@color}" => @color.present?,
+          "is-#{@size}" => @size.present?
+        ),
+        value: @value,
+        max: @max,
+        **@options
+      )
+    end
+  end
+end

data/app/components/bulma/subtitle_component.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+module Bulma
+  class SubtitleComponent < Component
+    def initialize(text = nil, size: nil)
+      @text = text
+      @size = size
+    end
+
+    def call
+      content_tag :p, @text || content, class: class_names("subtitle", "is-#{@size}" => @size.present?)
+    end
+  end
+end

data/app/components/bulma/title_component.rb

@@ -2,15 +2,16 @@
 
 module Bulma
   class TitleComponent < Component
-    def initialize(as: :h1, size: 1)
+    def initialize(title = nil, as: :h1, size: 1)
       raise ArgumentError, "invalid value to size" if size > 6
 
+      @title = title
       @as = as
       @size = size
     end
 
     def call
-      content_tag @as, content, class: class_names(
+      content_tag @as, @title || content, class: class_names(
         "title",
         "is-#{@size}"
       )

data/app/helpers/bulma/components_helper.rb

@@ -6,8 +6,14 @@ module Bulma
       block: Bulma::BlockComponent,
       box: Bulma::BoxComponent,
       button: Bulma::ButtonComponent,
+      buttons: Bulma::ButtonsComponent,
+      content: Bulma::ContentComponent,
+      delete: Bulma::DeleteComponent,
+      image: Bulma::ImageComponent,
       tag: Bulma::TagComponent,
-      title: Bulma::TitleComponent
+      title: Bulma::TitleComponent,
+      progress_bar: Bulma::ProgressBarComponent,
+      notification: Bulma::NotificationComponent
     }.freeze
 
     BULMA_HELPER_COMPONENT_MAP.each do |name, component|

data/lib/bulma/view_components/configuration.rb

@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+
+module Bulma
+  module ViewComponents
+    class Configuration
+    end
+  end
+end

data/lib/bulma/view_components/version.rb

@@ -2,6 +2,6 @@
 
 module Bulma
   module ViewComponents
-    VERSION = "0.3.0"
+    VERSION = "0.4.1"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bulma_view_components
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.4.1
 platform: ruby
 authors:
 - Diego Toral
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2024-01-05 00:00:00.000000000 Z
+date: 2024-08-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -51,11 +51,23 @@ files:
 - app/components/bulma/box_component.rb
 - app/components/bulma/button_component.html.erb
 - app/components/bulma/button_component.rb
+- app/components/bulma/buttons_component.html.erb
+- app/components/bulma/buttons_component.rb
 - app/components/bulma/component.rb
+- app/components/bulma/content_component.rb
+- app/components/bulma/delete_component.rb
+- app/components/bulma/icon_component.html.erb
+- app/components/bulma/icon_component.rb
+- app/components/bulma/image_component.rb
+- app/components/bulma/notification_component.html.erb
+- app/components/bulma/notification_component.rb
+- app/components/bulma/progress_bar_component.rb
+- app/components/bulma/subtitle_component.rb
 - app/components/bulma/tag_component.rb
 - app/components/bulma/title_component.rb
 - app/helpers/bulma/components_helper.rb
 - lib/bulma/view_components.rb
+- lib/bulma/view_components/configuration.rb
 - lib/bulma/view_components/engine.rb
 - lib/bulma/view_components/version.rb
 - lib/bulma_view_components.rb
@@ -74,14 +86,14 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: 2.7.0
+      version: 3.0.0
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.3.7
+rubygems_version: 3.5.17
 signing_key:
 specification_version: 4
 summary: ViewComponents for Bulma