@signal24/vue-foundation 4.30.4 → 4.30.7

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.30.4",
+    "version": "4.30.7",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "exports": {
@@ -31,6 +31,9 @@
         "format": "prettier --write ."
     },
     "license": "MIT",
+    "repository": {
+        "url": "https://github.com/signal24/vue-foundation"
+    },
     "dependencies": {
         "currency.js": "^2.0.4",
         "mark.js": "^8.11.1",
@@ -43,37 +46,37 @@
         "vue": "^3.4.0"
     },
     "devDependencies": {
-        "@eslint/js": "9.39.1",
+        "@eslint/js": "9.39.2",
         "@nabla/vite-plugin-eslint": "^2.0.6",
         "@signal24/openapi-client-codegen": "^2.6.2",
-        "@tsconfig/node22": "^22.0.2",
+        "@tsconfig/node22": "^22.0.5",
         "@types/jsdom": "^27.0.0",
-        "@types/lodash": "^4.17.20",
+        "@types/lodash": "^4.17.21",
         "@types/mark.js": "^8",
-        "@types/node": "^24.10.0",
+        "@types/node": "^25.0.3",
         "@types/uuid": "^11.0.0",
-        "@vitejs/plugin-vue": "^6.0.1",
+        "@vitejs/plugin-vue": "^6.0.3",
         "@vue/eslint-config-prettier": "^10.2.0",
         "@vue/eslint-config-typescript": "^14.6.0",
         "@vue/test-utils": "^2.4.6",
         "@vue/tsconfig": "^0.8.1",
         "date-fns": "^4.1.0",
-        "eslint": "9.39.1",
+        "eslint": "9.39.2",
         "eslint-plugin-simple-import-sort": "^12.1.1",
         "eslint-plugin-unused-imports": "^4.3.0",
-        "eslint-plugin-vue": "^10.5.1",
-        "jsdom": "^27.1.0",
+        "eslint-plugin-vue": "^10.6.2",
+        "jsdom": "^27.4.0",
         "lodash": "^4.17.21",
-        "prettier": "^3.6.2",
-        "sass": "^1.93.3",
-        "start-server-and-test": "^2.1.2",
-        "type-fest": "^5.2.0",
+        "prettier": "^3.7.4",
+        "sass": "^1.97.2",
+        "start-server-and-test": "^2.1.3",
+        "type-fest": "^5.3.1",
         "typescript": "~5.9",
-        "typescript-eslint": "^8.46.3",
-        "vite": "^7.2.1",
-        "vitest": "^4.0.7",
-        "vue": "^3.5.23",
-        "vue-tsc": "^3.1.3"
+        "typescript-eslint": "^8.52.0",
+        "vite": "^7.3.1",
+        "vitest": "^4.0.16",
+        "vue": "^3.5.26",
+        "vue-tsc": "^3.2.2"
     },
     "packageManager": "yarn@4.9.2"
 }

package/src/components/vf-toast.vue

@@ -2,7 +2,7 @@
     <div class="vf-toast" :class="[className, { top: position === 'top', bottom: position !== 'top' }]" @click.stop="handleClick">
         <div class="content">
             <div class="message">{{ message }}</div>
-            <div v-if="!disableClose" class="close">x</div>
+            <div v-if="!disableClose" class="close" @click.stop="close">x</div>
         </div>
         <div v-if="durationSecs !== null" class="progress-bar">
             <div ref="progressInnerEl" class="inner"></div>
@@ -37,6 +37,10 @@ function handleClick() {
     }
 }
 
+function close() {
+    props.callback();
+}
+
 const progressInnerEl = ref<HTMLElement>();
 if (props.durationSecs !== null) {
     onMounted(() => {

package/src/helpers/object.ts

@@ -1,4 +1,4 @@
-import { cloneDeep } from 'lodash';
+import { cloneDeep, isEqual, isMatch } from 'lodash';
 
 export function cloneProp<T>(prop: T | undefined | null, fallback: T): T {
     if (prop !== undefined && prop !== null) {
@@ -22,3 +22,66 @@ export function nullifyEmptyInputs<T extends Record<string, unknown>, K extends
 export function isNotNullOrUndefined<T>(value: T | null | undefined): value is T {
     return value !== null && value !== undefined;
 }
+
+export function objectKeys<T extends object>(object: T): (keyof T)[] {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return Object.keys(object) as any[];
+}
+
+export function objectAssign<T extends object>(object: T, ...values: Partial<T>[]): T {
+    return Object.assign(object, ...values);
+}
+
+type Entries<T> = {
+    [K in keyof T]: [K, T[K]];
+}[keyof T][];
+export function objectEntries<T extends object>(object: T): Entries<T> {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return Object.entries(object) as any;
+}
+
+export function extractValues<T extends object, K extends readonly (keyof T)[]>(state: T, fields: K): Pick<T, K[number]> {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const result: Pick<T, K[number]> = {} as any;
+    for (const key of fields) {
+        if (state[key] !== undefined) {
+            result[key] = state[key];
+        }
+    }
+    return result;
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function doesMatch(original: any, updated: any, method?: 'equals' | 'matches'): boolean {
+    if (method === 'matches' && typeof original === 'object' && typeof updated === 'object') {
+        return isMatch(original, updated);
+    }
+    return isEqual(original, updated);
+}
+
+export function extractUpdates<T extends object>(state: T, updates: Partial<T>, fields?: Array<keyof T>, method?: 'equals' | 'matches'): Partial<T> {
+    const result: Partial<T> = {};
+    const updateFields = fields ?? objectKeys(updates);
+    for (const key of updateFields) {
+        if (updates[key] !== undefined && !doesMatch(state[key], updates[key], method)) {
+            result[key] = updates[key];
+        }
+    }
+    return result;
+}
+
+export function patchObject<T extends object>(state: T, updates: Partial<T>, fields?: Array<keyof T>, method?: 'equals' | 'matches'): T {
+    const effectiveUpdates = extractUpdates(state, updates, fields, method);
+    objectAssign(state, effectiveUpdates);
+    return state;
+}
+
+export function extractKV<T, K extends keyof T, V extends keyof T>(arr: T[], keyCol: K, valCol: V) {
+    return arr.reduce(
+        (acc, cur) => {
+            acc[cur[keyCol] as string] = cur[valCol];
+            return acc;
+        },
+        {} as Record<string, T[V]>
+    );
+}