@dnd-kit/helpers 0.0.1

package/README.md

@@ -0,0 +1,17 @@
+# @dnd-kit/helpers
+
+[![Stable release](https://img.shields.io/npm/v/@dnd-kit/helpers.svg)](https://npm.im/@dnd-kit/helpers)
+
+Helpers for working with @dnd-kit.
+
+## Installation
+
+To get started, install the `@dnd-kit/helpers` package via npm or yarn:
+
+```
+npm install @dnd-kit/helpers
+```
+
+## Usage
+
+Visit [docs.dndkit.com](https://docs.dndkit.com) to learn how to get started with @dnd-kit.

package/dist/index.cjs

@@ -0,0 +1,155 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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/index.ts
+var src_exports = {};
+__export(src_exports, {
+  arrayMove: () => arrayMove,
+  arraySwap: () => arraySwap,
+  move: () => move,
+  swap: () => swap
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/move.ts
+function arrayMove(array, from, to) {
+  if (from === to) {
+    return array;
+  }
+  const newArray = array.slice();
+  newArray.splice(to, 0, newArray.splice(from, 1)[0]);
+  return newArray;
+}
+function arraySwap(array, from, to) {
+  if (from === to) {
+    return array;
+  }
+  const newArray = array.slice();
+  const item = newArray[from];
+  newArray[from] = newArray[to];
+  newArray[to] = item;
+  return newArray;
+}
+function mutate(items, source, target, mutation) {
+  if (!source || !target) {
+    return items;
+  }
+  const findIndex = (item, id) => item === id || typeof item === "object" && "id" in item && item.id === id;
+  if (Array.isArray(items)) {
+    const sourceIndex2 = items.findIndex((item) => findIndex(item, source.id));
+    const targetIndex2 = items.findIndex((item) => findIndex(item, target.id));
+    if (sourceIndex2 === -1 || targetIndex2 === -1) {
+      return items;
+    }
+    const { dragOperation: dragOperation2 } = source.manager;
+    if (!dragOperation2.canceled && "index" in source && typeof source.index === "number") {
+      const projectedSourceIndex = source.index;
+      if (projectedSourceIndex !== sourceIndex2) {
+        return mutation(items, sourceIndex2, projectedSourceIndex);
+      }
+    }
+    return mutation(items, sourceIndex2, targetIndex2);
+  }
+  if (source.id === target.id) {
+    return items;
+  }
+  const entries = Object.entries(items);
+  let sourceIndex = -1;
+  let sourceParent;
+  let targetIndex = -1;
+  let targetParent;
+  for (const [id, children] of entries) {
+    if (sourceIndex === -1) {
+      sourceIndex = children.findIndex((item) => findIndex(item, source.id));
+      if (sourceIndex !== -1) {
+        sourceParent = id;
+      }
+    }
+    if (targetIndex === -1) {
+      targetIndex = children.findIndex((item) => findIndex(item, target.id));
+      if (targetIndex !== -1) {
+        targetParent = id;
+      }
+    }
+    if (sourceIndex !== -1 && targetIndex !== -1) {
+      break;
+    }
+  }
+  const { dragOperation } = source.manager;
+  const position = dragOperation.position.current;
+  if (targetParent == null) {
+    if (target.id in items) {
+      const insertionIndex = target.shape && position.y > target.shape.center.y ? items[target.id].length : 0;
+      targetParent = target.id;
+      targetIndex = insertionIndex;
+    }
+  }
+  if (sourceParent == null || targetParent == null) {
+    return items;
+  }
+  if (sourceParent === targetParent) {
+    return __spreadProps(__spreadValues({}, items), {
+      [sourceParent]: mutation(items[sourceParent], sourceIndex, targetIndex)
+    });
+  }
+  const isBelowTarget = target.shape && position.y > target.shape.boundingRectangle.bottom;
+  const modifier = isBelowTarget ? 1 : 0;
+  const sourceItem = items[sourceParent][sourceIndex];
+  return __spreadProps(__spreadValues({}, items), {
+    [sourceParent]: [
+      ...items[sourceParent].slice(0, sourceIndex),
+      ...items[sourceParent].slice(sourceIndex + 1)
+    ],
+    [targetParent]: [
+      ...items[targetParent].slice(0, targetIndex + modifier),
+      sourceItem,
+      ...items[targetParent].slice(targetIndex + modifier)
+    ]
+  });
+}
+function move(items, source, target) {
+  return mutate(items, source, target, arrayMove);
+}
+function swap(items, source, target) {
+  return mutate(items, source, target, arraySwap);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  arrayMove,
+  arraySwap,
+  move,
+  swap
+});

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+import { UniqueIdentifier, Draggable, Droppable } from '@dnd-kit/abstract';
+
+/**
+ * Move an array item to a different position. Returns a new array with the item moved to the new position.
+ */
+declare function arrayMove<T extends any[]>(array: T, from: number, to: number): T;
+/**
+ * Move an array item to a different position. Returns a new array with the item moved to the new position.
+ */
+declare function arraySwap<T extends any[]>(array: T, from: number, to: number): T;
+type Items = UniqueIdentifier[] | {
+    id: UniqueIdentifier;
+}[];
+declare function move<T extends Items | Record<UniqueIdentifier, Items>, U extends Draggable, V extends Droppable>(items: T, source: U | null, target: V | null): T;
+declare function swap<T extends Items | Record<UniqueIdentifier, Items>, U extends Draggable, V extends Droppable>(items: T, source: U | null, target: V | null): T;
+
+export { arrayMove, arraySwap, move, swap };

package/dist/index.js

@@ -0,0 +1,128 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// src/move.ts
+function arrayMove(array, from, to) {
+  if (from === to) {
+    return array;
+  }
+  const newArray = array.slice();
+  newArray.splice(to, 0, newArray.splice(from, 1)[0]);
+  return newArray;
+}
+function arraySwap(array, from, to) {
+  if (from === to) {
+    return array;
+  }
+  const newArray = array.slice();
+  const item = newArray[from];
+  newArray[from] = newArray[to];
+  newArray[to] = item;
+  return newArray;
+}
+function mutate(items, source, target, mutation) {
+  if (!source || !target) {
+    return items;
+  }
+  const findIndex = (item, id) => item === id || typeof item === "object" && "id" in item && item.id === id;
+  if (Array.isArray(items)) {
+    const sourceIndex2 = items.findIndex((item) => findIndex(item, source.id));
+    const targetIndex2 = items.findIndex((item) => findIndex(item, target.id));
+    if (sourceIndex2 === -1 || targetIndex2 === -1) {
+      return items;
+    }
+    const { dragOperation: dragOperation2 } = source.manager;
+    if (!dragOperation2.canceled && "index" in source && typeof source.index === "number") {
+      const projectedSourceIndex = source.index;
+      if (projectedSourceIndex !== sourceIndex2) {
+        return mutation(items, sourceIndex2, projectedSourceIndex);
+      }
+    }
+    return mutation(items, sourceIndex2, targetIndex2);
+  }
+  if (source.id === target.id) {
+    return items;
+  }
+  const entries = Object.entries(items);
+  let sourceIndex = -1;
+  let sourceParent;
+  let targetIndex = -1;
+  let targetParent;
+  for (const [id, children] of entries) {
+    if (sourceIndex === -1) {
+      sourceIndex = children.findIndex((item) => findIndex(item, source.id));
+      if (sourceIndex !== -1) {
+        sourceParent = id;
+      }
+    }
+    if (targetIndex === -1) {
+      targetIndex = children.findIndex((item) => findIndex(item, target.id));
+      if (targetIndex !== -1) {
+        targetParent = id;
+      }
+    }
+    if (sourceIndex !== -1 && targetIndex !== -1) {
+      break;
+    }
+  }
+  const { dragOperation } = source.manager;
+  const position = dragOperation.position.current;
+  if (targetParent == null) {
+    if (target.id in items) {
+      const insertionIndex = target.shape && position.y > target.shape.center.y ? items[target.id].length : 0;
+      targetParent = target.id;
+      targetIndex = insertionIndex;
+    }
+  }
+  if (sourceParent == null || targetParent == null) {
+    return items;
+  }
+  if (sourceParent === targetParent) {
+    return __spreadProps(__spreadValues({}, items), {
+      [sourceParent]: mutation(items[sourceParent], sourceIndex, targetIndex)
+    });
+  }
+  const isBelowTarget = target.shape && position.y > target.shape.boundingRectangle.bottom;
+  const modifier = isBelowTarget ? 1 : 0;
+  const sourceItem = items[sourceParent][sourceIndex];
+  return __spreadProps(__spreadValues({}, items), {
+    [sourceParent]: [
+      ...items[sourceParent].slice(0, sourceIndex),
+      ...items[sourceParent].slice(sourceIndex + 1)
+    ],
+    [targetParent]: [
+      ...items[targetParent].slice(0, targetIndex + modifier),
+      sourceItem,
+      ...items[targetParent].slice(targetIndex + modifier)
+    ]
+  });
+}
+function move(items, source, target) {
+  return mutate(items, source, target, arrayMove);
+}
+function swap(items, source, target) {
+  return mutate(items, source, target, arraySwap);
+}
+export {
+  arrayMove,
+  arraySwap,
+  move,
+  swap
+};

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@dnd-kit/helpers",
+  "type": "module",
+  "version": "0.0.1",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
+  "license": "MIT",
+  "files": [
+    "dist/**"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format esm,cjs --dts --external react",
+    "dev": "tsup src/index.ts --format esm,cjs --watch --dts --external react",
+    "lint": "TIMING=1 eslint src/**/*.ts* --fix",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
+  },
+  "dependencies": {
+    "@dnd-kit/abstract": "*",
+    "tslib": "^2.6.2"
+  },
+  "devDependencies": {
+    "@dnd-kit/eslint-config": "*",
+    "eslint": "^8.38.0",
+    "tsup": "^6.7.0",
+    "typescript": "^5.0.4"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}