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