react-reorder-list 0.8.2 → 0.8.4

package/dist/index.d.ts

@@ -1,11 +1,11 @@
 import { CSSProperties, DetailedHTMLProps, DragEventHandler, HTMLAttributes, JSX, ReactNode, RefObject, TouchEventHandler } from "react";
 export type Props = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
 export type PositionChangeHandler = (event: {
-    start?: number;
-    end?: number;
-    oldItems?: ReactNode[];
-    newItems?: ReactNode[];
-    revert?: () => void;
+    start: number;
+    end: number;
+    oldItems: ReactNode[];
+    newItems: ReactNode[];
+    revert: Function;
 }) => void;
 export type ReorderListProps = {
     useOnlyIconToDrag?: boolean;

package/dist/index.js

@@ -32,7 +32,7 @@ function ReorderItem(_a) {
         return cloneElement(child, child.type === ReorderIcon ? draggableProps : {}, recursiveClone(child.props.children));
     });
     const recursiveChildren = useMemo(() => (useOnlyIconToDrag ? recursiveClone(children) : children), [useOnlyIconToDrag, children]);
-    return (React.createElement("div", Object.assign({ ref: ref, draggable: !disable && draggable, style: style }, (!disable && Object.assign(Object.assign(Object.assign({}, events), (!useOnlyIconToDrag && draggableProps)), { onTouchEnd: (event) => {
+    return (React.createElement("div", Object.assign({ ref: ref, draggable: !disable && draggable, style: Object.assign(Object.assign({}, style), { touchAction: "pan-y", cursor: useOnlyIconToDrag ? "default" : "grab" }) }, (!disable && Object.assign(Object.assign(Object.assign({}, events), (!useOnlyIconToDrag && draggableProps)), { onTouchEnd: (event) => {
             draggableOnTouchEnd();
             propOnTouchEnd(event);
         } }))), recursiveChildren));
@@ -42,7 +42,7 @@ export default function ReorderList({ useOnlyIconToDrag = false, selectedItemOpa
     const [start, setStart] = useState(-1);
     const [selected, setSelected] = useState(-1);
     const [items, setItems] = useState(Children.toArray(children));
-    const [temp, setTemp] = useState({});
+    const [temp, setTemp] = useState({ items: [] });
     const [isAnimating, setIsAnimating] = useState(false);
     const [scroll, setScroll] = useState();
     const [refs, disableArr] = useMemo(() => items.reduce(([refs, disableArr], item) => {
@@ -91,7 +91,7 @@ export default function ReorderList({ useOnlyIconToDrag = false, selectedItemOpa
     return (React.createElement("div", Object.assign({ ref: ref }, props), disabled ? (children) : (React.createElement(Animation, { duration: +(start !== -1 && !scroll) && animationDuration }, items.map((child, i) => {
         if (!isValidElement(child))
             return child;
-        return (React.createElement(ReorderItem, { key: child.key, ref: refs[i], useOnlyIconToDrag: useOnlyIconToDrag, disable: disableArr[i], style: { opacity: selected === i ? selectedItemOpacity : 1, touchAction: "pan-y" }, onDragStart: (event) => {
+        return (React.createElement(ReorderItem, { key: child.key, ref: refs[i], useOnlyIconToDrag: useOnlyIconToDrag, disable: disableArr[i], style: { opacity: selected === i ? selectedItemOpacity : 1 }, onDragStart: (event) => {
                 var _a, _b;
                 event.stopPropagation();
                 setStart(i);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-reorder-list",
-  "version": "0.8.2",
+  "version": "0.8.4",
   "description": "A simple react component that facilitates the reordering of JSX/HTML elements through drag-and-drop functionality, allowing for easy position changes.",
   "type": "module",
   "main": "dist/index.js",