@rpg-engine/long-bow 0.1.91 → 0.1.94

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpg-engine/long-bow",
-  "version": "0.1.91",
+  "version": "0.1.94",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -83,7 +83,7 @@
   },
   "dependencies": {
     "@rollup/plugin-image": "^2.1.1",
-    "@rpg-engine/shared": "^0.3.67",
+    "@rpg-engine/shared": "^0.3.86",
     "dayjs": "^1.11.2",
     "fs-extra": "^10.1.0",
     "lodash": "^4.17.21",

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

@@ -13,7 +13,7 @@ export interface IItemContainerProps {
     slotContainerType: SlotContainerType | null
   ) => void;
   onMouseOver?: (e: any, slotIndex: number, item: IItem | null) => void;
-  onSelected?: (optionId: string) => void;
+  onSelected?: (optionId: string, item: IItem) => void;
 }
 
 export const ItemContainer: React.FC<IItemContainerProps> = ({
@@ -39,8 +39,8 @@ export const ItemContainer: React.FC<IItemContainerProps> = ({
           onClick={(item, slotContainerType) => {
             if (onItemClick) onItemClick(item, slotContainerType);
           }}
-          onSelected={(optionId: string) => {
-            if (onSelected) onSelected(optionId);
+          onSelected={(optionId: string, item: IItem) => {
+            if (onSelected) onSelected(optionId, item);
           }}
         />
       );

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

@@ -8,10 +8,7 @@ import atlasIMG from '../../../mocks/atlas/items/items.png';
 import { RelativeListMenu } from '../../RelativeListMenu';
 import { SpriteFromAtlas } from '../../shared/SpriteFromAtlas';
 import { ItemTooltip } from '../Cards/ItemTooltip';
-import {
-  handleEquipmentContextMenuList,
-  IContextMenuItem,
-} from './itemContainerHelper';
+import { handleContextMenuList, IContextMenuItem } from './itemContainerHelper';
 import { SlotContainerType } from './ItemContainerTypes';
 
 const EquipmentSlotSpriteByType: any = {
@@ -33,7 +30,7 @@ interface IProps {
   itemContainer?: IItemContainer | null;
   slotContainerType: SlotContainerType | null;
   slotSpriteMask?: ItemSlotType | null;
-  onSelected: (payload: any) => void;
+  onSelected: (selectedOption: string, item: IItem) => void;
   onMouseOver: (
     event: any,
     slotIndex: number,
@@ -66,7 +63,7 @@ export const ItemSlot: React.FC<IProps> = observer(
 
     useEffect(() => {
       if (item) {
-        setContextActions(handleEquipmentContextMenuList(item.type));
+        setContextActions(handleContextMenuList(item.type));
       }
     }, [item]);
 
@@ -163,7 +160,9 @@ export const ItemSlot: React.FC<IProps> = observer(
             options={contextActions}
             onSelected={(optionId: string) => {
               setIsContextMenuVisible(false);
-              onSelected(optionId);
+              if (item) {
+                onSelected(optionId, item);
+              }
             }}
             onOutsideClick={() => {
               setIsContextMenuVisible(false);

package/src/components/Item/Inventory/itemContainerHelper.ts

@@ -63,17 +63,17 @@ export const handleEquipmentContextMenuList = (itemType: ItemType) => {
     case ItemType.Jewelry:
     case ItemType.Tool:
       contextActionMenu = generateContextList(
-        ActionsByItemType.EquipmenSetItems
+        ActionsByItemType.EquipmentSetItems
       );
       break;
     case ItemType.Container:
       contextActionMenu = generateContextList(
-        ActionsByItemType.EquipmenSetContainer
+        ActionsByItemType.EquipmentSetContainer
       );
       break;
     default:
       contextActionMenu = generateContextList(
-        ActionsByItemType.EquipmenSetItems
+        ActionsByItemType.EquipmentSetItems
       );
       break;
   }

package/src/stories/ItemContainer.stories.tsx

@@ -24,8 +24,8 @@ const onMouseOver = (_event: any, slotIndex: number, item: IItem | null) => {
   console.log(`${item.name} at ${slotIndex}`);
 };
 
-const onSelected = (payload: any) => {
-  console.log('dispatch', payload);
+const onSelected = (payload: string, item: IItem) => {
+  console.log('onSelected', payload, item);
 };
 
 const onItemClick = (