fernandes-ui 0.1.1 → 0.1.4

data/app/view_components/ui/dialog_close_component.rb

@@ -1,71 +1,71 @@
 # frozen_string_literal: true
 
-    # Dialog close component (ViewComponent)
-    # Closes the dialog on click
-    #
-    # @example As button (default)
-    #   <%= render UI::CloseComponent.new { "Close" } %>
-    #
-    # @example As child (composition pattern)
-    #   <%= render UI::CloseComponent.new(as_child: true) do %>
-    #     <%= render UI::ButtonComponent.new(variant: :outline) { "Cancel" } %>
-    #   <% end %>
-    class UI::DialogCloseComponent < ViewComponent::Base
-      # @param as_child [Boolean] merge attributes into child element
-      # @param variant [Symbol] button variant (when not using as_child)
-      # @param size [Symbol] button size (when not using as_child)
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(as_child: false, variant: :outline, size: :default, classes: "", **attributes)
-        @as_child = as_child
-        @variant = variant
-        @size = size
-        @classes = classes
-        @attributes = attributes
-      end
-
-      def call
-        close_attrs = {
-          data: { action: "click->ui--dialog#close" }
-        }.deep_merge(@attributes)
+# Dialog close component (ViewComponent)
+# Closes the dialog on click
+#
+# @example As button (default)
+#   <%= render UI::CloseComponent.new { "Close" } %>
+#
+# @example As child (composition pattern)
+#   <%= render UI::CloseComponent.new(as_child: true) do %>
+#     <%= render UI::ButtonComponent.new(variant: :outline) { "Cancel" } %>
+#   <% end %>
+class UI::DialogCloseComponent < ViewComponent::Base
+  # @param as_child [Boolean] merge attributes into child element
+  # @param variant [Symbol] button variant (when not using as_child)
+  # @param size [Symbol] button size (when not using as_child)
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(as_child: false, variant: :outline, size: :default, classes: "", **attributes)
+    @as_child = as_child
+    @variant = variant
+    @size = size
+    @classes = classes
+    @attributes = attributes
+  end
 
-        if @as_child
-          # asChild mode: merge attributes into child element
-          rendered = content.to_s
-          doc = Nokogiri::HTML::DocumentFragment.parse(rendered)
-          first_element = doc.children.find { |node| node.element? }
+  def call
+    close_attrs = {
+      data: {action: "click->ui--dialog#close"}
+    }.deep_merge(@attributes)
 
-          if first_element
-            # Merge data attributes (convert Rails naming to HTML)
-            close_attrs.fetch(:data, {}).each do |key, value|
-              html_key = key.to_s.gsub("__", "--").gsub("_", "-")
-              first_element["data-#{html_key}"] = value
-            end
+    if @as_child
+      # asChild mode: merge attributes into child element
+      rendered = content.to_s
+      doc = Nokogiri::HTML::DocumentFragment.parse(rendered)
+      first_element = doc.children.find { |node| node.element? }
 
-            # Merge CSS classes with TailwindMerge
-            if close_attrs[:class]
-              existing_classes = first_element["class"] || ""
-              merged_classes = TailwindMerge::Merger.new.merge([existing_classes, close_attrs[:class]].join(" "))
-              first_element["class"] = merged_classes
-            end
+      if first_element
+        # Merge data attributes (convert Rails naming to HTML)
+        close_attrs.fetch(:data, {}).each do |key, value|
+          html_key = key.to_s.gsub("__", "--").tr("_", "-")
+          first_element["data-#{html_key}"] = value
+        end
 
-            # Merge other attributes (except data and class)
-            close_attrs.except(:data, :class).each do |key, value|
-              first_element[key.to_s] = value
-            end
+        # Merge CSS classes with TailwindMerge
+        if close_attrs[:class]
+          existing_classes = first_element["class"] || ""
+          merged_classes = TailwindMerge::Merger.new.merge([existing_classes, close_attrs[:class]].join(" "))
+          first_element["class"] = merged_classes
+        end
 
-            doc.to_html.html_safe
-          else
-            content
-          end
-        else
-          # Default: render as Button component
-          render(UI::ButtonComponent.new(
-            variant: @variant,
-            size: @size,
-            classes: @classes,
-            **close_attrs
-          ).with_content(content))
+        # Merge other attributes (except data and class)
+        close_attrs.except(:data, :class).each do |key, value|
+          first_element[key.to_s] = value
         end
+
+        doc.to_html.html_safe
+      else
+        content
       end
+    else
+      # Default: render as Button component
+      render(UI::ButtonComponent.new(
+        variant: @variant,
+        size: @size,
+        classes: @classes,
+        **close_attrs
+      ).with_content(content))
     end
+  end
+end

data/app/view_components/ui/dialog_component.rb

@@ -1,50 +1,50 @@
 # frozen_string_literal: true
 
-    # Dialog container component (ViewComponent)
-    # A modal dialog window that renders content over the main page
-    #
-    # @example Basic usage
-    #   <%= render UI::DialogComponent.new do %>
-    #     <%= render UI::TriggerComponent.new { "Open Dialog" } %>
-    #     <%= render UI::OverlayComponent.new do %>
-    #       <%= render UI::ContentComponent.new do %>
-    #         <%= render UI::HeaderComponent.new do %>
-    #           <%= render UI::TitleComponent.new { "Dialog Title" } %>
-    #           <%= render UI::DescriptionComponent.new { "Dialog description" } %>
-    #         <% end %>
-    #         <!-- Content -->
-    #         <%= render UI::FooterComponent.new do %>
-    #           <%= render UI::CloseComponent.new { "Cancel" } %>
-    #         <% end %>
-    #       <% end %>
-    #     <% end %>
-    #   <% end %>
-    class UI::DialogComponent < ViewComponent::Base
-      include UI::DialogBehavior
+# Dialog container component (ViewComponent)
+# A modal dialog window that renders content over the main page
+#
+# @example Basic usage
+#   <%= render UI::DialogComponent.new do %>
+#     <%= render UI::TriggerComponent.new { "Open Dialog" } %>
+#     <%= render UI::OverlayComponent.new do %>
+#       <%= render UI::ContentComponent.new do %>
+#         <%= render UI::HeaderComponent.new do %>
+#           <%= render UI::TitleComponent.new { "Dialog Title" } %>
+#           <%= render UI::DescriptionComponent.new { "Dialog description" } %>
+#         <% end %>
+#         <!-- Content -->
+#         <%= render UI::FooterComponent.new do %>
+#           <%= render UI::CloseComponent.new { "Cancel" } %>
+#         <% end %>
+#       <% end %>
+#     <% end %>
+#   <% end %>
+class UI::DialogComponent < ViewComponent::Base
+  include UI::DialogBehavior
 
-      # @param open [Boolean] whether the dialog is open
-      # @param close_on_escape [Boolean] close on Escape key press
-      # @param close_on_overlay_click [Boolean] close on overlay click
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(
-        open: false,
-        close_on_escape: true,
-        close_on_overlay_click: true,
-        classes: "",
-        **attributes
-      )
-        @open = open
-        @close_on_escape = close_on_escape
-        @close_on_overlay_click = close_on_overlay_click
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param open [Boolean] whether the dialog is open
+  # @param close_on_escape [Boolean] close on Escape key press
+  # @param close_on_overlay_click [Boolean] close on overlay click
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(
+    open: false,
+    close_on_escape: true,
+    close_on_overlay_click: true,
+    classes: "",
+    **attributes
+  )
+    @open = open
+    @close_on_escape = close_on_escape
+    @close_on_overlay_click = close_on_overlay_click
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        attrs = dialog_html_attributes
-        attrs[:data] = attrs[:data].merge(@attributes.fetch(:data, {}))
+  def call
+    attrs = dialog_html_attributes
+    attrs[:data] = attrs[:data].merge(@attributes.fetch(:data, {}))
 
-        content_tag :div, content, **attrs.merge(@attributes.except(:data))
-      end
-    end
+    content_tag :div, content, **attrs.merge(@attributes.except(:data))
+  end
+end

data/app/view_components/ui/dialog_content_component.rb

@@ -1,28 +1,28 @@
 # frozen_string_literal: true
 
-    # Dialog content component (ViewComponent)
-    # Main content area for the dialog
-    #
-    # @example
-    #   <%= render UI::ContentComponent.new do %>
-    #     <!-- Content -->
-    #   <% end %>
-    class UI::DialogContentComponent < ViewComponent::Base
-      include UI::DialogContentBehavior
+# Dialog content component (ViewComponent)
+# Main content area for the dialog
+#
+# @example
+#   <%= render UI::ContentComponent.new do %>
+#     <!-- Content -->
+#   <% end %>
+class UI::DialogContentComponent < ViewComponent::Base
+  include UI::DialogContentBehavior
 
-      # @param open [Boolean] whether the dialog is open
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(open: false, classes: "", **attributes)
-        @open = open
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param open [Boolean] whether the dialog is open
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(open: false, classes: "", **attributes)
+    @open = open
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        attrs = dialog_content_html_attributes
-        attrs[:data] = attrs[:data].merge(@attributes.fetch(:data, {}))
+  def call
+    attrs = dialog_content_html_attributes
+    attrs[:data] = attrs[:data].merge(@attributes.fetch(:data, {}))
 
-        content_tag :div, content, **attrs.merge(@attributes.except(:data))
-      end
-    end
+    content_tag :div, content, **attrs.merge(@attributes.except(:data))
+  end
+end

data/app/view_components/ui/dialog_description_component.rb

@@ -1,26 +1,26 @@
 # frozen_string_literal: true
 
-    # Dialog description component (ViewComponent)
-    # Description text for the dialog
-    #
-    # @example
-    #   <%= render UI::DescriptionComponent.new { "Dialog description" } %>
-    class UI::DialogDescriptionComponent < ViewComponent::Base
-      # @param classes [String] additional CSS classes
-      def initialize(classes: "")
-        @classes = classes
-      end
+# Dialog description component (ViewComponent)
+# Description text for the dialog
+#
+# @example
+#   <%= render UI::DescriptionComponent.new { "Dialog description" } %>
+class UI::DialogDescriptionComponent < ViewComponent::Base
+  # @param classes [String] additional CSS classes
+  def initialize(classes: "")
+    @classes = classes
+  end
 
-      def call
-        content_tag :p, content, class: description_classes
-      end
+  def call
+    content_tag :p, content, class: description_classes
+  end
 
-      private
+  private
 
-      def description_classes
-        TailwindMerge::Merger.new.merge([
-          "text-muted-foreground text-sm",
-          @classes
-        ].compact.join(" "))
-      end
-    end
+  def description_classes
+    TailwindMerge::Merger.new.merge([
+      "text-muted-foreground text-sm",
+      @classes
+    ].compact.join(" "))
+  end
+end

data/app/view_components/ui/dialog_footer_component.rb

@@ -1,21 +1,21 @@
 # frozen_string_literal: true
 
-    # Dialog footer component (ViewComponent)
-    # Footer section for the dialog
-    #
-    # @example
-    #   <%= render UI::FooterComponent.new do %>
-    #     <%= render UI::CloseComponent.new { "Close" } %>
-    #   <% end %>
-    class UI::DialogFooterComponent < ViewComponent::Base
-      include UI::DialogFooterBehavior
+# Dialog footer component (ViewComponent)
+# Footer section for the dialog
+#
+# @example
+#   <%= render UI::FooterComponent.new do %>
+#     <%= render UI::CloseComponent.new { "Close" } %>
+#   <% end %>
+class UI::DialogFooterComponent < ViewComponent::Base
+  include UI::DialogFooterBehavior
 
-      # @param classes [String] additional CSS classes
-      def initialize(classes: "")
-        @classes = classes
-      end
+  # @param classes [String] additional CSS classes
+  def initialize(classes: "")
+    @classes = classes
+  end
 
-      def call
-        content_tag :div, content, **dialog_footer_html_attributes
-      end
-    end
+  def call
+    content_tag :div, content, **dialog_footer_html_attributes
+  end
+end

data/app/view_components/ui/dialog_header_component.rb

@@ -1,22 +1,22 @@
 # frozen_string_literal: true
 
-    # Dialog header component (ViewComponent)
-    # Header section for the dialog
-    #
-    # @example
-    #   <%= render UI::HeaderComponent.new do %>
-    #     <%= render UI::TitleComponent.new { "Title" } %>
-    #     <%= render UI::DescriptionComponent.new { "Description" } %>
-    #   <% end %>
-    class UI::DialogHeaderComponent < ViewComponent::Base
-      include UI::DialogHeaderBehavior
+# Dialog header component (ViewComponent)
+# Header section for the dialog
+#
+# @example
+#   <%= render UI::HeaderComponent.new do %>
+#     <%= render UI::TitleComponent.new { "Title" } %>
+#     <%= render UI::DescriptionComponent.new { "Description" } %>
+#   <% end %>
+class UI::DialogHeaderComponent < ViewComponent::Base
+  include UI::DialogHeaderBehavior
 
-      # @param classes [String] additional CSS classes
-      def initialize(classes: "")
-        @classes = classes
-      end
+  # @param classes [String] additional CSS classes
+  def initialize(classes: "")
+    @classes = classes
+  end
 
-      def call
-        content_tag :div, content, **dialog_header_html_attributes
-      end
-    end
+  def call
+    content_tag :div, content, **dialog_header_html_attributes
+  end
+end

data/app/view_components/ui/dialog_overlay_component.rb

@@ -1,36 +1,36 @@
 # frozen_string_literal: true
 
-    # Dialog overlay component (ViewComponent)
-    # Container and backdrop for dialog
-    #
-    # @example
-    #   <%= render UI::OverlayComponent.new do %>
-    #     <%= render UI::ContentComponent.new do %>
-    #       <!-- Content -->
-    #     <% end %>
-    #   <% end %>
-    class UI::DialogOverlayComponent < ViewComponent::Base
-      include UI::DialogOverlayBehavior
+# Dialog overlay component (ViewComponent)
+# Container and backdrop for dialog
+#
+# @example
+#   <%= render UI::OverlayComponent.new do %>
+#     <%= render UI::ContentComponent.new do %>
+#       <!-- Content -->
+#     <% end %>
+#   <% end %>
+class UI::DialogOverlayComponent < ViewComponent::Base
+  include UI::DialogOverlayBehavior
 
-      # @param open [Boolean] whether the dialog is open
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(open: false, classes: "", **attributes)
-        @open = open
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param open [Boolean] whether the dialog is open
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(open: false, classes: "", **attributes)
+    @open = open
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        container_attrs = dialog_overlay_container_html_attributes
-        container_attrs[:data] = container_attrs[:data].merge(@attributes.fetch(:data, {}))
-        overlay_attrs = dialog_overlay_html_attributes
+  def call
+    container_attrs = dialog_overlay_container_html_attributes
+    container_attrs[:data] = container_attrs[:data].merge(@attributes.fetch(:data, {}))
+    overlay_attrs = dialog_overlay_html_attributes
 
-        content_tag :div, **container_attrs.merge(@attributes.except(:data)) do
-          safe_join([
-            content_tag(:div, "", **overlay_attrs),
-            content
-          ])
-        end
-      end
+    content_tag :div, **container_attrs.merge(@attributes.except(:data)) do
+      safe_join([
+        content_tag(:div, "", **overlay_attrs),
+        content
+      ])
     end
+  end
+end

data/app/view_components/ui/dialog_title_component.rb

@@ -1,26 +1,26 @@
 # frozen_string_literal: true
 
-    # Dialog title component (ViewComponent)
-    # Title heading for the dialog
-    #
-    # @example
-    #   <%= render UI::TitleComponent.new { "Dialog Title" } %>
-    class UI::DialogTitleComponent < ViewComponent::Base
-      # @param classes [String] additional CSS classes
-      def initialize(classes: "")
-        @classes = classes
-      end
+# Dialog title component (ViewComponent)
+# Title heading for the dialog
+#
+# @example
+#   <%= render UI::TitleComponent.new { "Dialog Title" } %>
+class UI::DialogTitleComponent < ViewComponent::Base
+  # @param classes [String] additional CSS classes
+  def initialize(classes: "")
+    @classes = classes
+  end
 
-      def call
-        content_tag :h2, content, class: title_classes
-      end
+  def call
+    content_tag :h2, content, class: title_classes
+  end
 
-      private
+  private
 
-      def title_classes
-        TailwindMerge::Merger.new.merge([
-          "text-lg font-semibold",
-          @classes
-        ].compact.join(" "))
-      end
-    end
+  def title_classes
+    TailwindMerge::Merger.new.merge([
+      "text-lg font-semibold",
+      @classes
+    ].compact.join(" "))
+  end
+end