@rpg-engine/long-bow 0.8.181 → 0.8.184

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/components/Marketplace/CharacterListingForm.d.ts +15 -0
  2. package/dist/components/Marketplace/CharacterListingModal.d.ts +17 -0
  3. package/dist/components/Marketplace/CharacterMarketplacePanel.d.ts +22 -0
  4. package/dist/components/Marketplace/CharacterMarketplaceRows.d.ts +26 -0
  5. package/dist/components/Marketplace/Marketplace.d.ts +20 -1
  6. package/dist/components/Marketplace/MyCharacterListingsPanel.d.ts +19 -0
  7. package/dist/components/shared/DCRateStrip.d.ts +2 -0
  8. package/dist/components/shared/RadioOption.d.ts +22 -0
  9. package/dist/index.d.ts +4 -0
  10. package/dist/long-bow.cjs.development.js +1114 -130
  11. package/dist/long-bow.cjs.development.js.map +1 -1
  12. package/dist/long-bow.cjs.production.min.js +1 -1
  13. package/dist/long-bow.cjs.production.min.js.map +1 -1
  14. package/dist/long-bow.esm.js +1133 -154
  15. package/dist/long-bow.esm.js.map +1 -1
  16. package/dist/stories/Features/marketplace/CharacterListingModal.stories.d.ts +8 -0
  17. package/dist/stories/Features/marketplace/CharacterMarketplace.stories.d.ts +10 -0
  18. package/dist/stories/shared/RadioOption.stories.d.ts +8 -0
  19. package/package.json +1 -1
  20. package/src/components/DCWallet/DCWalletContent.tsx +5 -47
  21. package/src/components/Marketplace/BuyPanel.tsx +1 -0
  22. package/src/components/Marketplace/CharacterListingForm.tsx +102 -0
  23. package/src/components/Marketplace/CharacterListingModal.tsx +404 -0
  24. package/src/components/Marketplace/CharacterMarketplacePanel.tsx +450 -0
  25. package/src/components/Marketplace/CharacterMarketplaceRows.tsx +265 -0
  26. package/src/components/Marketplace/GroupedRowContainer.tsx +3 -1
  27. package/src/components/Marketplace/ManagmentPanel.tsx +1 -0
  28. package/src/components/Marketplace/Marketplace.tsx +163 -2
  29. package/src/components/Marketplace/MyCharacterListingsPanel.tsx +327 -0
  30. package/src/components/shared/DCRateStrip.tsx +67 -0
  31. package/src/components/shared/ItemRowWrapper.tsx +3 -1
  32. package/src/components/shared/RadioOption.tsx +93 -0
  33. package/src/index.tsx +4 -0
  34. package/src/stories/Features/marketplace/CharacterListingModal.stories.tsx +131 -0
  35. package/src/stories/Features/marketplace/CharacterMarketplace.stories.tsx +340 -0
  36. package/src/stories/shared/RadioOption.stories.tsx +93 -0
@@ -0,0 +1,15 @@
1
+ import { ICharacter } from '@rpg-engine/shared';
2
+ import React from 'react';
3
+ export interface ICharacterListingFormProps {
4
+ accountCharacters: ICharacter[];
5
+ onCharacterList: (characterId: string, price: number) => void;
6
+ /** Items atlas — for UI sprites like the DC coin */
7
+ atlasJSON: any;
8
+ atlasIMG: any;
9
+ /** Entities atlas — for character sprites */
10
+ characterAtlasJSON: any;
11
+ characterAtlasIMG: any;
12
+ enableHotkeys?: () => void;
13
+ disableHotkeys?: () => void;
14
+ }
15
+ export declare const CharacterListingForm: React.FC<ICharacterListingFormProps>;
@@ -0,0 +1,17 @@
1
+ import { ICharacter } from '@rpg-engine/shared';
2
+ import React from 'react';
3
+ export interface ICharacterListingModalProps {
4
+ isOpen: boolean;
5
+ onClose: () => void;
6
+ accountCharacters: ICharacter[];
7
+ /** Items atlas — for UI sprites like the DC coin */
8
+ atlasJSON: any;
9
+ atlasIMG: any;
10
+ /** Entities atlas — for character sprites */
11
+ characterAtlasJSON: any;
12
+ characterAtlasIMG: any;
13
+ onCharacterList: (characterId: string, price: number) => void;
14
+ enableHotkeys?: () => void;
15
+ disableHotkeys?: () => void;
16
+ }
17
+ export declare const CharacterListingModal: React.FC<ICharacterListingModalProps>;
@@ -0,0 +1,22 @@
1
+ import { ICharacterListing } from '@rpg-engine/shared';
2
+ import React from 'react';
3
+ export interface ICharacterMarketplacePanelProps {
4
+ characterListings: ICharacterListing[];
5
+ totalCount: number;
6
+ currentPage: number;
7
+ itemsPerPage: number;
8
+ onPageChange: (page: number) => void;
9
+ onCharacterBuy: (listingId: string) => void;
10
+ /** Items atlas — for UI sprites like the DC coin */
11
+ atlasJSON: any;
12
+ atlasIMG: any;
13
+ /** Entities atlas — for character sprites */
14
+ characterAtlasJSON: any;
15
+ characterAtlasIMG: any;
16
+ enableHotkeys?: () => void;
17
+ disableHotkeys?: () => void;
18
+ nameFilter?: string;
19
+ onNameFilterChange?: (name: string) => void;
20
+ isLoading?: boolean;
21
+ }
22
+ export declare const CharacterMarketplacePanel: React.FC<ICharacterMarketplacePanelProps>;
@@ -0,0 +1,26 @@
1
+ import { ICharacterListing } from '@rpg-engine/shared';
2
+ import React from 'react';
3
+ export interface ICharacterMarketplaceRowsProps {
4
+ listing: ICharacterListing;
5
+ /** Items atlas — for UI sprites like the DC coin */
6
+ atlasJSON: any;
7
+ atlasIMG: any;
8
+ /** Entities atlas — for character sprites */
9
+ characterAtlasJSON: any;
10
+ characterAtlasIMG: any;
11
+ onCharacterBuy?: () => void;
12
+ onCharacterDelist?: () => void;
13
+ disabled?: boolean;
14
+ }
15
+ export declare const CharacterMarketplaceRows: React.FC<ICharacterMarketplaceRowsProps>;
16
+ export interface IGroupedCharacterMarketplaceRowProps {
17
+ bestListing: ICharacterListing;
18
+ otherListings: ICharacterListing[];
19
+ atlasJSON: any;
20
+ atlasIMG: any;
21
+ characterAtlasJSON: any;
22
+ characterAtlasIMG: any;
23
+ onBuy: (id: string) => void;
24
+ currentCharacterId?: string;
25
+ }
26
+ export declare const GroupedCharacterMarketplaceRow: React.FC<IGroupedCharacterMarketplaceRowProps>;
@@ -1,4 +1,4 @@
1
- import { IEquipmentSet, IItem, IMarketplaceBlueprintSearchRequest, IMarketplaceBlueprintSummary, IMarketplaceBuyOrderItem, IMarketplaceItem, IMarketplaceTransaction } from '@rpg-engine/shared';
1
+ import { ICharacter, ICharacterListing, IEquipmentSet, IItem, IMarketplaceBlueprintSearchRequest, IMarketplaceBlueprintSummary, IMarketplaceBuyOrderItem, IMarketplaceItem, IMarketplaceTransaction } from '@rpg-engine/shared';
2
2
  import React from 'react';
3
3
  import { IDCWalletContentProps } from '../DCWallet/DCWalletContent';
4
4
  import { MarketplacePaymentMethod } from './MarketplaceBuyModal';
@@ -73,5 +73,24 @@ export interface IMarketPlaceProps {
73
73
  onHistoryPageChange?: (page: number) => void;
74
74
  walletProps?: IDCWalletContentProps;
75
75
  showWalletTab?: boolean;
76
+ /** Entities atlas for character sprites (separate from the items atlasIMG/atlasJSON) */
77
+ characterAtlasIMG?: any;
78
+ characterAtlasJSON?: any;
79
+ characterListings?: ICharacterListing[];
80
+ characterListingsTotal?: number;
81
+ characterListingsPage?: number;
82
+ characterListingsItemsPerPage?: number;
83
+ onCharacterListingsPageChange?: (page: number) => void;
84
+ onCharacterBuy?: (listingId: string) => void;
85
+ myCharacterListings?: ICharacterListing[];
86
+ myCharacterListingsTotal?: number;
87
+ myCharacterListingsPage?: number;
88
+ onMyCharacterListingsPageChange?: (page: number) => void;
89
+ onCharacterList?: (characterId: string, price: number) => void;
90
+ onCharacterDelist?: (listingId: string) => void;
91
+ accountCharacters?: ICharacter[];
92
+ characterListingsLoading?: boolean;
93
+ characterNameFilter?: string;
94
+ onCharacterNameFilterChange?: (name: string) => void;
76
95
  }
77
96
  export declare const Marketplace: React.FC<IMarketPlaceProps>;
@@ -0,0 +1,19 @@
1
+ import { ICharacterListing } from '@rpg-engine/shared';
2
+ import React from 'react';
3
+ export interface IMyCharacterListingsPanelProps {
4
+ myCharacterListings: ICharacterListing[];
5
+ totalCount: number;
6
+ currentPage: number;
7
+ itemsPerPage: number;
8
+ onPageChange: (page: number) => void;
9
+ onCharacterDelist: (listingId: string) => void;
10
+ /** Items atlas — for UI sprites like the DC coin */
11
+ atlasJSON: any;
12
+ atlasIMG: any;
13
+ /** Entities atlas — for character sprites */
14
+ characterAtlasJSON: any;
15
+ characterAtlasIMG: any;
16
+ enableHotkeys?: () => void;
17
+ disableHotkeys?: () => void;
18
+ }
19
+ export declare const MyCharacterListingsPanel: React.FC<IMyCharacterListingsPanelProps>;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const DCRateStrip: React.FC;
@@ -0,0 +1,22 @@
1
+ import React from 'react';
2
+ export interface IRadioOptionProps {
3
+ selected: boolean;
4
+ disabled?: boolean;
5
+ onSelect: () => void;
6
+ children: React.ReactNode;
7
+ }
8
+ /**
9
+ * A selectable row with an amber radio circle indicator.
10
+ * Used for single-select option lists throughout the Marketplace UI.
11
+ * Export `RadioCircle` separately so consumers can compose custom layouts.
12
+ */
13
+ export declare const RadioOption: React.FC<IRadioOptionProps>;
14
+ export declare const RadioCircle: import("styled-components").StyledComponent<"div", any, {
15
+ $selected: boolean;
16
+ }, never>;
17
+ /** Convenience wrapper for option label text with RPGUI font override. */
18
+ export declare const RadioOptionLabel: import("styled-components").StyledComponent<"span", any, {
19
+ $disabled?: boolean | undefined;
20
+ }, never>;
21
+ /** Convenience wrapper for option sub-text with RPGUI font override. */
22
+ export declare const RadioOptionSub: import("styled-components").StyledComponent<"span", any, {}, never>;
package/dist/index.d.ts CHANGED
@@ -43,6 +43,10 @@ export * from './components/Marketplace/BuyOrderPanel';
43
43
  export * from './components/Marketplace/BuyOrderRows';
44
44
  export * from './components/Marketplace/HistoryPanel';
45
45
  export * from './components/Marketplace/BlueprintSearchModal';
46
+ export * from './components/Marketplace/CharacterMarketplacePanel';
47
+ export * from './components/Marketplace/CharacterMarketplaceRows';
48
+ export * from './components/Marketplace/CharacterListingForm';
49
+ export * from './components/Marketplace/MyCharacterListingsPanel';
46
50
  export * from './components/Multitab/TabBody';
47
51
  export * from './components/Multitab/TabsContainer';
48
52
  export * from './components/NPCDialog/NPCDialog';