@rpg-engine/long-bow 0.2.89 → 0.2.91

package/dist/long-bow.esm.js

@@ -33477,6 +33477,7 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
     onDragEnd = _ref.onDragEnd,
     onDragStart = _ref.onDragStart,
     onPlaceDrop = _ref.onPlaceDrop,
+    onDrop = _ref.onOutsideDrop,
     checkIfItemCanBeMoved = _ref.checkIfItemCanBeMoved,
     openQuantitySelector = _ref.openQuantitySelector;
   var _useState = useState(false),
@@ -33497,10 +33498,13 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
     }),
     dragPosition = _useState5[0],
     setDragPosition = _useState5[1];
+  var _useState6 = useState(null),
+    dropPosition = _useState6[0],
+    setDropPosition = _useState6[1];
   var dragContainer = useRef(null);
-  var _useState6 = useState([]),
-    contextActions = _useState6[0],
-    setContextActions = _useState6[1];
+  var _useState7 = useState([]),
+    contextActions = _useState7[0],
+    setContextActions = _useState7[1];
   useEffect(function () {
     setDragPosition({
       x: 0,
@@ -33510,6 +33514,11 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
       setContextActions(generateContextMenu(item, containerType));
     }
   }, [item]);
+  useEffect(function () {
+    if (onDrop && item && dropPosition) {
+      onDrop(item, dropPosition);
+    }
+  }, [dropPosition]);
   var getStackInfo = function getStackInfo(itemId, stackQty) {
     // if (itemToRender?.isStackable && itemToRender?.stackQty) {
     var isFractionalStackQty = stackQty % 1 !== 0;
@@ -33632,11 +33641,21 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
     }
   }, React.createElement(Draggable, {
     defaultClassName: item ? 'draggable' : 'empty-slot',
-    onStop: function onStop() {
-      if (!item) {
-        return;
-      }
-      if (wasDragged) {
+    onStop: function onStop(e, data) {
+      if (wasDragged && item) {
+        var _e$target;
+        //@ts-ignore
+        var classes = Array.from((_e$target = e.target) == null ? void 0 : _e$target.classList);
+        var isOutsideDrop = classes.some(function (elm) {
+          //elm matches ItemContainer string
+          return elm.includes('rpgui-content');
+        });
+        if (isOutsideDrop) {
+          setDropPosition({
+            x: data.x,
+            y: data.y
+          });
+        }
         setWasDragged(false);
         var target = dragContainer.current;
         if (!target || !wasDragged) return;
@@ -33738,6 +33757,7 @@ var EquipmentSet = function EquipmentSet(_ref) {
     onItemDragEnd = _ref.onItemDragEnd,
     onItemDragStart = _ref.onItemDragStart,
     onItemPlaceDrop = _ref.onItemPlaceDrop,
+    onItemOutsideDrop = _ref.onItemOutsideDrop,
     checkIfItemCanBeMoved = _ref.checkIfItemCanBeMoved;
   var neck = equipmentSet.neck,
     leftHand = equipmentSet.leftHand,
@@ -33787,6 +33807,9 @@ var EquipmentSet = function EquipmentSet(_ref) {
         onPlaceDrop: function onPlaceDrop(item, slotIndex, itemContainerType) {
           if (onItemPlaceDrop) onItemPlaceDrop(item, slotIndex, itemContainerType);
         },
+        onOutsideDrop: function onOutsideDrop(item, position) {
+          if (onItemOutsideDrop) onItemOutsideDrop(item, position);
+        },
         atlasIMG: atlasIMG,
         atlasJSON: atlasJSON
       });
@@ -34557,6 +34580,7 @@ var ItemContainer$1 = function ItemContainer(_ref) {
     onItemDragEnd = _ref.onItemDragEnd,
     onItemDragStart = _ref.onItemDragStart,
     onItemPlaceDrop = _ref.onItemPlaceDrop,
+    _onOutsideDrop = _ref.onOutsideDrop,
     checkIfItemCanBeMoved = _ref.checkIfItemCanBeMoved,
     initialPosition = _ref.initialPosition;
   var _useState = useState({
@@ -34602,6 +34626,9 @@ var ItemContainer$1 = function ItemContainer(_ref) {
         onPlaceDrop: function onPlaceDrop(item, slotIndex, itemContainerType) {
           if (onItemPlaceDrop) onItemPlaceDrop(item, slotIndex, itemContainerType);
         },
+        onOutsideDrop: function onOutsideDrop(item, position) {
+          if (_onOutsideDrop) _onOutsideDrop(item, position);
+        },
         atlasIMG: atlasIMG,
         atlasJSON: atlasJSON
       }));