@rpg-engine/long-bow 0.3.57 → 0.3.59

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