@rpg-engine/long-bow 0.3.87 → 0.3.89

package/dist/long-bow.esm.js

@@ -33111,7 +33111,8 @@ var CircularController = function CircularController(_ref) {
         spriteKey: getItemTextureKeyPath({
           key: _payload.texturePath,
           texturePath: _payload.texturePath,
-          stackQty: _payload.stackQty || 1
+          stackQty: _payload.stackQty || 1,
+          isStackable: _payload.isStackable
         }, atlasJSON),
         width: 32,
         height: 32,
@@ -33653,6 +33654,7 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
     dragScale = _ref.dragScale,
     isSelectingShortcut = _ref.isSelectingShortcut,
     equipmentSet = _ref.equipmentSet,
+    setItemShortcut = _ref.setItemShortcut,
     isDepotSystem = _ref.isDepotSystem;
   var _useState = useState(false),
     isTooltipVisible = _useState[0],
@@ -33838,6 +33840,13 @@ var ItemSlot = /*#__PURE__*/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
@@ -33852,9 +33861,9 @@ var ItemSlot = /*#__PURE__*/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;
@@ -35356,7 +35365,8 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
         spriteKey: getItemTextureKeyPath({
           key: _payload.texturePath,
           texturePath: _payload.texturePath,
-          stackQty: _payload.stackQty || 1
+          stackQty: _payload.stackQty || 1,
+          isStackable: _payload.isStackable
         }, atlasJSON),
         width: 32,
         height: 32,
@@ -35379,11 +35389,13 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
     return React.createElement(Shortcut, {
       key: i,
       onPointerDown: function onPointerDown() {
+        if (settingShortcutIndex !== -1) setSettingShortcutIndex(-1);
         removeShortcut(i);
-        if (!shortcuts[i] || shortcuts[i].type === ShortcutType.None) setSettingShortcutIndex(i);
+        if (settingShortcutIndex === -1 && (!shortcuts[i] || shortcuts[i].type === ShortcutType.None)) setSettingShortcutIndex(i);
       },
       disabled: settingShortcutIndex !== -1 && settingShortcutIndex !== i,
-      isBeingSet: settingShortcutIndex === i
+      isBeingSet: settingShortcutIndex === i,
+      id: "shortcutSetter_" + i
     }, getContent(i));
   })));
 };
@@ -35439,6 +35451,11 @@ var ItemContainer$1 = function ItemContainer(_ref) {
   var _useState2 = useState(-1),
     settingShortcutIndex = _useState2[0],
     setSettingShortcutIndex = _useState2[1];
+  var handleSetShortcut = function handleSetShortcut(item, index) {
+    if (item.type === ItemType.Consumable || item.type === ItemType.Tool) {
+      setItemShortcut == null ? void 0 : setItemShortcut(item.key, index);
+    }
+  };
   var onRenderSlots = function onRenderSlots() {
     var slots = [];
     for (var i = 0; i < itemContainer.slotQty; i++) {
@@ -35455,9 +35472,7 @@ var ItemContainer$1 = function ItemContainer(_ref) {
         onPointerDown: function onPointerDown(itemType, containerType, item) {
           if (settingShortcutIndex !== -1) {
             setSettingShortcutIndex(-1);
-            if (itemType === ItemType.Consumable || itemType === 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) {
@@ -35489,6 +35504,7 @@ var ItemContainer$1 = function ItemContainer(_ref) {
         atlasJSON: atlasJSON,
         isSelectingShortcut: settingShortcutIndex !== -1,
         equipmentSet: equipmentSet,
+        setItemShortcut: type === ItemContainerType.Inventory ? handleSetShortcut : undefined,
         isDepotSystem: isDepotSystem
       }));
     }
@@ -35987,7 +36003,8 @@ var Shortcuts = function Shortcuts(_ref) {
         spriteKey: getItemTextureKeyPath({
           key: _payload.texturePath,
           texturePath: _payload.texturePath,
-          stackQty: _payload.stackQty || 1
+          stackQty: _payload.stackQty || 1,
+          isStackable: _payload.isStackable
         }, atlasJSON),
         width: 32,
         height: 32
@@ -36502,7 +36519,8 @@ var TradingItemRow = function TradingItemRow(_ref) {
     spriteKey: getItemTextureKeyPath({
       key: traderItem.key,
       stackQty: traderItem.stackQty || 1,
-      texturePath: traderItem.texturePath
+      texturePath: traderItem.texturePath,
+      isStackable: traderItem.isStackable
     }, atlasJSON),
     imgScale: 2.5
   })))), React.createElement(ItemNameContainer, null, React.createElement(NameValue, null, React.createElement("p", null, React.createElement(Ellipsis, {