v4.24.2

Author: fergusean

package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.24.1",
+    "version": "4.24.2",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "exports": {

src/components/vf-ez-smart-select.vue

@@ -1,5 +1,12 @@
 <template>
-    <VfSmartSelect v-model="selectedItem" :options="computedOpts" :formatter="ezFormatter" :null-title="nullTitle" :placeholder="placeholder" />
+    <VfSmartSelect
+        v-model="selectedItem"
+        :options="computedOpts"
+        :formatter="ezFormatter"
+        :null-title="nullTitle"
+        :placeholder="placeholder"
+        :name="name"
+    />
 </template>
 
 <script lang="ts" setup generic="T extends string">
@@ -19,6 +26,7 @@ const props = defineProps<{
     placeholder?: string;
     options: { [key in T]: string } | T[];
     formatter?: (label: string, key: T) => string;
+    name?: string;
 }>();
 
 const computedOpts = computed(() => {

src/components/vf-smart-select.vue

@@ -9,6 +9,7 @@
             :class="{ nullable: !!nullTitle }"
             :placeholder="effectivePlaceholder"
             :required="required"
+            :name="name"
             data-1p-ignore
             @keydown="handleKeyDown"
             @focus="handleInputFocused"
@@ -79,6 +80,7 @@ const props = defineProps<{
     required?: boolean;
     showCreateTextOnNewItem?: boolean;
     autoNext?: boolean;
+    name?: string;
 }>();
 
 const emit = defineEmits<{

src/config.ts

@@ -3,13 +3,15 @@ interface IOptions {
     errorHandler: (err: Error) => void;
     defaultDateFormat: string;
     defaultTimeFormat: string;
+    defaultCurrencyDivisor: number;
 }
 
 export const VfOptions: IOptions = {
     unhandledErrorSupportText: 'please contact support',
     errorHandler: err => console.error('Unhandled error:', err),
     defaultDateFormat: 'M/d/yy',
-    defaultTimeFormat: 'H:mm'
+    defaultTimeFormat: 'H:mm',
+    defaultCurrencyDivisor: 1
 };
 
 export function configureVf(options: Partial<IOptions>) {

src/filters/index.ts

@@ -64,7 +64,7 @@ function desnake(value: string | null) {
     return value ? desnakeCase(value) : null;
 }
 
-function usCurrency(value: string | number, divisor = 1) {
+function usCurrency(value: string | number, divisor?: number) {
     return formatUSCurrency(value, divisor);
 }
 

src/helpers/string.ts

@@ -1,6 +1,8 @@
 import currency from 'currency.js';
 import { v4 as uuidv4 } from 'uuid';
 
+import { VfOptions } from '@/config';
+
 // placing this here so we don't have to use the ESLint rule everywhere
 // eslint-disable-next-line vue/prefer-import-from-vue
 export { escapeHtml } from '@vue/shared';
@@ -19,8 +21,10 @@ export function formatPhone(value: string) {
     return '(' + cleanValue.substring(0, 3) + ') ' + cleanValue.substring(3, 6) + '-' + cleanValue.substring(6);
 }
 
-export function formatUSCurrency(value: string | number, divisor = 1) {
-    return currency(value).divide(divisor).format();
+export function formatUSCurrency(value: string | number, divisor?: number) {
+    return currency(value)
+        .divide(divisor ?? VfOptions.defaultCurrencyDivisor)
+        .format();
 }
 
 export function uuid() {