react-resizable-panels 4.0.6 → 4.0.7

package/dist/react-resizable-panels.js

@@ -377,16 +377,16 @@ function B({
         `Panel constraints not found for index ${d}`
       );
       const {
-        collapsedSize: v = 0,
-        collapsible: h,
+        collapsedSize: h = 0,
+        collapsible: v,
         minSize: x = 0
       } = p;
-      if (h) {
+      if (v) {
         const S = c[d];
         if (z(
           S != null,
           `Previous layout not found for panel index ${d}`
-        ), w(S, v)) {
+        ), w(S, h)) {
           const y = x - S;
           j(y, Math.abs(e)) > 0 && (e = e < 0 ? 0 - y : y);
         }
@@ -399,17 +399,17 @@ function B({
         `No panel constraints found for index ${d}`
       );
       const {
-        collapsedSize: v = 0,
-        collapsible: h,
+        collapsedSize: h = 0,
+        collapsible: v,
         minSize: x = 0
       } = p;
-      if (h) {
+      if (v) {
         const S = c[d];
         if (z(
           S != null,
           `Previous layout not found for panel index ${d}`
         ), w(S, x)) {
-          const y = S - v;
+          const y = S - h;
           j(y, Math.abs(e)) > 0 && (e = e < 0 ? 0 - y : y);
         }
       }
@@ -417,7 +417,7 @@ function B({
   }
   {
     const d = e < 0 ? 1 : -1;
-    let p = e < 0 ? f : l, v = 0;
+    let p = e < 0 ? f : l, h = 0;
     for (; ; ) {
       const x = c[p];
       z(
@@ -428,25 +428,25 @@ function B({
         panelConstraints: n[p],
         size: 100
       }) - x;
-      if (v += y, p += d, p < 0 || p >= n.length)
+      if (h += y, p += d, p < 0 || p >= n.length)
         break;
     }
-    const h = Math.min(Math.abs(e), Math.abs(v));
-    e = e < 0 ? 0 - h : h;
+    const v = Math.min(Math.abs(e), Math.abs(h));
+    e = e < 0 ? 0 - v : v;
   }
   {
     let p = e < 0 ? l : f;
     for (; p >= 0 && p < n.length; ) {
-      const v = Math.abs(e) - Math.abs(u), h = c[p];
+      const h = Math.abs(e) - Math.abs(u), v = c[p];
       z(
-        h != null,
+        v != null,
         `Previous layout not found for panel index ${p}`
       );
-      const x = h - v, S = F({
+      const x = v - h, S = F({
         panelConstraints: n[p],
         size: x
       });
-      if (!w(h, S) && (u += h - S, a[p] = S, u.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
+      if (!w(v, S) && (u += v - S, a[p] = S, u.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
         numeric: !0
       }) >= 0))
         break;
@@ -461,12 +461,12 @@ function B({
       p != null,
       `Previous layout not found for panel index ${d}`
     );
-    const v = p + u, h = F({
+    const h = p + u, v = F({
       panelConstraints: n[d],
-      size: v
+      size: h
     });
-    if (a[d] = h, !w(h, v)) {
-      let x = v - h, y = e < 0 ? f : l;
+    if (a[d] = v, !w(v, h)) {
+      let x = h - v, y = e < 0 ? f : l;
       for (; y >= 0 && y < n.length; ) {
         const L = a[y];
         z(
@@ -490,7 +490,7 @@ function B({
   if (!w(m, 100, 0.1))
     return r;
   const g = Object.keys(r);
-  return a.reduce((d, p, v) => (d[g[v]] = p, d), {});
+  return a.reduce((d, p, h) => (d[g[h]] = p, d), {});
 }
 function U(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
@@ -515,19 +515,19 @@ function Ce({
     r ? u === "horizontal" ? g = (e.clientX - r.x) / l * 100 : g = (e.clientY - r.y) / l * 100 : u === "horizontal" ? g = e.clientX < 0 ? -100 : 100 : g = e.clientY < 0 ? -100 : 100;
     const d = n.get(a), {
       derivedPanelConstraints: p,
-      layout: v,
-      separatorToPanels: h
+      layout: h,
+      separatorToPanels: v
     } = o.get(a) ?? {};
-    if (p && d && v && h) {
+    if (p && d && h && v) {
       const x = B({
         delta: g,
         initialLayout: d,
         panelConstraints: p,
         pivotIndices: i.panels.map((S) => m.indexOf(S)),
-        prevLayout: v,
+        prevLayout: h,
         trigger: "mouse-or-touch"
       });
-      if (U(x, v)) {
+      if (U(x, h)) {
         if (g !== 0 && !f)
           switch (u) {
             case "horizontal": {
@@ -543,7 +543,7 @@ function Ce({
         c.set(i.group, {
           derivedPanelConstraints: p,
           layout: x,
-          separatorToPanels: h
+          separatorToPanels: v
         });
         const S = i.group.panels.map(({ id: y }) => y).join(",");
         i.group.inMemoryLayouts[S] = x;
@@ -927,17 +927,17 @@ function st(e) {
     for (const m of u) {
       const { borderBoxSize: g, target: d } = m;
       d === e.element ? t && C((p) => {
-        const v = p.mountedGroups.get(e);
-        if (v) {
-          const h = pe(e), x = v.layout, S = $({
+        const h = p.mountedGroups.get(e);
+        if (h) {
+          const v = pe(e), x = h.layout, S = $({
             layout: x,
-            panelConstraints: h
+            panelConstraints: v
           });
           return {
             mountedGroups: new Map(p.mountedGroups).set(e, {
-              derivedPanelConstraints: h,
+              derivedPanelConstraints: v,
               layout: S,
-              separatorToPanels: v.separatorToPanels
+              separatorToPanels: h.separatorToPanels
             })
           };
         }
@@ -1041,7 +1041,7 @@ function ht({
 }) {
   const m = T({}), g = ue((b) => {
     U(m.current, b) || (m.current = b, a?.(b));
-  }), d = ce(i), [p, v] = G(!1), [h, x] = G(null), [S, y] = G(n ?? {}), [L, P] = G([]), [E, K] = G([]), ne = T({}), V = T({}), X = fe(x, s);
+  }), d = ce(i), [p, h] = G(!1), [v, x] = G(null), [S, y] = G(n ?? {}), [L, P] = G([]), [E, K] = G([]), ne = T({}), V = T({}), X = fe(x, s);
   rt(d, c);
   const Y = be(
     () => ({
@@ -1061,12 +1061,12 @@ function ht({
     [d, l]
   );
   H(() => {
-    if (h !== null && L.length > 0) {
+    if (v !== null && L.length > 0) {
       const b = {
         defaultLayout: n,
         disableCursor: !!o,
         disabled: !!r,
-        element: h,
+        element: v,
         id: d,
         inMemoryLastExpandedPanelSizes: ne.current,
         inMemoryLayouts: V.current,
@@ -1079,15 +1079,18 @@ function ht({
         "interactionStateChange",
         (Z) => {
           switch (Z.state) {
-            case "active":
-            case "hover": {
-              v(
+            case "active": {
+              h(
                 Z.hitRegions.some(
                   (_) => _.group === b
                 )
               );
               break;
             }
+            default: {
+              h(!1);
+              break;
+            }
           }
         }
       ), Ae = A.addListener(
@@ -1105,7 +1108,7 @@ function ht({
     n,
     o,
     r,
-    h,
+    v,
     d,
     g,
     l,
@@ -1235,21 +1238,21 @@ function ct({
       group: f,
       layout: u,
       separatorToPanels: m
-    } = n(), g = f.panels.findIndex((h) => h.id === t), d = g === f.panels.length - 1, p = B({
+    } = n(), g = f.panels.findIndex((v) => v.id === t), d = g === f.panels.length - 1, p = B({
       delta: d ? a - i : i - a,
       initialLayout: u,
       panelConstraints: l,
       pivotIndices: d ? [g - 1, g] : [g, g + 1],
       prevLayout: u,
       trigger: "imperative-api"
-    }), v = $({
+    }), h = $({
       layout: p,
       panelConstraints: l
     });
-    U(u, v) || C((h) => ({
-      mountedGroups: new Map(h.mountedGroups).set(f, {
+    U(u, h) || C((v) => ({
+      mountedGroups: new Map(v.mountedGroups).set(f, {
         derivedPanelConstraints: l,
-        layout: v,
+        layout: h,
         separatorToPanels: m
       })
     }));
@@ -1326,7 +1329,7 @@ function St({
   style: u,
   ...m
 }) {
-  const g = !!c, d = ce(c), [p, v] = G(null), h = fe(v, s), { id: x, registerPanel: S } = de(), y = l !== null, L = ue((E) => {
+  const g = !!c, d = ce(c), [p, h] = G(null), v = fe(h, s), { id: x, registerPanel: S } = de(), y = l !== null, L = ue((E) => {
     l?.(E, c);
   });
   H(() => {
@@ -1365,7 +1368,7 @@ function St({
       "data-panel": !0,
       "data-testid": d,
       id: d,
-      ref: h,
+      ref: v,
       style: {
         ...ft,
         flexBasis: 0,
@@ -1466,14 +1469,14 @@ function bt({
   const c = ce(o), [i, a] = G({}), [l, f] = G("inactive"), [u, m] = G(null), g = fe(m, n), {
     id: d,
     orientation: p,
-    registerSeparator: v
-  } = de(), h = p === "horizontal" ? "vertical" : "horizontal";
+    registerSeparator: h
+  } = de(), v = p === "horizontal" ? "vertical" : "horizontal";
   return H(() => {
     if (u !== null) {
       const x = {
         element: u,
         id: c
-      }, S = v(x), y = A.addListener(
+      }, S = h(x), y = A.addListener(
         "interactionStateChange",
         (P) => {
           f(
@@ -1509,12 +1512,12 @@ function bt({
         y(), L(), S();
       };
     }
-  }, [u, d, c, v]), /* @__PURE__ */ W(
+  }, [u, d, c, h]), /* @__PURE__ */ W(
     "div",
     {
       ...s,
       "aria-controls": i.valueControls,
-      "aria-orientation": h,
+      "aria-orientation": v,
       "aria-valuemax": i.valueMax,
       "aria-valuemin": i.valueMin,
       "aria-valuenow": i.valueNow,