@cronocode/react-box 3.0.14 → 3.0.15

package/components/tooltip.cjs

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

package/components/tooltip.mjs

@@ -1,63 +1,61 @@
 import { jsxs as x, Fragment as C, jsx as a } from "react/jsx-runtime";
-import { createPortal as R } from "react-dom";
+import { createPortal as v } from "react-dom";
 import u from "../box.mjs";
-import { forwardRef as g, useRef as z, useState as E, useCallback as d, useLayoutEffect as L } from "react";
-import { f as D } from "../core.mjs";
+import { forwardRef as R, useRef as z, useState as A, useCallback as f, useLayoutEffect as D } from "react";
+import { f as E } from "../core.mjs";
 const i = 2;
-function H(f, p) {
-  const { onPositionChange: l } = f, s = z(null), [t, w] = E(), m = D(), h = d(
-    (o, e) => {
-      const r = (v) => {
-        v.target.contains(o) && e(o);
-      }, n = new AbortController();
-      return document.addEventListener("scroll", r, n), () => n.abort();
+function H(d, w) {
+  const { onPositionChange: l } = d, s = z(null), [t, m] = A(), b = E(), h = f(
+    (e, o) => {
+      const n = (p) => {
+        p.target.contains(e) && o(e);
+      }, r = new AbortController();
+      return document.addEventListener("scroll", n, { signal: r.signal, capture: !0 }), () => r.abort();
     },
     [t]
-  ), b = d(
-    (o, e) => {
-      const r = (n) => {
-        e(o);
-      };
-      return window.addEventListener("resize", r, { capture: !0 }), () => {
-        window.removeEventListener("resize", r, { capture: !0 });
-      };
+  ), g = f(
+    (e, o) => {
+      const n = (p) => {
+        o(e);
+      }, r = new AbortController();
+      return window.addEventListener("resize", n, { signal: r.signal, capture: !0 }), () => r.abort();
     },
     [t]
-  ), c = 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) && (l == null || l({ top: r, left: n }), w({ top: r, left: n, width: e.width > 0 ? e.width : void 0 }));
+  ), c = f(
+    (e) => {
+      const o = e.getBoundingClientRect(), n = Math.round((o.top + window.scrollY) * i) / i, r = Math.round((o.left + window.scrollX) * i) / i;
+      ((t == null ? void 0 : t.top) !== n || (t == null ? void 0 : t.left) !== r) && (l == null || l({ top: n, left: r }), m({ top: n, left: r, width: o.width > 0 ? o.width : void 0 }));
     },
     [t]
   );
-  return L(() => {
+  return D(() => {
     if (s.current) {
       c(s.current);
-      const o = h(s.current, c), e = b(s.current, c);
+      const e = h(s.current, c), o = g(s.current, c);
       return () => {
-        o(), e();
+        e(), o();
       };
     }
   }, [t]), /* @__PURE__ */ x(C, { children: [
     /* @__PURE__ */ a(u, { ref: s }),
-    t && R(
+    t && v(
       /* @__PURE__ */ a(
         u,
         {
-          ref: p,
+          ref: w,
           position: "absolute",
           top: 0,
           left: 0,
           transition: "none",
           style: { transform: `translate(${t.left}px,${t.top}px)`, width: t.width },
-          children: /* @__PURE__ */ a(u, { position: "absolute", width: "fit", ...f })
+          children: /* @__PURE__ */ a(u, { position: "absolute", width: "fit", ...d })
         }
       ),
-      m
+      b
     )
   ] });
 }
-const M = g(H);
+const M = R(H);
 export {
   M as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cronocode/react-box",
-  "version": "3.0.14",
+  "version": "3.0.15",
   "type": "module",
   "main": "./box.cjs",
   "module": "./box.mjs",