@onereach/ui-components-common 20.5.0 → 20.6.0-beta.5312.0

package/dist/hooks.js

@@ -1,4 +1,4 @@
-import { a, b as u, c as t, d as o, e as r, f as i, g as l, h as m, i as n, j as b, k as d, l as v, m as T, u as f, n as g } from "./useValidationAttributes-w0RCHARs.js";
+import { a, b as u, c as t, d as o, e as r, f as i, g as l, h as m, i as n, j as b, k as d, l as v, m as T, u as f, n as g } from "./useValidationAttributes-kkhz92Hf.js";
 export {
   a as useControlAttributes,
   u as useDateFormat,

package/dist/index.js

@@ -1,6 +1,6 @@
 import { D as e, a as E } from "./dropdown-open-k6cFnrqA.js";
 import { g as _, a as R, s as T } from "./searchItemsByLabel-CPGAoUEr.js";
-import { D as r, L as A, T as C, a as O, b as i, c as D, d as l, e as S, f as m, g as N, h as n, i as X, j as u, k as P, l as g, m as L, u as M, n as I } from "./useValidationAttributes-w0RCHARs.js";
+import { D as r, L as A, T as C, a as O, b as i, c as D, d as l, e as S, f as m, g as N, h as n, i as X, j as u, k as P, l as g, m as L, u as M, n as I } from "./useValidationAttributes-kkhz92Hf.js";
 import { D as f, T as d } from "./TimeFormat-CdFMIbra.js";
 import { Spacing as H } from "./types.js";
 import { C as F, a as b, b as B, c as v, d as y, e as G, f as h, g as U, h as V, i as k, j as w, k as j, l as q, m as W, H as K, p as Y, o as z, t as Q, s as Z, r as J, q as $, n as aa, P as sa, Q as ea, R as Ea, u as ta, S as _a, T as Ra, v as Ta, W as oa, X as ra, w as Aa, x as Ca, y as Oa, V as ia, z as Da, A as la, _ as Sa, B as ma, D as Na, E as na, Y as Xa, F as ua, Z as Pa, G as ga, I as La, J as Ma, K as Ia, U as pa, L as fa, M as da, N as xa, O as Ha, $ as ca, am as Fa, a5 as ba, a4 as Ba, a2 as va, a9 as ya, a6 as Ga, a0 as ha, a3 as Ua, aa as Va, ab as ka, ac as wa, ad as ja, ae as qa, af as Wa, ag as Ka, ah as Ya, ai as za, aj as Qa, ak as Za, a7 as Ja, a8 as $a, a1 as as, al as ss } from "./extractCssVarName-FgXy_HI0.js";

package/dist/{useValidationAttributes-w0RCHARs.js → useValidationAttributes-kkhz92Hf.js}

@@ -1,6 +1,6 @@
 import { useAttrs as h, computed as u, inject as g, isRef as p, ref as c, watch as v, getCurrentInstance as M, onMounted as R } from "vue";
-import { D as x, T as b } from "./TimeFormat-CdFMIbra.js";
-import { r as C } from "./dom-DzNS5tBj.js";
+import { D as C, T as b } from "./TimeFormat-CdFMIbra.js";
+import { r as x } from "./dom-DzNS5tBj.js";
 import { g as E } from "./getPageElevations-BuZyM94T.js";
 import { useMutationObserver as $, useResizeObserver as F, refDebounced as S, useMediaQuery as P } from "@vueuse/core";
 import O from "@onereach/styles/screens.json";
@@ -13,7 +13,7 @@ const k = () => {
     disabled: u(() => e.disabled),
     "force-state": u(() => e["force-state"])
   };
-}, V = Symbol(), U = Symbol(), q = Symbol(), G = (e) => u(() => e.value ?? g(V, x.Short)), J = (e, t) => u(() => typeof e.value != "function" ? new Intl.DateTimeFormat(t.value, {
+}, V = Symbol(), U = Symbol(), q = Symbol(), G = (e) => u(() => e.value ?? g(V, C.Short)), J = (e, t) => u(() => typeof e.value != "function" ? new Intl.DateTimeFormat(t.value, {
   dateStyle: e.value,
   timeZone: "UTC"
 }).formatToParts(Date.UTC(1, 0, 1, 1, 1)).reduce((r, n) => {
@@ -37,27 +37,27 @@ const k = () => {
       return r + n.value;
   }
 }, "") : e.value(void 0, t.value)), K = (e, t) => {
-  const s = p(e) ? e : c(e), r = p(t) ? t : c();
+  const o = p(e) ? e : c(e), r = p(t) ? t : c();
   function n(a) {
     a.style.zIndex = String(Math.max(0, ...E(a)) + 1);
   }
-  v([s, r], ([a]) => {
+  v([o, r], ([a]) => {
     a && n(a);
   }, { immediate: !0 });
 }, N = () => {
   const e = h(), t = M();
   return u(() => e.id ?? (t == null ? void 0 : t.uid.toString()));
 }, X = (e) => u(() => e.value ?? g(U, navigator.language)), ee = (e, t = {}) => {
-  const { hide: s = !0, threshold: r = 0 } = t, n = p(e) ? e : c(e), a = c([]), l = c([]);
-  function o() {
+  const { hide: o = !0, threshold: r = 0 } = t, n = p(e) ? e : c(e), a = c([]), l = c([]);
+  function s() {
     const i = n.value;
     if (i) {
       const d = [...i.children].reduce(({ innerItems: m, outerItems: y }, T) => {
         const f = T, { x: D, width: I } = f.getBoundingClientRect(), { x: w, width: A } = i.getBoundingClientRect();
-        return D + I > w + A + r ? (s && f.style.setProperty("visibility", "hidden"), {
+        return D + I > w + A + r ? (o && f.style.setProperty("visibility", "hidden"), {
           innerItems: m,
           outerItems: [...y, f]
-        }) : (s && f.style.removeProperty("visibility"), {
+        }) : (o && f.style.removeProperty("visibility"), {
           innerItems: [...m, f],
           outerItems: y
         });
@@ -69,20 +69,20 @@ const k = () => {
     } else
       a.value = [], l.value = [];
   }
-  return v(n, o, {
+  return v(n, s, {
     immediate: !0
-  }), $(n, o, {
+  }), $(n, s, {
     childList: !0
-  }), F(n, () => C(o)), {
+  }), F(n, () => x(s)), {
     innerItems: a,
     outerItems: l
   };
-}, te = (e, t, s = {}) => {
+}, te = (e, t, o = {}) => {
   const r = c(e.value ? "open" : "closed");
   v(e, (i) => {
     r.value = i ? "open" : "closed";
   });
-  const n = S(r, s.debounce ?? 0);
+  const n = S(r, o.debounce ?? 0);
   v(n, (i) => {
     switch (t("update:state", i), i) {
       case "open":
@@ -94,23 +94,23 @@ const k = () => {
     }
   });
   function a() {
-    r.value = "open";
+    console.log("Change state to open!"), r.value = "open";
   }
   function l() {
     r.value = "closed";
   }
-  function o() {
+  function s() {
     r.value = r.value === "open" ? "closed" : "open";
   }
   return {
     state: n,
     open: a,
     close: l,
-    toggle: o
+    toggle: s
   };
 };
-function re(e, t, s = {}) {
-  const { defaultValue: r } = s;
+function re(e, t, o = {}) {
+  const { defaultValue: r } = o;
   return r ? u({
     get: () => e.value ?? r.value,
     set: (n) => {
@@ -124,29 +124,29 @@ function re(e, t, s = {}) {
   });
 }
 function ne(e) {
-  const t = M(), s = c();
-  e ? v(e, (o) => {
-    s.value = o;
+  const t = M(), o = c();
+  e ? v(e, (s) => {
+    o.value = s;
   }) : R(() => {
     if (t) {
-      const o = t.vnode[Y ? "el" : "elm"];
-      o instanceof Element && (s.value = o);
+      const s = t.vnode[Y ? "el" : "elm"];
+      s instanceof Element && (o.value = s);
     }
   });
-  const r = u(() => l(s.value) || a.value), n = u(() => !r.value), a = P(`(min-width: ${O.md})`);
-  function l(o) {
+  const r = u(() => l(o.value) || a.value), n = u(() => !r.value), a = P(`(min-width: ${O.md})`);
+  function l(s) {
     var d;
-    if (!o)
+    if (!s)
       return !1;
-    const i = (d = o.getAttribute("force-screen")) == null ? void 0 : d.split(/\s+/);
-    return i != null && i.some((m) => ["md", "lg", "xl"].includes(m)) ? !0 : l(o.parentElement ?? void 0);
+    const i = (d = s.getAttribute("force-screen")) == null ? void 0 : d.split(/\s+/);
+    return i != null && i.some((m) => ["md", "lg", "xl"].includes(m)) ? !0 : l(s.parentElement ?? void 0);
   }
   return {
     isDesktop: r,
     isMobile: n
   };
 }
-const ue = () => L.theme, se = (e) => u(() => e.value ?? g(q, b.Auto)), oe = (e, t) => u(() => typeof e.value != "function" ? new Intl.DateTimeFormat(t.value, {
+const ue = () => L.theme, oe = (e) => u(() => e.value ?? g(q, b.Auto)), se = (e, t) => u(() => typeof e.value != "function" ? new Intl.DateTimeFormat(t.value, {
   timeStyle: "short",
   hourCycle: e.value !== b.Auto ? e.value : void 0,
   timeZone: "UTC"
@@ -164,7 +164,7 @@ const ue = () => L.theme, se = (e) => u(() => e.value ?? g(q, b.Auto)), oe = (e,
 }, "") : e.value(void 0, t.value));
 function ae(e = !1) {
   const t = c(e);
-  function s() {
+  function o() {
     t.value = !0;
   }
   function r() {
@@ -175,7 +175,7 @@ function ae(e = !1) {
   }
   return {
     isActiveToggle: t,
-    show: s,
+    show: o,
     hide: r,
     toggle: n
   };
@@ -207,8 +207,8 @@ export {
   re as i,
   ne as j,
   ue as k,
-  se as l,
-  oe as m,
+  oe as l,
+  se as m,
   ie as n,
   ae as u
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components-common",
-  "version": "20.5.0",
+  "version": "20.6.0-beta.5312.0",
   "type": "module",
   "exports": {
     ".": {
@@ -59,7 +59,7 @@
     "prepare": "pnpm build"
   },
   "dependencies": {
-    "@onereach/styles": "^20.5.0",
+    "@onereach/styles": "^20.6.0-beta.5312.0",
     "@vueuse/core": "9.13.0",
     "lodash": "^4.17.21"
   },
@@ -72,5 +72,5 @@
   "peerDependencies": {
     "vue": "3.3.4 || 2.6.14"
   },
-  "gitHead": "133b4d56fdf3542c0eca19ffff605f0a0fc41986"
+  "npmUnpacked": "20.1.2"
 }

package/src/hooks/usePopoverState.ts

@@ -46,6 +46,7 @@ export const usePopoverState = (
 
   // Methods
   function open(): void {
+    console.log('Change state to open!');
     state.value = 'open';
   }