20989 - Add USA states to jurisdiction list

src/components/jurisdiction/Jurisdiction.stories.ts

@@ -13,4 +13,6 @@ const Template = (args, { argTypes }) => ({
 })
 
 export const Default = Template.bind({})
-Default['args'] = {}
+Default['args'] = {
+  showUsJurisdictions: false
+}

src/components/jurisdiction/Jurisdiction.vue

@@ -13,7 +13,7 @@
 import { Component, Emit, Prop, Vue } from 'vue-property-decorator'
 import NestedSelect from './NestedSelect.vue'
 import { JurisdictionLocation } from '@bcrs-shared-components/enums'
-import { CanJurisdictions, IntlJurisdictions } from './list-data'
+import { CanJurisdictions, IntlJurisdictions, UsaJurisdiction } from './list-data'
 
 @Component({
   components: { NestedSelect }
@@ -22,6 +22,7 @@ export default class Jurisdiction extends Vue {
   // props
   @Prop({ default: 'Select the home jurisdiction' }) readonly label!: string
   @Prop() readonly errorMessages!: string
+  @Prop({ default: false }) readonly showUsJurisdictions!: boolean
 
   // variables
   jurisdiction = null
@@ -41,15 +42,26 @@ export default class Jurisdiction extends Vue {
         separator: (jur.value === JurisdictionLocation.FD)
       }))
 
+    if (this.showUsJurisdictions) {
+      array.push({ isHeader: true, group: 1, text: 'United States' })
+      UsaJurisdiction
+        .forEach(jur => array.push({
+          group: 1,
+          text: jur.text,
+          value: jur.value,
+          separator: false
+        }))
+    }
+
     // add in International jurisdictions (not including CA)
-    array.push({ isHeader: true, group: 1, text: 'International' })
+    array.push({ isHeader: true, group: 2, text: 'International' })
     IntlJurisdictions
       .filter(jur => jur.value !== JurisdictionLocation.CA)
       .forEach(jur => array.push({
-        group: 1,
+        group: 2,
         text: jur.text,
         value: jur.value,
-        separator: false
+        separator: (jur.value === JurisdictionLocation.IN)
       }))
 
     return array

src/components/jurisdiction/NestedSelect.vue

@@ -105,7 +105,7 @@ export default class NestedSelect extends Vue {
     // specify maxHeight only if it's set, otherwise the v-menu doesn't show all items
     // ("maxHeight: auto" doesn't work either)
     if (this.maxHeight) return { bottom: true, offsetY: true, maxHeight: this.maxHeight }
-    return { bottom: true, offsetY: true }
+    return { bottom: true, offsetY: true, auto: true }
   }
 
   // methods

src/components/jurisdiction/list-data/index.ts

@@ -1,2 +1,3 @@
 export * from './canada-jurisdictions'
 export * from './intl-jurisdictions'
+export * from './usa-jurisdictions'

src/components/jurisdiction/list-data/usa-jurisdictions.ts

@@ -0,0 +1,254 @@
+import { JurisdictionI } from '../interfaces'
+
+export const UsaJurisdiction: JurisdictionI[] = [
+  {
+    value: 'AL',
+    SHORT_DESC: 'AL',
+    text: 'Alabama'
+  },
+  {
+    value: 'AK',
+    SHORT_DESC: 'AK',
+    text: 'Alaska'
+  },
+  {
+    value: 'AZ',
+    SHORT_DESC: 'AZ',
+    text: 'Arizona'
+  },
+  {
+    value: 'AR',
+    SHORT_DESC: 'AR',
+    text: 'Arkansas'
+  },
+  {
+    value: 'CA',
+    SHORT_DESC: 'CA',
+    text: 'California'
+  },
+  {
+    value: 'CO',
+    SHORT_DESC: 'CO',
+    text: 'Colorado'
+  },
+  {
+    value: 'CT',
+    SHORT_DESC: 'CT',
+    text: 'Connecticut'
+  },
+  {
+    value: 'DE',
+    SHORT_DESC: 'DE',
+    text: 'Delaware'
+  },
+  {
+    value: 'FL',
+    SHORT_DESC: 'FL',
+    text: 'Florida'
+  },
+  {
+    value: 'GA',
+    SHORT_DESC: 'GA',
+    text: 'Georgia'
+  },
+  {
+    value: 'HI',
+    SHORT_DESC: 'HI',
+    text: 'Hawaii'
+  },
+  {
+    value: 'ID',
+    SHORT_DESC: 'ID',
+    text: 'Idaho'
+  },
+  {
+    value: 'IL',
+    SHORT_DESC: 'IL',
+    text: 'Illinois'
+  },
+  {
+    value: 'IN',
+    SHORT_DESC: 'IN',
+    text: 'Indiana'
+  },
+  {
+    value: 'IA',
+    SHORT_DESC: 'IA',
+    text: 'Iowa'
+  },
+  {
+    value: 'KS',
+    SHORT_DESC: 'KS',
+    text: 'Kansas'
+  },
+  {
+    value: 'KY',
+    SHORT_DESC: 'KY',
+    text: 'Kentucky'
+  },
+  {
+    value: 'LA',
+    SHORT_DESC: 'LA',
+    text: 'Louisiana'
+  },
+  {
+    value: 'ME',
+    SHORT_DESC: 'ME',
+    text: 'Maine'
+  },
+  {
+    value: 'MD',
+    SHORT_DESC: 'MD',
+    text: 'Maryland'
+  },
+  {
+    value: 'MA',
+    SHORT_DESC: 'MA',
+    text: 'Massachusetts'
+  },
+  {
+    value: 'MI',
+    SHORT_DESC: 'MI',
+    text: 'Michigan'
+  },
+  {
+    value: 'MN',
+    SHORT_DESC: 'MN',
+    text: 'Minnesota'
+  },
+  {
+    value: 'MS',
+    SHORT_DESC: 'MS',
+    text: 'Mississippi'
+  },
+  {
+    value: 'MO',
+    SHORT_DESC: 'MO',
+    text: 'Missouri'
+  },
+  {
+    value: 'MT',
+    SHORT_DESC: 'MT',
+    text: 'Montana'
+  },
+  {
+    value: 'NE',
+    SHORT_DESC: 'NE',
+    text: 'Nebraska'
+  },
+  {
+    value: 'NV',
+    SHORT_DESC: 'NV',
+    text: 'Nevada'
+  },
+  {
+    value: 'NH',
+    SHORT_DESC: 'NH',
+    text: 'New Hampshire'
+  },
+  {
+    value: 'NJ',
+    SHORT_DESC: 'NJ',
+    text: 'New Jersey'
+  },
+  {
+    value: 'NM',
+    SHORT_DESC: 'NM',
+    text: 'New Mexico'
+  },
+  {
+    value: 'NY',
+    SHORT_DESC: 'NY',
+    text: 'New York'
+  },
+  {
+    value: 'NC',
+    SHORT_DESC: 'NC',
+    text: 'North Carolina'
+  },
+  {
+    value: 'ND',
+    SHORT_DESC: 'ND',
+    text: 'North Dakota'
+  },
+  {
+    value: 'OH',
+    SHORT_DESC: 'OH',
+    text: 'Ohio'
+  },
+  {
+    value: 'OK',
+    SHORT_DESC: 'OK',
+    text: 'Oklahoma'
+  },
+  {
+    value: 'OR',
+    SHORT_DESC: 'OR',
+    text: 'Oregon'
+  },
+  {
+    value: 'PA',
+    SHORT_DESC: 'PA',
+    text: 'Pennsylvania'
+  },
+  {
+    value: 'RI',
+    SHORT_DESC: 'RI',
+    text: 'Rhode Island'
+  },
+  {
+    value: 'SC',
+    SHORT_DESC: 'SC',
+    text: 'South Carolina'
+  },
+  {
+    value: 'SD',
+    SHORT_DESC: 'SD',
+    text: 'South Dakota'
+  },
+  {
+    value: 'TN',
+    SHORT_DESC: 'TN',
+    text: 'Tennessee'
+  },
+  {
+    value: 'TX',
+    SHORT_DESC: 'TX',
+    text: 'Texas'
+  },
+  {
+    value: 'UT',
+    SHORT_DESC: 'UT',
+    text: 'Utah'
+  },
+  {
+    value: 'VT',
+    SHORT_DESC: 'VT',
+    text: 'Vermont'
+  },
+  {
+    value: 'VA',
+    SHORT_DESC: 'VA',
+    text: 'Virginia'
+  },
+  {
+    value: 'WA',
+    SHORT_DESC: 'WA',
+    text: 'Washington'
+  },
+  {
+    value: 'WV',
+    SHORT_DESC: 'WV',
+    text: 'West Virginia'
+  },
+  {
+    value: 'WI',
+    SHORT_DESC: 'WI',
+    text: 'Wisconsin'
+  },
+  {
+    value: 'WY',
+    SHORT_DESC: 'WY',
+    text: 'Wyoming'
+  }
+]