@rpg-engine/long-bow 0.8.182 → 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.
- package/dist/components/Marketplace/CharacterListingForm.d.ts +4 -2
- package/dist/components/Marketplace/CharacterListingModal.d.ts +17 -0
- package/dist/components/Marketplace/CharacterMarketplacePanel.d.ts +4 -0
- package/dist/components/Marketplace/CharacterMarketplaceRows.d.ts +6 -0
- package/dist/components/Marketplace/Marketplace.d.ts +3 -2
- package/dist/components/Marketplace/MyCharacterListingsPanel.d.ts +4 -0
- package/dist/components/shared/DCRateStrip.d.ts +2 -0
- package/dist/components/shared/RadioOption.d.ts +22 -0
- package/dist/long-bow.cjs.development.js +476 -371
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +477 -372
- package/dist/long-bow.esm.js.map +1 -1
- package/dist/stories/Features/marketplace/CharacterListingModal.stories.d.ts +8 -0
- package/dist/stories/shared/RadioOption.stories.d.ts +8 -0
- package/package.json +1 -1
- package/src/components/DCWallet/DCWalletContent.tsx +5 -47
- package/src/components/Marketplace/CharacterListingForm.tsx +56 -351
- package/src/components/Marketplace/CharacterListingModal.tsx +404 -0
- package/src/components/Marketplace/CharacterMarketplacePanel.tsx +112 -67
- package/src/components/Marketplace/CharacterMarketplaceRows.tsx +21 -9
- package/src/components/Marketplace/Marketplace.tsx +11 -6
- package/src/components/Marketplace/MyCharacterListingsPanel.tsx +15 -14
- package/src/components/shared/DCRateStrip.tsx +67 -0
- package/src/components/shared/RadioOption.tsx +93 -0
- package/src/stories/Features/marketplace/CharacterListingModal.stories.tsx +131 -0
- package/src/stories/Features/marketplace/CharacterMarketplace.stories.tsx +39 -23
- package/src/stories/shared/RadioOption.stories.tsx +93 -0
|
@@ -2,11 +2,13 @@ import { ICharacter } from '@rpg-engine/shared';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
export interface ICharacterListingFormProps {
|
|
4
4
|
accountCharacters: ICharacter[];
|
|
5
|
-
selectedCharacterToList: ICharacter | null;
|
|
6
|
-
onCharacterSelectToList: (character: ICharacter) => void;
|
|
7
5
|
onCharacterList: (characterId: string, price: number) => void;
|
|
6
|
+
/** Items atlas — for UI sprites like the DC coin */
|
|
8
7
|
atlasJSON: any;
|
|
9
8
|
atlasIMG: any;
|
|
9
|
+
/** Entities atlas — for character sprites */
|
|
10
|
+
characterAtlasJSON: any;
|
|
11
|
+
characterAtlasIMG: any;
|
|
10
12
|
enableHotkeys?: () => void;
|
|
11
13
|
disableHotkeys?: () => void;
|
|
12
14
|
}
|
|
@@ -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>;
|
|
@@ -7,8 +7,12 @@ export interface ICharacterMarketplacePanelProps {
|
|
|
7
7
|
itemsPerPage: number;
|
|
8
8
|
onPageChange: (page: number) => void;
|
|
9
9
|
onCharacterBuy: (listingId: string) => void;
|
|
10
|
+
/** Items atlas — for UI sprites like the DC coin */
|
|
10
11
|
atlasJSON: any;
|
|
11
12
|
atlasIMG: any;
|
|
13
|
+
/** Entities atlas — for character sprites */
|
|
14
|
+
characterAtlasJSON: any;
|
|
15
|
+
characterAtlasIMG: any;
|
|
12
16
|
enableHotkeys?: () => void;
|
|
13
17
|
disableHotkeys?: () => void;
|
|
14
18
|
nameFilter?: string;
|
|
@@ -2,8 +2,12 @@ import { ICharacterListing } from '@rpg-engine/shared';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
export interface ICharacterMarketplaceRowsProps {
|
|
4
4
|
listing: ICharacterListing;
|
|
5
|
+
/** Items atlas — for UI sprites like the DC coin */
|
|
5
6
|
atlasJSON: any;
|
|
6
7
|
atlasIMG: any;
|
|
8
|
+
/** Entities atlas — for character sprites */
|
|
9
|
+
characterAtlasJSON: any;
|
|
10
|
+
characterAtlasIMG: any;
|
|
7
11
|
onCharacterBuy?: () => void;
|
|
8
12
|
onCharacterDelist?: () => void;
|
|
9
13
|
disabled?: boolean;
|
|
@@ -14,6 +18,8 @@ export interface IGroupedCharacterMarketplaceRowProps {
|
|
|
14
18
|
otherListings: ICharacterListing[];
|
|
15
19
|
atlasJSON: any;
|
|
16
20
|
atlasIMG: any;
|
|
21
|
+
characterAtlasJSON: any;
|
|
22
|
+
characterAtlasIMG: any;
|
|
17
23
|
onBuy: (id: string) => void;
|
|
18
24
|
currentCharacterId?: string;
|
|
19
25
|
}
|
|
@@ -73,6 +73,9 @@ 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;
|
|
76
79
|
characterListings?: ICharacterListing[];
|
|
77
80
|
characterListingsTotal?: number;
|
|
78
81
|
characterListingsPage?: number;
|
|
@@ -86,8 +89,6 @@ export interface IMarketPlaceProps {
|
|
|
86
89
|
onCharacterList?: (characterId: string, price: number) => void;
|
|
87
90
|
onCharacterDelist?: (listingId: string) => void;
|
|
88
91
|
accountCharacters?: ICharacter[];
|
|
89
|
-
onCharacterSelectToList?: (character: ICharacter) => void;
|
|
90
|
-
selectedCharacterToList?: ICharacter | null;
|
|
91
92
|
characterListingsLoading?: boolean;
|
|
92
93
|
characterNameFilter?: string;
|
|
93
94
|
onCharacterNameFilterChange?: (name: string) => void;
|
|
@@ -7,8 +7,12 @@ export interface IMyCharacterListingsPanelProps {
|
|
|
7
7
|
itemsPerPage: number;
|
|
8
8
|
onPageChange: (page: number) => void;
|
|
9
9
|
onCharacterDelist: (listingId: string) => void;
|
|
10
|
+
/** Items atlas — for UI sprites like the DC coin */
|
|
10
11
|
atlasJSON: any;
|
|
11
12
|
atlasIMG: any;
|
|
13
|
+
/** Entities atlas — for character sprites */
|
|
14
|
+
characterAtlasJSON: any;
|
|
15
|
+
characterAtlasIMG: any;
|
|
12
16
|
enableHotkeys?: () => void;
|
|
13
17
|
disableHotkeys?: () => void;
|
|
14
18
|
}
|
|
@@ -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>;
|