20989-add initial value prop (#255)

* 20989-add initial value prop

* 20989-update logic

src/components/jurisdiction/Jurisdiction.stories.ts

@@ -16,3 +16,12 @@ export const Default = Template.bind({})
 Default['args'] = {
   showUsaJurisdictions: false
 }
+
+export const JurisdictionInitialValue = Template.bind({})
+JurisdictionInitialValue['args'] = {
+  showUsaJurisdictions: false,
+  initialValue: {
+    country: 'CA',
+    region: 'FD'
+  }
+}

src/components/jurisdiction/Jurisdiction.vue

@@ -10,23 +10,69 @@
 </template>
 
 <script lang="ts">
-import { Component, Emit, Prop, Vue } from 'vue-property-decorator'
+import { Component, Emit, Mixins, Prop } from 'vue-property-decorator'
 import NestedSelect from './NestedSelect.vue'
 import { JurisdictionLocation } from '@bcrs-shared-components/enums'
+import { ForeignJurisdictionIF } from '@bcrs-shared-components/interfaces'
+import { CountriesProvincesMixin } from '@bcrs-shared-components/mixins'
 import { CanJurisdictions, IntlJurisdictions, UsaJurisdiction } from './list-data'
 
 @Component({
   components: { NestedSelect }
 })
-export default class Jurisdiction extends Vue {
+export default class Jurisdiction extends Mixins(CountriesProvincesMixin) {
   // props
   @Prop({ default: 'Select the home jurisdiction' }) readonly label!: string
   @Prop() readonly errorMessages!: string
   @Prop({ default: false }) readonly showUsaJurisdictions!: boolean
+  @Prop({ default: null }) readonly initialValue!: ForeignJurisdictionIF[]
 
   // variables
   jurisdiction = null
 
+  /** Called when component is created. */
+  created (): void {
+    if (this.initialValue) {
+      this.setInitialValue()
+    }
+  }
+
+  /** Set initial value of jurisdiction */
+  setInitialValue (): void {
+    let jurisdictionGroup
+    let jurisdictionValue = ''
+    let jurisdictionText = ''
+
+    const initialJurValue = this.initialValue as ForeignJurisdictionIF
+    const country = initialJurValue.country
+    const region = initialJurValue.region ? initialJurValue.region : ''
+
+    if (country === JurisdictionLocation.CA) {
+      jurisdictionGroup = 0
+    } else if (country === JurisdictionLocation.US) {
+      jurisdictionGroup = 1
+    } else {
+      jurisdictionGroup = 2
+    }
+
+    if (region) {
+      if (region === JurisdictionLocation.FD) {
+        jurisdictionText = 'Federal'
+      } else {
+        let regions = this.getCountryRegions(country) as any[]
+        jurisdictionText = regions.find(p => p.short === region).name
+      }
+    } else {
+      jurisdictionText = this.getCountryName(country)
+    }
+
+    this.jurisdiction = {
+      group: jurisdictionGroup,
+      text: jurisdictionText,
+      value: jurisdictionValue
+    }
+  }
+
   /** The jursidiction select options */
   get jurisdictionOptions (): Array<any> {
     const array = [] as Array<any>

src/interfaces/foreign-jurisdiction-interface.ts

@@ -0,0 +1,8 @@
+/**
+ * See:
+ * https://github.com/bcgov/business-schemas/blob/main/src/registry_schemas/schemas/foreign_jurisdiction.json
+ */
+export interface ForeignJurisdictionIF {
+  country: string
+  region?: string
+}