@rpg-engine/long-bow 0.8.4 → 0.8.6

package/dist/components/InformationCenter/sections/bestiary/BestiarySection.d.ts

@@ -7,6 +7,7 @@ interface IBestiarySectionProps {
     entitiesAtlasJSON: Record<string, any>;
     entitiesAtlasIMG: string;
     initialSearchQuery: string;
+    tabId: string;
 }
 export declare const BestiarySection: React.FC<IBestiarySectionProps>;
 export {};

package/dist/components/InformationCenter/sections/faq/FaqSection.d.ts

@@ -3,6 +3,7 @@ import { IFaqItem } from '../../InformationCenter';
 interface IFaqSectionProps {
     faqItems: IFaqItem[];
     initialSearchQuery: string;
+    tabId: string;
 }
 export declare const FaqSection: React.FC<IFaqSectionProps>;
 export {};

package/dist/components/InformationCenter/sections/items/ItemsSection.d.ts

@@ -6,6 +6,7 @@ interface IItemsSectionProps {
     itemsAtlasJSON: Record<string, any>;
     itemsAtlasIMG: string;
     initialSearchQuery: string;
+    tabId: string;
 }
 export declare const ItemsSection: React.FC<IItemsSectionProps>;
 export {};

package/dist/components/InternalTabs/InternalTabs.d.ts

@@ -11,6 +11,8 @@ export interface TableTabProps {
     inactiveColor?: string;
     borderColor?: string;
     hoverColor?: string;
+    onTabChange?: (tabId: string) => void;
+    activeTab?: string;
 }
 export declare const InternalTabs: React.FC<TableTabProps>;
 export {};

package/dist/components/Store/InternalStoreTab.d.ts

@@ -0,0 +1,15 @@
+import { ItemType, UserAccountTypes } from '@rpg-engine/shared';
+import React from 'react';
+import { IStoreItem } from './StoreTypes';
+interface IInternalStoreTabProps {
+    items: IStoreItem[];
+    atlasJSON: Record<string, any>;
+    atlasIMG: string;
+    onPurchase: (item: IStoreItem, quantity: number) => void;
+    userGold: number;
+    userAccountType: UserAccountTypes;
+    type?: ItemType | 'premium' | 'all';
+    initialSearchQuery?: string;
+}
+export declare const InternalStoreTab: React.FC<IInternalStoreTabProps>;
+export {};

package/dist/components/Store/Store.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IStoreProps } from './StoreTypes';
+export declare const Store: React.FC<IStoreProps>;

package/dist/components/Store/StoreItemRow.d.ts

@@ -0,0 +1,13 @@
+import { UserAccountTypes } from '@rpg-engine/shared';
+import React from 'react';
+import { IStoreItem } from './StoreTypes';
+interface IStoreItemRowProps {
+    item: IStoreItem;
+    atlasJSON: Record<string, any>;
+    atlasIMG: string;
+    onPurchase: (item: IStoreItem, quantity: number) => void;
+    userGold: number;
+    userAccountType: UserAccountTypes;
+}
+export declare const StoreItemRow: React.FC<IStoreItemRowProps>;
+export {};

package/dist/components/Store/StoreTabContent.d.ts

@@ -0,0 +1,14 @@
+import { UserAccountTypes } from '@rpg-engine/shared';
+import React from 'react';
+import { IStoreItem } from './StoreTypes';
+interface IStoreTabContentProps {
+    items: IStoreItem[];
+    atlasJSON: Record<string, any>;
+    atlasIMG: string;
+    onPurchase: (item: IStoreItem, quantity: number) => void;
+    userGold: number;
+    userAccountType: UserAccountTypes;
+    tabId: string;
+}
+export declare const StoreTabContent: React.FC<IStoreTabContentProps>;
+export {};

package/dist/components/Store/StoreTypes.d.ts

@@ -0,0 +1,19 @@
+import { IItem, UserAccountTypes } from '@rpg-engine/shared';
+export interface IStoreItem extends Omit<IItem, 'canSell'> {
+    price: number;
+    stock: number;
+    requiredAccountType?: UserAccountTypes[];
+    canSell: boolean;
+}
+export interface IStoreProps {
+    items: IStoreItem[];
+    atlasJSON: Record<string, any>;
+    atlasIMG: string;
+    onPurchase: (item: IStoreItem, quantity: number) => void;
+    userGold: number;
+    userAccountType: UserAccountTypes;
+    loading?: boolean;
+    error?: string;
+    initialSearchQuery?: string;
+    onClose?: () => void;
+}

package/dist/components/shared/PaginatedContent/PaginatedContent.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { IOptionsProps } from '../../Dropdown';
+interface IPaginatedContentProps<T> {
+    items: T[];
+    itemsPerPage?: number;
+    renderItem: (item: T) => React.ReactNode;
+    emptyMessage?: string;
+    className?: string;
+    filterOptions?: {
+        options: IOptionsProps[];
+        selectedOption: string;
+        onOptionChange: (value: string) => void;
+    };
+    searchOptions?: {
+        value: string;
+        onChange: (value: string) => void;
+        placeholder?: string;
+    };
+    dependencies?: any[];
+    tabId?: string;
+    layout?: 'grid' | 'list';
+}
+export declare const PaginatedContent: <T extends unknown>({ items, itemsPerPage, renderItem, emptyMessage, className, filterOptions, searchOptions, dependencies, tabId, layout, }: IPaginatedContentProps<T>) => React.ReactElement;
+export {};

package/dist/long-bow.cjs.development.js

@@ -27797,6 +27797,17 @@ var generateContextMenu = function generateContextMenu(item, itemContainerType,
       text: 'Withdraw'
     }];
   }
+  if (item.type && item.type === shared.ItemType.Container) {
+    var existInContextAction = contextActionMenu.some(function (item) {
+      return item.text === shared.DepotSocketEvents.OpenContainer || item.id === shared.ItemSocketEvents.ContainerOpen || item.text === 'Open';
+    });
+    if (!existInContextAction) {
+      contextActionMenu.push({
+        id: shared.DepotSocketEvents.OpenContainer,
+        text: 'Open'
+      });
+    }
+  }
   return contextActionMenu;
 };
 
@@ -30701,27 +30712,27 @@ var InternalTabs = function InternalTabs(_ref) {
     _ref$borderColor = _ref.borderColor,
     borderColor = _ref$borderColor === void 0 ? '#f59e0b' : _ref$borderColor,
     _ref$hoverColor = _ref.hoverColor,
-    hoverColor = _ref$hoverColor === void 0 ? '#fef3c7' : _ref$hoverColor;
-  var _useState = React.useState(tabs[0].id),
-    activeTab = _useState[0],
-    setActiveTab = _useState[1];
+    hoverColor = _ref$hoverColor === void 0 ? '#fef3c7' : _ref$hoverColor,
+    onTabChange = _ref.onTabChange,
+    externalActiveTab = _ref.activeTab;
+  var activeTabId = externalActiveTab != null ? externalActiveTab : tabs[0].id;
   return React__default.createElement(TableWrapper, null, React__default.createElement(TabHeader, {
     borderColor: borderColor
   }, tabs.map(function (tab) {
     return React__default.createElement(TabButton, {
       key: tab.id,
-      active: activeTab === tab.id,
+      active: activeTabId === tab.id,
       activeColor: activeColor,
       activeTextColor: activeTextColor,
       inactiveColor: inactiveColor,
       borderColor: borderColor,
       hoverColor: hoverColor,
       onClick: function onClick() {
-        return setActiveTab(tab.id);
+        return onTabChange == null ? void 0 : onTabChange(tab.id);
       }
     }, tab.title);
   })), React__default.createElement(ContentWrapper, null, (_tabs$find = tabs.find(function (tab) {
-    return tab.id === activeTab;
+    return tab.id === activeTabId;
   })) == null ? void 0 : _tabs$find.content));
 };
 var TableWrapper = /*#__PURE__*/styled__default.div.withConfig({