react-resizable-panels 4.14.5 → 4.14.7

package/dist/react-resizable-panels.js

@@ -293,12 +293,12 @@ function On({
         const $ = M ? O(M) : void 0, C = k ? O(k) : void 0, I = $?.end ?? C.start, E = C?.start ?? $.end, q = Math.max(
           $?.crossStart ?? -1 / 0,
           C?.crossStart ?? -1 / 0
-        ), Z = Math.min(
+        ), K = Math.min(
           $?.crossEnd ?? 1 / 0,
           C?.crossEnd ?? 1 / 0
         );
         P = {
-          crossEnd: Math.max(q, Z),
+          crossEnd: Math.max(q, K),
           crossStart: q,
           end: Math.max(I, E),
           start: Math.min(I, E)
@@ -764,7 +764,7 @@ function Le({
   }
   return o;
 }
-function J(e) {
+function Z(e) {
   return parseFloat(e.toFixed(3));
 }
 function ft(e) {
@@ -787,7 +787,7 @@ function ft(e) {
         itemElement: r,
         styleProp: i.collapsedSize
       });
-      a = J(d / n * 100);
+      a = Z(d / n * 100);
     }
     let c;
     if (i.collapsedThreshold !== void 0) {
@@ -796,7 +796,7 @@ function ft(e) {
         itemElement: r,
         styleProp: i.collapsedThreshold
       });
-      c = J(d / n * 100);
+      c = Z(d / n * 100);
     }
     let s;
     if (i.defaultSize !== void 0) {
@@ -805,7 +805,7 @@ function ft(e) {
         itemElement: r,
         styleProp: i.defaultSize
       });
-      s = J(d / n * 100);
+      s = Z(d / n * 100);
     }
     let u = 0;
     if (i.minSize !== void 0) {
@@ -814,7 +814,7 @@ function ft(e) {
         itemElement: r,
         styleProp: i.minSize
       });
-      u = J(d / n * 100);
+      u = Z(d / n * 100);
     }
     let l = 100;
     if (i.maxSize !== void 0) {
@@ -823,7 +823,7 @@ function ft(e) {
         itemElement: r,
         styleProp: i.maxSize
       });
-      l = J(d / n * 100);
+      l = Z(d / n * 100);
     }
     return {
       groupResizeBehavior: i.groupResizeBehavior,
@@ -911,7 +911,7 @@ function Zn(e, t) {
   return !0;
 }
 function W(e, t, n = 0) {
-  return Math.abs(J(e) - J(t)) <= n;
+  return Math.abs(Z(e) - Z(t)) <= n;
 }
 function ue(e, t) {
   return W(e, t) ? 0 : e > t ? 1 : -1;
@@ -938,7 +938,7 @@ function Ee({
       ue(o, r) <= 0 || p < 0 || i !== void 0 && d && p === 0 ? o = r : o = u;
     } else
       o = u;
-  return o = Math.min(s, o), o = J(o), o;
+  return o = Math.min(s, o), o = Z(o), o;
 }
 function qe({
   delta: e,
@@ -1482,7 +1482,7 @@ function zt({
       const g = u.slice(0, p).reduce((S, z) => S + l[z.id], 0);
       return {
         ...l,
-        [t]: J(100 - g)
+        [t]: Z(100 - g)
       };
     }
     return qe({
@@ -1551,7 +1551,7 @@ function zt({
         axisSize: d,
         itemElement: l,
         styleProp: s
-      }), p = J(h / d * 100);
+      }), p = Z(h / d * 100);
       c(p);
     }
   };
@@ -1663,6 +1663,9 @@ function xe(e, t) {
     { isUserInteraction: !0 }
   );
 }
+function lo(e) {
+  return e.separators.filter((t) => !t.disabled);
+}
 function Gt(e) {
   if (e.defaultPrevented)
     return;
@@ -1710,12 +1713,12 @@ function Gt(e) {
       }
       case "F6": {
         e.preventDefault();
-        const r = n.separators.map(
+        const r = lo(n).map(
           (s) => s.element
-        ), i = Array.from(r).findIndex(
+        ), i = r.findIndex(
           (s) => s === e.currentTarget
         );
-        N(i !== null, "Index not found");
+        N(i !== -1, "Index not found");
         const a = e.shiftKey ? i > 0 ? i - 1 : r.length - 1 : i + 1 < r.length ? i + 1 : 0;
         r[a].focus({
           preventScroll: !0
@@ -1773,7 +1776,7 @@ function Ft(e) {
 function _t(e) {
   De(e.currentTarget, e);
 }
-function lo(e, t) {
+function uo(e, t) {
   const { element: n, orientation: o, items: r } = e, i = n.getBoundingClientRect(), a = o === "horizontal";
   return St({
     expandHitTargets: !1,
@@ -1836,7 +1839,7 @@ function Bt(e) {
     s && r.set(c.axis, s.layout);
   });
   const a = Array.from(r.keys()).flatMap(
-    (c) => c.resizePreviewMode === "separator" ? lo(c, o) : []
+    (c) => c.resizePreviewMode === "separator" ? uo(c, o) : []
   );
   fe({
     cursorFlags: 0,
@@ -1940,25 +1943,25 @@ function Ut(e) {
 function Wt(e) {
   De(e.currentTarget.document);
 }
-function uo(e) {
+function fo(e) {
   let t = 0, n = 0;
   const o = {};
   for (const i of e)
     if (i.defaultSize !== void 0) {
       t++;
-      const a = J(i.defaultSize);
+      const a = Z(i.defaultSize);
       n += a, o[i.itemId] = a;
     } else
       o[i.itemId] = void 0;
   const r = e.length - t;
   if (r !== 0) {
-    const i = J((100 - n) / r);
+    const i = Z((100 - n) / r);
     for (const a of e)
       a.defaultSize === void 0 && (o[a.itemId] = i);
   }
   return o;
 }
-function fo(e, t) {
+function mo(e, t) {
   const n = e.map((r) => r.id), o = Object.keys(t);
   if (n.length !== o.length)
     return !1;
@@ -1972,7 +1975,7 @@ function Yt({
   itemConstraints: t
 }) {
   const n = e.items.map(({ id: r }) => r).join(","), o = e.mutableState.defaultLayout;
-  return e.mutableState.layouts[n] ?? (o && fo(e.items, o) ? o : uo(t));
+  return e.mutableState.layouts[n] ?? (o && mo(e.items, o) ? o : fo(t));
 }
 function Xt({
   itemIds: e,
@@ -1991,14 +1994,14 @@ function Xt({
     }))
   });
 }
-function mo(e, t, n) {
+function po(e, t, n) {
   if (!n[0])
     return;
   const r = e.items.find((u) => u.element === t);
   if (!r || !r.onResize)
     return;
   const i = Pe({ axis: e }), a = e.orientation === "horizontal" ? r.element.offsetWidth : r.element.offsetHeight, c = r.mutableValues.prevSize, s = {
-    asPercentage: J(a / i * 100),
+    asPercentage: Z(a / i * 100),
     inPixels: a
   };
   r.mutableValues.prevSize = s, r.onResize(s, r.id, c);
@@ -2011,10 +2014,10 @@ function vn(e, t) {
       return !1;
   return !0;
 }
-function po(e, t) {
+function ho(e, t) {
   return e.length !== t.length ? !1 : e.every((n, o) => vn(n, t[o]));
 }
-function ho({
+function go({
   axis: e,
   nextAxisSize: t,
   prevAxisSize: n,
@@ -2029,7 +2032,7 @@ function ho({
     switch (d.constraintProps.groupResizeBehavior) {
       case "preserve-pixel-size": {
         a = !0;
-        const p = h / 100 * n, m = J(
+        const p = h / 100 * n, m = Z(
           p / t * 100
         );
         c.set(d.id, m), r += m;
@@ -2050,12 +2053,12 @@ function ho({
   }), i > 0)
     for (const d of s) {
       const h = o[d] ?? 0;
-      l[d] = J(
+      l[d] = Z(
         h / i * u
       );
     }
   else {
-    const d = J(u / s.length);
+    const d = Z(u / s.length);
     for (const h of s)
       l[h] = d;
   }
@@ -2092,7 +2095,7 @@ function bn(e) {
                 itemConstraints: R
               })
             }));
-            const x = ho({
+            const x = go({
               axis: e,
               nextAxisSize: z,
               prevAxisSize: O,
@@ -2101,7 +2104,7 @@ function bn(e) {
               layout: x,
               itemConstraints: R
             });
-            if (!b.defaultLayoutDeferred && se(b.layout, w) && po(
+            if (!b.defaultLayoutDeferred && se(b.layout, w) && ho(
               b.derivedItemConstraints,
               R
             ) && b.axisSize === z)
@@ -2118,7 +2121,7 @@ function bn(e) {
           }
         } else
           try {
-            mo(e, S, g);
+            po(e, S, g);
           } catch (z) {
             f ??= { error: z };
           }
@@ -2235,7 +2238,7 @@ function it(e) {
   }, [e]), t.current;
 }
 const It = nn(null);
-function go({
+function yo({
   layout: e,
   itemConstraints: t,
   itemId: n,
@@ -2325,24 +2328,24 @@ function zn({
         }
       };
       M.current = E;
-      const q = p(E), Z = gt(
-        (K) => {
+      const q = p(E), K = gt(
+        (J) => {
           A(
-            K.next.state !== "inactive" && K.next.hitRegions.some(
+            J.next.state !== "inactive" && J.next.hitRegions.some(
               (ae) => ae.separator === E || (d?.(ae) ?? !1)
-            ) ? K.next.state : "inactive"
+            ) ? J.next.state : "inactive"
           );
         }
       ), X = Be(
         t,
-        (K) => {
-          const { derivedItemConstraints: ae, layout: we, separatorToItems: ke } = K.next, ze = ke.get(E);
+        (J) => {
+          const { derivedItemConstraints: ae, layout: we, separatorToItems: ke } = J.next, ze = ke.get(E);
           if (ze) {
             const L = ze[0], T = ae.findIndex(
               (G) => G.itemId === L.id
-            ), { layoutStrategy: F } = K.axis;
+            ), { layoutStrategy: F } = J.axis;
             R({
-              ...go({
+              ...yo({
                 layout: we,
                 itemConstraints: ae,
                 itemId: L.id,
@@ -2359,7 +2362,7 @@ function zn({
         }
       );
       return () => {
-        M.current = null, Z(), X(), q();
+        M.current = null, K(), X(), q();
       };
     }
   }, [t, l, d, p, z]), ne(() => {
@@ -2517,7 +2520,7 @@ function In(e) {
 }
 In.displayName = "Gridline";
 const Ce = ["column", "row"], Zt = { columns: {}, rows: {} };
-function yo({
+function So({
   children: e,
   className: t,
   columns: n,
@@ -2590,7 +2593,7 @@ function yo({
         G.id === L && (G.disabled = T, G.disableDoubleClick = F);
     },
     []
-  ), q = M.current.separators, Z = Me(
+  ), q = M.current.separators, K = Me(
     () => ({
       getDisableCursor: $,
       getResizeAxisId: y,
@@ -2626,7 +2629,7 @@ function yo({
     const L = A.current;
     if (L === null)
       return;
-    const T = M.current, F = vo({
+    const T = M.current, F = bo({
       cells: T.cells,
       separatorPlacements: T.separators,
       trackCounts: { column: g.length, row: S.length }
@@ -2852,9 +2855,9 @@ function yo({
       }), L())
     };
   }, [g, y, f, S]);
-  const K = () => Ce.map((L) => {
+  const J = () => Ce.map((L) => {
     const T = ce(y(L)), F = z(L);
-    return (T && !T.defaultLayoutDeferred ? F.map((_) => `minmax(0, ${T.layout[_.id] ?? 1}fr)`) : So(
+    return (T && !T.defaultLayoutDeferred ? F.map((_) => `minmax(0, ${T.layout[_.id] ?? 1}fr)`) : vo(
       F,
       o?.[L === "column" ? "columns" : "rows"]
     )).join(k[L] ? " auto " : " ");
@@ -2868,10 +2871,10 @@ function yo({
     [y]
   ), we = tt(
     ae,
-    K,
-    K
+    J,
+    J
   ), [ke, ze] = we.split("|");
-  return /* @__PURE__ */ Y(sn.Provider, { value: Z, children: /* @__PURE__ */ Y(
+  return /* @__PURE__ */ Y(sn.Provider, { value: K, children: /* @__PURE__ */ Y(
     "div",
     {
       ...m,
@@ -2896,7 +2899,7 @@ function yo({
     }
   ) });
 }
-yo.displayName = "Grid";
+So.displayName = "Grid";
 function Qt(e, t) {
   const n = JSON.stringify(e);
   return Me(() => {
@@ -2920,7 +2923,7 @@ function Ln(e, t) {
       typeof n.type == "symbol" && n.props !== null && typeof n.props == "object" && "children" in n.props && Ln(n.props.children, t);
   });
 }
-function So(e, t) {
+function vo(e, t) {
   if (t)
     return e.map(
       (i) => `minmax(0, ${t[i.id] ?? 1}fr)`
@@ -2938,7 +2941,7 @@ function So(e, t) {
     return c === "%" ? `minmax(0, ${a}fr)` : `${a}${c}`;
   });
 }
-function vo({
+function bo({
   cells: e,
   separatorPlacements: t,
   trackCounts: n
@@ -3001,13 +3004,13 @@ function vo({
 function en(e, t) {
   return se(e.columns, t.columns) && se(e.rows, t.rows);
 }
-function Fo({
+function _o({
   id: e,
   onlySaveAfterUserInteractions: t,
   storage: n = localStorage
 }) {
   const o = `react-resizable-panels:grid:${e}`, r = tt(
-    bo,
+    xo,
     () => n.getItem(o),
     () => n.getItem(o)
   ), i = Me(() => {
@@ -3043,23 +3046,23 @@ function Fo({
     onLayoutChanged: a
   };
 }
-function bo() {
+function xo() {
   return function() {
   };
 }
-function _o() {
+function Bo() {
   return ge(null);
 }
-function Bo() {
+function qo() {
   return B(null);
 }
-function xo(e) {
+function wo(e) {
   for (let t = 1; t < e.length; t++)
     if (yt(e[t - 1], e[t]) > 0)
       return !1;
   return !0;
 }
-function wo({
+function zo({
   separator: e
 }) {
   const { element: t } = e, n = B(null);
@@ -3116,7 +3119,7 @@ function Cn(e) {
   ), null;
 }
 Cn.displayName = "SeparatorOverlay";
-function zo({
+function Io({
   active: e,
   orientation: t,
   style: n,
@@ -3153,20 +3156,20 @@ function zo({
     }
   );
 }
-function Io({
+function Lo({
   overlay: e,
   preview: t
 }) {
   const { axis: n, offset: o, rect: r, separator: i } = t, a = n.orientation === "horizontal";
   let c = i?.preview, s = e;
   return rn(c) && c.type === Cn && (s = c.props, c = void 0), c == null && (s ? c = /* @__PURE__ */ Y(
-    zo,
+    Io,
     {
       ...s,
       active: t.active,
       orientation: n.orientation
     }
-  ) : i && (c = /* @__PURE__ */ Y(wo, { separator: i }))), /* @__PURE__ */ Y(
+  ) : i && (c = /* @__PURE__ */ Y(zo, { separator: i }))), /* @__PURE__ */ Y(
     "div",
     {
       "aria-hidden": "true",
@@ -3185,10 +3188,10 @@ function Io({
     }
   );
 }
-function Lo(e) {
+function Co(e) {
   return Array.from(e).sort(yt);
 }
-function Co(e, t) {
+function Ro(e, t) {
   const n = B({
     getLayout: () => ({}),
     setLayout: Bn
@@ -3200,7 +3203,7 @@ function Co(e, t) {
     );
   });
 }
-function Ro({
+function Eo({
   groupId: e,
   resizePreviewMode: t
 }) {
@@ -3224,7 +3227,7 @@ function Ro({
     return i(ie()), a;
   }, [e, t]), n;
 }
-function Eo({
+function Mo({
   children: e,
   className: t,
   defaultLayout: n,
@@ -3253,7 +3256,7 @@ function Eo({
     (I, E, q) => {
       se(f.current.onLayoutChanged, I) || (f.current.onLayoutChanged = I, u?.(I, { isUserInteraction: E, requestedLayout: q }));
     }
-  ), S = Te(c), [z, b] = ge(), R = Ro({
+  ), S = Te(c), [z, b] = ge(), R = Eo({
     groupId: S,
     resizePreviewMode: d
   }), O = B(null), [A, x] = wn(), w = B([]), v = B({
@@ -3262,7 +3265,7 @@ function Eo({
     panels: [],
     separators: []
   }), M = Ve(O, i);
-  Co(S, a);
+  Ro(S, a);
   const k = Se(
     (I, E) => {
       const q = ce(I);
@@ -3313,13 +3316,15 @@ function Eo({
         };
       },
       updatePanelProps: (I, { disabled: E }) => {
-        const Z = v.current.panels.find(
+        const K = v.current.panels.find(
           (ae) => ae.id === I
         );
-        Z && (Z.constraintProps.disabled = E);
-        const X = Re(S), K = ce(S);
-        X && K && me(X, {
-          ...K,
+        if (!K || K.constraintProps.disabled === E)
+          return;
+        K.constraintProps.disabled = E;
+        const X = Re(S), J = ce(S);
+        X && J && me(X, {
+          ...J,
           derivedItemConstraints: ft(X)
         });
       },
@@ -3328,7 +3333,7 @@ function Eo({
         disableDoubleClick: q
       }) => {
         const X = v.current.separators.find(
-          (K) => K.id === I
+          (J) => J.id === I
         );
         X && (X.disabled = E, X.disableDoubleClick = q);
       }
@@ -3346,7 +3351,7 @@ function Eo({
     ), E.separators = Ge(
       l,
       E.separators
-    ), w.current = Lo([
+    ), w.current = Co([
       ...E.panels.map(({ element: L }) => L),
       ...E.separators.map(({ element: L }) => L)
     ]);
@@ -3358,7 +3363,7 @@ function Eo({
         T !== void 0 && (q[L.id] = T);
       }
     }
-    const Z = {
+    const K = {
       disabled: !!r,
       element: I,
       id: S,
@@ -3376,14 +3381,14 @@ function Eo({
       },
       separators: E.separators
     };
-    C.current = Z;
-    const X = bn(Z), {
-      defaultLayoutDeferred: K,
+    C.current = K;
+    const X = bn(K), {
+      defaultLayoutDeferred: J,
       derivedItemConstraints: ae,
       layout: we,
       requestedLayout: ke
-    } = ce(Z.id, !0);
-    if (!K && ae.length > 0)
+    } = ce(K.id, !0);
+    if (!J && ae.length > 0)
       try {
         try {
           y(we);
@@ -3404,12 +3409,12 @@ function Eo({
         return;
       xn({
         derivedItemConstraints: F,
-        axis: Z,
+        axis: K,
         layout: G,
         prevLayout: L.prev?.layout,
         requestedLayout: _
       });
-      const V = ie(), j = V.state !== "active" || !V.hitRegions.some((te) => te.axis === Z);
+      const V = ie(), j = V.state !== "active" || !V.hitRegions.some((te) => te.axis === K);
       try {
         y(G);
       } finally {
@@ -3433,7 +3438,7 @@ function Eo({
     d,
     P
   ]), ne(() => {
-    xo(w.current) || x();
+    wo(w.current) || x();
   }), He(() => {
     const I = C.current;
     I && (I.mutableState.defaultLayout = n, I.mutableState.disableCursor = !!o);
@@ -3464,7 +3469,7 @@ function Eo({
       children: [
         e,
         R.map((I) => /* @__PURE__ */ Y(
-          Io,
+          Lo,
           {
             overlay: z,
             preview: I
@@ -3475,11 +3480,11 @@ function Eo({
     }
   ) });
 }
-Eo.displayName = "Group";
+Mo.displayName = "Group";
 function Qe(e, t) {
   return `react-resizable-panels:${[e, ...t].join(":")}`;
 }
-function Mo({
+function Po({
   id: e,
   panelIds: t,
   storage: n
@@ -3514,7 +3519,7 @@ function Mo({
     } catch {
     }
 }
-function qo({
+function Ho({
   debounceSaveMs: e = 100,
   onlySaveAfterUserInteractions: t,
   panelIds: n,
@@ -3522,7 +3527,7 @@ function qo({
   ...r
 }) {
   const i = n !== void 0, a = "id" in r ? r.id : r.groupId, c = Qe(a, n ?? []), s = tt(
-    Po,
+    To,
     () => o.getItem(c),
     () => o.getItem(c)
   ), u = Me(() => {
@@ -3533,7 +3538,7 @@ function qo({
     }
   }, [s]), l = Me(() => {
     if (!u)
-      return Mo({
+      return Po({
         id: a,
         panelIds: n,
         storage: o
@@ -3596,17 +3601,17 @@ function qo({
     onLayoutChanged: m
   };
 }
-function Po() {
+function To() {
   return function() {
   };
 }
-function Ho() {
+function Vo() {
   return ge(null);
 }
-function Vo() {
+function jo() {
   return B(null);
 }
-function To(e, t) {
+function Do(e, t) {
   const { id: n } = st(), o = B({
     collapse: ct,
     expand: ct,
@@ -3624,7 +3629,7 @@ function To(e, t) {
     );
   });
 }
-function Do({
+function ko({
   children: e,
   className: t,
   collapsedSize: n = "0%",
@@ -3696,7 +3701,7 @@ function Do({
     S
   ]), He(() => {
     w(g, { disabled: a });
-  }, [a, g, w]), To(g, p);
+  }, [a, g, w]), Do(g, p);
   const k = () => {
     const C = R(O, g);
     if (C)
@@ -3721,7 +3726,7 @@ function Do({
       id: g,
       ref: b,
       style: {
-        ...ko,
+        ...Ao,
         display: "flex",
         flexBasis: 0,
         flexShrink: 1,
@@ -3750,8 +3755,8 @@ function Do({
     }
   );
 }
-Do.displayName = "Panel";
-const ko = {
+ko.displayName = "Panel";
+const Ao = {
   minHeight: 0,
   maxHeight: "100%",
   height: "auto",
@@ -3763,14 +3768,14 @@ const ko = {
   padding: 0,
   margin: 0
 };
-function jo() {
+function Uo() {
   return ge(null);
 }
-function Uo() {
+function Wo() {
   return B(null);
 }
-const Ao = { flexBasis: "auto" }, $o = { flexGrow: 0, flexShrink: 0 };
-function Oo({
+const $o = { flexBasis: "auto" }, Oo = { flexGrow: 0, flexShrink: 0 };
+function No({
   children: e,
   className: t,
   disabled: n,
@@ -3803,31 +3808,31 @@ function Oo({
       id: u,
       preview: a,
       registerSeparator: p,
-      requiredStyle: $o,
+      requiredStyle: Oo,
       style: c,
-      styleDefaults: Ao,
+      styleDefaults: $o,
       updateSeparatorProps: m,
       children: e
     }
   );
 }
-Oo.displayName = "Separator";
+No.displayName = "Separator";
 export {
   An as Cell,
-  yo as Grid,
+  So as Grid,
   In as Gridline,
-  Eo as Group,
-  Do as Panel,
-  Oo as Separator,
+  Mo as Group,
+  ko as Panel,
+  No as Separator,
   Cn as SeparatorOverlay,
   $n as isCoarsePointer,
-  Fo as useDefaultGridLayout,
-  qo as useDefaultLayout,
-  _o as useGridCallbackRef,
-  Bo as useGridRef,
-  Ho as useGroupCallbackRef,
-  Vo as useGroupRef,
-  jo as usePanelCallbackRef,
-  Uo as usePanelRef
+  _o as useDefaultGridLayout,
+  Ho as useDefaultLayout,
+  Bo as useGridCallbackRef,
+  qo as useGridRef,
+  Vo as useGroupCallbackRef,
+  jo as useGroupRef,
+  Uo as usePanelCallbackRef,
+  Wo as usePanelRef
 };
 //# sourceMappingURL=react-resizable-panels.js.map