daisyui-view-components 0.0.2 → 0.0.3

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

@@ -0,0 +1,73 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Select
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      SIZE_CLASSES = {
+        xs: 'select-xs',
+        sm: 'select-sm',
+        md: 'select-md',
+        lg: 'select-lg'
+      }.freeze
+
+      COLOR_CLASSES = {
+        primary: 'select-primary',
+        secondary: 'select-secondary',
+        accent: 'select-accent',
+        info: 'select-info',
+        success: 'select-success',
+        warning: 'select-warning',
+        error: 'select-error'
+      }.freeze
+
+      SIZE_OPTIONS = SIZE_CLASSES.keys.freeze
+      COLOR_OPTIONS = COLOR_CLASSES.keys.freeze
+      DEFAULT_COLOR = :primary
+
+      option :size, optional: true, desc: SIZE_OPTIONS, type: proc(&:to_sym)
+      option :ghost, optional: true, default: false
+      option :bordered, optional: true, default: false
+      option :color, optional: true, desc: COLOR_CLASSES, type: proc(&:to_sym)
+      option :form, optional: true
+      option :field, optional: true, type: proc(&:to_s), default: proc { content&.to_sym }
+      option :choices, default: proc { [] }
+      option :include_blank, optional: true
+      option :disable_blank, default: proc { false }
+
+      css_classes 'select' do |classes|
+        classes << SIZE_CLASSES[size] if size
+        classes << COLOR_CLASSES[color] if color
+        classes << 'select-ghost' if ghost
+        classes << 'select-bordered' if bordered
+      end
+
+      private
+
+      def include_blank_options
+        return {} unless @include_blank
+
+        if @disable_blank && @form
+          # Form select helper options with blank disabled
+          {
+            selected: "",
+            disabled: "",
+            prompt: @include_blank
+          }
+        else
+          # Options for `select_tag` require an empty hash when blank disabled
+          # so that we can build prompt option manually otherwise two `include_blank` options are rendered
+          @disable_blank ? {} : { include_blank: @include_blank }
+        end
+      end
+
+      def prepare_choices
+        return @choices unless @include_blank && @disable_blank
+
+        blank_option = content_tag("option", @include_blank, value: "", selected: "", disabled: @disable_blank)
+        blank_option + @choices
+      end
+
+    end
+  end
+end

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

@@ -0,0 +1,56 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Steps
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      DIRECTION_CLASSES = {
+        vertical: 'steps-vertical',
+        horizontal: 'steps-horizontal'
+      }.freeze
+
+      DIRECTION_OPTIONS = DIRECTION_CLASSES.keys.freeze
+
+      option :direction, optional: true, desc: DIRECTION_OPTIONS, type: proc(&:to_sym)
+
+      css_classes 'steps', with: :direction
+
+      renders_many :steps, 'Step'
+
+      def call
+        html :ul do
+          content
+        end
+      end
+
+      class Step < DaisyUIViewComponents::BaseComponent
+
+        COLOR_CLASSES = {
+          primary: 'step-primary',
+          secondary: 'step-secondary',
+          accent: 'step-accent',
+          info: 'step-info',
+          success: 'step-success',
+          warning: 'step-warning',
+          error: 'step-error',
+        }.freeze
+
+        DEFAULT_COLOR = :primary
+
+        COLOR_OPTIONS = COLOR_CLASSES.keys.freeze
+
+        option :color, optional: true, desc: COLOR_CLASSES, type: proc(&:to_sym)
+
+        css_classes 'step', with: :color
+
+        def call
+          html :li do
+            content
+          end
+        end
+
+      end
+
+    end
+  end
+end

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

@@ -0,0 +1,49 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Swap
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      renders_one :swap_on, 'SwapOn'
+      renders_one :swap_off, 'SwapOff'
+      renders_one :input, 'SwapInput'
+
+      def call
+        html :label, class: css('swap') do
+          content
+        end
+      end
+
+      class SwapInput < DaisyUIViewComponents::BaseComponent
+
+        def call
+          html :input, type: 'checkbox', class: css('hidden') do
+            content
+          end
+        end
+
+      end
+
+      class SwapOn < DaisyUIViewComponents::BaseComponent
+
+        def call
+          html :div, class: css('swap-on') do
+            content
+          end
+        end
+
+      end
+
+      class SwapOff < DaisyUIViewComponents::BaseComponent
+
+        def call
+          html :div, class: css('swap-off') do
+            content
+          end
+        end
+
+      end
+
+    end
+  end
+end

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

@@ -0,0 +1,5 @@
+<%= html :table, class: css(css_classes) do %>
+  <%= head %>
+  <%= body %>
+  <%= footer %>
+<% end %>

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

@@ -0,0 +1,92 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Table
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      SIZE_CLASSES = {
+        xs: 'table-xs',
+        sm: 'table-sm',
+        md: 'table-md',
+        lg: 'table-lg'
+      }.freeze
+
+      SIZE_OPTIONS = SIZE_CLASSES.keys.freeze
+
+      option :zebra, optional: true
+      option :size, optional: true, desc: SIZE_OPTIONS, type: proc(&:to_sym)
+
+      css_classes 'table' do |classes|
+        classes << 'table-zebra' if zebra
+        classes << SIZE_CLASSES[size] if size
+      end
+
+      renders_one :head, 'Head'
+      renders_one :body, 'Body'
+      renders_one :footer
+
+      class Cell < DaisyUIViewComponents::BaseComponent
+
+        option :tag
+
+        def call
+          html tag do
+            content
+          end
+        end
+
+      end
+
+      class Head < DaisyUIViewComponents::BaseComponent
+
+        renders_many :cells, lambda { |*args, **kwargs, &block|
+          DaisyUIViewComponents::Table::Component::Cell.new(*args, tag: :th, **kwargs, &block)
+        }
+
+        def call
+          html :thead do
+            content_tag :tr do
+              cells.each do |cell|
+                concat cell
+              end
+            end
+          end
+        end
+
+      end
+
+      class Body < DaisyUIViewComponents::BaseComponent
+
+        renders_many :rows, 'Row'
+
+        def call
+          html :tbody do
+            rows.each do |row|
+              concat row
+            end
+          end
+        end
+
+        class Row < DaisyUIViewComponents::BaseComponent
+
+          option :hover, optional: true
+
+          renders_many :cells, lambda { |*args, **kwrags, &block|
+            DaisyUIViewComponents::Table::Component::Cell.new(*args, tag: :td, **kwrags, &block)
+          }
+
+          def call
+            html :tr, class: css(hover ? 'hover' : '') do
+              cells.each do |cell|
+                concat cell
+              end
+            end
+          end
+
+        end
+
+      end
+
+    end
+  end
+end

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

@@ -0,0 +1,5 @@
+<%= html :div, role: 'tablist' do %>
+  <% tabs.each do |tab| %>
+    <%= tab %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,50 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Tabs
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      SIZE_CLASSES = {
+        xs: 'tabs-xs',
+        sm: 'tabs-sm',
+        md: 'tabs-md',
+        lg: 'tabs-lg'
+      }.freeze
+
+      SIZE_OPTIONS = SIZE_CLASSES.keys.freeze
+
+      option :size, optional: true, desc: SIZE_OPTIONS, type: proc(&:to_sym)
+      option :boxed, optional: true, default: proc { false }
+      option :bordered, optional: true, default: proc { false }
+      option :lifted, optional: true, default: proc { false }
+
+      css_classes 'tabs' do |classes|
+        classes << SIZE_CLASSES[size] if size
+        classes << 'tabs-boxed' if boxed
+        classes << 'tabs-bordered' if bordered
+        classes << 'tabs-lifted' if lifted
+      end
+
+      renders_many :tabs, 'Tab'
+
+      class Tab < DaisyUIViewComponents::BaseComponent
+
+        option :active, optional: true
+        option :disabled, optional: true
+
+        css_classes 'tab' do |classes|
+          classes << 'tab-active' if active
+          classes << 'tab-disabled' if disabled
+        end
+
+        def call
+          html :a, role: 'tab' do
+            content
+          end
+        end
+
+      end
+
+    end
+  end
+end

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

@@ -0,0 +1,9 @@
+<% if before? || after? %>
+  <label class="<%= css("#{css_classes} flex items-center gap-2") %>">
+    <%= before if before? %>
+    <%= input %>
+    <%= after if after? %>
+  </label>
+<% else %>
+  <%= input %>
+<% end %>

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

@@ -0,0 +1,71 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module TextInput
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      SIZE_CLASSES = {
+        xs: 'input-xs',
+        sm: 'input-sm',
+        md: 'input-md',
+        lg: 'input-lg'
+      }.freeze
+
+      COLOR_CLASSES = {
+        primary: 'input-primary',
+        secondary: 'input-secondary',
+        accent: 'input-accent',
+        info: 'input-info',
+        success: 'input-success',
+        warning: 'input-warning',
+        error: 'input-error'
+      }.freeze
+
+      SIZE_OPTIONS = SIZE_CLASSES.keys.freeze
+      COLOR_OPTIONS = COLOR_CLASSES.keys.freeze
+      DEFAULT_COLOR = :primary
+
+      option :size, optional: true, desc: SIZE_OPTIONS, type: proc(&:to_sym)
+      option :bordered, optional: true, default: false
+      option :ghost, optional: true, default: false
+      option :color, optional: true, desc: COLOR_CLASSES, type: proc(&:to_sym)
+      option :form, optional: true
+      option :field, optional: true, type: proc(&:to_s)
+
+      css_classes 'input' do |classes|
+        classes << SIZE_CLASSES[size] if size
+        classes << COLOR_CLASSES[color] if color
+        classes << 'input-ghost' if ghost
+        classes << 'input-bordered' if bordered
+      end
+
+      renders_one :before
+      renders_one :after
+
+      private
+
+      def field
+        @field ||= content
+      end
+
+      def value
+        html_options[:value]
+      end
+
+      def input_opts
+        html_options.except(:class)
+      end
+
+      def input
+        cls = before || after ? 'grow border-none focuso:outline-none focus:ring-0' : css_classes
+
+        if form.present?
+          form.text_field field, class: css(cls), **input_opts
+        else
+          text_field_tag field, value, class: css(cls), **input_opts
+        end
+      end
+
+    end
+  end
+end

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

@@ -0,0 +1,5 @@
+<% if form.present?  %>
+  <%= form.text_area field, class: css_classes, **html_options.except(:class) %>
+<% else %>
+  <%= text_area_tag field, value, class: css_classes, **html_options.except(:class) %>
+<% end %>

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

@@ -0,0 +1,50 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Textarea
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      SIZE_CLASSES = {
+        xs: 'textarea-xs',
+        sm: 'textarea-sm',
+        md: 'textarea-md',
+        lg: 'textarea-lg'
+      }.freeze
+
+      COLOR_CLASSES = {
+        primary: 'textarea-primary',
+        secondary: 'textarea-secondary',
+        accent: 'textarea-accent',
+        info: 'textarea-info',
+        success: 'textarea-success',
+        warning: 'textarea-warning',
+        error: 'textarea-error'
+      }.freeze
+
+      SIZE_OPTIONS = SIZE_CLASSES.keys.freeze
+      COLOR_OPTIONS = COLOR_CLASSES.keys.freeze
+      DEFAULT_COLOR = :primary
+
+      option :size, optional: true, desc: SIZE_OPTIONS, type: proc(&:to_sym)
+      option :color, optional: true, desc: COLOR_CLASSES, type: proc(&:to_sym)
+      option :ghost, optional: true, default: false
+      option :bordered, optional: true, default: false
+      option :form, optional: true
+      option :field, optional: true, type: proc(&:to_s), default: proc { content&.to_sym }
+
+      css_classes 'textarea' do |classes|
+        classes << 'textarea-ghost' if ghost
+        classes << 'textarea-bordered' if bordered
+        classes << SIZE_CLASSES[size] if size
+        classes << COLOR_CLASSES[color] if color
+      end
+
+      private
+
+      def value
+        html_options[:value]
+      end
+
+    end
+  end
+end

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

@@ -0,0 +1,43 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Toggle
+    class Component < DaisyUIViewComponents::Checkbox::Component
+
+      SIZE_CLASSES = {
+        xs: 'toggle-xs',
+        sm: 'toggle-sm',
+        md: 'toggle-md',
+        lg: 'toggle-lg'
+      }.freeze
+
+      SIZE_OPTIONS = SIZE_CLASSES.keys.freeze
+
+      COLOR_CLASSES = {
+        primary: 'toggle-primary',
+        secondary: 'toggle-secondary',
+        accent: 'toggle-accent',
+        info: 'toggle-info',
+        success: 'toggle-success',
+        warning: 'toggle-warning',
+        error: 'toggle-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 'toggle' do |classes|
+        classes << SIZE_CLASSES[size] if size
+        classes << COLOR_CLASSES[color] if color
+      end
+
+    end
+  end
+end

data/daisyui-view-components/lib/daisyui_view_components/cache.rb

@@ -0,0 +1,50 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Cache
+
+    class << self
+
+      def component_cache
+        @component_cache ||= {}
+      end
+
+      def namespaces
+        @namespaces ||= ['']
+      end
+
+      def append_namespace(namespace)
+        namespaces << namespace
+      end
+
+      def find(name)
+        if (component_class = component_cache[name])
+          return component_class
+        end
+
+        class_names = %W[
+          DaisyUIViewComponents::#{name.to_s.camelize}::Component
+          #{name.to_s.camelize}ViewComponent::Component
+        ]
+
+        namespaces.each do |namespace|
+          class_names.each do |class_name|
+            component_class = "#{namespace}::#{class_name}".constantize
+            component_cache[name] = component_class unless Rails.env.development?
+            return component_class
+          rescue NameError
+            # skip
+          end
+        end
+
+        checked_constants = namespaces.map do |ns|
+          class_names.map { |cn| "#{ns}::#{cn}" }
+        end.flatten
+
+        raise "No component named '#{name}' could be found (looked in #{checked_constants.join(', ')})"
+      end
+
+    end
+
+  end
+end

data/daisyui-view-components/lib/daisyui_view_components/engine.rb

@@ -0,0 +1,30 @@
+# frozen_string_literal: true
+
+require 'rails/engine'
+require 'daisyui_view_components'
+
+module DaisyUIViewComponents
+  class Engine < ::Rails::Engine
+
+    isolate_namespace DaisyUIViewComponents
+
+    config.autoload_paths << "#{config.root}/lib"
+    config.eager_load_paths << "#{config.root}/app/components"
+
+    initializer 'daisyui_view_components.assets' do |app|
+      app.config.assets.precompile += %w[daisyui_view_components] if app.config.respond_to?(:assets)
+    end
+
+    initializer 'daisyui_view_components.inflections' do
+      inflector = Rails.autoloaders.main.inflector
+      inflector.inflect('daisyui_view_components' => 'DaisyUIViewComponents')
+    end
+
+    initializer 'daisyui_view_components.include_helpers' do
+      ActiveSupport::Reloader.to_prepare do
+        ActionView::Base.include DaisyUIViewComponents::Helpers::Component
+      end
+    end
+
+  end
+end

data/daisyui-view-components/lib/daisyui_view_components/helpers/component.rb

@@ -0,0 +1,36 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Helpers
+    module Component
+
+      def component(name, content = nil, **kwargs, &block)
+        component = DaisyUIViewComponents::Cache.find(name)
+
+        if (collection = kwargs.delete(:collection))
+          component = component.with_collection(collection, **kwargs)
+          render(component, &block)
+        elsif content.present?
+          component = component.new(content, **kwargs)
+        else
+          component = component.new(**kwargs)
+        end
+
+        render(component, &block)
+      end
+
+      def cn(*inputs)
+        normalized = inputs.flat_map do |input|
+          if input.is_a?(Array)
+            input.flatten
+          else
+            input
+          end
+        end.compact.join(' ')
+
+        DaisyUIViewComponents::TailwindMerger.merge(normalized)
+      end
+
+    end
+  end
+end

data/daisyui-view-components/lib/daisyui_view_components/tailwind_merger.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+require 'tailwind_merge'
+
+module DaisyUIViewComponents
+  class TailwindMerger
+
+    class << self
+
+      def merge(...)
+        merger.merge(...)
+      end
+
+      private
+
+      def merger
+        @merger ||= TailwindMerge::Merger.new
+      end
+
+    end
+
+  end
+end

data/daisyui-view-components/lib/daisyui_view_components/version.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+
+  VERSION = '0.0.3' # x-release-please-version
+
+end

data/daisyui-view-components/lib/daisyui_view_components.rb

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+require_relative 'daisyui_view_components/version'
+require_relative 'daisyui_view_components/cache'
+require_relative 'daisyui_view_components/helpers/component'
+require_relative 'daisyui_view_components/engine'
+require_relative 'daisyui_view_components/tailwind_merger'
+
+module DaisyUIViewComponents
+  class Error < StandardError
+  end
+end