@bcrs-shared-components/base-address 2.0.41 → 2.0.42

package/BaseAddress.vue

@@ -61,6 +61,26 @@
         name="address-form"
         lazy-validation
       >
+        <div class="form__row">
+          <v-select
+            v-model="addressLocal.addressCountry"
+            filled
+            class="address-country"
+            :label="addressCountryLabel"
+            menu-props="auto"
+            item-text="name"
+            item-value="code"
+            :items="getCountries()"
+            :rules="[...rules.addressCountry, ...spaceRules]"
+            @change="resetRegion()"
+          />
+          <!-- special field to select AddressComplete country, separate from our model field -->
+          <input
+            :id="addressCountryId"
+            type="hidden"
+            :value="addressCountry"
+          >
+        </div>
         <div class="form__row">
           <!-- NB1: AddressComplete needs to be enabled each time user clicks in this search field.
                NB2: Only process first keypress -- assumes if user moves between instances of this
@@ -130,25 +150,6 @@
             :rules="[...rules.postalCode, ...spaceRules]"
           />
         </div>
-        <div class="form__row">
-          <v-select
-            v-model="addressLocal.addressCountry"
-            filled
-            class="address-country"
-            :label="addressCountryLabel"
-            menu-props="auto"
-            item-text="name"
-            item-value="code"
-            :items="getCountries()"
-            :rules="[...rules.addressCountry, ...spaceRules]"
-          />
-          <!-- special field to select AddressComplete country, separate from our model field -->
-          <input
-            :id="addressCountryId"
-            type="hidden"
-            :value="addressCountry"
-          >
-        </div>
         <div class="form__row">
           <v-textarea
             v-model="addressLocal.deliveryInstructions"
@@ -203,7 +204,7 @@ export default class BaseAddress extends Mixins(ValidationMixin, CountriesProvin
       addressCity: '',
       addressRegion: '',
       postalCode: '',
-      addressCountry: '',
+      addressCountry: 'CA',
       deliveryInstructions: ''
     })
   })
@@ -226,6 +227,10 @@ export default class BaseAddress extends Mixins(ValidationMixin, CountriesProvin
   @Prop({ default: false })
   readonly excludeBC: boolean
 
+  resetRegion () {
+    this.addressLocal['addressRegion'] = ''
+  }
+
   /** A local (working) copy of the address, to contain the fields edited by the component (ie, the model). */
   addressLocal: object = {}
 
@@ -241,7 +246,7 @@ export default class BaseAddress extends Mixins(ValidationMixin, CountriesProvin
   }
 
   /** A unique id for the Address Country input. */
-  addressCountryId (): string {
+  get addressCountryId (): string {
     return `address-country-${this.uniqueId}`
   }
 
@@ -438,7 +443,12 @@ export default class BaseAddress extends Mixins(ValidationMixin, CountriesProvin
       { element: this.streetAddressId, field: 'Line1', mode: pca.fieldMode.SEARCH },
       { element: this.addressCountryId, field: 'CountryName', mode: pca.fieldMode.COUNTRY }
     ]
-    const options = { key }
+    const options = {
+      key,
+      bar: {
+        visible: false
+      }
+    }
 
     const addressComplete = new pca.Address(fields, options)
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bcrs-shared-components/base-address",
-  "version": "2.0.41",
+  "version": "2.0.42",
   "publishConfig": {
     "access": "public"
   },
@@ -14,5 +14,5 @@
     "vue-property-decorator": "^9.1.2",
     "vuelidate-property-decorators": "1.0.28"
   },
-  "gitHead": "2970bebeebfb0863543aaa35b09bbd119ac86bf4"
+  "gitHead": "1ebcd6ec55a37ba58f8fc98b8884ee55c236bc5b"
 }