@rpg-engine/long-bow 0.1.82 → 0.1.85

package/dist/stories/Button.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IButtonProps } from '../../src/components/Button';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IButtonProps>;

package/dist/stories/Chat.stories.d.ts

@@ -0,0 +1,5 @@
+import { IChatMessage } from '@rpg-engine/shared';
+import { Meta } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IChatMessage>;

package/dist/stories/CheckButton.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { ICheckProps } from '../../src/components/CheckButton';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ICheckProps>;

package/dist/stories/DraggableContainer.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IDraggableContainerProps } from '../../src/components/DraggableContainer';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IDraggableContainerProps>;

package/dist/stories/Dropdown.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IDropdownProps } from '../../src/components/Dropdown';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IDropdownProps>;

package/dist/stories/EquipmentSet.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IEquipmentSetProps } from '../../src/components/Equipment/EquipmentSet';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IEquipmentSetProps>;

package/dist/stories/ItemContainer.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IItemContainerProps } from '../../src/components/Item/Inventory/ItemContainer';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IItemContainerProps>;

package/dist/stories/ListMenu.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IListMenuProps } from '../../src/components/ListMenu';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IListMenuProps>;

package/dist/stories/Multitab.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { ITabsContainer } from '../../src/components/Multitab/TabsContainer';
+declare const meta: Meta;
+export default meta;
+export declare const Brown: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ITabsContainer>;
+export declare const Gray: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ITabsContainer>;

package/dist/stories/NPCDialog.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { INPCDialogProps } from '../../src/components/NPCDialog/NPCDialog';
+declare const meta: Meta;
+export default meta;
+export declare const TextAndThumbnail: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, INPCDialogProps>;
+export declare const TextOnly: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, INPCDialogProps>;
+export declare const Question: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, INPCDialogProps>;

package/dist/stories/ProgressBar.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IBarProps } from '../../src/components/ProgressBar';
+declare const _default: {
+    title: string;
+    component: React.FC<IBarProps>;
+};
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IBarProps>;

package/dist/stories/PropertySelect.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IPropertySelectProps } from '../components/PropertySelect/PropertySelect';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IPropertySelectProps>;

package/dist/stories/QuestInfo.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IQuestInfoProps } from '../../src/components/QuestInfo/QuestInfo';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IQuestInfoProps>;

package/dist/stories/RPGUIContainers.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IRPGUIContainerProps } from '../../src/components/RPGUIContainer';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IRPGUIContainerProps>;

package/dist/stories/RadioButton.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IRadioProps } from '../../src/components/RadioButton';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IRadioProps>;

package/dist/stories/RangeSlider.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IRangeSliderProps } from '../../src/components/RangeSlider';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IRangeSliderProps>;

package/dist/stories/ScrollList.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IListMenuProps } from '../../src/components/ScrollList';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IListMenuProps>;

package/dist/stories/SimpleProgressBar.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { ISimpleProgressBarProps } from '../../src/components/SimpleProgressBar';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ISimpleProgressBarProps>;

package/dist/stories/SkillProgressBar.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { ISkillProgressBarProps } from '../../src/components/SkillProgressBar';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ISkillProgressBarProps>;

package/dist/stories/SkillsContainer.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { ISkillContainerProps } from '../../src/components/SkillsContainer';
+declare const meta: Meta;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ISkillContainerProps>;

package/dist/stories/Text.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { IInputProps } from '../../src/components/Input';
+import { ITextArea } from '../../src/components/TextArea';
+declare const meta: Meta;
+export default meta;
+export declare const Input: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IInputProps>;
+export declare const TextArea: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ITextArea>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpg-engine/long-bow",
-  "version": "0.1.82",
+  "version": "0.1.85",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -19,7 +19,7 @@
     "node": ">=10"
   },
   "scripts": {
-    "dev": "start-storybook -p 6006",
+    "dev": "yarn install && start-storybook -p 6006",
     "start": "tsdx watch",
     "build": "tsdx build",
     "test": "tsdx test --passWithNoTests",

package/src/components/Button.tsx

@@ -7,6 +7,7 @@ export enum ButtonTypes {
 }
 
 export interface IButtonProps {
+  disabled?: boolean;
   children: React.ReactNode;
   buttonType: ButtonTypes;
 }
@@ -15,9 +16,9 @@ export const Button: React.FC<IButtonProps &
   React.DetailedHTMLProps<
     React.ButtonHTMLAttributes<HTMLButtonElement>,
     HTMLButtonElement
-  >> = ({ children, buttonType, ...props }) => {
+  >> = ({ disabled = false, children, buttonType, ...props }) => {
   return (
-    <ButtonContainer className={`${buttonType}`} {...props}>
+    <ButtonContainer className={`${buttonType}`} disabled={disabled} {...props}>
       <p>{children}</p>
     </ButtonContainer>
   );

package/src/components/Equipment/EquipmentSet.tsx

@@ -3,165 +3,120 @@ import {
   IItem,
   IItemContainer,
   ItemSlotType,
-  ItemSocketEvents,
 } from '@rpg-engine/shared';
-import { observer } from 'mobx-react';
-import React, { useState } from 'react';
+import React from 'react';
 import styled from 'styled-components';
-import { IPosition } from '../../types/eventTypes';
 import { DraggableContainer } from '../DraggableContainer';
-import { ItemCard } from '../Item/Cards/ItemCard';
-import { ItemSlot, SlotContainerType } from '../Item/Inventory/ItemSlot';
-import { ListMenu } from '../ListMenu';
+import { SlotContainerType } from '../Item/Inventory/ItemContainerTypes';
+import { ItemSlot } from '../Item/Inventory/ItemSlot';
 import { RPGUIContainerTypes } from '../RPGUIContainer';
-import { uiStore } from '../store/UI.store';
 
 export interface IEquipmentSetProps {
   equipmentSet: IEquipmentSet;
   onClose?: () => void;
+  onItemClick?: (
+    item: IItem,
+    slotContainerType: SlotContainerType | null
+  ) => void;
   onMouseOver?: (e: any, slotIndex: number, item: IItem | null) => void;
-  onActionSelected?: (payload: any) => void;
+  onSelected?: (optionId: string) => void;
   initialPosition?: { x: number; y: number };
 }
 
-export const EquipmentSet: React.FC<IEquipmentSetProps> = observer(
-  ({
-    equipmentSet,
-    onClose,
-    onMouseOver,
-    onActionSelected,
-    initialPosition = { x: 0, y: 0 },
-  }) => {
-    const {
-      neck,
-      leftHand,
-      ring,
-      head,
-      armor,
-      legs,
-      boot,
-      inventory,
-      rightHand,
-      accessory,
-    } = equipmentSet;
+export const EquipmentSet: React.FC<IEquipmentSetProps> = ({
+  equipmentSet,
+  onClose,
+  onMouseOver,
+  onSelected,
+  onItemClick,
+}) => {
+  const {
+    neck,
+    leftHand,
+    ring,
+    head,
+    armor,
+    legs,
+    boot,
+    inventory,
+    rightHand,
+    accessory,
+  } = equipmentSet;
 
-    const equipmentData = [
-      neck,
-      leftHand,
-      ring,
-      head,
-      armor,
-      legs,
-      boot,
-      inventory,
-      rightHand,
-      accessory,
-    ];
+  const equipmentData = [
+    neck,
+    leftHand,
+    ring,
+    head,
+    armor,
+    legs,
+    boot,
+    inventory,
+    rightHand,
+    accessory,
+  ];
 
-    const equipmentMaskSlots = [
-      ItemSlotType.Neck,
-      ItemSlotType.LeftHand,
-      ItemSlotType.Ring,
-      ItemSlotType.Head,
-      ItemSlotType.Torso,
-      ItemSlotType.Legs,
-      ItemSlotType.Feet,
-      ItemSlotType.Inventory,
-      ItemSlotType.RightHand,
-      ItemSlotType.Accessory,
-    ];
+  const equipmentMaskSlots = [
+    ItemSlotType.Neck,
+    ItemSlotType.LeftHand,
+    ItemSlotType.Ring,
+    ItemSlotType.Head,
+    ItemSlotType.Torso,
+    ItemSlotType.Legs,
+    ItemSlotType.Feet,
+    ItemSlotType.Inventory,
+    ItemSlotType.RightHand,
+    ItemSlotType.Accessory,
+  ];
 
-    // we use this draggable position to offset the menu position, after the container is dragged (otherwise, it bugs!)
-    const [draggablePosition, setDraggablePosition] = useState<IPosition>(
-      initialPosition
-    );
+  const onRenderEquipmentSlotRange = (start: number, end: number) => {
+    const equipmentRange = equipmentData.slice(start, end);
+    const slotMaksRange = equipmentMaskSlots.slice(start, end);
 
-    const handleOnMouseHover = (
-      event: any,
-      slotIndex: number,
-      item: IItem | null,
-      x: number,
-      y: number
-    ) => {
-      uiStore.handleOnMouseHover(event, slotIndex, item, x, y, onMouseOver);
-    };
+    return equipmentRange.map((data, i) => {
+      const item = data as IItem;
+      const itemContainer =
+        (item && (item.itemContainer as IItemContainer)) ?? null;
+      return (
+        <ItemSlot
+          key={i}
+          slotIndex={i}
+          item={item}
+          itemContainer={itemContainer}
+          slotContainerType={SlotContainerType.EQUIPMENT_SET}
+          slotSpriteMask={slotMaksRange[i]}
+          onMouseOver={(event, slotIndex, item) => {
+            if (onMouseOver) onMouseOver(event, slotIndex, item);
+          }}
+          onClick={(item, slotContainerType) => {
+            if (onItemClick) onItemClick(item, slotContainerType);
+          }}
+          onSelected={(optionId: string) => {
+            if (onSelected) onSelected(optionId);
+          }}
+        />
+      );
+    });
+  };
 
-    const onSelected = (selectedActionId: ItemSocketEvents | string): void => {
-      uiStore.onSelected(selectedActionId, onActionSelected);
-    };
-
-    const onRenderEquipmentSlotRange = (start: number, end: number) => {
-      const equipmentRange = equipmentData.slice(start, end);
-      const slotMaksRange = equipmentMaskSlots.slice(start, end);
-
-      return equipmentRange.map((data, i) => {
-        const item = data as IItem;
-        const itemContainer =
-          (item && (item.itemContainer as IItemContainer)) ?? null;
-        return (
-          <ItemSlot
-            key={i}
-            slotIndex={i}
-            item={item}
-            itemContainer={itemContainer}
-            slotContainerType={SlotContainerType.EQUIPMENT_SET}
-            slotSpriteMask={slotMaksRange[i]}
-            onMouseOver={handleOnMouseHover}
-            onMouseOut={() => {
-              uiStore.clearItemHoverDetail();
-            }}
-            onClick={uiStore.handleOnItemClick}
-            onCancelContextMenu={() => {
-              uiStore.clearContextMenu();
-            }}
-          />
-        );
-      });
-    };
-
-    return (
-      <DraggableContainer
-        title={'Equipments'}
-        type={RPGUIContainerTypes.Framed}
-        onCloseButton={() => {
-          if (onClose) onClose();
-        }}
-        width="330px"
-        cancelDrag=".equipment-container-body"
-        onPositionChange={({ x, y }) => {
-          setDraggablePosition({ x, y });
-        }}
-        onOutsideClick={() => {
-          uiStore.clearContextMenu();
-          uiStore.clearItemHoverDetail();
-        }}
-      >
-        <EquipmentSetContainer className="equipment-container-body">
-          <EquipmentColumn>{onRenderEquipmentSlotRange(0, 3)}</EquipmentColumn>
-          <EquipmentColumn>{onRenderEquipmentSlotRange(3, 7)}</EquipmentColumn>
-          <EquipmentColumn>{onRenderEquipmentSlotRange(7, 10)}</EquipmentColumn>
-        </EquipmentSetContainer>
-
-        {uiStore.contextMenu?.visible ? (
-          <ListMenu
-            x={uiStore.contextMenu.posX - draggablePosition.x}
-            y={uiStore.contextMenu.posY - draggablePosition.y}
-            options={uiStore.contextMenu.contextActions}
-            onSelected={onSelected}
-          />
-        ) : null}
-
-        {uiStore.onHoverDetail?.visible ? (
-          <ItemCard
-            item={uiStore.onHoverDetail.item}
-            x={uiStore.onHoverDetail.posX - draggablePosition.x}
-            y={uiStore.onHoverDetail.posY - draggablePosition.y}
-          />
-        ) : null}
-      </DraggableContainer>
-    );
-  }
-);
+  return (
+    <DraggableContainer
+      title={'Equipments'}
+      type={RPGUIContainerTypes.Framed}
+      onCloseButton={() => {
+        if (onClose) onClose();
+      }}
+      width="330px"
+      cancelDrag=".equipment-container-body"
+    >
+      <EquipmentSetContainer className="equipment-container-body">
+        <EquipmentColumn>{onRenderEquipmentSlotRange(0, 3)}</EquipmentColumn>
+        <EquipmentColumn>{onRenderEquipmentSlotRange(3, 7)}</EquipmentColumn>
+        <EquipmentColumn>{onRenderEquipmentSlotRange(7, 10)}</EquipmentColumn>
+      </EquipmentSetContainer>
+    </DraggableContainer>
+  );
+};
 
 const EquipmentSetContainer = styled.div`
   width: inherit;

package/src/components/Item/Cards/ItemTooltip.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import styled from 'styled-components';
+
+interface IProps {
+  label: string;
+}
+
+export const ItemTooltip: React.FC<IProps> = ({ label }) => {
+  return (
+    <Container>
+      <div>{label}</div>
+    </Container>
+  );
+};
+
+const Container = styled.div`
+  z-index: 2;
+  position: absolute;
+  top: 1rem;
+  left: 4rem;
+
+  font-size: 0.5rem;
+  color: white;
+  background-color: black;
+  border-radius: 5px;
+  padding: 0.5rem;
+  min-width: 20px;
+  width: 100%;
+  text-align: center;
+
+  opacity: 0.75;
+`;

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

@@ -1,109 +1,61 @@
-import { IItem, IItemContainer, ItemSocketEvents } from '@rpg-engine/shared';
-import { observer } from 'mobx-react';
-import React, { useState } from 'react';
+import { IItem, IItemContainer } from '@rpg-engine/shared';
+import React from 'react';
 import styled from 'styled-components';
-import { IPosition } from '../../../types/eventTypes';
 import { SlotsContainer } from '../../Abstractions/SlotsContainer';
-import { ListMenu } from '../../ListMenu';
-import { uiStore } from '../../store/UI.store';
-import { ItemCard } from '../Cards/ItemCard';
-import { ItemSlot, SlotContainerType } from './ItemSlot';
+import { SlotContainerType } from './ItemContainerTypes';
+import { ItemSlot } from './ItemSlot';
 
 export interface IItemContainerProps {
   itemContainer: IItemContainer;
   onClose?: () => void;
+  onItemClick?: (
+    item: IItem,
+    slotContainerType: SlotContainerType | null
+  ) => void;
   onMouseOver?: (e: any, slotIndex: number, item: IItem | null) => void;
-  onActionSelected?: (payload: any) => void;
-  initialPosition?: { x: number; y: number };
+  onSelected?: (optionId: string) => void;
 }
 
-export const ItemContainer: React.FC<IItemContainerProps> = observer(
-  ({
-    itemContainer,
-    onClose,
-    onMouseOver,
-    onActionSelected,
-    initialPosition = { x: 0, y: 0 },
-  }) => {
-    // we use this draggable position to offset the menu position, after the container is dragged (otherwise, it bugs!)
-    const [draggablePosition, setDraggablePosition] = useState<IPosition>(
-      initialPosition
-    );
+export const ItemContainer: React.FC<IItemContainerProps> = ({
+  itemContainer,
+  onClose,
+  onMouseOver,
+  onSelected,
+  onItemClick,
+}) => {
+  const onRenderSlots = () => {
+    const slots = [];
 
-    const handleOnMouseHover = (
-      event: any,
-      slotIndex: number,
-      item: IItem | null,
-      x: number,
-      y: number
-    ) => {
-      uiStore.handleOnMouseHover(event, slotIndex, item, x, y, onMouseOver);
-    };
+    for (let i = 0; i < itemContainer.slotQty; i++) {
+      slots.push(
+        <ItemSlot
+          key={i}
+          slotIndex={i}
+          item={itemContainer.slots?.[i] || null}
+          slotContainerType={SlotContainerType.INVENTORY}
+          onMouseOver={(event, slotIndex, item) => {
+            if (onMouseOver) onMouseOver(event, slotIndex, item);
+          }}
+          onClick={(item, slotContainerType) => {
+            if (onItemClick) onItemClick(item, slotContainerType);
+          }}
+          onSelected={(optionId: string) => {
+            if (onSelected) onSelected(optionId);
+          }}
+        />
+      );
+    }
+    return slots;
+  };
 
-    const onSelected = (selectedActionId: ItemSocketEvents | string): void => {
-      uiStore.onSelected(selectedActionId, onActionSelected);
-    };
-
-    const onRenderSlots = () => {
-      const slots = [];
-
-      for (let i = 0; i < itemContainer.slotQty; i++) {
-        slots.push(
-          <ItemSlot
-            key={i}
-            slotIndex={i}
-            item={itemContainer.slots?.[i] || null}
-            slotContainerType={SlotContainerType.INVENTORY}
-            onMouseOver={handleOnMouseHover}
-            onClick={uiStore.handleOnItemClick}
-            onMouseOut={() => {
-              uiStore.clearItemHoverDetail();
-            }}
-            onCancelContextMenu={() => {
-              uiStore.clearContextMenu();
-            }}
-          />
-        );
-      }
-      return slots;
-    };
-
-    return (
-      <SlotsContainer
-        title={itemContainer.name || 'Container'}
-        onPositionChange={({ x, y }) => {
-          setDraggablePosition({ x, y });
-        }}
-        onOutsideClick={() => {
-          uiStore.clearContextMenu();
-          uiStore.clearItemHoverDetail();
-        }}
-        onClose={onClose}
-      >
-        <ItemsContainer className="item-container-body">
-          {onRenderSlots()}
-        </ItemsContainer>
-
-        {uiStore.contextMenu?.visible ? (
-          <ListMenu
-            x={uiStore.contextMenu.posX - draggablePosition.x}
-            y={uiStore.contextMenu.posY - draggablePosition.y}
-            options={uiStore.contextMenu.contextActions}
-            onSelected={onSelected}
-          />
-        ) : null}
-
-        {uiStore.onHoverDetail?.visible ? (
-          <ItemCard
-            item={uiStore.onHoverDetail.item}
-            x={uiStore.onHoverDetail.posX - draggablePosition.x}
-            y={uiStore.onHoverDetail.posY - draggablePosition.y}
-          />
-        ) : null}
-      </SlotsContainer>
-    );
-  }
-);
+  return (
+    <SlotsContainer title={itemContainer.name || 'Container'} onClose={onClose}>
+      <ItemsContainer className="item-container-body">
+        {onRenderSlots()}
+      </ItemsContainer>
+    </SlotsContainer>
+  );
+};
 
 const ItemsContainer = styled.div`
   max-width: 280px;

package/src/components/Item/Inventory/ItemContainerTypes.ts

@@ -0,0 +1,4 @@
+export enum SlotContainerType {
+  INVENTORY = 'Inventory',
+  EQUIPMENT_SET = 'EquipmentSet',
+}