@caseparts-org/caseblocks 0.0.105 → 0.0.106

package/dist/atoms/Tooltip/Tooltip.js

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

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.106",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",