@saasmakers/ui 0.1.67 → 0.1.69

package/app/components/fields/FieldEmojis.vue

@@ -11,6 +11,7 @@ const emit = defineEmits<{
 }>()
 
 const { locale, t } = useI18n()
+const { normalizeText } = useLayerUtils()
 
 const searchRaw = ref('')
 const searchQuery = refDebounced(searchRaw, 250)

package/app/components/fields/FieldSelect.vue

@@ -24,10 +24,10 @@ const props = withDefaults(defineProps<FieldSelect>(), {
 })
 
 const emit = defineEmits<{
-  'change': [event: MouseEvent, value: number | string]
-  'click': [event: MouseEvent, value: number | string]
-  'optionClick': [event: MouseEvent, value: number | string]
-  'update:modelValue': [value: number | string]
+  'change': [event: MouseEvent, value: string]
+  'click': [event: MouseEvent, value: string]
+  'optionClick': [event: MouseEvent, value: string]
+  'update:modelValue': [value: string]
 }>()
 
 const { getIcon } = useLayerIcons()
@@ -74,7 +74,7 @@ function reset() {
   opened.value = false
 }
 
-function selectOption(event: MouseEvent, value: number | string) {
+function selectOption(event: MouseEvent, value: string) {
   emit('change', event, value)
   emit('update:modelValue', value)
 

package/app/composables/useLayerUtils.ts

@@ -0,0 +1,26 @@
+import numbroLib from 'numbro'
+
+export default function useLayerUtils() {
+  const normalizeText = (text: string) => {
+    return text
+      .toLowerCase()
+      .normalize('NFD')
+      .replace(/[\u0300-\u036F]/g, '')
+  }
+
+  const numbro = (number: '∞' | number | undefined, format?: string) => {
+    if (!number && number !== 0) {
+      return ''
+    }
+    else if (number === '∞' || number % 1 !== 0) {
+      return `${number}`
+    }
+
+    return numbroLib(number).format(format || '0,0')
+  }
+
+  return {
+    normalizeText,
+    numbro,
+  }
+}

package/app/types/fields.d.ts

@@ -93,7 +93,7 @@ export interface FieldSelect {
   label?: BaseTextText
   labelIcon?: string
   maxHeight?: FieldSelectMaxHeight
-  modelValue?: number | string
+  modelValue?: string
   openOnHover?: boolean
   options?: FieldSelectOption[]
   padding?: boolean
@@ -111,7 +111,7 @@ export interface FieldSelectColumn {
 export interface FieldSelectOption {
   icon?: string
   text: string
-  value: number | string
+  value: string
 }
 
 export type FieldSelectBorder = 'bottom' | 'full' | 'none'

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasmakers/ui",
   "type": "module",
-  "version": "0.1.67",
+  "version": "0.1.69",
   "private": false,
   "description": "Reusable Nuxt UI components for SaaS Makers projects",
   "license": "MIT",

package/app/composables/useUtils.ts

@@ -1,19 +0,0 @@
-import numbroLib from 'numbro'
-
-export function normalizeText(text: string) {
-  return text
-    .toLowerCase()
-    .normalize('NFD')
-    .replace(/[\u0300-\u036F]/g, '')
-}
-
-export function numbro(number: '∞' | number | undefined, format?: string) {
-  if (!number && number !== 0) {
-    return ''
-  }
-  else if (number === '∞' || number % 1 !== 0) {
-    return `${number}`
-  }
-
-  return numbroLib(number).format(format || '0,0')
-}