react-inlinesvg 0.7.1 → 0.7.5

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 (35) hide show
  1. package/README.md +10 -4
  2. package/es/index.js +260 -0
  3. package/es/utils.js +116 -0
  4. package/lib/index.js +3 -7
  5. package/lib/utils.js +2 -4
  6. package/package.json +51 -28
  7. package/src/index.js +225 -0
  8. package/src/utils.js +99 -0
  9. package/.codeclimate.yml +0 -29
  10. package/.idea/copyright/profiles_settings.xml +0 -3
  11. package/.idea/dictionaries/gilbarbara.xml +0 -7
  12. package/.idea/encodings.xml +0 -6
  13. package/.idea/inspectionProfiles/Project_Default.xml +0 -26
  14. package/.idea/inspectionProfiles/profiles_settings.xml +0 -7
  15. package/.idea/jsLibraryMappings.xml +0 -8
  16. package/.idea/misc.xml +0 -53
  17. package/.idea/modules.xml +0 -8
  18. package/.idea/php.xml +0 -8
  19. package/.idea/react-inlinesvg.iml +0 -15
  20. package/.idea/scssLintPlugin.xml +0 -7
  21. package/.idea/vcs.xml +0 -6
  22. package/.idea/workspace.xml +0 -840
  23. package/.travis.yml +0 -21
  24. package/config/jest.config.js +0 -36
  25. package/coverage/clover.xml +0 -117
  26. package/coverage/coverage-final.json +0 -3
  27. package/coverage/lcov-report/base.css +0 -212
  28. package/coverage/lcov-report/index.html +0 -106
  29. package/coverage/lcov-report/index.js.html +0 -743
  30. package/coverage/lcov-report/prettify.css +0 -1
  31. package/coverage/lcov-report/prettify.js +0 -1
  32. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  33. package/coverage/lcov-report/sorter.js +0 -158
  34. package/coverage/lcov-report/utils.js.html +0 -359
  35. package/coverage/lcov.info +0 -245
package/coverage/lcov-report/index.js.html DELETED
@@ -1,743 +0,0 @@
1
- <!doctype html>
2
- <html lang="en">
3
- <head>
4
- <title>Code coverage report for index.js</title>
5
- <meta charset="utf-8" />
6
- <link rel="stylesheet" href="prettify.css" />
7
- <link rel="stylesheet" href="base.css" />
8
- <meta name="viewport" content="width=device-width, initial-scale=1">
9
- <style type='text/css'>
10
- .coverage-summary .sorter {
11
- background-image: url(sort-arrow-sprite.png);
12
- }
13
- </style>
14
- </head>
15
- <body>
16
- <div class='wrapper'>
17
- <div class='pad1'>
18
- <h1>
19
- <a href="index.html">All files</a> index.js
20
- </h1>
21
- <div class='clearfix'>
22
- <div class='fl pad1y space-right2'>
23
- <span class="strong">100% </span>
24
- <span class="quiet">Statements</span>
25
- <span class='fraction'>66/66</span>
26
- </div>
27
- <div class='fl pad1y space-right2'>
28
- <span class="strong">100% </span>
29
- <span class="quiet">Branches</span>
30
- <span class='fraction'>39/39</span>
31
- </div>
32
- <div class='fl pad1y space-right2'>
33
- <span class="strong">100% </span>
34
- <span class="quiet">Functions</span>
35
- <span class='fraction'>21/21</span>
36
- </div>
37
- <div class='fl pad1y space-right2'>
38
- <span class="strong">100% </span>
39
- <span class="quiet">Lines</span>
40
- <span class='fraction'>65/65</span>
41
- </div>
42
- </div>
43
- </div>
44
- <div class='status-line high'></div>
45
- <pre><table class="coverage">
46
- <tr><td class="line-count quiet">1
47
- 2
48
- 3
49
- 4
50
- 5
51
- 6
52
- 7
53
- 8
54
- 9
55
- 10
56
- 11
57
- 12
58
- 13
59
- 14
60
- 15
61
- 16
62
- 17
63
- 18
64
- 19
65
- 20
66
- 21
67
- 22
68
- 23
69
- 24
70
- 25
71
- 26
72
- 27
73
- 28
74
- 29
75
- 30
76
- 31
77
- 32
78
- 33
79
- 34
80
- 35
81
- 36
82
- 37
83
- 38
84
- 39
85
- 40
86
- 41
87
- 42
88
- 43
89
- 44
90
- 45
91
- 46
92
- 47
93
- 48
94
- 49
95
- 50
96
- 51
97
- 52
98
- 53
99
- 54
100
- 55
101
- 56
102
- 57
103
- 58
104
- 59
105
- 60
106
- 61
107
- 62
108
- 63
109
- 64
110
- 65
111
- 66
112
- 67
113
- 68
114
- 69
115
- 70
116
- 71
117
- 72
118
- 73
119
- 74
120
- 75
121
- 76
122
- 77
123
- 78
124
- 79
125
- 80
126
- 81
127
- 82
128
- 83
129
- 84
130
- 85
131
- 86
132
- 87
133
- 88
134
- 89
135
- 90
136
- 91
137
- 92
138
- 93
139
- 94
140
- 95
141
- 96
142
- 97
143
- 98
144
- 99
145
- 100
146
- 101
147
- 102
148
- 103
149
- 104
150
- 105
151
- 106
152
- 107
153
- 108
154
- 109
155
- 110
156
- 111
157
- 112
158
- 113
159
- 114
160
- 115
161
- 116
162
- 117
163
- 118
164
- 119
165
- 120
166
- 121
167
- 122
168
- 123
169
- 124
170
- 125
171
- 126
172
- 127
173
- 128
174
- 129
175
- 130
176
- 131
177
- 132
178
- 133
179
- 134
180
- 135
181
- 136
182
- 137
183
- 138
184
- 139
185
- 140
186
- 141
187
- 142
188
- 143
189
- 144
190
- 145
191
- 146
192
- 147
193
- 148
194
- 149
195
- 150
196
- 151
197
- 152
198
- 153
199
- 154
200
- 155
201
- 156
202
- 157
203
- 158
204
- 159
205
- 160
206
- 161
207
- 162
208
- 163
209
- 164
210
- 165
211
- 166
212
- 167
213
- 168
214
- 169
215
- 170
216
- 171
217
- 172
218
- 173
219
- 174
220
- 175
221
- 176
222
- 177
223
- 178
224
- 179
225
- 180
226
- 181
227
- 182
228
- 183
229
- 184
230
- 185
231
- 186
232
- 187
233
- 188
234
- 189
235
- 190
236
- 191
237
- 192
238
- 193
239
- 194
240
- 195
241
- 196
242
- 197
243
- 198
244
- 199
245
- 200
246
- 201
247
- 202
248
- 203
249
- 204
250
- 205
251
- 206
252
- 207
253
- 208
254
- 209
255
- 210
256
- 211
257
- 212
258
- 213
259
- 214
260
- 215
261
- 216
262
- 217
263
- 218
264
- 219
265
- 220
266
- 221
267
- 222
268
- 223
269
- 224
270
- 225
271
- 226
272
- 227</td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
273
- <span class="cline-any cline-neutral">&nbsp;</span>
274
- <span class="cline-any cline-neutral">&nbsp;</span>
275
- <span class="cline-any cline-neutral">&nbsp;</span>
276
- <span class="cline-any cline-neutral">&nbsp;</span>
277
- <span class="cline-any cline-neutral">&nbsp;</span>
278
- <span class="cline-any cline-neutral">&nbsp;</span>
279
- <span class="cline-any cline-neutral">&nbsp;</span>
280
- <span class="cline-any cline-neutral">&nbsp;</span>
281
- <span class="cline-any cline-neutral">&nbsp;</span>
282
- <span class="cline-any cline-neutral">&nbsp;</span>
283
- <span class="cline-any cline-neutral">&nbsp;</span>
284
- <span class="cline-any cline-yes">1x</span>
285
- <span class="cline-any cline-neutral">&nbsp;</span>
286
- <span class="cline-any cline-yes">1x</span>
287
- <span class="cline-any cline-neutral">&nbsp;</span>
288
- <span class="cline-any cline-neutral">&nbsp;</span>
289
- <span class="cline-any cline-neutral">&nbsp;</span>
290
- <span class="cline-any cline-neutral">&nbsp;</span>
291
- <span class="cline-any cline-neutral">&nbsp;</span>
292
- <span class="cline-any cline-neutral">&nbsp;</span>
293
- <span class="cline-any cline-neutral">&nbsp;</span>
294
- <span class="cline-any cline-yes">1x</span>
295
- <span class="cline-any cline-yes">1x</span>
296
- <span class="cline-any cline-neutral">&nbsp;</span>
297
- <span class="cline-any cline-neutral">&nbsp;</span>
298
- <span class="cline-any cline-neutral">&nbsp;</span>
299
- <span class="cline-any cline-yes">22x</span>
300
- <span class="cline-any cline-neutral">&nbsp;</span>
301
- <span class="cline-any cline-yes">22x</span>
302
- <span class="cline-any cline-neutral">&nbsp;</span>
303
- <span class="cline-any cline-neutral">&nbsp;</span>
304
- <span class="cline-any cline-neutral">&nbsp;</span>
305
- <span class="cline-any cline-yes">22x</span>
306
- <span class="cline-any cline-neutral">&nbsp;</span>
307
- <span class="cline-any cline-neutral">&nbsp;</span>
308
- <span class="cline-any cline-neutral">&nbsp;</span>
309
- <span class="cline-any cline-neutral">&nbsp;</span>
310
- <span class="cline-any cline-neutral">&nbsp;</span>
311
- <span class="cline-any cline-neutral">&nbsp;</span>
312
- <span class="cline-any cline-neutral">&nbsp;</span>
313
- <span class="cline-any cline-neutral">&nbsp;</span>
314
- <span class="cline-any cline-neutral">&nbsp;</span>
315
- <span class="cline-any cline-neutral">&nbsp;</span>
316
- <span class="cline-any cline-neutral">&nbsp;</span>
317
- <span class="cline-any cline-neutral">&nbsp;</span>
318
- <span class="cline-any cline-neutral">&nbsp;</span>
319
- <span class="cline-any cline-neutral">&nbsp;</span>
320
- <span class="cline-any cline-neutral">&nbsp;</span>
321
- <span class="cline-any cline-neutral">&nbsp;</span>
322
- <span class="cline-any cline-neutral">&nbsp;</span>
323
- <span class="cline-any cline-neutral">&nbsp;</span>
324
- <span class="cline-any cline-neutral">&nbsp;</span>
325
- <span class="cline-any cline-neutral">&nbsp;</span>
326
- <span class="cline-any cline-neutral">&nbsp;</span>
327
- <span class="cline-any cline-neutral">&nbsp;</span>
328
- <span class="cline-any cline-neutral">&nbsp;</span>
329
- <span class="cline-any cline-neutral">&nbsp;</span>
330
- <span class="cline-any cline-neutral">&nbsp;</span>
331
- <span class="cline-any cline-neutral">&nbsp;</span>
332
- <span class="cline-any cline-neutral">&nbsp;</span>
333
- <span class="cline-any cline-yes">22x</span>
334
- <span class="cline-any cline-neutral">&nbsp;</span>
335
- <span class="cline-any cline-neutral">&nbsp;</span>
336
- <span class="cline-any cline-neutral">&nbsp;</span>
337
- <span class="cline-any cline-neutral">&nbsp;</span>
338
- <span class="cline-any cline-yes">22x</span>
339
- <span class="cline-any cline-yes">22x</span>
340
- <span class="cline-any cline-yes">20x</span>
341
- <span class="cline-any cline-yes">19x</span>
342
- <span class="cline-any cline-neutral">&nbsp;</span>
343
- <span class="cline-any cline-neutral">&nbsp;</span>
344
- <span class="cline-any cline-yes">1x</span>
345
- <span class="cline-any cline-neutral">&nbsp;</span>
346
- <span class="cline-any cline-neutral">&nbsp;</span>
347
- <span class="cline-any cline-neutral">&nbsp;</span>
348
- <span class="cline-any cline-yes">2x</span>
349
- <span class="cline-any cline-neutral">&nbsp;</span>
350
- <span class="cline-any cline-neutral">&nbsp;</span>
351
- <span class="cline-any cline-neutral">&nbsp;</span>
352
- <span class="cline-any cline-neutral">&nbsp;</span>
353
- <span class="cline-any cline-neutral">&nbsp;</span>
354
- <span class="cline-any cline-yes">45x</span>
355
- <span class="cline-any cline-yes">2x</span>
356
- <span class="cline-any cline-yes">1x</span>
357
- <span class="cline-any cline-neutral">&nbsp;</span>
358
- <span class="cline-any cline-neutral">&nbsp;</span>
359
- <span class="cline-any cline-yes">1x</span>
360
- <span class="cline-any cline-neutral">&nbsp;</span>
361
- <span class="cline-any cline-neutral">&nbsp;</span>
362
- <span class="cline-any cline-neutral">&nbsp;</span>
363
- <span class="cline-any cline-neutral">&nbsp;</span>
364
- <span class="cline-any cline-neutral">&nbsp;</span>
365
- <span class="cline-any cline-yes">1x</span>
366
- <span class="cline-any cline-neutral">&nbsp;</span>
367
- <span class="cline-any cline-neutral">&nbsp;</span>
368
- <span class="cline-any cline-neutral">&nbsp;</span>
369
- <span class="cline-any cline-yes">16x</span>
370
- <span class="cline-any cline-neutral">&nbsp;</span>
371
- <span class="cline-any cline-yes">16x</span>
372
- <span class="cline-any cline-yes">4x</span>
373
- <span class="cline-any cline-yes">3x</span>
374
- <span class="cline-any cline-neutral">&nbsp;</span>
375
- <span class="cline-any cline-yes">3x</span>
376
- <span class="cline-any cline-neutral">&nbsp;</span>
377
- <span class="cline-any cline-neutral">&nbsp;</span>
378
- <span class="cline-any cline-yes">4x</span>
379
- <span class="cline-any cline-yes">1x</span>
380
- <span class="cline-any cline-neutral">&nbsp;</span>
381
- <span class="cline-any cline-yes">1x</span>
382
- <span class="cline-any cline-yes">1x</span>
383
- <span class="cline-any cline-yes">1x</span>
384
- <span class="cline-any cline-yes">1x</span>
385
- <span class="cline-any cline-neutral">&nbsp;</span>
386
- <span class="cline-any cline-neutral">&nbsp;</span>
387
- <span class="cline-any cline-neutral">&nbsp;</span>
388
- <span class="cline-any cline-neutral">&nbsp;</span>
389
- <span class="cline-any cline-yes">4x</span>
390
- <span class="cline-any cline-neutral">&nbsp;</span>
391
- <span class="cline-any cline-neutral">&nbsp;</span>
392
- <span class="cline-any cline-yes">12x</span>
393
- <span class="cline-any cline-yes">12x</span>
394
- <span class="cline-any cline-neutral">&nbsp;</span>
395
- <span class="cline-any cline-neutral">&nbsp;</span>
396
- <span class="cline-any cline-neutral">&nbsp;</span>
397
- <span class="cline-any cline-neutral">&nbsp;</span>
398
- <span class="cline-any cline-neutral">&nbsp;</span>
399
- <span class="cline-any cline-yes">7x</span>
400
- <span class="cline-any cline-neutral">&nbsp;</span>
401
- <span class="cline-any cline-neutral">&nbsp;</span>
402
- <span class="cline-any cline-yes">7x</span>
403
- <span class="cline-any cline-yes">7x</span>
404
- <span class="cline-any cline-yes">7x</span>
405
- <span class="cline-any cline-yes">4x</span>
406
- <span class="cline-any cline-neutral">&nbsp;</span>
407
- <span class="cline-any cline-neutral">&nbsp;</span>
408
- <span class="cline-any cline-neutral">&nbsp;</span>
409
- <span class="cline-any cline-neutral">&nbsp;</span>
410
- <span class="cline-any cline-neutral">&nbsp;</span>
411
- <span class="cline-any cline-neutral">&nbsp;</span>
412
- <span class="cline-any cline-neutral">&nbsp;</span>
413
- <span class="cline-any cline-yes">20x</span>
414
- <span class="cline-any cline-yes">20x</span>
415
- <span class="cline-any cline-neutral">&nbsp;</span>
416
- <span class="cline-any cline-neutral">&nbsp;</span>
417
- <span class="cline-any cline-neutral">&nbsp;</span>
418
- <span class="cline-any cline-neutral">&nbsp;</span>
419
- <span class="cline-any cline-neutral">&nbsp;</span>
420
- <span class="cline-any cline-neutral">&nbsp;</span>
421
- <span class="cline-any cline-yes">20x</span>
422
- <span class="cline-any cline-neutral">&nbsp;</span>
423
- <span class="cline-any cline-yes">20x</span>
424
- <span class="cline-any cline-yes">4x</span>
425
- <span class="cline-any cline-neutral">&nbsp;</span>
426
- <span class="cline-any cline-neutral">&nbsp;</span>
427
- <span class="cline-any cline-neutral">&nbsp;</span>
428
- <span class="cline-any cline-neutral">&nbsp;</span>
429
- <span class="cline-any cline-yes">16x</span>
430
- <span class="cline-any cline-neutral">&nbsp;</span>
431
- <span class="cline-any cline-neutral">&nbsp;</span>
432
- <span class="cline-any cline-neutral">&nbsp;</span>
433
- <span class="cline-any cline-yes">20x</span>
434
- <span class="cline-any cline-yes">3x</span>
435
- <span class="cline-any cline-yes">3x</span>
436
- <span class="cline-any cline-neutral">&nbsp;</span>
437
- <span class="cline-any cline-neutral">&nbsp;</span>
438
- <span class="cline-any cline-yes">17x</span>
439
- <span class="cline-any cline-yes">16x</span>
440
- <span class="cline-any cline-neutral">&nbsp;</span>
441
- <span class="cline-any cline-neutral">&nbsp;</span>
442
- <span class="cline-any cline-neutral">&nbsp;</span>
443
- <span class="cline-any cline-yes">16x</span>
444
- <span class="cline-any cline-neutral">&nbsp;</span>
445
- <span class="cline-any cline-neutral">&nbsp;</span>
446
- <span class="cline-any cline-neutral">&nbsp;</span>
447
- <span class="cline-any cline-neutral">&nbsp;</span>
448
- <span class="cline-any cline-neutral">&nbsp;</span>
449
- <span class="cline-any cline-yes">67x</span>
450
- <span class="cline-any cline-neutral">&nbsp;</span>
451
- <span class="cline-any cline-yes">67x</span>
452
- <span class="cline-any cline-yes">2x</span>
453
- <span class="cline-any cline-neutral">&nbsp;</span>
454
- <span class="cline-any cline-neutral">&nbsp;</span>
455
- <span class="cline-any cline-yes">67x</span>
456
- <span class="cline-any cline-neutral">&nbsp;</span>
457
- <span class="cline-any cline-neutral">&nbsp;</span>
458
- <span class="cline-any cline-neutral">&nbsp;</span>
459
- <span class="cline-any cline-yes">20x</span>
460
- <span class="cline-any cline-neutral">&nbsp;</span>
461
- <span class="cline-any cline-yes">20x</span>
462
- <span class="cline-any cline-yes">19x</span>
463
- <span class="cline-any cline-neutral">&nbsp;</span>
464
- <span class="cline-any cline-neutral">&nbsp;</span>
465
- <span class="cline-any cline-yes">1x</span>
466
- <span class="cline-any cline-neutral">&nbsp;</span>
467
- <span class="cline-any cline-neutral">&nbsp;</span>
468
- <span class="cline-any cline-neutral">&nbsp;</span>
469
- <span class="cline-any cline-yes">47x</span>
470
- <span class="cline-any cline-neutral">&nbsp;</span>
471
- <span class="cline-any cline-neutral">&nbsp;</span>
472
- <span class="cline-any cline-yes">6x</span>
473
- <span class="cline-any cline-neutral">&nbsp;</span>
474
- <span class="cline-any cline-yes">41x</span>
475
- <span class="cline-any cline-neutral">&nbsp;</span>
476
- <span class="cline-any cline-neutral">&nbsp;</span>
477
- <span class="cline-any cline-neutral">&nbsp;</span>
478
- <span class="cline-any cline-neutral">&nbsp;</span>
479
- <span class="cline-any cline-neutral">&nbsp;</span>
480
- <span class="cline-any cline-neutral">&nbsp;</span>
481
- <span class="cline-any cline-neutral">&nbsp;</span>
482
- <span class="cline-any cline-yes">67x</span>
483
- <span class="cline-any cline-yes">20x</span>
484
- <span class="cline-any cline-neutral">&nbsp;</span>
485
- <span class="cline-any cline-neutral">&nbsp;</span>
486
- <span class="cline-any cline-neutral">&nbsp;</span>
487
- <span class="cline-any cline-neutral">&nbsp;</span>
488
- <span class="cline-any cline-yes">47x</span>
489
- <span class="cline-any cline-neutral">&nbsp;</span>
490
- <span class="cline-any cline-neutral">&nbsp;</span>
491
- <span class="cline-any cline-yes">67x</span>
492
- <span class="cline-any cline-neutral">&nbsp;</span>
493
- <span class="cline-any cline-neutral">&nbsp;</span>
494
- <span class="cline-any cline-neutral">&nbsp;</span>
495
- <span class="cline-any cline-neutral">&nbsp;</span>
496
- <span class="cline-any cline-neutral">&nbsp;</span>
497
- <span class="cline-any cline-neutral">&nbsp;</span>
498
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
499
- import PropTypes from 'prop-types';
500
- import httpplease from 'httpplease';
501
- import ieXDomain from 'httpplease/plugins/oldiexdomain';
502
- &nbsp;
503
- import {
504
- configurationError,
505
- isSupportedEnvironment,
506
- randomString, uniquifySVGIDs,
507
- unsupportedBrowserError,
508
- } from './utils';
509
- &nbsp;
510
- const http = httpplease.use(ieXDomain);
511
- &nbsp;
512
- const Status = {
513
- PENDING: 'pending',
514
- LOADING: 'loading',
515
- LOADED: 'loaded',
516
- FAILED: 'failed',
517
- UNSUPPORTED: 'unsupported'
518
- };
519
- &nbsp;
520
- const getRequestsByUrl = {};
521
- const loadedIcons = {};
522
- &nbsp;
523
- export default class InlineSVG extends React.PureComponent {
524
- constructor(props) {
525
- super(props);
526
- &nbsp;
527
- this.state = {
528
- status: Status.PENDING
529
- };
530
- &nbsp;
531
- this.isActive = false;
532
- }
533
- &nbsp;
534
- static propTypes = {
535
- cacheGetRequests: PropTypes.bool,
536
- children: PropTypes.node,
537
- className: PropTypes.string,
538
- onError: PropTypes.func,
539
- onLoad: PropTypes.func,
540
- preloader: PropTypes.node,
541
- src: PropTypes.string.isRequired,
542
- style: PropTypes.object,
543
- supportTest: PropTypes.func,
544
- uniqueHash: PropTypes.string,
545
- uniquifyIDs: PropTypes.bool,
546
- wrapper: PropTypes.func
547
- };
548
- &nbsp;
549
- static defaultProps = {
550
- cacheGetRequests: false,
551
- onLoad: () =&gt; {},
552
- supportTest: isSupportedEnvironment,
553
- uniquifyIDs: true,
554
- uniqueHash: randomString(),
555
- wrapper: React.createFactory('span'),
556
- };
557
- &nbsp;
558
- componentWillMount() {
559
- this.isActive = true;
560
- }
561
- &nbsp;
562
- componentDidMount() {
563
- /* istanbul ignore else */
564
- if (this.state.status === Status.PENDING) {
565
- if (this.props.supportTest()) {
566
- if (this.props.src) {
567
- this.startLoad();
568
- }
569
- else {
570
- this.fail(configurationError('Missing source'));
571
- }
572
- }
573
- else {
574
- this.fail(unsupportedBrowserError());
575
- }
576
- }
577
- }
578
- &nbsp;
579
- componentDidUpdate(prevProps) {
580
- if (prevProps.src !== this.props.src) {
581
- if (this.props.src) {
582
- this.startLoad();
583
- }
584
- else {
585
- this.fail(configurationError('Missing source'));
586
- }
587
- }
588
- }
589
- &nbsp;
590
- componentWillUnmount() {
591
- this.isActive = false;
592
- }
593
- &nbsp;
594
- getFile(callback) {
595
- const { cacheGetRequests, src } = this.props;
596
- &nbsp;
597
- if (cacheGetRequests) {
598
- if (loadedIcons[src]) {
599
- const [err, res] = loadedIcons[src];
600
- &nbsp;
601
- setTimeout(() =&gt; callback(err, res, true), 0);
602
- }
603
- &nbsp;
604
- if (!getRequestsByUrl[src]) {
605
- getRequestsByUrl[src] = [];
606
- &nbsp;
607
- http.get(src, (err, res) =&gt; {
608
- getRequestsByUrl[src].forEach(cb =&gt; {
609
- loadedIcons[src] = [err, res];
610
- cb(err, res);
611
- });
612
- });
613
- }
614
- &nbsp;
615
- getRequestsByUrl[src].push(callback);
616
- }
617
- else {
618
- http.get(src, (err, res) =&gt; {
619
- callback(err, res);
620
- });
621
- }
622
- }
623
- &nbsp;
624
- fail(error) {
625
- const status = error.isUnsupportedBrowserError ? Status.UNSUPPORTED : Status.FAILED;
626
- &nbsp;
627
- /* istanbul ignore else */
628
- if (this.isActive) {
629
- this.setState({ status }, () =&gt; {
630
- if (typeof this.props.onError === 'function') {
631
- this.props.onError(error);
632
- }
633
- });
634
- }
635
- }
636
- &nbsp;
637
- startLoad() {
638
- /* istanbul ignore else */
639
- if (this.isActive) {
640
- this.setState({
641
- status: Status.LOADING
642
- }, this.load);
643
- }
644
- }
645
- &nbsp;
646
- load() {
647
- const match = this.props.src.match(/data:image\/svg[^,]*?(;base64)?,(.*)/);
648
- &nbsp;
649
- if (match) {
650
- return this.handleLoad(null, {
651
- text: match[1] ? atob(match[2]) : decodeURIComponent(match[2])
652
- });
653
- }
654
- &nbsp;
655
- return this.getFile(this.handleLoad);
656
- }
657
- &nbsp;
658
- handleLoad = (err, res, isCached = false) =&gt; {
659
- if (err) {
660
- this.fail(err);
661
- return;
662
- }
663
- &nbsp;
664
- if (this.isActive) {
665
- this.setState({
666
- loadedText: res.text,
667
- status: Status.LOADED
668
- }, () =&gt; {
669
- this.props.onLoad(this.props.src, isCached);
670
- });
671
- }
672
- };
673
- &nbsp;
674
- getClassName() {
675
- let className = `isvg ${this.state.status}`;
676
- &nbsp;
677
- if (this.props.className) {
678
- className += ` ${this.props.className}`;
679
- }
680
- &nbsp;
681
- return className;
682
- }
683
- &nbsp;
684
- processSVG(svgText) {
685
- const { uniquifyIDs, uniqueHash } = this.props;
686
- &nbsp;
687
- if (uniquifyIDs) {
688
- return uniquifySVGIDs(svgText, uniqueHash);
689
- }
690
- &nbsp;
691
- return svgText;
692
- }
693
- &nbsp;
694
- renderContents() {
695
- switch (this.state.status) {
696
- case Status.UNSUPPORTED:
697
- case Status.FAILED:
698
- return this.props.children;
699
- default:
700
- return this.props.preloader;
701
- }
702
- }
703
- &nbsp;
704
- render() {
705
- let content;
706
- let html;
707
- &nbsp;
708
- if (this.state.loadedText) {
709
- html = {
710
- __html: this.processSVG(this.state.loadedText)
711
- };
712
- }
713
- else {
714
- content = this.renderContents();
715
- }
716
- &nbsp;
717
- return this.props.wrapper({
718
- style: this.props.style,
719
- className: this.getClassName(),
720
- dangerouslySetInnerHTML: html,
721
- }, content);
722
- }
723
- }
724
- &nbsp;</pre></td></tr>
725
- </table></pre>
726
- <div class='push'></div><!-- for sticky footer -->
727
- </div><!-- /wrapper -->
728
- <div class='footer quiet pad2 space-top1 center small'>
729
- Code coverage
730
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Nov 10 2017 02:02:24 GMT-0200 (-02)
731
- </div>
732
- </div>
733
- <script src="prettify.js"></script>
734
- <script>
735
- window.onload = function () {
736
- if (typeof prettyPrint === 'function') {
737
- prettyPrint();
738
- }
739
- };
740
- </script>
741
- <script src="sorter.js"></script>
742
- </body>
743
- </html>