@dnd-kit/react 0.0.4-beta-20240621030124 → 0.0.4-beta-20240621184125

package/index.cjs

@@ -10,7 +10,6 @@ var state = require('@dnd-kit/state');
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -39,22 +38,9 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var DragDropContext;
-var init_context = __esm({
-  "src/core/context/context.ts"() {
-    "use client";
-    DragDropContext = react.createContext(
-      new dom.DragDropManager()
-    );
-  }
-});
+var DragDropContext = react.createContext(
+  new dom.DragDropManager()
+);
 function useRenderer() {
   const [_, startTransition2] = react.useTransition();
   const [transitionCount, setTransitionCount] = react.useState(0);
@@ -86,16 +72,6 @@ function useRenderer() {
     }
   };
 }
-var init_renderer = __esm({
-  "src/core/context/renderer.ts"() {
-  }
-});
-
-// src/core/context/DragDropProvider.tsx
-var DragDropProvider_exports = {};
-__export(DragDropProvider_exports, {
-  default: () => DragDropProvider
-});
 function DragDropProvider(_a) {
   var _b = _a, {
     children,
@@ -185,16 +161,6 @@ function DragDropProvider(_a) {
   );
   return /* @__PURE__ */ jsxRuntime.jsx(DragDropContext.Provider, { value: manager, children });
 }
-var init_DragDropProvider = __esm({
-  "src/core/context/DragDropProvider.tsx"() {
-    init_context();
-    init_renderer();
-  }
-});
-var DragDropProvider2 = react.lazy(() => Promise.resolve().then(() => (init_DragDropProvider(), DragDropProvider_exports)));
-
-// src/core/hooks/useDragDropManager.ts
-init_context();
 function useDragDropManager() {
   return react.useContext(DragDropContext);
 }
@@ -312,7 +278,7 @@ function useDragOperation() {
   };
 }
 
-exports.DragDropProvider = DragDropProvider2;
+exports.DragDropProvider = DragDropProvider;
 exports.useDragDropManager = useDragDropManager;
 exports.useDragOperation = useDragOperation;
 exports.useDraggable = useDraggable;

package/index.d.ts

@@ -1,6 +1,5 @@
-import * as react from 'react';
-import { PropsWithChildren } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PropsWithChildren } from 'react';
 import * as _dnd_kit_abstract from '@dnd-kit/abstract';
 import { DragDropEvents, Data } from '@dnd-kit/abstract';
 import * as _dnd_kit_dom from '@dnd-kit/dom';
@@ -17,9 +16,7 @@ interface Props extends DragDropManagerInput, PropsWithChildren {
     onDragOver?: Events['dragover'];
     onDragEnd?: Events['dragend'];
 }
-declare function DragDropProvider$1({ children, onCollision, onBeforeDragStart, onDragStart, onDragMove, onDragOver, onDragEnd, ...input }: Props): react_jsx_runtime.JSX.Element;
-
-declare const DragDropProvider: react.LazyExoticComponent<typeof DragDropProvider$1>;
+declare function DragDropProvider({ children, onCollision, onBeforeDragStart, onDragStart, onDragMove, onDragOver, onDragEnd, ...input }: Props): react_jsx_runtime.JSX.Element;
 
 interface UseDraggableInput<T extends Data = Data> extends Omit<DraggableInput<T>, 'handle' | 'element'> {
     handle?: RefOrValue<Element>;

package/index.js

@@ -1,11 +1,164 @@
-import { DragDropContext, __spreadProps, __spreadValues } from './chunk-56SCTCQE.js';
-import { lazy, useContext, useCallback, useState, useEffect } from 'react';
-import { Draggable, Droppable } from '@dnd-kit/dom';
-import { useComputed, useOnValueChange } from '@dnd-kit/react/hooks';
+import { createContext, useState, useEffect, startTransition, useContext, useCallback, useTransition, useRef } from 'react';
+import { DragDropManager, defaultPreset, Draggable, Droppable } from '@dnd-kit/dom';
+import { useLatest, useOnValueChange, useComputed, useConstant } from '@dnd-kit/react/hooks';
+import { jsx } from 'react/jsx-runtime';
 import { currentValue } from '@dnd-kit/react/utilities';
 import { deepEqual } from '@dnd-kit/state';
 
-var DragDropProvider = lazy(() => import('./DragDropProvider-B4S6ULO6.js'));
+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));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var DragDropContext = createContext(
+  new DragDropManager()
+);
+function useRenderer() {
+  const [_, startTransition2] = useTransition();
+  const [transitionCount, setTransitionCount] = useState(0);
+  const rendering = useRef();
+  const resolver = useRef();
+  const renderer = useConstant(() => ({
+    get rendering() {
+      var _a;
+      return (_a = rendering.current) != null ? _a : Promise.resolve();
+    }
+  }));
+  useOnValueChange(transitionCount, () => {
+    var _a;
+    (_a = resolver.current) == null ? void 0 : _a.call(resolver);
+    rendering.current = void 0;
+  });
+  return {
+    renderer,
+    trackRendering(callback) {
+      if (!rendering.current) {
+        rendering.current = new Promise((resolve) => {
+          resolver.current = resolve;
+        });
+      }
+      startTransition2(() => {
+        callback();
+        setTransitionCount((count) => count + 1);
+      });
+    }
+  };
+}
+function DragDropProvider(_a) {
+  var _b = _a, {
+    children,
+    onCollision,
+    onBeforeDragStart,
+    onDragStart,
+    onDragMove,
+    onDragOver,
+    onDragEnd
+  } = _b, input = __objRest(_b, [
+    "children",
+    "onCollision",
+    "onBeforeDragStart",
+    "onDragStart",
+    "onDragMove",
+    "onDragOver",
+    "onDragEnd"
+  ]);
+  var _a2;
+  const { renderer, trackRendering } = useRenderer();
+  const [manager, setManager] = useState(
+    (_a2 = input.manager) != null ? _a2 : null
+  );
+  const { plugins, modifiers, sensors } = input;
+  const handleBeforeDragStart = useLatest(onBeforeDragStart);
+  const handleDragStart = useLatest(onDragStart);
+  const handleDragOver = useLatest(onDragOver);
+  const handleDragMove = useLatest(onDragMove);
+  const handleDragEnd = useLatest(onDragEnd);
+  const handleCollision = useLatest(onCollision);
+  useEffect(() => {
+    var _a3;
+    const manager2 = (_a3 = input.manager) != null ? _a3 : new DragDropManager(input);
+    manager2.renderer = renderer;
+    manager2.monitor.addEventListener("beforedragstart", (event, manager3) => {
+      const callback = handleBeforeDragStart.current;
+      if (callback) {
+        trackRendering(() => callback(event, manager3));
+      }
+    });
+    manager2.monitor.addEventListener(
+      "dragstart",
+      (event, manager3) => {
+        var _a4;
+        return (_a4 = handleDragStart.current) == null ? void 0 : _a4.call(handleDragStart, event, manager3);
+      }
+    );
+    manager2.monitor.addEventListener("dragover", (event, manager3) => {
+      const callback = handleDragOver.current;
+      if (callback) {
+        trackRendering(() => callback(event, manager3));
+      }
+    });
+    manager2.monitor.addEventListener("dragmove", (event, manager3) => {
+      const callback = handleDragMove.current;
+      if (callback) {
+        trackRendering(() => callback(event, manager3));
+      }
+    });
+    manager2.monitor.addEventListener("dragend", (event, manager3) => {
+      const callback = handleDragEnd.current;
+      if (callback) {
+        trackRendering(() => callback(event, manager3));
+      }
+    });
+    manager2.monitor.addEventListener(
+      "collision",
+      (event, manager3) => {
+        var _a4;
+        return (_a4 = handleCollision.current) == null ? void 0 : _a4.call(handleCollision, event, manager3);
+      }
+    );
+    startTransition(() => setManager(manager2));
+    return manager2.destroy;
+  }, [renderer]);
+  useOnValueChange(
+    plugins,
+    () => manager && (manager.plugins = plugins != null ? plugins : defaultPreset.plugins)
+  );
+  useOnValueChange(
+    sensors,
+    () => manager && (manager.sensors = sensors != null ? sensors : defaultPreset.sensors)
+  );
+  useOnValueChange(
+    modifiers,
+    () => manager && (manager.modifiers = modifiers != null ? modifiers : [])
+  );
+  return /* @__PURE__ */ jsx(DragDropContext.Provider, { value: manager, children });
+}
 function useDragDropManager() {
   return useContext(DragDropContext);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dnd-kit/react",
-  "version": "0.0.4-beta-20240621030124",
+  "version": "0.0.4-beta-20240621184125",
   "main": "./index.cjs",
   "module": "./index.js",
   "type": "module",
@@ -56,9 +56,9 @@
     "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
   },
   "dependencies": {
-    "@dnd-kit/abstract": "0.0.4-beta-20240621030124",
-    "@dnd-kit/dom": "0.0.4-beta-20240621030124",
-    "@dnd-kit/state": "0.0.4-beta-20240621030124",
+    "@dnd-kit/abstract": "0.0.4-beta-20240621184125",
+    "@dnd-kit/dom": "0.0.4-beta-20240621184125",
+    "@dnd-kit/state": "0.0.4-beta-20240621184125",
     "tslib": "^2.6.2"
   },
   "peerDependencies": {