react-resizable-panels 4.14.5 → 4.14.6

package/dist/react-resizable-panels.js

@@ -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,7 +1943,7 @@ 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)
@@ -1958,7 +1961,7 @@ function uo(e) {
   }
   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,7 +1994,7 @@ 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);
@@ -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,
@@ -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,
@@ -2342,7 +2345,7 @@ function zn({
               (G) => G.itemId === L.id
             ), { layoutStrategy: F } = K.axis;
             R({
-              ...go({
+              ...yo({
                 layout: we,
                 itemConstraints: ae,
                 itemId: L.id,
@@ -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,
@@ -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 }
@@ -2854,7 +2857,7 @@ function yo({
   }, [g, y, f, S]);
   const K = () => 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 " : " ");
@@ -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);
@@ -3346,7 +3349,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)
     ]);
@@ -3433,7 +3436,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 +3467,7 @@ function Eo({
       children: [
         e,
         R.map((I) => /* @__PURE__ */ Y(
-          Io,
+          Lo,
           {
             overlay: z,
             preview: I
@@ -3475,11 +3478,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 +3517,7 @@ function Mo({
     } catch {
     }
 }
-function qo({
+function Ho({
   debounceSaveMs: e = 100,
   onlySaveAfterUserInteractions: t,
   panelIds: n,
@@ -3522,7 +3525,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 +3536,7 @@ function qo({
     }
   }, [s]), l = Me(() => {
     if (!u)
-      return Mo({
+      return Po({
         id: a,
         panelIds: n,
         storage: o
@@ -3596,17 +3599,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 +3627,7 @@ function To(e, t) {
     );
   });
 }
-function Do({
+function ko({
   children: e,
   className: t,
   collapsedSize: n = "0%",
@@ -3696,7 +3699,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 +3724,7 @@ function Do({
       id: g,
       ref: b,
       style: {
-        ...ko,
+        ...Ao,
         display: "flex",
         flexBasis: 0,
         flexShrink: 1,
@@ -3750,8 +3753,8 @@ function Do({
     }
   );
 }
-Do.displayName = "Panel";
-const ko = {
+ko.displayName = "Panel";
+const Ao = {
   minHeight: 0,
   maxHeight: "100%",
   height: "auto",
@@ -3763,14 +3766,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 +3806,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