@bcrs-shared-components/base-address 2.0.2 → 2.0.4

package/BaseAddress.stories.ts

@@ -1,12 +1,40 @@
 import type { Meta } from '@storybook/vue'
 import { BaseAddress } from './index'
 import Vuetify from 'vuetify'
+import { required, maxLength } from 'vuelidate/lib/validators'
 
 const meta: Meta<typeof BaseAddress> = {
   title: 'component/BaseAddress'
 }
 export default meta
 
+const PersonAddressSchema = {
+  streetAddress: {
+    required,
+    maxLength: maxLength(50)
+  },
+  streetAddressAdditional: {
+    maxLength: maxLength(50)
+  },
+  addressCity: {
+    required,
+    maxLength: maxLength(40)
+  },
+  addressCountry: {
+    required
+  },
+  addressRegion: {
+    maxLength: maxLength(2)
+  },
+  postalCode: {
+    required,
+    maxLength: maxLength(15)
+  },
+  deliveryInstructions: {
+    maxLength: maxLength(80)
+  }
+}
+
 const Template = (args, { argTypes }) => ({
   vuetify: new Vuetify({ iconfont: 'mdi' }),
   props: Object.keys(argTypes),
@@ -17,13 +45,13 @@ const Template = (args, { argTypes }) => ({
 export const DefaultBaseAddress = Template.bind({})
 DefaultBaseAddress['args'] = {
   editing: true,
-  schema: null,
+  schema: PersonAddressSchema,
   address: {}
 }
 export const FilledInBaseAddress = Template.bind({})
 FilledInBaseAddress['args'] = {
   editing: true,
-  schema: null,
+  schema: PersonAddressSchema,
   address: {
     streetAddress: '1234 Sesame Street',
     streetAddressAdditional: '4th Floor',

package/BaseAddress.vue

@@ -167,7 +167,7 @@
 import Vue from 'vue'
 import { required } from 'vuelidate/lib/validators'
 import { Component, Mixins, Emit, Prop, Watch } from 'vue-property-decorator'
-import { Validation } from 'vue-plugin-helper-decorator'
+import { Validations } from 'vuelidate-property-decorators'
 import { uniqueId } from 'lodash'
 import { ValidationMixin, CountriesProvincesMixin } from '@bcrs-shared-components/mixins'
 
@@ -185,7 +185,7 @@ export default class BaseAddress extends Mixins(ValidationMixin, CountriesProvin
    * The validation object used by Vuelidate to compute address model validity.
    * @returns the Vuelidate validations object
    */
-  @Validation()
+  @Validations()
   public validations (): any {
     return { addressLocal: { ...this.schemaLocal } }
   }

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@bcrs-shared-components/base-address",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@bcrs-shared-components/mixins": "^1.1.21",
+    "@bcrs-shared-components/mixins": "^1.1.22",
     "lodash.uniqueid": "^4.0.1",
     "vue": "^2.7.14",
-    "vuelidate": "^0.7.4"
+    "vuelidate": "0.6.2"
   },
   "devDependencies": {
-    "vue-plugin-helper-decorator": "^0.0.11",
-    "vue-property-decorator": "^9.1.2"
+    "vue-property-decorator": "^9.1.2",
+    "vuelidate-property-decorators": "1.0.28"
   },
-  "gitHead": "71f2471bf6a15d1d58b6963966ad7f1db6b41e23"
+  "gitHead": "8aa48a4d757beca88cfe28074be0c76a2847cbb2"
 }