loco_motion-rails 0.0.6

data/app/components/daisy/navigation/bottom_nav_component.rb

@@ -0,0 +1,59 @@
+class Daisy::Navigation::BottomNavComponent < LocoMotion.configuration.base_component_class
+
+  class Daisy::Navigation::BottomNavSectionComponent < LocoMotion.configuration.base_component_class
+
+    define_parts :icon, :title
+
+    def initialize(*args, **kws, &block)
+      super
+
+      @icon = config_option(:icon)
+      @icon_variant = config_option(:icon_variant, :outline)
+      @title = config_option(:title)
+      @href = config_option(:href)
+      @active = config_option(:active, false)
+    end
+
+    def before_render
+      if @href
+        set_tag_name(:component, :a)
+        add_html(:component, href: @href)
+      else
+        set_tag_name(:component, :button)
+      end
+
+      add_css(:component, "active") if @active
+
+      add_css(:icon, "[:where(&)]:size-6")
+
+      set_tag_name(:title, :span)
+      add_css(:title, "btm-nav-label")
+    end
+
+    def call
+      part(:component) do
+        concat(hero_icon(@icon, variant: @icon_variant, html: rendered_html(:icon))) if @icon
+        concat(part(:title) { @title }) if @title
+        concat(content)
+      end
+    end
+
+  end
+
+  renders_many :sections, Daisy::Navigation::BottomNavSectionComponent
+
+  def before_render
+    add_css(:component, "btm-nav")
+  end
+
+  def call
+    part(:component) do
+      sections.each do |section|
+        concat(section)
+      end
+
+      concat(content)
+    end
+  end
+
+end

data/app/components/daisy/navigation/breadcrumbs_component.html.haml

@@ -0,0 +1,7 @@
+= part(:component) do
+  = part(:list_wrapper) do
+    - items.each do |item|
+      - item.set_loco_parent(component_ref)
+      = item
+
+  = content

data/app/components/daisy/navigation/breadcrumbs_component.rb

@@ -0,0 +1,15 @@
+class Daisy::Navigation::BreadcrumbsComponent < LocoMotion.configuration.base_component_class
+  define_parts :list_wrapper
+
+  renders_many :items, LocoMotion::BasicComponent.build(tag_name: :li)
+
+  def initialize(*args, **kws, &block)
+    super
+  end
+
+  def before_render
+    add_css(:component, "breadcrumbs")
+
+    set_tag_name(:list_wrapper, :ul)
+  end
+end

data/app/components/daisy/navigation/link_component.html.haml

@@ -0,0 +1,4 @@
+= part(:component) do
+  = @text if @text
+
+  = content

data/app/components/daisy/navigation/link_component.rb

@@ -0,0 +1,34 @@
+#
+# The Daisy::Navigation::LinkComponent is a simple component that renders an
+# anchor tag.
+#
+class Daisy::Navigation::LinkComponent < LocoMotion.configuration.base_component_class
+
+  # Create a new instance of the LinkComponent.
+  #
+  # If passed **two** positional arguments, the first is considered the `text`
+  # and the second is considered the `href`. If passed only **one** positional
+  # argument, it is treated as the `href` and we assume the `text` will be
+  # provided in the block. `target` is always a keyword argument.
+  #
+  # @param text [String] The text to display in the link.
+  # @param href [String] The URL to visit when the link is clicked.
+  # @param target [String] The target attribute for the anchor tag.
+  def initialize(*args, **kws, &block)
+    super
+
+    @text = config_option(:text, args.size == 2 ? args[0] : nil)
+    @href = config_option(:href, args.size == 2 ? args[1] : args[0])
+  end
+
+  #
+  # Adds the relevant Daisy classes and applies the href and target attributes
+  # if provided.
+  #
+  def before_render
+    set_tag_name(:component, :a)
+    add_css(:component, "link")
+    add_html(:component, { href: @href }) if @href
+    add_html(:component, { target: @target }) if @target
+  end
+end

data/app/components/daisy/navigation/menu_component.html.haml

@@ -0,0 +1,3 @@
+= part(:component) do
+  - items.each do |item|
+    = item

data/app/components/daisy/navigation/menu_component.rb

@@ -0,0 +1,49 @@
+class Daisy::Navigation::MenuComponent < LocoMotion.configuration.base_component_class
+
+  #
+  # The items for the MenuComponent.
+  #
+  #
+  class Daisy::Navigation::MenuItemComponent < LocoMotion.configuration.base_component_class
+    define_part :title
+
+    #
+    # Create a new instance of the MenuItemComponent.
+    #
+    # @param title [String] (Optional) Shows an additional title above the item.
+    # @param disabled [Boolean] (Optional) Sets the item in a disabled state.
+    #
+    def initialize(*args, **kws, &block)
+      super
+
+      @simple_title = config_option(:title)
+      @disabled = config_option(:disabled)
+    end
+
+    def before_render
+      set_tag_name(:component, :li)
+      add_css(:component, "disabled pointer-events-none") if @disabled
+
+      set_tag_name(:title, :h2)
+      add_css(:title, "menu-title")
+    end
+
+    def call
+      part(:component) do
+        concat(part(:title) { @simple_title }) if @simple_title
+        concat(content)
+      end
+    end
+  end
+
+  renders_many :items, Daisy::Navigation::MenuItemComponent
+
+  def initialize(*args, **kws, &block)
+    super
+  end
+
+  def before_render
+    set_tag_name(:component, :ul)
+    add_css(:component, "menu")
+  end
+end

data/app/components/daisy/navigation/navbar_component.html.haml

@@ -0,0 +1,4 @@
+= part(:component) do
+  = start if start?
+  = center if center?
+  = tail if tail?

data/app/components/daisy/navigation/navbar_component.rb

@@ -0,0 +1,12 @@
+class Daisy::Navigation::NavbarComponent < LocoMotion.configuration.base_component_class
+  renders_one :start, LocoMotion::BasicComponent.build(css: "navbar-start")
+
+  renders_one :center, LocoMotion::BasicComponent.build(css: "navbar-center")
+
+  # End is a reserved word in Ruby
+  renders_one :tail, LocoMotion::BasicComponent.build(css: "navbar-end")
+
+  def before_render
+    add_css(:component, "navbar")
+  end
+end

data/app/components/daisy/navigation/steps_component.rb

@@ -0,0 +1,40 @@
+class Daisy::Navigation::StepsComponent < LocoMotion.configuration.base_component_class
+
+  class Daisy::Navigation::StepComponent < LocoMotion.configuration.base_component_class
+    attr_reader :simple
+    def initialize(*args, **kws, &block)
+      super
+
+      @simple_title = config_option(:title)
+      @number = config_option(:number)
+    end
+
+    def before_render
+      set_tag_name(:component, :li)
+      add_css(:component, "step")
+      add_html(:component, { data: { content: @number } }) if @number
+    end
+
+    def call
+      part(:component) do
+        concat(@simple_title) if @simple_title
+        concat(content) if content?
+      end
+    end
+  end
+
+  renders_many :steps, Daisy::Navigation::StepComponent
+
+  def before_render
+    set_tag_name(:component, :ul)
+    add_css(:component, "steps")
+  end
+
+  def call
+    part(:component) do
+      steps.each do |step|
+        concat(step)
+      end
+    end
+  end
+end

data/app/components/daisy/navigation/tabs_component.html.haml

@@ -0,0 +1,4 @@
+= part(:component) do
+  - tabs.each do |tab|
+    - tab.set_loco_parent(component_ref)
+    = tab

data/app/components/daisy/navigation/tabs_component.rb

@@ -0,0 +1,107 @@
+# This is the Tabs component.
+class Daisy::Navigation::TabsComponent < LocoMotion.configuration.base_component_class
+
+  class TabComponent < LocoMotion::BasicComponent
+    define_parts :content_wrapper
+
+    renders_one :title
+    renders_one :custom_content
+
+    attr_reader :active
+
+    # @return [String] Accessor for the `title` string passed via the component
+    #   config.
+    attr_reader :simple_title
+
+    def initialize(*args, **kws, &block)
+      super
+
+      @active       = config_option(:active, false)
+      @checked      = config_option(:checked, false)
+      @disabled     = config_option(:disabled, false)
+      @href         = config_option(:href)
+      @simple_title = config_option(:title)
+      @target       = config_option(:target)
+      @value        = config_option(:value)
+    end
+
+    def before_render
+      # Reset the name to the config option or the parent name if available
+      @name = config_option(:name, loco_parent&.name)
+
+      if loco_parent&.radio?
+        setup_radio_button
+      else
+        setup_component
+      end
+
+      setup_content_wrapper unless custom_content?
+    end
+
+    def setup_component
+      set_tag_name(:component, :a)
+      add_css(:component, "tab")
+      add_css(:component, "tab-active") if @active || @checked
+      add_html(:component, { role: "tab", href: @href, target: @target, "aria-label": @simple_title })
+      add_html(:component, { disabled: @disabled }) if @disabled
+    end
+
+    def setup_radio_button
+      set_tag_name(:component, :input)
+      add_css(:component, "tab")
+      add_html(:component, {
+        type: "radio",
+        role: "tab",
+        "aria-label": @simple_title,
+        name: @name,
+        value: @value,
+        checked: @active || @checked
+      })
+      add_html(:component, { disabled: @disabled }) if @disabled
+    end
+
+    def setup_content_wrapper
+      add_css(:content_wrapper, "tab-content")
+      add_html(:content_wrapper, { role: "tabpanel" })
+    end
+
+    def call
+      # Not sure why we need these, but this forces the rendering below to
+      # include the content blocks passed to each slot.
+      # title.to_s if title?
+      # custom_content.to_s if custom_content?
+
+      capture do
+        if loco_parent&.radio?
+          concat(part(:component))
+        else
+          concat(part(:component) { concat(title? ? title : @simple_title) })
+        end
+
+        concat(part(:content_wrapper) { content }) if content? && content
+        concat(custom_content) if custom_content?
+      end
+    end
+  end
+
+  renders_many :tabs, TabComponent
+
+  attr_reader :name, :radio
+
+  def initialize(*args, **kws, &block)
+    super
+
+    @name = config_option(:name, "tabs-#{SecureRandom.uuid}")
+    @radio = config_option(:radio, false)
+  end
+
+  def before_render
+    add_css(:component, "tabs")
+    add_html(:component, { role: "tablist" })
+  end
+
+  def radio?
+    radio
+  end
+
+end

data/app/components/hero/icon_component.rb

@@ -0,0 +1,18 @@
+class Hero::IconComponent < LocoMotion.configuration.base_component_class
+  def initialize(*args, **kws, &block)
+    super
+
+    # Accept either the :icon keyword argument or the first positional argument
+    @icon = config_option(:icon, args[0])
+    @variant = config_option(:variant)
+  end
+
+  def before_render
+    add_html(:component, { variant: @variant }) if @variant
+    add_css(:component, "[:where(&)]:size-5")
+  end
+
+  def call
+    heroicon_tag(@icon, **rendered_html(:component))
+  end
+end

data/lib/daisy/helpers.rb

@@ -0,0 +1,61 @@
+module Daisy
+  COMPONENT_HELPERS = {
+    # TODO: The hero icons should be in a different helper? Or maybe this whole
+    # thing should be in a Loco module instead of Daisy?
+
+    ### Hero Icons
+    icon: "Hero::IconComponent",
+
+    ### Daisy Components
+
+    # Actions
+    button: "Daisy::Actions::ButtonComponent",
+    dropdown: "Daisy::Actions::DropdownComponent",
+    modal: "Daisy::Actions::ModalComponent",
+    swap: "Daisy::Actions::SwapComponent",
+    theme_controller: "Daisy::Actions::ThemeControllerComponent",
+
+    # Data
+    accordion: "Daisy::DataDisplay::AccordionComponent",
+    avatar: "Daisy::DataDisplay::AvatarComponent",
+    badge: "Daisy::DataDisplay::BadgeComponent",
+    card: "Daisy::DataDisplay::CardComponent",
+    carousel: "Daisy::DataDisplay::CarouselComponent",
+    chat: "Daisy::DataDisplay::ChatComponent",
+    collapse: "Daisy::DataDisplay::CollapseComponent",
+    countdown: "Daisy::DataDisplay::CountdownComponent",
+    diff: "Daisy::DataDisplay::DiffComponent",
+    kbd: "Daisy::DataDisplay::KbdComponent",
+    stat: "Daisy::DataDisplay::StatComponent",
+    table: "Daisy::DataDisplay::TableComponent",
+    timeline: "Daisy::DataDisplay::TimelineComponent",
+
+    # Navigation
+    breadcrumbs: "Daisy::Navigation::BreadcrumbsComponent",
+    bottom_nav: "Daisy::Navigation::BottomNavComponent",
+    link: "Daisy::Navigation::LinkComponent",
+    menu: "Daisy::Navigation::MenuComponent",
+    navbar: "Daisy::Navigation::NavbarComponent",
+    # TODO: This doesn't exist as a component, so it feels weird to have it
+    # here; but it makes the navigation work properly.
+    pagination: "Daisy::Navigation::PaginationComponent",
+    steps: "Daisy::Navigation::StepsComponent",
+    tabs: "Daisy::Navigation::TabsComponent",
+
+    # Feedback
+    alert: "Daisy::Feedback::AlertComponent",
+
+    # Layout
+    join: "Daisy::Layout::JoinComponent",
+  }
+
+  module Helpers
+    COMPONENT_HELPERS.each do |method_name, component_klass|
+      framework = component_klass.split("::").first.downcase
+
+      ActionView::Helpers.define_method("#{framework}_#{method_name}") do |*args, **kws, &block|
+        render(component_klass.constantize.new(*args, **kws), &block)
+      end
+    end
+  end
+end

data/lib/daisy.rb

@@ -0,0 +1,19 @@
+require "daisy/helpers"
+require "heroicons-rails"
+
+module Daisy
+  #
+  # Holds all Action-type components.
+  #
+  module Actions; end
+
+  #
+  # Holds all Data-type components.
+  #
+  module DataDisplay; end
+
+  #
+  # Holds all Navigation-type components.
+  #
+  module Navigation; end
+end