@cronocode/react-box 1.3.2 → 1.3.3

package/components/dataGrid.d.ts

@@ -1,8 +1,6 @@
-export interface GridCell<T> {
-    key: keyof T;
-    value: React.ReactNode;
-}
-export interface GridColumn<T extends {}> {
+import { Grid } from './dataGridContract';
+export default function useGrid<T extends {}>(data?: T[]): Grid<T>;
+tends {}> {
     key: keyof T;
 }
 export interface GridRow<T extends {}> {

package/components/tooltip.d.ts

@@ -3,6 +3,10 @@ import { BoxPosition } from '../types';
 interface Props extends BoxPosition {
     children: React.ReactNode;
     style?: React.ComponentProps<'div'>['style'];
+    onPositionChange?(position: {
+        top: number;
+        left: number;
+    }): void;
 }
 export default function Tooltip(props: Props): JSX.Element;
 export {};

package/components/tooltip.mjs

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

package/package.json

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