@usssa/component-library 1.0.0-alpha.81 → 1.0.0-alpha.83

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usssa/component-library",
-  "version": "1.0.0-alpha.81",
+  "version": "1.0.0-alpha.83",
   "description": "A Quasar component library project",
   "productName": "Quasar component library App",
   "author": "Troy Moreland <troy.moreland@usssa.com>",
@@ -34,6 +34,7 @@
   "dependencies": {
     "@fawmi/vue-google-maps": "^0.9.79",
     "@quasar/extras": "^1.16.4",
+    "algoliasearch": "4",
     "flag-icons": "^7.2.3",
     "quasar": "^2.16.0",
     "vue": "^3.4.18",

package/src/components/core/UInputPhoneStd.vue

@@ -2,6 +2,10 @@
 import UInputTextStd from './UInputTextStd.vue'
 
 const props = defineProps({
+  ariaLabel:{
+    type: String,
+    required: true
+  },
   hintText: {
     type: String,
   },
@@ -69,8 +73,8 @@ const props = defineProps({
   },
 })
 
-const modelValue = defineModel()
 const emit = defineEmits(['update-country'])
+const modelValue = defineModel()
 
 const selectCountry = (country) => {
   emit('update-country', country)
@@ -103,7 +107,7 @@ const toLowerCase = (str) => str.toLowerCase()
   >
     <template v-slot:prepend>
       <q-btn-dropdown
-        v-bind="$attrs"
+        :aria-label="ariaLabel"
         :disable="readonly"
         :class="`btn-field-${size}`"
         class="u-phone-dropdown text-body-sm"

package/src/components/core/UMenuDropdown.vue

@@ -5,10 +5,6 @@ const props = defineProps({
   data: {
     type: Array,
   },
-  destructive: {
-    type: Boolean,
-    default: false,
-  },
   iconClass: {
     type: String,
   },
@@ -33,7 +29,7 @@ const props = defineProps({
         :label="item.label"
         :leftIcon="item.leftIcon"
         :rightIcon="item.rightIcon"
-        :destructive="destructive"
+        :destructive="item.destructive"
         :iconClass="iconClass"
         :hide="item.hide"
         :disable="item.disable"

package/src/components/core/UMenuItem.vue

@@ -39,7 +39,7 @@ const type = ref(props.destructive ? 'destructive' : 'default')
 /* Computed variables */
 const labelColor = computed(() => {
   if (props.destructive) {
-    return 'text-red-6'
+    return 'text-accent'
   } else if (props.selected) {
     return 'text-primary'
   }
@@ -47,7 +47,7 @@ const labelColor = computed(() => {
 })
 const iconColor = computed(() => {
   if (props.destructive) {
-    return 'red-6'
+    return 'accent'
   } else if (props.selected) {
     return 'primary'
   }

package/src/components/core/UMenuSearch.vue

@@ -10,7 +10,7 @@ import UTooltip from './UTooltip.vue'
 import { parseInitials, categorizeObjects, deepEqual } from '../../utils/data'
 
 const props = defineProps({
-  algoliaConfig: {
+  algoliaIndex: {
     type: Object,
   },
   // Label for button to select a record
@@ -99,8 +99,6 @@ const emit = defineEmits([
 
 const loading = defineModel('loading')
 
-// const client = algoliasearch(props.algoliaConfig.APP_ID, props.algoliaConfig.SEARCH_KEY)
-// const index = client.initIndex(props.algoliaConfig.INDEX)
 
 const advancedSearchPendingFilterModel = structuredClone(toRaw(props.model))
 const advancedSearchSelectedTab = ref(props.advancedSearchSelectedTab ?? null)
@@ -293,7 +291,7 @@ const search = async () => {
       }
     }
 
-    const res = await index.search(props.searchText, configPayload)
+    const res = await props.algoliaIndex.search(props.searchText, configPayload)
 
     if (res.hits.length >= 50) {
       exceedLimit.value = true

package/src/components/core/UTableStd.vue

@@ -604,6 +604,7 @@ const handleMouseLeave = (type, index) => {
                             disable:
                               typeof action.disable === 'function' &&
                               action.disable(props.row),
+                            destructive: action.destructive,
                             handler: function () {
                               return action.handler(props.row)
                             },

package/src/composables/useNotify.js

@@ -75,5 +75,5 @@ export const useNotify = () => {
     }
   }
 
-  return { notify }
+  return notify
 }