@signal24/vue-foundation 4.17.2 → 4.18.0

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.17.2",
+    "version": "4.18.0",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "exports": {
@@ -34,7 +34,7 @@
     },
     "license": "MIT",
     "dependencies": {
-        "uuid": "^10.0.0"
+        "uuid": "^11.0.3"
     },
     "peerDependencies": {
         "@signal24/openapi-client-codegen": "^1.1.0",
@@ -43,39 +43,39 @@
         "vue": "^3.4.0"
     },
     "devDependencies": {
-        "@eslint/js": "^9.10.0",
+        "@eslint/js": "9.14.0",
         "@nabla/vite-plugin-eslint": "^2.0.4",
         "@signal24/openapi-client-codegen": "^1.1.0",
-        "@tsconfig/node20": "^20.1.4",
+        "@tsconfig/node22": "^22.0.0",
         "@types/eslint__js": "^8.42.3",
         "@types/jsdom": "^21.1.7",
-        "@types/lodash": "^4.17.7",
-        "@types/node": "^20.16.3",
+        "@types/lodash": "^4.17.13",
+        "@types/node": "^22.9.0",
         "@types/uuid": "^10.0.0",
-        "@vitejs/plugin-vue": "^5.1.3",
-        "@vue/eslint-config-prettier": "^9.0.0",
-        "@vue/eslint-config-typescript": "^13.0.0",
+        "@vitejs/plugin-vue": "^5.2.0",
+        "@vue/eslint-config-prettier": "^10.1.0",
+        "@vue/eslint-config-typescript": "^14.1.3",
         "@vue/test-utils": "^2.4.6",
-        "@vue/tsconfig": "^0.5.1",
-        "cypress": "^13.14.2",
+        "@vue/tsconfig": "^0.6.0",
+        "cypress": "^13.15.2",
         "date-fns": "^4.1.0",
-        "eslint": "^9.10.0",
-        "eslint-plugin-cypress": "^3.5.0",
+        "eslint": "9.14.0",
+        "eslint-plugin-cypress": "^4.1.0",
         "eslint-plugin-simple-import-sort": "^12.1.1",
         "eslint-plugin-unused-imports": "^4.1.4",
-        "eslint-plugin-vue": "^9.28.0",
-        "jsdom": "^25.0.0",
+        "eslint-plugin-vue": "^9.31.0",
+        "jsdom": "^25.0.1",
         "lodash": "^4.17.21",
         "prettier": "^3.3.3",
-        "sass": "^1.78.0",
+        "sass": "^1.81.0",
         "start-server-and-test": "^2.0.8",
-        "type-fest": "^4.26.1",
-        "typescript": "^5.6.2",
-        "typescript-eslint": "^8.6.0",
-        "vite": "^5.4.6",
-        "vitest": "^2.1.1",
-        "vue": "^3.5.6",
-        "vue-tsc": "^2.1.6"
+        "type-fest": "^4.27.0",
+        "typescript": "^5.6.3",
+        "typescript-eslint": "^8.14.0",
+        "vite": "^5.4.11",
+        "vitest": "^2.1.5",
+        "vue": "^3.5.13",
+        "vue-tsc": "^2.1.10"
     },
-    "packageManager": "yarn@4.0.2"
+    "packageManager": "yarn@4.5.1"
 }

package/src/config.ts

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

package/src/directives/datetime.ts

@@ -1,4 +1,5 @@
 import { format } from 'date-fns';
+import { compact } from 'lodash';
 import type { DirectiveBinding, ObjectDirective } from 'vue';
 
 import { VfOptions } from '../config';
@@ -28,20 +29,36 @@ function getDateTimeValue(el: HTMLElement, binding: DirectiveBinding<string>) {
     }
 
     let formatSpec = el.attributes.getNamedItem('format')?.value;
+    const isDateOnly = el.attributes.getNamedItem('date-only') !== null;
 
     if (!formatSpec && el.attributes.getNamedItem('relative-date') !== null) {
         const now = new Date();
-        if (now.getFullYear() == theDate.getFullYear() && now.getMonth() == theDate.getMonth() && now.getDate() == theDate.getDate()) {
-            prefix = 'at';
+        if (now.getFullYear() === theDate.getFullYear() && now.getMonth() === theDate.getMonth() && now.getDate() === theDate.getDate()) {
+            prefix = 'at'; // ???
             formatSpec = 'HH:mm';
         }
     }
 
+    if (!formatSpec && el.attributes.getNamedItem('simplified-date') !== null) {
+        let dateSpec: string | null = null;
+        const now = new Date();
+        if (now.getFullYear() === theDate.getFullYear()) {
+            if (now.getMonth() !== theDate.getMonth() || now.getDate() !== theDate.getDate()) {
+                dateSpec = 'M/d';
+            }
+        } else {
+            dateSpec = 'M/d/YY';
+        }
+
+        const timeSpec = isDateOnly ? null : VfOptions.defaultTimeFormat;
+        formatSpec = compact([dateSpec, timeSpec]).join(' ');
+    }
+
     if (!formatSpec) {
-        if (el.attributes.getNamedItem('date-only') !== null) {
+        if (isDateOnly) {
             formatSpec = VfOptions.defaultDateFormat;
         } else {
-            formatSpec = VfOptions.defaultDateTimeFormat;
+            formatSpec = `${VfOptions.defaultDateFormat} ${VfOptions.defaultTimeFormat}`;
         }
     }
 

package/src/filters/index.ts

@@ -32,7 +32,7 @@ function phone(value: string | null) {
 
 function upperFirst(value: null): null;
 function upperFirst(value: string): string;
-function upperFirst(value: string | null) {
+function upperFirst(value: string | null): null | string {
     return value ? _upperFirst(value) : null;
 }
 

package/tsconfig.node.json

@@ -1,5 +1,5 @@
 {
-    "extends": "@tsconfig/node20/tsconfig.json",
+    "extends": "@tsconfig/node22/tsconfig.json",
     "include": ["vite.config.*", "vitest.config.*", "cypress.config.*", "playwright.config.*"],
     "compilerOptions": {
         "composite": true,

package/tsconfig.vite-plugins.json

@@ -1,5 +1,5 @@
 {
-    "extends": "@tsconfig/node20/tsconfig.json",
+    "extends": "@tsconfig/node22/tsconfig.json",
     "include": ["src/vite-plugins/*"],
     "compilerOptions": {
         "composite": true,

package/vite.config.ts

@@ -8,6 +8,13 @@ import { defineConfig } from 'vite';
 // https://vitejs.dev/config/
 export default defineConfig({
     plugins: [vue(), eslintPlugin()],
+    css: {
+        preprocessorOptions: {
+            scss: {
+                api: 'modern-compiler'
+            }
+        }
+    },
     build: {
         cssCodeSplit: true,
         lib: {