@signal24/vue-foundation 4.20.2 → 4.21.1

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.20.2",
+    "version": "4.21.1",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "exports": {
@@ -21,7 +21,7 @@
     "typings": "./dist/src/index.d.ts",
     "scripts": {
         "dev": "vite",
-        "build": "rm -rf dist && vite build && vue-tsc -p tsconfig.app.json && tsc -p tsconfig.vite-plugins.json && find dist -name '*.tsbuildinfo' -delete",
+        "build": "rm -rf dist && vite build && tsc -p tsconfig.vite-plugins.json && find dist -name '*.tsbuildinfo' -delete && vue-tsc -p tsconfig.app.json",
         "build:watch": "fswatch -o src | xargs -n1 -I{} yarn build",
         "demo": "vite -c ./demo/vite.config.ts ./demo",
         "test:types": "vue-tsc -p tsconfig.vitest.json",
@@ -34,7 +34,7 @@
     },
     "license": "MIT",
     "dependencies": {
-        "uuid": "^11.0.5"
+        "uuid": "^11.1.0"
     },
     "peerDependencies": {
         "@signal24/openapi-client-codegen": "^2.1.1",
@@ -43,39 +43,38 @@
         "vue": "^3.4.0"
     },
     "devDependencies": {
-        "@eslint/js": "9.18.0",
+        "@eslint/js": "9.21.0",
         "@nabla/vite-plugin-eslint": "^2.0.5",
         "@signal24/openapi-client-codegen": "^2.2.1",
         "@tsconfig/node22": "^22.0.0",
-        "@types/eslint__js": "^8.42.3",
         "@types/jsdom": "^21.1.7",
-        "@types/lodash": "^4.17.14",
-        "@types/node": "^22.10.7",
+        "@types/lodash": "^4.17.16",
+        "@types/node": "^22.13.8",
         "@types/uuid": "^10.0.0",
         "@vitejs/plugin-vue": "^5.2.1",
         "@vue/eslint-config-prettier": "^10.2.0",
-        "@vue/eslint-config-typescript": "^14.3.0",
+        "@vue/eslint-config-typescript": "^14.4.0",
         "@vue/test-utils": "^2.4.6",
         "@vue/tsconfig": "^0.7.0",
-        "cypress": "^14.0.0",
+        "cypress": "^14.1.0",
         "date-fns": "^4.1.0",
-        "eslint": "9.18.0",
+        "eslint": "9.21.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.32.0",
         "jsdom": "^26.0.0",
         "lodash": "^4.17.21",
-        "prettier": "^3.4.2",
-        "sass": "^1.83.4",
+        "prettier": "^3.5.2",
+        "sass": "^1.85.1",
         "start-server-and-test": "^2.0.10",
-        "type-fest": "^4.33.0",
-        "typescript": "~5.6",
-        "typescript-eslint": "^8.21.0",
-        "vite": "^6.0.11",
-        "vitest": "^3.0.3",
+        "type-fest": "^4.36.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.0"
+        "vue-tsc": "^2.2.4"
     },
-    "packageManager": "yarn@4.5.1"
+    "packageManager": "yarn@4.6.0"
 }

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

@@ -2,43 +2,43 @@
     <VfSmartSelect v-model="selectedItem" :options="computedOpts" :formatter="ezFormatter" :null-title="nullTitle" :placeholder="placeholder" />
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup generic="T extends string">
 import { isEqual } from 'lodash';
 import { computed, ref, watch } from 'vue';
 
 import VfSmartSelect from './vf-smart-select.vue';
 
 interface IComputedOption {
-    value: string;
+    value: T;
     label: string;
 }
 
 const props = defineProps<{
-    modelValue: string | null | undefined;
+    modelValue: T | null | undefined;
     nullTitle?: string;
     placeholder?: string;
-    options: { [K: string]: string } | string[];
-    formatter?: (title: string) => string;
+    options: { [key in T]: string } | T[];
+    formatter?: (label: string, key: T) => string;
 }>();
 
 const computedOpts = computed(() => {
     return Array.isArray(props.options)
-        ? props.options.map(o => ({ value: o, label: o }))
+        ? props.options.map(o => ({ value: o, label: String(o) }))
         : Object.entries(props.options).map(([value, label]) => ({
-              value,
-              label
+              value: value as T,
+              label: label as string
           }));
 });
 
 const ezFormatter = computed(() => {
     if (props.formatter) {
-        return (o: IComputedOption) => props.formatter!(o.label);
+        return (o: IComputedOption) => props.formatter!(o.label, o.value);
     }
     return (o: IComputedOption) => o.label;
 });
 
 const emit = defineEmits<{
-    (e: 'update:modelValue', value: string | null): void;
+    (e: 'update:modelValue', value: T | null): void;
 }>();
 
 const selectedItem = ref<IComputedOption | null>(computedOpts.value.find(o => o.value === props.modelValue) ?? null);

package/tsconfig.app.json

@@ -16,5 +16,6 @@
         "declarationDir": "dist",
         "target": "ES2020",
         "lib": ["ES2020", "DOM", "DOM.Iterable"]
-    }
+    },
+    "references": [{ "path": "./tsconfig.vite-plugins.json" }]
 }