@zag-js/splitter 1.34.0 → 1.35.0

package/dist/utils/resize-by-delta.mjs

@@ -0,0 +1,140 @@
+// src/utils/resize-by-delta.ts
+import { ensure } from "@zag-js/utils";
+import { fuzzyCompareNumbers, fuzzySizeEqual, fuzzyNumbersEqual } from "./fuzzy.mjs";
+import { resizePanel } from "./resize-panel.mjs";
+function resizeByDelta(props) {
+  let { delta, initialSize, panels, pivotIndices, prevSize, trigger } = props;
+  if (fuzzyNumbersEqual(delta, 0)) {
+    return initialSize;
+  }
+  const nextSize = [...initialSize];
+  const [firstPivotIndex, secondPivotIndex] = pivotIndices;
+  ensure(firstPivotIndex, () => "Invalid first pivot index");
+  ensure(secondPivotIndex, () => "Invalid second pivot index");
+  let deltaApplied = 0;
+  {
+    if (trigger === "keyboard") {
+      {
+        const index = delta < 0 ? secondPivotIndex : firstPivotIndex;
+        const panel = panels[index];
+        ensure(panel, () => `Panel data not found for index ${index}`);
+        const { collapsedSize = 0, collapsible, minSize = 0 } = panel;
+        if (collapsible) {
+          const prevSize2 = initialSize[index];
+          ensure(prevSize2, () => `Previous size not found for panel index ${index}`);
+          if (fuzzyNumbersEqual(prevSize2, collapsedSize)) {
+            const localDelta = minSize - prevSize2;
+            if (fuzzyCompareNumbers(localDelta, Math.abs(delta)) > 0) {
+              delta = delta < 0 ? 0 - localDelta : localDelta;
+            }
+          }
+        }
+      }
+      {
+        const index = delta < 0 ? firstPivotIndex : secondPivotIndex;
+        const panel = panels[index];
+        ensure(panel, () => `No panel data found for index ${index}`);
+        const { collapsedSize = 0, collapsible, minSize = 0 } = panel;
+        if (collapsible) {
+          const prevSize2 = initialSize[index];
+          ensure(prevSize2, () => `Previous size not found for panel index ${index}`);
+          if (fuzzyNumbersEqual(prevSize2, minSize)) {
+            const localDelta = prevSize2 - collapsedSize;
+            if (fuzzyCompareNumbers(localDelta, Math.abs(delta)) > 0) {
+              delta = delta < 0 ? 0 - localDelta : localDelta;
+            }
+          }
+        }
+      }
+    }
+  }
+  {
+    const increment = delta < 0 ? 1 : -1;
+    let index = delta < 0 ? secondPivotIndex : firstPivotIndex;
+    let maxAvailableDelta = 0;
+    while (true) {
+      const prevSize2 = initialSize[index];
+      ensure(prevSize2, () => `Previous size not found for panel index ${index}`);
+      const maxSafeSize = resizePanel({
+        panels,
+        index,
+        size: 100
+      });
+      const delta2 = maxSafeSize - prevSize2;
+      maxAvailableDelta += delta2;
+      index += increment;
+      if (index < 0 || index >= panels.length) {
+        break;
+      }
+    }
+    const minAbsDelta = Math.min(Math.abs(delta), Math.abs(maxAvailableDelta));
+    delta = delta < 0 ? 0 - minAbsDelta : minAbsDelta;
+  }
+  {
+    const pivotIndex = delta < 0 ? firstPivotIndex : secondPivotIndex;
+    let index = pivotIndex;
+    while (index >= 0 && index < panels.length) {
+      const deltaRemaining = Math.abs(delta) - Math.abs(deltaApplied);
+      const prevSize2 = initialSize[index];
+      ensure(prevSize2, () => `Previous size not found for panel index ${index}`);
+      const unsafeSize = prevSize2 - deltaRemaining;
+      const safeSize = resizePanel({ panels, index, size: unsafeSize });
+      if (!fuzzyNumbersEqual(prevSize2, safeSize)) {
+        deltaApplied += prevSize2 - safeSize;
+        nextSize[index] = safeSize;
+        if (deltaApplied.toPrecision(3).localeCompare(Math.abs(delta).toPrecision(3), void 0, {
+          numeric: true
+        }) >= 0) {
+          break;
+        }
+      }
+      if (delta < 0) {
+        index--;
+      } else {
+        index++;
+      }
+    }
+  }
+  if (fuzzySizeEqual(prevSize, nextSize)) {
+    return prevSize;
+  }
+  {
+    const pivotIndex = delta < 0 ? secondPivotIndex : firstPivotIndex;
+    const prevSize2 = initialSize[pivotIndex];
+    ensure(prevSize2, () => `Previous size not found for panel index ${pivotIndex}`);
+    const unsafeSize = prevSize2 + deltaApplied;
+    const safeSize = resizePanel({ panels, index: pivotIndex, size: unsafeSize });
+    nextSize[pivotIndex] = safeSize;
+    if (!fuzzyNumbersEqual(safeSize, unsafeSize)) {
+      let deltaRemaining = unsafeSize - safeSize;
+      const pivotIndex2 = delta < 0 ? secondPivotIndex : firstPivotIndex;
+      let index = pivotIndex2;
+      while (index >= 0 && index < panels.length) {
+        const prevSize3 = nextSize[index];
+        ensure(prevSize3, () => `Previous size not found for panel index ${index}`);
+        const unsafeSize2 = prevSize3 + deltaRemaining;
+        const safeSize2 = resizePanel({ panels, index, size: unsafeSize2 });
+        if (!fuzzyNumbersEqual(prevSize3, safeSize2)) {
+          deltaRemaining -= safeSize2 - prevSize3;
+          nextSize[index] = safeSize2;
+        }
+        if (fuzzyNumbersEqual(deltaRemaining, 0)) {
+          break;
+        }
+        if (delta > 0) {
+          index--;
+        } else {
+          index++;
+        }
+      }
+    }
+  }
+  const totalSize = nextSize.reduce((total, size) => size + total, 0);
+  if (!fuzzyNumbersEqual(totalSize, 100)) {
+    return prevSize;
+  }
+  return nextSize;
+}
+export {
+  resizeByDelta
+};

package/dist/utils/resize-panel.d.mts

@@ -0,0 +1,16 @@
+import { PanelData } from '../splitter.types.mjs';
+import '@zag-js/core';
+import '@zag-js/types';
+
+/**
+ * This code was modified from react-resizable-panels by Brian Vaughn
+ * @see https://github.com/bvaughn/react-resizable-panels
+ */
+
+declare function resizePanel({ panels, index, size }: {
+    panels: PanelData[];
+    index: number;
+    size: number;
+}): number;
+
+export { resizePanel };

package/dist/utils/resize-panel.d.ts

@@ -0,0 +1,16 @@
+import { PanelData } from '../splitter.types.js';
+import '@zag-js/core';
+import '@zag-js/types';
+
+/**
+ * This code was modified from react-resizable-panels by Brian Vaughn
+ * @see https://github.com/bvaughn/react-resizable-panels
+ */
+
+declare function resizePanel({ panels, index, size }: {
+    panels: PanelData[];
+    index: number;
+    size: number;
+}): number;
+
+export { resizePanel };

package/dist/utils/resize-panel.js

@@ -0,0 +1,51 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/resize-panel.ts
+var resize_panel_exports = {};
+__export(resize_panel_exports, {
+  resizePanel: () => resizePanel
+});
+module.exports = __toCommonJS(resize_panel_exports);
+var import_utils = require("@zag-js/utils");
+var import_fuzzy = require("./fuzzy.cjs");
+function resizePanel({ panels, index, size }) {
+  const panel = panels[index];
+  (0, import_utils.ensure)(panel, () => `Panel data not found for index ${index}`);
+  let { collapsedSize = 0, collapsible, maxSize = 100, minSize = 0 } = panel;
+  if ((0, import_fuzzy.fuzzyCompareNumbers)(size, minSize) < 0) {
+    if (collapsible) {
+      const halfwayPoint = (collapsedSize + minSize) / 2;
+      if ((0, import_fuzzy.fuzzyCompareNumbers)(size, halfwayPoint) < 0) {
+        size = collapsedSize;
+      } else {
+        size = minSize;
+      }
+    } else {
+      size = minSize;
+    }
+  }
+  size = Math.min(maxSize, size);
+  size = parseFloat(size.toFixed(import_fuzzy.PRECISION));
+  return size;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  resizePanel
+});

package/dist/utils/resize-panel.mjs

@@ -0,0 +1,26 @@
+// src/utils/resize-panel.ts
+import { ensure } from "@zag-js/utils";
+import { fuzzyCompareNumbers, PRECISION } from "./fuzzy.mjs";
+function resizePanel({ panels, index, size }) {
+  const panel = panels[index];
+  ensure(panel, () => `Panel data not found for index ${index}`);
+  let { collapsedSize = 0, collapsible, maxSize = 100, minSize = 0 } = panel;
+  if (fuzzyCompareNumbers(size, minSize) < 0) {
+    if (collapsible) {
+      const halfwayPoint = (collapsedSize + minSize) / 2;
+      if (fuzzyCompareNumbers(size, halfwayPoint) < 0) {
+        size = collapsedSize;
+      } else {
+        size = minSize;
+      }
+    } else {
+      size = minSize;
+    }
+  }
+  size = Math.min(maxSize, size);
+  size = parseFloat(size.toFixed(PRECISION));
+  return size;
+}
+export {
+  resizePanel
+};

package/dist/utils/validate-sizes.d.mts

@@ -0,0 +1,15 @@
+import { PanelData } from '../splitter.types.mjs';
+import '@zag-js/core';
+import '@zag-js/types';
+
+/**
+ * This code was modified from react-resizable-panels by Brian Vaughn
+ * @see https://github.com/bvaughn/react-resizable-panels
+ */
+
+declare function validateSizes({ size: prevSize, panels }: {
+    size: number[];
+    panels: PanelData[];
+}): number[];
+
+export { validateSizes };

package/dist/utils/validate-sizes.d.ts

@@ -0,0 +1,15 @@
+import { PanelData } from '../splitter.types.js';
+import '@zag-js/core';
+import '@zag-js/types';
+
+/**
+ * This code was modified from react-resizable-panels by Brian Vaughn
+ * @see https://github.com/bvaughn/react-resizable-panels
+ */
+
+declare function validateSizes({ size: prevSize, panels }: {
+    size: number[];
+    panels: PanelData[];
+}): number[];
+
+export { validateSizes };

package/dist/utils/validate-sizes.js

@@ -0,0 +1,72 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/validate-sizes.ts
+var validate_sizes_exports = {};
+__export(validate_sizes_exports, {
+  validateSizes: () => validateSizes
+});
+module.exports = __toCommonJS(validate_sizes_exports);
+var import_utils = require("@zag-js/utils");
+var import_fuzzy = require("./fuzzy.cjs");
+var import_resize_panel = require("./resize-panel.cjs");
+function validateSizes({ size: prevSize, panels }) {
+  const nextSize = [...prevSize];
+  const nextSizeTotalSize = nextSize.reduce((accumulated, current) => accumulated + current, 0);
+  if (nextSize.length !== panels.length) {
+    throw Error(`Invalid ${panels.length} panel size: ${nextSize.map((size) => `${size}%`).join(", ")}`);
+  } else if (!(0, import_fuzzy.fuzzyNumbersEqual)(nextSizeTotalSize, 100) && nextSize.length > 0) {
+    for (let index = 0; index < panels.length; index++) {
+      const unsafeSize = nextSize[index];
+      (0, import_utils.ensure)(unsafeSize, () => `No size data found for index ${index}`);
+      const safeSize = 100 / nextSizeTotalSize * unsafeSize;
+      nextSize[index] = safeSize;
+    }
+  }
+  let remainingSize = 0;
+  for (let index = 0; index < panels.length; index++) {
+    const unsafeSize = nextSize[index];
+    (0, import_utils.ensure)(unsafeSize, () => `No size data found for index ${index}`);
+    const safeSize = (0, import_resize_panel.resizePanel)({ panels, index, size: unsafeSize });
+    if (unsafeSize != safeSize) {
+      remainingSize += unsafeSize - safeSize;
+      nextSize[index] = safeSize;
+    }
+  }
+  if (!(0, import_fuzzy.fuzzyNumbersEqual)(remainingSize, 0)) {
+    for (let index = 0; index < panels.length; index++) {
+      const prevSize2 = nextSize[index];
+      (0, import_utils.ensure)(prevSize2, () => `No size data found for index ${index}`);
+      const unsafeSize = prevSize2 + remainingSize;
+      const safeSize = (0, import_resize_panel.resizePanel)({ panels, index, size: unsafeSize });
+      if (prevSize2 !== safeSize) {
+        remainingSize -= safeSize - prevSize2;
+        nextSize[index] = safeSize;
+        if ((0, import_fuzzy.fuzzyNumbersEqual)(remainingSize, 0)) {
+          break;
+        }
+      }
+    }
+  }
+  return nextSize;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  validateSizes
+});

package/dist/utils/validate-sizes.mjs

@@ -0,0 +1,47 @@
+// src/utils/validate-sizes.ts
+import { ensure } from "@zag-js/utils";
+import { fuzzyNumbersEqual } from "./fuzzy.mjs";
+import { resizePanel } from "./resize-panel.mjs";
+function validateSizes({ size: prevSize, panels }) {
+  const nextSize = [...prevSize];
+  const nextSizeTotalSize = nextSize.reduce((accumulated, current) => accumulated + current, 0);
+  if (nextSize.length !== panels.length) {
+    throw Error(`Invalid ${panels.length} panel size: ${nextSize.map((size) => `${size}%`).join(", ")}`);
+  } else if (!fuzzyNumbersEqual(nextSizeTotalSize, 100) && nextSize.length > 0) {
+    for (let index = 0; index < panels.length; index++) {
+      const unsafeSize = nextSize[index];
+      ensure(unsafeSize, () => `No size data found for index ${index}`);
+      const safeSize = 100 / nextSizeTotalSize * unsafeSize;
+      nextSize[index] = safeSize;
+    }
+  }
+  let remainingSize = 0;
+  for (let index = 0; index < panels.length; index++) {
+    const unsafeSize = nextSize[index];
+    ensure(unsafeSize, () => `No size data found for index ${index}`);
+    const safeSize = resizePanel({ panels, index, size: unsafeSize });
+    if (unsafeSize != safeSize) {
+      remainingSize += unsafeSize - safeSize;
+      nextSize[index] = safeSize;
+    }
+  }
+  if (!fuzzyNumbersEqual(remainingSize, 0)) {
+    for (let index = 0; index < panels.length; index++) {
+      const prevSize2 = nextSize[index];
+      ensure(prevSize2, () => `No size data found for index ${index}`);
+      const unsafeSize = prevSize2 + remainingSize;
+      const safeSize = resizePanel({ panels, index, size: unsafeSize });
+      if (prevSize2 !== safeSize) {
+        remainingSize -= safeSize - prevSize2;
+        nextSize[index] = safeSize;
+        if (fuzzyNumbersEqual(remainingSize, 0)) {
+          break;
+        }
+      }
+    }
+  }
+  return nextSize;
+}
+export {
+  validateSizes
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/splitter",
-  "version": "1.34.0",
+  "version": "1.35.0",
   "description": "Core logic for the splitter widget implemented as a state machine",
   "keywords": [
     "js",
@@ -27,16 +27,16 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "1.34.0",
-    "@zag-js/core": "1.34.0",
-    "@zag-js/types": "1.34.0",
-    "@zag-js/dom-query": "1.34.0",
-    "@zag-js/utils": "1.34.0"
+    "@zag-js/anatomy": "1.35.0",
+    "@zag-js/core": "1.35.0",
+    "@zag-js/types": "1.35.0",
+    "@zag-js/dom-query": "1.35.0",
+    "@zag-js/utils": "1.35.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0"
   },
-  "clean-package": "../../../clean-package.config.json",
+  "clean-package": "./clean-package.config.json",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -51,6 +51,16 @@
         "default": "./dist/index.js"
       }
     },
+    "./anatomy": {
+      "import": {
+        "types": "./dist/splitter.anatomy.d.mts",
+        "default": "./dist/splitter.anatomy.mjs"
+      },
+      "require": {
+        "types": "./dist/splitter.anatomy.d.ts",
+        "default": "./dist/splitter.anatomy.js"
+      }
+    },
     "./package.json": "./package.json"
   },
   "scripts": {