@signal24/vue-foundation 4.21.1 → 4.24.0

package/eslint.config.mjs

@@ -3,6 +3,7 @@ import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended'
 import simpleImportSort from 'eslint-plugin-simple-import-sort';
 import unusedImports from 'eslint-plugin-unused-imports';
 import pluginVue from 'eslint-plugin-vue';
+import globals from 'globals';
 import tseslint from 'typescript-eslint';
 
 export default tseslint.config(
@@ -27,11 +28,13 @@ export default tseslint.config(
                 projectService: true
             },
 
-            // not sure why some of these TS generics are needed.
-            // will circle back when Vue officially updates to ESLint 9
             globals: {
+                // not sure why some of these TS generics are needed.
+                // will circle back when Vue officially updates to ESLint 9
                 Omit: false,
-                Record: false
+                Record: false,
+
+                ...globals.browser
             }
         }
     },

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.21.1",
+    "version": "4.24.0",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "exports": {
@@ -34,6 +34,7 @@
     },
     "license": "MIT",
     "dependencies": {
+        "currency.js": "^2.0.4",
         "uuid": "^11.1.0"
     },
     "peerDependencies": {
@@ -43,38 +44,38 @@
         "vue": "^3.4.0"
     },
     "devDependencies": {
-        "@eslint/js": "9.21.0",
+        "@eslint/js": "9.27.0",
         "@nabla/vite-plugin-eslint": "^2.0.5",
-        "@signal24/openapi-client-codegen": "^2.2.1",
-        "@tsconfig/node22": "^22.0.0",
+        "@signal24/openapi-client-codegen": "^2.5.0",
+        "@tsconfig/node22": "^22.0.1",
         "@types/jsdom": "^21.1.7",
         "@types/lodash": "^4.17.16",
-        "@types/node": "^22.13.8",
+        "@types/node": "^22.15.18",
         "@types/uuid": "^10.0.0",
-        "@vitejs/plugin-vue": "^5.2.1",
+        "@vitejs/plugin-vue": "^5.2.4",
         "@vue/eslint-config-prettier": "^10.2.0",
-        "@vue/eslint-config-typescript": "^14.4.0",
+        "@vue/eslint-config-typescript": "^14.5.0",
         "@vue/test-utils": "^2.4.6",
         "@vue/tsconfig": "^0.7.0",
-        "cypress": "^14.1.0",
+        "cypress": "^14.3.3",
         "date-fns": "^4.1.0",
-        "eslint": "9.21.0",
-        "eslint-plugin-cypress": "^4.1.0",
+        "eslint": "9.27.0",
+        "eslint-plugin-cypress": "^4.3.0",
         "eslint-plugin-simple-import-sort": "^12.1.1",
         "eslint-plugin-unused-imports": "^4.1.4",
-        "eslint-plugin-vue": "^9.32.0",
-        "jsdom": "^26.0.0",
+        "eslint-plugin-vue": "^10.1.0",
+        "jsdom": "^26.1.0",
         "lodash": "^4.17.21",
-        "prettier": "^3.5.2",
-        "sass": "^1.85.1",
-        "start-server-and-test": "^2.0.10",
-        "type-fest": "^4.36.0",
+        "prettier": "^3.5.3",
+        "sass": "^1.89.0",
+        "start-server-and-test": "^2.0.12",
+        "type-fest": "^4.41.0",
         "typescript": "~5.8",
-        "typescript-eslint": "^8.25.0",
-        "vite": "^6.2.0",
-        "vitest": "^3.0.7",
-        "vue": "^3.5.13",
-        "vue-tsc": "^2.2.4"
+        "typescript-eslint": "^8.32.1",
+        "vite": "^6.3.5",
+        "vitest": "^3.1.3",
+        "vue": "^3.5.14",
+        "vue-tsc": "^2.2.10"
     },
     "packageManager": "yarn@4.6.0"
 }

package/src/filters/index.ts

@@ -1,5 +1,9 @@
+import currency from 'currency.js';
+import { addDays, format, parse } from 'date-fns';
 import { startCase as _startCase, upperFirst as _upperFirst } from 'lodash';
 
+import { VfOptions } from '@/config';
+
 import { desnakeCase, formatNumber, formatPhone, formatUSCurrency } from '..';
 
 function bytes(value: number) {
@@ -48,6 +52,12 @@ function upperCase(value: string | null) {
     return value ? value.toUpperCase() : null;
 }
 
+function upperWords(value: null): null;
+function upperWords(value: string): string;
+function upperWords(value: string | null) {
+    return value ? startCase(value.toLowerCase()) : null;
+}
+
 function desnake(value: null): null;
 function desnake(value: string): string;
 function desnake(value: string | null) {
@@ -58,6 +68,30 @@ function usCurrency(value: string | number, divisor = 1) {
     return formatUSCurrency(value, divisor);
 }
 
+function divide(value: number, divisor: number) {
+    return currency(value).divide(divisor).value;
+}
+
+function date(value: string | null, formatStr?: string) {
+    if (!value) return value;
+    return format(new Date(value), formatStr ?? VfOptions.defaultDateFormat);
+}
+
+function time(value: string | null, formatStr?: string) {
+    if (!value) return value;
+    return format(new Date(value), formatStr ?? VfOptions.defaultTimeFormat);
+}
+
+function dateTime(value: string | null, formatStr?: string) {
+    if (!value) return value;
+    return format(new Date(value), formatStr ?? VfOptions.defaultDateFormat);
+}
+
+function oneDayForward(date?: string | null) {
+    if (!date) return date;
+    return format(addDays(parse(date, 'yyyy-MM-dd', new Date()), 1), VfOptions.defaultDateFormat);
+}
+
 const FilterFns = {
     bytes,
     dash,
@@ -67,8 +101,14 @@ const FilterFns = {
     upperFirst,
     startCase,
     upperCase,
+    upperWords,
     desnake,
-    usCurrency
+    usCurrency,
+    divide,
+    date,
+    time,
+    dateTime,
+    oneDayForward
 };
 
 // type FilterFn = (value: any, ...unknown: any[]) => any;

package/src/helpers/error.ts

@@ -20,7 +20,14 @@ export function formatError(err: any): string {
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function toError(err: any) {
-    return err instanceof Error ? err : new Error(String(err));
+    if (isError(err)) return err;
+    return new Error(String(err));
+}
+
+export function isError(err: unknown): err is Error {
+    if (err instanceof Error) return true;
+    if (typeof err === 'object' && err !== null && 'message' in err && 'name' in err) return true;
+    return false;
 }
 
 interface IErrorAlertOptions {

package/src/helpers/string.ts

@@ -1,3 +1,4 @@
+import currency from 'currency.js';
 import { v4 as uuidv4 } from 'uuid';
 
 // placing this here so we don't have to use the ESLint rule everywhere
@@ -19,13 +20,7 @@ export function formatPhone(value: string) {
 }
 
 export function formatUSCurrency(value: string | number, divisor = 1) {
-    return (
-        '$' +
-        (Number(value) / divisor)
-            .toFixed(3)
-            .replace(/0$/, '')
-            .replace(/\B(?=(\d{3})+(?!\d))/g, ',')
-    );
+    return currency(value).divide(divisor).format();
 }
 
 export function uuid() {