@rpg-engine/long-bow 0.3.29 → 0.3.33

package/dist/long-bow.esm.js

@@ -3,7 +3,7 @@ import styled from 'styled-components';
 import { GRID_WIDTH, GRID_HEIGHT, ItemSubType, ItemContainerType, ItemType, ItemSocketEventsDisplayLabels, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, getItemTextureKeyPath, ItemSlotType, getSPForLevel, PeriodOfDay } from '@rpg-engine/shared';
 import dayjs from 'dayjs';
 import { ErrorBoundary as ErrorBoundary$1 } from 'react-error-boundary';
-import { CiPaperplane } from 'react-icons/ci';
+import { RxPaperPlane } from 'react-icons/rx';
 import Draggable from 'react-draggable';
 import { v4 } from 'uuid';
 import { observer } from 'mobx-react-lite';
@@ -32714,18 +32714,16 @@ var Column = /*#__PURE__*/styled.div.withConfig({
 var Chat = function Chat(_ref) {
   var chatMessages = _ref.chatMessages,
     onSendChatMessage = _ref.onSendChatMessage,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? '80%' : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? 'auto' : _ref$height,
     onFocus = _ref.onFocus,
     onBlur = _ref.onBlur,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? '#c65102' : _ref$color,
-    _ref$buttonColor = _ref.buttonColor,
-    buttonColor = _ref$buttonColor === void 0 ? '#005b96' : _ref$buttonColor,
-    _ref$buttonBackground = _ref.buttonBackgroundColor,
-    buttonBackgroundColor = _ref$buttonBackground === void 0 ? '#FFF' : _ref$buttonBackground;
+    _ref$styles = _ref.styles,
+    styles = _ref$styles === void 0 ? {
+      textColor: '#c65102',
+      buttonColor: '#005b96',
+      buttonBackgroundColor: 'rgba(0,0,0,.2)',
+      width: '80%',
+      height: 'auto'
+    } : _ref$styles;
   var _useState = useState(''),
     message = _useState[0],
     setMessage = _useState[1];
@@ -32759,16 +32757,16 @@ var Chat = function Chat(_ref) {
         emitter = _ref2.emitter,
         message = _ref2.message;
       return React.createElement(Message, {
-        color: color,
+        color: (styles == null ? void 0 : styles.textColor) || '#c65102',
         key: _id + "_" + index
       }, onRenderMessageLines(emitter, createdAt, message));
     }) : React.createElement(Message, {
-      color: color
+      color: (styles == null ? void 0 : styles.textColor) || '#c65102'
     }, "No messages available.");
   };
   return React.createElement(ChatContainer, {
-    width: width,
-    height: height
+    width: (styles == null ? void 0 : styles.width) || '80%',
+    height: (styles == null ? void 0 : styles.height) || 'auto'
   }, React.createElement(ErrorBoundary$1, {
     fallback: React.createElement("p", null, "Oops! Your chat has crashed.")
   }, React.createElement(MessagesContainer, {
@@ -32791,13 +32789,13 @@ var Chat = function Chat(_ref) {
   })), React.createElement(Column, {
     justifyContent: "flex-end"
   }, React.createElement(Button$1, {
-    buttonColor: buttonColor,
-    buttonBackgroundColor: buttonBackgroundColor,
+    buttonColor: (styles == null ? void 0 : styles.buttonColor) || '#005b96',
+    buttonBackgroundColor: (styles == null ? void 0 : styles.buttonBackgroundColor) || 'rgba(0,0,0,.5)',
     id: "chat-send-button",
     style: {
       borderRadius: '20%'
     }
-  }, React.createElement(CiPaperplane, {
+  }, React.createElement(RxPaperPlane, {
     size: 15
   }))))));
 };
@@ -33208,6 +33206,11 @@ var Dropdown = function Dropdown(_ref) {
       return setOpened(function (prev) {
         return !prev;
       });
+    },
+    onTouchStart: function onTouchStart() {
+      return setOpened(function (prev) {
+        return !prev;
+      });
     }
   }, React.createElement("label", null, "\u25BC"), " ", selectedOption), React.createElement(DropdownOptions, {
     className: "rpgui-dropdown-imp",
@@ -33219,6 +33222,11 @@ var Dropdown = function Dropdown(_ref) {
         setSelectedValue(option.value);
         setSelectedOption(option.option);
         setOpened(false);
+      },
+      onTouchStart: function onTouchStart() {
+        setSelectedValue(option.value);
+        setSelectedOption(option.option);
+        setOpened(false);
       }
     }, option.option);
   })));
@@ -33332,7 +33340,14 @@ var CraftBook = function CraftBook(_ref) {
       }
     }), React.createElement("label", {
       onClick: function onClick() {
-        return handleClick(option.key);
+        handleClick(option.key);
+      },
+      onTouchStart: function onTouchStart() {
+        handleClick(option.key);
+        setIsShown({
+          show: true,
+          index: index
+        });
       },
       style: {
         display: 'flex',
@@ -33362,11 +33377,15 @@ var CraftBook = function CraftBook(_ref) {
     })));
   })), React.createElement(ButtonWrapper, null, React.createElement(Button, {
     buttonType: ButtonTypes.RPGUIButton,
-    onClick: onClose
+    onClick: onClose,
+    onTouchStart: onClose
   }, "Cancel"), React.createElement(Button, {
     buttonType: ButtonTypes.RPGUIButton,
     onClick: function onClick() {
       return onCraftItem(craftItem);
+    },
+    onTouchStart: function onTouchStart() {
+      return onCraftItem(craftItem);
     }
   }, "Craft")));
 };
@@ -33389,7 +33408,7 @@ var Subtitle = /*#__PURE__*/styled.h1.withConfig({
 var RadioInputScroller = /*#__PURE__*/styled.div.withConfig({
   displayName: "CraftBook__RadioInputScroller",
   componentId: "sc-19q95ue-4"
-})(["padding-left:15px;padding-top:10px;width:100%;margin-top:1rem;align-items:center;margin-left:20px;align-items:flex-start;overflow-y:scroll;height:360px;"]);
+})(["padding-left:15px;padding-top:10px;width:100%;margin-top:1rem;align-items:center;margin-left:20px;align-items:flex-start;overflow-y:scroll;height:360px;-webkit-overflow-scrolling:touch;"]);
 var SpriteAtlasWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "CraftBook__SpriteAtlasWrapper",
   componentId: "sc-19q95ue-5"
@@ -33614,7 +33633,8 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
     onDrop = _ref.onOutsideDrop,
     checkIfItemCanBeMoved = _ref.checkIfItemCanBeMoved,
     openQuantitySelector = _ref.openQuantitySelector,
-    checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd;
+    checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd,
+    dragScale = _ref.dragScale;
   var _useState = useState(false),
     isTooltipVisible = _useState[0],
     setTooltipVisible = _useState[1];
@@ -33778,6 +33798,7 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
     }
   }, React.createElement(Draggable, {
     defaultClassName: item ? 'draggable' : 'empty-slot',
+    scale: dragScale,
     onStop: function onStop(e, data) {
       if (wasDragged && item) {
         var _e$target;
@@ -33897,7 +33918,8 @@ var EquipmentSet = function EquipmentSet(_ref) {
     onItemPlaceDrop = _ref.onItemPlaceDrop,
     onItemOutsideDrop = _ref.onItemOutsideDrop,
     checkIfItemCanBeMoved = _ref.checkIfItemCanBeMoved,
-    checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd;
+    checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd,
+    dragScale = _ref.dragScale;
   var neck = equipmentSet.neck,
     leftHand = equipmentSet.leftHand,
     ring = equipmentSet.ring,
@@ -33942,6 +33964,7 @@ var EquipmentSet = function EquipmentSet(_ref) {
         onDragEnd: function onDragEnd(quantity) {
           if (onItemDragEnd) onItemDragEnd(quantity);
         },
+        dragScale: dragScale,
         checkIfItemCanBeMoved: checkIfItemCanBeMoved,
         checkIfItemShouldDragEnd: checkIfItemShouldDragEnd,
         onPlaceDrop: function onPlaceDrop(item, slotIndex, itemContainerType) {
@@ -34723,7 +34746,8 @@ var ItemContainer$1 = function ItemContainer(_ref) {
     _onOutsideDrop = _ref.onOutsideDrop,
     checkIfItemCanBeMoved = _ref.checkIfItemCanBeMoved,
     initialPosition = _ref.initialPosition,
-    checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd;
+    checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd,
+    dragScale = _ref.dragScale;
   var _useState = useState({
       isOpen: false,
       maxQuantity: 1,
@@ -34756,6 +34780,7 @@ var ItemContainer$1 = function ItemContainer(_ref) {
         onDragEnd: function onDragEnd(quantity) {
           if (onItemDragEnd) onItemDragEnd(quantity);
         },
+        dragScale: dragScale,
         checkIfItemCanBeMoved: checkIfItemCanBeMoved,
         checkIfItemShouldDragEnd: checkIfItemShouldDragEnd,
         openQuantitySelector: function openQuantitySelector(maxQuantity, callback) {