@window-splitter/state 0.2.4 → 0.3.0

package/dist/commonjs/index.d.ts

@@ -4,11 +4,11 @@ export type PixelUnit = `${number}px`;
 export type PercentUnit = `${number}%`;
 export type Unit = PixelUnit | PercentUnit;
 type Orientation = "horizontal" | "vertical";
-interface ParsedPercentUnit {
+export interface ParsedPercentUnit {
     type: "percent";
     value: Big.Big;
 }
-interface ParsedPixelUnit {
+export interface ParsedPixelUnit {
     type: "pixel";
     value: Big.Big;
 }
@@ -54,6 +54,10 @@ export interface PanelData extends Omit<Constraints, "min" | "max" | "collapsedS
     onCollapseChange?: {
         current: ((isCollapsed: boolean) => void) | null | undefined;
     };
+    /** A ref to the latest "onResize" function provided by the user */
+    onResize?: {
+        current: OnResizeCallback | null | undefined;
+    };
     /**
      * The current value for the item in the grid
      */
@@ -104,7 +108,7 @@ interface UnregisterPanelEvent {
     id: string;
 }
 export type InitializePanelHandleData = Omit<PanelHandleData, "type" | "size"> & {
-    size: PixelUnit | ParsedPixelUnit;
+    size: PixelUnit;
 };
 interface RegisterPanelHandleEvent {
     /** Register a new panel handle with the state machine */
@@ -200,16 +204,20 @@ export interface GroupMachineContextValue {
     orientation: Orientation;
     /** How much the drag has overshot the handle */
     dragOvershoot: Big.Big;
-    /** An id to use for autosaving the layout */
-    autosaveId?: string;
     groupId: string;
 }
 export type GroupMachineEvent = RegisterPanelEvent | RegisterDynamicPanelEvent | UnregisterPanelEvent | RegisterPanelHandleEvent | UnregisterPanelHandleEvent | DragHandleEvent | SetSizeEvent | SetOrientationEvent | DragHandleStartEvent | DragHandleEndEvent | CollapsePanelEvent | ExpandPanelEvent | SetPanelPixelSizeEvent | ApplyDeltaEvent | SetActualItemsSizeEvent;
+export declare function getCursor(context: Pick<GroupMachineContextValue, "dragOvershoot" | "orientation">): "w-resize" | "e-resize" | "ew-resize" | "n-resize" | "s-resize" | "ns-resize";
 export declare function prepareSnapshot(snapshot: Snapshot<unknown>): Snapshot<unknown>;
 /** Determine if an item is a panel */
 export declare function isPanelData(value: unknown): value is PanelData;
 /** Determine if an item is a panel handle */
 export declare function isPanelHandle(value: unknown): value is PanelHandleData;
+type OnResizeSize = {
+    pixel: number;
+    percentage: number;
+};
+export type OnResizeCallback = (size: OnResizeSize) => void;
 interface InitializePanelOptions {
     min?: Unit;
     max?: Unit;
@@ -220,6 +228,9 @@ interface InitializePanelOptions {
     onCollapseChange?: {
         current: ((isCollapsed: boolean) => void) | null | undefined;
     };
+    onResize?: {
+        current: OnResizeCallback | null | undefined;
+    };
     collapseAnimation?: PanelData["collapseAnimation"];
     defaultCollapsed?: boolean;
     id?: string;
@@ -230,7 +241,7 @@ type InitializePanelOptionsWithId = InitializePanelOptions & {
 export declare function initializePanel(item: InitializePanelOptionsWithId): PanelData;
 export declare function initializePanel(item: InitializePanelOptions): Omit<PanelData, "id">;
 export declare function initializePanelHandleData(item: InitializePanelHandleData): {
-    size: ParsedUnit;
+    size: ParsedPixelUnit;
     id: string;
     order?: number | undefined;
     type: "handle";
@@ -240,8 +251,6 @@ export declare function parseUnit(unit: Unit | "1fr"): ParsedUnit;
 /** Convert a `Unit` to a percentage of the group size */
 export declare function getUnitPercentageValue(groupsSize: number, unit: ParsedUnit): number;
 export declare function getGroupSize(context: GroupMachineContextValue): number;
-/** Get the size of a panel in pixels */
-export declare function getUnitPixelValue(context: GroupMachineContextValue, unit: ParsedUnit | "1fr"): Big.Big;
 /** Get a panel with a particular ID. */
 export declare function getPanelWithId(context: GroupMachineContextValue, panelId: string): PanelData;
 /**
@@ -249,6 +258,10 @@ export declare function getPanelWithId(context: GroupMachineContextValue, panelI
  * Will first check the left panel then the right.
  */
 export declare function getCollapsiblePanelForHandleId(context: GroupMachineContextValue, handleId: string): PanelData;
+export declare function getPanelGroupPixelSizes(context: GroupMachineContextValue): number[];
+export declare function getPanelPixelSize(context: GroupMachineContextValue, panelId: string): number;
+export declare function getPanelGroupPercentageSizes(context: GroupMachineContextValue): number[];
+export declare function getPanelPercentageSize(context: GroupMachineContextValue, panelId: string): number;
 /** Build the grid template from the item values. */
 export declare function buildTemplate(context: GroupMachineContextValue): string;
 /**
@@ -301,11 +314,9 @@ export declare function buildTemplate(context: GroupMachineContextValue): string
  */
 /** Converts the items to pixels */
 export declare function prepareItems(context: GroupMachineContextValue): Item[];
-/** Converts the items to percentages */
-export declare function commitLayout(context: GroupMachineContextValue): Item[];
 export declare function dragHandlePayload({ delta, orientation, shiftKey, }: {
     delta: number;
-    orientation: Orientation;
+    orientation?: Orientation;
     shiftKey?: boolean;
 }): {
     readonly type: "move";
@@ -318,7 +329,6 @@ export declare function dragHandlePayload({ delta, orientation, shiftKey, }: {
     readonly deltaY: number;
 };
 export declare const groupMachine: import("xstate").StateMachine<GroupMachineContextValue, RegisterPanelEvent | RegisterDynamicPanelEvent | UnregisterPanelEvent | RegisterPanelHandleEvent | UnregisterPanelHandleEvent | DragHandleStartEvent | DragHandleEvent | DragHandleEndEvent | SetSizeEvent | SetActualItemsSizeEvent | ApplyDeltaEvent | SetOrientationEvent | CollapsePanelEvent | ExpandPanelEvent | SetPanelPixelSizeEvent, Record<string, import("xstate").AnyActorRef>, import("xstate").ProvidedActor, import("xstate").ParameterizedObject, import("xstate").ParameterizedObject, string, import("xstate").StateValue, string, {
-    autosaveId?: string;
     orientation?: Orientation;
     groupId: string;
     initialItems?: Item[];

package/dist/commonjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/commonjs/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.groupMachine = void 0;
 exports.makePercentUnit = makePercentUnit;
 exports.makePixelUnit = makePixelUnit;
+exports.getCursor = getCursor;
 exports.prepareSnapshot = prepareSnapshot;
 exports.isPanelData = isPanelData;
 exports.isPanelHandle = isPanelHandle;
@@ -14,12 +15,14 @@ exports.initializePanelHandleData = initializePanelHandleData;
 exports.parseUnit = parseUnit;
 exports.getUnitPercentageValue = getUnitPercentageValue;
 exports.getGroupSize = getGroupSize;
-exports.getUnitPixelValue = getUnitPixelValue;
 exports.getPanelWithId = getPanelWithId;
 exports.getCollapsiblePanelForHandleId = getCollapsiblePanelForHandleId;
+exports.getPanelGroupPixelSizes = getPanelGroupPixelSizes;
+exports.getPanelPixelSize = getPanelPixelSize;
+exports.getPanelGroupPercentageSizes = getPanelGroupPercentageSizes;
+exports.getPanelPercentageSize = getPanelPercentageSize;
 exports.buildTemplate = buildTemplate;
 exports.prepareItems = prepareItems;
-exports.commitLayout = commitLayout;
 exports.dragHandlePayload = dragHandlePayload;
 const rafz_1 = require("@react-spring/rafz");
 const xstate_1 = require("xstate");
@@ -41,8 +44,8 @@ function getCollapseAnimation(panel) {
         if (typeof panel.collapseAnimation === "string") {
             easeFn = collapseAnimations[panel.collapseAnimation];
         }
-        else if ("duration" in panel.collapseAnimation) {
-            duration = panel.collapseAnimation.duration ?? duration;
+        else {
+            duration = panel.collapseAnimation.duration;
             easeFn =
                 typeof panel.collapseAnimation.easing === "function"
                     ? panel.collapseAnimation.easing
@@ -68,6 +71,30 @@ const collapseAnimations = {
 };
 // #endregion
 // #region Helpers
+function getCursor(context) {
+    if (context.orientation === "horizontal") {
+        if (context.dragOvershoot.gt(0)) {
+            return "w-resize";
+        }
+        else if (context.dragOvershoot.lt(0)) {
+            return "e-resize";
+        }
+        else {
+            return "ew-resize";
+        }
+    }
+    else {
+        if (context.dragOvershoot.gt(0)) {
+            return "n-resize";
+        }
+        else if (context.dragOvershoot.lt(0)) {
+            return "s-resize";
+        }
+        else {
+            return "ns-resize";
+        }
+    }
+}
 function prepareSnapshot(snapshot) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const snapshotContext = snapshot
@@ -76,12 +103,8 @@ function prepareSnapshot(snapshot) {
     for (const item of snapshotContext.items) {
         if (isPanelData(item)) {
             item.currentValue.value = new big_js_1.default(item.currentValue.value);
-            if (item.collapsedSize) {
-                item.collapsedSize.value = new big_js_1.default(item.collapsedSize.value);
-            }
-            if (item.min) {
-                item.min.value = new big_js_1.default(item.min.value);
-            }
+            item.collapsedSize.value = new big_js_1.default(item.collapsedSize.value);
+            item.min.value = new big_js_1.default(item.min.value);
             if (item.max && item.max !== "1fr") {
                 item.max.value = new big_js_1.default(item.max.value);
             }
@@ -111,6 +134,20 @@ function isPanelHandle(value) {
         value.type === "handle");
 }
 function initializePanel(item) {
+    const onResize = () => {
+        let lastCall = null;
+        // Memo-ize so we only call the callback once per size
+        return ((size) => {
+            if (!lastCall ||
+                (lastCall.pixel === size.pixel &&
+                    lastCall.percentage === size.percentage)) {
+                lastCall = size;
+                return;
+            }
+            lastCall = size;
+            item.onResize?.current?.(size);
+        });
+    };
     const data = {
         type: "panel",
         min: parseUnit(item.min || "0px"),
@@ -121,6 +158,7 @@ function initializePanel(item) {
         collapsible: item.collapsible,
         collapsedSize: parseUnit(item.collapsedSize ?? "0px"),
         onCollapseChange: item.onCollapseChange,
+        onResize: { current: onResize() },
         collapseIsControlled: typeof item.collapsed !== "undefined",
         sizeBeforeCollapse: undefined,
         id: item.id,
@@ -133,7 +171,9 @@ function initializePanelHandleData(item) {
     return {
         type: "handle",
         ...item,
-        size: typeof item.size === "string" ? parseUnit(item.size) : item.size,
+        size: typeof item.size === "string"
+            ? parseUnit(item.size)
+            : item.size,
     };
 }
 /** Parse a `Unit` string or `clamp` value */
@@ -305,6 +345,32 @@ function formatUnit(unit) {
     }
     return `${unit.value.toNumber()}%`;
 }
+function getPanelGroupPixelSizes(context) {
+    return prepareItems(context).map((i) => isPanelData(i)
+        ? i.currentValue.value.toNumber()
+        : getUnitPixelValue(context, i.size).toNumber());
+}
+function getPanelPixelSize(context, panelId) {
+    const p = getPanelWithId({ ...context, items: prepareItems(context) }, panelId);
+    return p.currentValue.value.toNumber();
+}
+function getPanelGroupPercentageSizes(context) {
+    const clamped = commitLayout({
+        ...context,
+        items: prepareItems(context),
+    });
+    return clamped.map((i) => {
+        if (isPanelHandle(i)) {
+            return getUnitPercentageValue(getGroupSize(context), i.size);
+        }
+        return getUnitPercentageValue(getGroupSize(context), i.currentValue);
+    });
+}
+function getPanelPercentageSize(context, panelId) {
+    const items = prepareItems(context);
+    const p = getPanelWithId({ ...context, items }, panelId);
+    return getUnitPercentageValue(getGroupSize(context), p.currentValue);
+}
 /** Build the grid template from the item values. */
 function buildTemplate(context) {
     const staticWidth = getStaticWidth(context);
@@ -314,9 +380,6 @@ function buildTemplate(context) {
             const min = formatUnit(item.min);
             if (item.currentValue.type === "pixel" &&
                 item.currentValue.value.toNumber() !== -1) {
-                if (item.currentValue.value.toNumber() < 0) {
-                    return "0px";
-                }
                 return formatUnit(item.currentValue);
             }
             else if (item.currentValue.type === "percent") {
@@ -564,7 +627,7 @@ function updateLayout(context, dragEvent) {
     panelBefore.currentValue = { type: "pixel", value: panelBeforeNewValue };
     panelAfter.currentValue = { type: "pixel", value: panelAfterNewValue };
     const leftoverSpace = new big_js_1.default(getGroupSize(context)).minus(newItems.reduce((acc, b) => acc.add(isPanelData(b) ? b.currentValue.value : b.size.value), new big_js_1.default(0)));
-    if (leftoverSpace.gt(0)) {
+    if (!leftoverSpace.eq(0)) {
         panelBefore.currentValue.value =
             panelBefore.currentValue.value.add(leftoverSpace);
     }
@@ -600,7 +663,7 @@ function commitLayout(context) {
     });
     return newItems;
 }
-function dragHandlePayload({ delta, orientation, shiftKey = false, }) {
+function dragHandlePayload({ delta, orientation = "horizontal", shiftKey = false, }) {
     return {
         type: "move",
         pointerType: "keyboard",
@@ -712,7 +775,6 @@ exports.groupMachine = (0, xstate_1.createMachine)({
         items: input.initialItems || [],
         orientation: input.orientation || "horizontal",
         dragOvershoot: new big_js_1.default(0),
-        autosaveId: input.autosaveId,
         groupId: input.groupId,
     }),
     states: {
@@ -721,7 +783,13 @@ exports.groupMachine = (0, xstate_1.createMachine)({
                 setActualItemsSize: { actions: ["recordActualItemSize"] },
                 dragHandleStart: { target: "dragging" },
                 setPanelPixelSize: {
-                    actions: ["prepare", "onSetPanelSize", "commit"],
+                    actions: [
+                        "prepare",
+                        "onSetPanelSize",
+                        "commit",
+                        "onResize",
+                        "onAutosave",
+                    ],
                 },
                 collapsePanel: [
                     {
@@ -742,7 +810,7 @@ exports.groupMachine = (0, xstate_1.createMachine)({
         dragging: {
             entry: ["prepare"],
             on: {
-                dragHandle: { actions: ["onDragHandle"] },
+                dragHandle: { actions: ["onDragHandle", "onResize"] },
                 dragHandleEnd: { target: "idle" },
                 collapsePanel: {
                     guard: "shouldCollapseToggle",
@@ -766,24 +834,30 @@ exports.groupMachine = (0, xstate_1.createMachine)({
                 },
             },
             on: {
-                applyDelta: { actions: ["onApplyDelta"] },
+                applyDelta: { actions: ["onApplyDelta", "onResize"] },
             },
         },
     },
     on: {
         registerPanel: { actions: ["assignPanelData"] },
         registerDynamicPanel: {
-            actions: ["prepare", "onRegisterDynamicPanel", "commit", "onAutosave"],
+            actions: [
+                "prepare",
+                "onRegisterDynamicPanel",
+                "commit",
+                "onResize",
+                "onAutosave",
+            ],
         },
         unregisterPanel: {
-            actions: ["prepare", "removeItem", "commit", "onAutosave"],
+            actions: ["prepare", "removeItem", "commit", "onResize", "onAutosave"],
         },
         registerPanelHandle: { actions: ["assignPanelHandleData"] },
         unregisterPanelHandle: {
-            actions: ["prepare", "removeItem", "commit", "onAutosave"],
+            actions: ["prepare", "removeItem", "commit", "onResize", "onAutosave"],
         },
-        setSize: { actions: ["updateSize"] },
-        setOrientation: { actions: ["updateOrientation"] },
+        setSize: { actions: ["updateSize", "onResize"] },
+        setOrientation: { actions: ["updateOrientation", "onResize"] },
     },
 }, {
     guards: {
@@ -978,6 +1052,16 @@ exports.groupMachine = (0, xstate_1.createMachine)({
                 delta,
             }));
         }),
+        onResize: ({ context }) => {
+            for (const item of context.items) {
+                if (isPanelData(item)) {
+                    item.onResize?.current?.({
+                        pixel: getUnitPixelValue(context, item.currentValue).toNumber(),
+                        percentage: getUnitPercentageValue(getGroupSize(context), item.currentValue),
+                    });
+                }
+            }
+        },
     },
 });
 // #endregion