anchor_view_components 0.46.1 → 0.47.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 78a74da25b9b3a47ae6f7aaedc69053b8bc1b538d148c920bb0401a0db50ed4c
-  data.tar.gz: efd5978b26892fbc6843f627f12c261d3b4be701689255cfefd3162267c15b46
+  metadata.gz: f701f39d7fa774ffb3175e88d5d81fa961807f92a37bbc4072fd11a085092f01
+  data.tar.gz: 64c92e9bca0bad24e38f276233cde81a53b1343c175c77d76907a905c61d5358
 SHA512:
-  metadata.gz: 64ca63586bec464e0b7ef3058d712246aaf0e2bedf6010436ced79ea68266ca1ad8185167f4ba1e9516657571c5453f2ca85fc8690e50cf37d9b38d942c49dcb
-  data.tar.gz: 5ca9fc73741adf51b34e3ec0d53ce136f156f2001aeac251ce0b35c0c5c7e615e3f7950aadf3bb21999ac05d1d434d2dddd97ddbb9e2f448d3024ceed470c578
+  metadata.gz: 1344766f080f5c8f1fab3c923ee39ba89b5f397aa8dcf62214014a780523976c23d5383f7f77f649e5dac45748024aad8d5ae664b16e05ecea24c414d2d9edfa
+  data.tar.gz: 85f9f0d2a6f0114be1955f88a37d41be771baf35b870f6c44e3381e267e4f1104a2fc9256e9b69f864a492a285ece4a58a475ee5b647398df25aa61e7b08e10d

data/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## 0.47.0
+
+### Minor Changes
+
+- 6446e5c: Adding time only input
+- 3c41909: Adding test ids to panel component
+- 802aab6: Adding background color for disabled input fields
+- b37a471: Auto generate testid for the radio button collection component
+
+### Patch Changes
+
+- 7672ffd: remove whitespace from anchor_text
+
 ## 0.46.1
 
 ### Patch Changes

data/README.md

@@ -64,6 +64,15 @@ To see component previews:
 - Go to the `demo/` directory, install dependencies, and run `bin/dev`
 - See the components at http://localhost:3000
 
+### Using local changes in another application (i.e. BuoyRails)
+- Run `yarn build:css --watch`
+- In target app, update the Gemfile to point to the this checked out directory
+    - `gem "anchor_view_components", path: "../anchor_view_components"`
+- In target app, update the Package.json to point to the this checked out directory
+    - `"@buoysoftware/anchor-view-components": "file:../anchor_view_components"`
+- Run `bundle install && yarn install`
+- Start or restart App and now all changes should reflect immediately 
+
 ## Releasing
 
 See [RELEASING.md](RELEASING.md)

data/app/components/anchor/input_component.rb

@@ -23,6 +23,7 @@ module Anchor
       form_builder:,
       attribute:,
       type:,
+      disabled: false,
       starting_icon: nil,
       ending_icon: nil,
       **kwargs
@@ -30,22 +31,25 @@ module Anchor
       @form_builder = form_builder
       @attribute = attribute
       @type = type
+      @disabled = disabled
       @starting_icon = starting_icon
       @ending_icon = ending_icon
 
       super(**kwargs)
     end
 
-    attr_reader :attribute, :type, :starting_icon, :ending_icon
+    attr_reader :attribute, :type, :disabled, :starting_icon, :ending_icon
 
     def options
       {
         class: class_names(
           INPUT_CLASSES,
+          "bg-neutral" => disabled,
           "pl-11" => starting_icon?,
           "pr-11" => ending_icon?
         ),
         data: { testid: },
+        disabled:,
       }
     end
 

data/app/components/anchor/panel/body_component.html.erb

@@ -1,5 +1,6 @@
 <%= tag.div(**wrapper_options.except(:class).merge({
     class: class_names("p-6", wrapper_options[:class]),
+    data: { testid: "panel-body" }
   }),
 ) do %>
   <%= content %>

data/app/components/anchor/panel/footer_component.html.erb

@@ -1,9 +1,9 @@
-<div class="border-t border-subdued flex p-6 items-center">
+<div class="border-t border-subdued flex p-6 items-center" data-testid="panel-footer">
   <% if supporting_text? %>
     <span class="text-base text-primary font-semibold"><%= supporting_text %></span>
   <% end %>
 
-  <div class="ml-auto">
+  <div class="ml-auto" data-testid="panel-actions">
     <%= primary_action %>
   </div>
 </div>

data/app/components/anchor/panel/header_component.html.erb

@@ -2,7 +2,8 @@
   class: class_names(
     "border-subdued px-6 py-4",
     "border-b" => active?
-  )
+  ),
+  data: { testid: "panel-header" }
 )) do %>
   <%= render Anchor::TextComponent.new(variant: :subheading_xs)
     .with_content(content) %>

data/app/components/anchor/radio_button_collection_component.html.erb

@@ -1 +1 @@
-<%= tag.div content, class: "flex flex-col space-y-2 text-base" %>
+<%= tag.div content, class: "flex flex-col space-y-2 text-base", data: { testid: } %>

data/app/components/anchor/radio_button_collection_component.rb

@@ -36,5 +36,9 @@ module Anchor
         form_builder:
       )
     end
+
+    def testid
+      "radio-field-#{attribute.to_s.parameterize.dasherize}"
+    end
   end
 end

data/app/components/anchor/text_component.rb

@@ -23,6 +23,10 @@ module Anchor
       super(**kwargs)
     end
 
+    def call
+      content_tag(tag, content, **wrapper_options)
+    end
+
     private
 
     attr_reader :tag

data/app/helpers/anchor/form_builder.rb

@@ -171,6 +171,20 @@ module Anchor
         form_builder: self,
         attribute:,
         type: :text,
+        disabled: options.delete(:disabled),
+        starting_icon: options.delete(:starting_icon),
+        ending_icon: options.delete(:ending_icon)
+      ) do |component|
+        super(attribute, component.options.merge(options))
+      end
+    end
+
+    def time_field(attribute, options = {})
+      render InputComponent.new(
+        form_builder: self,
+        attribute:,
+        type: :time,
+        disabled: options.delete(:disabled),
         starting_icon: options.delete(:starting_icon),
         ending_icon: options.delete(:ending_icon)
       ) do |component|

data/lib/anchor/view_components/version.rb

@@ -1,5 +1,5 @@
 module Anchor
   module ViewComponents
-    VERSION = "0.46.1".freeze
+    VERSION = "0.47.0".freeze
   end
 end

data/previews/forms/default.html.erb

@@ -12,6 +12,12 @@
     <%= form.error_message_for :email %>
   <% end %>
 
+  <%= tag.div do %>
+    <%= form.label :name %>
+    <%= form.text_field :name, disabled: true %>
+    <%= form.error_message_for :name %>
+  <% end %>
+
   <%= tag.div do %>
     <%= form.label :number_stepper %>
     <%= form.number_field :number_stepper %>
@@ -47,6 +53,12 @@
     <%= form.error_message_for :last_login_at %>
   <% end %>
 
+  <%= tag.div do %>
+    <%= form.label :sunrise_at %>
+    <%= form.time_field :sunrise_at %>
+    <%= form.error_message_for :sunrise_at %>
+  <% end %>
+
   <%= tag.div do %>
     <%= form.check_box :allows_email_marketing %>
     <%= form.label :allows_email_marketing %>

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: anchor_view_components
 version: !ruby/object:Gem::Version
-  version: 0.46.1
+  version: 0.47.0
 platform: ruby
 authors:
 - Buoy Software
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-01-22 00:00:00.000000000 Z
+date: 2024-02-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -179,7 +179,6 @@ files:
 - app/components/anchor/table_component.en.yml
 - app/components/anchor/table_component.html.erb
 - app/components/anchor/table_component.rb
-- app/components/anchor/text_component.html.erb
 - app/components/anchor/text_component.rb
 - app/components/anchor/toast_component.html.erb
 - app/components/anchor/toast_component.rb

data/app/components/anchor/text_component.html.erb

@@ -1,3 +0,0 @@
-<%= content_tag(tag, **wrapper_options) do %>
-  <%= content %>
-<% end %>