@cronocode/react-box 1.4.7 → 1.5.1

package/components/tooltip.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),v=require("react-dom"),d=require("../box.cjs"),s=require("react"),h=require("../utils/utils.cjs");require("../box.module.css.cjs");require("../theme.cjs");const u=2;function x(f){const{onPositionChange:l}=f,i=s.useRef(null),[e,p]=s.useState(),w=h.usePortalContainer(),b=s.useCallback((n,t)=>{const r=o=>{o.target.contains(n)&&t(n)};return document.addEventListener("scroll",r,{capture:!0}),()=>{document.removeEventListener("scroll",r,{capture:!0})}},[]),m=s.useCallback((n,t)=>{const r=o=>{t(n)};return window.addEventListener("resize",r,{capture:!0}),()=>{window.removeEventListener("resize",r,{capture:!0})}},[]),a=s.useCallback(n=>{const t=n.getBoundingClientRect(),r=Math.round((t.top+window.scrollY)*u)/u,o=Math.round((t.left+window.scrollX)*u)/u;((e==null?void 0:e.top)!==r||(e==null?void 0:e.left)!==o)&&(l==null||l({top:r,left:o}),p({top:r,left:o,width:t.width>0?t.width:void 0}))},[]);return s.useLayoutEffect(()=>{if(i.current){a(i.current);const n=b(i.current,a),t=m(i.current,a);return()=>{n(),t()}}},[]),c.jsxs(c.Fragment,{children:[c.jsx(d.default,{ref:i}),e&&v.createPortal(c.jsx(d.default,{position:"absolute",top:0,left:0,style:{transform:`translate(${e.left}px,${e.top}px)`,width:e.width},children:c.jsx(d.default,{position:"absolute",width:"fit",...f})}),w)]})}exports.default=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),v=require("react-dom"),d=require("../box.cjs"),s=require("react"),h=require("../utils/utils.cjs");require("../box.module.css.cjs");require("../theme.cjs");const u=2;function x(f){const{onPositionChange:l}=f,i=s.useRef(null),[e,p]=s.useState(),w=h.usePortalContainer(),b=s.useCallback((n,t)=>{const r=o=>{o.target.contains(n)&&t(n)};return document.addEventListener("scroll",r,{capture:!0}),()=>{document.removeEventListener("scroll",r,{capture:!0})}},[e]),m=s.useCallback((n,t)=>{const r=o=>{t(n)};return window.addEventListener("resize",r,{capture:!0}),()=>{window.removeEventListener("resize",r,{capture:!0})}},[e]),a=s.useCallback(n=>{const t=n.getBoundingClientRect(),r=Math.round((t.top+window.scrollY)*u)/u,o=Math.round((t.left+window.scrollX)*u)/u;((e==null?void 0:e.top)!==r||(e==null?void 0:e.left)!==o)&&(l==null||l({top:r,left:o}),p({top:r,left:o,width:t.width>0?t.width:void 0}))},[e]);return s.useLayoutEffect(()=>{if(i.current){a(i.current);const n=b(i.current,a),t=m(i.current,a);return()=>{n(),t()}}},[e]),c.jsxs(c.Fragment,{children:[c.jsx(d.default,{ref:i}),e&&v.createPortal(c.jsx(d.default,{position:"absolute",top:0,left:0,transition:"none",style:{transform:`translate(${e.left}px,${e.top}px)`,width:e.width},children:c.jsx(d.default,{position:"absolute",width:"fit",...f})}),w)]})}exports.default=x;

package/components/tooltip.mjs

@@ -1,30 +1,39 @@
-import { jsxs as v, Fragment as x, jsx as u } from "react/jsx-runtime";
+import { jsxs as v, Fragment as x, jsx as a } from "react/jsx-runtime";
 import { createPortal as b } from "react-dom";
-import a from "../box.mjs";
+import u from "../box.mjs";
 import { useRef as E, useState as L, useCallback as d, useLayoutEffect as g } from "react";
 import { u as z } from "../utils/utils.mjs";
 import "../box.module.css.mjs";
 import "../theme.mjs";
 const i = 2;
 function M(f) {
-  const { onPositionChange: c } = f, s = E(null), [t, p] = L(), m = z(), w = d((o, e) => {
-    const r = (n) => {
-      n.target.contains(o) && e(o);
-    };
-    return document.addEventListener("scroll", r, { capture: !0 }), () => {
-      document.removeEventListener("scroll", r, { capture: !0 });
-    };
-  }, []), h = d((o, e) => {
-    const r = (n) => {
-      e(o);
-    };
-    return window.addEventListener("resize", r, { capture: !0 }), () => {
-      window.removeEventListener("resize", r, { capture: !0 });
-    };
-  }, []), l = d((o) => {
-    const e = o.getBoundingClientRect(), r = Math.round((e.top + window.scrollY) * i) / i, n = Math.round((e.left + window.scrollX) * i) / i;
-    ((t == null ? void 0 : t.top) !== r || (t == null ? void 0 : t.left) !== n) && (c == null || c({ top: r, left: n }), p({ top: r, left: n, width: e.width > 0 ? e.width : void 0 }));
-  }, []);
+  const { onPositionChange: c } = f, s = E(null), [t, p] = L(), m = z(), w = d(
+    (o, e) => {
+      const r = (n) => {
+        n.target.contains(o) && e(o);
+      };
+      return document.addEventListener("scroll", r, { capture: !0 }), () => {
+        document.removeEventListener("scroll", r, { capture: !0 });
+      };
+    },
+    [t]
+  ), h = d(
+    (o, e) => {
+      const r = (n) => {
+        e(o);
+      };
+      return window.addEventListener("resize", r, { capture: !0 }), () => {
+        window.removeEventListener("resize", r, { capture: !0 });
+      };
+    },
+    [t]
+  ), l = d(
+    (o) => {
+      const e = o.getBoundingClientRect(), r = Math.round((e.top + window.scrollY) * i) / i, n = Math.round((e.left + window.scrollX) * i) / i;
+      ((t == null ? void 0 : t.top) !== r || (t == null ? void 0 : t.left) !== n) && (c == null || c({ top: r, left: n }), p({ top: r, left: n, width: e.width > 0 ? e.width : void 0 }));
+    },
+    [t]
+  );
   return g(() => {
     if (s.current) {
       l(s.current);
@@ -33,17 +42,18 @@ function M(f) {
         o(), e();
       };
     }
-  }, []), /* @__PURE__ */ v(x, { children: [
-    /* @__PURE__ */ u(a, { ref: s }),
+  }, [t]), /* @__PURE__ */ v(x, { children: [
+    /* @__PURE__ */ a(u, { ref: s }),
     t && b(
-      /* @__PURE__ */ u(
-        a,
+      /* @__PURE__ */ a(
+        u,
         {
           position: "absolute",
           top: 0,
           left: 0,
+          transition: "none",
           style: { transform: `translate(${t.left}px,${t.top}px)`, width: t.width },
-          children: /* @__PURE__ */ u(a, { position: "absolute", width: "fit", ...f })
+          children: /* @__PURE__ */ a(u, { position: "absolute", width: "fit", ...f })
         }
       ),
       m

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cronocode/react-box",
-  "version": "1.4.7",
+  "version": "1.5.1",
   "main": "./box.cjs",
   "module": "./box.mjs",
   "types": "./box.d.ts",