@rpg-engine/long-bow 0.4.2 → 0.4.3

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 (163) hide show
  1. package/LICENSE +20 -20
  2. package/README.md +181 -181
  3. package/dist/long-bow.cjs.development.js +1060 -1065
  4. package/dist/long-bow.cjs.development.js.map +1 -1
  5. package/dist/long-bow.cjs.production.min.js +1 -1
  6. package/dist/long-bow.cjs.production.min.js.map +1 -1
  7. package/dist/long-bow.esm.js +1066 -1071
  8. package/dist/long-bow.esm.js.map +1 -1
  9. package/package.json +100 -100
  10. package/src/components/Abstractions/ModalPortal.tsx +22 -22
  11. package/src/components/Abstractions/SlotsContainer.tsx +62 -62
  12. package/src/components/Arrow/SelectArrow.tsx +69 -69
  13. package/src/components/Arrow/img/arrow01-left-clicked.png +0 -0
  14. package/src/components/Arrow/img/arrow01-left.png +0 -0
  15. package/src/components/Arrow/img/arrow01-right-clicked.png +0 -0
  16. package/src/components/Arrow/img/arrow01-right.png +0 -0
  17. package/src/components/Arrow/img/arrow02-left-clicked.png +0 -0
  18. package/src/components/Arrow/img/arrow02-left.png +0 -0
  19. package/src/components/Arrow/img/arrow02-right-clicked.png +0 -0
  20. package/src/components/Arrow/img/arrow02-right.png +0 -0
  21. package/src/components/Button.tsx +40 -40
  22. package/src/components/Character/CharacterSelection.tsx +98 -98
  23. package/src/components/CharacterStatus/CharacterStatus.tsx +120 -120
  24. package/src/components/Chat/Chat.tsx +196 -196
  25. package/src/components/Chatdeprecated/ChatDeprecated.tsx +198 -198
  26. package/src/components/CheckButton.tsx +65 -65
  27. package/src/components/CircularController/CircularController.tsx +282 -282
  28. package/src/components/CraftBook/CraftBook.tsx +286 -286
  29. package/src/components/CraftBook/CraftingRecipe.tsx +161 -161
  30. package/src/components/CraftBook/MockItems.ts +101 -101
  31. package/src/components/DraggableContainer.tsx +181 -180
  32. package/src/components/DropdownSelectorContainer.tsx +42 -42
  33. package/src/components/Equipment/EquipmentSet.tsx +199 -199
  34. package/src/components/HistoryDialog.tsx +104 -104
  35. package/src/components/Input.tsx +15 -15
  36. package/src/components/InputRadio.tsx +41 -41
  37. package/src/components/Item/Cards/ItemInfo.tsx +298 -298
  38. package/src/components/Item/Cards/ItemInfoDisplay.tsx +135 -135
  39. package/src/components/Item/Cards/ItemInfoWrapper.tsx +62 -62
  40. package/src/components/Item/Cards/ItemTooltip.tsx +83 -83
  41. package/src/components/Item/Cards/MobileItemTooltip.tsx +149 -149
  42. package/src/components/Item/Inventory/ErrorBoundary.tsx +42 -42
  43. package/src/components/Item/Inventory/ItemContainer.tsx +231 -231
  44. package/src/components/Item/Inventory/ItemContainerTypes.ts +6 -6
  45. package/src/components/Item/Inventory/ItemQuantitySelector.tsx +138 -138
  46. package/src/components/Item/Inventory/ItemSlot.tsx +580 -580
  47. package/src/components/Item/Inventory/itemContainerHelper.ts +175 -175
  48. package/src/components/ListMenu.tsx +63 -63
  49. package/src/components/Marketplace/Marketplace.tsx +132 -132
  50. package/src/components/Marketplace/MarketplaceRows.tsx +171 -171
  51. package/src/components/Marketplace/__mocks__/index.tsx +65 -65
  52. package/src/components/Multitab/Tab.tsx +66 -66
  53. package/src/components/Multitab/TabBody.tsx +13 -13
  54. package/src/components/Multitab/TabsContainer.tsx +97 -97
  55. package/src/components/NPCDialog/NPCDialog.tsx +121 -121
  56. package/src/components/NPCDialog/NPCDialogText.tsx +113 -113
  57. package/src/components/NPCDialog/NPCMultiDialog.tsx +159 -159
  58. package/src/components/NPCDialog/QuestionDialog/QuestionDialog.tsx +237 -237
  59. package/src/components/ProgressBar.tsx +92 -95
  60. package/src/components/PropertySelect/PropertySelect.tsx +106 -106
  61. package/src/components/QuestInfo/QuestInfo.tsx +233 -233
  62. package/src/components/QuestList.tsx +135 -135
  63. package/src/components/RPGUIContainer.tsx +47 -47
  64. package/src/components/RPGUIForceRenderStart.tsx +45 -45
  65. package/src/components/RPGUIRoot.tsx +14 -14
  66. package/src/components/RadioButton.tsx +53 -53
  67. package/src/components/RadioInput/RadioButton.tsx +96 -96
  68. package/src/components/RadioInput/RadioInput.tsx +102 -102
  69. package/src/components/RadioInput/instruments.ts +15 -15
  70. package/src/components/RangeSlider.tsx +78 -78
  71. package/src/components/RelativeListMenu.tsx +90 -90
  72. package/src/components/ScrollList.tsx +79 -79
  73. package/src/components/Shortcuts/Shortcuts.tsx +193 -193
  74. package/src/components/Shortcuts/ShortcutsSetter.tsx +139 -139
  75. package/src/components/Shortcuts/SingleShortcut.ts +82 -82
  76. package/src/components/Shortcuts/useShortcutCooldown.ts +23 -23
  77. package/src/components/SimpleProgressBar.tsx +62 -62
  78. package/src/components/SkillProgressBar.tsx +133 -133
  79. package/src/components/SkillsContainer.tsx +217 -211
  80. package/src/components/Spellbook/Spell.tsx +236 -236
  81. package/src/components/Spellbook/Spellbook.tsx +161 -161
  82. package/src/components/Spellbook/cards/MobileSpellTooltip.tsx +137 -137
  83. package/src/components/Spellbook/cards/SpellInfo.tsx +134 -134
  84. package/src/components/Spellbook/cards/SpellInfoDisplay.tsx +31 -31
  85. package/src/components/Spellbook/cards/SpellInfoWrapper.tsx +48 -48
  86. package/src/components/Spellbook/cards/SpellTooltip.tsx +70 -70
  87. package/src/components/Spellbook/constants.ts +7 -7
  88. package/src/components/Spellbook/mockSpells.ts +84 -84
  89. package/src/components/StaticBook/StaticBook.tsx +103 -103
  90. package/src/components/TextArea.tsx +11 -11
  91. package/src/components/TimeWidget/DayNightPeriod/DayNightPeriod.tsx +35 -35
  92. package/src/components/TimeWidget/TimeWidget.tsx +65 -65
  93. package/src/components/TradingMenu/TradingItemRow.tsx +199 -199
  94. package/src/components/TradingMenu/TradingMenu.tsx +219 -219
  95. package/src/components/TradingMenu/items.mock.ts +48 -48
  96. package/src/components/Truncate.tsx +25 -25
  97. package/src/components/itemSelector/ItemSelector.tsx +136 -136
  98. package/src/components/shared/Column.tsx +16 -16
  99. package/src/components/shared/Ellipsis.tsx +68 -68
  100. package/src/components/shared/SpriteFromAtlas.tsx +104 -104
  101. package/src/components/typography/DynamicText.tsx +49 -49
  102. package/src/constants/uiColors.ts +20 -20
  103. package/src/constants/uiDevices.ts +3 -3
  104. package/src/constants/uiFonts.ts +12 -12
  105. package/src/hooks/useEventListener.ts +21 -21
  106. package/src/hooks/useOutsideAlerter.ts +25 -25
  107. package/src/index.tsx +42 -42
  108. package/src/libs/CastingTypeHelper.ts +7 -7
  109. package/src/libs/StringHelpers.ts +3 -3
  110. package/src/libs/itemCounter.ts +21 -21
  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 -391
  115. package/src/mocks/itemContainer.mocks.ts +605 -605
  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 +44 -44
  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 -42
  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 +201 -201
  133. package/src/stories/ItemInfoDisplay.stories.tsx +33 -33
  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/Marketplace.stories.tsx +42 -42
  139. package/src/stories/MarketplaceRows.stories.tsx +28 -28
  140. package/src/stories/Multitab.stories.tsx +51 -51
  141. package/src/stories/NPCDialog.stories.tsx +130 -130
  142. package/src/stories/NPCMultiDialog.stories.tsx +71 -71
  143. package/src/stories/ProgressBar.stories.tsx +23 -23
  144. package/src/stories/PropertySelect.stories.tsx +40 -40
  145. package/src/stories/QuestInfo.stories.tsx +107 -107
  146. package/src/stories/QuestList.stories.tsx +82 -82
  147. package/src/stories/RPGUIContainers.stories.tsx +42 -42
  148. package/src/stories/RadioButton.stories.tsx +49 -49
  149. package/src/stories/RadioInput.stories.tsx +34 -34
  150. package/src/stories/RangeSlider.stories.tsx +64 -64
  151. package/src/stories/ScrollList.stories.tsx +85 -85
  152. package/src/stories/Shortcuts.stories.tsx +39 -39
  153. package/src/stories/SimpleProgressBar.stories.tsx +22 -22
  154. package/src/stories/SkillProgressBar.stories.tsx +34 -34
  155. package/src/stories/SkillsContainer.stories.tsx +35 -35
  156. package/src/stories/SpellInfoDisplay.stories.tsx +27 -27
  157. package/src/stories/Spellbook.stories.tsx +104 -104
  158. package/src/stories/StaticBook.stories.tsx +32 -32
  159. package/src/stories/Text.stories.tsx +42 -42
  160. package/src/stories/TimeWidget.stories.tsx +27 -27
  161. package/src/stories/TradingMenu.stories.tsx +47 -47
  162. package/src/types/eventTypes.ts +4 -4
  163. package/src/types/index.d.ts +2 -2
@@ -1,128 +1,128 @@
1
- import { ISkill, SkillType } from '@rpg-engine/shared';
2
-
3
- export const skillMock = {
4
- _id: '62aebda8785a9f0089a4f757',
5
- stamina: {
6
- type: SkillType.BasicAttributes,
7
- level: 1,
8
- skillPoints: 50,
9
- skillPointsToNextLevel: 100,
10
- },
11
- magic: {
12
- type: SkillType.BasicAttributes,
13
- level: 1,
14
- skillPoints: 22,
15
- skillPointsToNextLevel: 80,
16
- },
17
- magicResistance: {
18
- type: SkillType.BasicAttributes,
19
- level: 1,
20
- skillPoints: 13,
21
- skillPointsToNextLevel: 80,
22
- },
23
- strength: {
24
- type: SkillType.BasicAttributes,
25
- level: 1,
26
- skillPoints: 14,
27
- skillPointsToNextLevel: 80,
28
- },
29
- resistance: {
30
- type: SkillType.BasicAttributes,
31
- level: 1,
32
- skillPoints: 5,
33
- skillPointsToNextLevel: 80,
34
- },
35
- dexterity: {
36
- type: SkillType.BasicAttributes,
37
- level: 1,
38
- skillPoints: 52,
39
- skillPointsToNextLevel: 80,
40
- },
41
- first: {
42
- type: SkillType.Combat,
43
- level: 1,
44
- skillPoints: 22,
45
- skillPointsToNextLevel: 80,
46
- },
47
- club: {
48
- type: SkillType.Combat,
49
- level: 1,
50
- skillPoints: 12,
51
- skillPointsToNextLevel: 80,
52
- },
53
- sword: {
54
- type: SkillType.Combat,
55
- level: 1,
56
- skillPoints: 3,
57
- skillPointsToNextLevel: 80,
58
- },
59
- dagger: {
60
- type: SkillType.Combat,
61
- level: 1,
62
- skillPoints: 3,
63
- skillPointsToNextLevel: 80,
64
- },
65
- axe: {
66
- type: SkillType.Combat,
67
- level: 1,
68
- skillPoints: 45,
69
- skillPointsToNextLevel: 80,
70
- },
71
- distance: {
72
- type: SkillType.Combat,
73
- level: 1,
74
- skillPoints: 23,
75
- skillPointsToNextLevel: 80,
76
- },
77
- shielding: {
78
- type: SkillType.Combat,
79
- level: 1,
80
- skillPoints: 12,
81
- skillPointsToNextLevel: 80,
82
- },
83
- fishing: {
84
- type: SkillType.Gathering,
85
- level: 1,
86
- skillPoints: 5,
87
- skillPointsToNextLevel: 80,
88
- },
89
- mining: {
90
- type: SkillType.Crafting,
91
- level: 1,
92
- skillPoints: 3,
93
- skillPointsToNextLevel: 80,
94
- },
95
- lumberjacking: {
96
- type: SkillType.Crafting,
97
- level: 1,
98
- skillPoints: 2,
99
- skillPointsToNextLevel: 80,
100
- },
101
- cooking: {
102
- type: SkillType.Crafting,
103
- level: 1,
104
- skillPoints: 10,
105
- skillPointsToNextLevel: 80,
106
- },
107
- alchemy: {
108
- type: SkillType.Crafting,
109
- level: 1,
110
- skillPoints: 2,
111
- skillPointsToNextLevel: 80,
112
- },
113
- blacksmithing: {
114
- type: SkillType.Crafting,
115
- level: 1,
116
- skillPoints: 2,
117
- skillPointsToNextLevel: 80,
118
- },
119
- level: 2,
120
- xpGainRate: 100,
121
- experience: 31,
122
- xpToNextLevel: 50,
123
- ownerType: 'Character',
124
- owner: '62aebda8785a9f0089a4f758',
125
- createdAt: '2022-06-19T06:09:44.661Z',
126
- updatedAt: '2022-06-19T06:09:44.661Z',
127
- __v: 0,
128
- } as ISkill;
1
+ import { ISkill, SkillType } from '@rpg-engine/shared';
2
+
3
+ export const skillMock = {
4
+ _id: '62aebda8785a9f0089a4f757',
5
+ stamina: {
6
+ type: SkillType.BasicAttributes,
7
+ level: 1,
8
+ skillPoints: 50,
9
+ skillPointsToNextLevel: 100,
10
+ },
11
+ magic: {
12
+ type: SkillType.BasicAttributes,
13
+ level: 1,
14
+ skillPoints: 22,
15
+ skillPointsToNextLevel: 80,
16
+ },
17
+ magicResistance: {
18
+ type: SkillType.BasicAttributes,
19
+ level: 1,
20
+ skillPoints: 13,
21
+ skillPointsToNextLevel: 80,
22
+ },
23
+ strength: {
24
+ type: SkillType.BasicAttributes,
25
+ level: 1,
26
+ skillPoints: 14,
27
+ skillPointsToNextLevel: 80,
28
+ },
29
+ resistance: {
30
+ type: SkillType.BasicAttributes,
31
+ level: 1,
32
+ skillPoints: 5,
33
+ skillPointsToNextLevel: 80,
34
+ },
35
+ dexterity: {
36
+ type: SkillType.BasicAttributes,
37
+ level: 1,
38
+ skillPoints: 52,
39
+ skillPointsToNextLevel: 80,
40
+ },
41
+ first: {
42
+ type: SkillType.Combat,
43
+ level: 1,
44
+ skillPoints: 22,
45
+ skillPointsToNextLevel: 80,
46
+ },
47
+ club: {
48
+ type: SkillType.Combat,
49
+ level: 1,
50
+ skillPoints: 12,
51
+ skillPointsToNextLevel: 80,
52
+ },
53
+ sword: {
54
+ type: SkillType.Combat,
55
+ level: 1,
56
+ skillPoints: 3,
57
+ skillPointsToNextLevel: 80,
58
+ },
59
+ dagger: {
60
+ type: SkillType.Combat,
61
+ level: 1,
62
+ skillPoints: 3,
63
+ skillPointsToNextLevel: 80,
64
+ },
65
+ axe: {
66
+ type: SkillType.Combat,
67
+ level: 1,
68
+ skillPoints: 45,
69
+ skillPointsToNextLevel: 80,
70
+ },
71
+ distance: {
72
+ type: SkillType.Combat,
73
+ level: 1,
74
+ skillPoints: 23,
75
+ skillPointsToNextLevel: 80,
76
+ },
77
+ shielding: {
78
+ type: SkillType.Combat,
79
+ level: 1,
80
+ skillPoints: 12,
81
+ skillPointsToNextLevel: 80,
82
+ },
83
+ fishing: {
84
+ type: SkillType.Gathering,
85
+ level: 1,
86
+ skillPoints: 5,
87
+ skillPointsToNextLevel: 80,
88
+ },
89
+ mining: {
90
+ type: SkillType.Crafting,
91
+ level: 1,
92
+ skillPoints: 3,
93
+ skillPointsToNextLevel: 80,
94
+ },
95
+ lumberjacking: {
96
+ type: SkillType.Crafting,
97
+ level: 1,
98
+ skillPoints: 2,
99
+ skillPointsToNextLevel: 80,
100
+ },
101
+ cooking: {
102
+ type: SkillType.Crafting,
103
+ level: 1,
104
+ skillPoints: 10,
105
+ skillPointsToNextLevel: 80,
106
+ },
107
+ alchemy: {
108
+ type: SkillType.Crafting,
109
+ level: 1,
110
+ skillPoints: 2,
111
+ skillPointsToNextLevel: 80,
112
+ },
113
+ blacksmithing: {
114
+ type: SkillType.Crafting,
115
+ level: 1,
116
+ skillPoints: 2,
117
+ skillPointsToNextLevel: 80,
118
+ },
119
+ level: 2,
120
+ xpGainRate: 100,
121
+ experience: 31,
122
+ xpToNextLevel: 50,
123
+ ownerType: 'Character',
124
+ owner: '62aebda8785a9f0089a4f758',
125
+ createdAt: '2022-06-19T06:09:44.661Z',
126
+ updatedAt: '2022-06-19T06:09:44.661Z',
127
+ __v: 0,
128
+ } as ISkill;
@@ -1,26 +1,26 @@
1
- import { Meta, Story } from '@storybook/react';
2
- import React from 'react';
3
- import { RPGUIRoot } from '..';
4
- import SelectArrow, { ArrowBarProps } from '../components/Arrow/SelectArrow';
5
-
6
- const meta: Meta = {
7
- title: 'Arrow',
8
- component: SelectArrow,
9
- };
10
-
11
- export default meta;
12
-
13
- const Template: Story<ArrowBarProps> = args => (
14
- <RPGUIRoot>
15
- <SelectArrow {...args} />
16
- </RPGUIRoot>
17
- );
18
-
19
- export const Default = Template.bind({});
20
-
21
- Default.args = {
22
- direction: 'left',
23
- onPointerDown: () => {
24
- console.log('clicked');
25
- },
26
- };
1
+ import { Meta, Story } from '@storybook/react';
2
+ import React from 'react';
3
+ import { RPGUIRoot } from '..';
4
+ import SelectArrow, { ArrowBarProps } from '../components/Arrow/SelectArrow';
5
+
6
+ const meta: Meta = {
7
+ title: 'Arrow',
8
+ component: SelectArrow,
9
+ };
10
+
11
+ export default meta;
12
+
13
+ const Template: Story<ArrowBarProps> = args => (
14
+ <RPGUIRoot>
15
+ <SelectArrow {...args} />
16
+ </RPGUIRoot>
17
+ );
18
+
19
+ export const Default = Template.bind({});
20
+
21
+ Default.args = {
22
+ direction: 'left',
23
+ onPointerDown: () => {
24
+ console.log('clicked');
25
+ },
26
+ };
@@ -1,36 +1,36 @@
1
- import { Meta, Story } from '@storybook/react';
2
- import React from 'react';
3
- import { Button, ButtonTypes, IButtonProps } from '../../src/components/Button';
4
- import { RPGUIRoot } from '../../src/components/RPGUIRoot';
5
-
6
- const meta: Meta = {
7
- title: 'Button',
8
- component: Button,
9
- argTypes: {
10
- children: {},
11
- buttonType: {
12
- control: {
13
- type: 'select',
14
- labels: {
15
- [ButtonTypes.RPGUIButton]: 'rpgui-button',
16
- [ButtonTypes.RPGUIGoldButton]: 'rpgui-button gold',
17
- },
18
- },
19
- },
20
- },
21
- };
22
-
23
- export default meta;
24
-
25
- const Template: Story<IButtonProps> = args => (
26
- <RPGUIRoot>
27
- <Button {...args} />
28
- </RPGUIRoot>
29
- );
30
-
31
- export const Default = Template.bind({});
32
-
33
- Default.args = {
34
- children: 'Teste',
35
- buttonType: ButtonTypes.RPGUIButton,
36
- };
1
+ import { Meta, Story } from '@storybook/react';
2
+ import React from 'react';
3
+ import { Button, ButtonTypes, IButtonProps } from '../../src/components/Button';
4
+ import { RPGUIRoot } from '../../src/components/RPGUIRoot';
5
+
6
+ const meta: Meta = {
7
+ title: 'Button',
8
+ component: Button,
9
+ argTypes: {
10
+ children: {},
11
+ buttonType: {
12
+ control: {
13
+ type: 'select',
14
+ labels: {
15
+ [ButtonTypes.RPGUIButton]: 'rpgui-button',
16
+ [ButtonTypes.RPGUIGoldButton]: 'rpgui-button gold',
17
+ },
18
+ },
19
+ },
20
+ },
21
+ };
22
+
23
+ export default meta;
24
+
25
+ const Template: Story<IButtonProps> = args => (
26
+ <RPGUIRoot>
27
+ <Button {...args} />
28
+ </RPGUIRoot>
29
+ );
30
+
31
+ export const Default = Template.bind({});
32
+
33
+ Default.args = {
34
+ children: 'Teste',
35
+ buttonType: ButtonTypes.RPGUIButton,
36
+ };
@@ -1,44 +1,44 @@
1
- import { Meta, Story } from '@storybook/react';
2
- import React from 'react';
3
- import { RPGUIRoot } from '..';
4
- import CharacterSelection, {
5
- ICharacterProps,
6
- } from '../components/Character/CharacterSelection';
7
- import atlasJSON from '../mocks/atlas/entities/entities.json';
8
- import atlasIMG from '../mocks/atlas/entities/entities.png';
9
-
10
- const meta: Meta = {
11
- title: 'Character Selection',
12
- component: CharacterSelection,
13
- };
14
-
15
- export default meta;
16
-
17
- const Template: Story<any> = (args) => (
18
- <RPGUIRoot>
19
- <CharacterSelection {...args} />
20
- </RPGUIRoot>
21
- );
22
-
23
- export const Default = Template.bind({});
24
-
25
- const availableCharacters: ICharacterProps[] = [
26
- {
27
- name: 'Woman',
28
- textureKey: 'woman-1',
29
- },
30
- {
31
- name: 'Kid',
32
- textureKey: 'kid-1',
33
- },
34
- {
35
- name: 'Purple Hair Hero 1',
36
- textureKey: 'purple-hair-hero-1',
37
- },
38
- ];
39
-
40
- Default.args = {
41
- availableCharacters: availableCharacters,
42
- atlasJSON: atlasJSON,
43
- atlasIMG: atlasIMG,
44
- };
1
+ import { Meta, Story } from '@storybook/react';
2
+ import React from 'react';
3
+ import { RPGUIRoot } from '..';
4
+ import CharacterSelection, {
5
+ ICharacterProps,
6
+ } from '../components/Character/CharacterSelection';
7
+ import atlasJSON from '../mocks/atlas/entities/entities.json';
8
+ import atlasIMG from '../mocks/atlas/entities/entities.png';
9
+
10
+ const meta: Meta = {
11
+ title: 'Character Selection',
12
+ component: CharacterSelection,
13
+ };
14
+
15
+ export default meta;
16
+
17
+ const Template: Story<any> = (args) => (
18
+ <RPGUIRoot>
19
+ <CharacterSelection {...args} />
20
+ </RPGUIRoot>
21
+ );
22
+
23
+ export const Default = Template.bind({});
24
+
25
+ const availableCharacters: ICharacterProps[] = [
26
+ {
27
+ name: 'Woman',
28
+ textureKey: 'woman-1',
29
+ },
30
+ {
31
+ name: 'Kid',
32
+ textureKey: 'kid-1',
33
+ },
34
+ {
35
+ name: 'Purple Hair Hero 1',
36
+ textureKey: 'purple-hair-hero-1',
37
+ },
38
+ ];
39
+
40
+ Default.args = {
41
+ availableCharacters: availableCharacters,
42
+ atlasJSON: atlasJSON,
43
+ atlasIMG: atlasIMG,
44
+ };
@@ -1,29 +1,29 @@
1
- import { Meta, Story } from '@storybook/react';
2
- import React from 'react';
3
- import {
4
- CharacterStatus,
5
- ICharacterStatusProps,
6
- } from '../components/CharacterStatus/CharacterStatus';
7
- import { RPGUIRoot } from '../components/RPGUIRoot';
8
-
9
- const meta: Meta = {
10
- title: 'Character Status',
11
- component: CharacterStatus,
12
- };
13
-
14
- export default meta;
15
-
16
- const Template: Story<ICharacterStatusProps> = args => (
17
- <RPGUIRoot>
18
- <CharacterStatus {...args} />
19
- </RPGUIRoot>
20
- );
21
-
22
- export const Default = Template.bind({});
23
- Default.args = {
24
- healthValue: 30,
25
- healthMaxValue: 100,
26
- manaValue: 30,
27
- manaMaxValue: 100,
28
- charName: 'Char Name',
29
- };
1
+ import { Meta, Story } from '@storybook/react';
2
+ import React from 'react';
3
+ import {
4
+ CharacterStatus,
5
+ ICharacterStatusProps,
6
+ } from '../components/CharacterStatus/CharacterStatus';
7
+ import { RPGUIRoot } from '../components/RPGUIRoot';
8
+
9
+ const meta: Meta = {
10
+ title: 'Character Status',
11
+ component: CharacterStatus,
12
+ };
13
+
14
+ export default meta;
15
+
16
+ const Template: Story<ICharacterStatusProps> = args => (
17
+ <RPGUIRoot>
18
+ <CharacterStatus {...args} />
19
+ </RPGUIRoot>
20
+ );
21
+
22
+ export const Default = Template.bind({});
23
+ Default.args = {
24
+ healthValue: 30,
25
+ healthMaxValue: 100,
26
+ manaValue: 30,
27
+ manaMaxValue: 100,
28
+ charName: 'Char Name',
29
+ };