@rpg-engine/long-bow 0.1.90 → 0.1.93

package/package.json

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

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

@@ -33,7 +33,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,
@@ -163,7 +163,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/SkillsContainer.tsx

@@ -70,8 +70,10 @@ export const SkillsContainer: React.FC<ISkillContainerProps> = ({
           skillName={_.capitalize(key)}
           bgColor={skillCategoryColor}
           level={skillDetails.level || 0}
-          skillPoints={skillDetails.skillPoints || 0}
-          skillPointsToNextLevel={skillDetails.skillPointsToNextLevel || 0}
+          skillPoints={Math.round(skillDetails.skillPoints) || 0}
+          skillPointsToNextLevel={
+            Math.round(skillDetails.skillPointsToNextLevel) || 0
+          }
           texturePath={value}
         />
       );
@@ -94,9 +96,9 @@ export const SkillsContainer: React.FC<ISkillContainerProps> = ({
         <SkillProgressBar
           skillName={'Level'}
           bgColor={colors.navyBlue}
-          level={skill.level || 0}
-          skillPoints={skill.experience || 0}
-          skillPointsToNextLevel={skill.xpToNextLevel || 0}
+          level={Math.round(skill.level) || 0}
+          skillPoints={Math.round(skill.experience) || 0}
+          skillPointsToNextLevel={Math.round(skill.xpToNextLevel) || 0}
           texturePath={'swords/broad-sword.png'}
         />
 

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 = (