@window-splitter/state 0.8.3 → 0.8.4

package/dist/esm/index.js

@@ -154,6 +154,9 @@ function eq(a, b) {
     return a.type === b.type && a.value.eq(b.value);
 }
 export function haveConstraintsChangedForPanel(a, b) {
+    if (!b) {
+        return true;
+    }
     if (!eq(a.min, b.min)) {
         return true;
     }
@@ -190,6 +193,9 @@ export function haveConstraintsChangedForPanel(a, b) {
     return false;
 }
 export function haveConstraintsChangedForPanelHandle(a, b) {
+    if (!b) {
+        return true;
+    }
     if (!eq(a.size, b.size)) {
         return true;
     }
@@ -670,7 +676,8 @@ function updateLayout(context, dragEvent) {
         panelAfter.collapsed = false;
         if (panelAfter.onCollapseChange?.current &&
             !panelAfter.collapseIsControlled &&
-            !dragEvent.controlled) {
+            !dragEvent.controlled &&
+            !dragEvent.isVirtual) {
             panelAfter.onCollapseChange.current(false);
         }
     }
@@ -692,7 +699,8 @@ function updateLayout(context, dragEvent) {
         panelAfterNewValue = panelAfterNewValue.add(panelBeforePreviousValue.minus(panelBeforeNewValue));
         if (panelBefore.onCollapseChange?.current &&
             !panelBefore.collapseIsControlled &&
-            !dragEvent.controlled) {
+            !dragEvent.controlled &&
+            !dragEvent.isVirtual) {
             panelBefore.onCollapseChange.current(true);
         }
     }
@@ -747,7 +755,7 @@ export function dragHandlePayload({ delta, orientation = "horizontal", shiftKey
     };
 }
 /** Iteratively applies a large delta value simulating a user's drag */
-function iterativelyUpdateLayout({ context, handleId, delta, direction, controlled, disregardCollapseBuffer, }) {
+function iterativelyUpdateLayout({ context, handleId, delta, direction, controlled, disregardCollapseBuffer, isVirtual, }) {
     let newContext = context;
     for (let i = 0; i < delta.abs().toNumber(); i++) {
         newContext = updateLayout({
@@ -758,6 +766,7 @@ function iterativelyUpdateLayout({ context, handleId, delta, direction, controll
             type: "collapsePanel",
             controlled,
             disregardCollapseBuffer,
+            isVirtual,
             value: dragHandlePayload({
                 delta: direction,
                 orientation: context.orientation,
@@ -1006,6 +1015,9 @@ export function groupMachine(input, onUpdate) {
             if (panel.collapsed) {
                 panel.currentValue = panel.collapsedSize;
             }
+            if (!panel.collapseIsControlled) {
+                panel.onCollapseChange?.current?.(panel.collapsed);
+            }
             actions.commit();
         },
     };
@@ -1035,6 +1047,7 @@ export function groupMachine(input, onUpdate) {
                     controlled: event.controlled,
                     delta: delta,
                     direction: handle.direction,
+                    isVirtual: true,
                 }),
             };
             const updatedPanel = interimContext.items.find((i) => i.id === event.panelId);
@@ -1203,7 +1216,8 @@ export function groupMachine(input, onUpdate) {
                 if (useLastKnownSize) {
                     context.items = withLastKnownSize;
                 }
-                else if (totalSize > getGroupSize(context)) {
+                else if (totalSize > getGroupSize(context) &&
+                    state.current !== "dragging") {
                     context.items = handleOverflow({
                         ...context,
                         items: prepareItems({ ...context, items: withLastKnownSize }),