@bcrs-shared-components/base-address 2.0.16 → 3.0.1

package/BaseAddress.stories.ts

@@ -1,65 +1,49 @@
-import type { Meta } from '@storybook/vue'
-import { BaseAddress } from './index'
-import Vuetify from 'vuetify'
-import { required, maxLength } from 'vuelidate/lib/validators'
+import { Meta } from '@storybook/vue3'
+import BaseAddress from './BaseAddress.vue'
+import { AddressIF } from '@bcrs-shared-components/interfaces'
+import { DefaultSchema } from './resources/default-schema'
 
-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)
-  }
-}
+export default {
+  title: 'Component/BaseAddress',
+  component: BaseAddress
+} as Meta
 
-const Template = (args, { argTypes }) => ({
-  vuetify: new Vuetify({ iconfont: 'mdi' }),
-  props: Object.keys(argTypes),
+const Template = (args: AddressIF) => ({
   components: { BaseAddress },
-  template: '<BaseAddress v-bind="$props" />' // $props comes from args below
+  setup () {
+    return { args }
+  },
+  template: '<BaseAddress v-bind="args" />'
 })
 
-export const DefaultBaseAddress = Template.bind({})
-DefaultBaseAddress['args'] = {
-  editing: true,
-  schema: PersonAddressSchema,
-  address: {}
+export const Default = Template.bind({})
+Default['args'] = {
+  street: '',
+  streetAdditional: '',
+  city: '',
+  region: '',
+  postalCode: '',
+  country: '',
+  deliveryInstructions: '',
+  schema: DefaultSchema,
+  editing: true
 }
-export const FilledInBaseAddress = Template.bind({})
-FilledInBaseAddress['args'] = {
-  editing: true,
-  schema: PersonAddressSchema,
-  address: {
-    streetAddress: '1234 Sesame Street',
-    streetAddressAdditional: '4th Floor',
-    addressCity: 'Victoria',
-    addressRegion: 'British Columbia',
-    addressCountry: 'Canada',
-    postalCode: 'V8N 1A1',
-    deliveryInstructions: 'Leave at front door'
-  },
-  noPoBox: true
+
+export const WithData = Template.bind({})
+WithData['args'] = {
+  street: '1234 Sesame Street',
+  streetAdditional: '4th Floor',
+  city: 'Victoria',
+  region: 'BC',
+  postalCode: 'V8N 1A1',
+  country: 'Canada',
+  deliveryInstructions: 'Leave at front door',
+  schema: DefaultSchema,
+  editing: true
+}
+
+export const WithValidation = Template.bind({})
+WithValidation['args'] = {
+  ...WithData['args']
+  // Additional logic for showcasing validation can be added here
 }