@mk-drag-and-drop/react 0.1.0

package/dist/modifiers/restrict-to-container.d.ts

@@ -0,0 +1,4 @@
+import type { RefObject } from "react";
+import { type DragModifier, type DragRect, type RestrictToContainerResolver } from "@mk-drag-and-drop/dom";
+export type ReactRestrictToContainerInput = RefObject<HTMLElement | null> | RestrictToContainerResolver;
+export declare function restrictToContainer(input: ReactRestrictToContainerInput): DragModifier<DragRect | null>;

package/dist/modifiers/restrict-to-container.js

@@ -0,0 +1,10 @@
+import { restrictToContainer as restrictDomToContainer, } from "@mk-drag-and-drop/dom";
+export function restrictToContainer(input) {
+    if (isRefObject(input)) {
+        return restrictDomToContainer(() => input.current);
+    }
+    return restrictDomToContainer(input);
+}
+function isRefObject(input) {
+    return typeof input === "object" && input !== null && "current" in input;
+}

package/dist/utils/compose-refs.d.ts

@@ -0,0 +1,2 @@
+import type { Ref, RefCallback } from "react";
+export declare function composeRefs<ElementType>(...refs: Array<Ref<ElementType> | undefined>): RefCallback<ElementType>;

package/dist/utils/compose-refs.js

@@ -0,0 +1,15 @@
+export function composeRefs(...refs) {
+    return (element) => {
+        for (const ref of refs) {
+            if (!ref) {
+                continue;
+            }
+            if (typeof ref === "function") {
+                ref(element);
+            }
+            else {
+                ref.current = element;
+            }
+        }
+    };
+}

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@mk-drag-and-drop/react",
+  "version": "0.1.0",
+  "description": "React hooks and provider for the mk drag-and-drop DOM runtime.",
+  "license": "MIT",
+  "homepage": "https://mkramer.dev",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/mkramerdev/mk-drag-and-drop.git",
+    "directory": "packages/mk-drag-and-drop/react"
+  },
+  "bugs": {
+    "url": "https://github.com/mkramerdev/mk-drag-and-drop/issues"
+  },
+  "keywords": [
+    "drag-and-drop",
+    "dnd",
+    "sortable",
+    "react",
+    "hooks",
+    "headless",
+    "typescript"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@mk-drag-and-drop/dom": "0.1.0"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.6.4",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "eslint": "^8.57.0",
+    "jsdom": "^24.1.3",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "vitest": "^2.1.9",
+    "typescript": "5.5.4",
+    "@repo/eslint-config": "0.0.0",
+    "@repo/typescript-config": "0.0.0"
+  },
+  "scripts": {
+    "clean": "node -e \"require('fs').rmSync('dist', { recursive: true, force: true })\"",
+    "build": "pnpm run clean && tsc -p tsconfig.json",
+    "dev": "tsc -p tsconfig.json --watch --preserveWatchOutput",
+    "lint": "eslint \"src/**/*.{ts,tsx}\"",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  }
+}