@bcrs-shared-components/base-address 2.0.44 → 2.0.46

package/BaseAddress.stories.ts

@@ -61,5 +61,6 @@ FilledInBaseAddress['args'] = {
     postalCode: 'V8N 1A1',
     deliveryInstructions: 'Leave at front door'
   },
-  noPoBox: true
+  noPoBox: true,
+  isInactive: false
 }

package/BaseAddress.vue

@@ -18,6 +18,7 @@
       <div
         v-if="!editing"
         class="address-block"
+        :class="{ 'inactive' : isInactive }"
       >
         <div class="address-block__info pre-line">
           <div class="address-block__info-row street-address">
@@ -70,7 +71,7 @@
             menu-props="auto"
             item-text="name"
             item-value="code"
-            :items="getCountries()"
+            :items="getCountriesList()"
             :rules="[...rules.addressCountry, ...spaceRules]"
             @change="resetRegion()"
           />
@@ -227,6 +228,9 @@ export default class BaseAddress extends Mixins(ValidationMixin, CountriesProvin
   @Prop({ default: false })
   readonly excludeBC: boolean
 
+  @Prop({ default: false })
+  readonly isInactive: boolean
+
   resetRegion () {
     this.addressLocal['addressRegion'] = ''
   }
@@ -497,6 +501,27 @@ export default class BaseAddress extends Mixins(ValidationMixin, CountriesProvin
     Vue.nextTick(() => { (this.$refs.addressForm as any).validate() })
   }
 
+  getCountriesList (): Array<object> {
+    const countries = this.getCountries()
+
+    // List of priority countries
+    const priorityCountries = ['Canada', 'United States of America']
+
+    const prioritizedCountries = countries.filter((country: any) =>
+      priorityCountries.includes(country.name)
+    )
+
+    const countriesList = countries.filter((country: any) =>
+      !priorityCountries.includes(country.name)
+    )
+
+    return [
+      ...prioritizedCountries,
+      { divider: true },
+      ...countriesList
+    ]
+  }
+
   combineLines (line1: string, line2: string) {
     if (!line1) return line2
     if (!line2) return line1
@@ -521,6 +546,10 @@ export default class BaseAddress extends Mixins(ValidationMixin, CountriesProvin
   color: $gray7;
 }
 
+.inactive, .inactive .address-block__info-row {
+  color: $gray5 !important;
+}
+
 // Form Row Elements
 .form__row.three-column {
   align-items: stretch;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bcrs-shared-components/base-address",
-  "version": "2.0.44",
+  "version": "2.0.46",
   "publishConfig": {
     "access": "public"
   },
@@ -14,5 +14,5 @@
     "vue-property-decorator": "^9.1.2",
     "vuelidate-property-decorators": "1.0.28"
   },
-  "gitHead": "fc533a2bff2dc2408032d83f8de16cb7e6cdf09f"
+  "gitHead": "513fd0f2bb1de514272e80f48d8790b44bb1963d"
 }