@signal24/vue-foundation 4.1.1 → 4.2.1

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.1.1",
+    "version": "4.2.1",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "bin": {
@@ -9,7 +9,8 @@
     },
     "exports": {
         ".": {
-            "import": "./dist/vue-foundation.es.js"
+            "import": "./dist/vue-foundation.es.js",
+            "types": "./dist/src/index.d.ts"
         },
         "./dist/vue-foundation.css": {
             "import": "./dist/vue-foundation.css",
@@ -35,36 +36,37 @@
     },
     "license": "MIT",
     "dependencies": {
-        "date-fns": "^2.29.3",
+        "date-fns": "^2.30.0",
         "lodash": "^4.17.21",
-        "type-fest": "^3.8.0",
-        "vue": "^3.2.47"
+        "type-fest": "^3.11.0",
+        "vue": "^3.3.4"
     },
     "devDependencies": {
         "@nabla/vite-plugin-eslint": "^1.5.0",
         "@rushstack/eslint-patch": "^1.2.0",
+        "@tsconfig/node18": "^2.0.1",
         "@types/jsdom": "^21.1.1",
-        "@types/lodash": "^4.14.192",
+        "@types/lodash": "^4.14.194",
         "@types/node": "^18.15.11",
-        "@vitejs/plugin-vue": "^4.1.0",
+        "@vitejs/plugin-vue": "^4.2.3",
         "@vue/eslint-config-prettier": "^7.1.0",
-        "@vue/eslint-config-typescript": "^11.0.2",
+        "@vue/eslint-config-typescript": "^11.0.3",
         "@vue/test-utils": "^2.3.2",
-        "@vue/tsconfig": "^0.1.3",
-        "cypress": "^12.9.0",
-        "eslint": "^8.37.0",
-        "eslint-plugin-cypress": "^2.13.2",
+        "@vue/tsconfig": "^0.4.0",
+        "cypress": "^12.12.0",
+        "eslint": "^8.41.0",
+        "eslint-plugin-cypress": "^2.13.3",
         "eslint-plugin-simple-import-sort": "^10.0.0",
         "eslint-plugin-unused-imports": "^2.0.0",
-        "eslint-plugin-vue": "^9.10.0",
-        "jsdom": "^21.1.1",
-        "openapi-typescript-codegen": "^0.23.0",
-        "prettier": "^2.8.7",
-        "sass": "^1.60.0",
+        "eslint-plugin-vue": "^9.13.0",
+        "jsdom": "^22.0.0",
+        "openapi-typescript-codegen": "^0.24.0",
+        "prettier": "^2.8.8",
+        "sass": "^1.62.1",
         "start-server-and-test": "^2.0.0",
-        "typescript": "~4.9.5",
-        "vite": "^4.2.1",
-        "vitest": "^0.29.8",
-        "vue-tsc": "^1.3.12"
+        "typescript": "~5.0.4",
+        "vite": "^4.3.8",
+        "vitest": "^0.31.1",
+        "vue-tsc": "^1.6.5"
     }
 }

package/src/components/alert-modal.vue

@@ -18,10 +18,9 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, defineProps } from 'vue';
-
-import { formatError } from '@/helpers/error';
+import { computed } from 'vue';
 
+import { formatError } from '../helpers/error';
 import Modal from './modal.vue';
 
 const props = defineProps<{

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

@@ -4,7 +4,7 @@
 
 <script lang="ts" setup>
 import { isEqual } from 'lodash';
-import { computed, defineEmits, defineProps, ref, watch } from 'vue';
+import { computed, ref, watch } from 'vue';
 
 import VfSmartSelect from './smart-select.vue';
 

package/src/components/modal.vue

@@ -18,7 +18,7 @@
 </template>
 
 <script lang="ts" setup>
-import { defineProps, getCurrentInstance, onBeforeUnmount, onMounted, ref } from 'vue';
+import { getCurrentInstance, onBeforeUnmount, onMounted, ref } from 'vue';
 
 import { removeModalInjectionByInternalInstance } from './modal-container';
 

package/src/directives/datetime.ts

@@ -1,7 +1,7 @@
 import { format } from 'date-fns';
 import type { DirectiveBinding, ObjectDirective } from 'vue';
 
-import { VfOptions } from '@/config';
+import { VfOptions } from '../config';
 
 export const vDatetime: ObjectDirective<HTMLElement, string> = {
     beforeMount: applyDateTime,

package/src/helpers/error.ts

@@ -1,5 +1,4 @@
-import { showAlert } from '@/components/alert-helpers';
-
+import { showAlert } from '../components/alert-helpers';
 import { VfOptions } from '../config';
 
 export class UserError extends Error {

package/src/helpers/mask.ts

@@ -1,4 +1,4 @@
-import type { AnyComponentPublicInstance } from '@/components';
+import type { AnyComponentPublicInstance } from '../components/modal-container';
 
 /*///////////////////////////////////////////////
 Component Overlay Masking
@@ -51,7 +51,7 @@ interface IFormMaskState {
     [FormMaskState]?: {
         disabledElements: HTMLElement[];
         waitButton: HTMLElement;
-        buttonText: string;
+        buttonHtml: string;
     };
 }
 type FormMaskElement = Element & IFormMaskState;
@@ -63,7 +63,7 @@ export function maskForm(formOrCmp: Element | AnyComponentPublicInstance, button
     const buttonEl = (
         buttonSelector instanceof Element ? buttonSelector : form.querySelectorAll(buttonSelector ?? 'button:not([disabled])')[0]
     ) as HTMLElement;
-    const originalButtonText = buttonEl.tagName === 'INPUT' ? (buttonEl as HTMLInputElement).value : buttonEl.innerText;
+    const originalButtonHtml = buttonEl.tagName === 'INPUT' ? (buttonEl as HTMLInputElement).value : buttonEl.innerHTML;
     buttonEl.setAttribute('disabled', 'disabled');
     buttonEl.innerText = buttonText ?? 'Please wait...';
 
@@ -74,7 +74,7 @@ export function maskForm(formOrCmp: Element | AnyComponentPublicInstance, button
     (form as FormMaskElement)[FormMaskState] = {
         disabledElements: inputs,
         waitButton: buttonEl,
-        buttonText: originalButtonText
+        buttonHtml: originalButtonHtml
     };
 
     return () => unmaskForm(form);
@@ -89,7 +89,7 @@ export function unmaskForm(formOrCmp: Element | AnyComponentPublicInstance) {
     form.classList.remove('vf-masked');
 
     state.disabledElements.forEach(el => el.removeAttribute('disabled'));
-    state.waitButton.innerText = state.buttonText;
+    state.waitButton.innerHTML = state.buttonHtml;
     state.waitButton.removeAttribute('disabled');
 
     delete (form as FormMaskElement)[FormMaskState];

package/tsconfig.app.json

@@ -1,5 +1,5 @@
 {
-    "extends": "@vue/tsconfig/tsconfig.web.json",
+    "extends": "@vue/tsconfig/tsconfig.dom.json",
     "include": ["src/**/*.ts", "src/**/*.vue"],
     "exclude": ["src/**/__tests__/*", "src/vite-plugins/*"],
     "compilerOptions": {
@@ -13,10 +13,6 @@
         "declaration": true,
         "declarationDir": "dist",
         "target": "ES2020",
-        "lib": [
-            "ES2020",
-            "DOM",
-            "DOM.Iterable"
-        ]
+        "lib": ["ES2020", "DOM", "DOM.Iterable"]
     }
 }

package/tsconfig.node.json

@@ -1,8 +1,9 @@
 {
-    "extends": "@vue/tsconfig/tsconfig.node.json",
+    "extends": "@tsconfig/node18/tsconfig.json",
     "include": ["vite.config.*", "vitest.config.*", "cypress.config.*", "playwright.config.*"],
     "compilerOptions": {
         "composite": true,
+        "module": "ESNext",
         "types": ["node"],
         "noImplicitAny": true
     }

package/tsconfig.vite-plugins.json

@@ -1,8 +1,9 @@
 {
-    "extends": "@vue/tsconfig/tsconfig.node.json",
+    "extends": "@tsconfig/node18/tsconfig.json",
     "include": ["src/vite-plugins/*"],
     "compilerOptions": {
         "composite": true,
+        "module": "ESNext",
         "types": ["node"],
         "noImplicitAny": true,
         "outDir": "dist"

package/tsconfig.vitest.json

@@ -4,6 +4,6 @@
     "compilerOptions": {
         "composite": true,
         "lib": [],
-        "types": ["node", "jsdom"],
+        "types": ["node", "jsdom"]
     }
 }