@signal24/vue-foundation 4.18.0 → 4.19.0

package/dist/src/components/index.d.ts

@@ -4,6 +4,7 @@ import VfEzSmartSelect from './vf-ez-smart-select.vue';
 import VfModal from './vf-modal.vue';
 import VfSmartSelect from './vf-smart-select.vue';
 export * from './alert-helpers';
+export * from './modal-helpers';
 export * from './overlay-container';
 export * from './toast-helpers';
 export { VfAjaxSelect, VfAlertModal, VfEzSmartSelect, VfModal, VfSmartSelect };

package/dist/src/components/modal-helpers.d.ts

@@ -0,0 +1,159 @@
+export declare function vfModalRef(): import("vue").Ref<({
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {
+        readonly id?: string | undefined;
+        readonly closeOnMaskClick?: boolean | undefined;
+        readonly scrolls?: boolean | undefined;
+        readonly closeX?: boolean | undefined;
+        readonly class?: (string | string[]) | undefined;
+        readonly onFormSubmit?: ((...args: any[]) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    $attrs: {
+        [x: string]: unknown;
+    };
+    $refs: {
+        [x: string]: unknown;
+    };
+    $slots: Readonly<{
+        [name: string]: import("vue").Slot<any> | undefined;
+    }>;
+    $root: import("vue").ComponentPublicInstance | null;
+    $parent: import("vue").ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: (event: "formSubmit", ...args: any[]) => void;
+    $el: HTMLDivElement;
+    $options: import("vue").ComponentOptionsBase<Readonly<{
+        id?: string;
+        closeOnMaskClick?: boolean;
+        scrolls?: boolean;
+        closeX?: boolean;
+        class?: string | string[];
+    }> & Readonly<{
+        onFormSubmit?: ((...args: any[]) => any) | undefined;
+    }>, {
+        mask: () => () => void;
+        unmask: () => void;
+        hide: () => () => void;
+        unhide: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        formSubmit: (...args: any[]) => void;
+    }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof import("vue").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+} & Readonly<{}> & Omit<Readonly<{
+    id?: string;
+    closeOnMaskClick?: boolean;
+    scrolls?: boolean;
+    closeX?: boolean;
+    class?: string | string[];
+}> & Readonly<{
+    onFormSubmit?: ((...args: any[]) => any) | undefined;
+}>, "mask" | "hide" | "unmask" | "unhide"> & import("vue").ShallowUnwrapRef<{
+    mask: () => () => void;
+    unmask: () => void;
+    hide: () => () => void;
+    unhide: () => void;
+}> & {} & import("vue").ComponentCustomProperties & {} & {
+    $slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+}) | undefined, ({
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {
+        readonly id?: string | undefined;
+        readonly closeOnMaskClick?: boolean | undefined;
+        readonly scrolls?: boolean | undefined;
+        readonly closeX?: boolean | undefined;
+        readonly class?: (string | string[]) | undefined;
+        readonly onFormSubmit?: ((...args: any[]) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    $attrs: {
+        [x: string]: unknown;
+    };
+    $refs: {
+        [x: string]: unknown;
+    };
+    $slots: Readonly<{
+        [name: string]: import("vue").Slot<any> | undefined;
+    }>;
+    $root: import("vue").ComponentPublicInstance | null;
+    $parent: import("vue").ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: (event: "formSubmit", ...args: any[]) => void;
+    $el: HTMLDivElement;
+    $options: import("vue").ComponentOptionsBase<Readonly<{
+        id?: string;
+        closeOnMaskClick?: boolean;
+        scrolls?: boolean;
+        closeX?: boolean;
+        class?: string | string[];
+    }> & Readonly<{
+        onFormSubmit?: ((...args: any[]) => any) | undefined;
+    }>, {
+        mask: () => () => void;
+        unmask: () => void;
+        hide: () => () => void;
+        unhide: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        formSubmit: (...args: any[]) => void;
+    }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof import("vue").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+} & Readonly<{}> & Omit<Readonly<{
+    id?: string;
+    closeOnMaskClick?: boolean;
+    scrolls?: boolean;
+    closeX?: boolean;
+    class?: string | string[];
+}> & Readonly<{
+    onFormSubmit?: ((...args: any[]) => any) | undefined;
+}>, "mask" | "hide" | "unmask" | "unhide"> & import("vue").ShallowUnwrapRef<{
+    mask: () => () => void;
+    unmask: () => void;
+    hide: () => () => void;
+    unhide: () => void;
+}> & {} & import("vue").ComponentCustomProperties & {} & {
+    $slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+}) | undefined>;

package/dist/src/helpers/openapi.d.ts

@@ -1,2 +1,2 @@
-import { installOpenApiClientInterceptors } from '@signal24/openapi-client-codegen/browser';
-export declare function installApiClientInterceptors(clientOptions: Parameters<typeof installOpenApiClientInterceptors>[0]): void;
+import { type OpenApiClient, type OpenApiClientOptions } from '@signal24/openapi-client-codegen/browser';
+export declare function configureVfOpenApiClient(client: OpenApiClient, clientOptions: OpenApiClientOptions): void;

package/dist/vue-foundation.es.js

@@ -4,8 +4,8 @@ var A = (e, t, n) => bt(e, typeof t != "symbol" ? t + "" : t, n);
 import { defineComponent as N, ref as T, computed as x, watch as F, onMounted as V, openBlock as w, createElementBlock as k, createElementVNode as D, toDisplayString as U, withDirectives as Q, createCommentVNode as O, Fragment as J, renderList as me, vModelSelect as Tt, getCurrentInstance as he, withModifiers as pe, normalizeStyle as St, normalizeClass as B, renderSlot as G, reactive as Ct, h as ee, Teleport as Lt, markRaw as Mt, onBeforeUnmount as ye, resolveDirective as xt, createBlock as Pe, createSlots as It, withCtx as ue, createTextVNode as De, vModelText as Ht, onActivated as qe, onDeactivated as ze } from "vue";
 import { compact as Ye, debounce as At, isEqual as Ke, startCase as Ft, upperFirst as Dt, cloneDeep as Ot, remove as $t, last as Bt } from "lodash";
 import { escapeHtml as Vt } from "@vue/shared";
-import { escapeHtml as No } from "@vue/shared";
-import { installOpenApiClientInterceptors as _t, isOpenApiError as Nt } from "@signal24/openapi-client-codegen/browser";
+import { escapeHtml as Ro } from "@vue/shared";
+import { configureOpenApiClient as _t, OpenApiError as Nt } from "@signal24/openapi-client-codegen/browser";
 import { format as fe } from "date-fns";
 const Rt = {
   key: 0,
@@ -764,7 +764,11 @@ const vn = ["disabled", "placeholder", "required"], mn = {
       "null-title": r.nullTitle
     }, null, 8, ["modelValue", "options", "formatter", "null-title"]));
   }
-}), kn = { class: "content" }, bn = { class: "message" }, Tn = {
+});
+function Lo() {
+  return T();
+}
+const kn = { class: "content" }, bn = { class: "message" }, Tn = {
   key: 0,
   class: "close"
 }, Sn = {
@@ -811,7 +815,7 @@ const vn = ["disabled", "placeholder", "required"], mn = {
     ], 2));
   }
 });
-function Lo(e) {
+function Mo(e) {
   const t = ge(Cn, {
     ...e,
     callback: () => te(t)
@@ -860,15 +864,15 @@ const $e = {
   upperCase: Dn,
   desnake: On,
   usCurrency: $n
-}, Mo = (e) => ({
+}, xo = (e) => ({
   ...$e,
   ...e($e)
 });
-function xo(e, t, n) {
+function Io(e, t, n) {
   const o = typeof t == "function" ? e.findIndex(t) : e.indexOf(t);
   return o === -1 ? !1 : (e.splice(o, 1, n), !0);
 }
-function Io(e, t) {
+function Ho(e, t) {
   const n = document.createElement("div");
   n.classList.add("vf-overlay"), n.addEventListener("click", f), document.body.appendChild(n);
   const o = document.createElement("div");
@@ -901,32 +905,32 @@ function Io(e, t) {
     a.addEventListener("mouseleave", I), v.stopPropagation();
   }
 }
-const Bn = (e) => new Promise((t) => setTimeout(t, e)), Ho = (e) => Bn(e * 1e3);
+const Bn = (e) => new Promise((t) => setTimeout(t, e)), Ao = (e) => Bn(e * 1e3);
 function Vn(e) {
   return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
-function Ao(e, t) {
+function Fo(e, t) {
   return e != null ? Ot(e) : t;
 }
-function Fo(e, t) {
+function Do(e, t) {
   const n = { ...e };
   for (const o of t)
     n[o] === "" && (n[o] = null);
   return n;
 }
-function Do(e) {
-  _t({
-    ...e,
-    onError(t, n) {
-      var i;
-      Nt(t) && t.status === 422 && typeof t.body == "object" && "error" in t.body && (t = new oe(t.body.error));
-      const o = (i = e.onError) == null ? void 0 : i.call(e, t, n);
-      return o !== void 0 ? o : t;
+function Oo(e, t) {
+  _t(e, {
+    ...t,
+    onError(n, o) {
+      var l;
+      n instanceof Nt && n.response.status === 422 && typeof n.body == "object" && n.body && "error" in n.body && typeof n.body.error == "string" && (n = new oe(n.body.error));
+      const i = (l = t.onError) == null ? void 0 : l.call(t, n, o);
+      return i !== void 0 ? i : n;
     }
   });
 }
 const ke = Symbol("HookState");
-function Oo(e, t) {
+function $o(e, t) {
   const n = t ?? he();
   V(() => _n(n, e), n), qe(() => Nn(n), n), ze(() => Be(n), n), ye(() => Be(n), n);
 }
@@ -971,7 +975,7 @@ class Y {
     Math.ceil(this.el.scrollTop + this.el.clientHeight + 5) >= this.el.scrollHeight ? this.isTripped || (this.handler(t), this.isTripped = !0) : this.isTripped && (this.isTripped = !1);
   }
 }
-function $o(e) {
+function Bo(e) {
   V(() => window.addEventListener("resize", e)), qe(() => window.addEventListener("resize", e)), ze(() => window.removeEventListener("resize", e)), ye(() => window.removeEventListener("resize", e));
 }
 const Rn = {
@@ -1214,7 +1218,7 @@ class oo {
 function lo(e) {
   e.directive("autofocus", Rn), e.directive("confirm-button", Wn), e.directive("date-input", jn), e.directive("datetime", qn), e.directive("disabled", Yn), e.directive("duration", Xn), e.directive("hotkey", Qn), e.directive("infinite-scroll", eo), e.directive("readonly", to), e.directive("tooltip", no);
 }
-function Bo(e) {
+function Vo(e) {
   lo(e);
 }
 export {
@@ -1225,45 +1229,46 @@ export {
   Co as VfEzSmartSelect,
   tn as VfModal,
   wn as VfSmartSelect,
-  Ao as cloneProp,
+  Fo as cloneProp,
   go as configureVf,
-  Mo as createFilters,
+  Oo as configureVfOpenApiClient,
+  xo as createFilters,
   ge as createOverlayInjection,
   cn as desnakeCase,
   zt as dismissOverlayInjectionById,
   mo as dismissOverlayInjectionByInstance,
   Xe as dismissOverlayInjectionByInternalInstance,
   qt as dismissOverlayInjectionByVnode,
-  No as escapeHtml,
+  Ro as escapeHtml,
   Kt as formatError,
   Vn as formatNumber,
   dn as formatPhone,
   fn as formatUSCurrency,
   wo as handleError,
   Eo as handleErrorAndAlert,
-  Do as installApiClientInterceptors,
-  Bo as installVf,
+  Vo as installVf,
   ko as maskComponent,
   Xt as maskEl,
   Zt as maskForm,
   To as nl2br,
-  Fo as nullifyEmptyInputs,
+  Do as nullifyEmptyInputs,
   Ee as presentOverlay,
   te as removeOverlayInjection,
-  xo as replaceElement,
+  Io as replaceElement,
   Yt as showAlert,
   ho as showConfirm,
   po as showConfirmDestroy,
-  Io as showContextMenu,
-  Lo as showToast,
+  Ho as showContextMenu,
+  Mo as showToast,
   yo as showWait,
   Bn as sleep,
-  Ho as sleepSecs,
+  Ao as sleepSecs,
   we as toError,
   bo as unmaskComponent,
   Ze as unmaskEl,
   Ge as unmaskForm,
-  Oo as useInfiniteScroll,
-  $o as useResizeWatcher,
-  So as uuid
+  $o as useInfiniteScroll,
+  Bo as useResizeWatcher,
+  So as uuid,
+  Lo as vfModalRef
 };

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.18.0",
+    "version": "4.19.0",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "exports": {
@@ -37,7 +37,7 @@
         "uuid": "^11.0.3"
     },
     "peerDependencies": {
-        "@signal24/openapi-client-codegen": "^1.1.0",
+        "@signal24/openapi-client-codegen": "^2.1.0",
         "date-fns": "^3.0.6",
         "lodash": "^4.17.21",
         "vue": "^3.4.0"
@@ -45,7 +45,7 @@
     "devDependencies": {
         "@eslint/js": "9.14.0",
         "@nabla/vite-plugin-eslint": "^2.0.4",
-        "@signal24/openapi-client-codegen": "^1.1.0",
+        "@signal24/openapi-client-codegen": "^2.1.0",
         "@tsconfig/node22": "^22.0.0",
         "@types/eslint__js": "^8.42.3",
         "@types/jsdom": "^21.1.7",

package/src/components/index.ts

@@ -5,6 +5,7 @@ import VfModal from './vf-modal.vue';
 import VfSmartSelect from './vf-smart-select.vue';
 
 export * from './alert-helpers';
+export * from './modal-helpers';
 export * from './overlay-container';
 export * from './toast-helpers';
 

package/src/components/modal-helpers.ts

@@ -0,0 +1,7 @@
+import { ref } from 'vue';
+
+import type VfModal from './vf-modal.vue';
+
+export function vfModalRef() {
+    return ref<InstanceType<typeof VfModal>>();
+}

package/src/helpers/openapi.ts

@@ -1,12 +1,20 @@
-import { installOpenApiClientInterceptors, isOpenApiError } from '@signal24/openapi-client-codegen/browser';
+import { configureOpenApiClient, type OpenApiClient, type OpenApiClientOptions, OpenApiError } from '@signal24/openapi-client-codegen/browser';
 
 import { UserError } from '.';
 
-export function installApiClientInterceptors(clientOptions: Parameters<typeof installOpenApiClientInterceptors>[0]) {
-    installOpenApiClientInterceptors({
+export function configureVfOpenApiClient(client: OpenApiClient, clientOptions: OpenApiClientOptions) {
+    configureOpenApiClient(client, {
         ...clientOptions,
+
         onError(err, options) {
-            if (isOpenApiError(err) && err.status === 422 && typeof err.body === 'object' && 'error' in err.body) {
+            if (
+                err instanceof OpenApiError &&
+                err.response.status === 422 &&
+                typeof err.body === 'object' &&
+                err.body &&
+                'error' in err.body &&
+                typeof err.body.error === 'string'
+            ) {
                 err = new UserError(err.body.error);
             }