ariadne_view_components 0.0.86.2 → 0.0.86.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 06a2323ff555207a9801c3161caaa940653eceb345a0350bda642fdbabb22e5b
-  data.tar.gz: 9d32d797fb49c8cec4d1490af1a03d6471860b975d6b97e0ce79357ea6e009fc
+  metadata.gz: 6e5aa146d6a699cddca231f305726db1c7691a5211b6eb7dfb77497e0bc58ab1
+  data.tar.gz: f49888f145149a2a005ffb36bbb66277e08b9f38568d39a56d87b36d9b963bad
 SHA512:
-  metadata.gz: f9751af10468912b6e503578aa32e6100802bc7d7aee0fcec8e69d74a08a0dca929b6bb0efec0a4a641e7dd71e1a51a16bd45761627c1ef8638ebe7a1ff4df1e
-  data.tar.gz: 9e7ea157df17b76cf48df7387261edf309f64d109863c23d7c73942401540a56e4e3873cbc3854ee5c17878016cffb0c604b9a40367eb35661db13f147f06a3d
+  metadata.gz: c9f99e57e47432b1a95042feabb9b11c4582e52264c1f7935ee9444aba446edf5255b1f2978ccaa7da1a46217e693b07b8ff198e1b1d408f4c8444f71cbfea2b
+  data.tar.gz: 3986e07878164ae3307316940f2e920be8115c825b44446273b3265588fa1276cbb75df0673f078e074f86b8191418aff4a6af661b62c225308ea5b4ef331d9a

data/CHANGELOG.md

@@ -1,3 +1,7 @@
+# [v0.0.86.4] - 09-08-2024
+**Full Changelog**: https://github.com/yettoapp/ariadne/compare/v0.0.86.3...v0.0.86.4
+# [v0.0.86.3] - 08-08-2024
+**Full Changelog**: https://github.com/yettoapp/ariadne/compare/v0.0.86.2...v0.0.86.3
 # [v0.0.86.2] - 08-08-2024
 **Full Changelog**: https://github.com/yettoapp/ariadne/compare/v0.0.86.1...v0.0.86.2
 # [v0.0.86.1] - 08-08-2024

data/app/components/ariadne/form/toggle/component.rb

@@ -8,7 +8,7 @@ module Ariadne
         option :size, default: proc { :md }
         option :reversed, default: proc { false }
 
-        include Tooltipable
+        include Ariadne::Behaviors::Tooltipable
 
         # @param form_url [String] The URL to POST to when the toggle switch is toggled. If `nil`, the toggle switch will not make any requests.
         # @param csrf_token [String] A CSRF token that will be sent to the server as "authenticity_token" when the toggle switch is toggled. Unused if `src` is `nil`.

data/app/components/ariadne/ui/list/component.html.erb

@@ -23,12 +23,7 @@
       </div>
     <% end %>
     <% items.each do |item| %>
-      <div
-            <%= 'role="menuitem"' if as_menu %>
-            class="<%= style(:item) %>"
-            data-<%= stimulus_name %>-target="searchString">
-        <div class="ariadne-relative ariadne-flex ariadne-w-full"><%= item %></div>
-      </div>
+      <%= item %>
     <% end %>
     <div class="ariadne-text-center ariadne-hidden" data-<%= stimulus_name %>-target="emptyRoot">
       <span class="ariadne-py-3 ariadne-text-md ariadne-text-zinc-600 dark:ariadne-text-zinc-400"><%= @empty_placeholder %> </span>

data/app/components/ariadne/ui/list/component.rb

@@ -5,8 +5,6 @@ module Ariadne
   module UI
     module List
       class Component < Ariadne::BaseComponent
-        option :as_menu, default: proc { false }
-
         option :size, default: proc { :md }
 
         renders_one :filter_field, lambda { |**options|
@@ -59,7 +57,7 @@ module Ariadne
           Ariadne::UI::Link::Component.new(**options)
         }
 
-        renders_many :items, BaseComponent::ACCEPT_ANYTHING
+        renders_many :items, Ariadne::UI::List::Item::Component
 
         accepts_html_attributes do |html_attrs|
           html_attrs[:class] = Ariadne::ViewComponents.tailwind_merger.merge([style, html_attrs[:class]].join(" "))
@@ -68,6 +66,13 @@ module Ariadne
           }
         end
 
+        SHARED_BACKGROUND_COLORS = [
+          "hover:ariadne-bg-blue-100",
+          "hover:dark:ariadne-bg-blue-800",
+          "focus-within:ariadne-bg-blue-100",
+          "focus-within:dark:ariadne-bg-blue-800",
+        ]
+
         style do
           base do
             [
@@ -95,34 +100,6 @@ module Ariadne
             ]
           end
         end
-
-        SHARED_BACKGROUND_COLORS = [
-          "hover:ariadne-bg-blue-100",
-          "hover:dark:ariadne-bg-blue-800",
-          "focus-within:ariadne-bg-blue-100",
-          "focus-within:dark:ariadne-bg-blue-800",
-        ]
-        style :item do
-          base do
-            [
-              # "ariadne-gap-0.5",
-              "ariadne-items-center",
-              "ariadne-rounded",
-              "!ariadne-ring-0",
-              "ariadne-cursor-default",
-              "ariadne-select-none",
-              "ariadne-items-center",
-              "ariadne-rounded-sm",
-              "ariadne-px-2",
-              # "ariadne-py-1.5",
-              "ariadne-text-sm",
-              "ariadne-outline-none",
-              "ariadne-transition-colors",
-              "disabled:ariadne-pointer-events-none",
-              "disabled:ariadne-opacity-50",
-            ].concat(SHARED_BACKGROUND_COLORS)
-          end
-        end
       end
     end
   end

data/app/components/ariadne/ui/list/item/component.html.erb

@@ -0,0 +1,5 @@
+<div
+  <%= 'role="menuitem"' if as_menu %>
+  class="<%= html_attrs[:class] %>" <%= html_attributes %>>
+  <div class="ariadne-relative ariadne-flex ariadne-w-full"><%= content %></div>
+</div>

data/app/components/ariadne/ui/list/item/component.rb

@@ -0,0 +1,45 @@
+# typed: false
+# frozen_string_literal: true
+
+module Ariadne
+  module UI
+    module List
+      module Item
+        class Component < Ariadne::BaseComponent
+          option :as_menu, default: proc { false }
+
+          accepts_html_attributes do |html_attrs|
+            html_attrs[:class] = Ariadne::ViewComponents.tailwind_merger.merge([style(:item), html_attrs[:class]].join(" "))
+
+            html_attrs[:data] ||= {}
+            html_attrs[:data] = {
+              "#{stimulus_name}-target": "searchString",
+            }.merge(html_attrs[:data])
+          end
+
+          style :item do
+            base do
+              [
+                # "ariadne-gap-0.5",
+                "ariadne-items-center",
+                "ariadne-rounded",
+                "!ariadne-ring-0",
+                "ariadne-cursor-default",
+                "ariadne-select-none",
+                "ariadne-items-center",
+                "ariadne-rounded-sm",
+                "ariadne-px-2",
+                # "ariadne-py-1.5",
+                "ariadne-text-sm",
+                "ariadne-outline-none",
+                "ariadne-transition-colors",
+                "disabled:ariadne-pointer-events-none",
+                "disabled:ariadne-opacity-50",
+              ].concat(Ariadne::UI::List::Component::SHARED_BACKGROUND_COLORS)
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/lib/ariadne/view_components/version.rb

@@ -3,6 +3,6 @@
 # :nocov:
 module Ariadne
   module ViewComponents
-    VERSION = "0.0.86.2"
+    VERSION = "0.0.86.4"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ariadne_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.86.2
+  version: 0.0.86.4
 platform: ruby
 authors:
 - Garen J. Torikian
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-08-08 00:00:00.000000000 Z
+date: 2024-08-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: tailwind_merge
@@ -236,6 +236,8 @@ files:
 - app/components/ariadne/ui/list/component.html.erb
 - app/components/ariadne/ui/list/component.rb
 - app/components/ariadne/ui/list/component.ts
+- app/components/ariadne/ui/list/item/component.html.erb
+- app/components/ariadne/ui/list/item/component.rb
 - app/components/ariadne/ui/overlay/component.html.erb
 - app/components/ariadne/ui/overlay/component.rb
 - app/components/ariadne/ui/overlay/component.ts