@rpg-engine/long-bow 0.1.89 → 0.1.92

package/dist/long-bow.esm.js

@@ -5811,8 +5811,19 @@ var ContainerType;
 (function (ContainerType) {
   ContainerType["INVENTORY"] = "Inventory";
   ContainerType["EQUIPMENT_SET"] = "EquipmentSet";
-})(ContainerType || (ContainerType = {})); // TODO: Refactor this file
+})(ContainerType || (ContainerType = {}));
 
+var handleContextMenuList = function handleContextMenuList(itemType, slotContainerType) {
+  var contextActionMenu = [];
+
+  if (slotContainerType === SlotContainerType.INVENTORY) {
+    contextActionMenu = handleItemContainerContextMenuList(itemType);
+  } else {
+    contextActionMenu = handleEquipmentContextMenuList(itemType);
+  }
+
+  return contextActionMenu;
+}; // TODO: Refactor this file
 
 var generateContextList = function generateContextList(actionsByTypeList) {
   var contextMenu = actionsByTypeList.map(function (action) {
@@ -5823,6 +5834,42 @@ var generateContextList = function generateContextList(actionsByTypeList) {
   });
   return contextMenu;
 };
+
+var handleItemContainerContextMenuList = function handleItemContainerContextMenuList(itemType) {
+  var contextActionMenu = [];
+
+  switch (itemType) {
+    case ItemType.Weapon:
+    case ItemType.Armor:
+    case ItemType.Accessory:
+    case ItemType.Jewelry:
+    case ItemType.Tool:
+      contextActionMenu = generateContextList(ActionsByItemType.Equipment);
+      break;
+
+    case ItemType.Consumable:
+      contextActionMenu = generateContextList(ActionsByItemType.Consumable);
+      break;
+
+    case ItemType.CraftMaterial:
+      contextActionMenu = generateContextList(ActionsByItemType.CraftMaterial);
+      break;
+
+    case ItemType.Other:
+    case ItemType.Information:
+    case ItemType.Quest:
+    case ItemType.Container:
+      contextActionMenu = generateContextList(ActionsByItemType.Other);
+      break;
+
+    default:
+      contextActionMenu = generateContextList(ActionsByItemType.Other);
+      break;
+  }
+
+  return contextActionMenu;
+};
+
 var handleEquipmentContextMenuList = function handleEquipmentContextMenuList(itemType) {
   var contextActionMenu = [];
 
@@ -5883,7 +5930,7 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
 
   useEffect(function () {
     if (item) {
-      setContextActions(handleEquipmentContextMenuList(item.type));
+      setContextActions(handleContextMenuList(item.type, slotContainerType));
     }
   }, [item]);
 
@@ -6839,7 +6886,7 @@ var SpriteContainer = /*#__PURE__*/styled.div.withConfig({
 var SkillDisplayContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "SkillProgressBar__SkillDisplayContainer",
   componentId: "sc-5vuroc-2"
-})(["margin:5px auto;p{margin:0;}"]);
+})(["margin:0 auto;p{margin:0;}"]);
 var SkillPointsDisplay = /*#__PURE__*/styled.p.withConfig({
   displayName: "SkillProgressBar__SkillPointsDisplay",
   componentId: "sc-5vuroc-3"
@@ -6863,7 +6910,7 @@ var ProgressBody = /*#__PURE__*/styled.div.withConfig({
 var ProgressTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "SkillProgressBar__ProgressTitle",
   componentId: "sc-5vuroc-8"
-})(["width:100%;display:flex;flex-direction:row;justify-content:space-between;span{font-size:0.6rem;}margin-top:10px;"]);
+})(["width:100%;display:flex;flex-direction:row;justify-content:space-between;span{font-size:0.6rem;}"]);
 
 var skillProps = {
   attributes: {
@@ -6916,11 +6963,12 @@ var SkillsContainer = function SkillsContainer(_ref) {
       //@ts-ignore
       var skillDetails = skill[key];
       output.push(React.createElement(SkillProgressBar, {
+        key: key,
         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
       }));
     }
@@ -6938,9 +6986,9 @@ var SkillsContainer = function SkillsContainer(_ref) {
   }), React.createElement(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'
   }), React.createElement("p", null, "Combat Skills"), React.createElement("hr", {
     className: "golden"
@@ -6953,11 +7001,11 @@ var SkillsContainer = function SkillsContainer(_ref) {
 var SkillsDraggableContainer = /*#__PURE__*/styled(DraggableContainer).withConfig({
   displayName: "SkillsContainer__SkillsDraggableContainer",
   componentId: "sc-1g0c67q-0"
-})(["border:1px solid black;width:400px;height:800px;overflow-y:scroll;.DraggableContainer__TitleContainer-sc-184mpyl-2{width:auto;height:auto;}"]);
+})(["border:1px solid black;width:400px;height:90%;overflow-y:scroll;.DraggableContainer__TitleContainer-sc-184mpyl-2{width:auto;height:auto;}"]);
 var SkillSplitDiv = /*#__PURE__*/styled.div.withConfig({
   displayName: "SkillsContainer__SkillSplitDiv",
   componentId: "sc-1g0c67q-1"
-})(["width:100%;font-size:11px;margin-top:10px;hr{margin:0px;padding:0px;}p{margin-bottom:0px;}"]);
+})(["width:100%;font-size:11px;hr{margin:0;margin-bottom:1rem;padding:0px;}p{margin-bottom:0px;}"]);
 var CloseButton$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "SkillsContainer__CloseButton",
   componentId: "sc-1g0c67q-2"