@dbugger/drag-grouped-list 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Invoice Master
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,28 @@
+# @dbugger/drag-grouped-list
+
+Headless helpers for grouped list reordering with drag-and-drop. This package only handles data transforms and expects the host app to render UI and own persistence.
+
+Usage example with `@hello-pangea/dnd` result shapes:
+
+```js
+import { applyItemDrag } from "@dbugger/drag-grouped-list";
+
+const onDragEnd = ({ source, destination }) => {
+	const result = applyItemDrag({
+		itemsByColumn,
+		source,
+		destination,
+	});
+
+	if (!result.movedItem) return;
+
+	setItemsByColumn(result.itemsByColumn);
+	onMoveTask({
+		taskId: result.movedItem.id,
+		columnId: result.toColumnId,
+		position: result.toIndex,
+	});
+};
+```
+
+The package is ESM only and declares `@hello-pangea/dnd` as a peer dependency.

package/dist/index.js

@@ -0,0 +1,55 @@
+const s = (e, n, r) => {
+  const o = Array.from(e), [d] = o.splice(n, 1);
+  return o.splice(r, 0, d), o;
+}, c = (e, n, r, o) => {
+  const d = Array.from(e), t = Array.from(n), [l] = d.splice(r, 1);
+  return l === void 0 ? { sourceItems: e, destinationItems: n } : (t.splice(o, 0, l), { sourceItems: d, destinationItems: t, movedItem: l });
+}, f = ({ itemsByColumn: e, source: n, destination: r }) => {
+  if (!r)
+    return {
+      itemsByColumn: e,
+      movedItem: null,
+      fromColumnId: null,
+      toColumnId: null,
+      fromIndex: null,
+      toIndex: null
+    };
+  const o = n.droppableId, d = r.droppableId, t = e[o] || [], l = e[d] || [], x = t[n.index];
+  if (!x)
+    return {
+      itemsByColumn: e,
+      movedItem: null,
+      fromColumnId: o,
+      toColumnId: d,
+      fromIndex: n.index,
+      toIndex: r.index
+    };
+  let I = e;
+  if (o === d) {
+    if (n.index !== r.index) {
+      const m = s(t, n.index, r.index);
+      I = { ...e, [o]: m };
+    }
+  } else {
+    const m = c(t, l, n.index, r.index);
+    I = {
+      ...e,
+      [o]: m.sourceItems,
+      [d]: m.destinationItems
+    };
+  }
+  return {
+    itemsByColumn: I,
+    movedItem: x,
+    fromColumnId: o,
+    toColumnId: d,
+    fromIndex: n.index,
+    toIndex: r.index
+  };
+};
+export {
+  f as applyItemDrag,
+  c as moveItemBetweenLists,
+  s as reorderList
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/reorder.js"],"sourcesContent":["export const reorderList = (list, startIndex, endIndex) => {\n\tconst result = Array.from(list);\n\tconst [removed] = result.splice(startIndex, 1);\n\tresult.splice(endIndex, 0, removed);\n\treturn result;\n};\n\nexport const moveItemBetweenLists = (sourceItems, destinationItems, sourceIndex, destinationIndex) => {\n\tconst sourceClone = Array.from(sourceItems);\n\tconst destClone = Array.from(destinationItems);\n\tconst [moved] = sourceClone.splice(sourceIndex, 1);\n\tif (moved === undefined) {\n\t\treturn { sourceItems, destinationItems };\n\t}\n\tdestClone.splice(destinationIndex, 0, moved);\n\treturn { sourceItems: sourceClone, destinationItems: destClone, movedItem: moved };\n};\n\nexport const applyItemDrag = ({ itemsByColumn, source, destination }) => {\n\tif (!destination) {\n\t\treturn {\n\t\t\titemsByColumn,\n\t\t\tmovedItem: null,\n\t\t\tfromColumnId: null,\n\t\t\ttoColumnId: null,\n\t\t\tfromIndex: null,\n\t\t\ttoIndex: null,\n\t\t};\n\t}\n\n\tconst fromColumnId = source.droppableId;\n\tconst toColumnId = destination.droppableId;\n\tconst fromItems = itemsByColumn[fromColumnId] || [];\n\tconst toItems = itemsByColumn[toColumnId] || [];\n\tconst movedItem = fromItems[source.index];\n\n\tif (!movedItem) {\n\t\treturn {\n\t\t\titemsByColumn,\n\t\t\tmovedItem: null,\n\t\t\tfromColumnId,\n\t\t\ttoColumnId,\n\t\t\tfromIndex: source.index,\n\t\t\ttoIndex: destination.index,\n\t\t};\n\t}\n\n\tlet nextItemsByColumn = itemsByColumn;\n\n\tif (fromColumnId === toColumnId) {\n\t\tif (source.index !== destination.index) {\n\t\t\tconst reordered = reorderList(fromItems, source.index, destination.index);\n\t\t\tnextItemsByColumn = { ...itemsByColumn, [fromColumnId]: reordered };\n\t\t}\n\t} else {\n\t\tconst moved = moveItemBetweenLists(fromItems, toItems, source.index, destination.index);\n\t\tnextItemsByColumn = {\n\t\t\t...itemsByColumn,\n\t\t\t[fromColumnId]: moved.sourceItems,\n\t\t\t[toColumnId]: moved.destinationItems,\n\t\t};\n\t}\n\n\treturn {\n\t\titemsByColumn: nextItemsByColumn,\n\t\tmovedItem,\n\t\tfromColumnId,\n\t\ttoColumnId,\n\t\tfromIndex: source.index,\n\t\ttoIndex: destination.index,\n\t};\n};\n"],"names":["reorderList","list","startIndex","endIndex","result","removed","moveItemBetweenLists","sourceItems","destinationItems","sourceIndex","destinationIndex","sourceClone","destClone","moved","applyItemDrag","itemsByColumn","source","destination","fromColumnId","toColumnId","fromItems","toItems","movedItem","nextItemsByColumn","reordered"],"mappings":"AAAY,MAACA,IAAc,CAACC,GAAMC,GAAYC,MAAa;AAC1D,QAAMC,IAAS,MAAM,KAAKH,CAAI,GACxB,CAACI,CAAO,IAAID,EAAO,OAAOF,GAAY,CAAC;AAC7C,SAAAE,EAAO,OAAOD,GAAU,GAAGE,CAAO,GAC3BD;AACR,GAEaE,IAAuB,CAACC,GAAaC,GAAkBC,GAAaC,MAAqB;AACrG,QAAMC,IAAc,MAAM,KAAKJ,CAAW,GACpCK,IAAY,MAAM,KAAKJ,CAAgB,GACvC,CAACK,CAAK,IAAIF,EAAY,OAAOF,GAAa,CAAC;AACjD,SAAII,MAAU,SACN,EAAE,aAAAN,GAAa,kBAAAC,EAAgB,KAEvCI,EAAU,OAAOF,GAAkB,GAAGG,CAAK,GACpC,EAAE,aAAaF,GAAa,kBAAkBC,GAAW,WAAWC,EAAK;AACjF,GAEaC,IAAgB,CAAC,EAAE,eAAAC,GAAe,QAAAC,GAAQ,aAAAC,EAAW,MAAO;AACxE,MAAI,CAACA;AACJ,WAAO;AAAA,MACN,eAAAF;AAAA,MACA,WAAW;AAAA,MACX,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,SAAS;AAAA,IACZ;AAGC,QAAMG,IAAeF,EAAO,aACtBG,IAAaF,EAAY,aACzBG,IAAYL,EAAcG,CAAY,KAAK,CAAA,GAC3CG,IAAUN,EAAcI,CAAU,KAAK,CAAA,GACvCG,IAAYF,EAAUJ,EAAO,KAAK;AAExC,MAAI,CAACM;AACJ,WAAO;AAAA,MACN,eAAAP;AAAA,MACA,WAAW;AAAA,MACX,cAAAG;AAAA,MACA,YAAAC;AAAA,MACA,WAAWH,EAAO;AAAA,MAClB,SAASC,EAAY;AAAA,IACxB;AAGC,MAAIM,IAAoBR;AAExB,MAAIG,MAAiBC;AACpB,QAAIH,EAAO,UAAUC,EAAY,OAAO;AACvC,YAAMO,IAAYxB,EAAYoB,GAAWJ,EAAO,OAAOC,EAAY,KAAK;AACxE,MAAAM,IAAoB,EAAE,GAAGR,GAAe,CAACG,CAAY,GAAGM,EAAS;AAAA,IAClE;AAAA,SACM;AACN,UAAMX,IAAQP,EAAqBc,GAAWC,GAASL,EAAO,OAAOC,EAAY,KAAK;AACtF,IAAAM,IAAoB;AAAA,MACnB,GAAGR;AAAA,MACH,CAACG,CAAY,GAAGL,EAAM;AAAA,MACtB,CAACM,CAAU,GAAGN,EAAM;AAAA,IACvB;AAAA,EACC;AAEA,SAAO;AAAA,IACN,eAAeU;AAAA,IACf,WAAAD;AAAA,IACA,cAAAJ;AAAA,IACA,YAAAC;AAAA,IACA,WAAWH,EAAO;AAAA,IAClB,SAASC,EAAY;AAAA,EACvB;AACA;"}

package/package.json

@@ -0,0 +1,27 @@
+{
+	"name": "@dbugger/drag-grouped-list",
+	"version": "0.1.1",
+	"description": "Headless helpers for grouped list reordering with drag-and-drop.",
+	"license": "MIT",
+	"type": "module",
+	"main": "./dist/index.js",
+	"exports": {
+		".": "./dist/index.js"
+	},
+	"files": [
+		"dist",
+		"README.md",
+		"LICENSE"
+	],
+	"peerDependencies": {
+		"@hello-pangea/dnd": "^18.0.1"
+	},
+	"scripts": {
+		"build": "vite build",
+		"test": "vitest run"
+	},
+	"devDependencies": {
+		"vite": "^5.3.4",
+		"vitest": "^1.5.1"
+	}
+}