atomic_view 0.0.2 → 0.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2dffba601d7250090a7560d3cd7407c0593a998c38202d61a09e892671c73bcf
-  data.tar.gz: 31fa287050869d231c1adc639236f121ddea420aaf5c29c9298ff3e4dc0700f5
+  metadata.gz: d0e83bc2d812d1f662860a4eccc80a1b0c6566d3cd7cdc7d23d03d60a1425c1e
+  data.tar.gz: bbe5303fef21b6ab301b813995bed4f340260cfe4880d20cc38df4082564e734
 SHA512:
-  metadata.gz: bdb30f9edcc0441002c26132713ada3637100abe083f78105ab660c99a31eea32c5fccff7507b9e006f4d61fd416d7d5aa4f242b8099a6e623a7c3744c445a73
-  data.tar.gz: 17cfe35aad5bad71e75423f83436b32f2a59eeff8fff67044373b72d7a6aec285f1e21e8a1ef001673eaab4375616e0151e9160d5397e13bce8a7619f2609a1e
+  metadata.gz: 721dc4dd8b9fd0f96e3f6ab4c45e35a51cb5066552423fb532ac25278bf6a363664464f4a93a54c5194c770563b74731aeb17af587fbf0eca57accf5dd2d055f
+  data.tar.gz: aaac9f8deaee0ad1088d6073f9851d96408434886275f34e294894f5020f2d971d0440ea6cdd724762d0b1366399f8ca757358c5d508f5a0993474b1c185b725

data/lib/atomic_view/component.rb

@@ -2,6 +2,17 @@
 
 module AtomicView
   class Component < ViewComponent::Base
+    include Heroicons::Engine.helpers
+
+    def icon(name, variant: Heroicons.configuration.variant, options: {}, path_options: {})
+      Heroicons::Icon.render(
+        name: name,
+        variant: variant,
+        options: options,
+        path_options: path_options
+      )
+    end
+
     def class_names(...)
       classes = super
       TailwindMerge::Merger.new.merge(classes)

data/lib/atomic_view/components/button_component.rb

@@ -3,24 +3,15 @@
 module AtomicView
   module Components
     # Button
-    class ButtonComponent < Component
-      attr_reader :label, :size, :variant
+    class ButtonComponent < ViewComponent::Form::ButtonComponent
+      attr_reader :label
 
-      def initialize(label_or_options = nil, options = nil)
+      def initialize(form, label_or_options = nil, options = nil)
         super
 
-        if label_or_options.is_a?(Hash)
-          options = label_or_options
-        else
+        if label_or_options.is_a?(String)
           @label = label_or_options
-          options ||= {}
         end
-
-        @variant = options.delete(:variant)
-        @size = options.delete(:size) || :md
-
-        options[:class] = opts_to_class
-        @options = options
       end
 
       def call
@@ -30,26 +21,6 @@ module AtomicView
           content_tag(:button, label, @options)
         end
       end
-
-      private
-
-      def opts_to_class
-        class_names(
-          # size
-          {
-            "rounded px-2.5 py-1.5 text-xs": size == :xs,
-            "rounded px-2.5 py-1.5 text-sm": size == :sm,
-            "rounded-md px-3 py-2 text-sm": size == :md,
-            "rounded-md px-3.5 py-2.5 text-md": size == :lg
-          },
-          # variant
-          {
-            "text-white bg-primary shadow-sm ring-1 ring-inset ring-primary-800 hover:bg-primary-800": variant == :primary,
-            "text-zinc-900 bg-secondary-50 shadow-sm ring-1 ring-inset ring-secondary-200 hover:bg-secondary-100": variant == :secondary,
-            "text-zinc-900 hover:bg-secondary-100": variant == :tertiary
-          }
-        )
-      end
     end
   end
 end

data/lib/atomic_view/components/check_box_component.rb

@@ -0,0 +1,9 @@
+module AtomicView
+  module Components
+    class CheckBoxComponent < ViewComponent::Form::CheckBoxComponent
+      def html_class
+        "h-4 w-4 rounded border-neutral-300 text-blue-500 focus:ring-blue-700 hover:border-neutral-700"
+      end
+    end
+  end
+end

data/lib/atomic_view/components/collection_check_boxes_component.rb

@@ -0,0 +1,6 @@
+module AtomicView
+  module Components
+    class CollectionCheckBoxesComponent < ViewComponent::Form::CollectionCheckBoxesComponent
+    end
+  end
+end

data/lib/atomic_view/components/collection_radio_buttons_component.rb

@@ -0,0 +1,6 @@
+module AtomicView
+  module Components
+    class CollectionRadioButtonsComponent < ViewComponent::Form::CollectionRadioButtonsComponent
+    end
+  end
+end

data/lib/atomic_view/components/collection_select_component.rb

@@ -0,0 +1,14 @@
+module AtomicView
+  module Components
+    class CollectionSelectComponent < ViewComponent::Form::CollectionSelectComponent
+      def html_class
+        class_names(
+          *%W[block w-full h-9 min-w-0 flex-1 rounded-md border-0 py-1 text-sm shadow-sm ring-1],
+          "disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-zinc-500 disabled:ring-zinc-200",
+          "bg-transparent dark:bg-white/5 text-zinc-950 ring-zinc-950/10 dark:ring-white/10 placeholder:text-zinc-500 dark:text-white focus:ring-neutral-700 focus:border-zinc-950/20 dark:focus:ring-white/20",
+          "text-red-900 ring-red-300 placeholder:text-red-300 focus:ring-red-500" => method_errors?
+        )
+      end
+    end
+  end
+end

data/lib/atomic_view/components/color_field_component.rb

@@ -0,0 +1,6 @@
+module AtomicView
+  module Components
+    class ColorFieldComponent < ViewComponent::Form::ColorFieldComponent
+    end
+  end
+end

data/lib/atomic_view/components/date_field_component.rb

@@ -0,0 +1,17 @@
+module AtomicView
+  module Components
+    class DateFieldComponent < ViewComponent::Form::DateFieldComponent
+      def html_class
+        class_names(
+          class_names(
+            *%W[block w-full h-9 min-w-0 flex-1 rounded-md border-0 py-1 text-sm shadow-sm ring-1],
+            "disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-zinc-500 disabled:ring-zinc-200",
+            "bg-transparent dark:bg-white/5 text-zinc-950 ring-zinc-950/10 dark:ring-white/10 placeholder:text-zinc-500 dark:text-white focus:ring-neutral-700 focus:border-zinc-950/20 dark:focus:ring-white/20",
+            "text-red-900 ring-red-300 placeholder:text-red-300 focus:ring-red-500" => method_errors?,
+          ),
+          options[:class]
+        )
+      end
+    end
+  end
+end

data/lib/atomic_view/components/date_select_component.rb

@@ -0,0 +1,6 @@
+module AtomicView
+  module Components
+    class DateSelectComponent < ViewComponent::Form::DateSelectComponent
+    end
+  end
+end

data/lib/atomic_view/components/datetime_local_field_component.rb

@@ -0,0 +1,6 @@
+module AtomicView
+  module Components
+    class DatetimeLocalFieldComponent < ViewComponent::Form::DatetimeLocalFieldComponent
+    end
+  end
+end

data/lib/atomic_view/components/datetime_select_component.rb

@@ -0,0 +1,6 @@
+module AtomicView
+  module Components
+    class DatetimeSelectComponent < ViewComponent::Form::DatetimeSelectComponent
+    end
+  end
+end

data/lib/atomic_view/components/email_field_component.rb

@@ -0,0 +1,15 @@
+module AtomicView
+  module Components
+    class EmailFieldComponent < ViewComponent::Form::EmailFieldComponent
+      def call
+        render FieldComponent.new(
+          form,
+          object_name,
+          method_name,
+          options,
+          ActionView::Helpers::Tags::EmailField
+        )
+      end
+    end
+  end
+end

data/lib/atomic_view/components/field_component.erb

@@ -0,0 +1,25 @@
+<%= content_tag :div, class: container_html_class do %>
+  <% if left_section? %>
+    <% if left_section_addon? %>
+      <span class="inline-flex items-center rounded-l-lg bg-transparent dark:bg-white/5 ring-1 ring-zinc-950/10 dark:ring-white/10 px-3 text-zinc-950 dark:text-white sm:text-sm"><%= left_section %></span>
+    <% elsif left_section_interaction? %>
+      <%= left_section %>
+    <% else %>
+      <div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
+        <%= left_section %>
+      </div>
+    <% end %>
+  <% end %>
+  <%= tag_klass.new(@object_name, @method_name, @view_context, @options).render %>
+  <% if right_section? %>
+    <% if right_section_addon? %>
+      <span class="inline-flex items-center rounded-r-lg bg-transparent dark:bg-white/5 ring-1 ring-zinc-950/10 dark:ring-white/10 px-3 text-zinc-950 dark:text-white sm:text-sm"><%= right_section %></span>
+    <% elsif right_section_interaction? %>
+      <%= right_section %>
+    <% else %>
+      <div class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3">
+        <%= right_section %>
+      </div>
+    <% end %>
+  <% end %>
+<% end %>

data/lib/atomic_view/components/field_component.rb

@@ -0,0 +1,65 @@
+module AtomicView
+  module Components
+    class FieldComponent < ViewComponent::Form::FieldComponent
+      attr_reader :tag_klass
+
+      def initialize(form, object_name, method_name, options = {}, tag_klass = ActionView::Helpers::Tags::TextField)
+        super(form, object_name, method_name, options)
+        @tag_klass = tag_klass
+      end
+
+      def html_class
+        class_names(
+          *%W[block w-full appearance-none h-9 min-w-0 z-10 flex-1 rounded-lg border-0 py-1 text-base shadow-sm ring-1],
+          "disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-zinc-500 disabled:ring-zinc-200",
+          "bg-transparent dark:bg-white/5 text-zinc-950 ring-zinc-950/10 dark:ring-white/10 placeholder:text-zinc-500 dark:text-white focus:ring-neutral-700 focus:border-zinc-950/20 dark:focus:ring-white/20",
+          "pl-10" => left_section? && !(left_section_addon? || left_section_interaction?),
+          "pr-10" => right_section? && !(right_section_addon? || right_section_interaction?),
+          "shadow-none rounded-none rounded-r-lg" => left_section_addon? || left_section_interaction?,
+          "shadow-none rounded-none rounded-l-lg" => right_section_addon? || right_section_interaction?,
+          "text-red-900 ring-red-300 placeholder:text-red-300 focus:ring-red-500" => method_errors?
+        )
+      end
+
+      def container_html_class
+        class_names(
+          "relative rounded-lg shadow-sm",
+          {"flex" => left_section_addon? || left_section_interaction? || right_section_addon? || right_section_interaction?},
+          options[:container_class]
+        )
+      end
+
+      def left_section
+        options[:left_section]
+      end
+
+      def left_section?
+        left_section.present?
+      end
+
+      def left_section_addon?
+        options[:left_section_as_addon].present?
+      end
+
+      def left_section_interaction?
+        options[:left_section_as_interaction].present?
+      end
+
+      def right_section
+        options[:right_section] || method_errors? && raw(icon("exclamation-circle", variant: :mini, options: {class: "size-5 text-red-500"}))
+      end
+
+      def right_section?
+        right_section.present?
+      end
+
+      def right_section_addon?
+        options[:right_section_as_addon].present?
+      end
+
+      def right_section_interaction?
+        options[:right_section_as_interaction].present?
+      end
+    end
+  end
+end

data/lib/atomic_view/components/grouped_collection_select_component.rb

@@ -0,0 +1,6 @@
+module AtomicView
+  module Components
+    class GroupedCollectionSelectComponent < ViewComponent::Form::GroupedCollectionSelectComponent
+    end
+  end
+end

data/lib/atomic_view/components/label_component.rb

@@ -0,0 +1,9 @@
+module AtomicView
+  module Components
+    class LabelComponent < ViewComponent::Form::LabelComponent
+      def html_class
+        "block text-sm font-medium leading-6 text-zinc-950 dark:text-white"
+      end
+    end
+  end
+end

data/lib/atomic_view/components/month_field_component.rb

@@ -0,0 +1,6 @@
+module AtomicView
+  module Components
+    class MonthFieldComponent < ViewComponent::Form::MonthFieldComponent
+    end
+  end
+end

data/lib/atomic_view/components/number_field_component.rb

@@ -0,0 +1,15 @@
+module AtomicView
+  module Components
+    class NumberFieldComponent < ViewComponent::Form::NumberFieldComponent
+      def call
+        render FieldComponent.new(
+          form,
+          object_name,
+          method_name,
+          options,
+          ActionView::Helpers::Tags::NumberField
+        )
+      end
+    end
+  end
+end

data/lib/atomic_view/components/password_field_component.rb

@@ -0,0 +1,15 @@
+module AtomicView
+  module Components
+    class PasswordFieldComponent < ViewComponent::Form::PasswordFieldComponent
+      def call
+        render FieldComponent.new(
+          form,
+          object_name,
+          method_name,
+          options,
+          ActionView::Helpers::Tags::PasswordField
+        )
+      end
+    end
+  end
+end

data/lib/atomic_view/components/radio_button_component.rb

@@ -0,0 +1,6 @@
+module AtomicView
+  module Components
+    class RadioButtonComponent < ViewComponent::Form::RadioButtonComponent
+    end
+  end
+end

data/lib/atomic_view/components/range_field_component.rb

@@ -0,0 +1,6 @@
+module AtomicView
+  module Components
+    class RangeFieldComponent < ViewComponent::Form::RangeFieldComponent
+    end
+  end
+end

data/lib/atomic_view/components/search_field_component.rb

@@ -0,0 +1,15 @@
+module AtomicView
+  module Components
+    class SearchFieldComponent < ViewComponent::Form::SearchFieldComponent
+      def call
+        render FieldComponent.new(
+          form,
+          object_name,
+          method_name,
+          options,
+          ActionView::Helpers::Tags::SearchField
+        )
+      end
+    end
+  end
+end

data/lib/atomic_view/components/select_component.rb

@@ -0,0 +1,17 @@
+module AtomicView
+  module Components
+    class SelectComponent < ViewComponent::Form::SelectComponent
+      def html_class
+        class_names(
+          class_names(
+            *%W[block w-full h-9 min-w-0 flex-1 rounded-md border-0 py-1 text-sm shadow-sm ring-1],
+            "disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-zinc-500 disabled:ring-zinc-200",
+            "bg-transparent dark:bg-white/5 text-zinc-950 ring-zinc-950/10 dark:ring-white/10 placeholder:text-zinc-500 dark:text-white focus:ring-neutral-700 focus:border-zinc-950/20 dark:focus:ring-white/20",
+            "text-red-900 ring-red-300 placeholder:text-red-300 focus:ring-red-500" => method_errors?,
+          ),
+          options[:class]
+        )
+      end
+    end
+  end
+end

data/lib/atomic_view/components/submit_component.rb

@@ -0,0 +1,9 @@
+module AtomicView
+  module Components
+    class SubmitComponent < ViewComponent::Form::SubmitComponent
+      def html_class
+        "cursor-pointer rounded-md bg-green-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-green-600/90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-green-700"
+      end
+    end
+  end
+end

data/lib/atomic_view/components/telephone_field_component.rb

@@ -0,0 +1,15 @@
+module AtomicView
+  module Components
+    class TelephoneFieldComponent < ViewComponent::Form::TelephoneFieldComponent
+      def call
+        render FieldComponent.new(
+          form,
+          object_name,
+          method_name,
+          options,
+          ActionView::Helpers::Tags::TelField
+        )
+      end
+    end
+  end
+end

data/lib/atomic_view/components/text_area_component.rb

@@ -0,0 +1,6 @@
+module AtomicView
+  module Components
+    class TextAreaComponent < ViewComponent::Form::TextAreaComponent
+    end
+  end
+end

data/lib/atomic_view/components/text_field_component.rb

@@ -0,0 +1,14 @@
+module AtomicView
+  module Components
+    class TextFieldComponent < ViewComponent::Form::TextFieldComponent
+      def call
+        render FieldComponent.new(
+          form,
+          object_name,
+          method_name,
+          options
+        )
+      end
+    end
+  end
+end

data/lib/atomic_view/components/time_select_component.rb

@@ -0,0 +1,6 @@
+module AtomicView
+  module Components
+    class TimeSelectComponent < ViewComponent::Form::TimeSelectComponent
+    end
+  end
+end

data/lib/atomic_view/components/time_zone_select_component.rb

@@ -0,0 +1,6 @@
+module AtomicView
+  module Components
+    class TimeZoneSelectComponent < ViewComponent::Form::TimeZoneSelectComponent
+    end
+  end
+end

data/lib/atomic_view/components/url_field_component.rb

@@ -0,0 +1,15 @@
+module AtomicView
+  module Components
+    class UrlFieldComponent < ViewComponent::Form::UrlFieldComponent
+      def call
+        render FieldComponent.new(
+          form,
+          object_name,
+          method_name,
+          options,
+          ActionView::Helpers::Tags::UrlField
+        )
+      end
+    end
+  end
+end

data/lib/atomic_view/components/week_field_component.rb

@@ -0,0 +1,6 @@
+module AtomicView
+  module Components
+    class WeekFieldComponent < ViewComponent::Form::WeekFieldComponent
+    end
+  end
+end

data/lib/atomic_view/components/weekday_select_component.rb

@@ -0,0 +1,6 @@
+module AtomicView
+  module Components
+    class WeekdaySelectComponent < ViewComponent::Form::WeekdaySelectComponent
+    end
+  end
+end

data/lib/atomic_view/form_builder.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+module AtomicView
+  class FormBuilder < ViewComponent::Form::Builder
+    namespace Components
+  end
+end

data/lib/atomic_view/railtie.rb

@@ -1,11 +1,6 @@
 # frozen_string_literal: true
 
-require "atomic_view/helpers/form_tag_helper"
-
 module AtomicView
   class Railtie < Rails::Railtie
-    initializer "atomic_view.helpers" do
-      ActiveSupport.on_load(:action_view) { include Helpers::FormTagHelper }
-    end
   end
 end

data/lib/atomic_view/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module AtomicView
-  VERSION = "0.0.2"
+  VERSION = "0.0.3"
 end

data/lib/atomic_view.rb

@@ -3,18 +3,24 @@
 require "rails"
 require "view_component"
 require "tailwind_merge"
-require_relative "atomic_view/version"
-require_relative "atomic_view/component"
-require_relative "atomic_view/components/button_component"
+require "heroicons"
+require "view_component/form"
 
-require_relative "atomic_view/railtie"
+require "zeitwerk"
+loader = Zeitwerk::Loader.for_gem
+
+vcf_gem_dir = Gem::Specification.find_by_name("view_component-form").gem_dir
+loader.push_dir File.join(vcf_gem_dir, "app", "components")
+loader.push_dir File.join(vcf_gem_dir, "app", "components", "concerns")
+
+loader.setup
 
 # Component library built for Ruby on Rails with first-class support for ActionView using ViewComponent.
 module AtomicView
-  class << self
-    def preview_folder_path
-      root_directory = File.dirname(__dir__)
-      File.join(root_directory, "lib", "atomic_view", "components", "previews")
-    end
-  end
 end
+
+ViewComponent::Form.configure do |config|
+  config.parent_component = "AtomicView::Component"
+end
+
+loader.eager_load

metadata

@@ -1,43 +1,71 @@
 --- !ruby/object:Gem::Specification
 name: atomic_view
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.0.3
 platform: ruby
 authors:
 - Joel Warrington
 autorequire:
-bindir: exe
+bindir: bin
 cert_chain: []
-date: 2024-08-18 00:00:00.000000000 Z
+date: 2025-02-27 00:00:00.000000000 Z
 dependencies:
+- !ruby/object:Gem::Dependency
+  name: zeitwerk
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.7.2
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.7.2
 - !ruby/object:Gem::Dependency
   name: rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 7.2.0
+        version: 8.0.1
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 7.2.0
+        version: 8.0.1
 - !ruby/object:Gem::Dependency
   name: view_component
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.13'
+        version: '3.21'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.13'
+        version: '3.21'
+- !ruby/object:Gem::Dependency
+  name: tailwindcss-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.1.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.1.0
 - !ruby/object:Gem::Dependency
   name: tailwind_merge
   requirement: !ruby/object:Gem::Requirement
@@ -52,6 +80,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '0.12'
+- !ruby/object:Gem::Dependency
+  name: heroicons
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
 description:
 email:
 - joelw@hey.com
@@ -59,32 +101,43 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- ".rspec"
-- ".ruby-version"
 - CHANGELOG.md
-- Gemfile
-- Gemfile.lock
 - LICENSE.txt
 - README.md
-- Rakefile
-- atomic_view.gemspec
-- changelogs/codelog.yml
-- changelogs/header.txt
-- changelogs/releases/.gitkeep
-- changelogs/releases/0.0.1.md
-- changelogs/template.yml
-- changelogs/unreleased/.gitkeep
-- changelogs/unreleased/20240708222803491_deps.yml
-- changelogs/unreleased/20240708223052056_preview.yml
-- changelogs/unreleased/20240709002202127_basic-button.yml
-- changelogs/unreleased/20240709005746060_ruby.yml
 - lib/atomic_view.rb
 - lib/atomic_view/component.rb
 - lib/atomic_view/components/button_component.rb
-- lib/atomic_view/components/previews/.gitkeep
-- lib/atomic_view/components/previews/button_component_preview.rb
-- lib/atomic_view/helpers/form_tag_helper.rb
-- lib/atomic_view/preview.rb
+- lib/atomic_view/components/check_box_component.rb
+- lib/atomic_view/components/collection_check_boxes_component.rb
+- lib/atomic_view/components/collection_radio_buttons_component.rb
+- lib/atomic_view/components/collection_select_component.rb
+- lib/atomic_view/components/color_field_component.rb
+- lib/atomic_view/components/date_field_component.rb
+- lib/atomic_view/components/date_select_component.rb
+- lib/atomic_view/components/datetime_local_field_component.rb
+- lib/atomic_view/components/datetime_select_component.rb
+- lib/atomic_view/components/email_field_component.rb
+- lib/atomic_view/components/field_component.erb
+- lib/atomic_view/components/field_component.rb
+- lib/atomic_view/components/grouped_collection_select_component.rb
+- lib/atomic_view/components/label_component.rb
+- lib/atomic_view/components/month_field_component.rb
+- lib/atomic_view/components/number_field_component.rb
+- lib/atomic_view/components/password_field_component.rb
+- lib/atomic_view/components/radio_button_component.rb
+- lib/atomic_view/components/range_field_component.rb
+- lib/atomic_view/components/search_field_component.rb
+- lib/atomic_view/components/select_component.rb
+- lib/atomic_view/components/submit_component.rb
+- lib/atomic_view/components/telephone_field_component.rb
+- lib/atomic_view/components/text_area_component.rb
+- lib/atomic_view/components/text_field_component.rb
+- lib/atomic_view/components/time_select_component.rb
+- lib/atomic_view/components/time_zone_select_component.rb
+- lib/atomic_view/components/url_field_component.rb
+- lib/atomic_view/components/week_field_component.rb
+- lib/atomic_view/components/weekday_select_component.rb
+- lib/atomic_view/form_builder.rb
 - lib/atomic_view/railtie.rb
 - lib/atomic_view/version.rb
 homepage: https://github.com/joelzwarrington/atomic_view
@@ -111,7 +164,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.17
+rubygems_version: 3.5.3
 signing_key:
 specification_version: 4
 summary: Component library built for Ruby on Rails with first-class support for ActionView

data/.rspec

@@ -1,3 +0,0 @@
---format documentation
---color
---require spec_helper

data/.ruby-version

@@ -1 +0,0 @@
-3.3.0

data/Gemfile

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-source "https://rubygems.org"
-git_source(:github) { |repo| "https://github.com/#{repo}.git" }
-
-gemspec
-
-gem "codelog", github: "codus/codelog", branch: "master"
-gem "rake", "~> 13.0"
-gem "rspec", "~> 3.0"
-gem "standard", "~> 1.21"

data/Gemfile.lock

@@ -1,269 +0,0 @@
-GIT
-  remote: https://github.com/codus/codelog.git
-  revision: 2194f26f01b07b306d5791bcbebd17b6af2d928a
-  branch: master
-  specs:
-    codelog (0.8.0)
-      thor (~> 1.0)
-
-PATH
-  remote: .
-  specs:
-    atomic_view (0.0.1)
-      rails (~> 7.2.0)
-      tailwind_merge (~> 0.12)
-      view_component (~> 3.13)
-
-GEM
-  remote: https://rubygems.org/
-  specs:
-    actioncable (7.2.0)
-      actionpack (= 7.2.0)
-      activesupport (= 7.2.0)
-      nio4r (~> 2.0)
-      websocket-driver (>= 0.6.1)
-      zeitwerk (~> 2.6)
-    actionmailbox (7.2.0)
-      actionpack (= 7.2.0)
-      activejob (= 7.2.0)
-      activerecord (= 7.2.0)
-      activestorage (= 7.2.0)
-      activesupport (= 7.2.0)
-      mail (>= 2.8.0)
-    actionmailer (7.2.0)
-      actionpack (= 7.2.0)
-      actionview (= 7.2.0)
-      activejob (= 7.2.0)
-      activesupport (= 7.2.0)
-      mail (>= 2.8.0)
-      rails-dom-testing (~> 2.2)
-    actionpack (7.2.0)
-      actionview (= 7.2.0)
-      activesupport (= 7.2.0)
-      nokogiri (>= 1.8.5)
-      racc
-      rack (>= 2.2.4, < 3.2)
-      rack-session (>= 1.0.1)
-      rack-test (>= 0.6.3)
-      rails-dom-testing (~> 2.2)
-      rails-html-sanitizer (~> 1.6)
-      useragent (~> 0.16)
-    actiontext (7.2.0)
-      actionpack (= 7.2.0)
-      activerecord (= 7.2.0)
-      activestorage (= 7.2.0)
-      activesupport (= 7.2.0)
-      globalid (>= 0.6.0)
-      nokogiri (>= 1.8.5)
-    actionview (7.2.0)
-      activesupport (= 7.2.0)
-      builder (~> 3.1)
-      erubi (~> 1.11)
-      rails-dom-testing (~> 2.2)
-      rails-html-sanitizer (~> 1.6)
-    activejob (7.2.0)
-      activesupport (= 7.2.0)
-      globalid (>= 0.3.6)
-    activemodel (7.2.0)
-      activesupport (= 7.2.0)
-    activerecord (7.2.0)
-      activemodel (= 7.2.0)
-      activesupport (= 7.2.0)
-      timeout (>= 0.4.0)
-    activestorage (7.2.0)
-      actionpack (= 7.2.0)
-      activejob (= 7.2.0)
-      activerecord (= 7.2.0)
-      activesupport (= 7.2.0)
-      marcel (~> 1.0)
-    activesupport (7.2.0)
-      base64
-      bigdecimal
-      concurrent-ruby (~> 1.0, >= 1.3.1)
-      connection_pool (>= 2.2.5)
-      drb
-      i18n (>= 1.6, < 2)
-      logger (>= 1.4.2)
-      minitest (>= 5.1)
-      securerandom (>= 0.3)
-      tzinfo (~> 2.0, >= 2.0.5)
-    ast (2.4.2)
-    base64 (0.2.0)
-    bigdecimal (3.1.8)
-    builder (3.3.0)
-    concurrent-ruby (1.3.3)
-    connection_pool (2.4.1)
-    crass (1.0.6)
-    date (3.3.4)
-    diff-lcs (1.5.1)
-    drb (2.2.1)
-    erubi (1.13.0)
-    globalid (1.2.1)
-      activesupport (>= 6.1)
-    i18n (1.14.5)
-      concurrent-ruby (~> 1.0)
-    io-console (0.7.2)
-    irb (1.14.0)
-      rdoc (>= 4.0.0)
-      reline (>= 0.4.2)
-    json (2.7.2)
-    language_server-protocol (3.17.0.3)
-    lint_roller (1.1.0)
-    logger (1.6.0)
-    loofah (2.22.0)
-      crass (~> 1.0.2)
-      nokogiri (>= 1.12.0)
-    lru_redux (1.1.0)
-    mail (2.8.1)
-      mini_mime (>= 0.1.1)
-      net-imap
-      net-pop
-      net-smtp
-    marcel (1.0.4)
-    method_source (1.1.0)
-    mini_mime (1.1.5)
-    minitest (5.24.1)
-    net-imap (0.4.14)
-      date
-      net-protocol
-    net-pop (0.1.2)
-      net-protocol
-    net-protocol (0.2.2)
-      timeout
-    net-smtp (0.5.0)
-      net-protocol
-    nio4r (2.7.3)
-    nokogiri (1.16.6-arm64-darwin)
-      racc (~> 1.4)
-    nokogiri (1.16.6-x86_64-linux)
-      racc (~> 1.4)
-    parallel (1.25.1)
-    parser (3.3.3.0)
-      ast (~> 2.4.1)
-      racc
-    psych (5.1.2)
-      stringio
-    racc (1.8.0)
-    rack (3.1.6)
-    rack-session (2.0.0)
-      rack (>= 3.0.0)
-    rack-test (2.1.0)
-      rack (>= 1.3)
-    rackup (2.1.0)
-      rack (>= 3)
-      webrick (~> 1.8)
-    rails (7.2.0)
-      actioncable (= 7.2.0)
-      actionmailbox (= 7.2.0)
-      actionmailer (= 7.2.0)
-      actionpack (= 7.2.0)
-      actiontext (= 7.2.0)
-      actionview (= 7.2.0)
-      activejob (= 7.2.0)
-      activemodel (= 7.2.0)
-      activerecord (= 7.2.0)
-      activestorage (= 7.2.0)
-      activesupport (= 7.2.0)
-      bundler (>= 1.15.0)
-      railties (= 7.2.0)
-    rails-dom-testing (2.2.0)
-      activesupport (>= 5.0.0)
-      minitest
-      nokogiri (>= 1.6)
-    rails-html-sanitizer (1.6.0)
-      loofah (~> 2.21)
-      nokogiri (~> 1.14)
-    railties (7.2.0)
-      actionpack (= 7.2.0)
-      activesupport (= 7.2.0)
-      irb (~> 1.13)
-      rackup (>= 1.0.0)
-      rake (>= 12.2)
-      thor (~> 1.0, >= 1.2.2)
-      zeitwerk (~> 2.6)
-    rainbow (3.1.1)
-    rake (13.2.1)
-    rdoc (6.7.0)
-      psych (>= 4.0.0)
-    regexp_parser (2.9.2)
-    reline (0.5.9)
-      io-console (~> 0.5)
-    rexml (3.3.1)
-      strscan
-    rspec (3.13.0)
-      rspec-core (~> 3.13.0)
-      rspec-expectations (~> 3.13.0)
-      rspec-mocks (~> 3.13.0)
-    rspec-core (3.13.0)
-      rspec-support (~> 3.13.0)
-    rspec-expectations (3.13.1)
-      diff-lcs (>= 1.2.0, < 2.0)
-      rspec-support (~> 3.13.0)
-    rspec-mocks (3.13.1)
-      diff-lcs (>= 1.2.0, < 2.0)
-      rspec-support (~> 3.13.0)
-    rspec-support (3.13.1)
-    rubocop (1.64.1)
-      json (~> 2.3)
-      language_server-protocol (>= 3.17.0)
-      parallel (~> 1.10)
-      parser (>= 3.3.0.2)
-      rainbow (>= 2.2.2, < 4.0)
-      regexp_parser (>= 1.8, < 3.0)
-      rexml (>= 3.2.5, < 4.0)
-      rubocop-ast (>= 1.31.1, < 2.0)
-      ruby-progressbar (~> 1.7)
-      unicode-display_width (>= 2.4.0, < 3.0)
-    rubocop-ast (1.31.3)
-      parser (>= 3.3.1.0)
-    rubocop-performance (1.21.1)
-      rubocop (>= 1.48.1, < 2.0)
-      rubocop-ast (>= 1.31.1, < 2.0)
-    ruby-progressbar (1.13.0)
-    securerandom (0.3.1)
-    standard (1.39.1)
-      language_server-protocol (~> 3.17.0.2)
-      lint_roller (~> 1.0)
-      rubocop (~> 1.64.0)
-      standard-custom (~> 1.0.0)
-      standard-performance (~> 1.4)
-    standard-custom (1.0.2)
-      lint_roller (~> 1.0)
-      rubocop (~> 1.50)
-    standard-performance (1.4.0)
-      lint_roller (~> 1.1)
-      rubocop-performance (~> 1.21.0)
-    stringio (3.1.1)
-    strscan (3.1.0)
-    tailwind_merge (0.12.0)
-      lru_redux (~> 1.1)
-    thor (1.3.1)
-    timeout (0.4.1)
-    tzinfo (2.0.6)
-      concurrent-ruby (~> 1.0)
-    unicode-display_width (2.5.0)
-    useragent (0.16.10)
-    view_component (3.13.0)
-      activesupport (>= 5.2.0, < 8.0)
-      concurrent-ruby (~> 1.0)
-      method_source (~> 1.0)
-    webrick (1.8.1)
-    websocket-driver (0.7.6)
-      websocket-extensions (>= 0.1.0)
-    websocket-extensions (0.1.5)
-    zeitwerk (2.6.16)
-
-PLATFORMS
-  arm64-darwin-21
-  arm64-darwin-23
-  x86_64-linux
-
-DEPENDENCIES
-  atomic_view!
-  codelog!
-  rake (~> 13.0)
-  rspec (~> 3.0)
-  standard (~> 1.21)
-
-BUNDLED WITH
-   2.4.12

data/Rakefile

@@ -1,10 +0,0 @@
-# frozen_string_literal: true
-
-require "bundler/gem_tasks"
-require "rspec/core/rake_task"
-
-RSpec::Core::RakeTask.new(:spec)
-
-require "standard/rake"
-
-task default: %i[spec standard]

data/atomic_view.gemspec

@@ -1,37 +0,0 @@
-# frozen_string_literal: true
-
-require_relative "lib/atomic_view/version"
-
-Gem::Specification.new do |spec|
-  spec.name = "atomic_view"
-  spec.version = AtomicView::VERSION
-  spec.authors = ["Joel Warrington"]
-  spec.email = ["joelw@hey.com"]
-
-  spec.summary = "Component library built for Ruby on Rails with first-class support for ActionView using ViewComponent."
-  spec.homepage = "https://github.com/joelzwarrington/atomic_view"
-  spec.license = "MIT"
-  spec.required_ruby_version = ">= 2.6.0"
-
-  spec.metadata = {
-    "homepage_uri" => "https://github.com/joelzwarrington/atomic_view",
-    "changelog_uri" => "https://github.com/joelzwarrington/atomic_view/blob/master/CHANGELOG.md",
-    "source_code_uri" => "https://github.com/joelzwarrington/atomic_view",
-    "bug_tracker_uri" => "https://github.com/joelzwarrington/atomic_view/issues",
-    "rubygems_mfa_required" => "true"
-  }
-
-  spec.files = Dir.chdir(__dir__) do
-    `git ls-files -z`.split("\x0").reject do |f|
-      (File.expand_path(f) == __FILE__) || f.start_with?(*%w[bin/ test/ spec/ lookbook/ .git .circleci appveyor Procfile.dev])
-    end
-  end
-
-  spec.bindir = "exe"
-  spec.executables = spec.files.grep(%r{\Aexe/}) { |f| File.basename(f) }
-  spec.require_paths = ["lib"]
-
-  spec.add_dependency "rails", "~> 7.2.0"
-  spec.add_dependency "view_component", "~> 3.13"
-  spec.add_dependency "tailwind_merge", "~> 0.12"
-end

data/changelogs/codelog.yml

@@ -1,16 +0,0 @@
-# Changelog Header  -------------------------------------------------
-
-header_textfile: changelogs/header.txt
-default_changelog_filename: CHANGELOG.md
-
-# Tag formatting  ---------------------------------------------------
-
-version_prefix: ""
-version_suffix: ""
-date_prefix: ""
-
-# Date formatting  --------------------------------------------------
-
-show_date: true
-date_input_format: "%Y-%m-%d"
-date_output_format: "%Y-%m-%d"

data/changelogs/header.txt

@@ -1,3 +0,0 @@
-All notable changes to this project will be documented in this file.
-
-The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/) and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).

data/changelogs/releases/0.0.1.md

@@ -1,5 +0,0 @@
-## 0.0.1 - 2024-07-08
-### Added
-- The start of ActionView, a component library built for Ruby on Rails with first-class support for ActionView using ViewComponent.
-
----

data/changelogs/template.yml

@@ -1,20 +0,0 @@
-"Added":
-  - New features implemented
-
-"Changed":
-  - Changes to existing feature
-
-"Deprecated":
-  - Features that are soon to be removed
-
-"Removed":
-  - Features that were removed
-
-"Fixed":
-  - Changes to broken code
-
-"Security":
-  - Changes that fix vulnerabilities
-
-"Deploy notes":
-  - Changes that should impact the deploy process and what should be made before it

data/changelogs/unreleased/20240708222803491_deps.yml

@@ -1,2 +0,0 @@
-"Added":
-  - Runtime dependencies for ActionView and ViewComponent

data/changelogs/unreleased/20240708223052056_preview.yml

@@ -1,2 +0,0 @@
-"Added":
-  - Add method to get preview folder path for Lookbook configuration (`AtomicView.preview_folder_path`)

data/changelogs/unreleased/20240709002202127_basic-button.yml

@@ -1,3 +0,0 @@
-"Added":
-  - Basic `ButtonComponent` with options `size` and `variant` 
-  - Railtie to load custom ActionView helpers

data/changelogs/unreleased/20240709005746060_ruby.yml

@@ -1,5 +0,0 @@
-"Added":
-  - Added `tailwind_merge` utility gem
-
-"Changed":
-  - Updated Ruby version to 3.3.0 from 3.0.3

data/lib/atomic_view/components/previews/button_component_preview.rb

@@ -1,44 +0,0 @@
-# frozen_string_literal: true
-
-# ButtonComponent
-class ButtonComponentPreview < ViewComponent::Preview
-  def default
-    render AtomicView::Components::ButtonComponent.new("Click Me")
-  end
-
-  # @!group Sizes
-
-  def xs
-    render AtomicView::Components::ButtonComponent.new("Click Me", size: :xs)
-  end
-
-  def sm
-    render AtomicView::Components::ButtonComponent.new("Click Me", size: :sm)
-  end
-
-  def md
-    render AtomicView::Components::ButtonComponent.new("Click Me", size: :md)
-  end
-
-  def lg
-    render AtomicView::Components::ButtonComponent.new("Click Me", size: :lg)
-  end
-
-  # @!endgroup
-
-  # @!group Variants
-
-  def primary
-    render AtomicView::Components::ButtonComponent.new("Click Me", variant: :primary)
-  end
-
-  def secondary
-    render AtomicView::Components::ButtonComponent.new("Click Me", variant: :secondary)
-  end
-
-  def tertiary
-    render AtomicView::Components::ButtonComponent.new("Click Me", variant: :tertiary)
-  end
-
-  # @!endgroup
-end

data/lib/atomic_view/helpers/form_tag_helper.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module AtomicView
-  module Helpers
-    module FormTagHelper
-      def button_tag(...)
-        render Components::ButtonComponent.new(...)
-      end
-    end
-  end
-end

data/lib/atomic_view/preview.rb

@@ -1,6 +0,0 @@
-# frozen_string_literal: true
-
-module AtomicView
-  class Preview < ViewComponent::Preview
-  end
-end