@rpg-engine/long-bow 0.1.68 → 0.1.71

package/dist/components/Abstractions/SlotsContainer.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { IPosition } from '../../types/eventTypes';
+interface IProps {
+    children: React.ReactNode;
+    title: string;
+    onClose?: () => void;
+    onPositionChange?: (position: IPosition) => void;
+    onOutsideClick?: () => void;
+}
+export declare const SlotsContainer: React.FC<IProps>;
+export {};

package/dist/components/DraggableContainer.d.ts

@@ -7,11 +7,12 @@ export interface IDraggableContainerProps {
     height?: string;
     className?: string;
     type?: RPGUIContainerTypes;
-    title: string;
+    title?: string;
     imgSrc?: string;
     imgWidth?: string;
-    onCloseButton: () => void;
+    onCloseButton?: () => void;
     cancelDrag?: string;
     onPositionChange?: (position: IPosition) => void;
+    onOutsideClick?: () => void;
 }
 export declare const DraggableContainer: React.FC<IDraggableContainerProps>;

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

@@ -0,0 +1,13 @@
+import { IEquipementSet, IItem } from '@rpg-engine/shared';
+import React from 'react';
+export interface IEquipmentSetProps {
+    equipmentSet: IEquipementSet;
+    onClose?: () => void;
+    onMouseOver?: (e: any, slotIndex: number, item: IItem | null) => void;
+    onActionSelected?: (payload: any) => void;
+    initialPosition?: {
+        x: number;
+        y: number;
+    };
+}
+export declare const EquipmentSet: React.FC<IEquipmentSetProps>;

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

@@ -1,10 +1,18 @@
-import { IItem } from '@rpg-engine/shared';
+import { IItem, IItemContainer, ItemSlotType } from '@rpg-engine/shared';
 import React from 'react';
+export declare enum SlotContainerType {
+    INVENTORY = "Inventory",
+    EQUIPMENT_SET = "EquipmentSet"
+}
 interface IProps {
     slotIndex: number;
     item: IItem | null;
+    itemContainer?: IItemContainer | null;
+    slotContainerType: SlotContainerType | null;
+    slotSpriteMask?: ItemSlotType | null;
     onMouseOver: (event: any, slotIndex: number, item: IItem | null, x: number, y: number) => void;
-    onClick: (item: IItem, posX: number, posY: number) => void;
+    onMouseOut: () => void;
+    onClick: (item: IItem, posX: number, posY: number, slotContainerType: SlotContainerType | null) => void;
     onCancelContextMenu: () => void;
 }
 export declare const ItemSlot: React.FC<IProps>;

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

@@ -1,7 +1,11 @@
 import { ItemType } from '@rpg-engine/shared';
-interface IContextMenuItem {
+export interface IContextMenuItem {
     id: string;
     text: string;
 }
+export declare enum ContainerType {
+    INVENTORY = "Inventory",
+    EQUIPMENT_SET = "EquipmentSet"
+}
 export declare const handleContextMenuList: (itemType: ItemType) => IContextMenuItem[];
-export {};
+export declare const handleEquipmentContextMenuList: (itemType: ItemType) => IContextMenuItem[];

package/dist/components/Item/SpriteFromAtlas.d.ts

@@ -6,6 +6,8 @@ interface IProps {
     width?: number;
     height?: number;
     scale?: number;
+    grayScale?: boolean;
+    opacity?: number;
 }
 export declare const SpriteFromAtlas: React.FC<IProps>;
 export {};

package/dist/components/Multitab/Tab.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { MultitabType } from './TabsContainer';
+export interface ISingleTab {
+    active: boolean;
+    label: string;
+    onClick: () => void;
+    type: MultitabType;
+}
+export declare const Tab: React.FC<ISingleTab>;

package/dist/components/Multitab/TabBody.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IProps {
+    id: string;
+    children: React.ReactNode;
+}
+export declare const TabBody: React.FC<IProps>;
+export {};

package/dist/components/Multitab/TabsContainer.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface ITab {
+    label: string;
+    id: string;
+}
+export declare enum MultitabType {
+    Brown = "brown",
+    Gray = "gray"
+}
+export interface ITabsContainer {
+    children: React.ReactNode;
+    onCloseButton?: () => void;
+    tabs: ITab[];
+    type: MultitabType;
+}
+export declare const TabsContainer: React.FC<ITabsContainer>;
+export {};

package/dist/components/SimpleProgressBar.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
-interface IProps {
+export interface ISimpleProgressBarProps {
     value: number;
-    height?: string;
     bgColor?: string;
+    margin?: number;
 }
-export declare const SimpleProgressBar: React.FC<IProps>;
-export {};
+export declare const SimpleProgressBar: React.FC<ISimpleProgressBarProps>;

package/dist/components/SkillProgressBar.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 export interface ISkillProgressBarProps {
-    value: number;
-    height: string;
+    skillName: string;
     bgColor: string;
-    titleName: string;
-    logoSrc?: string;
+    level: number;
+    skillPoints: number;
+    skillPointsToNextLevel?: number;
+    texturePath: string;
+    showSkillPoints?: boolean;
 }
 export declare const SkillProgressBar: React.FC<ISkillProgressBarProps>;

package/dist/components/SkillsContainer.d.ts

@@ -0,0 +1,7 @@
+import { ISkill } from '@rpg-engine/shared';
+import React from 'react';
+export interface ISkillContainerProps {
+    skill: ISkill;
+    onCloseButton: () => void;
+}
+export declare const SkillsContainer: React.FC<ISkillContainerProps>;

package/dist/components/store/UI.store.d.ts

@@ -0,0 +1,34 @@
+import { IItem, ItemSocketEvents, ItemType } from '@rpg-engine/shared';
+import { 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'> {
+}
+declare class UIStore {
+    contextMenu: IContextMenu | null;
+    onHoverDetail: IHoverDetail | null;
+    constructor();
+    setContextMenu(contextMenu: ISetContextMenu, itemType: ItemType): void;
+    setEquipContextMenu(contextMenu: ISetContextMenu, itemType: ItemType, isItemContainer: boolean | undefined): void;
+    clearContextMenu(): void;
+    setItemHoverDetail(hoverDetail: IHoverDetail): void;
+    clearItemHoverDetail(): void;
+    handleOnItemClick: (item: IItem, posX: number, posY: number, slotContainerType: SlotContainerType | null) => void;
+    handleOnMouseHover: (event: any, slotIndex: number, item: IItem | null, posX: number, posY: number, onMouseOver: any) => void;
+    onSelected(selectedActionId: ItemSocketEvents | string, onActionSelected: any): void;
+}
+export declare const uiStore: UIStore;
+export {};

package/dist/constants/uiColors.d.ts

@@ -1,3 +1,10 @@
 export declare const colors: {
     darkGrey: string;
+    darkYellow: string;
+    orange: string;
+    cardinal: string;
+    raisinBlack: string;
+    navyBlue: string;
+    purple: string;
+    blue: string;
 };

package/dist/index.d.ts

@@ -19,4 +19,5 @@ export * from './components/SkillProgressBar';
 export * from './components/TextArea';
 export * from './components/Truncate';
 export * from './components/typography/DynamicText';
+export * from './components/Equipment/EquipmentSet';
 export { useEventListener } from './hooks/useEventListener';