@usssa/component-library 1.0.0-alpha.128 → 1.0.0-alpha.129

package/README.md

@@ -1,4 +1,4 @@
-# Component Library v1.0.0-alpha.128
+# Component Library v1.0.0-alpha.129
 
 **This library provides custom UI components for USSSA applications.**
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usssa/component-library",
-  "version": "1.0.0-alpha.128",
+  "version": "1.0.0-alpha.129",
   "description": "A Quasar component library project",
   "productName": "Quasar component library App",
   "author": "Troy Moreland <troy.moreland@usssa.com>",

package/src/components/core/UInputAddressLookup.vue

@@ -4,20 +4,35 @@ import UInputTextStd from './UInputTextStd.vue'
 import UTooltip from './UTooltip.vue'
 
 const emit = defineEmits(['onRightIconClick', 'onUpdate'])
-
 const modelValue = defineModel()
-
 defineOptions({
   inheritAttrs: false,
 })
-
 const props = defineProps({
-  hintText: {
+  borderless: {
+    type: Boolean,
+    default: false,
+  },
+  dataTestId:{
+    type: String,
+    default: 'address-lookup'
+  },
+  disable: {
+    type: Boolean,
+    default: false,
+  },
+  error: {
+    type: Boolean,
+  },
+  errorMessage: {
     type: String,
   },
   hintIcon: {
     type: String,
   },
+  hintText: {
+    type: String,
+  },
   isRequired: {
     type: Boolean,
     default: false,
@@ -25,21 +40,28 @@ const props = defineProps({
   label: {
     type: String,
   },
-  leftIcon: {
-    type: String,
+  leftBorderRadius: {
+    type: Boolean,
+    default: false,
   },
-  rightIcon: {
+  leftIcon: {
     type: String,
   },
   outlined: {
     type: Boolean,
     default: true,
   },
-  borderless: {
+  parentClass: {
+    type: String,
+  },
+  placeholder: {
+    type: String,
+  },
+  readonly: {
     type: Boolean,
     default: false,
   },
-  placeholder: {
+  rightIcon: {
     type: String,
   },
   rightIconAriaLabel: {
@@ -55,37 +77,16 @@ const props = defineProps({
   },
   validationRules: {
     type: Array,
-  },
-  readonly: {
-    type: Boolean,
-    default: false,
-  },
-  disable: {
-    type: Boolean,
-    default: false,
-  },
-  error: {
-    type: Boolean,
-  },
-  errorMessage: {
-    type: String,
-  },
-  leftBorderRadius: {
-    type: Boolean,
-    default: false,
-  },
-  parentClass: {
-    type: String,
-  },
+  }
 })
 
 let sessionToken, autocompleteSuggestion
 
 const inputRef = ref(null)
 const predictions = ref([])
+const resultItem = ref({})
 const resultsMenuRef = ref(null)
 const resultsMenuShowing = ref(false)
-const resultItem = ref({})
 
 const leftBorderRadius = computed(() => {
   if (props.leftBorderRadius === true) {
@@ -221,8 +222,8 @@ watch(modelValue, async (value) => {
 <template>
   <div
     v-if="JSON.stringify(resultItem) === '{}'"
-    class="q-gutter-xs"
-    :class="parentClass"
+    :class="`q-gutter-xs ${parentClass}`"
+    :dataTestId="dataTestId"
   >
     <label
       v-if="label"
@@ -254,8 +255,7 @@ watch(modelValue, async (value) => {
     <q-input
       v-bind="$attrs"
       v-model="modelValue"
-      class="u-input"
-      :class="`field-${size} ${leftBorderRadius}`"
+      :class="`u-input field-${size} ${leftBorderRadius}`"
       :borderless="borderless"
       :bottom-slots="!!hintText"
       :debounce="500"
@@ -354,7 +354,8 @@ watch(modelValue, async (value) => {
 
   <UInputTextStd
     v-if="JSON.stringify(resultItem) !== '{}'"
-    v-model="resultItem.street_address"
+    v-model="resultItem.formattedAddress"
+    :dataTestId="dataTestId"
     :label="label"
     readonly
     rightIcon="fa-kit-duotone fa-circle-xmark"

package/src/components/core/USheet.vue

@@ -9,7 +9,14 @@ const props = defineProps({
     default: 'fa-kit-duotone fa-circle-xmark',
     type: String,
   },
-  closeIconLabel: { type: String, default: 'close Icon' },
+  closeIconLabel: {
+    type: String,
+    default: 'close Icon',
+  },
+  dataTestId: {
+    type: String,
+    default: 'sheet-std',
+  },
   heading: {
     default: 'Select Option',
     type: String,
@@ -18,9 +25,18 @@ const props = defineProps({
     default: null,
     type: String,
   },
-  isLeftIcon: { type: Boolean, default: false },
-  leftIcon: { type: String, default: 'fa-kit-duotone fa-circle-arrow-left' },
-  leftIconLabel: { type: String, default: 'Back Icon' },
+  isLeftIcon: {
+    type: Boolean,
+    default: false,
+  },
+  leftIcon: {
+    type: String,
+    default: 'fa-kit-duotone fa-circle-arrow-left',
+  },
+  leftIconLabel: {
+    type: String,
+    default: 'Back Icon',
+  },
   showActionButtons: {
     default: false,
     type: Boolean,
@@ -144,6 +160,7 @@ watch(
   <q-dialog
     v-for="(dialog, key) in dialogs"
     v-model="dialog.open"
+    :dataTestId="dataTestId"
     :key="key"
     :persistent="
       typeof dialog.persistent === 'undefined' ? true : dialog.persistent