@rpg-engine/long-bow 0.3.78 → 0.3.80

package/package.json

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

package/src/components/Abstractions/SlotsContainer.tsx

@@ -10,6 +10,7 @@ interface IProps {
   onPositionChange?: (position: IPosition) => void;
   onOutsideClick?: () => void;
   initialPosition?: IPosition;
+  scale?: number;
 }
 
 export const SlotsContainer: React.FC<IProps> = ({
@@ -19,6 +20,7 @@ export const SlotsContainer: React.FC<IProps> = ({
   onPositionChange,
   onOutsideClick,
   initialPosition,
+  scale,
 }) => {
   return (
     <DraggableContainer
@@ -38,6 +40,7 @@ export const SlotsContainer: React.FC<IProps> = ({
       }}
       onOutsideClick={onOutsideClick}
       initialPosition={initialPosition}
+      scale={scale}
     >
       {children}
     </DraggableContainer>

package/src/components/CraftBook/CraftBook.tsx

@@ -93,6 +93,7 @@ export const CraftBook: React.FC<IItemCraftSelectorProps> = ({
           onClose();
         }
       }}
+      scale={scale}
     >
       <div style={{ width: '100%' }}>
         <Title>Craftbook</Title>

package/src/components/DraggableContainer.tsx

@@ -20,6 +20,7 @@ export interface IDraggableContainerProps {
   onPositionChange?: (position: IPosition) => void;
   onOutsideClick?: () => void;
   initialPosition?: IPosition;
+  scale?: number;
 }
 
 export const DraggableContainer: React.FC<IDraggableContainerProps> = ({
@@ -36,6 +37,7 @@ export const DraggableContainer: React.FC<IDraggableContainerProps> = ({
   onPositionChange,
   onOutsideClick,
   initialPosition = { x: 0, y: 0 },
+  scale,
 }) => {
   const draggableRef = useRef(null);
 
@@ -69,6 +71,7 @@ export const DraggableContainer: React.FC<IDraggableContainerProps> = ({
         }
       }}
       defaultPosition={initialPosition}
+      scale={scale}
     >
       <Container
         ref={draggableRef}

package/src/components/Equipment/EquipmentSet.tsx

@@ -33,7 +33,7 @@ export interface IEquipmentSetProps {
     itemContainerType: ItemContainerType | null
   ) => void;
   onItemOutsideDrop?: (item: IItem, position: IPosition) => void;
-  dragScale?: number;
+  scale?: number;
   checkIfItemCanBeMoved: () => boolean;
   checkIfItemShouldDragEnd?: () => boolean;
   onMouseOver?: (e: any, slotIndex: number, item: IItem | null) => void;
@@ -58,7 +58,7 @@ export const EquipmentSet: React.FC<IEquipmentSetProps> = ({
   onItemOutsideDrop,
   checkIfItemCanBeMoved,
   checkIfItemShouldDragEnd,
-  dragScale,
+  scale,
 }) => {
   const {
     neck,
@@ -136,7 +136,7 @@ export const EquipmentSet: React.FC<IEquipmentSetProps> = ({
           onDragEnd={quantity => {
             if (onItemDragEnd) onItemDragEnd(quantity);
           }}
-          dragScale={dragScale}
+          dragScale={scale}
           checkIfItemCanBeMoved={checkIfItemCanBeMoved}
           checkIfItemShouldDragEnd={checkIfItemShouldDragEnd}
           onPlaceDrop={(item, slotIndex, itemContainerType) => {
@@ -162,6 +162,7 @@ export const EquipmentSet: React.FC<IEquipmentSetProps> = ({
       }}
       width="330px"
       cancelDrag=".equipment-container-body"
+      scale={scale}
     >
       <EquipmentSetContainer className="equipment-container-body">
         <EquipmentColumn>{onRenderEquipmentSlotRange(0, 3)}</EquipmentColumn>

package/src/components/Item/Inventory/ItemContainer.tsx

@@ -35,7 +35,7 @@ export interface IItemContainerProps {
     slotIndex: number,
     itemContainerType: ItemContainerType | null
   ) => void;
-  dragScale?: number;
+  scale?: number;
   checkIfItemCanBeMoved: () => boolean;
   checkIfItemShouldDragEnd?: () => boolean;
   onMouseOver?: (e: any, slotIndex: number, item: IItem | null) => void;
@@ -68,7 +68,7 @@ export const ItemContainer: React.FC<IItemContainerProps> = ({
   checkIfItemCanBeMoved,
   initialPosition,
   checkIfItemShouldDragEnd,
-  dragScale,
+  scale,
   shortcuts,
   setItemShortcut,
   removeShortcut,
@@ -117,7 +117,7 @@ export const ItemContainer: React.FC<IItemContainerProps> = ({
           onDragEnd={quantity => {
             if (onItemDragEnd) onItemDragEnd(quantity);
           }}
-          dragScale={dragScale}
+          dragScale={scale}
           checkIfItemCanBeMoved={checkIfItemCanBeMoved}
           checkIfItemShouldDragEnd={checkIfItemShouldDragEnd}
           openQuantitySelector={(maxQuantity, callback) => {
@@ -150,6 +150,7 @@ export const ItemContainer: React.FC<IItemContainerProps> = ({
         title={itemContainer.name || 'Container'}
         onClose={onClose}
         initialPosition={initialPosition}
+        scale={scale}
       >
         {type === ItemContainerType.Inventory &&
           shortcuts &&

package/src/components/Item/Inventory/ItemSlot.tsx

@@ -346,7 +346,11 @@ export const ItemSlot: React.FC<IProps> = observer(
               }, 100);
             } else if (item) {
               let isTouch = false;
-              if (e.type === 'touchend' && !isSelectingShortcut) {
+              if (
+                !isContextMenuDisabled &&
+                e.type === 'touchend' &&
+                !isSelectingShortcut
+              ) {
                 isTouch = true;
                 setIsTooltipMobileVisible(true);
               }

package/src/components/QuestInfo/QuestInfo.tsx

@@ -22,6 +22,7 @@ export interface IQuestInfoProps {
   buttons?: IQuestsButtonProps[];
   quests: IQuest[];
   onChangeQuest: (currentQuestIndex: number, currentQuestId: string) => void;
+  scale?: number;
 }
 
 export const QuestInfo: React.FC<IQuestInfoProps> = ({
@@ -29,6 +30,7 @@ export const QuestInfo: React.FC<IQuestInfoProps> = ({
   onClose,
   buttons,
   onChangeQuest,
+  scale,
 }) => {
   const [currentIndex, setCurrentIndex] = useState(0);
   const questsLength = quests.length - 1;
@@ -56,6 +58,7 @@ export const QuestInfo: React.FC<IQuestInfoProps> = ({
       }}
       width="730px"
       cancelDrag=".equipment-container-body .arrow-selector"
+      scale={scale}
     >
       {quests.length >= 2 ? (
         <QuestsContainer>

package/src/components/QuestList.tsx

@@ -8,9 +8,14 @@ import { RPGUIContainerTypes } from './RPGUIContainer';
 export interface IQuestListProps {
   quests?: IQuest[];
   onClose: () => void;
+  scale?: number;
 }
 
-export const QuestList: React.FC<IQuestListProps> = ({ quests, onClose }) => {
+export const QuestList: React.FC<IQuestListProps> = ({
+  quests,
+  onClose,
+  scale,
+}) => {
   return (
     <QuestDraggableContainer
       type={RPGUIContainerTypes.Framed}
@@ -18,6 +23,7 @@ export const QuestList: React.FC<IQuestListProps> = ({ quests, onClose }) => {
         if (onClose) onClose();
       }}
       width="520px"
+      scale={scale}
     >
       <div style={{ width: '100%' }}>
         <Title>Quests</Title>

package/src/components/SkillsContainer.tsx

@@ -10,6 +10,7 @@ export interface ISkillContainerProps {
   onCloseButton: () => void;
   atlasJSON: any;
   atlasIMG: any;
+  scale?: number;
 }
 
 const skillProps = {
@@ -80,6 +81,7 @@ export const SkillsContainer: React.FC<ISkillContainerProps> = ({
   skill,
   atlasIMG,
   atlasJSON,
+  scale,
 }) => {
   const onRenderSkillCategory = (
     category: 'attributes' | 'combat' | 'crafting'
@@ -115,7 +117,11 @@ export const SkillsContainer: React.FC<ISkillContainerProps> = ({
   };
 
   return (
-    <SkillsDraggableContainer title="Skills" cancelDrag="#skillsDiv">
+    <SkillsDraggableContainer
+      title="Skills"
+      cancelDrag="#skillsDiv"
+      scale={scale}
+    >
       {onCloseButton && (
         <CloseButton onPointerDown={onCloseButton}>X</CloseButton>
       )}

package/src/components/Spellbook/Spellbook.tsx

@@ -21,6 +21,7 @@ export interface ISpellbookProps {
   removeShortcut: (index: number) => void;
   atlasIMG: any;
   atlasJSON: any;
+  scale?: number;
 }
 
 export const Spellbook: React.FC<ISpellbookProps> = ({
@@ -36,6 +37,7 @@ export const Spellbook: React.FC<ISpellbookProps> = ({
   removeShortcut,
   atlasIMG,
   atlasJSON,
+  scale,
 }) => {
   const [search, setSearch] = useState('');
   const [settingShortcutIndex, setSettingShortcutIndex] = useState(-1);
@@ -82,6 +84,7 @@ export const Spellbook: React.FC<ISpellbookProps> = ({
       width="inherit"
       height="inherit"
       cancelDrag="#spellbook-search, #shortcuts_list, .spell"
+      scale={scale}
     >
       <Container>
         <Title>Learned Spells</Title>

package/src/components/TimeWidget/TimeWidget.tsx

@@ -11,15 +11,17 @@ export interface IClockWidgetProps {
   onClose?: () => void;
   TimeClock: string;
   periodOfDay: PeriodOfDay;
+  scale?: number;
 }
 
 export const TimeWidget: React.FC<IClockWidgetProps> = ({
   onClose,
   TimeClock,
   periodOfDay,
+  scale,
 }) => {
   return (
-    <Draggable>
+    <Draggable scale={scale}>
       <WidgetContainer>
         <CloseButton onPointerDown={onClose}>X</CloseButton>
         <DayNightContainer>

package/src/components/TradingMenu/TradingMenu.tsx

@@ -92,6 +92,7 @@ export const TradingMenu: React.FC<ITradingMenu> = ({
       }}
       width="600px"
       cancelDrag="#TraderContainer"
+      scale={scale}
     >
       <>
         <div style={{ width: '100%' }}>