@usssa/component-library 1.0.0-alpha.158 → 1.0.0-alpha.159

package/package.json

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

package/src/components/core/UInputTypeaheadAdvanceSearch.vue

@@ -15,6 +15,9 @@ const emit = defineEmits([
 const dialogs = defineModel('dialogs', { default: () => [], type: Array })
 
 const props = defineProps({
+  closeIconLabel:{
+    type: String,
+  },
   label: {
     type: String,
   },
@@ -24,6 +27,9 @@ const props = defineProps({
   searchText: {
     type: String,
   },
+  selectOptionLabel: {
+    type: String,
+  },
   size: {
     type: String,
     default: 'md',
@@ -70,6 +76,8 @@ const updateInputVal = (event) => {
       <USheet
         v-model:dialogs="dialogs"
         dialogClass="typeahead-sheet"
+        :close-icon-label="closeIconLabel"
+        :heading="selectOptionLabel"
         @onCloseDialog="onCloseDialog"
       >
         <template #content>

package/src/components/core/USelectStd.vue

@@ -11,6 +11,14 @@ import UTooltip from './UTooltip.vue'
 const emit = defineEmits(['update:modelValue'])
 
 const props = defineProps({
+  applyLabel:{
+    type: String,
+    default: 'Apply'
+  },
+  cancelLabel:{
+    type: String,
+    default: 'Cancel'
+  },
   caption: {
     type: String,
     default: '',
@@ -19,6 +27,10 @@ const props = defineProps({
     type: String,
     default: 'neutral-7',
   },
+  closeIconLabel: {
+    type: String,
+    default: 'Close Icon'
+  },
   dataTestId: {
     type: String,
     default: 'select-std',
@@ -284,9 +296,9 @@ watch(
       v-bind="$attrs"
       v-model="model"
       :class="`u-select field-${size}`"
+      options-selected-class="primary bg-blue-1"
       :popup-content-class="`u-options-menu ${popupClass}`"
       behavior="menu"
-      options-selected-class="primary bg-blue-1"
       bottom-slots
       :color="color"
       emit-value
@@ -379,6 +391,7 @@ watch(
     <USheet
       v-if="$screen.isMobile"
       v-model:dialogs="dialogs"
+      :close-icon-label="closeIconLabel"
       dialogClass="select-sheet"
       :heading="sheetHeading"
       :heading-caption="caption"
@@ -451,7 +464,7 @@ watch(
       <template #action_primary_one>
         <UBtnStd
           color="primary"
-          label="Cancel"
+          :label="cancelLabel"
           outline
           size="md"
           @onClick="handleClose"
@@ -460,7 +473,7 @@ watch(
       <template #action_primary_two>
         <UBtnStd
           color="primary"
-          label="Apply"
+          :label="applyLabel"
           size="md"
           @onClick="handleApply"
         />

package/src/components/core/UTypeahead.vue

@@ -68,6 +68,10 @@ const props = defineProps({
   options: {
     type: Array,
   },
+  recentlySelected: {
+    type: String,
+    default: 'Recently Selected'
+  },
   recentSearches: {
     type: Array,
   },
@@ -694,7 +698,7 @@ watch(
           !recentSearchesLoading
         "
       >
-        <span class="text-overline-xs q-px-sm"> Recently Selected </span>
+        <span class="text-overline-xs q-px-sm"> {{ props.recentlySelected }} </span>
 
         <template v-for="item in recentSearches" :key="item.id">
           <q-item class="list-item q-py-xs q-px-sm" clickable>