@signal24/vue-foundation 4.13.3 → 4.13.5

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

@@ -11,7 +11,7 @@ declare function upperCase(value: null): null;
 declare function upperCase(value: string): string;
 declare function desnake(value: null): null;
 declare function desnake(value: string): string;
-declare function usCurrency(value: string | number): string;
+declare function usCurrency(value: string | number, divisor?: number): string;
 declare const FilterFns: {
     bytes: typeof bytes;
     dash: typeof dash;

package/dist/vue-foundation.es.js

@@ -1,13 +1,13 @@
 var Ve = Object.defineProperty;
 var Fe = (e, t, n) => t in e ? Ve(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var E = (e, t, n) => (Fe(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { defineComponent as C, defineProps as _e, defineEmits as Ne, ref as O, computed as _, openBlock as d, createElementBlock as u, createElementVNode as w, toDisplayString as x, withDirectives as j, createCommentVNode as b, Fragment as U, renderList as J, vModelSelect as Re, getCurrentInstance as ee, onMounted as L, normalizeClass as k, normalizeStyle as Ke, withModifiers as te, renderSlot as K, reactive as je, h as W, Teleport as Ue, markRaw as We, onBeforeUnmount as ne, resolveDirective as Oe, createBlock as be, createSlots as Pe, withCtx as Y, createTextVNode as ae, vModelText as qe, watch as ce, onActivated as ke, onDeactivated as Se } from "vue";
-import { compact as ze, debounce as Xe, isEqual as Ce, upperFirst as Ye, startCase as Ze, cloneDeep as Ge, remove as Qe } from "lodash";
+import { defineComponent as x, defineProps as _e, defineEmits as Ne, ref as O, computed as _, openBlock as d, createElementBlock as u, createElementVNode as w, toDisplayString as C, withDirectives as j, createCommentVNode as b, Fragment as U, renderList as J, vModelSelect as Re, getCurrentInstance as ee, onMounted as L, normalizeClass as k, normalizeStyle as Ke, withModifiers as te, renderSlot as K, reactive as je, h as W, Teleport as Ue, markRaw as We, onBeforeUnmount as ne, resolveDirective as Oe, createBlock as be, createSlots as Pe, withCtx as Y, createTextVNode as ae, vModelText as qe, watch as ce, onActivated as ke, onDeactivated as Se } from "vue";
+import { compact as ze, debounce as Xe, isEqual as xe, upperFirst as Ye, startCase as Ze, cloneDeep as Ge, remove as Qe } from "lodash";
 import { escapeHtml as Je } from "@vue/shared";
 import { escapeHtml as ni } from "@vue/shared";
 import { installOpenApiClientInterceptors as et, isOpenApiError as tt } from "@signal24/openapi-client-codegen/browser";
 import { format as G } from "date-fns";
-const nt = C({
+const nt = x({
   setup() {
     const e = _e();
     Ne(["update:modelValue"]);
@@ -33,7 +33,7 @@ const nt = C({
       this.options = await this.props.loadFn();
     }
   }
-}), xe = (e, t) => {
+}), Ce = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [i, s] of t)
     n[i] = s;
@@ -50,21 +50,21 @@ function lt(e, t, n, i, s, o) {
     key: 1,
     "onUpdate:modelValue": t[0] || (t[0] = (r) => e.selectedItem = r)
   }, [
-    e.props.nullText ? (d(), u("option", st, x(e.props.nullText), 1)) : b("", !0),
+    e.props.nullText ? (d(), u("option", st, C(e.props.nullText), 1)) : b("", !0),
     (d(!0), u(U, null, J(e.renderOptions, (r, l) => {
       var a;
       return d(), u("option", {
         key: l,
         value: (a = e.options) == null ? void 0 : a[l]
-      }, x(r), 9, ot);
+      }, C(r), 9, ot);
     }), 128))
   ], 512)), [
     [Re, e.selectedItem]
   ]) : (d(), u("select", it, [
-    w("option", null, x(e.props.loadingText || "Loading..."), 1)
+    w("option", null, C(e.props.loadingText || "Loading..."), 1)
   ]));
 }
-const Mn = /* @__PURE__ */ xe(nt, [["render", lt]]), rt = /* @__PURE__ */ C({
+const Mn = /* @__PURE__ */ Ce(nt, [["render", lt]]), rt = /* @__PURE__ */ x({
   __name: "overlay-anchor",
   props: {
     overlayId: {},
@@ -121,7 +121,7 @@ const Mn = /* @__PURE__ */ xe(nt, [["render", lt]]), rt = /* @__PURE__ */ C({
   }
 });
 let at = 0;
-const S = je([]), In = C({
+const S = je([]), In = x({
   setup() {
     return () => W("div", [
       J(S, (e) => W(Ue, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
@@ -278,7 +278,7 @@ const pt = ["id"], mt = {
 }, vt = { class: "vf-modal-content" }, yt = {
   key: 1,
   class: "vf-modal-footer"
-}, gt = /* @__PURE__ */ C({
+}, gt = /* @__PURE__ */ x({
   __name: "modal",
   props: {
     id: {},
@@ -352,7 +352,7 @@ const pt = ["id"], mt = {
       ], 34)
     ], 10, pt));
   }
-}), Et = ["innerHtml"], Tt = ["innerText"], X = /* @__PURE__ */ C({
+}), Et = ["innerHtml"], Tt = ["innerText"], X = /* @__PURE__ */ x({
   __name: "alert-modal",
   props: {
     isBare: { type: Boolean },
@@ -385,7 +385,7 @@ const pt = ["id"], mt = {
         i.title ? {
           name: "header",
           fn: Y(() => [
-            w("h1", null, x(i.title), 1)
+            w("h1", null, C(i.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -453,10 +453,10 @@ function St(e, t, n) {
 function Rn(e) {
   return e.replace(/\n/g, "<br>");
 }
-function Ct(e) {
+function xt(e) {
   return e.replace(/_/g, " ");
 }
-function xt(e) {
+function Ct(e) {
   const t = e.replace(/\D/g, "").replace(/^1/, "");
   return t.length != 10 ? e : "(" + t.substring(0, 3) + ") " + t.substring(3, 6) + "-" + t.substring(6);
 }
@@ -668,11 +668,11 @@ const D = Symbol("null"), he = Symbol("create"), Mt = "`1234567890-=[]\\;',./~!@
       return this.effectiveKeyExtractor ? this.effectiveKeyExtractor(this.selectedOption) : ((t = this.getOptionDescriptor(e)) == null ? void 0 : t.key) ?? "";
     },
     getOptionDescriptor(e) {
-      const t = this.effectiveOptions.find((i) => i.ref === e);
+      const t = this.effectiveOptions.find((s) => s.ref === e);
       if (t)
         return t;
-      const n = this.effectiveOptions.find((i) => Ce(i.ref, e));
-      return n || null;
+      const n = this.keyExtractor ? (s, o) => this.keyExtractor(s) === this.keyExtractor(o) : xe, i = this.effectiveOptions.find((s) => n(s.ref, e));
+      return i || null;
     },
     handleInputBlurred() {
       this.debug || (!this.searchText.length && this.nullTitle && (this.selectedOption = null, this.selectedOptionTitle = null), this.shouldDisplayOptions = !1);
@@ -778,12 +778,12 @@ function _t(e, t, n, i, s, o) {
             innerHTML: l.subtitle
           }, null, 8, Vt)) : b("", !0)
         ], 42, $t))), 128)),
-        !o.effectiveOptions.length && e.searchText ? (d(), u("div", Ft, x(o.effectiveNoResultsText), 1)) : b("", !0)
+        !o.effectiveOptions.length && e.searchText ? (d(), u("div", Ft, C(o.effectiveNoResultsText), 1)) : b("", !0)
       ], 64)) : (d(), u("div", At, "Loading..."))
     ], 512)) : b("", !0)
   ], 2);
 }
-const Nt = /* @__PURE__ */ xe(It, [["render", _t]]), jn = /* @__PURE__ */ C({
+const Nt = /* @__PURE__ */ Ce(It, [["render", _t]]), jn = /* @__PURE__ */ x({
   __name: "ez-smart-select",
   props: {
     modelValue: {},
@@ -808,7 +808,7 @@ const Nt = /* @__PURE__ */ xe(It, [["render", _t]]), jn = /* @__PURE__ */ C({
       }
     ), ce(r, (l) => {
       var a;
-      o("update:modelValue", l ? ((a = i.value.find((p) => Ce(p, l))) == null ? void 0 : a.value) ?? null : null);
+      o("update:modelValue", l ? ((a = i.value.find((p) => xe(p, l))) == null ? void 0 : a.value) ?? null : null);
     }), (l, a) => (d(), be(Nt, {
       modelValue: r.value,
       "onUpdate:modelValue": a[0] || (a[0] = (p) => r.value = p),
@@ -823,7 +823,7 @@ const Nt = /* @__PURE__ */ xe(It, [["render", _t]]), jn = /* @__PURE__ */ C({
 }, Ut = {
   key: 0,
   class: "progress-bar"
-}, Wt = /* @__PURE__ */ C({
+}, Wt = /* @__PURE__ */ x({
   __name: "toast",
   props: {
     message: {},
@@ -851,7 +851,7 @@ const Nt = /* @__PURE__ */ xe(It, [["render", _t]]), jn = /* @__PURE__ */ C({
       onClick: te(n, ["stop"])
     }, [
       w("div", Rt, [
-        w("div", Kt, x(s.message), 1),
+        w("div", Kt, C(s.message), 1),
         s.disableClose ? b("", !0) : (d(), u("div", jt, "x"))
       ]),
       s.durationSecs !== null ? (d(), u("div", Ut, [
@@ -885,7 +885,7 @@ function Xt(e) {
   return e === null || typeof e == "string" && !/^\d+$/.test(e) ? e : nn(Number(e));
 }
 function Yt(e) {
-  return e && xt(e);
+  return e && Ct(e);
 }
 function Zt(e) {
   return e ? Ye(e) : null;
@@ -897,10 +897,10 @@ function Qt(e) {
   return e ? e.toUpperCase() : null;
 }
 function Jt(e) {
-  return e ? Ct(e) : null;
+  return e ? xt(e) : null;
 }
-function en(e) {
-  return Lt(e);
+function en(e, t = 1) {
+  return Lt(e, t);
 }
 const fe = {
   bytes: Pt,
@@ -1251,7 +1251,7 @@ export {
   Bn as configureVf,
   Wn as createFilters,
   ie as createOverlayInjection,
-  Ct as desnakeCase,
+  xt as desnakeCase,
   dt as dismissOverlayInjectionById,
   Hn as dismissOverlayInjectionByInstance,
   Le as dismissOverlayInjectionByInternalInstance,
@@ -1259,7 +1259,7 @@ export {
   ni as escapeHtml,
   ut as formatError,
   nn as formatNumber,
-  xt as formatPhone,
+  Ct as formatPhone,
   Lt as formatUSCurrency,
   Fn as handleError,
   Vn as handleErrorAndAlert,

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.13.3",
+    "version": "4.13.5",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "exports": {

package/src/components/smart-select.vue

@@ -400,11 +400,14 @@ export default {
                 return matchedRef;
             }
 
-            // for reasons I've yet to determine, the prepend options, although they are wrapped by proxies and have identical content,
-            // are not the same proxy object as selectedOption once assigned -- even though the loaded data *is* the same. I've tried
-            // setting them as reactive using the same method (via data props rather than computed) and it didn't change anything.
-            // therefore, falling back to an isEqual check here when there's no equal object
-            const matchedObj = this.effectiveOptions.find(o => isEqual(o.ref, option));
+            // didn't find an object match, so we'll try a content match. a couple reasons:
+            // 1) the initial selection may have come from an owning object and the object as a whole may differ from the full content list
+            // 2) for reasons I've yet to determine, the prepend options, although they are wrapped by proxies and have identical content,
+            //    are not the same proxy object as selectedOption once assigned -- even though the loaded data *is* the same. I've tried
+            //    setting them as reactive using the same method (via data props rather than computed) and it didn't change anything.
+            //    therefore, falling back to an isEqual check here when there's no equal object
+            const matcher = this.keyExtractor ? (a: GenericObject, b: GenericObject) => this.keyExtractor!(a) === this.keyExtractor!(b) : isEqual;
+            const matchedObj = this.effectiveOptions.find(o => matcher(o.ref!, option));
             if (matchedObj) {
                 return matchedObj;
             }

package/src/filters/index.ts

@@ -53,8 +53,8 @@ function desnake(value: string | null) {
     return value ? desnakeCase(value) : null;
 }
 
-function usCurrency(value: string | number) {
-    return formatUSCurrency(value);
+function usCurrency(value: string | number, divisor = 1) {
+    return formatUSCurrency(value, divisor);
 }
 
 const FilterFns = {