@bcrs-shared-components/staff-payment 2.0.13 → 2.0.15

package/StaffPayment.vue

@@ -83,7 +83,8 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue, Prop, Watch, Emit } from 'vue-property-decorator'
+import Vue from 'vue'
+import { Component, Prop, Watch, Emit } from 'vue-property-decorator'
 import { StaffPaymentOptions } from '@bcrs-shared-components/enums'
 import { FolioNumberInput } from '@bcrs-shared-components/folio-number-input'
 import { FormIF, StaffPaymentIF } from '@bcrs-shared-components/interfaces'
@@ -105,20 +106,16 @@ export default class StaffPayment extends Vue {
   readonly StaffPaymentOptions = StaffPaymentOptions
 
   /** Whether to display side label. */
-  @Prop({ default: true })
-  readonly displaySideLabel: boolean
+  @Prop({ default: true }) readonly displaySideLabel!: boolean
 
   /** Whether to display priority checkbox. */
-  @Prop({ default: true })
-  readonly displayPriorityCheckbox: boolean
+  @Prop({ default: true }) readonly displayPriorityCheckbox!: boolean
 
   /** Whether to validate the fields. */
-  @Prop({ default: false })
-  private validate: boolean
+  @Prop({ default: false }) readonly validate!: boolean
 
   /** Whether to show invalid section styling (label only). */
-  @Prop({ default: false })
-  private invalidSection: boolean
+  @Prop({ default: false }) readonly invalidSection!: boolean
 
   /** Staff Payment Data prop. */
   @Prop({
@@ -133,7 +130,7 @@ export default class StaffPayment extends Vue {
       }
     }
   })
-  private staffPaymentData: StaffPaymentIF
+  readonly staffPaymentData!: StaffPaymentIF
 
   /** Radio group model property. */
   private paymentOption = StaffPaymentOptions.NONE
@@ -148,24 +145,24 @@ export default class StaffPayment extends Vue {
   private isMounted = false
 
   /** Validation rules for Routing Slip Number. */
-  private readonly routingSlipNumberRules: Array<Function> = [
+  readonly routingSlipNumberRules: Array<(v) => boolean | string> = [
     v => !!v || 'Enter FAS Routing Slip Number',
     v => /^\d{9}$/.test(v) || 'Routing Slip Number must be 9 digits'
   ]
 
   /** Validation rules for BCOL Account Number. */
-  private readonly bcolAccountNumberRules: Array<Function> = [
+  readonly bcolAccountNumberRules: Array<(v) => boolean | string> = [
     v => !!v || 'Enter BC Online Account Number',
     v => /^\d{6}$/.test(v) || 'BC Online Account Number must be 6 digits'
   ]
 
   /** Validation rules for DAT Number. */
-  private readonly datNumberRules: Array<Function> = [
+  readonly datNumberRules: Array<(v) => boolean | string> = [
     v => !!v || 'Enter DAT Number',
     v => /^[A-Z]{1}[0-9]{7,9}$/.test(v) || 'DAT Number must be in standard format (eg, C1234567)'
   ]
 
-  /** Called when this component is mounted. */
+  /** Called when component is mounted. */
   async mounted (): Promise<void> {
     await this.$nextTick()
     this.isMounted = true
@@ -287,8 +284,18 @@ export default class StaffPayment extends Vue {
   margin-top: 0;
   padding-top: 0;
 
-  ::v-deep > .v-input__control {
+  :deep(> .v-input__control) {
     margin-bottom: -12px;
   }
 }
+
+// override Vuetify label colors
+:deep() {
+  .v-input--selection-controls__ripple,
+  .v-text-field__slot .v-label,
+  .v-radio .v-label,
+  .v-input--checkbox .v-label {
+    color: $gray7 !important;
+  }
+}
 </style>

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@bcrs-shared-components/staff-payment",
-  "version": "2.0.13",
+  "version": "2.0.15",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "@bcrs-shared-components/enums": "^1.0.22",
-    "@bcrs-shared-components/folio-number-input": "^1.0.24",
-    "@bcrs-shared-components/interfaces": "^1.0.42",
-    "vue-property-decorator": "^8.4.0"
+    "@bcrs-shared-components/folio-number-input": "^1.0.25",
+    "@bcrs-shared-components/interfaces": "^1.0.43",
+    "vue-property-decorator": "^9.1.2"
   },
-  "gitHead": "a5b870aca5f29e305aea9be0ae0e0770319ce9cd"
+  "gitHead": "7c1866e1351997566ee959384923adfd024aaee6"
 }