anchor_view_components 0.46.1 → 0.48.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 78a74da25b9b3a47ae6f7aaedc69053b8bc1b538d148c920bb0401a0db50ed4c
-  data.tar.gz: efd5978b26892fbc6843f627f12c261d3b4be701689255cfefd3162267c15b46
+  metadata.gz: da98942975137fa343cc58ad7fb08de5d92470a8f6a287924dda11562d7d6ebf
+  data.tar.gz: e4d301b64276b42c52732ee10aba4f4c6a54e53495c24920ec8341e73d52b0fc
 SHA512:
-  metadata.gz: 64ca63586bec464e0b7ef3058d712246aaf0e2bedf6010436ced79ea68266ca1ad8185167f4ba1e9516657571c5453f2ca85fc8690e50cf37d9b38d942c49dcb
-  data.tar.gz: 5ca9fc73741adf51b34e3ec0d53ce136f156f2001aeac251ce0b35c0c5c7e615e3f7950aadf3bb21999ac05d1d434d2dddd97ddbb9e2f448d3024ceed470c578
+  metadata.gz: 1614e7d9ee23d0c32a56d7fa3c2e4d396045de15e4cedc8f2ea19f23b70877d9009a59c8709e1471220b35c11101816d86d2f7e851160c713e74c1aae5fb9e66
+  data.tar.gz: 1bebc7268fde9116e11a2684ea58b0cda6d9d6a44de32ca9b51e7284eb816584cb064eff682e0b299321c808624e6135b661dc8cc26cd4864e0c0ae2caa12835

data/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## 0.48.0
+
+### Minor Changes
+
+- 49a05e0: added data testids to banner component
+- d9925cb: Added a test ID to the panel component (`panel-component`) with the option to pass in a custom ID.
+- f55a733: Add open-new-window icon
+
+## 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/assets/images/icons/open-new-window.svg

@@ -0,0 +1,5 @@
+<!-- Source: Iconoir, added via `bin/add_icon` -->
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 3L15 3M21 3L12 12M21 3V9" stroke="currentColor"  stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21 13V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V5C3 3.89543 3.89543 3 5 3H11" stroke="currentColor"  stroke-linecap="round"/>
+</svg>

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

@@ -1,5 +1,6 @@
 <%= tag.div(**merge_options(wrapper_options, {
   class: "flex gap-2 p-4 rounded",
+  data: { testid: }
 })) do %>
   <%= anchor_icon(
     icon:,

data/app/components/anchor/banner_component.rb

@@ -48,5 +48,9 @@ module Anchor
     def render?
       title? || body?
     end
+
+    def testid
+      "banner-component"
+    end
   end
 end

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

@@ -8,7 +8,7 @@
       "btn-with-ending-icon" => ending_icon?,
       "btn-full-width" => full_width,
     ),
-    data: { testid: test_id },
+    data: { testid: },
     disabled: disabled,
     href: href,
     type: type,

data/app/components/anchor/button_component.rb

@@ -76,14 +76,14 @@ module Anchor
       element == :a ? nil : @disabled
     end
 
-    def test_id
+    def testid
       wrapper_options.dig(
         :data,
         :testid
-      ) || generated_test_id
+      ) || generated_testid
     end
 
-    def generated_test_id
+    def generated_testid
       "#{strip_tags(content).to_s.parameterize}-button"
     end
   end

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

@@ -5,7 +5,7 @@
       type: :button,
       **popover.popover_trigger_attributes(
         popovertarget: popover_id,
-        data: { testid: test_id(:description) }
+        data: { testid: testid(:description) }
       )
     ) do %>
       <span class="font-semibold uppercase mr-2"><%= label %>:</span>

data/app/components/anchor/filter_component.rb

@@ -52,7 +52,7 @@ module Anchor
       end
     end
 
-    def test_id(action = nil)
+    def testid(action = nil)
       ["filter", action, param_key.to_s.dasherize].compact.join("-")
     end
 

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/panel_component.html.erb

@@ -1,5 +1,6 @@
 <%= tag.div(**merge_options(wrapper_options,
   class: "border border-subdued",
+  data: { testid: }
 )) do %>
   <%= header %>
 

data/app/components/anchor/panel_component.rb

@@ -16,5 +16,9 @@ module Anchor
     def active?
       @active == true
     end
+
+    def testid
+      wrapper_options.dig(:data, :testid) || "panel-component"
+    end
   end
 end

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/components/anchor/toast_component.html.erb

@@ -4,7 +4,7 @@
     data: {
       controller: "toast",
       toast_assistive_tech_notification_value: assistive_tech_notification,
-      testid: test_id,
+      testid:,
     },
     popover: "manual",
   })

data/app/components/anchor/toast_component.rb

@@ -29,7 +29,7 @@ module Anchor
       strip_tags(content)
     end
 
-    def test_id
+    def testid
       wrapper_options.dig(:data, :testid) || "toast"
     end
   end

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.48.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.48.0
 platform: ruby
 authors:
 - Buoy Software
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-01-22 00:00:00.000000000 Z
+date: 2024-02-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -67,6 +67,7 @@ files:
 - app/assets/images/icons/nav-arrow-down.svg
 - app/assets/images/icons/nav-arrow-left.svg
 - app/assets/images/icons/nav-arrow-right.svg
+- app/assets/images/icons/open-new-window.svg
 - app/assets/images/icons/paste-clipboard.svg
 - app/assets/images/icons/percentage.svg
 - app/assets/images/icons/plus.svg
@@ -179,7 +180,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 %>