satis 2.1.62 → 2.1.63

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e2140ef631e3f79034be38c47c204c5261cd8045a4da09bfa781002d2ed858a0
-  data.tar.gz: 875613115ccdea9a294c08f6bba283316a4fb2ea4b5300a538bd20506b971b8a
+  metadata.gz: 6e910fd153359b41593e0a0e2b1332756c666b0a28c3596cfcf776678a710cfb
+  data.tar.gz: b7e71eadd1ad93c5eccdc8262b66d7d8c4e7e712dbb7c86b9c2a200df9d8024b
 SHA512:
-  metadata.gz: b860a1fcdaa917ba2626db31bc06026fb41ef621439cc96b3ba17010f84ce8f7834370fefbd79ea1bf278d28c583db54d4cbfcabc10698da72cb253dafe28a0a
-  data.tar.gz: 7c7aa7776086015f8aa60757473f832fe946d7a982e94c40d3f3fd635c157624c0787fc37747203c6fa2494987918f7691ed638b2efeada2f5df108d69dc5c98
+  metadata.gz: 40304ef3d719bffaf1713c561860b4d11f2b4cf73e417c955d6611e1aa24d1d9577d4950d0374fd03d73f966e87ce7a0880d8801b990561a96f7a25920bf4446
+  data.tar.gz: 7bfb0392ddf0b528ffd1fdf94d870e33b71376e6641fbf328c66207c22dae1e8e2d5ddaba14ee8a90c680df3a590cd48f1b1b2d9a5f375cc66346558afd542d1

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

@@ -1,7 +1,7 @@
 div.satis-date-time-picker data-controller="satis-date-time-picker" data-satis-date-time-picker-time-picker-value=time_picker.to_s data-satis-date-time-picker-clearable-value=clearable.to_s data-satis-date-time-picker-locale-value="" data-satis-date-time-picker-range-value=range.to_s data-satis-date-time-picker-multiple-value=multiple.to_s data-satis-date-time-picker-week-start-value=week_start data-satis-date-time-picker-inline-value=inline.to_s data-satis-date-time-picker-format-value=JSON.dump(format)
   .relative.flex.items-center
     = form.text_field attribute, options[:input_html].merge(class: 'hidden')
-    input.form-control data-action="focus->satis-date-time-picker#showCalendar input->satis-date-time-picker#dateTimeEntered" data-satis-date-time-picker-target="input" type="text"
+    input.form-control class=input_class data-action="focus->satis-date-time-picker#showCalendar input->satis-date-time-picker#dateTimeEntered" data-satis-date-time-picker-target="input" type="text"
     .absolute.inset-y-0.right-0.flex.py-1.5.pr-1.5
       button.cursor-pointer.w-6.h-full.flex.items-center.text-gray-400.outline-none.focus:outline-none data-satis-date-time-picker-target="clearButton" data-action="click->satis-date-time-picker#clear"
         i.fas.fa-xmark

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

@@ -43,6 +43,10 @@ module Satis
       def week_start
         Date::DAYS_INTO_WEEK[Date.beginning_of_week] || 1
       end
+
+      def input_class
+        [@options.fetch(:input_html, {}).fetch(:class, ""), form.has_error?(attribute) ? "is-invalid" : ""].join(" ")
+      end
     end
   end
 end

data/app/components/satis/dropdown/component_controller.js

@@ -20,13 +20,14 @@ export default class DropdownComponentController extends ApplicationController {
   ]
 
   static values = {
-    chainTo: String,
-    freeText: Boolean,
-    needsExactMatch: Boolean,
-    pageSize: Number,
-    url: String,
-    urlParams: Object,
-    isMultiple: Boolean
+      chainTo: String,
+      freeText: Boolean,
+      needsExactMatch: Boolean,
+      pageSize: Number,
+      url: String,
+      urlParams: Object,
+      isMultiple: Boolean,
+      minSearchQueryLength: Number
   }
 
   connect() {
@@ -48,8 +49,6 @@ export default class DropdownComponentController extends ApplicationController {
     // To remember what the last search was we did
     this.searchQueryValue = null
     this.lastSearch = null
-    this.minSearchQueryLength = 2
-
     // To remember what the last options were we got from the server to prevent unnecessary refreshes
     // and unexpected events
     this.lastServerRefreshOptions = new Set()
@@ -241,8 +240,8 @@ export default class DropdownComponentController extends ApplicationController {
   search(event) {
     this.searchQueryValue = this.searchInputTarget.value
 
-    if(this.searchInputTarget.value.length === 0 && !this.isMultipleValue){
-      if(this.nrOfItems === 1) this.lowLightSelected();
+    if (this.searchInputTarget.value.length === 0 && !this.isMultipleValue) {
+      if (this.nrOfItems === 1) this.lowLightSelected()
       this.hiddenSelectTarget.innerHTML = ""
       this.hiddenSelectTarget.add(this.createOption())
     }
@@ -279,7 +278,7 @@ export default class DropdownComponentController extends ApplicationController {
     this.lastPage = null
     this.endPage = null
 
-    this.lowLightSelected();
+    this.lowLightSelected()
     this.selectedIndex = -1
 
     if (this.hasUrlValue) {
@@ -421,9 +420,9 @@ export default class DropdownComponentController extends ApplicationController {
     } else {
       this.filterResultsChainTo()
 
-      if(this.hasResults && !this.searchQueryChanged){
+      if (this.hasResults && !this.searchQueryChanged) {
         this.showResultsList(event)
-      }else {
+      } else {
         if (this.hasUrlValue)
           this.fetchResults(event)
         else
@@ -492,7 +491,7 @@ export default class DropdownComponentController extends ApplicationController {
 
   localResults(event) {
     if (!this.searchQueryChanged) {
-      if(!this.resultsShown) {
+      if (!this.resultsShown) {
         if (this.hasResults)
           this.showResultsList(event)
         else this.showSelectedItem()
@@ -511,7 +510,7 @@ export default class DropdownComponentController extends ApplicationController {
       } else {
         previouslyVisibleItemsCount++
       }
-    });
+    })
 
     this.filterResultsChainTo()
 
@@ -520,7 +519,7 @@ export default class DropdownComponentController extends ApplicationController {
     let matches = []
     this.itemTargets.forEach((item) => {
       const text = item.getAttribute("data-satis-dropdown-item-text")
-      const matched = this.needsExactMatchValue ? searchValue.localeCompare(text, undefined, {sensitivity: 'base'}) === 0 : text.toLowerCase().includes(searchValue.toLowerCase())
+      const matched = this.needsExactMatchValue ? searchValue.localeCompare(text, undefined, { sensitivity: 'base' }) === 0 : text.toLowerCase().includes(searchValue.toLowerCase())
 
       const isHidden = item.classList.contains("hidden")
       if (!isHidden) {
@@ -541,9 +540,9 @@ export default class DropdownComponentController extends ApplicationController {
     }
 
     // auto select if there is only one match and we are not in freetext mode
-    if(!this.freeTextValue) {
+    if (!this.freeTextValue) {
       if (matches.length === 1) {
-        if (this.filteredSearchQuery.length >= this.minSearchQueryLength &&
+        if (this.filteredSearchQuery.length >= this.minSearchQueryLengthValue &&
           matches[0].getAttribute("data-satis-dropdown-item-text").toLowerCase().indexOf(this.lastSearch.toLowerCase()) >= 0) {
           const dataDiv = matches[0].closest('[data-satis-dropdown-target="item"]')
           this.selectItem(dataDiv)
@@ -553,7 +552,7 @@ export default class DropdownComponentController extends ApplicationController {
           this.showSelectedItem()
         }
         // the selected item if there was only 1 item visible before
-      } else if(previouslyVisibleItemsCount === 1 && matches.length > 1) {
+      } else if (previouslyVisibleItemsCount === 1 && matches.length > 1) {
         this.setSelectedItem()
       }
     }
@@ -569,7 +568,7 @@ export default class DropdownComponentController extends ApplicationController {
           (this.currentPage == this.lastPage || this.currentPage == this.endPage)) ||
         !this.hasUrlValue
       ) {
-        if(!this.resultsShown) {
+        if (!this.resultsShown) {
           if (this.hasResults)
             this.showResultsList(event)
           else this.showSelectedItem()
@@ -608,19 +607,19 @@ export default class DropdownComponentController extends ApplicationController {
           }
 
           // auto select when there is only 1 value
-          if (this.filteredSearchQuery.length >= this.minSearchQueryLength && this.nrOfItems === 1 && !this.freeTextValue) {
+          if (this.filteredSearchQuery.length >= this.minSearchQueryLengthValue && this.nrOfItems === 1 && !this.freeTextValue) {
             const dataDiv = this.itemTargets[0].closest('[data-satis-dropdown-target="item"]')
             this.selectItem(dataDiv)
             this.setSelectedItem(dataDiv.getAttribute("data-satis-dropdown-item-value"))
             this.searchQueryValue = ""
-          } else if(this.searchQueryValue?.length > 0) {
+          } else if (this.searchQueryValue?.length > 0) {
             // hide all items that don't match the search query
             const searchValue = this.searchQueryValue
             let matches = []
             this.itemTargets.forEach((item) => {
               const text = item.getAttribute("data-satis-dropdown-item-text")
               const matched = this.needsExactMatchValue
-                ? searchValue.localeCompare(text, undefined, { sensitivity: "base" }) === 0 : text.toLowerCase().includes(searchValue.toLowerCase())
+                ? searchValue.localeCompare(text, undefined, { sensitivity: "base" }) === 0 : text?.toLowerCase().includes(searchValue.toLowerCase())
 
               const isHidden = item.classList.contains("hidden")
               if (!isHidden) {
@@ -688,8 +687,8 @@ export default class DropdownComponentController extends ApplicationController {
     return promise
   }
 
-  get filteredSearchQuery(){
-    if(this.searchQueryValue < this.minSearchQueryLength) return ""
+  get filteredSearchQuery() {
+    if (this.searchQueryValue < this.minSearchQueryLengthValue) return ""
     return this.searchQueryValue
   }
 
@@ -866,9 +865,9 @@ export default class DropdownComponentController extends ApplicationController {
       this.selectedIndex = -1
       return
     }
-    const itemTargets = this.itemTargets;
-    const visibleItems = itemTargets.filter(item => !item.classList.contains("hidden"));
-    this.selectedIndex = visibleItems.findIndex(item => item.getAttribute("data-satis-dropdown-item-value") === value);
+    const itemTargets = this.itemTargets
+    const visibleItems = itemTargets.filter(item => !item.classList.contains("hidden"))
+    this.selectedIndex = visibleItems.findIndex(item => item.getAttribute("data-satis-dropdown-item-value") === value)
     this.highLightSelected()
   }
 
@@ -884,9 +883,9 @@ export default class DropdownComponentController extends ApplicationController {
     this.highLightSelected()
   }
   validateSearchQuery() {
-    const trimmedValue = this.searchInputTarget.value.trim();
-    const elements = this.selectedItemsTemplateTarget.content.querySelectorAll(`[data-satis-dropdown-item-text*="${trimmedValue}"]`);
-    const selected = Array.from(elements).find(element => element.getAttribute('data-satis-dropdown-item-text').trim() === trimmedValue);
+    const trimmedValue = this.searchInputTarget.value.trim()
+    const elements = this.selectedItemsTemplateTarget.content.querySelectorAll(`[data-satis-dropdown-item-text*="${trimmedValue}"]`)
+    const selected = Array.from(elements).find(element => element.getAttribute('data-satis-dropdown-item-text').trim() === trimmedValue)
     if (!selected && this.searchInputTarget.value.length > 0 && !this.freeTextValue) {
       this.searchInputTarget.closest(".sts-dropdown").classList.toggle("warning", true)
     } else {
@@ -955,13 +954,13 @@ export default class DropdownComponentController extends ApplicationController {
   }
 
   get hasFocus() {
-    const activeElement = document.activeElement;
+    const activeElement = document.activeElement
     if (activeElement === this.element ||
       this.element.contains(activeElement) ||
       this.element.querySelector(':focus') !== null) {
-      return true;
+      return true
     }
-    return false;
+    return false
   }
 
   // Selected items are being cached in selectItemsTemplate. Sometimes we want to show the selected item in the results list
@@ -971,7 +970,7 @@ export default class DropdownComponentController extends ApplicationController {
       || this.freeTextValue
       || this.hiddenSelectTarget.options.length === 0
       || !this.hasFocus
-    ) return false;
+    ) return false
 
     const option = this.hiddenSelectTarget.options[0]
     let item = this.itemsTarget.querySelector(`[data-satis-dropdown-item-value="${option.value}"]`)
@@ -988,12 +987,12 @@ export default class DropdownComponentController extends ApplicationController {
       }
     }
 
-    if(item) {
+    if (item) {
       if (!this.resultsShown)
         this.showResultsList()
       this.setSelectedItem(option.value)
     }
 
-    return item != null;
+    return item != null
   }
 }

data/lib/satis/version.rb

@@ -1,3 +1,3 @@
 module Satis
-  VERSION = "2.1.62"
+  VERSION = "2.1.63"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: satis
 version: !ruby/object:Gem::Version
-  version: 2.1.62
+  version: 2.1.63
 platform: ruby
 authors:
 - Tom de Grunt
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-03-27 00:00:00.000000000 Z
+date: 2025-06-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: browser