@window-splitter/state 1.1.1 → 1.1.2

package/package.json

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

package/src/index.ts

@@ -290,6 +290,15 @@ interface ExpandPanelEvent extends ControlledCollapseToggle {
   resolve?: () => void;
 }
 
+interface UpdateItemIndexEvent {
+  /** Update the index of a panel */
+  type: "updateItemIndex";
+  /** The panel to update */
+  itemId: string;
+  /** The new index of the panel */
+  index: number;
+}
+
 interface SetPanelPixelSizeEvent {
   /**
    * This event is used by the imperative panel API.
@@ -354,7 +363,8 @@ export type GroupMachineEvent =
   | RebindPanelCallbacksEvent
   | UpdateConstraintsEvent
   | LockGroupEvent
-  | UnlockGroupEvent;
+  | UnlockGroupEvent
+  | UpdateItemIndexEvent;
 
 type EventForType<T extends GroupMachineEvent["type"]> = Extract<
   GroupMachineEvent,
@@ -2042,6 +2052,13 @@ export function groupMachine(
     }
 
     switch (event.type) {
+      case "updateItemIndex":
+        context.items = sortWithOrder(
+          context.items.map((item) =>
+            item.id === event.itemId ? { ...item, order: event.index } : item
+          )
+        );
+        break;
       case "registerPanel":
         context.items = addDeDuplicatedItems(context.items, {
           type: "panel",
@@ -2079,11 +2096,20 @@ export function groupMachine(
           event.data.collapsed &&
           event.data.collapsedSize
         ) {
-          currentValue = event.data.collapsedSize;
+          currentValue = {
+            type: "pixel",
+            value: getUnitPixelValue(context, event.data.collapsedSize),
+          };
         } else if (event.data.default) {
-          currentValue = event.data.default;
+          currentValue = {
+            type: "pixel",
+            value: getUnitPixelValue(context, event.data.default),
+          };
         } else {
-          currentValue = event.data.min;
+          currentValue = {
+            type: "pixel",
+            value: getUnitPixelValue(context, event.data.min),
+          };
         }
 
         const newItems = addDeDuplicatedItems(context.items, {