jet_ui 0.2.4

data/app/components/jet_ui/list/content_component.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module JetUi
+  module List
+    class ContentComponent < BaseComponent
+      def initialize(**options)
+        @options = options
+      end
+
+      def call
+        content_tag :div, content, class: classes, **@options
+      end
+
+      private
+
+      def classes
+        class_names('list__content', @options.delete(:class))
+      end
+    end
+  end
+end

data/app/components/jet_ui/list/icon_component.rb

@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+module JetUi
+  module List
+    class IconComponent < BaseComponent
+      def initialize(name = nil, size: 5, **options)
+        @name = name
+        @size = size
+        @options = options
+      end
+
+      def call
+        content_tag :div, class: classes, **@options do
+          render JetUi::Icon::Component.new(@name.presence || content.to_s.strip, size: @size)
+        end
+      end
+
+      private
+
+      def classes
+        class_names('list__icon', @options.delete(:class))
+      end
+    end
+  end
+end

data/app/components/jet_ui/list/item_component.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module JetUi
+  module List
+    class ItemComponent < BaseComponent
+      def initialize(**options)
+        @options = options
+      end
+
+      def call
+        content_tag :li, content, class: classes, **@options
+      end
+
+      private
+
+      def classes
+        class_names('list__item', @options.delete(:class))
+      end
+    end
+  end
+end

data/app/components/jet_ui/modal/body_component.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module JetUi
+  module Modal
+    class BodyComponent < JetUi::BaseComponent
+      def initialize(**options)
+        @options = options
+      end
+
+      def call
+        content_tag :div, content, class: classes, **@options.except(:class)
+      end
+
+      private
+
+      def classes
+        class_names('modal__body', @options[:class])
+      end
+    end
+  end
+end

data/app/components/jet_ui/modal/component.rb

@@ -0,0 +1,54 @@
+# frozen_string_literal: true
+
+module JetUi
+  module Modal
+    class Component < JetUi::BaseComponent
+      SIZES = %w[sm md lg xl 2xl 3xl 4xl 5xl 6xl].freeze
+      DEFAULT_SIZE = '2xl'
+
+      def initialize(title: nil, subtitle: nil, size: DEFAULT_SIZE, id: nil)
+        @title = title
+        @subtitle = subtitle
+        @size = size
+        @id = id
+      end
+
+      erb_template <<~ERB
+        <%= container_tag do %>
+          <%= helpers.jet_ui.modal_header(title: @title, subtitle: @subtitle, closable: closable?, id: @id) %>
+          <%= content %>
+        <% end %>
+      ERB
+
+      private
+
+      def container_tag(&block)
+        return sync_dialog(&block) if @id
+        return turbo_frame_dialog(&block) if helpers.turbo_frame_request?
+
+        content_tag :div, class: class_names('modal modal-page', "w-#{@size}"), &block
+      end
+
+      def sync_dialog(&block)
+        dialog_tag(id: @id, data: { modals_target: 'dialog' }, &block)
+      end
+
+      def turbo_frame_dialog(&block)
+        helpers.turbo_frame_tag :modal do
+          dialog_tag(id: :modalDialog, data: { controller: 'modal' }) do
+            helpers.turbo_frame_tag(:modalContent, &block)
+          end
+        end
+      end
+
+      def dialog_tag(**options, &block)
+        attrs = { tabindex: '-1', class: class_names('modal', 'animate-slide-up', "w-#{@size}") }
+        content_tag :dialog, **attrs, **options, &block
+      end
+
+      def closable?
+        helpers.turbo_frame_request? || @id
+      end
+    end
+  end
+end

data/app/components/jet_ui/modal/footer_component.rb

@@ -0,0 +1,45 @@
+# frozen_string_literal: true
+
+module JetUi
+  module Modal
+    class FooterComponent < JetUi::BaseComponent
+      def initialize(direction: :row, align: :start, justify: :start, bordered: true, **options)
+        @direction = direction
+        @align = align
+        @justify = justify
+        @bordered = bordered
+        @options = options
+      end
+
+      def call
+        content_tag :div, content, class: classes, **@options.except(:class)
+      end
+
+      private
+
+      def classes
+        class_names(
+          'modal__footer',
+          { 'modal__footer-bordered' => @bordered },
+          direction_class,
+          align_class,
+          justify_class,
+          @options[:class]
+        )
+      end
+
+      def direction_class
+        { col: 'flex flex-col gap-2', row: 'flex flex-row gap-2' }[@direction]
+      end
+
+      def align_class
+        { start: 'items-start', center: 'items-center', end: 'items-end' }[@align]
+      end
+
+      def justify_class
+        { start: 'justify-start', center: 'justify-center', end: 'justify-end',
+          between: 'justify-between' }[@justify]
+      end
+    end
+  end
+end

data/app/components/jet_ui/modal/header_component.rb

@@ -0,0 +1,46 @@
+# frozen_string_literal: true
+
+module JetUi
+  module Modal
+    class HeaderComponent < JetUi::BaseComponent
+      def initialize(title: nil, subtitle: nil, closable: true, id: nil, bordered: true, **options)
+        @title = title
+        @subtitle = subtitle
+        @closable = closable
+        @id = id
+        @bordered = bordered
+        @options = options
+      end
+
+      erb_template <<~ERB
+        <div class="<%= classes %>">
+          <div>
+            <% if @title %>
+              <h3 class="modal__title"><%= @title %></h3>
+            <% end %>
+            <% if @subtitle %>
+              <div class="modal__subtitle"><%= @subtitle %></div>
+            <% end %>
+            <%= content %>
+          </div>
+
+          <% if @closable %>
+            <button type="button" class="modal__close" data-action="click->modal#close click->modals#close" aria-label="Close" data-id="<%= @id %>">
+              <%= helpers.jet_ui.icon("x-mark", size: 6) %>
+            </button>
+          <% end %>
+        </div>
+      ERB
+
+      private
+
+      def classes
+        class_names(
+          'modal__header',
+          { 'modal__header-bordered' => @bordered },
+          @options[:class]
+        )
+      end
+    end
+  end
+end

data/app/components/jet_ui/navbar/actions_component.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module JetUi
+  module Navbar
+    class ActionsComponent < JetUi::BaseComponent
+      def initialize(**options)
+        @options = options
+      end
+
+      def call
+        content_tag(:div, content, class: classes, **@options.except(:class))
+      end
+
+      private
+
+      def classes
+        class_names('navbar__actions', @options[:class])
+      end
+    end
+  end
+end

data/app/components/jet_ui/navbar/brand_component.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module JetUi
+  module Navbar
+    class BrandComponent < JetUi::BaseComponent
+      def initialize(**options)
+        @options = options
+      end
+
+      def call
+        content_tag(:div, content, class: classes, **@options.except(:class))
+      end
+
+      private
+
+      def classes
+        class_names('navbar__brand', @options[:class])
+      end
+    end
+  end
+end

data/app/components/jet_ui/navbar/component.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module JetUi
+  module Navbar
+    class Component < JetUi::BaseComponent
+      def initialize(sticky: true, **options)
+        @sticky = sticky
+        @options = options
+      end
+
+      def call
+        content_tag(:header, content, class: classes, **@options.except(:class))
+      end
+
+      private
+
+      def classes
+        class_names('navbar', { 'navbar-sticky' => @sticky }, @options[:class])
+      end
+    end
+  end
+end

data/app/components/jet_ui/navbar/content_component.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module JetUi
+  module Navbar
+    class ContentComponent < JetUi::BaseComponent
+      def initialize(**options)
+        @options = options
+      end
+
+      def call
+        content_tag(:div, content, class: classes, **@options.except(:class))
+      end
+
+      private
+
+      def classes
+        class_names('navbar__content', @options[:class])
+      end
+    end
+  end
+end

data/app/components/jet_ui/navbar/main_component.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module JetUi
+  module Navbar
+    class MainComponent < JetUi::BaseComponent
+      def initialize(**options)
+        @options = options
+      end
+
+      def call
+        content_tag(:div, content, class: classes, **@options.except(:class))
+      end
+
+      private
+
+      def classes
+        class_names('navbar__main', @options[:class])
+      end
+    end
+  end
+end

data/app/components/jet_ui/pagy/component.rb

@@ -0,0 +1,38 @@
+# frozen_string_literal: true
+
+module JetUi
+  module Pagy
+    class Component < BaseComponent
+      WRAPPER_CLASSES = 'flex flex-col md:items-center gap-x-6 gap-y-2 md:justify-between md:flex-row'
+
+      def initialize(pagy:, **options)
+        @pagy    = pagy
+        @options = options
+      end
+
+      def render?
+        @pagy.pages > 1
+      end
+
+      def call
+        content_tag :div, class: class_names(WRAPPER_CLASSES, @options.delete(:class)), **@options do
+          safe_join([page_info, nav_wrapper])
+        end
+      end
+
+      private
+
+      def page_info
+        content_tag(:div, class: 'sticky left-0 text-muted-foreground') do
+          content_tag(:div) do
+            safe_join(['Page ', content_tag(:strong, @pagy.page.to_s), " of #{@pagy.pages}"])
+          end
+        end
+      end
+
+      def nav_wrapper
+        content_tag(:div, content, class: 'sticky left-0 md:right-0')
+      end
+    end
+  end
+end

data/app/components/jet_ui/popover/component.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module JetUi
+  module Popover
+    class Component < JetUi::BaseComponent
+      def initialize(placement: :bottom, **options)
+        @placement = placement
+        @options = options
+      end
+
+      erb_template <<~ERB
+        <%= content_tag :div, **attrs, class: 'w-fit' do %>
+          <%= content %>
+        <% end %>
+      ERB
+
+      private
+
+      def attrs
+        data_attributes = {
+          controller: 'popover',
+          popover_placement_value: @placement
+        }.deep_merge(@options.fetch(:data, {}))
+
+        @options.except(:data).merge(data: data_attributes)
+      end
+    end
+  end
+end

data/app/components/jet_ui/popover/content_component.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+module JetUi
+  module Popover
+    class ContentComponent < JetUi::BaseComponent
+      def initialize(title: nil, **options)
+        @title = title
+        @options = options
+      end
+
+      erb_template <<~ERB
+        <%= content_tag :div, class: "popover", data: { popover_target: "content" }, **@options.except(:class, :data) do %>
+          <% if @title %>
+            <div class="popover__title"><%= @title %></div>
+          <% end %>
+          <div class="popover__body">
+            <%= content %>
+          </div>
+        <% end %>
+      ERB
+    end
+  end
+end

data/app/components/jet_ui/popover/trigger_component.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+module JetUi
+  module Popover
+    class TriggerComponent < JetUi::BaseComponent
+      def initialize(as: nil, **options)
+        @as = as
+        @options = options
+      end
+
+      def call
+        if @as
+          helpers.jet_ui.public_send(@as, **@options) { content }
+        else
+          content_tag :span, content, **@options
+        end
+      end
+    end
+  end
+end

data/app/components/jet_ui/sidebar/component.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+module JetUi
+  module Sidebar
+    class Component < JetUi::BaseComponent
+      def initialize(**options)
+        @options = options
+      end
+
+      def call
+        content_tag(:nav, content, class: classes, **data_attributes, **@options.except(:class, :data))
+      end
+
+      private
+
+      def classes
+        class_names('sidebar', @options[:class])
+      end
+
+      def data_attributes
+        default_data = { sidebar_target: 'menu' }
+        custom_data = @options[:data] || {}
+        { data: default_data.merge(custom_data) }
+      end
+    end
+  end
+end

data/app/components/jet_ui/sidebar/link_component.rb

@@ -0,0 +1,44 @@
+# frozen_string_literal: true
+
+module JetUi
+  module Sidebar
+    class LinkComponent < JetUi::BaseComponent
+      def initialize(url: nil, disabled: false, active: nil, **options)
+        @url = url
+        @disabled = disabled
+        @active = active
+        @options = options
+      end
+
+      erb_template <<~ERB
+        <li>
+          <% if @disabled %>
+            <span class="<%= classes %>"><%= content %></span>
+          <% else %>
+            <%= link_to @url, class: classes, **@options.except(:class) do %>
+              <%= content %>
+            <% end %>
+          <% end %>
+        </li>
+      ERB
+
+      private
+
+      def classes
+        class_names(
+          'sidebar__link',
+          ('sidebar__link-active' if active?),
+          ('sidebar__link-disabled' if @disabled),
+          @options[:class]
+        )
+      end
+
+      def active?
+        return @active unless @active.nil?
+        return false if @url.nil? || @disabled
+
+        helpers.current_page?(@url)
+      end
+    end
+  end
+end

data/app/components/jet_ui/sidebar/menu_component.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module JetUi
+  module Sidebar
+    class MenuComponent < JetUi::BaseComponent
+      def initialize(**options)
+        @options = options
+      end
+
+      def call
+        content_tag(:ul, content, class: classes, **@options.except(:class))
+      end
+
+      private
+
+      def classes
+        class_names('sidebar__menu', @options[:class])
+      end
+    end
+  end
+end

data/app/components/jet_ui/sidebar/section_component.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module JetUi
+  module Sidebar
+    class SectionComponent < JetUi::BaseComponent
+      def initialize(**options)
+        @options = options
+      end
+
+      def call
+        content_tag(:div, content, class: classes, **@options.except(:class))
+      end
+
+      private
+
+      def classes
+        class_names('sidebar__section', @options[:class])
+      end
+    end
+  end
+end

data/app/components/jet_ui/sidebar/title_component.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module JetUi
+  module Sidebar
+    class TitleComponent < JetUi::BaseComponent
+      def initialize(**options)
+        @options = options
+      end
+
+      def call
+        content_tag(:h4, content, class: classes, **@options.except(:class))
+      end
+
+      private
+
+      def classes
+        class_names('sidebar__title', @options[:class])
+      end
+    end
+  end
+end

data/app/components/jet_ui/spinner/component.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module JetUi
+  module Spinner
+    class Component < BaseComponent
+      def initialize(size: 6, **options)
+        @size    = size
+        @options = options
+      end
+
+      def call
+        render JetUi::Icon::Component.new('spinner', size: @size, **@options)
+      end
+    end
+  end
+end

data/app/components/jet_ui/stat/component.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module JetUi
+  module Stat
+    class Component < BaseComponent
+      def initialize(**options)
+        @options = options
+      end
+
+      def call
+        content_tag :div, content, class: classes, **@options
+      end
+
+      private
+
+      def classes
+        class_names('stat', @options.delete(:class))
+      end
+    end
+  end
+end