@window-splitter/state 1.1.1--canary.9d2f98a.0 → 1.1.1

package/package.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/package.json",
   "name": "@window-splitter/state",
   "sideEffects": false,
-  "version": "1.1.1--canary.9d2f98a.0",
+  "version": "1.1.1",
   "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--canary.9d2f98a.0",
+    "@internal/eslint-config": "1.1.1",
     "@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": "9d2f98a3d6226018c598018cea829d6412b60cd0"
+  "gitHead": "a7f123555c7e5ef966007731aba4dfae73cd19a2"
 }

package/src/index.ts

@@ -405,6 +405,10 @@ export function prepareSnapshot(snapshot: GroupMachineContextValue) {
       item.collapsedSize.value = new Big(item.collapsedSize.value);
       item.min.value = new Big(item.min.value);
 
+      if (item.default) {
+        item.default.value = new Big(item.default.value);
+      }
+
       if (item.max && item.max !== "1fr") {
         item.max.value = new Big(item.max.value);
       }

package/src/utils.test.ts

@@ -1,4 +1,4 @@
-import { expect, test, describe } from "vitest";
+import { expect, test, describe, assert } from "vitest";
 
 import {
   getUnitPercentageValue,
@@ -6,6 +6,8 @@ import {
   initializePanel,
   getCursor,
   initializePanelHandleData,
+  prepareSnapshot,
+  type Item,
 } from "./index.js";
 import Big from "big.js";
 import { createActor } from "./test-utils.js";
@@ -190,3 +192,28 @@ describe("initializePanelHandleData", () => {
     `);
   });
 });
+
+describe('prepareSnapshot', () => {
+  test('converts sizes to Big', () => {
+    const item: Item = initializePanel({ id: 'panel-1', min: '100px', max: '300px', default: '200px' });
+
+    prepareSnapshot({
+      size: { width: 500, height: 300 },
+      items: [item, initializePanel({ id: 'panel-2', min: '100px' })],
+      groupId: 'group-1',
+      orientation: 'horizontal',
+      dragOvershoot: new Big(0),
+    });
+
+    expect(item.currentValue.value).toBeInstanceOf(Big);
+    expect(item.collapsedSize.value).toBeInstanceOf(Big);
+
+    expect(item.min.value).toBeInstanceOf(Big);
+
+    assert(typeof item.max === 'object');
+    expect(item.max.value).toBeInstanceOf(Big);
+
+    assert(typeof item.default === 'object');
+    expect(item.default.value).toBeInstanceOf(Big);
+  });
+});