@rpg-engine/long-bow 0.3.0 → 0.3.1

package/package.json

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

package/src/components/Equipment/EquipmentSet.tsx

@@ -33,6 +33,7 @@ export interface IEquipmentSetProps {
     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;
@@ -57,6 +58,7 @@ export const EquipmentSet: React.FC<IEquipmentSetProps> = ({
   onItemOutsideDrop,
   checkIfItemCanBeMoved,
   checkIfItemShouldDragEnd,
+  dragScale,
 }) => {
   const {
     neck,
@@ -134,6 +136,7 @@ export const EquipmentSet: React.FC<IEquipmentSetProps> = ({
           onDragEnd={quantity => {
             if (onItemDragEnd) onItemDragEnd(quantity);
           }}
+          dragScale={dragScale}
           checkIfItemCanBeMoved={checkIfItemCanBeMoved}
           checkIfItemShouldDragEnd={checkIfItemShouldDragEnd}
           onPlaceDrop={(item, slotIndex, itemContainerType) => {

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

@@ -27,6 +27,7 @@ export interface IItemContainerProps {
     slotIndex: number,
     itemContainerType: ItemContainerType | null
   ) => void;
+  dragScale?: number;
   checkIfItemCanBeMoved: () => boolean;
   checkIfItemShouldDragEnd?: () => boolean;
   onMouseOver?: (e: any, slotIndex: number, item: IItem | null) => void;
@@ -55,6 +56,7 @@ export const ItemContainer: React.FC<IItemContainerProps> = ({
   checkIfItemCanBeMoved,
   initialPosition,
   checkIfItemShouldDragEnd,
+  dragScale,
 }) => {
   const [quantitySelect, setQuantitySelect] = useState({
     isOpen: false,
@@ -89,6 +91,7 @@ export const ItemContainer: React.FC<IItemContainerProps> = ({
           onDragEnd={quantity => {
             if (onItemDragEnd) onItemDragEnd(quantity);
           }}
+          dragScale={dragScale}
           checkIfItemCanBeMoved={checkIfItemCanBeMoved}
           checkIfItemShouldDragEnd={checkIfItemShouldDragEnd}
           openQuantitySelector={(maxQuantity, callback) => {

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

@@ -61,6 +61,7 @@ interface IProps {
   ) => void;
   onDragEnd: (quantity?: number) => void;
   onOutsideDrop?: (item: IItem, position: IPosition) => void;
+  dragScale?: number;
   checkIfItemCanBeMoved: () => boolean;
   checkIfItemShouldDragEnd?: () => boolean;
   openQuantitySelector?: (maxQuantity: number, callback: () => void) => void;
@@ -94,6 +95,7 @@ export const ItemSlot: React.FC<IProps> = observer(
     checkIfItemCanBeMoved,
     openQuantitySelector,
     checkIfItemShouldDragEnd,
+    dragScale,
   }) => {
     const [isTooltipVisible, setTooltipVisible] = useState(false);
 
@@ -276,6 +278,7 @@ export const ItemSlot: React.FC<IProps> = observer(
       >
         <Draggable
           defaultClassName={item ? 'draggable' : 'empty-slot'}
+          scale={dragScale}
           onStop={(e, data) => {
             if (wasDragged && item) {
               //@ts-ignore

package/src/mocks/equipmentSet.mocks.ts

@@ -1,6 +1,7 @@
 import {
   IEquipmentSet,
   IItem,
+  ItemRarities,
   // IItem,
   ItemSlotType,
   ItemSubType,
@@ -55,7 +56,8 @@ export const items: IEquipmentSetItems = {
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
     isTwoHanded: false,
-    hasUseWith: false
+    hasUseWith: false,
+    rarity: ItemRarities.Common
   },
   head: {
     _id: '1',
@@ -87,7 +89,8 @@ export const items: IEquipmentSetItems = {
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
     isTwoHanded: false,
-    hasUseWith: false
+    hasUseWith: false,
+    rarity: ItemRarities.Common
   },
   armor: {
     _id: '2',
@@ -120,7 +123,8 @@ export const items: IEquipmentSetItems = {
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
     isTwoHanded: false,
-    hasUseWith: false
+    hasUseWith: false,
+    rarity: ItemRarities.Common
   },
   legs: {
     _id: '3',
@@ -153,7 +157,8 @@ export const items: IEquipmentSetItems = {
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
     isTwoHanded: false,
-    hasUseWith: false
+    hasUseWith: false,
+    rarity: ItemRarities.Common
   },
   boot: {
     _id: '4',
@@ -185,7 +190,8 @@ export const items: IEquipmentSetItems = {
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
     isTwoHanded: false,
-    hasUseWith: false
+    hasUseWith: false,
+    rarity: ItemRarities.Common
   },
   neck: {
     _id: '5',
@@ -218,7 +224,8 @@ export const items: IEquipmentSetItems = {
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
     isTwoHanded: false,
-    hasUseWith: false
+    hasUseWith: false,
+    rarity: ItemRarities.Common
   },
   ring: {
     _id: '6',
@@ -251,7 +258,8 @@ export const items: IEquipmentSetItems = {
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
     isTwoHanded: false,
-    hasUseWith: false
+    hasUseWith: false,
+    rarity: ItemRarities.Common
   },
   accessory: {
     _id: '392acek4j7c8e80d2fs60404',
@@ -286,6 +294,7 @@ export const items: IEquipmentSetItems = {
     fullDescription: 'You see a stone. It is used with slingshot',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
   },
   inventory: {
     _id: '8',
@@ -329,7 +338,8 @@ export const items: IEquipmentSetItems = {
       isEmpty: true,
     },
     isTwoHanded: false,
-    hasUseWith: false
+    hasUseWith: false,
+    rarity: ItemRarities.Common
   },
   rightHand: {
     _id: '629acef1c7c8e8002ff60736',
@@ -363,7 +373,8 @@ export const items: IEquipmentSetItems = {
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
     isTwoHanded: false,
-    hasUseWith: false
+    hasUseWith: false,
+    rarity: ItemRarities.Common
   },
 };
 

package/src/mocks/itemContainer.mocks.ts

@@ -1,7 +1,6 @@
 import {
   IItem,
-  IItemContainer,
-  ItemSlotType,
+  IItemContainer, ItemRarities, ItemSlotType,
   ItemSubType,
   ItemType
 } from '@rpg-engine/shared';
@@ -40,6 +39,7 @@ export const items: IItem[] = [
     isStackable: false,
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
   },
   {
     _id: '629acef1c7c8e8002ff73564',
@@ -72,6 +72,7 @@ export const items: IItem[] = [
     isStackable: false,
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
   },
   {
     _id: '629acef1c7c8e8002ff60723',
@@ -105,6 +106,7 @@ export const items: IItem[] = [
     fullDescription: 'Recover your life',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
   },
   {
     _id: '629acek4j7c8e8002ff60034',
@@ -138,6 +140,7 @@ export const items: IItem[] = [
     fullDescription: 'Recover your mana',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
   },
   {
     _id: '629acek4j7c8e8002fg60034',
@@ -171,6 +174,7 @@ export const items: IItem[] = [
     fullDescription: 'Key to open things',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
   },
   {
     _id: '392acek4j7c8e8002ff60403',
@@ -204,6 +208,7 @@ export const items: IItem[] = [
     fullDescription: 'Somes shard, some crafts.',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
   },
   {
     _id: '392acek4j7c8e8002ff60404',
@@ -240,6 +245,7 @@ export const items: IItem[] = [
       'You see a bag. It has made using leather and it has 10 total slots.',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
   },
   {
     _id: '392acek4j7c8e80d2fs60404',
@@ -274,6 +280,7 @@ export const items: IItem[] = [
     fullDescription: 'You see a stone. It is used with slingshot',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
   },
   {
     _id: '392acek4j7c8e80d2fs60404',
@@ -308,6 +315,7 @@ export const items: IItem[] = [
     fullDescription: 'You see a stone. It is used with slingshot',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
   },
   {
     _id: '392acek4j7c8e80d2fs60404',
@@ -342,6 +350,7 @@ export const items: IItem[] = [
     fullDescription: 'You see a stone. It is used with slingshot',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
   },
   {
     _id: '392acek4j7c8e80d2fs60404',
@@ -376,6 +385,7 @@ export const items: IItem[] = [
     fullDescription: 'You see a stone. It is used with slingshot',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
   },
   {
     _id: '392acek4j7c8e80d2fs60404',
@@ -410,6 +420,7 @@ export const items: IItem[] = [
     fullDescription: 'You see a stone. It is used with slingshot',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
   },
   {
     _id: '392acek4j7c8e80d2fs60404',
@@ -444,6 +455,7 @@ export const items: IItem[] = [
     fullDescription: 'You see a stone. It is used with slingshot',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
   },
   {
     _id: '392acek4j7c8e80d2fs60404',
@@ -478,6 +490,7 @@ export const items: IItem[] = [
     fullDescription: 'You see a stone. It is used with slingshot',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
   },
   {
     _id: '392acek4j7casd0d2fs60404',
@@ -512,6 +525,7 @@ export const items: IItem[] = [
     fullDescription: 'You see a stone. It is used with slingshot',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
   }
 ];