@bcrs-shared-components/staff-payment 2.1.21 → 2.1.23

package/StaffPayment.stories.ts

@@ -1,13 +1,12 @@
+import type { Meta } from '@storybook/vue'
 import { StaffPayment } from './index'
 import { StaffPaymentOptions } from '@bcrs-shared-components/enums'
 import { StaffPaymentIF } from '@bcrs-shared-components/interfaces'
 
-export default {
-  title: 'component/StaffPayment',
-  component: StaffPayment,
-  argTypes: {
-  }
+const meta: Meta<typeof StaffPayment> = {
+  title: 'component/StaffPayment'
 }
+export default meta
 
 const Template = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
@@ -25,6 +24,6 @@ const staffPaymentData: StaffPaymentIF = {
 }
 
 export const Default = Template.bind({})
-Default.args = {
+Default['args'] = {
   staffPaymentData: staffPaymentData
 }

package/StaffPayment.vue

@@ -1,18 +1,41 @@
 <template>
   <div id="staff-payment-container">
     <v-row no-gutters>
-      <v-col v-if="displaySideLabel" cols="12" sm="3" class="pr-4 pb-4">
-        <label class="title-label" :class="{'error-text': invalidSection}">Payment</label>
+      <v-col
+        v-if="displaySideLabel"
+        cols="12"
+        sm="3"
+        class="pr-4 pb-4"
+      >
+        <label
+          class="title-label"
+          :class="{'error-text': invalidSection}"
+        >Payment</label>
       </v-col>
 
-      <v-col cols="12" :sm="displaySideLabel ? 9 : 12">
-        <v-radio-group class="payment-group" v-model="paymentOption">
+      <v-col
+        cols="12"
+        :sm="displaySideLabel ? 9 : 12"
+      >
+        <v-radio-group
+          v-model="paymentOption"
+          class="payment-group"
+        >
           <!-- Cash or Cheque radio button and form -->
-          <v-radio id="fas-radio" class="mb-0" label="Cash or Cheque" :value="StaffPaymentOptions.FAS" />
-          <v-form class="mt-4 ml-8" ref="fasForm" v-model="fasFormValid">
+          <v-radio
+            id="fas-radio"
+            class="mb-0"
+            label="Cash or Cheque"
+            :value="StaffPaymentOptions.FAS"
+          />
+          <v-form
+            ref="fasForm"
+            v-model="fasFormValid"
+            class="mt-4 ml-8"
+          >
             <v-text-field
-              filled
               id="routing-slip-number-textfield"
+              filled
               label="Routing Slip Number"
               :value="staffPaymentData.routingSlipNumber"
               :rules="validate ? routingSlipNumberRules : []"
@@ -24,11 +47,20 @@
           </v-form>
 
           <!-- BC Online radio button and form -->
-          <v-radio id="bcol-radio" class="mb-0 pt-2" label="BC Online" :value="StaffPaymentOptions.BCOL" />
-          <v-form class="mt-4 ml-8" ref="bcolForm" v-model="bcolFormValid">
+          <v-radio
+            id="bcol-radio"
+            class="mb-0 pt-2"
+            label="BC Online"
+            :value="StaffPaymentOptions.BCOL"
+          />
+          <v-form
+            ref="bcolForm"
+            v-model="bcolFormValid"
+            class="mt-4 ml-8"
+          >
             <v-text-field
-              filled
               id="bcol-account-number-textfield"
+              filled
               label="BC Online Account Number"
               :value="staffPaymentData.bcolAccountNumber"
               :rules="validate ? bcolAccountNumberRules : []"
@@ -38,8 +70,8 @@
               @input="emitStaffPaymentData({ option: StaffPaymentOptions.BCOL, bcolAccountNumber: $event })"
             />
             <v-text-field
-              filled
               id="dat-number-textfield"
+              filled
               label="DAT Number"
               :value="staffPaymentData.datNumber"
               :rules="validate ? datNumberRules : []"
@@ -52,18 +84,23 @@
               ref="folioNumberInputRef"
               :folioNumber="staffPaymentData.folioNumber"
               :disabled="paymentOption === StaffPaymentOptions.FAS || paymentOption === StaffPaymentOptions.NO_FEE"
+              validate="true"
               @focus="paymentOption = StaffPaymentOptions.BCOL"
               @emitFolioNumber="paymentOption === StaffPaymentOptions.BCOL &&
                 emitStaffPaymentData({ option: StaffPaymentOptions.BCOL, folioNumber: $event })"
-              validate="true"
             />
           </v-form>
 
           <!-- No Fee radio button -->
-          <v-radio id="no-fee-radio" class="mb-0 pt-2" label="No Fee" :value="StaffPaymentOptions.NO_FEE" />
+          <v-radio
+            id="no-fee-radio"
+            class="mb-0 pt-2"
+            label="No Fee"
+            :value="StaffPaymentOptions.NO_FEE"
+          />
 
           <template v-if="displayPriorityCheckbox">
-            <v-divider class="mt-6"></v-divider>
+            <v-divider class="mt-6" />
 
             <!-- Priority checkbox -->
             <v-checkbox
@@ -204,6 +241,7 @@ export default class StaffPayment extends Vue {
 
   /** Watches for change to FAS form validity. */
   @Watch('fasFormValid')
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   private onFasFormValid (val: boolean) {
     // ignore initial condition
     if (!this.isMounted) return
@@ -212,6 +250,7 @@ export default class StaffPayment extends Vue {
 
   /** Watches for change to BCOL form validity. */
   @Watch('bcolFormValid')
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   private onBcolFormValid (val: boolean) {
     // ignore initial condition
     if (!this.isMounted) return

package/package.json

@@ -1,14 +1,17 @@
 {
   "name": "@bcrs-shared-components/staff-payment",
-  "version": "2.1.21",
+  "version": "2.1.23",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@bcrs-shared-components/enums": "^1.0.40",
-    "@bcrs-shared-components/folio-number-input": "^1.1.21",
-    "@bcrs-shared-components/interfaces": "^1.0.64",
+    "@bcrs-shared-components/enums": "^1.0.42",
+    "@bcrs-shared-components/folio-number-input": "^1.1.23",
+    "@bcrs-shared-components/interfaces": "^1.0.66",
+    "vue": "^2.7.14"
+  },
+  "devDependencies": {
     "vue-property-decorator": "^9.1.2"
   },
-  "gitHead": "853a16edbc43e590fb8bb95bae9a4557707d771a"
+  "gitHead": "bdee3d1bef1c16310b2bb77a353d9bd5dbf53b9a"
 }