@rpg-engine/long-bow 0.1.82 → 0.1.85

package/src/components/store/UI.store.ts

@@ -1,192 +0,0 @@
-import {
-  IItem,
-  IPayloadProps,
-  ItemSocketEvents,
-  ItemSocketEventsDisplayLabels,
-  ItemType,
-} from '@rpg-engine/shared';
-import { makeAutoObservable, toJS } from 'mobx';
-import {
-  handleContextMenuList,
-  handleEquipmentContextMenuList,
-  IContextMenuItem,
-} from '../Item/Inventory/itemContainerHelper';
-import { SlotContainerType } from '../Item/Inventory/ItemSlot';
-
-interface IContextMenu {
-  visible: boolean;
-  posX: number;
-  posY: number;
-  slotItem: IItem | null;
-  slotIndex?: number | null;
-  contextActions: IContextMenuItem[];
-}
-
-interface IHoverDetail {
-  visible: boolean;
-  posX: number;
-  posY: number;
-  item: IItem | null;
-}
-
-interface ISetContextMenu extends Omit<IContextMenu, 'contextActions'> {}
-
-const initialState = {
-  visible: false,
-  posX: 0,
-  posY: 0,
-  contextActions: [],
-  slotItem: null,
-};
-
-const initialHoverState = {
-  visible: false,
-  posX: 0,
-  posY: 0,
-  item: null,
-};
-class UIStore {
-  public contextMenu: IContextMenu | null = initialState;
-
-  public onHoverDetail: IHoverDetail | null = initialHoverState;
-
-  constructor() {
-    makeAutoObservable(this);
-  }
-
-  public setContextMenu(contextMenu: ISetContextMenu, itemType: ItemType) {
-    const contextActions = handleContextMenuList(itemType);
-
-    this.contextMenu = {
-      ...contextMenu,
-      contextActions,
-    };
-
-    console.log(toJS(this.contextMenu));
-  }
-
-  public setEquipContextMenu(
-    contextMenu: ISetContextMenu,
-    itemType: ItemType,
-    isItemContainer: boolean | undefined
-  ) {
-    const contextActions = handleEquipmentContextMenuList(itemType);
-    if (isItemContainer)
-      contextActions.push({
-        id: ItemSocketEvents.ContainerOpen,
-        text: ItemSocketEventsDisplayLabels[ItemSocketEvents.ContainerOpen],
-      });
-    this.contextMenu = {
-      ...contextMenu,
-      contextActions,
-    };
-
-    console.log(toJS(this.contextMenu));
-  }
-
-  public clearContextMenu() {
-    this.contextMenu = initialState;
-  }
-
-  public setItemHoverDetail(hoverDetail: IHoverDetail) {
-    if (hoverDetail?.item === null) this.clearItemHoverDetail();
-
-    this.onHoverDetail = {
-      ...hoverDetail,
-    };
-  }
-
-  public clearItemHoverDetail() {
-    this.onHoverDetail = initialHoverState;
-  }
-
-  public handleOnItemClick = (
-    item: IItem,
-    posX: number,
-    posY: number,
-    slotContainerType: SlotContainerType | null
-  ): void => {
-    if (
-      !item ||
-      JSON.stringify(this.contextMenu?.slotItem) === JSON.stringify(item)
-    ) {
-      this.clearContextMenu();
-      this.clearItemHoverDetail();
-      return;
-    }
-    switch (slotContainerType) {
-      case SlotContainerType.EQUIPMENT_SET:
-        this.setEquipContextMenu(
-          {
-            visible: true,
-            posX,
-            posY,
-            slotItem: item,
-          },
-          item.type,
-          item.isItemContainer
-        );
-        break;
-      case SlotContainerType.INVENTORY:
-        this.setContextMenu(
-          {
-            visible: true,
-            posX,
-            posY,
-            slotItem: item,
-          },
-          item.type
-        );
-        break;
-      default:
-        this.setContextMenu(
-          {
-            visible: true,
-            posX,
-            posY,
-            slotItem: item,
-          },
-          item.type
-        );
-    }
-
-    this.clearItemHoverDetail();
-  };
-
-  public handleOnMouseHover = (
-    event: any,
-    slotIndex: number,
-    item: IItem | null,
-    posX: number,
-    posY: number,
-    onMouseOver: any
-  ): void => {
-    if (item) {
-      this.setItemHoverDetail({
-        visible: true,
-        posX,
-        posY,
-        item: item,
-      });
-    }
-    if (onMouseOver) {
-      onMouseOver(event, slotIndex, item);
-    }
-  };
-
-  public onSelected(
-    selectedActionId: ItemSocketEvents | string,
-    onActionSelected: any
-  ) {
-    let payloadData: IPayloadProps = {
-      actionType: selectedActionId,
-      item: this.contextMenu?.slotItem!,
-    };
-    if (onActionSelected) {
-      onActionSelected(payloadData);
-    }
-    this.clearContextMenu!();
-  }
-}
-
-export const uiStore = new UIStore();