@rpg-engine/long-bow 0.3.82 → 0.3.84

package/dist/components/Abstractions/SlotsContainer.d.ts

@@ -5,6 +5,8 @@ interface IProps {
     title: string;
     onClose?: () => void;
     onPositionChange?: (position: IPosition) => void;
+    onPositionChangeEnd?: (position: IPosition) => void;
+    onPositionChangeStart?: (position: IPosition) => void;
     onOutsideClick?: () => void;
     initialPosition?: IPosition;
     scale?: number;

package/dist/components/DraggableContainer.d.ts

@@ -13,6 +13,8 @@ export interface IDraggableContainerProps {
     onCloseButton?: () => void;
     cancelDrag?: string;
     onPositionChange?: (position: IPosition) => void;
+    onPositionChangeEnd?: (position: IPosition) => void;
+    onPositionChangeStart?: (position: IPosition) => void;
     onOutsideClick?: () => void;
     initialPosition?: IPosition;
     scale?: number;

package/dist/components/Equipment/EquipmentSet.d.ts

@@ -21,5 +21,7 @@ export interface IEquipmentSetProps {
     type: ItemContainerType | null;
     atlasIMG: any;
     atlasJSON: any;
+    onPositionChangeEnd?: (position: IPosition) => void;
+    onPositionChangeStart?: (position: IPosition) => void;
 }
 export declare const EquipmentSet: React.FC<IEquipmentSetProps>;

package/dist/components/Item/Inventory/ItemContainer.d.ts

@@ -26,5 +26,8 @@ export interface IItemContainerProps {
     setItemShortcut?: (key: string, index: number) => void;
     removeShortcut?: (index: number) => void;
     equipmentSet?: IEquipmentSet | null;
+    isDepotSystem?: boolean;
+    onPositionChangeEnd?: (position: IPosition) => void;
+    onPositionChangeStart?: (position: IPosition) => void;
 }
 export declare const ItemContainer: React.FC<IItemContainerProps>;

package/dist/components/Item/Inventory/ItemSlot.d.ts

@@ -25,6 +25,7 @@ interface IProps {
     isContextMenuDisabled?: boolean;
     isSelectingShortcut?: boolean;
     equipmentSet?: IEquipmentSet | null;
+    isDepotSystem?: boolean;
 }
 export declare const ItemSlot: React.FC<IProps>;
 export declare const rarityColor: (item: IItem | null) => "rgba(13, 193, 13, 0.6)" | "rgba(8, 104, 187, 0.6)" | "rgba(191, 0, 255, 0.6)" | "rgba(255, 191, 0,0.6)" | null;

package/dist/components/Item/Inventory/itemContainerHelper.d.ts

@@ -3,4 +3,4 @@ export interface IContextMenuItem {
     id: string;
     text: string;
 }
-export declare const generateContextMenu: (item: IItem, itemContainerType: ItemContainerType | null) => IContextMenuItem[];
+export declare const generateContextMenu: (item: IItem, itemContainerType: ItemContainerType | null, isDepotSystem?: boolean | undefined) => IContextMenuItem[];

package/dist/components/RelativeListMenu.d.ts

@@ -8,6 +8,10 @@ export interface IRelativeMenuProps {
     onSelected: (selectedOptionId: string) => void;
     fontSize?: number;
     onOutsideClick?: () => void;
+    pos: {
+        x: number;
+        y: number;
+    };
 }
 export declare const RelativeListMenu: React.FC<IRelativeMenuProps>;
 export {};

package/dist/long-bow.cjs.development.js

@@ -33220,6 +33220,8 @@ var DraggableContainer = function DraggableContainer(_ref) {
     imgWidth = _ref$imgWidth === void 0 ? '20px' : _ref$imgWidth,
     cancelDrag = _ref.cancelDrag,
     onPositionChange = _ref.onPositionChange,
+    onPositionChangeEnd = _ref.onPositionChangeEnd,
+    onPositionChangeStart = _ref.onPositionChangeStart,
     onOutsideClick = _ref.onOutsideClick,
     _ref$initialPosition = _ref.initialPosition,
     initialPosition = _ref$initialPosition === void 0 ? {
@@ -33252,6 +33254,22 @@ var DraggableContainer = function DraggableContainer(_ref) {
         });
       }
     },
+    onStop: function onStop(_e, data) {
+      if (onPositionChangeEnd) {
+        onPositionChangeEnd({
+          x: data.x,
+          y: data.y
+        });
+      }
+    },
+    onStart: function onStart(_e, data) {
+      if (onPositionChangeStart) {
+        onPositionChangeStart({
+          x: data.x,
+          y: data.y
+        });
+      }
+    },
     defaultPosition: initialPosition,
     scale: scale
   }, React__default.createElement(Container$6, {
@@ -33384,7 +33402,8 @@ var RelativeListMenu = function RelativeListMenu(_ref) {
     onSelected = _ref.onSelected,
     onOutsideClick = _ref.onOutsideClick,
     _ref$fontSize = _ref.fontSize,
-    fontSize = _ref$fontSize === void 0 ? 0.8 : _ref$fontSize;
+    fontSize = _ref$fontSize === void 0 ? 0.8 : _ref$fontSize,
+    pos = _ref.pos;
   var ref = React.useRef(null);
   useOutsideClick(ref, 'relative-context-menu');
   React.useEffect(function () {
@@ -33400,10 +33419,10 @@ var RelativeListMenu = function RelativeListMenu(_ref) {
       document.removeEventListener('clickOutside', function (_e) {});
     };
   }, []);
-  return React__default.createElement(Container$9, {
+  return React__default.createElement(ModalPortal, null, React__default.createElement(Container$9, Object.assign({
     fontSize: fontSize,
     ref: ref
-  }, React__default.createElement("ul", {
+  }, pos), React__default.createElement("ul", {
     className: "rpgui-list-imp",
     style: {
       overflow: 'hidden'
@@ -33415,12 +33434,16 @@ var RelativeListMenu = function RelativeListMenu(_ref) {
         onSelected(params == null ? void 0 : params.id);
       }
     }, (params == null ? void 0 : params.text) || 'No text');
-  })));
+  }))));
 };
 var Container$9 = /*#__PURE__*/styled.div.withConfig({
   displayName: "RelativeListMenu__Container",
   componentId: "sc-7hohf-0"
-})(["position:absolute;top:1rem;left:4rem;display:flex;flex-direction:column;width:max-content;justify-content:start;align-items:flex-start;li{font-size:", "em;}"], function (props) {
+})(["position:absolute;top:", "px;left:", "px;display:flex;flex-direction:column;width:max-content;justify-content:start;align-items:flex-start;li{font-size:", "em;}"], function (props) {
+  return props.y;
+}, function (props) {
+  return props.x;
+}, function (props) {
   return props.fontSize;
 });
 var ListElement = /*#__PURE__*/styled.li.withConfig({
@@ -33493,7 +33516,7 @@ var generateContextMenuListOptions = function generateContextMenuListOptions(act
   });
   return contextMenu;
 };
-var generateContextMenu = function generateContextMenu(item, itemContainerType) {
+var generateContextMenu = function generateContextMenu(item, itemContainerType, isDepotSystem) {
   var contextActionMenu = [];
   if (itemContainerType === shared.ItemContainerType.Inventory) {
     switch (item.type) {
@@ -33519,6 +33542,12 @@ var generateContextMenu = function generateContextMenu(item, itemContainerType)
         contextActionMenu = generateContextMenuListOptions(shared.ActionsForInventory.Other);
         break;
     }
+    if (isDepotSystem) {
+      contextActionMenu.push({
+        id: shared.DepotSocketEvents.Deposit,
+        text: 'Deposit'
+      });
+    }
   }
   if (itemContainerType === shared.ItemContainerType.Equipment) {
     switch (item.type) {
@@ -33582,6 +33611,15 @@ var generateContextMenu = function generateContextMenu(item, itemContainerType)
       });
     }
   }
+  if (itemContainerType === shared.ItemContainerType.Depot) {
+    contextActionMenu = [{
+      id: shared.ItemSocketEvents.GetItemInfo,
+      text: shared.ItemSocketEventsDisplayLabels.GetItemInfo
+    }, {
+      id: shared.DepotSocketEvents.Withdraw,
+      text: 'Withdraw'
+    }];
+  }
   return contextActionMenu;
 };
 
@@ -33619,7 +33657,8 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
     checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd,
     dragScale = _ref.dragScale,
     isSelectingShortcut = _ref.isSelectingShortcut,
-    equipmentSet = _ref.equipmentSet;
+    equipmentSet = _ref.equipmentSet,
+    isDepotSystem = _ref.isDepotSystem;
   var _useState = React.useState(false),
     isTooltipVisible = _useState[0],
     setTooltipVisible = _useState[1];
@@ -33629,25 +33668,31 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
   var _useState3 = React.useState(false),
     isContextMenuVisible = _useState3[0],
     setIsContextMenuVisible = _useState3[1];
-  var _useState4 = React.useState(false),
-    isFocused = _useState4[0],
-    setIsFocused = _useState4[1];
+  var _useState4 = React.useState({
+      x: 0,
+      y: 0
+    }),
+    contextMenuPosition = _useState4[0],
+    setContextMenuPosition = _useState4[1];
   var _useState5 = React.useState(false),
-    wasDragged = _useState5[0],
-    setWasDragged = _useState5[1];
-  var _useState6 = React.useState({
+    isFocused = _useState5[0],
+    setIsFocused = _useState5[1];
+  var _useState6 = React.useState(false),
+    wasDragged = _useState6[0],
+    setWasDragged = _useState6[1];
+  var _useState7 = React.useState({
       x: 0,
       y: 0
     }),
-    dragPosition = _useState6[0],
-    setDragPosition = _useState6[1];
-  var _useState7 = React.useState(null),
-    dropPosition = _useState7[0],
-    setDropPosition = _useState7[1];
+    dragPosition = _useState7[0],
+    setDragPosition = _useState7[1];
+  var _useState8 = React.useState(null),
+    dropPosition = _useState8[0],
+    setDropPosition = _useState8[1];
   var dragContainer = React.useRef(null);
-  var _useState8 = React.useState([]),
-    contextActions = _useState8[0],
-    setContextActions = _useState8[1];
+  var _useState9 = React.useState([]),
+    contextActions = _useState9[0],
+    setContextActions = _useState9[1];
   React.useEffect(function () {
     setDragPosition({
       x: 0,
@@ -33655,9 +33700,9 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
     });
     setIsFocused(false);
     if (item) {
-      setContextActions(generateContextMenu(item, containerType));
+      setContextActions(generateContextMenu(item, containerType, isDepotSystem));
     }
-  }, [item]);
+  }, [item, isDepotSystem]);
   React.useEffect(function () {
     if (onDrop && item && dropPosition) {
       onDrop(item, dropPosition);
@@ -33839,7 +33884,16 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
           isTouch = true;
           setIsTooltipMobileVisible(true);
         }
-        if (!isContextMenuDisabled && !isSelectingShortcut && !isTouch) setIsContextMenuVisible(!isContextMenuVisible);
+        if (!isContextMenuDisabled && !isSelectingShortcut && !isTouch) {
+          setIsContextMenuVisible(!isContextMenuVisible);
+          var event = e;
+          if (event.clientX && event.clientY) {
+            setContextMenuPosition({
+              x: event.clientX - 10,
+              y: event.clientY - 5
+            });
+          }
+        }
         onPointerDown(item.type, containerType, item);
       }
     },
@@ -33905,7 +33959,8 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
     },
     onOutsideClick: function onOutsideClick() {
       setIsContextMenuVisible(false);
-    }
+    },
+    pos: contextMenuPosition
   }));
 });
 var rarityColor = function rarityColor(item) {
@@ -34447,7 +34502,10 @@ var EquipmentSet = function EquipmentSet(_ref) {
     onItemOutsideDrop = _ref.onItemOutsideDrop,
     checkIfItemCanBeMoved = _ref.checkIfItemCanBeMoved,
     checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd,
-    scale = _ref.scale;
+    scale = _ref.scale,
+    initialPosition = _ref.initialPosition,
+    onPositionChangeEnd = _ref.onPositionChangeEnd,
+    onPositionChangeStart = _ref.onPositionChangeStart;
   var neck = equipmentSet.neck,
     leftHand = equipmentSet.leftHand,
     ring = equipmentSet.ring,
@@ -34514,7 +34572,10 @@ var EquipmentSet = function EquipmentSet(_ref) {
     },
     width: "330px",
     cancelDrag: ".equipment-container-body",
-    scale: scale
+    scale: scale,
+    initialPosition: initialPosition,
+    onPositionChangeEnd: onPositionChangeEnd,
+    onPositionChangeStart: onPositionChangeStart
   }, React__default.createElement(EquipmentSetContainer, {
     className: "equipment-container-body"
   }, React__default.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(0, 3)), React__default.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(3, 7)), React__default.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(7, 10))));
@@ -35071,6 +35132,8 @@ var SlotsContainer = function SlotsContainer(_ref) {
     title = _ref.title,
     onClose = _ref.onClose,
     _onPositionChange = _ref.onPositionChange,
+    _onPositionChangeEnd = _ref.onPositionChangeEnd,
+    _onPositionChangeStart = _ref.onPositionChangeStart,
     onOutsideClick = _ref.onOutsideClick,
     initialPosition = _ref.initialPosition,
     scale = _ref.scale;
@@ -35094,6 +35157,26 @@ var SlotsContainer = function SlotsContainer(_ref) {
         });
       }
     },
+    onPositionChangeEnd: function onPositionChangeEnd(_ref3) {
+      var x = _ref3.x,
+        y = _ref3.y;
+      if (_onPositionChangeEnd) {
+        _onPositionChangeEnd({
+          x: x,
+          y: y
+        });
+      }
+    },
+    onPositionChangeStart: function onPositionChangeStart(_ref4) {
+      var x = _ref4.x,
+        y = _ref4.y;
+      if (_onPositionChangeStart) {
+        _onPositionChangeStart({
+          x: x,
+          y: y
+        });
+      }
+    },
     onOutsideClick: onOutsideClick,
     initialPosition: initialPosition,
     scale: scale
@@ -35342,7 +35425,10 @@ var ItemContainer$1 = function ItemContainer(_ref) {
     shortcuts = _ref.shortcuts,
     setItemShortcut = _ref.setItemShortcut,
     removeShortcut = _ref.removeShortcut,
-    equipmentSet = _ref.equipmentSet;
+    equipmentSet = _ref.equipmentSet,
+    isDepotSystem = _ref.isDepotSystem,
+    onPositionChangeEnd = _ref.onPositionChangeEnd,
+    onPositionChangeStart = _ref.onPositionChangeStart;
   var _useState = React.useState({
       isOpen: false,
       maxQuantity: 1,
@@ -35402,7 +35488,8 @@ var ItemContainer$1 = function ItemContainer(_ref) {
         atlasIMG: atlasIMG,
         atlasJSON: atlasJSON,
         isSelectingShortcut: settingShortcutIndex !== -1,
-        equipmentSet: equipmentSet
+        equipmentSet: equipmentSet,
+        isDepotSystem: isDepotSystem
       }));
     }
     return slots;
@@ -35411,7 +35498,9 @@ var ItemContainer$1 = function ItemContainer(_ref) {
     title: itemContainer.name || 'Container',
     onClose: onClose,
     initialPosition: initialPosition,
-    scale: scale
+    scale: scale,
+    onPositionChangeEnd: onPositionChangeEnd,
+    onPositionChangeStart: onPositionChangeStart
   }, type === shared.ItemContainerType.Inventory && shortcuts && removeShortcut && React__default.createElement(ShortcutsSetter, {
     setSettingShortcutIndex: setSettingShortcutIndex,
     settingShortcutIndex: settingShortcutIndex,