From 0cfe842bd6f664489074db9975db63db9cf38d45 Mon Sep 17 00:00:00 2001
From: binarygit <inscription4@outlook.com>
Date: Fri, 2 Sep 2022 14:39:49 +0545
Subject: [PATCH] Fix typo: dependant to dependent in dependent-select
 controller

---
 .../admin/orders/customer_details/_address_form.html.haml   | 6 +++---
 ..._select_controller.js => dependent_select_controller.js} | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)
 rename app/webpacker/controllers/{dependant_select_controller.js => dependent_select_controller.js} (91%)

diff --git a/app/views/spree/admin/orders/customer_details/_address_form.html.haml b/app/views/spree/admin/orders/customer_details/_address_form.html.haml
index c64a70aac7..1e3e2f9865 100644
--- a/app/views/spree/admin/orders/customer_details/_address_form.html.haml
+++ b/app/views/spree/admin/orders/customer_details/_address_form.html.haml
@@ -29,17 +29,17 @@
   %div{class: "field"}
     = f.label :zipcode, Spree.t(:zip) + ':'
     = f.text_field :zipcode, class: 'fullwidth'
-  %div{"data-controller": "dependant-select", "data-dependant-select-options-value": countries_with_states }
+  %div{"data-controller": "dependent-select", "data-dependent-select-options-value": countries_with_states }
     %div{class: "field"}
       = f.label :country_id, Spree.t(:country) + ':'
       %span{id: "#{s_or_b}country"}
         = f.select :country_id, countries, { selected: @order.send("#{address_type}_address").country_id },
-        { "data-controller": "tom-select", "data-dependant-select-target": "source", "data-action": "dependant-select#handleSelectChange", class: "primary" }
+        { "data-controller": "tom-select", "data-dependent-select-target": "source", "data-action": "dependent-select#handleSelectChange", class: "primary" }
     %div{class: "field"}
       = f.label :state_id, Spree.t(:state) + ':'
       %span{id: "#{s_or_b}state"}
         = f.select :state_id, states_for_country(@order.send("#{address_type}_address").country), { selected: @order.send("#{address_type}_address").state_id },
-        { "data-controller": "tom-select", "data-dependant-select-target": "select", class: "primary" }
+        { "data-controller": "tom-select", "data-dependent-select-target": "select", class: "primary" }
 
   %div{class: "field"}
     = f.label :phone, Spree.t(:phone) + ':'
diff --git a/app/webpacker/controllers/dependant_select_controller.js b/app/webpacker/controllers/dependent_select_controller.js
similarity index 91%
rename from app/webpacker/controllers/dependant_select_controller.js
rename to app/webpacker/controllers/dependent_select_controller.js
index 577f11c951..bf99f2c6b4 100644
--- a/app/webpacker/controllers/dependant_select_controller.js
+++ b/app/webpacker/controllers/dependent_select_controller.js
@@ -23,7 +23,7 @@ export default class extends Controller {
   }
 
   populateNewOptions(sourceId) {
-    const options = this.dependantOptionsFor(sourceId);
+    const options = this.dependentOptionsFor(sourceId);
 
     options.forEach((item) => {
       this.addOption(item[0], item[1]);
@@ -40,7 +40,7 @@ export default class extends Controller {
     this.selectTarget.appendChild(newOption);
   }
 
-  dependantOptionsFor(sourceId) {
+  dependentOptionsFor(sourceId) {
     return this.optionsValue.find((option) => option[0] === sourceId)[1];
   }
 }