@rpg-engine/long-bow 0.3.28 → 0.3.32

package/dist/components/Chat/Chat.d.ts

@@ -1,5 +1,12 @@
 import { IChatMessage } from '@rpg-engine/shared';
 import React from 'react';
+interface IStyles {
+    textColor?: string;
+    buttonColor?: string;
+    buttonBackgroundColor?: string;
+    width?: string;
+    height?: string;
+}
 export interface IChatProps {
     chatMessages: IChatMessage[];
     onSendChatMessage: (message: string) => void;
@@ -7,11 +14,8 @@ export interface IChatProps {
     onFocus?: () => void;
     onBlur?: () => void;
     opacity?: number;
-    width?: string;
-    height?: string;
     sendMessage: boolean;
-    color?: string;
-    buttonColor?: string;
-    buttonBackgroundColor?: string;
+    styles?: IStyles;
 }
 export declare const Chat: React.FC<IChatProps>;
+export {};

package/dist/components/Equipment/EquipmentSet.d.ts

@@ -9,6 +9,7 @@ export interface IEquipmentSetProps {
     onItemDragEnd?: (quantity?: number) => void;
     onItemPlaceDrop?: (item: IItem | null, slotIndex: number, itemContainerType: ItemContainerType | null) => void;
     onItemOutsideDrop?: (item: IItem, position: IPosition) => void;
+    dragScale?: number;
     checkIfItemCanBeMoved: () => boolean;
     checkIfItemShouldDragEnd?: () => boolean;
     onMouseOver?: (e: any, slotIndex: number, item: IItem | null) => void;

package/dist/components/Item/Inventory/ItemContainer.d.ts

@@ -9,6 +9,7 @@ export interface IItemContainerProps {
     onItemDragEnd?: (quantity?: number) => void;
     onOutsideDrop?: (item: IItem, position: IPosition) => void;
     onItemPlaceDrop?: (item: IItem | null, slotIndex: number, itemContainerType: ItemContainerType | null) => void;
+    dragScale?: number;
     checkIfItemCanBeMoved: () => boolean;
     checkIfItemShouldDragEnd?: () => boolean;
     onMouseOver?: (e: any, slotIndex: number, item: IItem | null) => void;

package/dist/components/Item/Inventory/ItemSlot.d.ts

@@ -14,6 +14,7 @@ interface IProps {
     onDragStart: (item: IItem, slotIndex: number, itemContainerType: ItemContainerType | null) => void;
     onDragEnd: (quantity?: number) => void;
     onOutsideDrop?: (item: IItem, position: IPosition) => void;
+    dragScale?: number;
     checkIfItemCanBeMoved: () => boolean;
     checkIfItemShouldDragEnd?: () => boolean;
     openQuantitySelector?: (maxQuantity: number, callback: () => void) => void;

package/dist/long-bow.cjs.development.js

@@ -10,7 +10,7 @@ var styled = _interopDefault(require('styled-components'));
 var shared = require('@rpg-engine/shared');
 var dayjs = _interopDefault(require('dayjs'));
 var reactErrorBoundary = require('react-error-boundary');
-var ci = require('react-icons/ci');
+var rx = require('react-icons/rx');
 var Draggable = _interopDefault(require('react-draggable'));
 var uuid = require('uuid');
 var mobxReactLite = require('mobx-react-lite');
@@ -32720,18 +32720,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 ? '250px' : _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 = React.useState(''),
     message = _useState[0],
     setMessage = _useState[1];
@@ -32765,16 +32763,16 @@ var Chat = function Chat(_ref) {
         emitter = _ref2.emitter,
         message = _ref2.message;
       return React__default.createElement(Message, {
-        color: color,
+        color: (styles == null ? void 0 : styles.textColor) || '#c65102',
         key: _id + "_" + index
       }, onRenderMessageLines(emitter, createdAt, message));
     }) : React__default.createElement(Message, {
-      color: color
+      color: (styles == null ? void 0 : styles.textColor) || '#c65102'
     }, "No messages available.");
   };
   return React__default.createElement(ChatContainer, {
-    width: width,
-    height: height
+    width: (styles == null ? void 0 : styles.width) || '80%',
+    height: (styles == null ? void 0 : styles.height) || 'auto'
   }, React__default.createElement(reactErrorBoundary.ErrorBoundary, {
     fallback: React__default.createElement("p", null, "Oops! Your chat has crashed.")
   }, React__default.createElement(MessagesContainer, {
@@ -32797,20 +32795,20 @@ var Chat = function Chat(_ref) {
   })), React__default.createElement(Column, {
     justifyContent: "flex-end"
   }, React__default.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__default.createElement(ci.CiPaperplane, {
+  }, React__default.createElement(rx.RxPaperPlane, {
     size: 15
   }))))));
 };
 var ChatContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "Chat__ChatContainer",
   componentId: "sc-1bk05n6-0"
-})(["height:", ";width:", ";padding:10px;margin-top:100px;background-color:rgba(0,0,0,0.2);.chat-body{max-height:170px;overflow-y:auto;}"], function (props) {
+})(["height:", ";width:", ";padding:10px;background-color:rgba(0,0,0,0.2);height:auto;"], function (props) {
   return props.height;
 }, function (_ref3) {
   var width = _ref3.width;
@@ -32823,7 +32821,7 @@ var TextField = /*#__PURE__*/styled.input.withConfig({
 var MessagesContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "Chat__MessagesContainer",
   componentId: "sc-1bk05n6-2"
-})(["height:70%;margin-bottom:10px;"]);
+})(["height:70%;margin-bottom:10px;.chat-body{max-height:auto;overflow-y:auto;}"]);
 var Message = /*#__PURE__*/styled.div.withConfig({
   displayName: "Chat__Message",
   componentId: "sc-1bk05n6-3"
@@ -33337,7 +33335,14 @@ var CraftBook = function CraftBook(_ref) {
       }
     }), React__default.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',
@@ -33367,11 +33372,15 @@ var CraftBook = function CraftBook(_ref) {
     })));
   })), React__default.createElement(ButtonWrapper, null, React__default.createElement(Button, {
     buttonType: exports.ButtonTypes.RPGUIButton,
-    onClick: onClose
+    onClick: onClose,
+    onTouchStart: onClose
   }, "Cancel"), React__default.createElement(Button, {
     buttonType: exports.ButtonTypes.RPGUIButton,
     onClick: function onClick() {
       return onCraftItem(craftItem);
+    },
+    onTouchStart: function onTouchStart() {
+      return onCraftItem(craftItem);
     }
   }, "Craft")));
 };
@@ -33394,7 +33403,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"
@@ -33619,7 +33628,8 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
     onDrop = _ref.onOutsideDrop,
     checkIfItemCanBeMoved = _ref.checkIfItemCanBeMoved,
     openQuantitySelector = _ref.openQuantitySelector,
-    checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd;
+    checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd,
+    dragScale = _ref.dragScale;
   var _useState = React.useState(false),
     isTooltipVisible = _useState[0],
     setTooltipVisible = _useState[1];
@@ -33783,6 +33793,7 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
     }
   }, React__default.createElement(Draggable, {
     defaultClassName: item ? 'draggable' : 'empty-slot',
+    scale: dragScale,
     onStop: function onStop(e, data) {
       if (wasDragged && item) {
         var _e$target;
@@ -33902,7 +33913,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,
@@ -33947,6 +33959,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) {
@@ -34725,7 +34738,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 = React.useState({
       isOpen: false,
       maxQuantity: 1,
@@ -34758,6 +34772,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) {