@rpg-engine/long-bow 0.3.96 → 0.3.98

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