@rpg-engine/long-bow 0.3.82 → 0.3.83

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 (155) hide show
  1. package/LICENSE +20 -20
  2. package/README.md +181 -181
  3. package/dist/components/Abstractions/SlotsContainer.d.ts +2 -0
  4. package/dist/components/DraggableContainer.d.ts +2 -0
  5. package/dist/components/Equipment/EquipmentSet.d.ts +2 -0
  6. package/dist/components/Item/Inventory/ItemContainer.d.ts +3 -0
  7. package/dist/components/Item/Inventory/ItemSlot.d.ts +1 -0
  8. package/dist/components/Item/Inventory/itemContainerHelper.d.ts +1 -1
  9. package/dist/components/RelativeListMenu.d.ts +4 -0
  10. package/dist/long-bow.cjs.development.js +944 -858
  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 +830 -744
  15. package/dist/long-bow.esm.js.map +1 -1
  16. package/package.json +100 -100
  17. package/src/components/Abstractions/ModalPortal.tsx +22 -22
  18. package/src/components/Abstractions/SlotsContainer.tsx +62 -48
  19. package/src/components/Arrow/SelectArrow.tsx +69 -69
  20. package/src/components/Arrow/img/arrow01-left-clicked.png +0 -0
  21. package/src/components/Arrow/img/arrow01-left.png +0 -0
  22. package/src/components/Arrow/img/arrow01-right-clicked.png +0 -0
  23. package/src/components/Arrow/img/arrow01-right.png +0 -0
  24. package/src/components/Arrow/img/arrow02-left-clicked.png +0 -0
  25. package/src/components/Arrow/img/arrow02-left.png +0 -0
  26. package/src/components/Arrow/img/arrow02-right-clicked.png +0 -0
  27. package/src/components/Arrow/img/arrow02-right.png +0 -0
  28. package/src/components/Button.tsx +40 -40
  29. package/src/components/Character/CharacterSelection.tsx +96 -96
  30. package/src/components/CharacterStatus/CharacterStatus.tsx +120 -120
  31. package/src/components/Chat/Chat.tsx +196 -196
  32. package/src/components/Chatdeprecated/ChatDeprecated.tsx +198 -198
  33. package/src/components/CheckButton.tsx +65 -65
  34. package/src/components/CircularController/CircularController.tsx +248 -248
  35. package/src/components/CraftBook/CraftBook.tsx +241 -241
  36. package/src/components/CraftBook/MockItems.ts +77 -77
  37. package/src/components/DraggableContainer.tsx +176 -156
  38. package/src/components/Dropdown.tsx +90 -90
  39. package/src/components/DropdownSelectorContainer.tsx +42 -42
  40. package/src/components/Equipment/EquipmentSet.tsx +199 -191
  41. package/src/components/HistoryDialog.tsx +104 -104
  42. package/src/components/Input.tsx +15 -15
  43. package/src/components/Item/Cards/ItemInfo.tsx +252 -252
  44. package/src/components/Item/Cards/ItemInfoDisplay.tsx +128 -128
  45. package/src/components/Item/Cards/ItemInfoWrapper.tsx +62 -62
  46. package/src/components/Item/Cards/ItemTooltip.tsx +83 -83
  47. package/src/components/Item/Cards/MobileItemTooltip.tsx +149 -149
  48. package/src/components/Item/Inventory/ErrorBoundary.tsx +42 -42
  49. package/src/components/Item/Inventory/ItemContainer.tsx +227 -218
  50. package/src/components/Item/Inventory/ItemContainerTypes.ts +6 -6
  51. package/src/components/Item/Inventory/ItemQuantitySelector.tsx +138 -138
  52. package/src/components/Item/Inventory/ItemSlot.tsx +564 -546
  53. package/src/components/Item/Inventory/itemContainerHelper.ts +172 -156
  54. package/src/components/ListMenu.tsx +63 -63
  55. package/src/components/Multitab/Tab.tsx +66 -66
  56. package/src/components/Multitab/TabBody.tsx +13 -13
  57. package/src/components/Multitab/TabsContainer.tsx +97 -97
  58. package/src/components/NPCDialog/NPCDialog.tsx +121 -121
  59. package/src/components/NPCDialog/NPCDialogText.tsx +113 -113
  60. package/src/components/NPCDialog/NPCMultiDialog.tsx +159 -159
  61. package/src/components/NPCDialog/QuestionDialog/QuestionDialog.tsx +237 -237
  62. package/src/components/ProgressBar.tsx +92 -92
  63. package/src/components/PropertySelect/PropertySelect.tsx +106 -106
  64. package/src/components/QuestInfo/QuestInfo.tsx +233 -233
  65. package/src/components/QuestList.tsx +135 -135
  66. package/src/components/RPGUIContainer.tsx +47 -47
  67. package/src/components/RPGUIForceRenderStart.tsx +45 -45
  68. package/src/components/RPGUIRoot.tsx +14 -14
  69. package/src/components/RadioButton.tsx +53 -53
  70. package/src/components/RadioInput/RadioButton.tsx +96 -96
  71. package/src/components/RadioInput/RadioInput.tsx +102 -102
  72. package/src/components/RadioInput/instruments.ts +15 -15
  73. package/src/components/RangeSlider.tsx +78 -78
  74. package/src/components/RelativeListMenu.tsx +90 -83
  75. package/src/components/ScrollList.tsx +79 -79
  76. package/src/components/Shortcuts/Shortcuts.tsx +151 -151
  77. package/src/components/Shortcuts/ShortcutsSetter.tsx +132 -132
  78. package/src/components/Shortcuts/SingleShortcut.ts +62 -62
  79. package/src/components/SimpleProgressBar.tsx +62 -62
  80. package/src/components/SkillProgressBar.tsx +133 -133
  81. package/src/components/SkillsContainer.tsx +206 -206
  82. package/src/components/Spellbook/Spell.tsx +201 -201
  83. package/src/components/Spellbook/Spellbook.tsx +153 -153
  84. package/src/components/Spellbook/constants.ts +8 -8
  85. package/src/components/Spellbook/mockSpells.ts +60 -60
  86. package/src/components/StaticBook/StaticBook.tsx +103 -103
  87. package/src/components/TextArea.tsx +11 -11
  88. package/src/components/TimeWidget/DayNightPeriod/DayNightPeriod.tsx +35 -35
  89. package/src/components/TimeWidget/TimeWidget.tsx +65 -65
  90. package/src/components/TradingMenu/TradingItemRow.tsx +198 -198
  91. package/src/components/TradingMenu/TradingMenu.tsx +216 -216
  92. package/src/components/TradingMenu/items.mock.ts +48 -48
  93. package/src/components/Truncate.tsx +25 -25
  94. package/src/components/itemSelector/ItemSelector.tsx +136 -136
  95. package/src/components/shared/Column.tsx +16 -16
  96. package/src/components/shared/Ellipsis.tsx +65 -65
  97. package/src/components/shared/SpriteFromAtlas.tsx +104 -104
  98. package/src/components/typography/DynamicText.tsx +49 -49
  99. package/src/constants/uiColors.ts +20 -20
  100. package/src/constants/uiDevices.ts +3 -3
  101. package/src/constants/uiFonts.ts +12 -12
  102. package/src/hooks/useEventListener.ts +21 -21
  103. package/src/hooks/useOutsideAlerter.ts +25 -25
  104. package/src/index.tsx +40 -40
  105. package/src/libs/StringHelpers.ts +3 -3
  106. package/src/mocks/atlas/entities/entities.json +20215 -20215
  107. package/src/mocks/atlas/icons/icons.json +735 -735
  108. package/src/mocks/atlas/items/items.json +12086 -12086
  109. package/src/mocks/equipmentSet.mocks.ts +391 -391
  110. package/src/mocks/itemContainer.mocks.ts +563 -563
  111. package/src/mocks/skills.mocks.ts +128 -128
  112. package/src/stories/Arrow.stories.tsx +26 -26
  113. package/src/stories/Button.stories.tsx +36 -36
  114. package/src/stories/CharacterSelection.stories.tsx +45 -45
  115. package/src/stories/CharacterStatus.stories.tsx +29 -29
  116. package/src/stories/Chat.stories.tsx +187 -187
  117. package/src/stories/ChatDeprecated.stories.tsx +170 -170
  118. package/src/stories/CheckButton.stories.tsx +48 -48
  119. package/src/stories/CircullarController.stories.tsx +37 -37
  120. package/src/stories/CraftBook.stories.tsx +42 -42
  121. package/src/stories/DayNightPeriod.stories.tsx +27 -27
  122. package/src/stories/DraggableContainer.stories.tsx +28 -28
  123. package/src/stories/Dropdown.stories.tsx +46 -46
  124. package/src/stories/DropdownSelectorContainer.stories.tsx +41 -41
  125. package/src/stories/EquipmentSet.stories.tsx +65 -65
  126. package/src/stories/HistoryDialog.stories.tsx +61 -61
  127. package/src/stories/ItemContainer.stories.tsx +201 -200
  128. package/src/stories/ItemInfoDisplay.stories.tsx +33 -33
  129. package/src/stories/ItemQuantitySelector.stories.tsx +26 -26
  130. package/src/stories/ItemSelector.stories.tsx +77 -77
  131. package/src/stories/ItemTradingComponent.stories.tsx +35 -35
  132. package/src/stories/ListMenu.stories.tsx +56 -56
  133. package/src/stories/Multitab.stories.tsx +51 -51
  134. package/src/stories/NPCDialog.stories.tsx +130 -130
  135. package/src/stories/NPCMultiDialog.stories.tsx +71 -71
  136. package/src/stories/ProgressBar.stories.tsx +23 -23
  137. package/src/stories/PropertySelect.stories.tsx +40 -40
  138. package/src/stories/QuestInfo.stories.tsx +107 -107
  139. package/src/stories/QuestList.stories.tsx +82 -82
  140. package/src/stories/RPGUIContainers.stories.tsx +42 -42
  141. package/src/stories/RadioButton.stories.tsx +49 -49
  142. package/src/stories/RadioInput.stories.tsx +34 -34
  143. package/src/stories/RangeSlider.stories.tsx +64 -64
  144. package/src/stories/ScrollList.stories.tsx +85 -85
  145. package/src/stories/Shortcuts.stories.tsx +39 -39
  146. package/src/stories/SimpleProgressBar.stories.tsx +22 -22
  147. package/src/stories/SkillProgressBar.stories.tsx +34 -34
  148. package/src/stories/SkillsContainer.stories.tsx +35 -35
  149. package/src/stories/Spellbook.stories.tsx +104 -104
  150. package/src/stories/StaticBook.stories.tsx +32 -32
  151. package/src/stories/Text.stories.tsx +42 -42
  152. package/src/stories/TimeWidget.stories.tsx +27 -27
  153. package/src/stories/TradingMenu.stories.tsx +47 -47
  154. package/src/types/eventTypes.ts +4 -4
  155. 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
+ };