Make autosubmit min length configurable with stimulus value

Author: rossta

app/javascript/controllers/forms/autosubmit.js

@@ -10,6 +10,10 @@ export default class extends Controller {
       type: Number,
       default: 0,
     },
+    mininumLength: {
+      type: Number,
+      default: 0,
+    },
   };
 
   connect() {
@@ -28,10 +32,14 @@ export default class extends Controller {
       return;
     }
 
-    if (event.target.value.length >= 3) {
+    if (event.target.value.length >= this.mininumLengthValue) {
       this.element.requestSubmit();
     } else {
-      console.log('Not submitting until 3 or more characters');
+      console.log(
+        'Not submitting until',
+        this.mininumLengthValue,
+        'characters',
+      );
     }
   }
 }

app/views/searches/combobox.rb

@@ -27,6 +27,7 @@ def view_template
           data: {
             controller: "autosubmit-form",
             autosubmit_delay_value: 300,
+            autosubmit_minimum_length_value: 3,
             turbo_frame: :search
           } do |f|
           div(class: "flex items-center flex-row pl-2 col-gap-xs") do