@rpg-engine/long-bow 0.1.78 → 0.1.794

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 (57) hide show
  1. package/LICENSE +20 -20
  2. package/README.md +181 -181
  3. package/dist/components/store/UI.store.d.ts +4 -0
  4. package/dist/long-bow.cjs.development.js +48 -6
  5. package/dist/long-bow.cjs.development.js.map +1 -1
  6. package/dist/long-bow.cjs.production.min.js +1 -1
  7. package/dist/long-bow.cjs.production.min.js.map +1 -1
  8. package/dist/long-bow.esm.js +48 -6
  9. package/dist/long-bow.esm.js.map +1 -1
  10. package/package.json +96 -96
  11. package/src/components/Abstractions/SlotsContainer.tsx +42 -42
  12. package/src/components/Button.tsx +29 -29
  13. package/src/components/Chat/Chat.tsx +193 -193
  14. package/src/components/CheckButton.tsx +65 -65
  15. package/src/components/DraggableContainer.tsx +150 -150
  16. package/src/components/Dropdown.tsx +57 -57
  17. package/src/components/Equipment/EquipmentSet.tsx +180 -179
  18. package/src/components/Input.tsx +11 -11
  19. package/src/components/Item/Cards/ItemCard.tsx +36 -36
  20. package/src/components/Item/Inventory/ItemContainer.tsx +113 -113
  21. package/src/components/Item/Inventory/ItemSlot.tsx +158 -158
  22. package/src/components/Item/Inventory/itemContainerHelper.ts +81 -81
  23. package/src/components/ListMenu.tsx +65 -65
  24. package/src/components/Multitab/Tab.tsx +57 -57
  25. package/src/components/Multitab/TabBody.tsx +13 -13
  26. package/src/components/Multitab/TabsContainer.tsx +97 -97
  27. package/src/components/NPCDialog/NPCDialog.tsx +145 -145
  28. package/src/components/NPCDialog/NPCDialogText.tsx +53 -53
  29. package/src/components/NPCDialog/QuestionDialog/QuestionDialog.tsx +242 -242
  30. package/src/components/ProgressBar.tsx +91 -91
  31. package/src/components/RPGUIContainer.tsx +47 -47
  32. package/src/components/RPGUIRoot.tsx +14 -14
  33. package/src/components/RadioButton.tsx +53 -53
  34. package/src/components/RangeSlider.tsx +68 -68
  35. package/src/components/ScrollList.tsx +77 -77
  36. package/src/components/SimpleProgressBar.tsx +62 -62
  37. package/src/components/SkillProgressBar.tsx +124 -124
  38. package/src/components/SkillsContainer.tsx +235 -235
  39. package/src/components/TextArea.tsx +11 -11
  40. package/src/components/Truncate.tsx +25 -25
  41. package/src/components/shared/Column.tsx +16 -16
  42. package/src/components/shared/SpriteFromAtlas.tsx +99 -99
  43. package/src/components/shared/SpriteIcon.tsx +67 -67
  44. package/src/components/store/UI.store.ts +232 -192
  45. package/src/components/typography/DynamicText.tsx +49 -49
  46. package/src/constants/uiColors.ts +10 -10
  47. package/src/hooks/useEventListener.ts +21 -21
  48. package/src/hooks/useOutsideAlerter.ts +25 -25
  49. package/src/index.tsx +25 -25
  50. package/src/libs/StringHelpers.ts +3 -3
  51. package/src/mocks/atlas/icons/icons.json +303 -303
  52. package/src/mocks/atlas/items/items.json +5195 -5195
  53. package/src/mocks/equipmentSet.mocks.ts +347 -347
  54. package/src/mocks/itemContainer.mocks.ts +249 -249
  55. package/src/mocks/skills.mocks.ts +122 -122
  56. package/src/types/eventTypes.ts +4 -4
  57. package/src/types/index.d.ts +2 -2
package/src/index.tsx CHANGED
@@ -1,25 +1,25 @@
1
- export * from './components/Button';
2
- export * from './components/Chat/Chat';
3
- export * from './components/CheckButton';
4
- export * from './components/DraggableContainer';
5
- export * from './components/Dropdown';
6
- export * from './components/Equipment/EquipmentSet';
7
- export * from './components/Input';
8
- export * from './components/Item/Inventory/ItemContainer';
9
- export * from './components/Item/Inventory/ItemSlot';
10
- export * from './components/ListMenu';
11
- export * from './components/NPCDialog/NPCDialog';
12
- export * from './components/NPCDialog/QuestionDialog/QuestionDialog';
13
- export * from './components/ProgressBar';
14
- export * from './components/RadioButton';
15
- export * from './components/RangeSlider';
16
- export * from './components/RPGUIContainer';
17
- export * from './components/RPGUIRoot';
18
- export * from './components/shared/SpriteFromAtlas';
19
- export * from './components/shared/SpriteIcon';
20
- export * from './components/SkillProgressBar';
21
- export * from './components/SkillsContainer';
22
- export * from './components/TextArea';
23
- export * from './components/Truncate';
24
- export * from './components/typography/DynamicText';
25
- export { useEventListener } from './hooks/useEventListener';
1
+ export * from './components/Button';
2
+ export * from './components/Chat/Chat';
3
+ export * from './components/CheckButton';
4
+ export * from './components/DraggableContainer';
5
+ export * from './components/Dropdown';
6
+ export * from './components/Equipment/EquipmentSet';
7
+ export * from './components/Input';
8
+ export * from './components/Item/Inventory/ItemContainer';
9
+ export * from './components/Item/Inventory/ItemSlot';
10
+ export * from './components/ListMenu';
11
+ export * from './components/NPCDialog/NPCDialog';
12
+ export * from './components/NPCDialog/QuestionDialog/QuestionDialog';
13
+ export * from './components/ProgressBar';
14
+ export * from './components/RadioButton';
15
+ export * from './components/RangeSlider';
16
+ export * from './components/RPGUIContainer';
17
+ export * from './components/RPGUIRoot';
18
+ export * from './components/shared/SpriteFromAtlas';
19
+ export * from './components/shared/SpriteIcon';
20
+ export * from './components/SkillProgressBar';
21
+ export * from './components/SkillsContainer';
22
+ export * from './components/TextArea';
23
+ export * from './components/Truncate';
24
+ export * from './components/typography/DynamicText';
25
+ export { useEventListener } from './hooks/useEventListener';
@@ -1,3 +1,3 @@
1
- export const chunkString = (str: string, length: number) => {
2
- return str.match(new RegExp('.{1,' + length + '}', 'g'));
3
- };
1
+ export const chunkString = (str: string, length: number) => {
2
+ return str.match(new RegExp('.{1,' + length + '}', 'g'));
3
+ };
@@ -1,303 +1,303 @@
1
- {
2
- "frames": {
3
- "metamask-large.png": {
4
- "frame": {
5
- "x": 0,
6
- "y": 0,
7
- "w": 33,
8
- "h": 30
9
- },
10
- "rotated": false,
11
- "trimmed": false,
12
- "spriteSourceSize": {
13
- "x": 0,
14
- "y": 0,
15
- "w": 33,
16
- "h": 30
17
- },
18
- "sourceSize": {
19
- "w": 33,
20
- "h": 30
21
- },
22
- "pivot": {
23
- "x": 0.5,
24
- "y": 0.5
25
- }
26
- },
27
- "chat-large.png": {
28
- "frame": {
29
- "x": 0,
30
- "y": 30,
31
- "w": 31,
32
- "h": 29
33
- },
34
- "rotated": false,
35
- "trimmed": true,
36
- "spriteSourceSize": {
37
- "x": 1,
38
- "y": 3,
39
- "w": 31,
40
- "h": 29
41
- },
42
- "sourceSize": {
43
- "w": 32,
44
- "h": 32
45
- },
46
- "pivot": {
47
- "x": 0.5,
48
- "y": 0.5
49
- }
50
- },
51
- "equipment.png": {
52
- "frame": {
53
- "x": 33,
54
- "y": 0,
55
- "w": 17,
56
- "h": 16
57
- },
58
- "rotated": false,
59
- "trimmed": false,
60
- "spriteSourceSize": {
61
- "x": 0,
62
- "y": 0,
63
- "w": 17,
64
- "h": 16
65
- },
66
- "sourceSize": {
67
- "w": 17,
68
- "h": 16
69
- },
70
- "pivot": {
71
- "x": 0.5,
72
- "y": 0.5
73
- }
74
- },
75
- "inventory.png": {
76
- "frame": {
77
- "x": 33,
78
- "y": 16,
79
- "w": 17,
80
- "h": 16
81
- },
82
- "rotated": false,
83
- "trimmed": false,
84
- "spriteSourceSize": {
85
- "x": 0,
86
- "y": 0,
87
- "w": 17,
88
- "h": 16
89
- },
90
- "sourceSize": {
91
- "w": 17,
92
- "h": 16
93
- },
94
- "pivot": {
95
- "x": 0.5,
96
- "y": 0.5
97
- }
98
- },
99
- "icon-base-blue.png": {
100
- "frame": {
101
- "x": 31,
102
- "y": 32,
103
- "w": 16,
104
- "h": 16
105
- },
106
- "rotated": false,
107
- "trimmed": false,
108
- "spriteSourceSize": {
109
- "x": 0,
110
- "y": 0,
111
- "w": 16,
112
- "h": 16
113
- },
114
- "sourceSize": {
115
- "w": 16,
116
- "h": 16
117
- },
118
- "pivot": {
119
- "x": 0.5,
120
- "y": 0.5
121
- }
122
- },
123
- "icon-base-brown.png": {
124
- "frame": {
125
- "x": 50,
126
- "y": 0,
127
- "w": 16,
128
- "h": 16
129
- },
130
- "rotated": false,
131
- "trimmed": false,
132
- "spriteSourceSize": {
133
- "x": 0,
134
- "y": 0,
135
- "w": 16,
136
- "h": 16
137
- },
138
- "sourceSize": {
139
- "w": 16,
140
- "h": 16
141
- },
142
- "pivot": {
143
- "x": 0.5,
144
- "y": 0.5
145
- }
146
- },
147
- "chat-small.png": {
148
- "frame": {
149
- "x": 50,
150
- "y": 16,
151
- "w": 16,
152
- "h": 16
153
- },
154
- "rotated": false,
155
- "trimmed": true,
156
- "spriteSourceSize": {
157
- "x": 1,
158
- "y": 0,
159
- "w": 16,
160
- "h": 16
161
- },
162
- "sourceSize": {
163
- "w": 17,
164
- "h": 16
165
- },
166
- "pivot": {
167
- "x": 0.5,
168
- "y": 0.5
169
- }
170
- },
171
- "icon-base-gold.png": {
172
- "frame": {
173
- "x": 47,
174
- "y": 32,
175
- "w": 16,
176
- "h": 16
177
- },
178
- "rotated": false,
179
- "trimmed": false,
180
- "spriteSourceSize": {
181
- "x": 0,
182
- "y": 0,
183
- "w": 16,
184
- "h": 16
185
- },
186
- "sourceSize": {
187
- "w": 16,
188
- "h": 16
189
- },
190
- "pivot": {
191
- "x": 0.5,
192
- "y": 0.5
193
- }
194
- },
195
- "equipment-raw.png": {
196
- "frame": {
197
- "x": 0,
198
- "y": 59,
199
- "w": 15,
200
- "h": 13
201
- },
202
- "rotated": false,
203
- "trimmed": true,
204
- "spriteSourceSize": {
205
- "x": 0,
206
- "y": 0,
207
- "w": 15,
208
- "h": 13
209
- },
210
- "sourceSize": {
211
- "w": 16,
212
- "h": 13
213
- },
214
- "pivot": {
215
- "x": 0.5,
216
- "y": 0.5
217
- }
218
- },
219
- "metamask-small.png": {
220
- "frame": {
221
- "x": 31,
222
- "y": 48,
223
- "w": 15,
224
- "h": 15
225
- },
226
- "rotated": false,
227
- "trimmed": true,
228
- "spriteSourceSize": {
229
- "x": 1,
230
- "y": 0,
231
- "w": 15,
232
- "h": 15
233
- },
234
- "sourceSize": {
235
- "w": 16,
236
- "h": 16
237
- },
238
- "pivot": {
239
- "x": 0.5,
240
- "y": 0.5
241
- }
242
- },
243
- "settings.png": {
244
- "frame": {
245
- "x": 46,
246
- "y": 48,
247
- "w": 14,
248
- "h": 14
249
- },
250
- "rotated": false,
251
- "trimmed": true,
252
- "spriteSourceSize": {
253
- "x": 1,
254
- "y": 1,
255
- "w": 14,
256
- "h": 14
257
- },
258
- "sourceSize": {
259
- "w": 16,
260
- "h": 16
261
- },
262
- "pivot": {
263
- "x": 0.5,
264
- "y": 0.5
265
- }
266
- },
267
- "inventory-raw.png": {
268
- "frame": {
269
- "x": 15,
270
- "y": 59,
271
- "w": 13,
272
- "h": 13
273
- },
274
- "rotated": false,
275
- "trimmed": true,
276
- "spriteSourceSize": {
277
- "x": 1,
278
- "y": 2,
279
- "w": 13,
280
- "h": 13
281
- },
282
- "sourceSize": {
283
- "w": 16,
284
- "h": 16
285
- },
286
- "pivot": {
287
- "x": 0.5,
288
- "y": 0.5
289
- }
290
- }
291
- },
292
- "meta": {
293
- "app": "http://free-tex-packer.com",
294
- "version": "0.6.7",
295
- "image": "icons.png",
296
- "format": "RGBA8888",
297
- "size": {
298
- "w": 66,
299
- "h": 72
300
- },
301
- "scale": 1
302
- }
303
- }
1
+ {
2
+ "frames": {
3
+ "metamask-large.png": {
4
+ "frame": {
5
+ "x": 0,
6
+ "y": 0,
7
+ "w": 33,
8
+ "h": 30
9
+ },
10
+ "rotated": false,
11
+ "trimmed": false,
12
+ "spriteSourceSize": {
13
+ "x": 0,
14
+ "y": 0,
15
+ "w": 33,
16
+ "h": 30
17
+ },
18
+ "sourceSize": {
19
+ "w": 33,
20
+ "h": 30
21
+ },
22
+ "pivot": {
23
+ "x": 0.5,
24
+ "y": 0.5
25
+ }
26
+ },
27
+ "chat-large.png": {
28
+ "frame": {
29
+ "x": 0,
30
+ "y": 30,
31
+ "w": 31,
32
+ "h": 29
33
+ },
34
+ "rotated": false,
35
+ "trimmed": true,
36
+ "spriteSourceSize": {
37
+ "x": 1,
38
+ "y": 3,
39
+ "w": 31,
40
+ "h": 29
41
+ },
42
+ "sourceSize": {
43
+ "w": 32,
44
+ "h": 32
45
+ },
46
+ "pivot": {
47
+ "x": 0.5,
48
+ "y": 0.5
49
+ }
50
+ },
51
+ "equipment.png": {
52
+ "frame": {
53
+ "x": 33,
54
+ "y": 0,
55
+ "w": 17,
56
+ "h": 16
57
+ },
58
+ "rotated": false,
59
+ "trimmed": false,
60
+ "spriteSourceSize": {
61
+ "x": 0,
62
+ "y": 0,
63
+ "w": 17,
64
+ "h": 16
65
+ },
66
+ "sourceSize": {
67
+ "w": 17,
68
+ "h": 16
69
+ },
70
+ "pivot": {
71
+ "x": 0.5,
72
+ "y": 0.5
73
+ }
74
+ },
75
+ "inventory.png": {
76
+ "frame": {
77
+ "x": 33,
78
+ "y": 16,
79
+ "w": 17,
80
+ "h": 16
81
+ },
82
+ "rotated": false,
83
+ "trimmed": false,
84
+ "spriteSourceSize": {
85
+ "x": 0,
86
+ "y": 0,
87
+ "w": 17,
88
+ "h": 16
89
+ },
90
+ "sourceSize": {
91
+ "w": 17,
92
+ "h": 16
93
+ },
94
+ "pivot": {
95
+ "x": 0.5,
96
+ "y": 0.5
97
+ }
98
+ },
99
+ "icon-base-blue.png": {
100
+ "frame": {
101
+ "x": 31,
102
+ "y": 32,
103
+ "w": 16,
104
+ "h": 16
105
+ },
106
+ "rotated": false,
107
+ "trimmed": false,
108
+ "spriteSourceSize": {
109
+ "x": 0,
110
+ "y": 0,
111
+ "w": 16,
112
+ "h": 16
113
+ },
114
+ "sourceSize": {
115
+ "w": 16,
116
+ "h": 16
117
+ },
118
+ "pivot": {
119
+ "x": 0.5,
120
+ "y": 0.5
121
+ }
122
+ },
123
+ "icon-base-brown.png": {
124
+ "frame": {
125
+ "x": 50,
126
+ "y": 0,
127
+ "w": 16,
128
+ "h": 16
129
+ },
130
+ "rotated": false,
131
+ "trimmed": false,
132
+ "spriteSourceSize": {
133
+ "x": 0,
134
+ "y": 0,
135
+ "w": 16,
136
+ "h": 16
137
+ },
138
+ "sourceSize": {
139
+ "w": 16,
140
+ "h": 16
141
+ },
142
+ "pivot": {
143
+ "x": 0.5,
144
+ "y": 0.5
145
+ }
146
+ },
147
+ "chat-small.png": {
148
+ "frame": {
149
+ "x": 50,
150
+ "y": 16,
151
+ "w": 16,
152
+ "h": 16
153
+ },
154
+ "rotated": false,
155
+ "trimmed": true,
156
+ "spriteSourceSize": {
157
+ "x": 1,
158
+ "y": 0,
159
+ "w": 16,
160
+ "h": 16
161
+ },
162
+ "sourceSize": {
163
+ "w": 17,
164
+ "h": 16
165
+ },
166
+ "pivot": {
167
+ "x": 0.5,
168
+ "y": 0.5
169
+ }
170
+ },
171
+ "icon-base-gold.png": {
172
+ "frame": {
173
+ "x": 47,
174
+ "y": 32,
175
+ "w": 16,
176
+ "h": 16
177
+ },
178
+ "rotated": false,
179
+ "trimmed": false,
180
+ "spriteSourceSize": {
181
+ "x": 0,
182
+ "y": 0,
183
+ "w": 16,
184
+ "h": 16
185
+ },
186
+ "sourceSize": {
187
+ "w": 16,
188
+ "h": 16
189
+ },
190
+ "pivot": {
191
+ "x": 0.5,
192
+ "y": 0.5
193
+ }
194
+ },
195
+ "equipment-raw.png": {
196
+ "frame": {
197
+ "x": 0,
198
+ "y": 59,
199
+ "w": 15,
200
+ "h": 13
201
+ },
202
+ "rotated": false,
203
+ "trimmed": true,
204
+ "spriteSourceSize": {
205
+ "x": 0,
206
+ "y": 0,
207
+ "w": 15,
208
+ "h": 13
209
+ },
210
+ "sourceSize": {
211
+ "w": 16,
212
+ "h": 13
213
+ },
214
+ "pivot": {
215
+ "x": 0.5,
216
+ "y": 0.5
217
+ }
218
+ },
219
+ "metamask-small.png": {
220
+ "frame": {
221
+ "x": 31,
222
+ "y": 48,
223
+ "w": 15,
224
+ "h": 15
225
+ },
226
+ "rotated": false,
227
+ "trimmed": true,
228
+ "spriteSourceSize": {
229
+ "x": 1,
230
+ "y": 0,
231
+ "w": 15,
232
+ "h": 15
233
+ },
234
+ "sourceSize": {
235
+ "w": 16,
236
+ "h": 16
237
+ },
238
+ "pivot": {
239
+ "x": 0.5,
240
+ "y": 0.5
241
+ }
242
+ },
243
+ "settings.png": {
244
+ "frame": {
245
+ "x": 46,
246
+ "y": 48,
247
+ "w": 14,
248
+ "h": 14
249
+ },
250
+ "rotated": false,
251
+ "trimmed": true,
252
+ "spriteSourceSize": {
253
+ "x": 1,
254
+ "y": 1,
255
+ "w": 14,
256
+ "h": 14
257
+ },
258
+ "sourceSize": {
259
+ "w": 16,
260
+ "h": 16
261
+ },
262
+ "pivot": {
263
+ "x": 0.5,
264
+ "y": 0.5
265
+ }
266
+ },
267
+ "inventory-raw.png": {
268
+ "frame": {
269
+ "x": 15,
270
+ "y": 59,
271
+ "w": 13,
272
+ "h": 13
273
+ },
274
+ "rotated": false,
275
+ "trimmed": true,
276
+ "spriteSourceSize": {
277
+ "x": 1,
278
+ "y": 2,
279
+ "w": 13,
280
+ "h": 13
281
+ },
282
+ "sourceSize": {
283
+ "w": 16,
284
+ "h": 16
285
+ },
286
+ "pivot": {
287
+ "x": 0.5,
288
+ "y": 0.5
289
+ }
290
+ }
291
+ },
292
+ "meta": {
293
+ "app": "http://free-tex-packer.com",
294
+ "version": "0.6.7",
295
+ "image": "icons.png",
296
+ "format": "RGBA8888",
297
+ "size": {
298
+ "w": 66,
299
+ "h": 72
300
+ },
301
+ "scale": 1
302
+ }
303
+ }