@rpg-engine/long-bow 0.7.48 → 0.7.50

package/dist/long-bow.esm.js

@@ -27930,9 +27930,9 @@ var ItemSlot = /*#__PURE__*/React.memo( /*#__PURE__*/observer(function (_ref) {
   var _useState4 = useState([]),
     contextActions = _useState4[0],
     setContextActions = _useState4[1];
-  var _useState5 = useState(false),
-    isDragStarted = _useState5[0],
-    setIsDragStarted = _useState5[1];
+  var _useState5 = useState(null),
+    dragStartTime = _useState5[0],
+    setDragStartTime = _useState5[1];
   useEffect(function () {
     setDragState(function (prev) {
       return _extends({}, prev, {
@@ -28003,7 +28003,6 @@ var ItemSlot = /*#__PURE__*/React.memo( /*#__PURE__*/observer(function (_ref) {
   };
   var onDraggableStop = function onDraggableStop(e, data) {
     setDraggingItem(null);
-    setIsDragStarted(false);
     var target = e.target;
     if (!target) return;
     if (target != null && target.id.includes('shortcutSetter') && setItemShortcut && item) {
@@ -28015,6 +28014,8 @@ var ItemSlot = /*#__PURE__*/React.memo( /*#__PURE__*/observer(function (_ref) {
     // remove the class react-draggable-dragging from the element
     // to prevent the item from being dragged again
     target.classList.remove('react-draggable-dragging');
+    var dragEndTime = Date.now();
+    var dragDuration = dragStartTime ? dragEndTime - dragStartTime : 0;
     if (dragState.wasDragged && item && !isSelectingShortcut) {
       var _e$target;
       //@ts-ignore
@@ -28070,9 +28071,10 @@ var ItemSlot = /*#__PURE__*/React.memo( /*#__PURE__*/observer(function (_ref) {
           });
         }
       }, 50);
-    } else if (item && !isDragStarted) {
+    } else if (item && dragDuration < 200) {
+      // Consider it a click if drag duration is less than 200ms
       var isTouch = false;
-      if (!isContextMenuDisabled && e.type === 'touchend' && !isSelectingShortcut && !dragState.wasDragged) {
+      if (!isContextMenuDisabled && e.type === 'touchend' && !isSelectingShortcut) {
         isTouch = true;
         setTooltipState(function (prev) {
           return _extends({}, prev, {
@@ -28105,7 +28107,7 @@ var ItemSlot = /*#__PURE__*/React.memo( /*#__PURE__*/observer(function (_ref) {
     if (!item || isSelectingShortcut) {
       return;
     }
-    setIsDragStarted(true);
+    setDragStartTime(Date.now());
     if (onDragStart && containerType) {
       onDragStart(item, slotIndex, containerType);
     }