@rpg-engine/long-bow 0.3.87 → 0.3.89

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

@@ -25,6 +25,7 @@ interface IProps {
     isContextMenuDisabled?: boolean;
     isSelectingShortcut?: boolean;
     equipmentSet?: IEquipmentSet | null;
+    setItemShortcut?: (item: IItem, shortcutIndex: number) => void;
     isDepotSystem?: boolean;
 }
 export declare const ItemSlot: React.FC<IProps>;

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

@@ -33116,7 +33116,8 @@ var CircularController = function CircularController(_ref) {
         spriteKey: shared.getItemTextureKeyPath({
           key: _payload.texturePath,
           texturePath: _payload.texturePath,
-          stackQty: _payload.stackQty || 1
+          stackQty: _payload.stackQty || 1,
+          isStackable: _payload.isStackable
         }, atlasJSON),
         width: 32,
         height: 32,
@@ -33658,6 +33659,7 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
     dragScale = _ref.dragScale,
     isSelectingShortcut = _ref.isSelectingShortcut,
     equipmentSet = _ref.equipmentSet,
+    setItemShortcut = _ref.setItemShortcut,
     isDepotSystem = _ref.isDepotSystem;
   var _useState = React.useState(false),
     isTooltipVisible = _useState[0],
@@ -33843,6 +33845,13 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
     defaultClassName: item ? 'draggable' : 'empty-slot',
     scale: dragScale,
     onStop: function onStop(e, data) {
+      var target = e.target;
+      if (target != null && target.id.includes('shortcutSetter') && setItemShortcut && item) {
+        var index = parseInt(target.id.split('_')[1]);
+        if (!isNaN(index)) {
+          setItemShortcut(item, index);
+        }
+      }
       if (wasDragged && item && !isSelectingShortcut) {
         var _e$target;
         //@ts-ignore
@@ -33857,9 +33866,9 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
           });
         }
         setWasDragged(false);
-        var target = dragContainer.current;
-        if (!target || !wasDragged) return;
-        var style = window.getComputedStyle(target);
+        var _target = dragContainer.current;
+        if (!_target || !wasDragged) return;
+        var style = window.getComputedStyle(_target);
         var matrix = new DOMMatrixReadOnly(style.transform);
         var x = matrix.m41;
         var y = matrix.m42;
@@ -35358,7 +35367,8 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
         spriteKey: shared.getItemTextureKeyPath({
           key: _payload.texturePath,
           texturePath: _payload.texturePath,
-          stackQty: _payload.stackQty || 1
+          stackQty: _payload.stackQty || 1,
+          isStackable: _payload.isStackable
         }, atlasJSON),
         width: 32,
         height: 32,
@@ -35381,11 +35391,13 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
     return React__default.createElement(Shortcut, {
       key: i,
       onPointerDown: function onPointerDown() {
+        if (settingShortcutIndex !== -1) setSettingShortcutIndex(-1);
         removeShortcut(i);
-        if (!shortcuts[i] || shortcuts[i].type === shared.ShortcutType.None) setSettingShortcutIndex(i);
+        if (settingShortcutIndex === -1 && (!shortcuts[i] || shortcuts[i].type === shared.ShortcutType.None)) setSettingShortcutIndex(i);
       },
       disabled: settingShortcutIndex !== -1 && settingShortcutIndex !== i,
-      isBeingSet: settingShortcutIndex === i
+      isBeingSet: settingShortcutIndex === i,
+      id: "shortcutSetter_" + i
     }, getContent(i));
   })));
 };
@@ -35441,6 +35453,11 @@ var ItemContainer$1 = function ItemContainer(_ref) {
   var _useState2 = React.useState(-1),
     settingShortcutIndex = _useState2[0],
     setSettingShortcutIndex = _useState2[1];
+  var handleSetShortcut = function handleSetShortcut(item, index) {
+    if (item.type === shared.ItemType.Consumable || item.type === shared.ItemType.Tool) {
+      setItemShortcut == null ? void 0 : setItemShortcut(item.key, index);
+    }
+  };
   var onRenderSlots = function onRenderSlots() {
     var slots = [];
     for (var i = 0; i < itemContainer.slotQty; i++) {
@@ -35457,9 +35474,7 @@ var ItemContainer$1 = function ItemContainer(_ref) {
         onPointerDown: function onPointerDown(itemType, containerType, item) {
           if (settingShortcutIndex !== -1) {
             setSettingShortcutIndex(-1);
-            if (itemType === shared.ItemType.Consumable || itemType === shared.ItemType.Tool) {
-              setItemShortcut == null ? void 0 : setItemShortcut(item.key, settingShortcutIndex);
-            }
+            handleSetShortcut(item, settingShortcutIndex);
           } else if (onItemClick) onItemClick(item, itemType, containerType);
         },
         onSelected: function onSelected(optionId, item) {
@@ -35491,6 +35506,7 @@ var ItemContainer$1 = function ItemContainer(_ref) {
         atlasJSON: atlasJSON,
         isSelectingShortcut: settingShortcutIndex !== -1,
         equipmentSet: equipmentSet,
+        setItemShortcut: type === shared.ItemContainerType.Inventory ? handleSetShortcut : undefined,
         isDepotSystem: isDepotSystem
       }));
     }
@@ -35989,7 +36005,8 @@ var Shortcuts = function Shortcuts(_ref) {
         spriteKey: shared.getItemTextureKeyPath({
           key: _payload.texturePath,
           texturePath: _payload.texturePath,
-          stackQty: _payload.stackQty || 1
+          stackQty: _payload.stackQty || 1,
+          isStackable: _payload.isStackable
         }, atlasJSON),
         width: 32,
         height: 32
@@ -36504,7 +36521,8 @@ var TradingItemRow = function TradingItemRow(_ref) {
     spriteKey: shared.getItemTextureKeyPath({
       key: traderItem.key,
       stackQty: traderItem.stackQty || 1,
-      texturePath: traderItem.texturePath
+      texturePath: traderItem.texturePath,
+      isStackable: traderItem.isStackable
     }, atlasJSON),
     imgScale: 2.5
   })))), React__default.createElement(ItemNameContainer, null, React__default.createElement(NameValue, null, React__default.createElement("p", null, React__default.createElement(Ellipsis, {