satis 2.1.3 → 2.1.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3100905fd0c0f9ab69fa8b367eb09bc2bd6f7b4c3a3dd1271517141417c9c667
-  data.tar.gz: fc168ce7e22bc01baebec87fb632dca6acdfeebdbcc623f852119be34393b7b7
+  metadata.gz: ab24a057287e49bf11f24ca8f304df57020c3904a79160fa8b4a625e55380d5a
+  data.tar.gz: bdd35c925b3c002640195b642cd652719f24931b27fe4915f528d9800b27fb24
 SHA512:
-  metadata.gz: d085a09e1de0e2ced5dd4d539d2aeb66510e4e6a4ba0857cd37081b6ad3e1734b80db6b388b4e3b07e5aa255c1496cce374c041f38ea02bc8ffa350bf93dc545
-  data.tar.gz: ab57757fd34af527fed33856165bfb0d2cbe1487f43d16252f20373744ce8fb086209f995ed0814ca07e868075ba50dfbafecb3063f25ad584b352e7c2804607
+  metadata.gz: db13c90b7bf3e47ada1d6ee10d386c6bb135a183b4bb0f365f12fc42205dd25000e9da2210e8c5ea5e6245aafaf877584c2bec618144e9445b9eee44d98a072f
+  data.tar.gz: 729675b75520efe3b592af046c999dda0a59a58d55f25f80647f96bc28ce4debe2499918cb3719be2e39978fab353df24dd3e249ecad73886f5a854baf1a0b3d

data/app/components/satis/avatar/component.html.slim

@@ -1,4 +1,4 @@
-button.inline-flex.items-center.justify-center.rounded-full.bg-gray-500.focus:outline-none.focus:ring-2.focus:ring-offset-2.focus:ring-primary-500 aria-expanded="false" aria-haspopup="true" type="button" class=options[:class]
+button.inline-flex.items-center.justify-center.rounded-full.focus:outline-none.focus:ring-2.focus:ring-offset-2.focus:ring-primary-500 aria-expanded="false" aria-haspopup="true" type="button" class=options[:class] style="background-color: #{background_color}"
   - if photo&.attached?
     img class="rounded-full" src=photo_url alt=name class=options[:class]
   - elsif gravatar?

data/app/components/satis/avatar/component.rb

@@ -4,7 +4,7 @@ require 'net/http'
 module Satis
   module Avatar
     class Component < Satis::ApplicationComponent
-      attr_reader :name, :photo, :email, :options
+      attr_reader :name, :photo, :email, :options, :color
 
       def initialize(name: nil, email: nil, photo: nil, **options)
         super
@@ -13,6 +13,8 @@ module Satis
         @options = options
         @options[:class] ||= 'w-8 h-8'
         @email = email
+        @background_color = "#6b7280"
+        @color = options.fetch(:color, true)
       end
 
       def initials
@@ -23,10 +25,16 @@ module Satis
         end
       end
 
+      # Returns the hex-background color for the avatar based on the name or email
+      def background_color
+        return unless name || email || color
+
+        @background_color = "##{Digest::MD5.hexdigest(name || email).first(6)}"
+      end
+
       def photo_url
         return unless photo&.attached?
 
-        #helpers.main_app.url_for(photo)
         Rails.application.routes.url_helpers.rails_blob_path(photo, only_path: true)
       end
 

data/app/javascript/satis/controllers/fields_for_controller.js

@@ -51,9 +51,12 @@ export default class FieldsForController extends ApplicationController {
 
     // Find template and add event listeners
     let templateElement = this.insertionPointTarget.querySelector(".template")
-    templateElement.querySelectorAll("input,select").forEach((input) => {
-      input.addEventListener("change", this.boundMonitorChanges)
-    })
+    setTimeout(() => {
+      // add a delay so host can finish dom manipulation and everything is ready
+      templateElement.querySelectorAll("input,select").forEach((input) => {
+        input.addEventListener("change", this.boundMonitorChanges)
+      })
+    }, 500)
   }
 
   monitorChanges(event) {

data/lib/satis/version.rb

@@ -1,3 +1,3 @@
 module Satis
-  VERSION = "2.1.3"
+  VERSION = "2.1.5"
 end

data/package.json

@@ -5,5 +5,5 @@
     "postcss-mixins": "^9.0.4",
     "tailwindcss": "^3.4.1"
   },
-  "version": "2.0.9"
+  "version": "2.1.4"
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: satis
 version: !ruby/object:Gem::Version
-  version: 2.1.3
+  version: 2.1.5
 platform: ruby
 authors:
 - Tom de Grunt
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-04-05 00:00:00.000000000 Z
+date: 2024-04-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: browser