@rpg-engine/long-bow 0.2.95 → 0.2.97

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

@@ -10,6 +10,7 @@ export interface IEquipmentSetProps {
     onItemPlaceDrop?: (item: IItem | null, slotIndex: number, itemContainerType: ItemContainerType | null) => void;
     onItemOutsideDrop?: (item: IItem, position: IPosition) => void;
     checkIfItemCanBeMoved: () => boolean;
+    checkIfItemShouldDragEnd?: () => boolean;
     onMouseOver?: (e: any, slotIndex: number, item: IItem | null) => void;
     onSelected?: (optionId: string) => void;
     initialPosition?: {

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

@@ -10,6 +10,7 @@ export interface IItemContainerProps {
     onOutsideDrop?: (item: IItem, position: IPosition) => void;
     onItemPlaceDrop?: (item: IItem | null, slotIndex: number, itemContainerType: ItemContainerType | null) => void;
     checkIfItemCanBeMoved: () => boolean;
+    checkIfItemShouldDragEnd?: () => boolean;
     onMouseOver?: (e: any, slotIndex: number, item: IItem | null) => void;
     onSelected?: (optionId: string, item: IItem) => void;
     type: ItemContainerType;

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

@@ -15,6 +15,7 @@ interface IProps {
     onDragEnd: (quantity?: number) => void;
     onOutsideDrop?: (item: IItem, position: IPosition) => void;
     checkIfItemCanBeMoved: () => boolean;
+    checkIfItemShouldDragEnd?: () => boolean;
     openQuantitySelector?: (maxQuantity: number, callback: () => void) => void;
     onPlaceDrop: (item: IItem | null, slotIndex: number, itemContainerType: ItemContainerType | null) => void;
     atlasJSON: any;

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

@@ -33029,7 +33029,7 @@ var Container$6 = /*#__PURE__*/styled.div.withConfig({
 var CloseButton$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "DraggableContainer__CloseButton",
   componentId: "sc-184mpyl-1"
-})(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:0.8rem;"]);
+})(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:1.1rem;"]);
 var TitleContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "DraggableContainer__TitleContainer",
   componentId: "sc-184mpyl-2"
@@ -33484,7 +33484,8 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
     onPlaceDrop = _ref.onPlaceDrop,
     onDrop = _ref.onOutsideDrop,
     checkIfItemCanBeMoved = _ref.checkIfItemCanBeMoved,
-    openQuantitySelector = _ref.openQuantitySelector;
+    openQuantitySelector = _ref.openQuantitySelector,
+    checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd;
   var _useState = React.useState(false),
     isTooltipVisible = _useState[0],
     setTooltipVisible = _useState[1];
@@ -33515,6 +33516,7 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
       x: 0,
       y: 0
     });
+    setIsFocused(false);
     if (item) {
       setContextActions(generateContextMenu(item, containerType));
     }
@@ -33615,7 +33617,6 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
   };
   var resetItem = function resetItem() {
     setTooltipVisible(false);
-    setIsFocused(false);
     setWasDragged(false);
   };
   var onSuccesfulDrag = function onSuccesfulDrag(quantity) {
@@ -33675,9 +33676,11 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
         });
         setTimeout(function () {
           if (checkIfItemCanBeMoved()) {
+            if (checkIfItemShouldDragEnd && !checkIfItemShouldDragEnd()) return;
             if (item.stackQty && item.stackQty !== 1 && openQuantitySelector) openQuantitySelector(item.stackQty, onSuccesfulDrag);else onSuccesfulDrag(item.stackQty);
           } else {
             resetItem();
+            setIsFocused(false);
             setDragPosition({
               x: 0,
               y: 0
@@ -33718,7 +33721,7 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
     onMouseLeave: function onMouseLeave() {
       setTooltipVisible(false);
     }
-  }, onRenderSlot(item))), isTooltipVisible && item && React__default.createElement(ItemTooltip, {
+  }, onRenderSlot(item))), isTooltipVisible && item && !isFocused && React__default.createElement(ItemTooltip, {
     label: item.name
   }), !isContextMenuDisabled && isContextMenuVisible && contextActions && React__default.createElement(RelativeListMenu, {
     options: contextActions,
@@ -33764,7 +33767,8 @@ var EquipmentSet = function EquipmentSet(_ref) {
     onItemDragStart = _ref.onItemDragStart,
     onItemPlaceDrop = _ref.onItemPlaceDrop,
     onItemOutsideDrop = _ref.onItemOutsideDrop,
-    checkIfItemCanBeMoved = _ref.checkIfItemCanBeMoved;
+    checkIfItemCanBeMoved = _ref.checkIfItemCanBeMoved,
+    checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd;
   var neck = equipmentSet.neck,
     leftHand = equipmentSet.leftHand,
     ring = equipmentSet.ring,
@@ -33810,6 +33814,7 @@ var EquipmentSet = function EquipmentSet(_ref) {
           if (onItemDragEnd) onItemDragEnd(quantity);
         },
         checkIfItemCanBeMoved: checkIfItemCanBeMoved,
+        checkIfItemShouldDragEnd: checkIfItemShouldDragEnd,
         onPlaceDrop: function onPlaceDrop(item, slotIndex, itemContainerType) {
           if (onItemPlaceDrop) onItemPlaceDrop(item, slotIndex, itemContainerType);
         },
@@ -34585,7 +34590,8 @@ var ItemContainer$1 = function ItemContainer(_ref) {
     onItemPlaceDrop = _ref.onItemPlaceDrop,
     _onOutsideDrop = _ref.onOutsideDrop,
     checkIfItemCanBeMoved = _ref.checkIfItemCanBeMoved,
-    initialPosition = _ref.initialPosition;
+    initialPosition = _ref.initialPosition,
+    checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd;
   var _useState = React.useState({
       isOpen: false,
       maxQuantity: 1,
@@ -34619,6 +34625,7 @@ var ItemContainer$1 = function ItemContainer(_ref) {
           if (onItemDragEnd) onItemDragEnd(quantity);
         },
         checkIfItemCanBeMoved: checkIfItemCanBeMoved,
+        checkIfItemShouldDragEnd: checkIfItemShouldDragEnd,
         openQuantitySelector: function openQuantitySelector(maxQuantity, callback) {
           setQuantitySelect({
             isOpen: true,
@@ -35173,7 +35180,7 @@ var SkillSplitDiv = /*#__PURE__*/styled.div.withConfig({
 var CloseButton$3 = /*#__PURE__*/styled.div.withConfig({
   displayName: "SkillsContainer__CloseButton",
   componentId: "sc-1g0c67q-2"
-})(["position:absolute;top:2px;right:2px;color:white;z-index:22;font-size:0.7rem;"]);
+})(["position:absolute;top:2px;right:2px;color:white;z-index:22;font-size:1.1rem;"]);
 
 var TextArea = function TextArea(_ref) {
   var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));