@caseparts-org/caseblocks 0.0.105 → 0.0.107

package/dist/atoms/Tooltip/Tooltip.js

@@ -1,135 +1,141 @@
-import { jsxs as W, Fragment as A, jsx as S } from "react/jsx-runtime";
-import * as i from "react";
-import { c as j } from "../../clsx-OuTLNxxd.js";
-import { r as D } from "../../index-B4KbmMH3.js";
-import '../../assets/Tooltip.css';const I = "_tooltip_17o7a_1", O = "_content_17o7a_11", H = {
-  tooltip: I,
-  content: O
+import { jsxs as W, Fragment as X, jsx as O } from "react/jsx-runtime";
+import * as r from "react";
+import { c as S } from "../../clsx-OuTLNxxd.js";
+import { r as Y } from "../../index-B4KbmMH3.js";
+import '../../assets/Tooltip.css';const A = "_tooltip_17o7a_1", D = "_content_17o7a_11", j = {
+  tooltip: A,
+  content: D
 };
-function $(l) {
-  return l ? l.includes(" ") ? l : `${l} center` : "top center";
+function $(a) {
+  return a ? a.includes(" ") ? a : `${a} center` : "top center";
 }
-function q(l) {
-  const w = $(l).toLowerCase(), [s, t] = w.split(" ");
-  return { side: ["top", "right", "bottom", "left"].includes(s) ? s : "top", align: t === "left" || t === "top" ? "start" : t === "right" || t === "bottom" ? "end" : "center" };
+function q(a) {
+  const v = $(a).toLowerCase(), [s, n] = v.split(" ");
+  return { side: ["top", "right", "bottom", "left"].includes(s) ? s : "top", align: n === "left" || n === "top" ? "start" : n === "right" || n === "bottom" ? "end" : "center" };
 }
-function G(l, w, s, t, d = 0) {
-  const n = l.getBoundingClientRect(), f = w.getBoundingClientRect();
-  let a = 0, c = 0;
-  s === "top" ? a = n.top - f.height - d : s === "bottom" ? a = n.bottom + d : s === "left" ? c = n.left - f.width - d : s === "right" && (c = n.right + d), s === "top" || s === "bottom" ? t === "start" ? c = n.left : t === "end" ? c = n.right - f.width : c = n.left + n.width / 2 - f.width / 2 : t === "start" ? a = n.top : t === "end" ? a = n.bottom - f.height : a = n.top + n.height / 2 - f.height / 2;
-  const y = window.innerWidth, v = window.innerHeight;
-  return a = Math.max(4, Math.min(v - f.height - 4, a)), c = Math.max(4, Math.min(y - f.width - 4, c)), { top: a, left: c };
+function G(a, v, s, n, h = 0) {
+  const o = a.getBoundingClientRect(), d = v.getBoundingClientRect(), m = window.pageXOffset || document.documentElement.scrollLeft || 0, p = window.pageYOffset || document.documentElement.scrollTop || 0;
+  let l = 0, c = 0;
+  s === "top" ? l = p + o.top - d.height - h : s === "bottom" ? l = p + o.bottom + h : s === "left" ? c = m + o.left - d.width - h : s === "right" && (c = m + o.right + h), s === "top" || s === "bottom" ? n === "start" ? c = m + o.left : n === "end" ? c = m + o.right - d.width : c = m + o.left + o.width / 2 - d.width / 2 : n === "start" ? l = p + o.top : n === "end" ? l = p + o.bottom - d.height : l = p + o.top + o.height / 2 - d.height / 2;
+  const R = window.innerWidth, t = window.innerHeight;
+  return l = Math.max(p + 4, Math.min(p + t - d.height - 4, l)), c = Math.max(m + 4, Math.min(m + R - d.width - 4, c)), { top: l, left: c };
 }
 const U = ({
-  tooltipClassName: l,
-  contentClassName: w,
+  tooltipClassName: a,
+  contentClassName: v,
   children: s,
-  trigger: t,
-  position: d,
-  disabled: n,
-  openDelay: f = 150,
-  closeDelay: a = 100,
-  leaveGraceMs: c = 0,
-  tooltipOffset: y = 4
+  trigger: n,
+  position: h,
+  disabled: o,
+  openDelay: d = 150,
+  closeDelay: m = 100,
+  leaveGraceMs: p = 0,
+  tooltipOffset: l = 4
 }) => {
-  const { side: v, align: T } = q(d), [o, L] = i.useState(!1), [m, C] = i.useState(null), P = i.useRef(null), g = i.useRef(null), x = i.useRef(null), E = i.useRef(null), R = i.useRef(null), h = i.useRef(!1), p = (e) => {
+  const { side: c, align: R } = q(h), [t, P] = r.useState(!1), [w, z] = r.useState(null), b = r.useRef(null), C = r.useRef(null), g = r.useRef(null), L = r.useRef(null), y = r.useRef(null), E = r.useRef(!1), B = r.useId(), u = (e) => {
     e.current && (window.clearTimeout(e.current), e.current = null);
-  }, B = () => {
-    p(x), p(E), p(R);
+  }, k = () => {
+    u(g), u(L), u(y);
   };
-  i.useEffect(() => () => B(), []);
-  const k = () => {
-    n || o || (p(x), x.current = window.setTimeout(() => L(!0), f));
+  r.useEffect(() => () => k(), []);
+  const F = () => {
+    o || t || (u(g), g.current = window.setTimeout(() => P(!0), d));
+  }, H = () => {
+    const e = b.current;
+    if (e && e.matches(":hover") || E.current) {
+      T();
+      return;
+    }
+    P(!1);
+  }, T = () => {
+    t && (u(L), L.current = window.setTimeout(H, m));
   }, _ = () => {
-    o && (p(E), E.current = window.setTimeout(() => {
-      const e = P.current;
-      e && e.matches(":hover") || h.current || L(!1);
-    }, a));
-  }, z = () => {
-    if (o) {
-      if (p(R), c <= 0) {
-        _();
+    if (t) {
+      if (u(y), p <= 0) {
+        T();
         return;
       }
-      R.current = window.setTimeout(() => {
-        h.current || _();
-      }, c);
+      y.current = window.setTimeout(() => {
+        E.current || T();
+      }, p);
     }
-  }, b = (e, r) => (u) => {
-    e == null || e(u), r == null || r(u);
-  }, N = i.cloneElement(t, {
+  }, x = (e, i) => (f) => {
+    e == null || e(f), i == null || i(f);
+  }, N = r.cloneElement(n, {
     ref: (e) => {
-      const { ref: r } = t;
-      typeof r == "function" ? r(e) : r && (r.current = e), P.current = e;
+      const { ref: i } = n;
+      typeof i == "function" ? i(e) : i && (i.current = e), b.current = e;
     },
-    onPointerEnter: b(t.props.onPointerEnter, () => {
-      p(E), p(R), o || k();
+    onPointerEnter: x(n.props.onPointerEnter, () => {
+      u(L), u(y), t || F();
+    }),
+    onPointerLeave: x(n.props.onPointerLeave, () => {
+      u(g), _();
     }),
-    onPointerLeave: b(t.props.onPointerLeave, z),
-    onFocus: b(t.props.onFocus, k),
-    onBlur: b(t.props.onBlur, _),
-    "aria-describedby": o ? "tooltip-popup" : void 0,
-    style: { ...t.props.style || {}, outline: "none" }
+    onFocus: x(n.props.onFocus, F),
+    onBlur: x(n.props.onBlur, T),
+    "aria-describedby": t ? B : void 0,
+    style: { ...n.props.style || {}, outline: "none" }
   });
-  return i.useEffect(() => {
-    n && o && (B(), L(!1));
-  }, [n]), i.useEffect(() => {
-    if (!o) return;
-    const e = (r) => {
-      r.key === "Escape" && L(!1);
+  return r.useEffect(() => {
+    o && t && (k(), P(!1));
+  }, [o]), r.useEffect(() => {
+    if (!t) return;
+    const e = (i) => {
+      i.key === "Escape" && P(!1);
     };
     return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-  }, [o]), i.useLayoutEffect(() => {
-    if (!o) {
-      C(null);
+  }, [t]), r.useLayoutEffect(() => {
+    if (!t) {
+      z(null);
       return;
     }
-    const e = P.current, r = g.current;
-    if (!e || !r) return;
-    const u = () => {
-      C(G(e, r, v, T, y));
+    const e = b.current, i = C.current;
+    if (!e || !i) return;
+    const f = () => {
+      z(G(e, i, c, R, l));
     };
-    return u(), window.addEventListener("resize", u), window.addEventListener("scroll", u, !0), () => {
-      window.removeEventListener("resize", u), window.removeEventListener("scroll", u, !0);
+    return f(), window.addEventListener("resize", f), window.addEventListener("scroll", f, !0), () => {
+      window.removeEventListener("resize", f), window.removeEventListener("scroll", f, !0);
     };
-  }, [o, v, T, s, y]), i.useEffect(() => {
-    if (!o) return;
-    const e = (r) => {
-      const u = P.current, F = g.current;
-      if (!u || !F) return;
-      const M = r.target;
-      !u.contains(M) && !F.contains(M) && (h.current = !1, z());
+  }, [t, c, R, s, l]), r.useEffect(() => {
+    if (!t) return;
+    const e = (i) => {
+      const f = b.current, I = C.current;
+      if (!f || !I) return;
+      const M = i.target;
+      !f.contains(M) && !I.contains(M) && (E.current = !1, _());
     };
     return document.addEventListener("pointermove", e), () => document.removeEventListener("pointermove", e);
-  }, [o]), i.useEffect(() => {
-    o || (h.current = !1);
-  }, [o]), /* @__PURE__ */ W(A, { children: [
+  }, [t]), r.useEffect(() => {
+    t || (E.current = !1);
+  }, [t]), /* @__PURE__ */ W(X, { children: [
     N,
-    o && typeof document < "u" && D.createPortal(
-      /* @__PURE__ */ S(
+    t && typeof document < "u" && Y.createPortal(
+      /* @__PURE__ */ O(
         "div",
         {
-          id: "tooltip-popup",
-          ref: g,
+          id: B,
+          ref: C,
           role: "tooltip",
-          "aria-hidden": !o,
-          "data-side": v,
-          "data-align": T,
-          className: j(H.tooltip, l),
+          "aria-hidden": !t,
+          "data-side": c,
+          "data-align": R,
+          className: S(j.tooltip, a),
           style: {
             position: "absolute",
-            top: (m == null ? void 0 : m.top) ?? 0,
-            left: (m == null ? void 0 : m.left) ?? 0,
-            visibility: m ? "visible" : "hidden",
+            top: (w == null ? void 0 : w.top) ?? 0,
+            left: (w == null ? void 0 : w.left) ?? 0,
+            visibility: w ? "visible" : "hidden",
             zIndex: 10
           },
           onPointerEnter: () => {
-            h.current = !0, p(E), p(R);
+            E.current = !0, u(L), u(y);
           },
           onPointerLeave: () => {
-            h.current = !1, z();
+            E.current = !1, _();
           },
-          children: /* @__PURE__ */ S("div", { className: j(H.content, w), children: s })
+          children: /* @__PURE__ */ O("div", { className: S(j.content, v), children: s })
         }
       ),
       document.body

package/dist/organisms/Footer/Footer.js

@@ -66,10 +66,10 @@ function M({ homeRoute: g, isOnline: d = !0, className: c, ...f }) {
                   /* @__PURE__ */ e("br", {}),
                   /* @__PURE__ */ e(o, { size: "xs", weight: "extra-light", colorToken: "footer", children: "Weekdays | 8:00AM – 4:30PM PT" })
                 ] }),
-                position: "left",
-                openDelay: 250,
-                closeDelay: 0,
-                tooltipOffset: 0,
+                position: "left center",
+                openDelay: 200,
+                closeDelay: 50,
+                tooltipOffset: 4,
                 children: /* @__PURE__ */ r("div", { children: [
                   /* @__PURE__ */ e(o, { size: "xs", weight: "semibold", children: "Case Parts - Los Angeles" }),
                   /* @__PURE__ */ e("br", {}),
@@ -94,10 +94,10 @@ function M({ homeRoute: g, isOnline: d = !0, className: c, ...f }) {
                   /* @__PURE__ */ e("br", {}),
                   /* @__PURE__ */ e(o, { size: "xs", weight: "extra-light", colorToken: "footer", children: "Weekdays | 8:00AM – 4:30PM CDT" })
                 ] }),
-                position: "left",
-                openDelay: 250,
-                closeDelay: 0,
-                tooltipOffset: 0,
+                position: "left center",
+                openDelay: 200,
+                closeDelay: 50,
+                tooltipOffset: 4,
                 children: /* @__PURE__ */ r("div", { children: [
                   /* @__PURE__ */ e(o, { size: "xs", weight: "semibold", children: "Case Parts - St. Louis" }),
                   /* @__PURE__ */ e("br", {}),
@@ -122,10 +122,10 @@ function M({ homeRoute: g, isOnline: d = !0, className: c, ...f }) {
                   /* @__PURE__ */ e("br", {}),
                   /* @__PURE__ */ e(o, { size: "xs", weight: "extra-light", colorToken: "footer", children: "Weekdays | 8:30AM – 5:00PM PT" })
                 ] }),
-                position: "left",
-                openDelay: 250,
-                closeDelay: 0,
-                tooltipOffset: 0,
+                position: "left center",
+                openDelay: 200,
+                closeDelay: 50,
+                tooltipOffset: 4,
                 children: /* @__PURE__ */ r("div", { children: [
                   /* @__PURE__ */ e(o, { size: "xs", weight: "semibold", children: "Case Parts - Seattle" }),
                   /* @__PURE__ */ e("br", {}),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/caseblocks",
   "private": false,
-  "version": "0.0.105",
+  "version": "0.0.107",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",