@window-splitter/state 0.4.3 → 0.5.1

package/package.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/package.json",
   "name": "@window-splitter/state",
   "sideEffects": false,
-  "version": "0.4.3",
+  "version": "0.5.1",
   "description": "A state machine for a WAI-ARIA compliant window splitter",
   "homepage": "https://react-window-splitter-six.vercel.app",
   "repository": {
@@ -28,7 +28,7 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@internal/eslint-config": "0.4.3",
+    "@internal/eslint-config": "0.5.1",
     "@testing-library/react": "^16.0.0",
     "@types/big.js": "^6.2.2",
     "@vitest/browser": "^2.0.5",
@@ -80,5 +80,5 @@
     "window"
   ],
   "types": "./dist/commonjs/index.d.ts",
-  "gitHead": "f38708708e9bc6355e81e419433d4ebbf9c43193"
+  "gitHead": "7107d50f4b302ac05eeeccd76df00e5cde5c8b42"
 }

package/src/index.ts

@@ -319,6 +319,8 @@ export interface GroupMachineContextValue {
   orientation: Orientation;
   /** How much the drag has overshot the handle */
   dragOvershoot: Big.Big;
+  /** The id of the handle that is currently being dragged */
+  activeDragHandleId?: string;
   groupId: string;
   /**
    * How to save the persisted state
@@ -1658,7 +1660,10 @@ export const groupMachine = createMachine(
       idle: {
         entry: ["onAutosave"],
         on: {
-          dragHandleStart: { target: "dragging" },
+          dragHandleStart: {
+            target: "dragging",
+            actions: ["onDragHandleStart"],
+          },
           setPanelPixelSize: {
             actions: [
               "prepare",
@@ -1703,7 +1708,7 @@ export const groupMachine = createMachine(
             actions: "runCollapseToggle",
           },
         },
-        exit: ["commit"],
+        exit: ["commit", "clearDragHandle"],
       },
       togglingCollapse: {
         entry: ["prepare", "onClearLastKnownSize"],
@@ -1822,6 +1827,15 @@ export const groupMachine = createMachine(
       animation: animationActor,
     },
     actions: {
+      onDragHandleStart: assign({
+        activeDragHandleId: ({ event }) => {
+          isEvent(event, ["dragHandleStart"]);
+          return event.handleId;
+        },
+      }),
+      clearDragHandle: assign({
+        activeDragHandleId: undefined,
+      }),
       onAutosave: ({ context, self }) => {
         if (!context.autosaveStrategy || typeof window === "undefined") {
           return;
@@ -1829,6 +1843,7 @@ export const groupMachine = createMachine(
 
         const snapshot = self.getPersistedSnapshot() as GroupMachineSnapshot;
         snapshot.context.items = clearLastKnownSize(context.items);
+        snapshot.context.activeDragHandleId = context.activeDragHandleId;
         snapshot.value = "idle";
         const data = JSON.stringify(snapshot);