@rpg-engine/long-bow 0.4.2 → 0.4.3
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/LICENSE +20 -20
- package/README.md +181 -181
- package/dist/long-bow.cjs.development.js +1060 -1065
- 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 +1066 -1071
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +100 -100
- package/src/components/Abstractions/ModalPortal.tsx +22 -22
- package/src/components/Abstractions/SlotsContainer.tsx +62 -62
- package/src/components/Arrow/SelectArrow.tsx +69 -69
- package/src/components/Arrow/img/arrow01-left-clicked.png +0 -0
- package/src/components/Arrow/img/arrow01-left.png +0 -0
- package/src/components/Arrow/img/arrow01-right-clicked.png +0 -0
- package/src/components/Arrow/img/arrow01-right.png +0 -0
- package/src/components/Arrow/img/arrow02-left-clicked.png +0 -0
- package/src/components/Arrow/img/arrow02-left.png +0 -0
- package/src/components/Arrow/img/arrow02-right-clicked.png +0 -0
- package/src/components/Arrow/img/arrow02-right.png +0 -0
- package/src/components/Button.tsx +40 -40
- package/src/components/Character/CharacterSelection.tsx +98 -98
- package/src/components/CharacterStatus/CharacterStatus.tsx +120 -120
- package/src/components/Chat/Chat.tsx +196 -196
- package/src/components/Chatdeprecated/ChatDeprecated.tsx +198 -198
- package/src/components/CheckButton.tsx +65 -65
- package/src/components/CircularController/CircularController.tsx +282 -282
- package/src/components/CraftBook/CraftBook.tsx +286 -286
- package/src/components/CraftBook/CraftingRecipe.tsx +161 -161
- package/src/components/CraftBook/MockItems.ts +101 -101
- package/src/components/DraggableContainer.tsx +181 -180
- package/src/components/DropdownSelectorContainer.tsx +42 -42
- package/src/components/Equipment/EquipmentSet.tsx +199 -199
- package/src/components/HistoryDialog.tsx +104 -104
- package/src/components/Input.tsx +15 -15
- package/src/components/InputRadio.tsx +41 -41
- package/src/components/Item/Cards/ItemInfo.tsx +298 -298
- package/src/components/Item/Cards/ItemInfoDisplay.tsx +135 -135
- package/src/components/Item/Cards/ItemInfoWrapper.tsx +62 -62
- package/src/components/Item/Cards/ItemTooltip.tsx +83 -83
- package/src/components/Item/Cards/MobileItemTooltip.tsx +149 -149
- package/src/components/Item/Inventory/ErrorBoundary.tsx +42 -42
- package/src/components/Item/Inventory/ItemContainer.tsx +231 -231
- package/src/components/Item/Inventory/ItemContainerTypes.ts +6 -6
- package/src/components/Item/Inventory/ItemQuantitySelector.tsx +138 -138
- package/src/components/Item/Inventory/ItemSlot.tsx +580 -580
- package/src/components/Item/Inventory/itemContainerHelper.ts +175 -175
- package/src/components/ListMenu.tsx +63 -63
- package/src/components/Marketplace/Marketplace.tsx +132 -132
- package/src/components/Marketplace/MarketplaceRows.tsx +171 -171
- package/src/components/Marketplace/__mocks__/index.tsx +65 -65
- package/src/components/Multitab/Tab.tsx +66 -66
- package/src/components/Multitab/TabBody.tsx +13 -13
- package/src/components/Multitab/TabsContainer.tsx +97 -97
- package/src/components/NPCDialog/NPCDialog.tsx +121 -121
- package/src/components/NPCDialog/NPCDialogText.tsx +113 -113
- package/src/components/NPCDialog/NPCMultiDialog.tsx +159 -159
- package/src/components/NPCDialog/QuestionDialog/QuestionDialog.tsx +237 -237
- package/src/components/ProgressBar.tsx +92 -95
- package/src/components/PropertySelect/PropertySelect.tsx +106 -106
- package/src/components/QuestInfo/QuestInfo.tsx +233 -233
- package/src/components/QuestList.tsx +135 -135
- package/src/components/RPGUIContainer.tsx +47 -47
- package/src/components/RPGUIForceRenderStart.tsx +45 -45
- package/src/components/RPGUIRoot.tsx +14 -14
- package/src/components/RadioButton.tsx +53 -53
- package/src/components/RadioInput/RadioButton.tsx +96 -96
- package/src/components/RadioInput/RadioInput.tsx +102 -102
- package/src/components/RadioInput/instruments.ts +15 -15
- package/src/components/RangeSlider.tsx +78 -78
- package/src/components/RelativeListMenu.tsx +90 -90
- package/src/components/ScrollList.tsx +79 -79
- package/src/components/Shortcuts/Shortcuts.tsx +193 -193
- package/src/components/Shortcuts/ShortcutsSetter.tsx +139 -139
- package/src/components/Shortcuts/SingleShortcut.ts +82 -82
- package/src/components/Shortcuts/useShortcutCooldown.ts +23 -23
- package/src/components/SimpleProgressBar.tsx +62 -62
- package/src/components/SkillProgressBar.tsx +133 -133
- package/src/components/SkillsContainer.tsx +217 -211
- package/src/components/Spellbook/Spell.tsx +236 -236
- package/src/components/Spellbook/Spellbook.tsx +161 -161
- package/src/components/Spellbook/cards/MobileSpellTooltip.tsx +137 -137
- package/src/components/Spellbook/cards/SpellInfo.tsx +134 -134
- package/src/components/Spellbook/cards/SpellInfoDisplay.tsx +31 -31
- package/src/components/Spellbook/cards/SpellInfoWrapper.tsx +48 -48
- package/src/components/Spellbook/cards/SpellTooltip.tsx +70 -70
- package/src/components/Spellbook/constants.ts +7 -7
- package/src/components/Spellbook/mockSpells.ts +84 -84
- package/src/components/StaticBook/StaticBook.tsx +103 -103
- package/src/components/TextArea.tsx +11 -11
- package/src/components/TimeWidget/DayNightPeriod/DayNightPeriod.tsx +35 -35
- package/src/components/TimeWidget/TimeWidget.tsx +65 -65
- package/src/components/TradingMenu/TradingItemRow.tsx +199 -199
- package/src/components/TradingMenu/TradingMenu.tsx +219 -219
- package/src/components/TradingMenu/items.mock.ts +48 -48
- package/src/components/Truncate.tsx +25 -25
- package/src/components/itemSelector/ItemSelector.tsx +136 -136
- package/src/components/shared/Column.tsx +16 -16
- package/src/components/shared/Ellipsis.tsx +68 -68
- package/src/components/shared/SpriteFromAtlas.tsx +104 -104
- package/src/components/typography/DynamicText.tsx +49 -49
- package/src/constants/uiColors.ts +20 -20
- package/src/constants/uiDevices.ts +3 -3
- package/src/constants/uiFonts.ts +12 -12
- package/src/hooks/useEventListener.ts +21 -21
- package/src/hooks/useOutsideAlerter.ts +25 -25
- package/src/index.tsx +42 -42
- package/src/libs/CastingTypeHelper.ts +7 -7
- package/src/libs/StringHelpers.ts +3 -3
- package/src/libs/itemCounter.ts +21 -21
- package/src/mocks/atlas/entities/entities.json +20215 -20215
- package/src/mocks/atlas/icons/icons.json +735 -735
- package/src/mocks/atlas/items/items.json +12086 -12086
- package/src/mocks/equipmentSet.mocks.ts +391 -391
- package/src/mocks/itemContainer.mocks.ts +605 -605
- package/src/mocks/skills.mocks.ts +128 -128
- package/src/stories/Arrow.stories.tsx +26 -26
- package/src/stories/Button.stories.tsx +36 -36
- package/src/stories/CharacterSelection.stories.tsx +44 -44
- package/src/stories/CharacterStatus.stories.tsx +29 -29
- package/src/stories/Chat.stories.tsx +187 -187
- package/src/stories/ChatDeprecated.stories.tsx +170 -170
- package/src/stories/CheckButton.stories.tsx +48 -48
- package/src/stories/CircullarController.stories.tsx +37 -37
- package/src/stories/CraftBook.stories.tsx +42 -42
- package/src/stories/DayNightPeriod.stories.tsx +27 -27
- package/src/stories/DraggableContainer.stories.tsx +28 -28
- package/src/stories/Dropdown.stories.tsx +46 -46
- package/src/stories/DropdownSelectorContainer.stories.tsx +41 -41
- package/src/stories/EquipmentSet.stories.tsx +65 -65
- package/src/stories/HistoryDialog.stories.tsx +61 -61
- package/src/stories/ItemContainer.stories.tsx +201 -201
- package/src/stories/ItemInfoDisplay.stories.tsx +33 -33
- package/src/stories/ItemQuantitySelector.stories.tsx +26 -26
- package/src/stories/ItemSelector.stories.tsx +77 -77
- package/src/stories/ItemTradingComponent.stories.tsx +35 -35
- package/src/stories/ListMenu.stories.tsx +56 -56
- package/src/stories/Marketplace.stories.tsx +42 -42
- package/src/stories/MarketplaceRows.stories.tsx +28 -28
- package/src/stories/Multitab.stories.tsx +51 -51
- package/src/stories/NPCDialog.stories.tsx +130 -130
- package/src/stories/NPCMultiDialog.stories.tsx +71 -71
- package/src/stories/ProgressBar.stories.tsx +23 -23
- package/src/stories/PropertySelect.stories.tsx +40 -40
- package/src/stories/QuestInfo.stories.tsx +107 -107
- package/src/stories/QuestList.stories.tsx +82 -82
- package/src/stories/RPGUIContainers.stories.tsx +42 -42
- package/src/stories/RadioButton.stories.tsx +49 -49
- package/src/stories/RadioInput.stories.tsx +34 -34
- package/src/stories/RangeSlider.stories.tsx +64 -64
- package/src/stories/ScrollList.stories.tsx +85 -85
- package/src/stories/Shortcuts.stories.tsx +39 -39
- package/src/stories/SimpleProgressBar.stories.tsx +22 -22
- package/src/stories/SkillProgressBar.stories.tsx +34 -34
- package/src/stories/SkillsContainer.stories.tsx +35 -35
- package/src/stories/SpellInfoDisplay.stories.tsx +27 -27
- package/src/stories/Spellbook.stories.tsx +104 -104
- package/src/stories/StaticBook.stories.tsx +32 -32
- package/src/stories/Text.stories.tsx +42 -42
- package/src/stories/TimeWidget.stories.tsx +27 -27
- package/src/stories/TradingMenu.stories.tsx +47 -47
- package/src/types/eventTypes.ts +4 -4
- package/src/types/index.d.ts +2 -2
|
@@ -1,107 +1,107 @@
|
|
|
1
|
-
import { QuestStatus, QuestType } from '@rpg-engine/shared';
|
|
2
|
-
import { Meta, Story } from '@storybook/react';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import {
|
|
5
|
-
IQuestInfoProps,
|
|
6
|
-
QuestInfo,
|
|
7
|
-
} from '../../src/components/QuestInfo/QuestInfo';
|
|
8
|
-
import { RPGUIRoot } from '../../src/components/RPGUIRoot';
|
|
9
|
-
const meta: Meta = {
|
|
10
|
-
title: 'Quest Info',
|
|
11
|
-
component: QuestInfo,
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export default meta;
|
|
15
|
-
|
|
16
|
-
const Template: Story<IQuestInfoProps> = args => (
|
|
17
|
-
<RPGUIRoot>
|
|
18
|
-
<QuestInfo {...args} />
|
|
19
|
-
</RPGUIRoot>
|
|
20
|
-
);
|
|
21
|
-
|
|
22
|
-
export const Default = Template.bind({});
|
|
23
|
-
|
|
24
|
-
const buttonMock = [
|
|
25
|
-
{
|
|
26
|
-
disabled: false,
|
|
27
|
-
title: 'Accept',
|
|
28
|
-
onClick: (QuestId: string, NPCId: String) => console.log(QuestId, NPCId),
|
|
29
|
-
},
|
|
30
|
-
{
|
|
31
|
-
disabled: true,
|
|
32
|
-
title: 'Share',
|
|
33
|
-
onClick: (QuestId: string, NPCId: String) => console.log(QuestId, NPCId),
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
disabled: false,
|
|
37
|
-
title: 'Reject',
|
|
38
|
-
onClick: (QuestId: string, NPCId: String) => console.log(QuestId, NPCId),
|
|
39
|
-
},
|
|
40
|
-
];
|
|
41
|
-
|
|
42
|
-
const IQuestMock = [
|
|
43
|
-
{
|
|
44
|
-
_id: '6317996c77f2420047a20b55',
|
|
45
|
-
rewards: [
|
|
46
|
-
{
|
|
47
|
-
id: '6317996c77f2420047a20b53',
|
|
48
|
-
itemKeys: ['6317996c77f2420047a20b53'],
|
|
49
|
-
spellKeys: ['6317996c77f2420047a20b53'],
|
|
50
|
-
qty: 1,
|
|
51
|
-
},
|
|
52
|
-
],
|
|
53
|
-
objectives: [
|
|
54
|
-
{
|
|
55
|
-
id: '6317996c77f2420047a20b53',
|
|
56
|
-
type: QuestType.Kill,
|
|
57
|
-
status: QuestStatus.Pending,
|
|
58
|
-
killCount: 10,
|
|
59
|
-
killCountTarget: 30,
|
|
60
|
-
creatureKeys: ['6317996c77f2420047a20b53'],
|
|
61
|
-
},
|
|
62
|
-
],
|
|
63
|
-
npcId: '6317996b77f2420047a20825',
|
|
64
|
-
title: 'Deliver message to the trader1',
|
|
65
|
-
key: 'interaction-trader',
|
|
66
|
-
description:
|
|
67
|
-
"Need to send a message to my brother, the trader, about my father's health. I cannot do it because it is too dangerous out there. Please, help me by delivering this message to him.",
|
|
68
|
-
createdAt: '2022-09-06T19:03:08.285+0000',
|
|
69
|
-
updatedAt: '2022-09-06T19:03:08.304+0000',
|
|
70
|
-
},
|
|
71
|
-
{
|
|
72
|
-
_id: '6317996c77f2420047a20b55',
|
|
73
|
-
rewards: [
|
|
74
|
-
{
|
|
75
|
-
id: '6317996c77f2420047a20b53',
|
|
76
|
-
itemKeys: ['6317996c77f2420047a20b53'],
|
|
77
|
-
spellKeys: ['6317996c77f2420047a20b53'],
|
|
78
|
-
qty: 1,
|
|
79
|
-
},
|
|
80
|
-
],
|
|
81
|
-
objectives: [
|
|
82
|
-
{
|
|
83
|
-
id: '6317996c77f2420047a20b53',
|
|
84
|
-
type: QuestType.Kill,
|
|
85
|
-
status: QuestStatus.Pending,
|
|
86
|
-
killCount: 10,
|
|
87
|
-
killCountTarget: 30,
|
|
88
|
-
creatureKeys: ['6317996c77f2420047a20b53'],
|
|
89
|
-
},
|
|
90
|
-
],
|
|
91
|
-
npcId: '6317996b77f2420047a20825',
|
|
92
|
-
title: 'Deliver message to the trader2',
|
|
93
|
-
key: 'interaction-trader',
|
|
94
|
-
description:
|
|
95
|
-
"Need to send a message to my brother, the trader, about my father's health. I cannot do it because it is too dangerous out there. Please, help me by delivering this message to him.",
|
|
96
|
-
createdAt: '2022-09-06T19:03:08.285+0000',
|
|
97
|
-
updatedAt: '2022-09-06T19:03:08.304+0000',
|
|
98
|
-
},
|
|
99
|
-
];
|
|
100
|
-
|
|
101
|
-
Default.args = {
|
|
102
|
-
onClose: () => console.log('closing'),
|
|
103
|
-
buttons: buttonMock,
|
|
104
|
-
quests: IQuestMock,
|
|
105
|
-
onChangeQuest: (index: number, questId: string) =>
|
|
106
|
-
console.log(index, questId),
|
|
107
|
-
};
|
|
1
|
+
import { QuestStatus, QuestType } from '@rpg-engine/shared';
|
|
2
|
+
import { Meta, Story } from '@storybook/react';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import {
|
|
5
|
+
IQuestInfoProps,
|
|
6
|
+
QuestInfo,
|
|
7
|
+
} from '../../src/components/QuestInfo/QuestInfo';
|
|
8
|
+
import { RPGUIRoot } from '../../src/components/RPGUIRoot';
|
|
9
|
+
const meta: Meta = {
|
|
10
|
+
title: 'Quest Info',
|
|
11
|
+
component: QuestInfo,
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
export default meta;
|
|
15
|
+
|
|
16
|
+
const Template: Story<IQuestInfoProps> = args => (
|
|
17
|
+
<RPGUIRoot>
|
|
18
|
+
<QuestInfo {...args} />
|
|
19
|
+
</RPGUIRoot>
|
|
20
|
+
);
|
|
21
|
+
|
|
22
|
+
export const Default = Template.bind({});
|
|
23
|
+
|
|
24
|
+
const buttonMock = [
|
|
25
|
+
{
|
|
26
|
+
disabled: false,
|
|
27
|
+
title: 'Accept',
|
|
28
|
+
onClick: (QuestId: string, NPCId: String) => console.log(QuestId, NPCId),
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
disabled: true,
|
|
32
|
+
title: 'Share',
|
|
33
|
+
onClick: (QuestId: string, NPCId: String) => console.log(QuestId, NPCId),
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
disabled: false,
|
|
37
|
+
title: 'Reject',
|
|
38
|
+
onClick: (QuestId: string, NPCId: String) => console.log(QuestId, NPCId),
|
|
39
|
+
},
|
|
40
|
+
];
|
|
41
|
+
|
|
42
|
+
const IQuestMock = [
|
|
43
|
+
{
|
|
44
|
+
_id: '6317996c77f2420047a20b55',
|
|
45
|
+
rewards: [
|
|
46
|
+
{
|
|
47
|
+
id: '6317996c77f2420047a20b53',
|
|
48
|
+
itemKeys: ['6317996c77f2420047a20b53'],
|
|
49
|
+
spellKeys: ['6317996c77f2420047a20b53'],
|
|
50
|
+
qty: 1,
|
|
51
|
+
},
|
|
52
|
+
],
|
|
53
|
+
objectives: [
|
|
54
|
+
{
|
|
55
|
+
id: '6317996c77f2420047a20b53',
|
|
56
|
+
type: QuestType.Kill,
|
|
57
|
+
status: QuestStatus.Pending,
|
|
58
|
+
killCount: 10,
|
|
59
|
+
killCountTarget: 30,
|
|
60
|
+
creatureKeys: ['6317996c77f2420047a20b53'],
|
|
61
|
+
},
|
|
62
|
+
],
|
|
63
|
+
npcId: '6317996b77f2420047a20825',
|
|
64
|
+
title: 'Deliver message to the trader1',
|
|
65
|
+
key: 'interaction-trader',
|
|
66
|
+
description:
|
|
67
|
+
"Need to send a message to my brother, the trader, about my father's health. I cannot do it because it is too dangerous out there. Please, help me by delivering this message to him.",
|
|
68
|
+
createdAt: '2022-09-06T19:03:08.285+0000',
|
|
69
|
+
updatedAt: '2022-09-06T19:03:08.304+0000',
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
_id: '6317996c77f2420047a20b55',
|
|
73
|
+
rewards: [
|
|
74
|
+
{
|
|
75
|
+
id: '6317996c77f2420047a20b53',
|
|
76
|
+
itemKeys: ['6317996c77f2420047a20b53'],
|
|
77
|
+
spellKeys: ['6317996c77f2420047a20b53'],
|
|
78
|
+
qty: 1,
|
|
79
|
+
},
|
|
80
|
+
],
|
|
81
|
+
objectives: [
|
|
82
|
+
{
|
|
83
|
+
id: '6317996c77f2420047a20b53',
|
|
84
|
+
type: QuestType.Kill,
|
|
85
|
+
status: QuestStatus.Pending,
|
|
86
|
+
killCount: 10,
|
|
87
|
+
killCountTarget: 30,
|
|
88
|
+
creatureKeys: ['6317996c77f2420047a20b53'],
|
|
89
|
+
},
|
|
90
|
+
],
|
|
91
|
+
npcId: '6317996b77f2420047a20825',
|
|
92
|
+
title: 'Deliver message to the trader2',
|
|
93
|
+
key: 'interaction-trader',
|
|
94
|
+
description:
|
|
95
|
+
"Need to send a message to my brother, the trader, about my father's health. I cannot do it because it is too dangerous out there. Please, help me by delivering this message to him.",
|
|
96
|
+
createdAt: '2022-09-06T19:03:08.285+0000',
|
|
97
|
+
updatedAt: '2022-09-06T19:03:08.304+0000',
|
|
98
|
+
},
|
|
99
|
+
];
|
|
100
|
+
|
|
101
|
+
Default.args = {
|
|
102
|
+
onClose: () => console.log('closing'),
|
|
103
|
+
buttons: buttonMock,
|
|
104
|
+
quests: IQuestMock,
|
|
105
|
+
onChangeQuest: (index: number, questId: string) =>
|
|
106
|
+
console.log(index, questId),
|
|
107
|
+
};
|
|
@@ -1,82 +1,82 @@
|
|
|
1
|
-
import { QuestStatus, QuestType } from '@rpg-engine/shared';
|
|
2
|
-
import { Story } from '@storybook/react';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { IQuestListProps, QuestList } from '../components/QuestList';
|
|
5
|
-
import { RPGUIRoot } from '../components/RPGUIRoot';
|
|
6
|
-
|
|
7
|
-
export default {
|
|
8
|
-
title: 'Quest List',
|
|
9
|
-
component: QuestList,
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
const Template: Story<IQuestListProps> = args => (
|
|
13
|
-
<RPGUIRoot>
|
|
14
|
-
<QuestList {...args} />
|
|
15
|
-
</RPGUIRoot>
|
|
16
|
-
);
|
|
17
|
-
|
|
18
|
-
export const Default = Template.bind({});
|
|
19
|
-
|
|
20
|
-
const IQuestMock = [
|
|
21
|
-
{
|
|
22
|
-
_id: '6317996c77f2420047a20b55',
|
|
23
|
-
rewards: [
|
|
24
|
-
{
|
|
25
|
-
id: '6317996c77f2420047a20b53',
|
|
26
|
-
itemKeys: ['6317996c77f2420047a20b53'],
|
|
27
|
-
spellKeys: ['6317996c77f2420047a20b53'],
|
|
28
|
-
qty: 1,
|
|
29
|
-
},
|
|
30
|
-
],
|
|
31
|
-
objectives: [
|
|
32
|
-
{
|
|
33
|
-
id: '6317996c77f2420047a20b53',
|
|
34
|
-
type: QuestType.Kill,
|
|
35
|
-
status: QuestStatus.Pending,
|
|
36
|
-
killCount: 10,
|
|
37
|
-
killCountTarget: 30,
|
|
38
|
-
creatureKeys: ['6317996c77f2420047a20b53'],
|
|
39
|
-
},
|
|
40
|
-
],
|
|
41
|
-
npcId: '6317996b77f2420047a20825',
|
|
42
|
-
title: 'Deliver message to the trader1',
|
|
43
|
-
key: 'interaction-trader',
|
|
44
|
-
description:
|
|
45
|
-
"Need to send a message to my brother, the trader, about my father's health. I cannot do it because it is too dangerous out there. Please, help me by delivering this message to him.",
|
|
46
|
-
createdAt: '2022-09-06T19:03:08.285+0000',
|
|
47
|
-
updatedAt: '2022-09-06T19:03:08.304+0000',
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
_id: '6317996c77f2420047a20b55',
|
|
51
|
-
rewards: [
|
|
52
|
-
{
|
|
53
|
-
id: '6317996c77f2420047a20b53',
|
|
54
|
-
itemKeys: ['6317996c77f2420047a20b53'],
|
|
55
|
-
spellKeys: ['6317996c77f2420047a20b53'],
|
|
56
|
-
qty: 1,
|
|
57
|
-
},
|
|
58
|
-
],
|
|
59
|
-
objectives: [
|
|
60
|
-
{
|
|
61
|
-
id: '6317996c77f2420047a20b53',
|
|
62
|
-
type: QuestType.Kill,
|
|
63
|
-
status: QuestStatus.Pending,
|
|
64
|
-
killCount: 10,
|
|
65
|
-
killCountTarget: 30,
|
|
66
|
-
creatureKeys: ['6317996c77f2420047a20b53'],
|
|
67
|
-
},
|
|
68
|
-
],
|
|
69
|
-
npcId: '6317996b77f2420047a20825',
|
|
70
|
-
title: 'Deliver message to the trader2',
|
|
71
|
-
key: 'interaction-trader',
|
|
72
|
-
description:
|
|
73
|
-
"Need to send a message to my brother, the trader, about my father's health. I cannot do it because it is too dangerous out there. Please, help me by delivering this message to him.",
|
|
74
|
-
createdAt: '2022-09-06T19:03:08.285+0000',
|
|
75
|
-
updatedAt: '2022-09-06T19:03:08.304+0000',
|
|
76
|
-
},
|
|
77
|
-
];
|
|
78
|
-
|
|
79
|
-
Default.args = {
|
|
80
|
-
quests: IQuestMock,
|
|
81
|
-
onClose: () => console.log('closing'),
|
|
82
|
-
};
|
|
1
|
+
import { QuestStatus, QuestType } from '@rpg-engine/shared';
|
|
2
|
+
import { Story } from '@storybook/react';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { IQuestListProps, QuestList } from '../components/QuestList';
|
|
5
|
+
import { RPGUIRoot } from '../components/RPGUIRoot';
|
|
6
|
+
|
|
7
|
+
export default {
|
|
8
|
+
title: 'Quest List',
|
|
9
|
+
component: QuestList,
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
const Template: Story<IQuestListProps> = args => (
|
|
13
|
+
<RPGUIRoot>
|
|
14
|
+
<QuestList {...args} />
|
|
15
|
+
</RPGUIRoot>
|
|
16
|
+
);
|
|
17
|
+
|
|
18
|
+
export const Default = Template.bind({});
|
|
19
|
+
|
|
20
|
+
const IQuestMock = [
|
|
21
|
+
{
|
|
22
|
+
_id: '6317996c77f2420047a20b55',
|
|
23
|
+
rewards: [
|
|
24
|
+
{
|
|
25
|
+
id: '6317996c77f2420047a20b53',
|
|
26
|
+
itemKeys: ['6317996c77f2420047a20b53'],
|
|
27
|
+
spellKeys: ['6317996c77f2420047a20b53'],
|
|
28
|
+
qty: 1,
|
|
29
|
+
},
|
|
30
|
+
],
|
|
31
|
+
objectives: [
|
|
32
|
+
{
|
|
33
|
+
id: '6317996c77f2420047a20b53',
|
|
34
|
+
type: QuestType.Kill,
|
|
35
|
+
status: QuestStatus.Pending,
|
|
36
|
+
killCount: 10,
|
|
37
|
+
killCountTarget: 30,
|
|
38
|
+
creatureKeys: ['6317996c77f2420047a20b53'],
|
|
39
|
+
},
|
|
40
|
+
],
|
|
41
|
+
npcId: '6317996b77f2420047a20825',
|
|
42
|
+
title: 'Deliver message to the trader1',
|
|
43
|
+
key: 'interaction-trader',
|
|
44
|
+
description:
|
|
45
|
+
"Need to send a message to my brother, the trader, about my father's health. I cannot do it because it is too dangerous out there. Please, help me by delivering this message to him.",
|
|
46
|
+
createdAt: '2022-09-06T19:03:08.285+0000',
|
|
47
|
+
updatedAt: '2022-09-06T19:03:08.304+0000',
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
_id: '6317996c77f2420047a20b55',
|
|
51
|
+
rewards: [
|
|
52
|
+
{
|
|
53
|
+
id: '6317996c77f2420047a20b53',
|
|
54
|
+
itemKeys: ['6317996c77f2420047a20b53'],
|
|
55
|
+
spellKeys: ['6317996c77f2420047a20b53'],
|
|
56
|
+
qty: 1,
|
|
57
|
+
},
|
|
58
|
+
],
|
|
59
|
+
objectives: [
|
|
60
|
+
{
|
|
61
|
+
id: '6317996c77f2420047a20b53',
|
|
62
|
+
type: QuestType.Kill,
|
|
63
|
+
status: QuestStatus.Pending,
|
|
64
|
+
killCount: 10,
|
|
65
|
+
killCountTarget: 30,
|
|
66
|
+
creatureKeys: ['6317996c77f2420047a20b53'],
|
|
67
|
+
},
|
|
68
|
+
],
|
|
69
|
+
npcId: '6317996b77f2420047a20825',
|
|
70
|
+
title: 'Deliver message to the trader2',
|
|
71
|
+
key: 'interaction-trader',
|
|
72
|
+
description:
|
|
73
|
+
"Need to send a message to my brother, the trader, about my father's health. I cannot do it because it is too dangerous out there. Please, help me by delivering this message to him.",
|
|
74
|
+
createdAt: '2022-09-06T19:03:08.285+0000',
|
|
75
|
+
updatedAt: '2022-09-06T19:03:08.304+0000',
|
|
76
|
+
},
|
|
77
|
+
];
|
|
78
|
+
|
|
79
|
+
Default.args = {
|
|
80
|
+
quests: IQuestMock,
|
|
81
|
+
onClose: () => console.log('closing'),
|
|
82
|
+
};
|
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
import { Meta, Story } from '@storybook/react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import {
|
|
4
|
-
IRPGUIContainerProps,
|
|
5
|
-
RPGUIContainer,
|
|
6
|
-
RPGUIContainerTypes,
|
|
7
|
-
} from '../../src/components/RPGUIContainer';
|
|
8
|
-
import { RPGUIRoot } from '../../src/components/RPGUIRoot';
|
|
9
|
-
|
|
10
|
-
const meta: Meta = {
|
|
11
|
-
title: 'RPGUI Container',
|
|
12
|
-
component: RPGUIContainer,
|
|
13
|
-
argTypes: {
|
|
14
|
-
type: {
|
|
15
|
-
control: {
|
|
16
|
-
type: 'select',
|
|
17
|
-
labels: {
|
|
18
|
-
[RPGUIContainerTypes.Framed]: 'framed',
|
|
19
|
-
[RPGUIContainerTypes.FramedGold]: 'framed-gold',
|
|
20
|
-
[RPGUIContainerTypes.FramedGold2]: 'framed-gold-2',
|
|
21
|
-
[RPGUIContainerTypes.FramedGrey]: 'framed-grey',
|
|
22
|
-
},
|
|
23
|
-
},
|
|
24
|
-
},
|
|
25
|
-
children: {},
|
|
26
|
-
},
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
export default meta;
|
|
30
|
-
|
|
31
|
-
const Template: Story<IRPGUIContainerProps> = args => (
|
|
32
|
-
<RPGUIRoot>
|
|
33
|
-
<RPGUIContainer {...args} />
|
|
34
|
-
</RPGUIRoot>
|
|
35
|
-
);
|
|
36
|
-
|
|
37
|
-
export const Default = Template.bind({});
|
|
38
|
-
|
|
39
|
-
Default.args = {
|
|
40
|
-
type: RPGUIContainerTypes.Framed,
|
|
41
|
-
children: <p>This is a container test</p>,
|
|
42
|
-
};
|
|
1
|
+
import { Meta, Story } from '@storybook/react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import {
|
|
4
|
+
IRPGUIContainerProps,
|
|
5
|
+
RPGUIContainer,
|
|
6
|
+
RPGUIContainerTypes,
|
|
7
|
+
} from '../../src/components/RPGUIContainer';
|
|
8
|
+
import { RPGUIRoot } from '../../src/components/RPGUIRoot';
|
|
9
|
+
|
|
10
|
+
const meta: Meta = {
|
|
11
|
+
title: 'RPGUI Container',
|
|
12
|
+
component: RPGUIContainer,
|
|
13
|
+
argTypes: {
|
|
14
|
+
type: {
|
|
15
|
+
control: {
|
|
16
|
+
type: 'select',
|
|
17
|
+
labels: {
|
|
18
|
+
[RPGUIContainerTypes.Framed]: 'framed',
|
|
19
|
+
[RPGUIContainerTypes.FramedGold]: 'framed-gold',
|
|
20
|
+
[RPGUIContainerTypes.FramedGold2]: 'framed-gold-2',
|
|
21
|
+
[RPGUIContainerTypes.FramedGrey]: 'framed-grey',
|
|
22
|
+
},
|
|
23
|
+
},
|
|
24
|
+
},
|
|
25
|
+
children: {},
|
|
26
|
+
},
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
export default meta;
|
|
30
|
+
|
|
31
|
+
const Template: Story<IRPGUIContainerProps> = args => (
|
|
32
|
+
<RPGUIRoot>
|
|
33
|
+
<RPGUIContainer {...args} />
|
|
34
|
+
</RPGUIRoot>
|
|
35
|
+
);
|
|
36
|
+
|
|
37
|
+
export const Default = Template.bind({});
|
|
38
|
+
|
|
39
|
+
Default.args = {
|
|
40
|
+
type: RPGUIContainerTypes.Framed,
|
|
41
|
+
children: <p>This is a container test</p>,
|
|
42
|
+
};
|
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
import { Meta, Story } from '@storybook/react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import {
|
|
4
|
-
InputRadio,
|
|
5
|
-
IRadioItems,
|
|
6
|
-
IRadioProps,
|
|
7
|
-
} from '../../src/components/RadioButton';
|
|
8
|
-
import {
|
|
9
|
-
RPGUIContainer,
|
|
10
|
-
RPGUIContainerTypes,
|
|
11
|
-
} from '../../src/components/RPGUIContainer';
|
|
12
|
-
import { RPGUIRoot } from '../../src/components/RPGUIRoot';
|
|
13
|
-
|
|
14
|
-
const meta: Meta = {
|
|
15
|
-
title: 'Radio Input',
|
|
16
|
-
component: InputRadio,
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
export default meta;
|
|
20
|
-
|
|
21
|
-
const Template: Story<IRadioProps> = args => (
|
|
22
|
-
<RPGUIRoot>
|
|
23
|
-
<RPGUIContainer type={RPGUIContainerTypes.Framed}>
|
|
24
|
-
<InputRadio {...args} />
|
|
25
|
-
</RPGUIContainer>
|
|
26
|
-
</RPGUIRoot>
|
|
27
|
-
);
|
|
28
|
-
|
|
29
|
-
export const Default = Template.bind({});
|
|
30
|
-
|
|
31
|
-
const items: IRadioItems[] = [
|
|
32
|
-
{
|
|
33
|
-
label: 'label1',
|
|
34
|
-
value: 'value1',
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
label: 'label2',
|
|
38
|
-
value: 'value2',
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
label: 'label3',
|
|
42
|
-
value: 'value3',
|
|
43
|
-
},
|
|
44
|
-
];
|
|
45
|
-
|
|
46
|
-
Default.args = {
|
|
47
|
-
items,
|
|
48
|
-
name: 'teste',
|
|
49
|
-
};
|
|
1
|
+
import { Meta, Story } from '@storybook/react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import {
|
|
4
|
+
InputRadio,
|
|
5
|
+
IRadioItems,
|
|
6
|
+
IRadioProps,
|
|
7
|
+
} from '../../src/components/RadioButton';
|
|
8
|
+
import {
|
|
9
|
+
RPGUIContainer,
|
|
10
|
+
RPGUIContainerTypes,
|
|
11
|
+
} from '../../src/components/RPGUIContainer';
|
|
12
|
+
import { RPGUIRoot } from '../../src/components/RPGUIRoot';
|
|
13
|
+
|
|
14
|
+
const meta: Meta = {
|
|
15
|
+
title: 'Radio Input',
|
|
16
|
+
component: InputRadio,
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
export default meta;
|
|
20
|
+
|
|
21
|
+
const Template: Story<IRadioProps> = args => (
|
|
22
|
+
<RPGUIRoot>
|
|
23
|
+
<RPGUIContainer type={RPGUIContainerTypes.Framed}>
|
|
24
|
+
<InputRadio {...args} />
|
|
25
|
+
</RPGUIContainer>
|
|
26
|
+
</RPGUIRoot>
|
|
27
|
+
);
|
|
28
|
+
|
|
29
|
+
export const Default = Template.bind({});
|
|
30
|
+
|
|
31
|
+
const items: IRadioItems[] = [
|
|
32
|
+
{
|
|
33
|
+
label: 'label1',
|
|
34
|
+
value: 'value1',
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
label: 'label2',
|
|
38
|
+
value: 'value2',
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
label: 'label3',
|
|
42
|
+
value: 'value3',
|
|
43
|
+
},
|
|
44
|
+
];
|
|
45
|
+
|
|
46
|
+
Default.args = {
|
|
47
|
+
items,
|
|
48
|
+
name: 'teste',
|
|
49
|
+
};
|
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Meta, Story } from '@storybook/react';
|
|
3
|
-
import { RadioInput ,IRadioInput} from '../components/RadioInput/RadioInput';
|
|
4
|
-
import { RPGUIRoot } from '../components/RPGUIRoot';
|
|
5
|
-
import { Itools } from '../components/RadioInput/instruments';
|
|
6
|
-
|
|
7
|
-
const meta: Meta = {
|
|
8
|
-
component: RadioInput,
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
export default meta;
|
|
12
|
-
const Template: Story<IRadioInput> = args => (
|
|
13
|
-
<RPGUIRoot>
|
|
14
|
-
<RadioInput {...args} />
|
|
15
|
-
</RPGUIRoot>
|
|
16
|
-
);
|
|
17
|
-
|
|
18
|
-
export const RadioInputElement = Template.bind({});
|
|
19
|
-
|
|
20
|
-
const onSelectIt = (value:string):void => {
|
|
21
|
-
console.log('Story package', value);
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
const onClose = () => {
|
|
25
|
-
console.log('close');
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
RadioInputElement.args={
|
|
29
|
-
title:"Harvesting instruments",
|
|
30
|
-
subtitle:'Use the tool, you need it',
|
|
31
|
-
onSelect:onSelectIt,
|
|
32
|
-
onCancel:onClose,
|
|
33
|
-
items:Itools
|
|
34
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Meta, Story } from '@storybook/react';
|
|
3
|
+
import { RadioInput ,IRadioInput} from '../components/RadioInput/RadioInput';
|
|
4
|
+
import { RPGUIRoot } from '../components/RPGUIRoot';
|
|
5
|
+
import { Itools } from '../components/RadioInput/instruments';
|
|
6
|
+
|
|
7
|
+
const meta: Meta = {
|
|
8
|
+
component: RadioInput,
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
export default meta;
|
|
12
|
+
const Template: Story<IRadioInput> = args => (
|
|
13
|
+
<RPGUIRoot>
|
|
14
|
+
<RadioInput {...args} />
|
|
15
|
+
</RPGUIRoot>
|
|
16
|
+
);
|
|
17
|
+
|
|
18
|
+
export const RadioInputElement = Template.bind({});
|
|
19
|
+
|
|
20
|
+
const onSelectIt = (value:string):void => {
|
|
21
|
+
console.log('Story package', value);
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
const onClose = () => {
|
|
25
|
+
console.log('close');
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
RadioInputElement.args={
|
|
29
|
+
title:"Harvesting instruments",
|
|
30
|
+
subtitle:'Use the tool, you need it',
|
|
31
|
+
onSelect:onSelectIt,
|
|
32
|
+
onCancel:onClose,
|
|
33
|
+
items:Itools
|
|
34
|
+
|
|
35
35
|
}
|