@usssa/component-library 1.0.0-alpha.271 → 1.0.0-alpha.273

package/README.md

@@ -1,4 +1,4 @@
-# Component Library v1.0.0-alpha.271
+# Component Library v1.0.0-alpha.273
 
 **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.271",
+  "version": "1.0.0-alpha.273",
   "description": "A Quasar component library project",
   "productName": "Quasar component library app",
   "author": "Engineering Team <engineering@usssa.com>",

package/src/components/core/UInputAddressLookup.vue

@@ -91,9 +91,9 @@ const menuWidth = ref(0)
 const predictions = ref([])
 const resultItem = ref(
   props.selectedAddress?.length
-    ? { street_address: props.selectedAddress }
+    ? { displayName: props.selectedAddress }
     : modelValue.value?.length
-    ? { street_address: modelValue.value }
+    ? { displayName: modelValue.value }
     : {}
 )
 const resultsMenuRef = ref(null)
@@ -420,7 +420,7 @@ watch(
 
   <UInputTextStd
     v-if="JSON.stringify(resultItem) !== '{}'"
-    v-model="resultItem.street_address"
+    v-model="resultItem.displayName"
     :dataTestId="dataTestId"
     :label="label"
     :size="size"

package/src/components/core/UInputPhoneStd.vue

@@ -139,6 +139,11 @@ const toLowerCase = (str) => str?.toLowerCase()
             v-for="country in options"
             v-ripple
             class="q-my-xxs"
+            :class="{
+              'selected-item':
+                selectedCountry?.code === country?.code &&
+                selectedCountry?.label === country?.label,
+            }"
             clickable
             :key="country?.code"
             @click="selectCountry(country)"
@@ -165,8 +170,10 @@ const toLowerCase = (str) => str?.toLowerCase()
 
 <style lang="sass">
 .selected-code
-  width: 1.5rem
+  width: auto
   color: $dark
+.selected-item
+  background-color: $blue-1
 .u-dropdown-list
   .q-item__section--main
     margin-left: 0px