ariadne_view_components 0.0.80.3 → 0.0.82

data/app/lib/ariadne/view_component/style_variants.rb

@@ -11,6 +11,56 @@ module Ariadne
           @default_style_name ||= name.split("::")[-2].underscore.presence || "component"
         end
       end
+
+      extend ActiveSupport::Concern
+
+      class_methods do
+        def accepts_styles_for(*names, **defaults, &block)
+          names ||= []
+          names << default_style_name
+
+          names.each do |name|
+            style_accessors[name] = {}
+          end
+
+          method_name = :styles
+          ivar_name = :"@styles"
+
+          attr_reader(method_name)
+
+          mod = Module.new do
+            define_method(:initialize) do |**options|
+              value = options.delete(method_name)&.to_h || {}
+
+              super(**options)
+              instance_exec(value, &block) if block
+              instance_variable_set(ivar_name, value)
+            end
+          end
+
+          prepend(mod)
+        end
+
+        # use `accepts_styles` to allow end users to merge their own styles with Ariadne's provided ones
+        def accepts_styles(*names, **defaults, &block)
+          accepts_styles_for(*names, **defaults, &block)
+        end
+
+        def style_accessors
+          @style_accessors ||=
+            if superclass.respond_to?(:style_accessors)
+              superclass.style_accessors.deep_dup
+            else
+              {}
+            end
+        end
+      end
+
+      # merge Araidne style variants with user provided overrides
+      def merged_styles(name = self.class.default_style_name, **variants)
+        default_styles = self.class.style_config.compile(name.to_sym, **variants)
+        Ariadne::ViewComponents.tailwind_merger.merge([default_styles, styles.fetch(name, "")])
+      end
     end
   end
 end

data/lib/ariadne/forms/dsl/badge.rb

@@ -23,11 +23,11 @@ module Ariadne
         end
 
         def type
-          :group
+          :badge
         end
 
         def input?
-          true
+          false
         end
       end
     end

data/lib/ariadne/forms/dsl/button_input.rb

@@ -17,7 +17,8 @@ module Ariadne
         end
 
         def to_component
-          Ariadne::UI::Button::Component.new(**@options).with_content(@label)
+          html_attrs = @input_attributes || {}
+          Ariadne::UI::Button::Component.new(**@options, html_attrs: html_attrs).with_content(@label)
         end
 
         # :nocov:

data/lib/ariadne/forms/dsl/clipboard_copy_button.rb

@@ -0,0 +1,34 @@
+# frozen_string_literal: true
+
+module Ariadne
+  module Forms
+    module Dsl
+      # :nodoc:
+      class ClipboardCopyButton
+        include InputMethods
+
+        attr_reader :builder, :form, :text, :options
+
+        def initialize(builder:, form:, **options)
+          @builder = builder
+          @form = form
+          @options = options
+
+          yield(self) if block_given?
+        end
+
+        def to_component
+          Ariadne::UI::ClipboardCopy::Component.new(text: @text, **@options)
+        end
+
+        def type
+          :clipboard_copy
+        end
+
+        def input?
+          false
+        end
+      end
+    end
+  end
+end

data/lib/ariadne/forms/dsl/input_methods.rb

@@ -130,6 +130,10 @@ module Ariadne
           add_input(ButtonInput.new(builder: builder, form: form, **options, &block))
         end
 
+        def clipboard_copy_button(**options, &block)
+          add_input(ClipboardCopyButton.new(builder: @builder, form: form, **options, &block))
+        end
+
         # END button input methods
 
         # @private

data/lib/ariadne/view_components/version.rb

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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ariadne_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.80.3
+  version: 0.0.82
 platform: ruby
 authors:
 - Garen J. Torikian
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-05-29 00:00:00.000000000 Z
+date: 2024-06-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: tailwind_merge
@@ -194,10 +194,6 @@ files:
 - app/components/ariadne/ui/combobox/component.html.erb
 - app/components/ariadne/ui/combobox/component.rb
 - app/components/ariadne/ui/combobox/component.ts
-- app/components/ariadne/ui/combobox/item/component.html.erb
-- app/components/ariadne/ui/combobox/item/component.rb
-- app/components/ariadne/ui/combobox/option/component.html.erb
-- app/components/ariadne/ui/combobox/option/component.rb
 - app/components/ariadne/ui/data_table/component.html.erb
 - app/components/ariadne/ui/data_table/component.rb
 - app/components/ariadne/ui/dialog/component.html.erb
@@ -213,8 +209,7 @@ files:
 - app/components/ariadne/ui/link/component.rb
 - app/components/ariadne/ui/list/component.html.erb
 - app/components/ariadne/ui/list/component.rb
-- app/components/ariadne/ui/list/item/component.html.erb
-- app/components/ariadne/ui/list/item/component.rb
+- app/components/ariadne/ui/list/component.ts
 - app/components/ariadne/ui/overlay/component.html.erb
 - app/components/ariadne/ui/overlay/component.rb
 - app/components/ariadne/ui/overlay/component.ts
@@ -238,7 +233,7 @@ files:
 - app/frontend/ariadne/index.ts
 - app/frontend/ariadne/stimulus_app.ts
 - app/frontend/ariadne/theme.ts
-- app/frontend/controllers/autosubmittable_controller.ts
+- app/frontend/controllers/form_autosubmit_controller.ts
 - app/frontend/entrypoints/application.ts
 - app/frontend/stylesheets/ariadne_view_components.css
 - app/frontend/stylesheets/scrollbar.css
@@ -260,6 +255,7 @@ files:
 - lib/ariadne/forms/builder.rb
 - lib/ariadne/forms/dsl/badge.rb
 - lib/ariadne/forms/dsl/button_input.rb
+- lib/ariadne/forms/dsl/clipboard_copy_button.rb
 - lib/ariadne/forms/dsl/form_object.rb
 - lib/ariadne/forms/dsl/form_reference_input.rb
 - lib/ariadne/forms/dsl/hidden_input.rb

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

@@ -1,9 +0,0 @@
-<% slot = capture do %>
-  <span class="ariadne-truncate"><%= label %></span>
-<% end %>
-
-<%= content_tag(
-  link? ? :a : :button,
-  slot,
-  html_attrs,
-) %>

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

@@ -1,61 +0,0 @@
-# typed: false
-# frozen_string_literal: true
-
-module Ariadne
-  module UI
-    module Combobox
-      module Item
-        class Component < Ariadne::BaseComponent
-          option :label
-          option :as, default: proc { :link } # :button
-
-          accepts_html_attributes do |html_attrs|
-            html_attrs[:class] = Ariadne::ViewComponents.tailwind_merger.merge([style(as:), html_attrs[:class]].join(" "))
-
-            # html_attrs["data-input-filter-target"] = "searchString"
-            if as == :link && !html_attrs[:target]
-              html_attrs[:target] = "_top"
-            end
-          end
-
-          def initialize(**options)
-            super(**options)
-          end
-
-          style do
-            base do
-              [
-                "ariadne-flex",
-                "ariadne-gap-0.5",
-                "ariadne-items-center",
-                "ariadne-ps-2",
-                "ariadne-pe-1",
-                "ariadne-rounded",
-                "!ariadne-ring-0",
-                "hover:ariadne-bg-zinc-100",
-                "hover:dark:ariadne-bg-zinc-800",
-                "focus-within:ariadne-bg-zinc-100",
-                "focus-within:dark:ariadne-bg-zinc-800",
-              ]
-            end
-            variants do
-              as do
-                button do
-                  "ariadne-appearance-none ariadne-inline-flex ariadne-w-full"
-                end
-
-                link do
-                  "ariadne-cursor-pointer"
-                end
-              end
-            end
-          end
-
-          def link?
-            as == :link
-          end
-        end
-      end
-    end
-  end
-end

data/app/components/ariadne/ui/combobox/option/component.html.erb

@@ -1,11 +0,0 @@
-<label
-  tabindex="0"
-  role="menuitemcheckbox"
-  class="<%= style %>">
-  <span class="px-1"><%= option_component %></span>
-  <span
-    class="ariadne-truncate <%= text_content ? 'ariadne-px-1' : 'ariadne-inline-flex ariadne-items-center' %>"
-    data-input-filter-target="searchString">
-    <%= content %>
-  </span>
-</label>

data/app/components/ariadne/ui/combobox/option/component.rb

@@ -1,44 +0,0 @@
-# typed: false
-# frozen_string_literal: true
-
-module Ariadne
-  module UI
-    module Combobox
-      module Option
-        class Component < Ariadne::BaseComponent
-          option :as, default: proc { :link } # :button
-
-          option :type, default: proc { :multiple }
-          option :text_content, default: proc { true }
-
-          accepts_html_attributes disabled: false,
-            tabindex: -1,
-            data: proc {
-              { action: "#{Ariadne::UI::Combobox::Component.stimulus_name}#checkboxClicked" }
-            }
-
-          def option_component
-            cmp = type == :multiple ? Ariadne::Form::Checkbox : Ariadne::Form::Radio
-            render(cmp::Component.new(html_attrs:))
-          end
-
-          style do
-            base do
-              [
-                "ariadne-flex",
-                "ariadne-gap-0.5",
-                "ariadne-items-center",
-                "ariadne-rounded",
-                "!ariadne-ring-0",
-                "hover:ariadne-bg-zinc-100",
-                "hover:dark:ariadne-bg-zinc-800",
-                "focus-within:ariadne-bg-zinc-100",
-                "focus-within:dark:ariadne-bg-zinc-800",
-              ]
-            end
-          end
-        end
-      end
-    end
-  end
-end

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

@@ -1,16 +0,0 @@
-<div class="ariadne-flex ariadne-gap-3 ariadne-items-center ariadne-py-2">
-
-      <div class="ariadne-shrink-0">
-            <%= leading_item if leading_item? %>
-        </div>
-  <div class="ariadne-overflow-hidden">
-        <%= cell %>
-  </div>
-  <div class="ariadne-grow ariadne-flex ariadne-justify-end">
-   <%= trailing_item if trailing_item? %>
-  </div>
-  <% if trailing_menu? %>
-
-  <% end %>
-
-</div>

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

@@ -1,17 +0,0 @@
-# typed: false
-# frozen_string_literal: true
-
-module Ariadne
-  module UI
-    module List
-      module Item
-        class Component < Ariadne::BaseComponent
-          renders_one :leading_item, Ariadne::BaseComponent::ACCEPT_ANYTHING
-          renders_one :cell, Ariadne::BaseComponent::ACCEPT_ANYTHING
-          renders_one :trailing_item, Ariadne::BaseComponent::ACCEPT_ANYTHING
-          renders_one :trailing_menu, Ariadne::BaseComponent::ACCEPT_ANYTHING
-        end
-      end
-    end
-  end
-end