Merge pull request #72 from substancelab/cleanup_breadcrumb

Move breadcrumb icons inside breadcrumb namespace

Author: koppen

app/components/flowbite/breadcrumb.rb

@@ -8,10 +8,11 @@ module Flowbite
   # Breadcrumbs consist of the following components:
   #
   # - {Flowbite::Breadcrumb}: Container for breadcrumb items.
+  # - {Flowbite::Breadcrumb::HomeIcon}: Home icon for the first breadcrumb item.
+  # - {Flowbite::Breadcrumb::SeparatorIcon}: Separator between breadcrumb items.
   # - {Flowbite::BreadcrumbItem}: An individual breadcrumb item.
-  # - {Flowbite::BreadcrumbItem::First}: An individual breadcrumb item with a home icon on it.
-  # - {Flowbite::BreadcrumbSeparator}: Separator between breadcrumb items.
   # - {Flowbite::BreadcrumbItem::Current}: An invidual breadcrumb item without a link, usually used for the current page in the breadcrumb trail.
+  # - {Flowbite::BreadcrumbItem::First}: An individual breadcrumb item with a home icon on it.
   #
   # == Slots
   #

app/components/flowbite/breadcrumb/home_icon.rb

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+module Flowbite
+  class Breadcrumb
+    # Renders a breadcrumb home icon.
+    #
+    # This is typically used as a prefix icon in the first breadcrumb item,
+    # but can be used standalone if needed.
+    #
+    # @example Standalone usage
+    #   <%= render Flowbite::Breadcrumb::HomeIcon.new %>
+    class HomeIcon < ViewComponent::Base
+      def call
+        tag.svg(
+          class: "w-3 h-3 me-2.5",
+          "aria-hidden": "true",
+          xmlns: "http://www.w3.org/2000/svg",
+          fill: "currentColor",
+          viewBox: "0 0 20 20"
+        ) do
+          tag.path(
+            d: "m19.707 9.293-2-2-7-7a1 1 0 0 0-1.414 0l-7 7-2 2a1 1 0 0 0 1.414 1.414L2 10.414V18a2 2 0 0 0 2 2h3a1 1 0 0 0 1-1v-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v4a1 1 0 0 0 1 1h3a2 2 0 0 0 2-2v-7.586l.293.293a1 1 0 0 0 1.414-1.414Z"
+          )
+        end
+      end
+    end
+  end
+end

app/components/flowbite/breadcrumb/separator_icon.rb

@@ -0,0 +1,34 @@
+# frozen_string_literal: true
+
+module Flowbite
+  class Breadcrumb
+    # Renders a breadcrumb separator icon.
+    #
+    # This is automatically used by BreadcrumbItem components, but can be
+    # used standalone if needed.
+    #
+    # @example Standalone usage
+    #   <%= render Flowbite::Breadcrumb::SeparatorIcon.new %>
+    class SeparatorIcon < ViewComponent::Base
+      def call
+        tag.svg(
+          class: "w-3.5 h-3.5 rtl:rotate-180 text-body",
+          "aria-hidden": "true",
+          xmlns: "http://www.w3.org/2000/svg",
+          fill: "none",
+          height: 24,
+          viewBox: "0 0 24 24",
+          width: 24
+        ) do
+          tag.path(
+            stroke: "currentColor",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "stroke-width": "2",
+            d: "m9 5 7 7-7 7"
+          )
+        end
+      end
+    end
+  end
+end

app/components/flowbite/breadcrumb_home.rb

@@ -33,7 +33,7 @@ def item_options
     end
 
     def prefix_icon
-      Flowbite::BreadcrumbSeparator.new
+      Flowbite::Breadcrumb::SeparatorIcon.new
     end
 
     def render_link

app/components/flowbite/breadcrumb_item.rb

@@ -26,7 +26,7 @@ def prefix_icon
       end
 
       def render_link
-        icon = render(Flowbite::BreadcrumbHome.new)
+        icon = render(Flowbite::Breadcrumb::HomeIcon.new)
         link_options = {class: link_classes}.merge(options)
         content_tag(:a, safe_join([icon, content]), href: href, **link_options)
       end

app/components/flowbite/breadcrumb_item/first.rb

@@ -5,7 +5,7 @@ app/components/flowbite/toast.rb 20c14599e8a9f33cf36450edbad59b3dbeaf6bbd
 app/components/flowbite/button.rb 6ae7681d3b842d73aa99cddfa5a9b107ede7fea4
 app/components/flowbite/styles.rb 929c42e428ba5a8e16efacaae0f35380e2f5f95c
 app/components/flowbite/input/url.rb 2ad9461aaa799e0ce457279df1bd63641b845e95
-app/components/flowbite/breadcrumb.rb 441182d24e60cca44541ae62c19d80cb9dbf87a9
+app/components/flowbite/breadcrumb.rb 307d50aa45f8ace7b76b19e19907d74c1733e3c7
 app/components/flowbite/card/title.rb 8067aa1e027c725896b063b67364aecfbf2f7d4e
 app/components/flowbite/input/date.rb 5b93e5b98eef5e6e54ef18e74c72fb8746bac48b
 app/components/flowbite/input/file.rb fde42ca92377f212397f350cca288a9c80de7b8a
@@ -23,8 +23,7 @@ app/components/flowbite/button/outline.rb 2829cf352a03c00dd99a56a05181c4e1a6794d
 app/components/flowbite/input/checkbox.rb 6102546a7d3ecc15d8365444c51b8236aea503a6
 app/components/flowbite/input/password.rb a25f6a942c51960bc4d2e1a5b3922e6bdaac64c0
 app/components/flowbite/input/textarea.rb 9acc6202df28909993fd984479af686f46da6f38
-app/components/flowbite/breadcrumb_home.rb 6e2e81b5c93b83acc9dcd1b3af60a2252918e064
-app/components/flowbite/breadcrumb_item.rb 2706bc28cf6f4584abc275ec0dd41a108b50489a
+app/components/flowbite/breadcrumb_item.rb d7e802764edce7341a279a0a50d2600a517e0f8c
 app/components/flowbite/input/date_time.rb ac19cace72a0bca01064d96cdd0cacd791010170
 app/components/flowbite/input_field/url.rb f996ebbec1d25ad845bc319185d6c26ffef8623f
 app/components/flowbite/input_field/date.rb aa5cc03287db78709f20d33d35eb0ddf7b8bcdc5
@@ -35,12 +34,13 @@ app/components/flowbite/input_field/phone.rb 6a3da98a2dded98b1c4d14c2419077fc9de
 app/components/flowbite/input/radio_button.rb 40ea73beb1d0fe939b29df1cee5a566966157b9e
 app/components/flowbite/input_field/number.rb 32dce4e2bb586f64229dc78b541700df829068c7
 app/components/flowbite/input_field/select.rb 1f9788b5fff4be2b65184e73e739da8fa9de0264
-app/components/flowbite/breadcrumb_separator.rb ac057ef44dd4881b951be1d739c58ac26c4c0828
+app/components/flowbite/breadcrumb/home_icon.rb cc39c1f07e2bca4f745f5e66421da0592f1b6f72
 app/components/flowbite/input_field/checkbox.rb 4cbc6f541842838234189b383f813b164a06379b
 app/components/flowbite/input_field/password.rb 37e592f55f258cc4b81859d48763b9c0eff12f61
 app/components/flowbite/input_field/textarea.rb 52626e199b25b723b4d5355028d6bc3d7a167cd1
-app/components/flowbite/breadcrumb_item/first.rb 481b98ae963e304882a7513a19ba6f86495d32f1
+app/components/flowbite/breadcrumb_item/first.rb 329e12fe74148850c98d14d333bd94be95216f32
 app/components/flowbite/input_field/date_time.rb 0a17d49d70f3ba820fee0f8930115540f12d72e2
 app/components/flowbite/input/validation_error.rb 8536d2116ed276871df806e04a739218a01d62e7
 app/components/flowbite/breadcrumb_item/current.rb bcab74f021197c3286dff7d3ffb8528d676101bd
 app/components/flowbite/input_field/radio_button.rb adc482ad312c4c16b206bb10e566e96d709a7a2f
+app/components/flowbite/breadcrumb/separator_icon.rb 12d420399049da3c80ef4f03ce28807ec4ffd53f