@rpg-engine/long-bow 0.2.93 → 0.2.95

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpg-engine/long-bow",
-  "version": "0.2.93",
+  "version": "0.2.95",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/Item/Inventory/ItemSlot.tsx

@@ -122,23 +122,18 @@ export const ItemSlot: React.FC<IProps> = observer(
     }, [dropPosition]);
 
     const getStackInfo = (itemId: string, stackQty: number) => {
-      // if (itemToRender?.isStackable && itemToRender?.stackQty) {
-
       const isFractionalStackQty = stackQty % 1 !== 0;
       const isLargerThan999 = stackQty > 999;
 
+      let qtyClassName = 'regular';
+      if (isLargerThan999) qtyClassName = 'small';
+      if (isFractionalStackQty) qtyClassName = 'xsmall';
+
       if (stackQty > 1) {
         return (
           <ItemQtyContainer key={`qty-${itemId}`}>
             <Ellipsis maxLines={1} maxWidth="48px">
-              <ItemQty
-                className={
-                  isFractionalStackQty || isLargerThan999 ? 'small' : 'regular'
-                }
-              >
-                {' '}
-                {stackQty}{' '}
-              </ItemQty>
+              <ItemQty className={qtyClassName}> {stackQty} </ItemQty>
             </Ellipsis>
           </ItemQtyContainer>
         );
@@ -286,8 +281,6 @@ export const ItemSlot: React.FC<IProps> = observer(
 
               const isOutsideDrop =
                 classes.some(elm => {
-                  //elm matches ItemContainer string
-
                   return elm.includes('rpgui-content');
                 }) || classes.length === 0;
 
@@ -425,4 +418,7 @@ const ItemQty = styled.span`
   &.small {
     font-size: ${uiFonts.size.xsmall};
   }
+  &.xsmall {
+    font-size: ${uiFonts.size.xxsmall};
+  }
 `;

package/src/hooks/useOutsideAlerter.ts

@@ -16,10 +16,10 @@ export function useOutsideClick(ref: any, id: string) {
       }
     }
     // Bind the event listener
-    document.addEventListener('mousedown', handleClickOutside);
+    document.addEventListener('pointerdown', handleClickOutside);
     return () => {
       // Unbind the event listener on clean up
-      document.removeEventListener('mousedown', handleClickOutside);
+      document.removeEventListener('pointerdown', handleClickOutside);
     };
   }, [ref]);
 }

package/src/mocks/itemContainer.mocks.ts

@@ -3,7 +3,7 @@ import {
   IItemContainer,
   ItemSlotType,
   ItemSubType,
-  ItemType,
+  ItemType
 } from '@rpg-engine/shared';
 
 export const items: IItem[] = [
@@ -455,7 +455,7 @@ export const items: IItem[] = [
     isEquipable: true,
     isStackable: true,
     maxStackSize: 100,
-    stackQty: 3.75,
+    stackQty: 203.23,
     isUsable: false,
     isStorable: true,
     isTwoHanded: false,
@@ -479,6 +479,40 @@ export const items: IItem[] = [
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
   },
+  {
+    _id: '392acek4j7casd0d2fs60404',
+    hasUseWith: false,
+    type: ItemType.Other,
+    subType: ItemSubType.Other,
+    textureAtlas: 'items',
+    allowedEquipSlotType: [],
+    isEquipable: true,
+    isStackable: true,
+    maxStackSize: 100,
+    stackQty: 345,
+    isUsable: false,
+    isStorable: true,
+    isTwoHanded: false,
+    layer: 1,
+    isItemContainer: true,
+    isSolid: false,
+    key: 'gold-coin',
+    texturePath: 'others/gold-coin.png',
+    textureKey: 'gold-coin',
+    name: 'gold-coin',
+    generateContainerSlots: 10,
+    description: 'You see a coin.',
+    attack: 7,
+    defense: 3,
+    weight: 13,
+    tiledId: 67,
+    x: 320,
+    y: 144,
+    scene: 'MainScene',
+    fullDescription: 'You see a stone. It is used with slingshot',
+    createdAt: '2022-06-04T03:18:09.335Z',
+    updatedAt: '2022-06-04T18:16:49.056Z',
+  }
 ];
 
 export const itemContainerMock: IItemContainer = {
@@ -501,7 +535,7 @@ export const itemContainerMock: IItemContainer = {
     11: items[11],
     12: items[12],
     13: items[13],
-    // 14: items[14],
+    14: items[14],
     //remaining slots are considered null by default
   },
   allowedItemTypes: [],