@rpg-engine/long-bow 0.5.23 → 0.5.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/hooks/useCursorPosition.d.ts +6 -0
- package/dist/hooks/useShortcuts.d.ts +12 -0
- package/dist/long-bow.cjs.development.js +22 -34
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +22 -34
- package/dist/long-bow.esm.js.map +1 -1
- package/dist/mocks/itemContainer.mocks.d.ts +1 -1
- package/dist/stories/ItemContainer.stories.d.ts +6 -1
- package/package.json +1 -1
- package/src/components/Item/Inventory/DraggedItem.tsx +1 -1
- package/src/components/Item/Inventory/ItemSlotRenderer.tsx +2 -0
- package/src/hooks/useCursorPosition.ts +30 -0
- package/src/hooks/useShortcuts.ts +50 -0
- package/src/mocks/itemContainer.mocks.ts +38 -31
- package/src/stories/ItemContainer.stories.tsx +22 -74
- package/dist/hooks/useMousePosition.d.ts +0 -6
- package/src/hooks/useMousePosition.ts +0 -49
package/dist/long-bow.esm.js
CHANGED
|
@@ -13474,6 +13474,8 @@ var ItemSlotRenderer = function ItemSlotRenderer(_ref) {
|
|
|
13474
13474
|
return renderEquipment(itemToRender);
|
|
13475
13475
|
case ItemContainerType.Inventory:
|
|
13476
13476
|
return renderItem(itemToRender);
|
|
13477
|
+
case ItemContainerType.Depot:
|
|
13478
|
+
return renderItem(itemToRender);
|
|
13477
13479
|
default:
|
|
13478
13480
|
return null;
|
|
13479
13481
|
}
|
|
@@ -14755,44 +14757,30 @@ var useCursorPosition = function useCursorPosition() {
|
|
|
14755
14757
|
x: 0,
|
|
14756
14758
|
y: 0
|
|
14757
14759
|
}),
|
|
14758
|
-
|
|
14759
|
-
|
|
14760
|
-
|
|
14761
|
-
|
|
14762
|
-
|
|
14763
|
-
|
|
14764
|
-
|
|
14765
|
-
// Request a new frame
|
|
14766
|
-
animationFrameId = requestAnimationFrame(function () {
|
|
14767
|
-
setCursorPosition({
|
|
14768
|
-
x: x,
|
|
14769
|
-
y: y
|
|
14770
|
-
});
|
|
14760
|
+
position = _useState[0],
|
|
14761
|
+
setPosition = _useState[1];
|
|
14762
|
+
var setFromEvent = function setFromEvent(e) {
|
|
14763
|
+
if ('touches' in e) {
|
|
14764
|
+
setPosition({
|
|
14765
|
+
x: e.touches[0].clientX,
|
|
14766
|
+
y: e.touches[0].clientY
|
|
14771
14767
|
});
|
|
14772
|
-
}
|
|
14773
|
-
|
|
14774
|
-
|
|
14775
|
-
|
|
14776
|
-
|
|
14777
|
-
|
|
14778
|
-
|
|
14779
|
-
|
|
14780
|
-
|
|
14781
|
-
|
|
14782
|
-
}
|
|
14783
|
-
};
|
|
14784
|
-
window.addEventListener('mousemove', handleMouseMove);
|
|
14785
|
-
window.addEventListener('touchmove', handleTouchMove, {
|
|
14786
|
-
passive: false
|
|
14787
|
-
});
|
|
14788
|
-
// Cleanup function
|
|
14768
|
+
} else {
|
|
14769
|
+
setPosition({
|
|
14770
|
+
x: e.clientX,
|
|
14771
|
+
y: e.clientY
|
|
14772
|
+
});
|
|
14773
|
+
}
|
|
14774
|
+
};
|
|
14775
|
+
useEffect(function () {
|
|
14776
|
+
window.addEventListener('mousemove', setFromEvent);
|
|
14777
|
+
window.addEventListener('touchmove', setFromEvent);
|
|
14789
14778
|
return function () {
|
|
14790
|
-
window.removeEventListener('mousemove',
|
|
14791
|
-
window.removeEventListener('touchmove',
|
|
14792
|
-
cancelAnimationFrame(animationFrameId);
|
|
14779
|
+
window.removeEventListener('mousemove', setFromEvent);
|
|
14780
|
+
window.removeEventListener('touchmove', setFromEvent);
|
|
14793
14781
|
};
|
|
14794
14782
|
}, []);
|
|
14795
|
-
return
|
|
14783
|
+
return position;
|
|
14796
14784
|
};
|
|
14797
14785
|
|
|
14798
14786
|
var CONTAINER_SIZE = 32;
|