@rpg-engine/long-bow 0.1.78 → 0.1.79

package/dist/long-bow.esm.js

@@ -11,7 +11,7 @@ import { observer } from 'mobx-react';
 import { makeAutoObservable, toJS } from 'mobx';
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -24,7 +24,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
@@ -5975,6 +5974,10 @@ var initialHoverState = {
   posY: 0,
   item: null
 };
+var initialPosition = {
+  x: 0,
+  y: 0
+};
 
 var UIStore = /*#__PURE__*/function () {
   function UIStore() {
@@ -5982,6 +5985,7 @@ var UIStore = /*#__PURE__*/function () {
 
     this.contextMenu = initialState;
     this.onHoverDetail = initialHoverState;
+    this.draggablePosition = initialPosition;
 
     this.handleOnItemClick = function (item, posX, posY, slotContainerType) {
       var _this$contextMenu;
@@ -6096,6 +6100,10 @@ var UIStore = /*#__PURE__*/function () {
     this.clearContextMenu();
   };
 
+  _proto.setDraggablePosition = function setDraggablePosition(currentPosition) {
+    this.draggablePosition = _extends({}, currentPosition);
+  };
+
   return UIStore;
 }();
 
@@ -6126,9 +6134,9 @@ var EquipmentSet = /*#__PURE__*/observer(function (_ref) {
   var equipmentData = [neck, leftHand, ring, head, armor, legs, boot, inventory, rightHand, accessory];
   var equipmentMaskSlots = [ItemSlotType.Neck, ItemSlotType.LeftHand, ItemSlotType.Ring, ItemSlotType.Head, ItemSlotType.Torso, ItemSlotType.Legs, ItemSlotType.Feet, ItemSlotType.Inventory, ItemSlotType.RightHand, ItemSlotType.Accessory]; // we use this draggable position to offset the menu position, after the container is dragged (otherwise, it bugs!)
 
-  var _useState = useState(initialPosition),
-      draggablePosition = _useState[0],
-      setDraggablePosition = _useState[1];
+  uiStore.setDraggablePosition(initialPosition); // const [draggablePosition, setDraggablePosition] = useState<IPosition>(
+  //   initialPosition
+  // );
 
   var handleOnMouseHover = function handleOnMouseHover(event, slotIndex, item, x, y) {
     uiStore.handleOnMouseHover(event, slotIndex, item, x, y, onMouseOver);
@@ -6176,7 +6184,8 @@ var EquipmentSet = /*#__PURE__*/observer(function (_ref) {
     onPositionChange: function onPositionChange(_ref3) {
       var x = _ref3.x,
           y = _ref3.y;
-      setDraggablePosition({
+      // setDraggablePosition({ x, y });
+      uiStore.setDraggablePosition({
         x: x,
         y: y
       });
@@ -6188,14 +6197,14 @@ var EquipmentSet = /*#__PURE__*/observer(function (_ref) {
   }, React.createElement(EquipmentSetContainer, {
     className: "equipment-container-body"
   }, React.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(0, 3)), React.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(3, 7)), React.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(7, 10))), (_uiStore$contextMenu = uiStore.contextMenu) != null && _uiStore$contextMenu.visible ? React.createElement(ListMenu, {
-    x: uiStore.contextMenu.posX - draggablePosition.x,
-    y: uiStore.contextMenu.posY - draggablePosition.y,
+    x: uiStore.contextMenu.posX - uiStore.draggablePosition.x,
+    y: uiStore.contextMenu.posY - uiStore.draggablePosition.y,
     options: uiStore.contextMenu.contextActions,
     onSelected: onSelected
   }) : null, (_uiStore$onHoverDetai = uiStore.onHoverDetail) != null && _uiStore$onHoverDetai.visible ? React.createElement(ItemCard, {
     item: uiStore.onHoverDetail.item,
-    x: uiStore.onHoverDetail.posX - draggablePosition.x,
-    y: uiStore.onHoverDetail.posY - draggablePosition.y
+    x: uiStore.onHoverDetail.posX - uiStore.draggablePosition.x,
+    y: uiStore.onHoverDetail.posY - uiStore.draggablePosition.y
   }) : null);
 });
 var EquipmentSetContainer = /*#__PURE__*/styled.div.withConfig({