daisyui-view-components 0.0.2 → 0.0.3

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

@@ -0,0 +1,62 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Collapse
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      option :open, default: proc { false }
+      option :arrow, default: proc { false }
+
+      renders_one :collapse_title, 'CollapseTitle'
+      renders_one :collapse_content, 'CollapseContent'
+      renders_one :checkbox, 'CollapseCheckbox'
+      renders_one :radio, 'CollapseRadio'
+
+      css_classes 'collapse bg-base-200' do |classes|
+        classes << 'collapse-open' if @open
+        classes << 'collapse-arrow' if @arrow
+      end
+
+      class CollapseRadio < DaisyUIViewComponents::BaseComponent
+
+        def call
+          html :input, type: :radio, class: css('w-auto h-auto') do
+            content
+          end
+        end
+
+      end
+
+      class CollapseCheckbox < DaisyUIViewComponents::BaseComponent
+
+        def call
+          html :input, type: :checkbox, class: css('w-auto h-auto') do
+            content
+          end
+        end
+
+      end
+
+      class CollapseTitle < DaisyUIViewComponents::BaseComponent
+
+        def call
+          html :h2, class: css('collapse-title text-xl font-medium') do
+            content
+          end
+        end
+
+      end
+
+      class CollapseContent < DaisyUIViewComponents::BaseComponent
+
+        def call
+          html :div, class: css('collapse-content') do
+            content
+          end
+        end
+
+      end
+
+    end
+  end
+end

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

@@ -0,0 +1,4 @@
+<%= html :div do %>
+  <%= trigger %>
+  <%= menu %>
+<% end %>

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

@@ -0,0 +1,37 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Dropdown
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      POSITIONS = [:end, :top, :bottom, :right, :left].freeze
+
+      option :position, optional: true, desc: POSITIONS, type: proc(&:to_sym)
+
+      css_classes 'dropdown' do |classes|
+        classes << "dropdown-#{@position}" if @position
+      end
+
+      renders_one :trigger, 'Trigger'
+      renders_one :menu, lambda { |*args, **kwargs, &block|
+        DaisyUIViewComponents::Menu::Component.new(
+          *args,
+          class: 'dropdown-content z-[1] menu p-2 shadow bg-base-200 rounded-box w-56',
+          **kwargs,
+          &block
+        )
+      }
+
+      class Trigger < DaisyUIViewComponents::BaseComponent
+
+        def call
+          html :div, role: 'button', tabindex: 0, class: css('btn m-1') do
+            content
+          end
+        end
+
+      end
+
+    end
+  end
+end

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

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

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

@@ -0,0 +1,44 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module FileInput
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      SIZE_CLASSES = {
+        xs: 'file-input-xs',
+        sm: 'file-input-sm',
+        md: 'file-input-md',
+        lg: 'file-input-lg'
+      }.freeze
+
+      COLOR_CLASSES = {
+        primary: 'file-input-primary',
+        secondary: 'file-input-secondary',
+        accent: 'file-input-accent',
+        info: 'file-input-info',
+        success: 'file-input-success',
+        warning: 'file-input-warning',
+        error: 'file-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), default: proc { content&.to_sym }
+
+      css_classes 'file-input' do |classes|
+        classes << SIZE_CLASSES[size] if size
+        classes << COLOR_CLASSES[color] if color
+        classes << 'file-input-ghost' if ghost
+        classes << 'file-input-bordered' if bordered
+      end
+
+    end
+  end
+end

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

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module FormControl
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      renders_one :top_label, DaisyUIViewComponents::Label::Component
+      renders_one :bottom_label, DaisyUIViewComponents::Label::Component
+      renders_one :control
+
+      def call
+        html :div, class: css('form-control') do
+          concat top_label if top_label?
+          concat content
+          concat bottom_label if bottom_label?
+        end
+      end
+
+    end
+  end
+end

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

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Label
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      renders_one :label_text, lambda { |content = '', css: 'label-text', &block|
+        content_tag :span, content, class: css, &block
+      }
+      renders_one :label_text_alt, lambda { |content = '', css: 'label-text-alt', &block|
+        content_tag :span, content, class: css, &block
+      }
+
+      def call
+        html :div, class: css('label') do
+          content
+        end
+      end
+
+    end
+  end
+end

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

@@ -0,0 +1,34 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Link
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      COLOR_CLASSES = {
+        neutral: 'link-neutral',
+        primary: 'link-primary',
+        secondary: 'link-secondary',
+        accent: 'link-accent',
+        success: 'link-success',
+        info: 'link-info',
+        warning: 'link-warning',
+        error: 'link-error',
+        hover: 'link-hover'
+      }.freeze
+
+      DEFAULT_COLOR = :neutral
+
+      COLOR_OPTIONS = COLOR_CLASSES.keys.freeze
+
+      option :color, optional: true, desc: COLOR_CLASSES, type: proc(&:to_sym)
+      option :url, type: proc(&:to_s)
+
+      css_classes 'link', with: :color
+
+      def call
+        link_to content, @url, class: css_classes, **html_options
+      end
+
+    end
+  end
+end

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

@@ -0,0 +1,7 @@
+<%= html :ul, class: css('menu') do %>
+  <% items.each do |item| %>
+    <%= content_tag :li, **item.html_options do %>
+      <%= item %>
+    <% end %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Menu
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      renders_many :items, 'Item'
+
+      class Item < DaisyUIViewComponents::BaseComponent
+
+        option :collapsible, default: proc { false }, optional: true
+        option :open, default: proc { false }, optional: true
+
+        def call
+          if collapsible
+            html :details, open: open do
+              content
+            end
+          else
+            content
+          end
+        end
+
+      end
+
+    end
+  end
+end

data/daisyui-view-components/app/components/daisyui_view_components/modal/action/component.rb

@@ -0,0 +1,30 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Modal
+    module Action
+      class Component < DaisyUIViewComponents::BaseComponent
+
+        renders_many :buttons, DaisyUIViewComponents::Button::Component
+        renders_one :close_button, 'CloseButton'
+
+        def call
+          html :div , class: css('modal-action') do
+            content
+          end
+        end
+
+        class CloseButton < DaisyUIViewComponents::BaseComponent
+
+          def call
+            html :form, method: 'dialog' do
+              concat content_tag :button, content || 'Close', class: css('btn')
+            end
+          end
+
+        end
+
+      end
+    end
+  end
+end

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

@@ -0,0 +1,9 @@
+<%= html :div , class: css('modal-box') do %>
+  <% if close_button %>
+    <form method="dialog">
+      <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
+    </form>
+  <% end %>
+  <%= content %>
+  <%= modal_action %>
+<% end %>

data/daisyui-view-components/app/components/daisyui_view_components/modal/box/component.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Modal
+    module Box
+      class Component < DaisyUIViewComponents::BaseComponent
+
+        option :close_button, default: proc { true }
+
+        renders_one :modal_action, DaisyUIViewComponents::Modal::Action::Component
+
+      end
+    end
+  end
+end

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

@@ -0,0 +1,8 @@
+<%= html :dialog do %>
+  <%= modal_box %>
+  <% if backdrop %>
+    <form class="modal-backdrop">
+      <button>close</button>
+    </form>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Modal
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      option :open, default: proc { false }
+      option :backdrop, default: proc { true }
+
+      css_classes 'modal' do |classes|
+        classes << 'modal-open' if @open
+      end
+
+      renders_one :modal_box, DaisyUIViewComponents::Modal::Box::Component
+
+    end
+  end
+end

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

@@ -0,0 +1,9 @@
+<%= html :div, class: css('navbar') do %>
+  <% if content.present? %>
+    <%= content %>
+  <% else %>
+    <%= start_element %>
+    <%= center_element %>
+    <%= end_element %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,42 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Navbar
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      renders_one :start_element, lambda { |position: :start, **kwargs|
+        Element.new(position: position, **kwargs)
+      }
+
+      renders_one :center_element, lambda { |position: :center, **kwargs|
+        Element.new(position: position, **kwargs)
+      }
+
+      renders_one :end_element, lambda { |position: :end, **kwargs|
+        Element.new(position: position, **kwargs)
+      }
+
+      class Element < DaisyUIViewComponents::BaseComponent
+
+        option :position, default: proc { :start }
+
+        def call
+          case position
+          when :start
+            element_class = 'navbar-start'
+          when :center
+            element_class = 'navbar-center'
+          when :end
+            element_class = 'navbar-end'
+          end
+
+          html :div, class: css(element_class) do
+            content
+          end
+        end
+
+      end
+
+    end
+  end
+end

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

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

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

@@ -0,0 +1,57 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Radio
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      SIZE_CLASSES = {
+        xs: 'radio-xs',
+        sm: 'radio-sm',
+        md: 'radio-md',
+        lg: 'radio-lg'
+      }.freeze
+
+      COLOR_CLASSES = {
+        primary: 'radio-primary',
+        secondary: 'radio-secondary',
+        accent: 'radio-accent',
+        info: 'radio-info',
+        success: 'radio-success',
+        warning: 'radio-warning',
+        error: 'radio-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 :form, optional: true
+      option :id, optional: true
+      option :label, optional: true
+      option :value, optional: true
+      option :field, optional: true, type: proc(&:to_s), default: proc { content&.to_sym }
+
+      css_classes 'radio' do |classes|
+        classes << SIZE_CLASSES[size] if size
+        classes << COLOR_CLASSES[color] if color
+      end
+
+      private
+
+      def id_attribute
+        @id ||= begin
+          if label && value
+            "#{label.parameterize}-#{value}"
+          elsif label
+            "#{label.parameterize}-#{SecureRandom.hex(3)}"
+          else
+            SecureRandom.hex(3)
+          end
+        end
+      end
+
+    end
+  end
+end

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

@@ -0,0 +1,45 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Range
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      SIZE_CLASSES = {
+        xs: 'range-xs',
+        sm: 'range-sm',
+        md: 'range-md',
+        lg: 'range-lg'
+      }.freeze
+
+      COLOR_CLASSES = {
+        primary: 'range-primary',
+        secondary: 'range-secondary',
+        accent: 'range-accent',
+        info: 'range-info',
+        success: 'range-success',
+        warning: 'range-warning',
+        error: 'range-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 :min, type: proc(&:to_i)
+      option :max, type: proc(&:to_i)
+      option :form, optional: true
+      option :label, optional: true
+      option :value, optional: true
+      option :field, optional: true, type: proc(&:to_s)
+
+      css_classes 'range', with: [:size, :color]
+
+      def call
+        html :input, type: 'range', min: min, max: max, value: value
+      end
+
+    end
+  end
+end

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

@@ -0,0 +1,73 @@
+# frozen_string_literal: true
+
+module DaisyUIViewComponents
+  module Rating
+    class Component < DaisyUIViewComponents::BaseComponent
+
+      SIZE_CLASSES = {
+        xs: 'rating-xs',
+        sm: 'rating-sm',
+        md: 'rating-md',
+        lg: 'rating-lg'
+      }.freeze
+
+      SIZE_OPTIONS = SIZE_CLASSES.keys.freeze
+
+      option :size, optional: true, desc: SIZE_OPTIONS, type: proc(&:to_sym)
+      option :mask_shape, optional: true
+      option :allow_halves, optional: true
+      option :hidden_input, optional: true
+
+      css_classes 'rating', with: :size
+
+      renders_many :inputs, lambda { |*args, **kwargs, &block|
+        Input.new(*args, mask_shape: @mask_shape, **kwargs, &block)
+      }
+
+      def call
+        html :div do
+          content
+        end
+      end
+
+      class Input < DaisyUIViewComponents::BaseComponent
+
+        # rubocop:disable Naming/VariableNumber
+        MASK_SHAPE_CLASSES = {
+          squircle: 'mask-squircle',
+          heart: 'mask-heart',
+          hexagon: 'mask-hexagon',
+          hexagon_2: 'mask-hexagon-2',
+          decagon: 'mask-decagon',
+          pentagon: 'mask-pentagon',
+          diamond: 'mask-diamond',
+          square: 'mask-square',
+          circle: 'mask-circle',
+          parallelogram: 'mask-parallelogram',
+          parallelogram_2: 'mask-parallelogram-2',
+          parallelogram_3: 'mask-parallelogram-3',
+          parallelogram_4: 'mask-parallelogram-4',
+          star: 'mask-star',
+          star_2: 'mask-star-2',
+          triangle: 'mask-triangle',
+          triangle_2: 'mask-triangle-2',
+          triangle_3: 'mask-triangle-3',
+          triangle_4: 'mask-triangle-4'
+        }.freeze
+        # rubocop:enable Naming/VariableNumber
+
+        MASK_SHAPE_OPTIONS = MASK_SHAPE_CLASSES .keys
+
+        option :mask_shape, default: -> { :star }, desc: MASK_SHAPE_OPTIONS
+
+        css_classes 'mask', with: :mask_shape
+
+        def call
+          html :input, type: 'radio'
+        end
+
+      end
+
+    end
+  end
+end

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

@@ -0,0 +1,5 @@
+<% if form.present? %>
+  <%= form.select field, choices, include_blank_options, class: css_classes, **html_options.except(:class) %>
+<% else %>
+  <%= select_tag field, prepare_choices, class: css_classes, **include_blank_options, **html_options.except(:class) %>
+<% end %>