react-panel-layout 0.6.0 → 0.6.1

package/dist/{GridLayout-BltqeCPK.js → GridLayout-UWNxXw77.js}

@@ -1,13 +1,12 @@
 import { jsx as w, Fragment as Z, jsxs as K } from "react/jsx-runtime";
 import * as d from "react";
-import { e as zt, F as Tt, u as wt, L as Mt, P as Pt, f as xt, G as kt, b as Ht } from "./FloatingWindow-BpdOpg_L.js";
-import { G as $, z as L, A as j } from "./styles-DPPuJ0sf.js";
-import { u as Nt } from "./SwipePivotTabBar-BGO9X94m.js";
-import { R as At } from "./ResizeHandle-CdA_JYfN.js";
+import { e as zt, F as Tt, u as wt, L as Mt, P as Pt, f as xt, G as kt, b as Ht } from "./FloatingWindow-CUXnEtrb.js";
+import { G as $, v as L, w as j } from "./styles-NkjuMOVS.js";
+import { u as Nt } from "./SwipePivotTabBar-DWrCuwEI.js";
+import { R as Dt } from "./ResizeHandle-CXjc1meV.js";
 import { u as St } from "./useIsomorphicLayoutEffect-DhmEnmZ_.js";
-import { a as st } from "./useDocumentPointerEvents-CKdhGXd0.js";
-import { u as it } from "./useEffectEvent-Dp7HLCf0.js";
-const Dt = () => {
+import { u as st, b as it } from "./useDocumentPointerEvents-DXxw3qWj.js";
+const Gt = () => {
   const t = /* @__PURE__ */ new Map();
   return (e) => {
     if (!e)
@@ -18,8 +17,8 @@ const Dt = () => {
     const r = t.size;
     return t.set(e, r), r;
   };
-}, Gt = Dt(), V = /* @__PURE__ */ new Map(), $t = (t) => {
-  const e = `ovs-threshold:${t.threshold}-rootMargin:${t.rootMargin}-root:${Gt(t.root)}`;
+}, At = Gt(), V = /* @__PURE__ */ new Map(), $t = (t) => {
+  const e = `ovs-threshold:${t.threshold}-rootMargin:${t.rootMargin}-root:${At(t.root)}`;
   if (V.has(e))
     return V.get(e);
   const n = new class {
@@ -267,7 +266,7 @@ const Ut = ({ layers: t }) => {
       ...n === "start" ? { top: -g } : { bottom: -g }
     };
   }, [n, t, r]);
-  return /* @__PURE__ */ w("div", { "data-resizable": "true", style: { ...u, position: "relative", pointerEvents: "none" }, children: /* @__PURE__ */ w("div", { "data-direction": a, "data-align": n, "data-handle": "true", style: p, children: /* @__PURE__ */ w(At, { direction: a, onResize: l }) }) });
+  return /* @__PURE__ */ w("div", { "data-resizable": "true", style: { ...u, position: "relative", pointerEvents: "none" }, children: /* @__PURE__ */ w("div", { "data-direction": a, "data-align": n, "data-handle": "true", style: p, children: /* @__PURE__ */ w(Dt, { direction: a, onResize: l }) }) });
 }, Zt = (t) => {
   const e = /* @__PURE__ */ new Map();
   t.forEach((r, o) => {
@@ -355,7 +354,7 @@ const Ut = ({ layers: t }) => {
     return [];
   const n = getComputedStyle(t);
   return (e === "col" ? n.gridTemplateColumns : n.gridTemplateRows).split(/\s+/).map((o) => parseFloat(o)).filter((o) => !Number.isNaN(o));
-}, yt = (t, e = Number.NEGATIVE_INFINITY, n = Number.POSITIVE_INFINITY) => Math.min(Math.max(t, e), n), Ve = (t, e) => typeof t != "number" || !Number.isFinite(t) ? e : t, _ = (t, e) => `${t}-${e}`, ee = (t, e, n, r) => {
+}, yt = (t, e = Number.NEGATIVE_INFINITY, n = Number.POSITIVE_INFINITY) => Math.min(Math.max(t, e), n), je = (t, e) => typeof t != "number" || !Number.isFinite(t) ? e : t, _ = (t, e) => `${t}-${e}`, ee = (t, e, n, r) => {
   const o = _(n, r), s = e[o];
   return s !== void 0 ? `minmax(${t.minSize ?? 0}px, ${s}px)` : t.size;
 }, ut = (t, e, n) => t.map((r, o) => ee(r, e, n, o)).join(" "), F = (t, e) => t.reduce((n, r, o) => (r.resizable && r.size.endsWith("px") && (n[_(e, o)] = parseInt(r.size, 10)), n), {}), ne = ({
@@ -492,9 +491,9 @@ const Ut = ({ layers: t }) => {
         containerRef: n,
         gapSizes: a
       }), x = _(g, b);
-      o((A) => {
+      o((D) => {
         const y = M + v, I = se(y, R.minSize, P);
-        return { ...A, [x]: I };
+        return { ...D, [x]: I };
       });
     },
     [t.columns, t.rows, r, n, a]
@@ -610,9 +609,9 @@ const Ut = ({ layers: t }) => {
   layerById: e,
   isRootLevel: n
 }) => {
-  const [r, o] = d.useState(null), [s, a] = d.useState(null), [l, u] = d.useState({}), [p, f] = d.useState({}), g = d.useRef(null), b = d.useRef(null), v = it((c, i) => {
+  const [r, o] = d.useState(null), [s, a] = d.useState(null), [l, u] = d.useState({}), [p, f] = d.useState({}), g = d.useRef(null), b = d.useRef(null), v = st((c, i) => {
     e.get(c)?.floating?.onMove?.(i);
-  }), E = it((c, i) => {
+  }), E = st((c, i) => {
     e.get(c)?.floating?.onResize?.(i);
   });
   St(() => {
@@ -704,7 +703,7 @@ const Ut = ({ layers: t }) => {
       }, a(c);
     },
     [e, l, p]
-  ), A = d.useCallback(
+  ), D = d.useCallback(
     (c) => {
       const i = g.current;
       if (!i)
@@ -724,22 +723,22 @@ const Ut = ({ layers: t }) => {
       const i = b.current;
       if (!i || i.pointerId !== c.pointerId || !e.get(i.layerId))
         return;
-      const m = c.clientX - i.startX, z = c.clientY - i.startY, C = Ee(i.horizontalEdge, i.startWidth, m), S = ye(i.verticalEdge, i.startHeight, z), T = ft(C, i.minWidth, i.maxWidth), k = ft(S, i.minHeight, i.maxHeight), D = i.startWidth - T, B = i.startHeight - k, nt = Ie(
+      const m = c.clientX - i.startX, z = c.clientY - i.startY, C = Ee(i.horizontalEdge, i.startWidth, m), S = ye(i.verticalEdge, i.startHeight, z), T = ft(C, i.minWidth, i.maxWidth), k = ft(S, i.minHeight, i.maxHeight), G = i.startWidth - T, B = i.startHeight - k, nt = Ie(
         i.horizontalEdge,
         i.startPosition.x,
-        D
+        G
       ), Lt = Le(i.verticalEdge, i.startPosition.y, B), W = p[i.layerId], rt = { width: T, height: k };
       (!W || W.width !== T || W.height !== k) && (f((X) => ({
         ...X,
         [i.layerId]: rt
       })), E(i.layerId, rt));
-      const ot = l[i.layerId] ?? { x: 0, y: 0 }, G = { x: nt, y: Lt };
-      (ot.x !== G.x || ot.y !== G.y) && (u((X) => ({
+      const ot = l[i.layerId] ?? { x: 0, y: 0 }, A = { x: nt, y: Lt };
+      (ot.x !== A.x || ot.y !== A.y) && (u((X) => ({
         ...X,
-        [i.layerId]: G
+        [i.layerId]: A
       })), v(i.layerId, {
-        left: i.baseLeft + G.x,
-        top: i.baseTop + G.y
+        left: i.baseLeft + A.x,
+        top: i.baseTop + A.y
       }));
     },
     [e, l, p, v, E]
@@ -766,11 +765,11 @@ const Ut = ({ layers: t }) => {
     }
     a(null);
   }, []);
-  st(r !== null, {
-    onMove: A,
+  it(r !== null, {
+    onMove: D,
     onUp: I,
     onCancel: I
-  }), st(s !== null, {
+  }), it(s !== null, {
     onMove: y,
     onUp: N,
     onCancel: N
@@ -780,7 +779,7 @@ const Ut = ({ layers: t }) => {
       const i = ve(c), h = H(c);
       if (!h || h.draggable !== !0)
         return i;
-      const m = l[c.id], z = r === c.id, C = s === c.id, S = m ? { transform: `translate(${m.x}px, ${m.y}px)` } : {}, T = p[c.id], k = O(c) ? Y(c) : null, D = T ?? k, B = D ? { width: `${D.width}px`, height: `${D.height}px` } : {};
+      const m = l[c.id], z = r === c.id, C = s === c.id, S = m ? { transform: `translate(${m.x}px, ${m.y}px)` } : {}, T = p[c.id], k = O(c) ? Y(c) : null, G = T ?? k, B = G ? { width: `${G.width}px`, height: `${G.height}px` } : {};
       return {
         ...i,
         ...B,
@@ -860,15 +859,15 @@ const Ut = ({ layers: t }) => {
   overflow: "visible",
   height: "auto",
   minHeight: "100%"
-}, Ne = (t) => t ? He : It, Ke = ({ config: t, layers: e, style: n, root: r = !1 }) => {
+}, Ne = (t) => t ? He : It, Ve = ({ config: t, layers: e, style: n, root: r = !1 }) => {
   const o = d.useRef(null), { isIntersecting: s } = Ft(o, { threshold: 0 });
-  return /* @__PURE__ */ w(xt, { config: t, layers: e, style: n, children: /* @__PURE__ */ w(Ae, { gridRef: o, isIntersecting: s, isRoot: r }) });
-}, Ae = ({ gridRef: t, isIntersecting: e, isRoot: n }) => {
+  return /* @__PURE__ */ w(xt, { config: t, layers: e, style: n, children: /* @__PURE__ */ w(De, { gridRef: o, isIntersecting: s, isRoot: r }) });
+}, De = ({ gridRef: t, isIntersecting: e, isRoot: n }) => {
   const { config: r, style: o, layers: s } = zt(), { normalizedLayers: a, visibleLayers: l, regularLayers: u, layerById: p } = Jt(r, s.defs), { columnHandles: f, rowHandles: g, gapSizes: b, gridStyle: v, handleResize: E } = ue(r, o, t), { providerValue: R, draggingLayerId: M, resizingLayerId: P } = Pe({
     layers: a,
     layerById: p,
     isRootLevel: n
-  }), x = M ? !0 : !!P, A = d.useMemo(() => ({
+  }), x = M ? !0 : !!P, D = d.useMemo(() => ({
     ...Ne(n),
     ...v,
     ...x ? ke : {}
@@ -878,7 +877,7 @@ const Ut = ({ layers: t }) => {
       "div",
       {
         ref: t,
-        style: A,
+        style: D,
         "data-dragging": !!M,
         "data-resizing": !!P,
         "data-visible": e,
@@ -915,13 +914,13 @@ const Ut = ({ layers: t }) => {
   ] });
 };
 export {
-  Ke as G,
+  Ve as G,
   Ut as a,
   Xt as b,
   lt as c,
   ue as d,
   yt as e,
-  Ve as t,
+  je as t,
   Jt as u
 };
-//# sourceMappingURL=GridLayout-BltqeCPK.js.map
+//# sourceMappingURL=GridLayout-UWNxXw77.js.map