@rpg-engine/long-bow 0.3.46 → 0.3.48

package/dist/long-bow.esm.js

@@ -1,16 +1,14 @@
 import React, { Component, useState, useEffect, useRef, useMemo, Fragment } from 'react';
 import styled from 'styled-components';
-import { GRID_WIDTH, GRID_HEIGHT, ItemSubType, ItemContainerType, ItemType, ItemSocketEventsDisplayLabels, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, ItemRarities, getItemTextureKeyPath, ItemSlotType, getSPForLevel, PeriodOfDay } from '@rpg-engine/shared';
+import { GRID_WIDTH, GRID_HEIGHT, ItemSubType, ItemContainerType, ItemType, ItemSocketEventsDisplayLabels, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, ItemRarities, getItemTextureKeyPath, ItemSlotType, isMobileOrTablet, getSPForLevel, PeriodOfDay } from '@rpg-engine/shared';
 import dayjs from 'dayjs';
 import { ErrorBoundary as ErrorBoundary$1 } from 'react-error-boundary';
 import { RxPaperPlane } from 'react-icons/rx';
 import Draggable from 'react-draggable';
 import { v4 } from 'uuid';
 import { observer } from 'mobx-react-lite';
-import isMobile from 'is-mobile';
 import 'rpgui/rpgui.min.css';
 import 'rpgui/rpgui.min.js';
-import _ from 'lodash-es';
 import capitalize from 'lodash-es/capitalize';
 
 function _extends() {
@@ -32786,7 +32784,8 @@ var Chat = function Chat(_ref) {
     autoComplete: "off",
     onFocus: onFocus,
     onBlur: onBlur,
-    onTouchStart: onFocus
+    onTouchStart: onFocus,
+    autoFocus: true
   })), React.createElement(Column, {
     justifyContent: "flex-end"
   }, React.createElement(Button$1, {
@@ -33446,7 +33445,14 @@ var CraftBook = function CraftBook(_ref) {
       spriteKey: option.texturePath,
       imgScale: 3,
       grayScale: !option.canCraft
-    })), React.createElement("div", null, React.createElement("input", {
+    })), React.createElement("div", null, React.createElement("div", {
+      onClick: function onClick() {
+        return handleClick(option.key);
+      },
+      onTouchStart: function onTouchStart() {
+        return handleClick(option.key);
+      }
+    }, React.createElement("input", {
       className: "rpgui-radio",
       type: "radio",
       value: option.name,
@@ -33482,7 +33488,7 @@ var CraftBook = function CraftBook(_ref) {
           index: index
         });
       }
-    }, modifyString(option.name)), isShown && isShown.index === index && option.ingredients.map(function (option, index) {
+    }, modifyString(option.name))), isShown && isShown.index === index && option.ingredients.map(function (option, index) {
       return React.createElement(Recipes, {
         key: index
       }, React.createElement(SpriteFromAtlas, {
@@ -33884,6 +33890,7 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
   var resetItem = function resetItem() {
     setTooltipVisible(false);
     setWasDragged(false);
+    setIsFocused(false);
   };
   var onSuccesfulDrag = function onSuccesfulDrag(quantity) {
     resetItem();
@@ -33892,7 +33899,6 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
       y: 0
     });else if (item) {
       onDragEnd(quantity);
-      resetItem();
     }
   };
   return React.createElement(Container$a, {
@@ -33948,7 +33954,6 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
             if (item.stackQty && item.stackQty !== 1 && openQuantitySelector) openQuantitySelector(item.stackQty, onSuccesfulDrag);else onSuccesfulDrag(item.stackQty);
           } else {
             resetItem();
-            setIsFocused(false);
             setDragPosition({
               x: 0,
               y: 0
@@ -34142,9 +34147,7 @@ var EquipmentColumn = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1wuddg2-1"
 })(["display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column;touch-action:none;"]);
 
-var IS_MOBILE_OR_TABLET = /*#__PURE__*/isMobile({
-  tablet: true
-});
+var IS_MOBILE_OR_TABLET = /*#__PURE__*/isMobileOrTablet();
 
 var chunkString = function chunkString(str, length) {
   return str.match(new RegExp('.{1,' + length + '}', 'g'));
@@ -35502,6 +35505,26 @@ var skillProps = {
     }
   }
 };
+var skillNameMap = {
+  stamina: 'Stamina',
+  magic: 'Magic',
+  magicResistance: 'Magic Resistance',
+  strength: 'Strength',
+  resistance: 'Resistance',
+  dexterity: 'Dexterity',
+  first: 'Fist',
+  club: 'Club',
+  sword: 'Sword',
+  axe: 'Axe',
+  distance: 'Distance',
+  shielding: 'Shieldeing',
+  dagger: 'Dagger',
+  fishing: 'Fishing',
+  mining: 'Mining',
+  lumberjacking: 'Lumberjacking',
+  cooking: 'Cooking',
+  alchemy: 'Alchemy'
+};
 var SkillsContainer = function SkillsContainer(_ref) {
   var onCloseButton = _ref.onCloseButton,
     skill = _ref.skill,
@@ -35519,7 +35542,7 @@ var SkillsContainer = function SkillsContainer(_ref) {
       var skillDetails = skill[key];
       output.push(React.createElement(SkillProgressBar, {
         key: key,
-        skillName: _.capitalize(key),
+        skillName: skillNameMap[key],
         bgColor: skillCategoryColor,
         level: skillDetails.level || 0,
         skillPoints: Math.round(skillDetails.skillPoints) || 0,