@rpg-engine/long-bow 0.3.49 → 0.3.51

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 (141) hide show
  1. package/LICENSE +20 -20
  2. package/README.md +181 -181
  3. package/dist/long-bow.cjs.development.js +877 -867
  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 +728 -718
  8. package/dist/long-bow.esm.js.map +1 -1
  9. package/package.json +100 -100
  10. package/src/components/Abstractions/SlotsContainer.tsx +45 -45
  11. package/src/components/Arrow/SelectArrow.tsx +65 -65
  12. package/src/components/Arrow/img/arrow01-left-clicked.png +0 -0
  13. package/src/components/Arrow/img/arrow01-left.png +0 -0
  14. package/src/components/Arrow/img/arrow01-right-clicked.png +0 -0
  15. package/src/components/Arrow/img/arrow01-right.png +0 -0
  16. package/src/components/Arrow/img/arrow02-left-clicked.png +0 -0
  17. package/src/components/Arrow/img/arrow02-left.png +0 -0
  18. package/src/components/Arrow/img/arrow02-right-clicked.png +0 -0
  19. package/src/components/Arrow/img/arrow02-right.png +0 -0
  20. package/src/components/Button.tsx +41 -41
  21. package/src/components/Character/CharacterSelection.tsx +96 -96
  22. package/src/components/CharacterStatus/CharacterStatus.tsx +120 -120
  23. package/src/components/Chat/Chat.tsx +195 -195
  24. package/src/components/Chatdeprecated/ChatDeprecated.tsx +200 -200
  25. package/src/components/CheckButton.tsx +65 -65
  26. package/src/components/CircularController/CircularController.tsx +162 -162
  27. package/src/components/CraftBook/CraftBook.tsx +235 -235
  28. package/src/components/CraftBook/MockItems.ts +46 -46
  29. package/src/components/DraggableContainer.tsx +154 -154
  30. package/src/components/Dropdown.tsx +96 -96
  31. package/src/components/DropdownSelectorContainer.tsx +42 -42
  32. package/src/components/Equipment/EquipmentSet.tsx +190 -190
  33. package/src/components/HistoryDialog.tsx +104 -104
  34. package/src/components/Input.tsx +15 -15
  35. package/src/components/Item/Cards/ItemTooltip.tsx +33 -33
  36. package/src/components/Item/Inventory/ErrorBoundary.tsx +42 -42
  37. package/src/components/Item/Inventory/ItemContainer.tsx +175 -175
  38. package/src/components/Item/Inventory/ItemContainerTypes.ts +6 -6
  39. package/src/components/Item/Inventory/ItemQuantitySelector.tsx +142 -142
  40. package/src/components/Item/Inventory/ItemSlot.tsx +467 -465
  41. package/src/components/Item/Inventory/itemContainerHelper.ts +156 -156
  42. package/src/components/ListMenu.tsx +63 -63
  43. package/src/components/Multitab/Tab.tsx +57 -57
  44. package/src/components/Multitab/TabBody.tsx +13 -13
  45. package/src/components/Multitab/TabsContainer.tsx +97 -97
  46. package/src/components/NPCDialog/NPCDialog.tsx +121 -121
  47. package/src/components/NPCDialog/NPCDialogText.tsx +113 -113
  48. package/src/components/NPCDialog/NPCMultiDialog.tsx +159 -159
  49. package/src/components/NPCDialog/QuestionDialog/QuestionDialog.tsx +237 -237
  50. package/src/components/ProgressBar.tsx +92 -92
  51. package/src/components/PropertySelect/PropertySelect.tsx +114 -114
  52. package/src/components/QuestInfo/QuestInfo.tsx +232 -232
  53. package/src/components/QuestList.tsx +129 -129
  54. package/src/components/RPGUIContainer.tsx +47 -47
  55. package/src/components/RPGUIForceRenderStart.tsx +45 -45
  56. package/src/components/RPGUIRoot.tsx +14 -14
  57. package/src/components/RadioButton.tsx +53 -53
  58. package/src/components/RadioInput/RadioButton.tsx +98 -98
  59. package/src/components/RadioInput/RadioInput.tsx +98 -98
  60. package/src/components/RadioInput/instruments.ts +15 -15
  61. package/src/components/RangeSlider.tsx +78 -78
  62. package/src/components/RelativeListMenu.tsx +83 -83
  63. package/src/components/ScrollList.tsx +79 -79
  64. package/src/components/SimpleProgressBar.tsx +62 -62
  65. package/src/components/SkillProgressBar.tsx +133 -133
  66. package/src/components/SkillsContainer.tsx +200 -191
  67. package/src/components/Spellbook/QuickSpells.tsx +120 -120
  68. package/src/components/Spellbook/Spell.tsx +201 -201
  69. package/src/components/Spellbook/Spellbook.tsx +144 -144
  70. package/src/components/Spellbook/SpellbookShortcuts.tsx +77 -77
  71. package/src/components/Spellbook/constants.ts +12 -12
  72. package/src/components/Spellbook/mockSpells.ts +60 -60
  73. package/src/components/StaticBook/StaticBook.tsx +105 -105
  74. package/src/components/TextArea.tsx +11 -11
  75. package/src/components/TimeWidget/DayNightPeriod/DayNightPeriod.tsx +35 -35
  76. package/src/components/TimeWidget/TimeWidget.tsx +63 -63
  77. package/src/components/TradingMenu/TradingItemRow.tsx +197 -197
  78. package/src/components/TradingMenu/TradingMenu.tsx +203 -203
  79. package/src/components/TradingMenu/items.mock.ts +37 -37
  80. package/src/components/Truncate.tsx +25 -25
  81. package/src/components/itemSelector/ItemSelector.tsx +136 -136
  82. package/src/components/shared/Column.tsx +16 -16
  83. package/src/components/shared/Ellipsis.tsx +65 -65
  84. package/src/components/shared/SpriteFromAtlas.tsx +102 -102
  85. package/src/components/typography/DynamicText.tsx +49 -49
  86. package/src/constants/uiColors.ts +20 -20
  87. package/src/constants/uiDevices.ts +3 -3
  88. package/src/constants/uiFonts.ts +12 -12
  89. package/src/hooks/useEventListener.ts +21 -21
  90. package/src/hooks/useOutsideAlerter.ts +25 -25
  91. package/src/index.tsx +40 -40
  92. package/src/libs/StringHelpers.ts +3 -3
  93. package/src/mocks/atlas/entities/entities.json +20215 -20215
  94. package/src/mocks/atlas/icons/icons.json +735 -735
  95. package/src/mocks/atlas/items/items.json +12086 -12086
  96. package/src/mocks/equipmentSet.mocks.ts +393 -393
  97. package/src/mocks/itemContainer.mocks.ts +560 -560
  98. package/src/mocks/skills.mocks.ts +128 -128
  99. package/src/stories/Arrow.stories.tsx +26 -26
  100. package/src/stories/Button.stories.tsx +36 -36
  101. package/src/stories/CharacterSelection.stories.tsx +45 -45
  102. package/src/stories/CharacterStatus.stories.tsx +29 -29
  103. package/src/stories/Chat.stories.tsx +187 -187
  104. package/src/stories/ChatDeprecated.stories.tsx +170 -170
  105. package/src/stories/CheckButton.stories.tsx +48 -48
  106. package/src/stories/CircullarController.stories.tsx +33 -33
  107. package/src/stories/CraftBook.stories.tsx +40 -40
  108. package/src/stories/DayNightPeriod.stories.tsx +27 -27
  109. package/src/stories/DraggableContainer.stories.tsx +28 -28
  110. package/src/stories/Dropdown.stories.tsx +46 -46
  111. package/src/stories/DropdownSelectorContainer.stories.tsx +41 -41
  112. package/src/stories/EquipmentSet.stories.tsx +65 -65
  113. package/src/stories/HistoryDialog.stories.tsx +61 -61
  114. package/src/stories/ItemContainer.stories.tsx +124 -124
  115. package/src/stories/ItemQuantitySelector.stories.tsx +26 -26
  116. package/src/stories/ItemSelector.stories.tsx +77 -77
  117. package/src/stories/ItemTradingComponent.stories.tsx +35 -35
  118. package/src/stories/ListMenu.stories.tsx +56 -56
  119. package/src/stories/Multitab.stories.tsx +51 -51
  120. package/src/stories/NPCDialog.stories.tsx +130 -130
  121. package/src/stories/NPCMultiDialog.stories.tsx +71 -71
  122. package/src/stories/ProgressBar.stories.tsx +23 -23
  123. package/src/stories/PropertySelect.stories.tsx +40 -40
  124. package/src/stories/QuestInfo.stories.tsx +107 -107
  125. package/src/stories/QuestList.stories.tsx +82 -82
  126. package/src/stories/QuickSpells.stories.tsx +38 -38
  127. package/src/stories/RPGUIContainers.stories.tsx +42 -42
  128. package/src/stories/RadioButton.stories.tsx +49 -49
  129. package/src/stories/RadioInput.stories.tsx +34 -34
  130. package/src/stories/RangeSlider.stories.tsx +64 -64
  131. package/src/stories/ScrollList.stories.tsx +85 -85
  132. package/src/stories/SimpleProgressBar.stories.tsx +22 -22
  133. package/src/stories/SkillProgressBar.stories.tsx +34 -34
  134. package/src/stories/SkillsContainer.stories.tsx +35 -35
  135. package/src/stories/Spellbook.stories.tsx +107 -107
  136. package/src/stories/StaticBook.stories.tsx +32 -32
  137. package/src/stories/Text.stories.tsx +42 -42
  138. package/src/stories/TimeWidget.stories.tsx +27 -27
  139. package/src/stories/TradingMenu.stories.tsx +45 -45
  140. package/src/types/eventTypes.ts +4 -4
  141. 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,38 +1,38 @@
1
- import { Meta, Story } from '@storybook/react';
2
- import React from 'react';
3
- import { RPGUIRoot } from '../components/RPGUIRoot';
4
- import { SPELL_SHORTCUTS_STORAGE_KEY } from '../components/Spellbook/constants';
5
- import {
6
- QuickSpells,
7
- QuickSpellsProps,
8
- } from '../components/Spellbook/QuickSpells';
9
-
10
- const meta: Meta = {
11
- title: 'QuickSpells',
12
- component: QuickSpells,
13
- };
14
-
15
- export default meta;
16
-
17
- const Template: Story<QuickSpellsProps> = args => {
18
- return (
19
- <RPGUIRoot>
20
- <div
21
- style={{
22
- width: '100%',
23
- }}
24
- >
25
- <QuickSpells {...args} />
26
- </div>
27
- </RPGUIRoot>
28
- );
29
- };
30
-
31
- export const Default = Template.bind({});
32
- Default.args = {
33
- onSpellCast: spellKey => console.log(spellKey),
34
- quickSpells: JSON.parse(
35
- localStorage.getItem(SPELL_SHORTCUTS_STORAGE_KEY) as string
36
- ),
37
- mana: 100,
38
- };
1
+ import { Meta, Story } from '@storybook/react';
2
+ import React from 'react';
3
+ import { RPGUIRoot } from '../components/RPGUIRoot';
4
+ import { SPELL_SHORTCUTS_STORAGE_KEY } from '../components/Spellbook/constants';
5
+ import {
6
+ QuickSpells,
7
+ QuickSpellsProps,
8
+ } from '../components/Spellbook/QuickSpells';
9
+
10
+ const meta: Meta = {
11
+ title: 'QuickSpells',
12
+ component: QuickSpells,
13
+ };
14
+
15
+ export default meta;
16
+
17
+ const Template: Story<QuickSpellsProps> = args => {
18
+ return (
19
+ <RPGUIRoot>
20
+ <div
21
+ style={{
22
+ width: '100%',
23
+ }}
24
+ >
25
+ <QuickSpells {...args} />
26
+ </div>
27
+ </RPGUIRoot>
28
+ );
29
+ };
30
+
31
+ export const Default = Template.bind({});
32
+ Default.args = {
33
+ onSpellCast: spellKey => console.log(spellKey),
34
+ quickSpells: JSON.parse(
35
+ localStorage.getItem(SPELL_SHORTCUTS_STORAGE_KEY) as string
36
+ ),
37
+ mana: 100,
38
+ };
@@ -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
+ };