ariadne_view_components 0.0.86.3 → 0.0.86.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: decf10fda316c17f41680ed93bde1134ab82da0214a746d0bb578ae886b9ca19
-  data.tar.gz: 5a78100b9a0d2a9fc044ce6c5f89851184dbfe34ba9249485b27fc268ab2d745
+  metadata.gz: 2c7bf1abd34d8698af4024945595f8d401d56ee7dd8cdccfc045ce94ebbc4b25
+  data.tar.gz: 073f3ca79494ed5c6860ccdae73a27e5ba9150983c22bf36791248f71e47653b
 SHA512:
-  metadata.gz: bac8f98c18afa04b69712b4629b164636cba4a87f3d72d216a62e3025dfaa83fea231f66569f549907252f48138d504f4e8a6811edeca0eb855d21cab41dbffa
-  data.tar.gz: 11d264b73e1329184cbc5e6887ea64d6f9ece05fd0c8806a662d55dacbd6e4fe1a4987e693137ccf288555db7ade34774a0706bbffba4e417e26c25614fda1f1
+  metadata.gz: 30ab3ee33eea24f06a3d8999ffddee8d118f92fe5bc05a8ffd7c1490724b04f1ecfb66b316c64fb4bdc939a65c817785a0b8d87d7f31af9bae3c199323e4d134
+  data.tar.gz: 22cec4f4a337d2386d958d2e271647a21366783db32142d96883edaa2a48bc47f6789d7188c2bebaba13d68252a43e00d6bd970bf465ce4bc248c7fff9e7a359

data/CHANGELOG.md

@@ -1,3 +1,7 @@
+# [v0.0.86.5] - 11-08-2024
+**Full Changelog**: https://github.com/yettoapp/ariadne/compare/v0.0.86.4...v0.0.86.5
+# [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

data/app/components/ariadne/form/toggle/component.html.erb

@@ -1,5 +1,5 @@
 <label class="<%= style(:label, reversed:) %>">
-  <input type="checkbox" class="ariadne-sr-only ariadne-peer" <%= html_attributes %>>
+  <input type="checkbox" class="<%= html_attrs[:class] %>" <%= html_attributes %>>
   <span class="<%= style(size:) %>"></span>
   <span class="ariadne-text-sm ariadne-font-medium ariadne-text-gray-900 dark:ariadne-text-gray-300">
     <%= content %>

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

@@ -20,7 +20,7 @@ module Ariadne
         option :enabled, default: proc { true }
 
         accepts_html_attributes do |html_attrs|
-          html_attrs[:class] = Ariadne::ViewComponents.tailwind_merger.merge([style(size:), html_attrs[:class]].join(" "))
+          html_attrs[:class] = Ariadne::ViewComponents.tailwind_merger.merge(["ariadne-sr-only ariadne-peer", html_attrs[:class]].join(" "))
 
           if @checked
             html_attrs[:checked] = @checked
@@ -29,9 +29,9 @@ module Ariadne
 
           html_attrs[:data] ||= {}
           html_attrs[:data] = {
-            controller: "#{stimulus_name} #{html_attrs[:data].delete(:controller)}".strip,
+            controller: "#{stimulus_name} #{html_attrs[:data][:controller]}".rstrip,
             "#{stimulus_name}-target": "toggle",
-            action: "click->#{stimulus_name}#toggle #{html_attrs[:data].delete(:action)}".strip,
+            action: "click->#{stimulus_name}#toggle #{html_attrs[:data][:action]}".rstrip,
           }.merge(html_attrs[:data])
         end
 

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.3"
+    VERSION = "0.0.86.5"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ariadne_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.86.3
+  version: 0.0.86.5
 platform: ruby
 authors:
 - Garen J. Torikian
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-08-08 00:00:00.000000000 Z
+date: 2024-08-11 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