@rpg-engine/long-bow 0.3.73 → 0.3.76
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/components/CraftBook/CraftBook.d.ts +3 -1
- package/dist/components/Item/Cards/ItemInfo.d.ts +10 -0
- package/dist/components/Item/Cards/ItemInfoDisplay.d.ts +10 -0
- package/dist/components/Item/Cards/ItemInfoWrapper.d.ts +12 -0
- package/dist/components/Item/Cards/ItemTooltip.d.ts +7 -4
- package/dist/components/Item/Cards/MobileItemTooltip.d.ts +18 -0
- package/dist/components/Item/Inventory/ItemContainer.d.ts +2 -1
- package/dist/components/Item/Inventory/ItemSlot.d.ts +4 -1
- package/dist/components/TradingMenu/TradingItemRow.d.ts +3 -1
- package/dist/components/TradingMenu/TradingMenu.d.ts +6 -4
- package/dist/components/shared/SpriteFromAtlas.d.ts +1 -0
- package/dist/long-bow.cjs.development.js +1400 -1009
- 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 +1402 -1013
- package/dist/long-bow.esm.js.map +1 -1
- package/dist/stories/ItemInfoDisplay.stories.d.ts +8 -0
- package/dist/stories/TradingMenu.stories.d.ts +2 -2
- package/package.json +100 -100
- package/src/components/Abstractions/SlotsContainer.tsx +45 -45
- 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 +96 -96
- package/src/components/CharacterStatus/CharacterStatus.tsx +120 -120
- package/src/components/Chat/Chat.tsx +195 -195
- package/src/components/Chatdeprecated/ChatDeprecated.tsx +198 -198
- package/src/components/CheckButton.tsx +65 -65
- package/src/components/CircularController/CircularController.tsx +248 -248
- package/src/components/CraftBook/CraftBook.tsx +240 -227
- package/src/components/CraftBook/MockItems.ts +246 -251
- package/src/components/DraggableContainer.tsx +153 -153
- package/src/components/Dropdown.tsx +90 -90
- package/src/components/DropdownSelectorContainer.tsx +42 -42
- package/src/components/Equipment/EquipmentSet.tsx +190 -190
- package/src/components/HistoryDialog.tsx +104 -104
- package/src/components/Input.tsx +15 -15
- package/src/components/Item/Cards/ItemInfo.tsx +248 -0
- package/src/components/Item/Cards/ItemInfoDisplay.tsx +123 -0
- package/src/components/Item/Cards/ItemInfoWrapper.tsx +62 -0
- package/src/components/Item/Cards/ItemTooltip.tsx +85 -33
- package/src/components/Item/Cards/MobileItemTooltip.tsx +105 -0
- package/src/components/Item/Inventory/ErrorBoundary.tsx +42 -42
- package/src/components/Item/Inventory/ItemContainer.tsx +214 -210
- 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 +540 -501
- package/src/components/Item/Inventory/itemContainerHelper.ts +156 -156
- package/src/components/ListMenu.tsx +63 -63
- 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 -92
- package/src/components/PropertySelect/PropertySelect.tsx +106 -106
- package/src/components/QuestInfo/QuestInfo.tsx +230 -230
- package/src/components/QuestList.tsx +129 -129
- 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 +83 -83
- package/src/components/ScrollList.tsx +79 -79
- package/src/components/Shortcuts/Shortcuts.tsx +151 -151
- package/src/components/Shortcuts/ShortcutsSetter.tsx +132 -132
- package/src/components/Shortcuts/SingleShortcut.ts +62 -62
- package/src/components/SimpleProgressBar.tsx +62 -62
- package/src/components/SkillProgressBar.tsx +133 -133
- package/src/components/SkillsContainer.tsx +200 -200
- package/src/components/Spellbook/Spell.tsx +201 -201
- package/src/components/Spellbook/Spellbook.tsx +150 -150
- package/src/components/Spellbook/constants.ts +8 -8
- package/src/components/Spellbook/mockSpells.ts +60 -60
- 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 +63 -63
- package/src/components/TradingMenu/TradingItemRow.tsx +198 -181
- package/src/components/TradingMenu/TradingMenu.tsx +215 -203
- package/src/components/TradingMenu/items.mock.ts +48 -96
- 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 +65 -65
- package/src/components/shared/SpriteFromAtlas.tsx +104 -102
- 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 +40 -40
- package/src/libs/StringHelpers.ts +3 -3
- 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 -393
- package/src/mocks/itemContainer.mocks.ts +563 -562
- 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 +45 -45
- 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 -40
- 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 +200 -198
- package/src/stories/ItemInfoDisplay.stories.tsx +33 -0
- 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/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/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 -45
- package/src/types/eventTypes.ts +4 -4
- package/src/types/index.d.ts +2 -2
|
@@ -1,71 +1,71 @@
|
|
|
1
|
-
import { Meta, Story } from '@storybook/react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { RPGUIRoot } from '../../src/components/RPGUIRoot';
|
|
4
|
-
import aliceDefaultThumbnail from '../components/NPCDialog/img/npcDialog/npcThumbnails/alice.png';
|
|
5
|
-
import {
|
|
6
|
-
ImgSide,
|
|
7
|
-
INPCMultiDialogProps,
|
|
8
|
-
NPCMultiDialog,
|
|
9
|
-
NPCMultiDialogType,
|
|
10
|
-
} from '../components/NPCDialog/NPCMultiDialog';
|
|
11
|
-
|
|
12
|
-
const meta: Meta = {
|
|
13
|
-
title: 'NPC MultiDialog',
|
|
14
|
-
component: NPCMultiDialog,
|
|
15
|
-
argTypes: {
|
|
16
|
-
text: {
|
|
17
|
-
control: {
|
|
18
|
-
type: 'text',
|
|
19
|
-
},
|
|
20
|
-
},
|
|
21
|
-
// ImgSide: {
|
|
22
|
-
// control: {
|
|
23
|
-
// type: 'select',
|
|
24
|
-
// label: {
|
|
25
|
-
// [ImgSide.right]: 'right',
|
|
26
|
-
// [ImgSide.left]: 'left',
|
|
27
|
-
// },
|
|
28
|
-
// },
|
|
29
|
-
// },
|
|
30
|
-
imagePath: {
|
|
31
|
-
control: {
|
|
32
|
-
type: 'text',
|
|
33
|
-
},
|
|
34
|
-
},
|
|
35
|
-
},
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
export default meta;
|
|
39
|
-
|
|
40
|
-
const Template: Story<INPCMultiDialogProps> = args => (
|
|
41
|
-
<RPGUIRoot>
|
|
42
|
-
<NPCMultiDialog {...args} />
|
|
43
|
-
</RPGUIRoot>
|
|
44
|
-
);
|
|
45
|
-
|
|
46
|
-
export const NPCMultiDialogStore = Template.bind({});
|
|
47
|
-
|
|
48
|
-
// By passing using the Args format for exported stories, you can control the props for a component for reuse in a test
|
|
49
|
-
// https://storybook.js.org/docs/react/workflows/unit-testing
|
|
50
|
-
|
|
51
|
-
const textAndTypeArray: NPCMultiDialogType[] = [
|
|
52
|
-
{
|
|
53
|
-
text: 'I have lived here all my life',
|
|
54
|
-
imagePath: aliceDefaultThumbnail,
|
|
55
|
-
imageSide: ImgSide.right,
|
|
56
|
-
},
|
|
57
|
-
{
|
|
58
|
-
text: 'I have lived here all my life',
|
|
59
|
-
imagePath: aliceDefaultThumbnail,
|
|
60
|
-
imageSide: ImgSide.left,
|
|
61
|
-
},
|
|
62
|
-
{
|
|
63
|
-
text: 'I have lived here all my life',
|
|
64
|
-
imagePath: aliceDefaultThumbnail,
|
|
65
|
-
imageSide: ImgSide.right,
|
|
66
|
-
},
|
|
67
|
-
];
|
|
68
|
-
|
|
69
|
-
NPCMultiDialogStore.args = {
|
|
70
|
-
textAndTypeArray,
|
|
71
|
-
};
|
|
1
|
+
import { Meta, Story } from '@storybook/react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { RPGUIRoot } from '../../src/components/RPGUIRoot';
|
|
4
|
+
import aliceDefaultThumbnail from '../components/NPCDialog/img/npcDialog/npcThumbnails/alice.png';
|
|
5
|
+
import {
|
|
6
|
+
ImgSide,
|
|
7
|
+
INPCMultiDialogProps,
|
|
8
|
+
NPCMultiDialog,
|
|
9
|
+
NPCMultiDialogType,
|
|
10
|
+
} from '../components/NPCDialog/NPCMultiDialog';
|
|
11
|
+
|
|
12
|
+
const meta: Meta = {
|
|
13
|
+
title: 'NPC MultiDialog',
|
|
14
|
+
component: NPCMultiDialog,
|
|
15
|
+
argTypes: {
|
|
16
|
+
text: {
|
|
17
|
+
control: {
|
|
18
|
+
type: 'text',
|
|
19
|
+
},
|
|
20
|
+
},
|
|
21
|
+
// ImgSide: {
|
|
22
|
+
// control: {
|
|
23
|
+
// type: 'select',
|
|
24
|
+
// label: {
|
|
25
|
+
// [ImgSide.right]: 'right',
|
|
26
|
+
// [ImgSide.left]: 'left',
|
|
27
|
+
// },
|
|
28
|
+
// },
|
|
29
|
+
// },
|
|
30
|
+
imagePath: {
|
|
31
|
+
control: {
|
|
32
|
+
type: 'text',
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
},
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
export default meta;
|
|
39
|
+
|
|
40
|
+
const Template: Story<INPCMultiDialogProps> = args => (
|
|
41
|
+
<RPGUIRoot>
|
|
42
|
+
<NPCMultiDialog {...args} />
|
|
43
|
+
</RPGUIRoot>
|
|
44
|
+
);
|
|
45
|
+
|
|
46
|
+
export const NPCMultiDialogStore = Template.bind({});
|
|
47
|
+
|
|
48
|
+
// By passing using the Args format for exported stories, you can control the props for a component for reuse in a test
|
|
49
|
+
// https://storybook.js.org/docs/react/workflows/unit-testing
|
|
50
|
+
|
|
51
|
+
const textAndTypeArray: NPCMultiDialogType[] = [
|
|
52
|
+
{
|
|
53
|
+
text: 'I have lived here all my life',
|
|
54
|
+
imagePath: aliceDefaultThumbnail,
|
|
55
|
+
imageSide: ImgSide.right,
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
text: 'I have lived here all my life',
|
|
59
|
+
imagePath: aliceDefaultThumbnail,
|
|
60
|
+
imageSide: ImgSide.left,
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
text: 'I have lived here all my life',
|
|
64
|
+
imagePath: aliceDefaultThumbnail,
|
|
65
|
+
imageSide: ImgSide.right,
|
|
66
|
+
},
|
|
67
|
+
];
|
|
68
|
+
|
|
69
|
+
NPCMultiDialogStore.args = {
|
|
70
|
+
textAndTypeArray,
|
|
71
|
+
};
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import { Story } from '@storybook/react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { IBarProps, ProgressBar } from '../../src/components/ProgressBar';
|
|
4
|
-
import { RPGUIRoot } from '../../src/components/RPGUIRoot';
|
|
5
|
-
|
|
6
|
-
export default {
|
|
7
|
-
title: 'Progress Bar',
|
|
8
|
-
component: ProgressBar,
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
const Template: Story<IBarProps> = args => (
|
|
12
|
-
<RPGUIRoot>
|
|
13
|
-
<ProgressBar {...args} />
|
|
14
|
-
</RPGUIRoot>
|
|
15
|
-
);
|
|
16
|
-
|
|
17
|
-
export const Default = Template.bind({});
|
|
18
|
-
|
|
19
|
-
Default.args = {
|
|
20
|
-
max: 100,
|
|
21
|
-
value: 30,
|
|
22
|
-
color: 'blue',
|
|
23
|
-
};
|
|
1
|
+
import { Story } from '@storybook/react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { IBarProps, ProgressBar } from '../../src/components/ProgressBar';
|
|
4
|
+
import { RPGUIRoot } from '../../src/components/RPGUIRoot';
|
|
5
|
+
|
|
6
|
+
export default {
|
|
7
|
+
title: 'Progress Bar',
|
|
8
|
+
component: ProgressBar,
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
const Template: Story<IBarProps> = args => (
|
|
12
|
+
<RPGUIRoot>
|
|
13
|
+
<ProgressBar {...args} />
|
|
14
|
+
</RPGUIRoot>
|
|
15
|
+
);
|
|
16
|
+
|
|
17
|
+
export const Default = Template.bind({});
|
|
18
|
+
|
|
19
|
+
Default.args = {
|
|
20
|
+
max: 100,
|
|
21
|
+
value: 30,
|
|
22
|
+
color: 'blue',
|
|
23
|
+
};
|
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
import { Meta, Story } from '@storybook/react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { RPGUIRoot } from '..';
|
|
4
|
-
import PropertySelect, {
|
|
5
|
-
IPropertySelectProps,
|
|
6
|
-
} from '../components/PropertySelect/PropertySelect';
|
|
7
|
-
|
|
8
|
-
const meta: Meta = {
|
|
9
|
-
title: 'Property Select',
|
|
10
|
-
component: PropertySelect,
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
export default meta;
|
|
14
|
-
|
|
15
|
-
const Template: Story<IPropertySelectProps> = args => (
|
|
16
|
-
<RPGUIRoot>
|
|
17
|
-
<PropertySelect {...args} />
|
|
18
|
-
</RPGUIRoot>
|
|
19
|
-
);
|
|
20
|
-
|
|
21
|
-
export const Default = Template.bind({});
|
|
22
|
-
|
|
23
|
-
const propertiesMock = [
|
|
24
|
-
{
|
|
25
|
-
id: '2b716274-b19c-451d-9561-16bca8c6a12d',
|
|
26
|
-
name: 'Vegetables',
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
id: '536789bd-38fb-48f9-8903-dad86f276d47',
|
|
30
|
-
name: 'Counseling',
|
|
31
|
-
},
|
|
32
|
-
{
|
|
33
|
-
id: '80f07029-b907-4fae-872e-4f2b569f81c9',
|
|
34
|
-
name: 'Through',
|
|
35
|
-
},
|
|
36
|
-
];
|
|
37
|
-
|
|
38
|
-
Default.args = {
|
|
39
|
-
availableProperties: propertiesMock,
|
|
40
|
-
};
|
|
1
|
+
import { Meta, Story } from '@storybook/react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { RPGUIRoot } from '..';
|
|
4
|
+
import PropertySelect, {
|
|
5
|
+
IPropertySelectProps,
|
|
6
|
+
} from '../components/PropertySelect/PropertySelect';
|
|
7
|
+
|
|
8
|
+
const meta: Meta = {
|
|
9
|
+
title: 'Property Select',
|
|
10
|
+
component: PropertySelect,
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
export default meta;
|
|
14
|
+
|
|
15
|
+
const Template: Story<IPropertySelectProps> = args => (
|
|
16
|
+
<RPGUIRoot>
|
|
17
|
+
<PropertySelect {...args} />
|
|
18
|
+
</RPGUIRoot>
|
|
19
|
+
);
|
|
20
|
+
|
|
21
|
+
export const Default = Template.bind({});
|
|
22
|
+
|
|
23
|
+
const propertiesMock = [
|
|
24
|
+
{
|
|
25
|
+
id: '2b716274-b19c-451d-9561-16bca8c6a12d',
|
|
26
|
+
name: 'Vegetables',
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
id: '536789bd-38fb-48f9-8903-dad86f276d47',
|
|
30
|
+
name: 'Counseling',
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
id: '80f07029-b907-4fae-872e-4f2b569f81c9',
|
|
34
|
+
name: 'Through',
|
|
35
|
+
},
|
|
36
|
+
];
|
|
37
|
+
|
|
38
|
+
Default.args = {
|
|
39
|
+
availableProperties: propertiesMock,
|
|
40
|
+
};
|
|
@@ -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
|
+
};
|