react-resizable-panels 4.0.14 → 4.0.15

package/dist/react-resizable-panels.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as K } from "react/jsx-runtime";
-import { useId as Ke, useLayoutEffect as Xe, useEffect as Re, useRef as D, useCallback as qe, createContext as Ye, useImperativeHandle as Ee, useState as k, useMemo as ie, useSyncExternalStore as Ze, useContext as Je } from "react";
+import { useId as Ke, useLayoutEffect as Xe, useEffect as Re, useRef as D, useCallback as qe, createContext as Ye, useImperativeHandle as Ee, useState as I, useMemo as ie, useSyncExternalStore as Ze, useContext as Je } from "react";
 function z(e, t = "Assertion error") {
   if (!e)
     throw Error(t);
@@ -27,7 +27,7 @@ function et(e, t) {
 function Me(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.ELEMENT_NODE;
 }
-function ke(e, t) {
+function Ie(e, t) {
   return {
     x: e.x >= t.left && e.x <= t.right ? 0 : Math.min(
       Math.abs(e.x - t.left),
@@ -50,12 +50,12 @@ function tt({
   };
   let i, s = Number.MAX_VALUE;
   for (const l of t) {
-    const { x: r, y: a } = ke(o, l), u = e === "horizontal" ? r : a;
+    const { x: r, y: a } = Ie(o, l), u = e === "horizontal" ? r : a;
     u < s && (s = u, i = l);
   }
   return z(i, "No rect found"), i;
 }
-function Ie(e) {
+function ke(e) {
   const { element: t, orientation: n, panels: o, separators: i } = e, s = se(
     n,
     Array.from(t.children).filter(Me).map((f) => ({ element: f }))
@@ -195,7 +195,7 @@ function te({
   }
   return o;
 }
-function I(e) {
+function k(e) {
   return parseFloat(e.toFixed(3));
 }
 function me(e) {
@@ -216,7 +216,7 @@ function me(e) {
         panelElement: i,
         styleProp: s.collapsedSize
       });
-      l = I(f / n * 100);
+      l = k(f / n * 100);
     }
     let r;
     if (s.defaultSize) {
@@ -225,7 +225,7 @@ function me(e) {
         panelElement: i,
         styleProp: s.defaultSize
       });
-      r = I(f / n * 100);
+      r = k(f / n * 100);
     }
     let a = 0;
     if (s.minSize) {
@@ -234,7 +234,7 @@ function me(e) {
         panelElement: i,
         styleProp: s.minSize
       });
-      a = I(f / n * 100);
+      a = k(f / n * 100);
     }
     let u = 100;
     if (s.maxSize) {
@@ -243,7 +243,7 @@ function me(e) {
         panelElement: i,
         styleProp: s.maxSize
       });
-      u = I(f / n * 100);
+      u = k(f / n * 100);
     }
     return {
       collapsedSize: l,
@@ -295,7 +295,7 @@ class at {
   }
 }
 function C(e, t, n = 0) {
-  return Math.abs(I(e) - I(t)) <= n;
+  return Math.abs(k(e) - k(t)) <= n;
 }
 let R = {
   cursorFlags: 0,
@@ -361,7 +361,7 @@ function B({
       X(t, l) < 0 ? t = n : t = s;
     } else
       t = s;
-  return t = Math.min(i, t), t = I(t), t;
+  return t = Math.min(i, t), t = k(t), t;
 }
 function q({
   delta: e,
@@ -699,7 +699,7 @@ function ct(e, t, n) {
     y: 1 / 0
   };
   for (const s of t) {
-    const l = ke(n, s.rect);
+    const l = Ie(n, s.rect);
     switch (e) {
       case "horizontal": {
         l.x <= i.x && (o = s, i = l);
@@ -811,7 +811,7 @@ function $e(e, t) {
   return t.forEach((o, i) => {
     if (i.disabled)
       return;
-    const s = ft() ? ge.coarse : ge.precise, l = Ie(i), r = ct(i.orientation, l, {
+    const s = ft() ? ge.coarse : ge.precise, l = ke(i), r = ct(i.orientation, l, {
       x: e.clientX,
       y: e.clientY
     });
@@ -1050,13 +1050,13 @@ function Ce(e) {
   for (const s of e)
     if (s.defaultSize !== void 0) {
       t++;
-      const l = I(s.defaultSize);
+      const l = k(s.defaultSize);
       n += l, o[s.panelId] = l;
     } else
       o[s.panelId] = void 0;
   const i = e.length - t;
   if (i !== 0) {
-    const s = I((100 - n) / i);
+    const s = k((100 - n) / i);
     for (const l of e)
       l.defaultSize === void 0 && (o[l.panelId] = s);
   }
@@ -1072,7 +1072,7 @@ function xt(e, t, n) {
   const s = W({ group: e });
   i.onResize(
     {
-      asPercentage: I(
+      asPercentage: k(
         o.inlineSize / s * 100
       ),
       inPixels: o.inlineSize
@@ -1088,8 +1088,17 @@ function zt(e, t) {
       return !1;
   return !0;
 }
+function bt(e, t) {
+  const n = e.map((i) => i.id), o = Object.keys(t);
+  if (n.length !== o.length)
+    return !1;
+  for (const i of n)
+    if (!o.includes(i))
+      return !1;
+  return !0;
+}
 const j = /* @__PURE__ */ new Map();
-function bt(e) {
+function wt(e) {
   let t = !0;
   z(
     e.element.ownerDocument.defaultView,
@@ -1136,11 +1145,11 @@ function bt(e) {
   });
   const l = W({ group: e }), r = me(e), a = e.panels.map(({ id: c }) => c).join(",");
   let u = e.defaultLayout;
-  u && e.panels.length !== Object.keys(u).length && (u = void 0);
+  u && (bt(e.panels, u) || (u = void 0));
   const f = e.inMemoryLayouts[a] ?? u ?? Ce(r), p = _({
     layout: f,
     panelConstraints: r
-  }), m = Ie(e), h = e.element.ownerDocument;
+  }), m = ke(e), h = e.element.ownerDocument;
   return E((c) => {
     const d = /* @__PURE__ */ new Map();
     return j.set(
@@ -1201,7 +1210,7 @@ function ce(...e) {
     });
   });
 }
-function wt(e) {
+function Lt(e) {
   const t = D({ ...e });
   return N(() => {
     for (const n in e)
@@ -1214,7 +1223,7 @@ function je(e, t) {
   return `--react-resizable-panels--${n}--${o}`;
 }
 const Be = Ye(null);
-function Lt(e, t) {
+function Pt(e, t) {
   const n = D({
     getLayout: () => ({}),
     setLayout: ut
@@ -1226,7 +1235,7 @@ function Lt(e, t) {
     );
   });
 }
-function Ot({
+function Tt({
   children: e,
   className: t,
   defaultLayout: n,
@@ -1242,11 +1251,11 @@ function Ot({
 }) {
   const m = D({}), h = ue((b) => {
     V(m.current, b) || (m.current = b, a?.(b));
-  }), c = le(r), [d, y] = k(!1), [v, S] = k(null), [x, g] = k(n ?? {}), [w, L] = k([]), [P, Y] = k([]), Z = D({
+  }), c = le(r), [d, y] = I(!1), [v, S] = I(null), [x, g] = I(n ?? {}), [w, L] = I([]), [P, Y] = I([]), Z = D({
     lastExpandedPanelSizes: {},
     layouts: {}
   }), J = ce(S, s);
-  Lt(c, l);
+  Pt(c, l);
   const Q = ie(
     () => ({
       id: c,
@@ -1263,7 +1272,7 @@ function Ot({
       })
     }),
     [c, u]
-  ), A = wt({
+  ), A = Lt({
     defaultLayout: n,
     disableCursor: o
   }), U = D(null);
@@ -1283,7 +1292,7 @@ function Ot({
       separators: P
     };
     U.current = b;
-    const M = bt(b), pe = G().mountedGroups.get(b);
+    const M = wt(b), pe = G().mountedGroups.get(b);
     if (pe) {
       const { defaultLayoutDeferred: F, derivedPanelConstraints: H, layout: ee } = pe;
       !F && H.length > 0 && (g(ee), h?.(ee));
@@ -1362,7 +1371,7 @@ function Ot({
     }
   ) });
 }
-function Pt(e, t = 10) {
+function Ct(e, t = 10) {
   let n = null;
   return (o) => {
     n !== null && clearTimeout(n), n = setTimeout(() => {
@@ -1370,16 +1379,16 @@ function Pt(e, t = 10) {
     }, t);
   };
 }
-function Ct(e) {
+function Rt(e) {
   return `react-resizable-panels:${e}`;
 }
-function Tt({
+function _t({
   debounceSaveMs: e = 100,
   storage: t,
   ...n
 }) {
-  const o = "id" in n ? n.id : n.groupId, i = Ct(o), s = Ze(
-    Rt,
+  const o = "id" in n ? n.id : n.groupId, i = Rt(o), s = Ze(
+    Et,
     () => t.getItem(i),
     () => t.getItem(i)
   ), l = ie(
@@ -1393,21 +1402,21 @@ function Tt({
         console.error(f);
       }
     };
-    return e > 0 ? Pt(a, e) : a;
+    return e > 0 ? Ct(a, e) : a;
   }, [e, t, i]);
   return {
     defaultLayout: l,
     onLayoutChange: r
   };
 }
-function Rt() {
+function Et() {
   return function() {
   };
 }
-function _t() {
-  return k(null);
-}
 function Nt() {
+  return I(null);
+}
+function At() {
   return D(null);
 }
 function fe() {
@@ -1417,7 +1426,7 @@ function fe() {
     "Group Context not found; did you render a Panel or Separator outside of a Group?"
   ), e;
 }
-function Et({
+function Mt({
   groupId: e,
   panelId: t
 }) {
@@ -1514,7 +1523,7 @@ function Et({
         switch (typeof r) {
           case "number": {
             const { group: f } = n(), p = W({ group: f });
-            u = I(r / p * 100);
+            u = k(r / p * 100);
             break;
           }
           case "string": {
@@ -1527,7 +1536,7 @@ function Et({
     }
   };
 }
-function Mt(e, t) {
+function It(e, t) {
   const { id: n } = fe(), o = D({
     collapse: re,
     expand: re,
@@ -1541,11 +1550,11 @@ function Mt(e, t) {
   Ee(t, () => o.current, []), N(() => {
     Object.assign(
       o.current,
-      Et({ groupId: n, panelId: e })
+      Mt({ groupId: n, panelId: e })
     );
   });
 }
-function At({
+function $t({
   children: e,
   className: t,
   collapsedSize: n = "0%",
@@ -1560,7 +1569,7 @@ function At({
   style: p,
   ...m
 }) {
-  const h = !!l, c = le(l), [d, y] = k(null), v = ce(y, s), { id: S, registerPanel: x } = fe(), g = u !== null, w = ue((P) => {
+  const h = !!l, c = le(l), [d, y] = I(null), v = ce(y, s), { id: S, registerPanel: x } = fe(), g = u !== null, w = ue((P) => {
     u?.(P, l);
   });
   N(() => {
@@ -1590,7 +1599,7 @@ function At({
     a,
     w,
     x
-  ]), Mt(c, f);
+  ]), It(c, f);
   const L = je(S, c);
   return /* @__PURE__ */ K(
     "div",
@@ -1642,13 +1651,13 @@ const kt = {
   padding: "unset",
   margin: "unset"
 };
-function $t() {
-  return k(null);
-}
 function Ft() {
+  return I(null);
+}
+function Ht() {
   return D(null);
 }
-function It({
+function Gt({
   layout: e,
   panelConstraints: t,
   panelId: n,
@@ -1689,7 +1698,7 @@ function It({
     valueNow: l
   };
 }
-function Ht({
+function jt({
   children: e,
   className: t,
   elementRef: n,
@@ -1697,7 +1706,7 @@ function Ht({
   style: i,
   ...s
 }) {
-  const l = le(o), [r, a] = k({}), [u, f] = k("inactive"), [p, m] = k(null), h = ce(m, n), {
+  const l = le(o), [r, a] = I({}), [u, f] = I("inactive"), [p, m] = I(null), h = ce(m, n), {
     id: c,
     orientation: d,
     registerSeparator: y
@@ -1726,7 +1735,7 @@ function Ht({
                 if (Q) {
                   const A = Q[0], U = J.panels.indexOf(A);
                   a(
-                    It({
+                    Gt({
                       layout: Y,
                       panelConstraints: P,
                       panelId: A.id,
@@ -1770,13 +1779,13 @@ function Ht({
   );
 }
 export {
-  Ot as Group,
-  At as Panel,
-  Ht as Separator,
-  Tt as useDefaultLayout,
-  _t as useGroupCallbackRef,
-  Nt as useGroupRef,
-  $t as usePanelCallbackRef,
-  Ft as usePanelRef
+  Tt as Group,
+  $t as Panel,
+  jt as Separator,
+  _t as useDefaultLayout,
+  Nt as useGroupCallbackRef,
+  At as useGroupRef,
+  Ft as usePanelCallbackRef,
+  Ht as usePanelRef
 };
 //# sourceMappingURL=react-resizable-panels.js.map