daisyui-view-components 0.0.2 → 0.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3f2d582cdc44cbf6277222d97638f1ac9a583427e138d10ad117e2847ca24350
-  data.tar.gz: 19e5279512c365142a30d9bf6eca7a68237f1c02f158a145e46a0e23d1941970
+  metadata.gz: 6ab2d16e1c0bd5199899bcf151c760d5af18cfaf5c0fc8a343ed9503f7473187
+  data.tar.gz: 1de2e11b5dd7a70b5b65b4a404a1f3efc2b08d19629dcc5d63ed30d0c98c42b4
 SHA512:
-  metadata.gz: 2dffadf1f7a2ffb4b80464586a0c6a9e7f1d30f362451c20372b077e890417c8cd6fe9aff6cb479cc4ed4964cd4129f7a7817ca80c392f73496d07f499d7d308
-  data.tar.gz: e60b1f4897340f65837726793a02a59beef5780c6bef2c7f53aa8b4addaf82f96e6e1128dc1579133ea58d1fb1fece895edeab5461c96d47d8a2f9db9a4cd230
+  metadata.gz: 22a42fa9b7a4a2fd1eac4ce8ca8417d005873e70b8c1dd20c547dc22968abbf51b94cd110ade3018501abfd0764f6c2f03a6750159483f3d6b9f03a60e6d4fcd
+  data.tar.gz: 43137115a6987c1aebf4802af8f9b907ee620f56a03dc1be4bed60fadcc34b079dfd59f5a07814f57bcb91fe1442c0df077641957772877be6e923d12d6ab0c6

data/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [0.0.3](https://github.com/ganchdev/daisyui-view-components/compare/v0.0.2...v0.0.3) (2024-10-23)
+
+
+### Bug Fixes
+
+* paths in gemspec ([58c3181](https://github.com/ganchdev/daisyui-view-components/commit/58c3181e75140b40d839a1346cf671087dc17498))
+
 ## [0.0.2](https://github.com/ganchdev/daisyui-view-components/compare/v0.0.1...v0.0.2) (2024-10-13)
 
 

data/daisyui-view-components/app/components/daisyui_view_components/accordion/component.rb

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Accordion
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      option :gap, default: proc { 2 }
+      option :arrow, default: proc { false }
+
+      renders_many :collapses, lambda { |arrow: @arrow|
+        DaisyUIViewComponents::Collapse::Component.new(arrow: arrow)
+      }
+
+      def call
+        html :div, class: css_classes do
+          collapses.each do |collapse|
+            concat collapse
+          end
+        end
+      end
+
+      def css_classes
+        css("flex flex-wrap gap-#{@gap}")
+      end
+
+    end
+  end
+end

data/daisyui-view-components/app/components/daisyui_view_components/alert/component.html.erb

@@ -0,0 +1,34 @@
+<%= html :div, role: 'alert' do %>
+  <% if title.present? && description.present? %>
+
+    <% if icon.present? %>
+      <%= icon %>
+    <% end %>
+
+    <div>
+      <h3 class="font-bold">
+        <%= title %>
+      </h3>
+      <div class="text-xs">
+        <%= description %>
+      </div>
+    </div>
+
+    <% unless icon.present? %>
+      <div></div>
+    <% end %>
+
+    <div>
+      <% buttons.each do |button| %>
+        <%= button %>
+      <% end %>
+    </div>
+  <% else %>
+    <%= content %>
+    <div>
+      <% buttons.each do |button| %>
+        <%= button %>
+      <% end %>
+    </div>
+  <% end %>
+<% end %>

data/daisyui-view-components/app/components/daisyui_view_components/alert/component.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Alert
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      COLOR_CLASSES = {
+        info: 'alert-info',
+        success: 'alert-success',
+        warning: 'alert-warning',
+        error: 'alert-error'
+      }.freeze
+
+      COLOR_OPTIONS = COLOR_CLASSES.keys.freeze
+
+      renders_one :icon
+      renders_one :title
+      renders_one :description
+      renders_many :buttons, DaisyUIViewComponents::Button::Component
+
+      option :color, optional: true, desc: COLOR_CLASSES, type: proc(&:to_sym)
+
+      css_classes 'alert', with: :color
+
+    end
+  end
+end

data/daisyui-view-components/app/components/daisyui_view_components/avatar/component.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Avatar
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      option :online, default: proc { false }
+      option :offline, default: proc { false }
+      option :placeholder, default: proc { '' }
+
+      css_classes 'avatar', with: [:online, :offline, :placeholder]
+
+      def call
+        html :span do
+          content
+        end
+      end
+
+    end
+  end
+end

data/daisyui-view-components/app/components/daisyui_view_components/avatar_group/component.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module AvatarGroup
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      renders_many :avatars, DaisyUIViewComponents::Avatar::Component
+
+      def call
+        html :div, class: css('avatar-group -space-x-6 rtl:space-x-reverse') do
+          avatars.each do |avatar|
+            concat avatar
+          end
+        end
+      end
+
+    end
+  end
+end

data/daisyui-view-components/app/components/daisyui_view_components/badge/component.rb

@@ -0,0 +1,41 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Badge
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      COLOR_CLASSES = {
+        primary: 'badge-primary',
+        secondary: 'badge-secondary',
+        accent: 'badge-accent',
+        info: 'badge-info',
+        success: 'badge-success',
+        warning: 'badge-warning',
+        error: 'badge-error'
+      }.freeze
+
+      SIZE_CLASSES = {
+        xs: 'range-xs',
+        sm: 'range-sm',
+        md: 'range-md',
+        lg: 'range-lg'
+      }.freeze
+
+      SIZE_OPTIONS = SIZE_CLASSES.keys.freeze
+      COLOR_OPTIONS = COLOR_CLASSES.keys.freeze
+      DEFAULT_COLOR = :primary
+
+      option :color, optional: true, desc: COLOR_CLASSES, type: proc(&:to_sym)
+      option :size, optional: true, desc: SIZE_CLASSES, type: proc(&:to_sym)
+
+      css_classes 'badge', with: [:color, :size]
+
+      def call
+        html :span do
+          content
+        end
+      end
+
+    end
+  end
+end

data/daisyui-view-components/app/components/daisyui_view_components/base_component.rb

@@ -0,0 +1,118 @@
+# frozen_string_literal: true
+
+require 'view_component'
+require 'dry-initializer'
+
+# rubocop:disable Metrics/AbcSize
+# rubocop:disable Metrics/MethodLength
+module DaisyUIViewComponents
+  class BaseComponent < ViewComponent::Base
+
+    extend Dry::Initializer[undefined: false]
+
+    def initialize(text = nil, **opts)
+      @_text = text
+      @html_options = opts
+
+      super(**opts)
+    end
+
+    def content
+      super || @_text
+    end
+
+    def html_options(**opts)
+      if opts[:class]
+        original = @html_options[:class]
+        @html_options[:class] = [opts.delete(:class)]
+        @html_options[:class] << original if original
+      end
+
+      # Remove all options that are used by the component
+      self.class.dry_initializer.attributes(self).each_key do |key|
+        @html_options.delete(key)
+      end
+
+      @html_options.merge(opts)
+    end
+
+    # Html wrapper for components that render
+    # tags with given html attributes and content.
+    # It makes it easy to pass html options around
+    # without always having to merge them.
+    #
+    # @param tag [Symbol] the tag to render
+    # @param opts [Hash] the html attributes to render
+    # @param block [Proc] the content to render
+    # @return [String] the rendered html
+    def html(tag, **opts, &block)
+      opts = opts.merge(class: css_classes) if defined?(classes)
+      attributes = html_options.merge(opts)
+
+      content = capture(&block) if block
+
+      content_tag(tag, content, **attributes)
+    end
+
+    def css(css_classes = '')
+      if external_classes = html_options[:class]
+        cn("#{external_classes} #{css_classes}")
+      else
+        cn(css_classes)
+      end
+    end
+
+    def self.css_classes(base, **modifiers, &block)
+      cattr_accessor :classes
+
+      self.classes ||= {}
+
+      if block_given?
+        self.classes[self] = {
+          base: base,
+          modifiers: block
+        }
+      else
+        self.classes[self] = {
+          base: base,
+          modifiers: modifiers[:with]
+        }
+      end
+    end
+
+    # Sets css classes for a component
+    # based on what the base class is
+    # and what modifiers were passed to the
+    # class method above. It is used within
+    # the html wrapper but could also be used
+    # on its own when necessary.
+    #
+    # @return [String]
+    def css_classes
+      component_classes = classes[self.class]
+      css_classes = Array(component_classes[:base])
+      modifiers = component_classes[:modifiers]
+
+      case modifiers
+      when Proc
+        # Execute the proc in the context of the instance
+        instance_exec(css_classes, &modifiers)
+      when Array, Symbol
+        Array(modifiers).each do |modifier|
+          modifier_value = public_send(modifier)
+          next if modifier_value.nil?
+
+          css_classes << self.class.const_get("#{modifier}_classes".upcase)[modifier_value]
+        rescue NameError
+          # Fallback for boolean modifiers
+          css_classes << modifier.to_s.gsub('_', '-') if public_send(modifier)
+        end
+      end
+
+      css(css_classes.join(' '))
+    end
+
+  end
+end
+# rubocop:enable Metrics/AbcSize
+# rubocop:enable Metrics/MethodLength

data/daisyui-view-components/app/components/daisyui_view_components/bottom_nav/component.rb

@@ -0,0 +1,50 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module BottomNav
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      renders_many :buttons, 'Button'
+
+      def call
+        html :div, class: css('btm-nav') do
+          buttons.each do |button|
+            concat button
+          end
+        end
+      end
+
+      class Button < DaisyUIViewComponents::BaseComponent
+
+        option :active, default: proc { false }
+
+        renders_one :label, 'Label'
+
+        def call
+          html :button, class: css_classes do
+            concat content
+            concat label
+          end
+        end
+
+        class Label < DaisyUIViewComponents::BaseComponent
+
+          def call
+            html :span, class: css('btm-nav-label') do
+              content
+            end
+          end
+
+        end
+
+        private
+
+        def css_classes
+          css(active ? 'active' : nil)
+        end
+
+      end
+
+    end
+  end
+end

data/daisyui-view-components/app/components/daisyui_view_components/breadcrumbs/component.html.erb

@@ -0,0 +1,7 @@
+<%= html :div, class: css('breadcrumbs') do %>
+  <ul>
+    <% items.each do |item| %>
+      <%= item %>
+    <% end %>
+  </ul>
+<% end %>

data/daisyui-view-components/app/components/daisyui_view_components/breadcrumbs/component.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Breadcrumbs
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      renders_many :items, 'Item'
+
+      class Item < DaisyUIViewComponents::BaseComponent
+
+        def call
+          html :li do
+            content
+          end
+        end
+
+      end
+
+    end
+  end
+end

data/daisyui-view-components/app/components/daisyui_view_components/button/component.rb

@@ -0,0 +1,68 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Button
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      COLOR_CLASSES = {
+        neutral: 'btn-neural',
+        primary: 'btn-primary',
+        accent: 'btn-accent',
+        info: 'btn-info',
+        success: 'btn-success',
+        warning: 'btn-warning',
+        error: 'btn-error',
+        ghost: 'btn-ghost'
+      }.freeze
+
+      STYLE_CLASSES = {
+        link: 'btn-link',
+        outline: 'btn-outline'
+      }.freeze
+
+      COLOR_OPTIONS = COLOR_CLASSES.keys.freeze
+      STYLE_OPTIONS = STYLE_CLASSES.keys.freeze
+
+      option :url, optional: true, type: proc(&:to_s)
+      option :label, optional: true, type: proc(&:to_sym)
+      option :method, optional: true, type: proc(&:to_sym)
+      option :color, optional: true, desc: COLOR_CLASSES, type: proc(&:to_sym)
+      option :style, optional: true, desc: STYLE_OPTIONS, type: proc(&:to_sym)
+
+      css_classes 'btn', with: [:color, :style]
+
+      def call
+        button do
+          content
+        end
+      end
+
+      # rubocop:disable Metrics/AbcSize
+      # rubocop:disable Metrics/MethodLength
+      def button(&block)
+        @html_options[:class] = css_classes
+        options = { data: @data }
+
+        if @url.blank?
+          if @label.present?
+            options = options.except(:type)
+
+            label_tag(@label, **options, **html_options, &block)
+          else
+            button_tag(**options, **html_options, &block)
+          end
+        elsif @method.present?
+          options[:method] = @method
+          options[:type] = :button
+
+          button_to(@url, **options, **html_options, &block)
+        else
+          link_to(@url, **options, **html_options, &block)
+        end
+      end
+      # rubocop:enable Metrics/AbcSize
+      # rubocop:enable Metrics/MethodLength
+
+    end
+  end
+end

data/daisyui-view-components/app/components/daisyui_view_components/card/component.rb

@@ -0,0 +1,64 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Card
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      renders_one :image, 'Image'
+      renders_one :card_body, 'CardBody'
+
+      def call
+        html :div, class: css('card w-96 bg-base-100 shadow-xl') do
+          content
+        end
+      end
+
+      class Image < DaisyUIViewComponents::BaseComponent
+
+        def call
+          html :figure do
+            content
+          end
+        end
+
+      end
+
+      class CardBody < DaisyUIViewComponents::BaseComponent
+
+        renders_one :title, 'Title'
+        renders_one :card_actions, 'CardActions'
+
+        def call
+          html :div, class: css('card-body') do
+            content
+          end
+        end
+
+        class Title < DaisyUIViewComponents::BaseComponent
+
+          def call
+            html :h2, class: css('card-title') do
+              content
+            end
+          end
+
+        end
+
+        class CardActions < DaisyUIViewComponents::BaseComponent
+
+          renders_many :buttons, DaisyUIViewComponents::Button::Component
+          renders_many :badges, DaisyUIViewComponents::Badge::Component
+
+          def call
+            html :div, class: css('card-actions') do
+              content
+            end
+          end
+
+        end
+
+      end
+
+    end
+  end
+end

data/daisyui-view-components/app/components/daisyui_view_components/carousel/component.rb

@@ -0,0 +1,35 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Carousel
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      option :carousel_center, default: proc { false }, desc: 'Snap elements to center'
+      option :carousel_end, default: proc { false }, desc: 'Snap elements to end'
+      option :carousel_vertical, default: proc { false }, desc: 'Vertical carousel'
+
+      css_classes 'carousel', with: [:carousel_center, :carousel_end, :carousel_vertical]
+
+      renders_many :items, 'CarouselItem'
+
+      def call
+        html :div, class: css_classes do
+          items.each do |item|
+            concat item
+          end
+        end
+      end
+
+      class CarouselItem < DaisyUIViewComponents::BaseComponent
+
+        def call
+          html :div, class: css('carousel-item') do
+            content
+          end
+        end
+
+      end
+
+    end
+  end
+end

data/daisyui-view-components/app/components/daisyui_view_components/checkbox/component.html.erb

@@ -0,0 +1,19 @@
+<% if label %>
+  <% if form.present? %>
+    <div class="form-control">
+      <%= label_tag field, class: "cursor-pointer label" do %>
+        <%= content_tag :span, label, class: "label-text" %>
+        <%= form.check_box field, class: css_classes, **html_options.except(:class) %>
+      <% end %>
+    </div>
+  <% else %>
+    <div class="form-control">
+      <%= label_tag field, class: "cursor-pointer label" do %>
+        <%= content_tag :span, label, class: "label-text" %>
+        <%= check_box_tag field, class: css_classes, **html_options.except(:class) %>
+      <% end %>
+    </div>
+  <% end %>
+<% else %>
+  <%= check_box_tag field, class: css_classes, **html_options.except(:class) %>
+<% end %>

data/daisyui-view-components/app/components/daisyui_view_components/checkbox/component.rb

@@ -0,0 +1,40 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Checkbox
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      SIZE_CLASSES = {
+        xs: 'checkbox-xs',
+        sm: 'checkbox-sm',
+        md: 'checkbox-md',
+        lg: 'checkbox-lg'
+      }.freeze
+
+      SIZE_OPTIONS = SIZE_CLASSES.keys.freeze
+
+      COLOR_CLASSES = {
+        primary: 'checkbox-primary',
+        secondary: 'checkbox-secondary',
+        accent: 'checkbox-accent',
+        info: 'checkbox-info',
+        success: 'checkbox-success',
+        warning: 'checkbox-warning',
+        error: 'checkbox-error'
+      }.freeze
+
+      DEFAULT_COLOR = :primary
+
+      COLOR_OPTIONS = COLOR_CLASSES.keys.freeze
+
+      option :size, optional: true, desc: SIZE_OPTIONS, type: proc(&:to_sym)
+      option :color, optional: true, desc: COLOR_CLASSES, type: proc(&:to_sym)
+      option :form, optional: true
+      option :label, optional: true
+      option :field, optional: true, type: proc(&:to_s), default: proc { content&.to_sym }
+
+      css_classes 'checkbox', with: [:color, :size]
+
+    end
+  end
+end

data/daisyui-view-components/app/components/daisyui_view_components/collapse/component.html.erb

@@ -0,0 +1,9 @@
+<%= html :div do %>
+  <% if checkbox %>
+    <%= checkbox %>
+  <% elsif radio %>
+    <%= radio %>
+  <% end %>
+  <%= collapse_title %>
+  <%= collapse_content %>
+<% end %>