react-inlinesvg 2.3.0 → 3.0.0
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.
- package/README.md +1 -1
- package/esm/helpers.d.ts +1 -1
- package/esm/helpers.js +8 -7
- package/esm/helpers.js.map +1 -1
- package/esm/index.d.ts +5 -6
- package/esm/index.js +67 -81
- package/esm/index.js.map +1 -1
- package/esm/types.d.ts +0 -3
- package/lib/helpers.d.ts +1 -1
- package/lib/helpers.js +10 -9
- package/lib/helpers.js.map +1 -1
- package/lib/index.d.ts +5 -6
- package/lib/index.js +78 -88
- package/lib/index.js.map +1 -1
- package/lib/types.d.ts +0 -3
- package/package.json +54 -56
- package/src/helpers.ts +13 -8
- package/src/index.tsx +124 -146
- package/src/types.ts +0 -3
package/README.md
CHANGED
|
@@ -173,7 +173,7 @@ But there's an alternative that sidesteps these issues: load the SVG with a GET
|
|
|
173
173
|
|
|
174
174
|
### Note
|
|
175
175
|
|
|
176
|
-
The SVG [`<use>`]
|
|
176
|
+
The SVG [`<use>`](http://css-tricks.com/svg-use-external-source) element can be used to achieve something similar to this component. See [this article](http://taye.me/blog/svg/a-guide-to-svg-use-elements/) for more information and [this table](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/use#Browser_compatibility) for browser support and caveats.
|
|
177
177
|
|
|
178
178
|
## Credits
|
|
179
179
|
|
package/esm/helpers.d.ts
CHANGED
|
@@ -14,4 +14,4 @@ export declare function randomString(length: number): string;
|
|
|
14
14
|
/**
|
|
15
15
|
* Remove properties from an object
|
|
16
16
|
*/
|
|
17
|
-
export declare function
|
|
17
|
+
export declare function omit<T extends PlainObject, K extends keyof T>(input: T, ...filter: K[]): Omit<T, K>;
|
package/esm/helpers.js
CHANGED
|
@@ -20,17 +20,18 @@ export function supportsInlineSVG() {
|
|
|
20
20
|
}
|
|
21
21
|
var div = document.createElement('div');
|
|
22
22
|
div.innerHTML = '<svg />';
|
|
23
|
-
|
|
23
|
+
var svg = div.firstChild;
|
|
24
|
+
return !!svg && svg.namespaceURI === 'http://www.w3.org/2000/svg';
|
|
25
|
+
}
|
|
26
|
+
function randomCharacter(character) {
|
|
27
|
+
return character[Math.floor(Math.random() * character.length)];
|
|
24
28
|
}
|
|
25
29
|
export function randomString(length) {
|
|
26
30
|
var letters = 'abcdefghijklmnopqrstuvwxyz';
|
|
27
31
|
var numbers = '1234567890';
|
|
28
|
-
var charset = ""
|
|
29
|
-
var randomCharacter = function (character) {
|
|
30
|
-
return character[Math.floor(Math.random() * character.length)];
|
|
31
|
-
};
|
|
32
|
+
var charset = "".concat(letters).concat(letters.toUpperCase()).concat(numbers);
|
|
32
33
|
var R = '';
|
|
33
|
-
for (var
|
|
34
|
+
for (var index = 0; index < length; index++) {
|
|
34
35
|
R += randomCharacter(charset);
|
|
35
36
|
}
|
|
36
37
|
return R;
|
|
@@ -38,7 +39,7 @@ export function randomString(length) {
|
|
|
38
39
|
/**
|
|
39
40
|
* Remove properties from an object
|
|
40
41
|
*/
|
|
41
|
-
export function
|
|
42
|
+
export function omit(input) {
|
|
42
43
|
var filter = [];
|
|
43
44
|
for (var _i = 1; _i < arguments.length; _i++) {
|
|
44
45
|
filter[_i - 1] = arguments[_i];
|
package/esm/helpers.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,OAAO,CAAC;AAInD,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,aAAa;CAC3B,CAAC;AAEF,MAAM,UAAU,SAAS;IACvB,OAAO,aAAa,CAAC;AACvB,CAAC;AAED,MAAM,UAAU,sBAAsB;IACpC,OAAO,iBAAiB,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,KAAK,IAAI,CAAC;AACjF,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,0BAA0B;IAC1B,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,KAAK,CAAC;KACd;IAED,IAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,OAAO,CAAC;AAInD,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,aAAa;CAC3B,CAAC;AAEF,MAAM,UAAU,SAAS;IACvB,OAAO,aAAa,CAAC;AACvB,CAAC;AAED,MAAM,UAAU,sBAAsB;IACpC,OAAO,iBAAiB,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,KAAK,IAAI,CAAC;AACjF,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,0BAA0B;IAC1B,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,KAAK,CAAC;KACd;IAED,IAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAE1C,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC;IAC1B,IAAM,GAAG,GAAG,GAAG,CAAC,UAA2B,CAAC;IAE5C,OAAO,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,YAAY,KAAK,4BAA4B,CAAC;AACpE,CAAC;AAED,SAAS,eAAe,CAAC,SAAiB;IACxC,OAAO,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;AACjE,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,MAAc;IACzC,IAAM,OAAO,GAAG,4BAA4B,CAAC;IAC7C,IAAM,OAAO,GAAG,YAAY,CAAC;IAC7B,IAAM,OAAO,GAAG,UAAG,OAAO,SAAG,OAAO,CAAC,WAAW,EAAE,SAAG,OAAO,CAAE,CAAC;IAE/D,IAAI,CAAC,GAAG,EAAE,CAAC;IAEX,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,EAAE;QAC3C,CAAC,IAAI,eAAe,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,OAAO,CAAC,CAAC;AACX,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,IAAI,CAClB,KAAQ;IACR,gBAAc;SAAd,UAAc,EAAd,qBAAc,EAAd,IAAc;QAAd,+BAAc;;IAEd,IAAM,MAAM,GAAQ,EAAE,CAAC;IAEvB,KAAK,IAAM,GAAG,IAAI,KAAK,EAAE;QACvB,0BAA0B;QAC1B,IAAI,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;YACtC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAmB,CAAC,EAAE;gBACzC,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;aAC1B;SACF;KACF;IAED,OAAO,MAAoB,CAAC;AAC9B,CAAC"}
|
package/esm/index.d.ts
CHANGED
|
@@ -4,25 +4,24 @@ export declare const cacheStore: {
|
|
|
4
4
|
[key: string]: StorageItem;
|
|
5
5
|
};
|
|
6
6
|
export default class InlineSVG extends React.PureComponent<Props, State> {
|
|
7
|
-
constructor(props: Props);
|
|
8
7
|
private isActive;
|
|
9
8
|
private readonly hash;
|
|
10
9
|
static defaultProps: {
|
|
11
10
|
cacheRequests: boolean;
|
|
12
11
|
uniquifyIDs: boolean;
|
|
13
12
|
};
|
|
13
|
+
constructor(props: Props);
|
|
14
14
|
componentDidMount(): void;
|
|
15
|
-
componentDidUpdate(
|
|
15
|
+
componentDidUpdate(previousProps: Props, previousState: State): void;
|
|
16
16
|
componentWillUnmount(): void;
|
|
17
|
-
private processSVG;
|
|
18
|
-
private updateSVGAttributes;
|
|
19
17
|
private getNode;
|
|
20
18
|
private getElement;
|
|
21
|
-
private load;
|
|
22
|
-
private handleCacheQueue;
|
|
23
19
|
private handleLoad;
|
|
24
20
|
private handleError;
|
|
25
21
|
private request;
|
|
22
|
+
private load;
|
|
23
|
+
private updateSVGAttributes;
|
|
24
|
+
private processSVG;
|
|
26
25
|
render(): React.ReactNode;
|
|
27
26
|
}
|
|
28
27
|
export * from './types';
|
package/esm/index.js
CHANGED
|
@@ -40,28 +40,24 @@ var __read = (this && this.__read) || function (o, n) {
|
|
|
40
40
|
}
|
|
41
41
|
return ar;
|
|
42
42
|
};
|
|
43
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from) {
|
|
44
|
-
for (var i = 0,
|
|
45
|
-
|
|
46
|
-
|
|
43
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
44
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
45
|
+
if (ar || !(i in from)) {
|
|
46
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
47
|
+
ar[i] = from[i];
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
47
51
|
};
|
|
48
52
|
import * as React from 'react';
|
|
49
53
|
import convert from 'react-from-dom';
|
|
50
|
-
import {
|
|
54
|
+
import { canUseDOM, isSupportedEnvironment, omit, randomString, STATUS } from './helpers';
|
|
51
55
|
export var cacheStore = Object.create(null);
|
|
52
56
|
var InlineSVG = /** @class */ (function (_super) {
|
|
53
57
|
__extends(InlineSVG, _super);
|
|
54
58
|
function InlineSVG(props) {
|
|
55
59
|
var _this = _super.call(this, props) || this;
|
|
56
60
|
_this.isActive = false;
|
|
57
|
-
_this.handleCacheQueue = function (content) {
|
|
58
|
-
/* istanbul ignore else */
|
|
59
|
-
if (typeof content === 'string') {
|
|
60
|
-
_this.handleLoad(content);
|
|
61
|
-
return;
|
|
62
|
-
}
|
|
63
|
-
_this.handleError(content);
|
|
64
|
-
};
|
|
65
61
|
_this.handleLoad = function (content) {
|
|
66
62
|
/* istanbul ignore else */
|
|
67
63
|
if (_this.isActive) {
|
|
@@ -88,7 +84,7 @@ var InlineSVG = /** @class */ (function (_super) {
|
|
|
88
84
|
var _a = _this.props, cacheRequests = _a.cacheRequests, fetchOptions = _a.fetchOptions, src = _a.src;
|
|
89
85
|
try {
|
|
90
86
|
if (cacheRequests) {
|
|
91
|
-
cacheStore[src] = { content: '', status: STATUS.LOADING
|
|
87
|
+
cacheStore[src] = { content: '', status: STATUS.LOADING };
|
|
92
88
|
}
|
|
93
89
|
return fetch(src, fetchOptions)
|
|
94
90
|
.then(function (response) {
|
|
@@ -97,8 +93,8 @@ var InlineSVG = /** @class */ (function (_super) {
|
|
|
97
93
|
if (response.status > 299) {
|
|
98
94
|
throw new Error('Not found');
|
|
99
95
|
}
|
|
100
|
-
if (!['image/svg+xml', 'text/plain'].some(function (d) { return fileType.
|
|
101
|
-
throw new Error("Content type isn't valid: "
|
|
96
|
+
if (!['image/svg+xml', 'text/plain'].some(function (d) { return fileType.includes(d); })) {
|
|
97
|
+
throw new Error("Content type isn't valid: ".concat(fileType));
|
|
102
98
|
}
|
|
103
99
|
return response.text();
|
|
104
100
|
})
|
|
@@ -106,6 +102,9 @@ var InlineSVG = /** @class */ (function (_super) {
|
|
|
106
102
|
var currentSrc = _this.props.src;
|
|
107
103
|
// the current src don't match the previous one, skipping...
|
|
108
104
|
if (src !== currentSrc) {
|
|
105
|
+
if (cacheStore[src].status === STATUS.LOADING) {
|
|
106
|
+
delete cacheStore[src];
|
|
107
|
+
}
|
|
109
108
|
return;
|
|
110
109
|
}
|
|
111
110
|
_this.handleLoad(content);
|
|
@@ -116,10 +115,6 @@ var InlineSVG = /** @class */ (function (_super) {
|
|
|
116
115
|
if (cache) {
|
|
117
116
|
cache.content = content;
|
|
118
117
|
cache.status = STATUS.LOADED;
|
|
119
|
-
cache.queue = cache.queue.filter(function (cb) {
|
|
120
|
-
cb(content);
|
|
121
|
-
return false;
|
|
122
|
-
});
|
|
123
118
|
}
|
|
124
119
|
}
|
|
125
120
|
})
|
|
@@ -130,9 +125,6 @@ var InlineSVG = /** @class */ (function (_super) {
|
|
|
130
125
|
var cache = cacheStore[src];
|
|
131
126
|
/* istanbul ignore else */
|
|
132
127
|
if (cache) {
|
|
133
|
-
cache.queue.forEach(function (cb) {
|
|
134
|
-
cb(error);
|
|
135
|
-
});
|
|
136
128
|
delete cacheStore[src];
|
|
137
129
|
}
|
|
138
130
|
}
|
|
@@ -176,19 +168,19 @@ var InlineSVG = /** @class */ (function (_super) {
|
|
|
176
168
|
this.handleError(error);
|
|
177
169
|
}
|
|
178
170
|
};
|
|
179
|
-
InlineSVG.prototype.componentDidUpdate = function (
|
|
171
|
+
InlineSVG.prototype.componentDidUpdate = function (previousProps, previousState) {
|
|
180
172
|
if (!canUseDOM()) {
|
|
181
173
|
return;
|
|
182
174
|
}
|
|
183
175
|
var _a = this.state, hasCache = _a.hasCache, status = _a.status;
|
|
184
176
|
var _b = this.props, onLoad = _b.onLoad, src = _b.src;
|
|
185
|
-
if (
|
|
177
|
+
if (previousState.status !== STATUS.READY && status === STATUS.READY) {
|
|
186
178
|
/* istanbul ignore else */
|
|
187
179
|
if (onLoad) {
|
|
188
180
|
onLoad(src, hasCache);
|
|
189
181
|
}
|
|
190
182
|
}
|
|
191
|
-
if (
|
|
183
|
+
if (previousProps.src !== src) {
|
|
192
184
|
if (!src) {
|
|
193
185
|
this.handleError(new Error('Missing src'));
|
|
194
186
|
return;
|
|
@@ -199,49 +191,6 @@ var InlineSVG = /** @class */ (function (_super) {
|
|
|
199
191
|
InlineSVG.prototype.componentWillUnmount = function () {
|
|
200
192
|
this.isActive = false;
|
|
201
193
|
};
|
|
202
|
-
InlineSVG.prototype.processSVG = function () {
|
|
203
|
-
var content = this.state.content;
|
|
204
|
-
var preProcessor = this.props.preProcessor;
|
|
205
|
-
if (preProcessor) {
|
|
206
|
-
return preProcessor(content);
|
|
207
|
-
}
|
|
208
|
-
return content;
|
|
209
|
-
};
|
|
210
|
-
InlineSVG.prototype.updateSVGAttributes = function (node) {
|
|
211
|
-
var _this = this;
|
|
212
|
-
var _a = this.props, _b = _a.baseURL, baseURL = _b === void 0 ? '' : _b, uniquifyIDs = _a.uniquifyIDs;
|
|
213
|
-
var replaceableAttributes = ['id', 'href', 'xlink:href', 'xlink:role', 'xlink:arcrole'];
|
|
214
|
-
var linkAttributes = ['href', 'xlink:href'];
|
|
215
|
-
var isDataValue = function (name, value) {
|
|
216
|
-
return linkAttributes.indexOf(name) >= 0 && (value ? value.indexOf('#') < 0 : false);
|
|
217
|
-
};
|
|
218
|
-
if (!uniquifyIDs) {
|
|
219
|
-
return node;
|
|
220
|
-
}
|
|
221
|
-
__spreadArray([], __read(node.children)).map(function (d) {
|
|
222
|
-
if (d.attributes && d.attributes.length) {
|
|
223
|
-
var attributes_1 = Object.values(d.attributes).map(function (a) {
|
|
224
|
-
var attr = a;
|
|
225
|
-
var match = a.value.match(/url\((.*?)\)/);
|
|
226
|
-
if (match && match[1]) {
|
|
227
|
-
attr.value = a.value.replace(match[0], "url(" + baseURL + match[1] + "__" + _this.hash + ")");
|
|
228
|
-
}
|
|
229
|
-
return attr;
|
|
230
|
-
});
|
|
231
|
-
replaceableAttributes.forEach(function (r) {
|
|
232
|
-
var attribute = attributes_1.find(function (a) { return a.name === r; });
|
|
233
|
-
if (attribute && !isDataValue(r, attribute.value)) {
|
|
234
|
-
attribute.value = attribute.value + "__" + _this.hash;
|
|
235
|
-
}
|
|
236
|
-
});
|
|
237
|
-
}
|
|
238
|
-
if (d.children.length) {
|
|
239
|
-
return _this.updateSVGAttributes(d);
|
|
240
|
-
}
|
|
241
|
-
return d;
|
|
242
|
-
});
|
|
243
|
-
return node;
|
|
244
|
-
};
|
|
245
194
|
InlineSVG.prototype.getNode = function () {
|
|
246
195
|
var _a = this.props, description = _a.description, title = _a.title;
|
|
247
196
|
try {
|
|
@@ -302,22 +251,16 @@ var InlineSVG = /** @class */ (function (_super) {
|
|
|
302
251
|
}, function () {
|
|
303
252
|
var _a = _this.props, cacheRequests = _a.cacheRequests, src = _a.src;
|
|
304
253
|
var cache = cacheRequests && cacheStore[src];
|
|
305
|
-
if (cache) {
|
|
306
|
-
|
|
307
|
-
if (cache.status === STATUS.LOADING) {
|
|
308
|
-
cache.queue.push(_this.handleCacheQueue);
|
|
309
|
-
}
|
|
310
|
-
else if (cache.status === STATUS.LOADED) {
|
|
311
|
-
_this.handleLoad(cache.content);
|
|
312
|
-
}
|
|
254
|
+
if (cache && cache.status === STATUS.LOADED) {
|
|
255
|
+
_this.handleLoad(cache.content);
|
|
313
256
|
return;
|
|
314
257
|
}
|
|
315
258
|
var dataURI = src.match(/data:image\/svg[^,]*?(;base64)?,(.*)/);
|
|
316
259
|
var inlineSrc;
|
|
317
260
|
if (dataURI) {
|
|
318
|
-
inlineSrc = dataURI[1] ? atob(dataURI[2]) : decodeURIComponent(dataURI[2]);
|
|
261
|
+
inlineSrc = dataURI[1] ? window.atob(dataURI[2]) : decodeURIComponent(dataURI[2]);
|
|
319
262
|
}
|
|
320
|
-
else if (src.
|
|
263
|
+
else if (src.includes('<svg')) {
|
|
321
264
|
inlineSrc = src;
|
|
322
265
|
}
|
|
323
266
|
if (inlineSrc) {
|
|
@@ -328,17 +271,60 @@ var InlineSVG = /** @class */ (function (_super) {
|
|
|
328
271
|
});
|
|
329
272
|
}
|
|
330
273
|
};
|
|
274
|
+
InlineSVG.prototype.updateSVGAttributes = function (node) {
|
|
275
|
+
var _this = this;
|
|
276
|
+
var _a = this.props, _b = _a.baseURL, baseURL = _b === void 0 ? '' : _b, uniquifyIDs = _a.uniquifyIDs;
|
|
277
|
+
var replaceableAttributes = ['id', 'href', 'xlink:href', 'xlink:role', 'xlink:arcrole'];
|
|
278
|
+
var linkAttributes = ['href', 'xlink:href'];
|
|
279
|
+
var isDataValue = function (name, value) {
|
|
280
|
+
return linkAttributes.includes(name) && (value ? !value.includes('#') : false);
|
|
281
|
+
};
|
|
282
|
+
if (!uniquifyIDs) {
|
|
283
|
+
return node;
|
|
284
|
+
}
|
|
285
|
+
__spreadArray([], __read(node.children), false).map(function (d) {
|
|
286
|
+
if (d.attributes && d.attributes.length) {
|
|
287
|
+
var attributes_1 = Object.values(d.attributes).map(function (a) {
|
|
288
|
+
var attribute = a;
|
|
289
|
+
var match = a.value.match(/url\((.*?)\)/);
|
|
290
|
+
if (match && match[1]) {
|
|
291
|
+
attribute.value = a.value.replace(match[0], "url(".concat(baseURL).concat(match[1], "__").concat(_this.hash, ")"));
|
|
292
|
+
}
|
|
293
|
+
return attribute;
|
|
294
|
+
});
|
|
295
|
+
replaceableAttributes.forEach(function (r) {
|
|
296
|
+
var attribute = attributes_1.find(function (a) { return a.name === r; });
|
|
297
|
+
if (attribute && !isDataValue(r, attribute.value)) {
|
|
298
|
+
attribute.value = "".concat(attribute.value, "__").concat(_this.hash);
|
|
299
|
+
}
|
|
300
|
+
});
|
|
301
|
+
}
|
|
302
|
+
if (d.children.length) {
|
|
303
|
+
return _this.updateSVGAttributes(d);
|
|
304
|
+
}
|
|
305
|
+
return d;
|
|
306
|
+
});
|
|
307
|
+
return node;
|
|
308
|
+
};
|
|
309
|
+
InlineSVG.prototype.processSVG = function () {
|
|
310
|
+
var content = this.state.content;
|
|
311
|
+
var preProcessor = this.props.preProcessor;
|
|
312
|
+
if (preProcessor) {
|
|
313
|
+
return preProcessor(content);
|
|
314
|
+
}
|
|
315
|
+
return content;
|
|
316
|
+
};
|
|
331
317
|
InlineSVG.prototype.render = function () {
|
|
332
318
|
var _a = this.state, element = _a.element, status = _a.status;
|
|
333
319
|
var _b = this.props, _c = _b.children, children = _c === void 0 ? null : _c, innerRef = _b.innerRef, _d = _b.loader, loader = _d === void 0 ? null : _d;
|
|
334
|
-
var elementProps =
|
|
320
|
+
var elementProps = omit(this.props, 'baseURL', 'cacheRequests', 'children', 'description', 'fetchOptions', 'innerRef', 'loader', 'onError', 'onLoad', 'preProcessor', 'src', 'title', 'uniqueHash', 'uniquifyIDs');
|
|
335
321
|
if (!canUseDOM()) {
|
|
336
322
|
return loader;
|
|
337
323
|
}
|
|
338
324
|
if (element) {
|
|
339
325
|
return React.cloneElement(element, __assign({ ref: innerRef }, elementProps));
|
|
340
326
|
}
|
|
341
|
-
if ([STATUS.UNSUPPORTED, STATUS.FAILED].
|
|
327
|
+
if ([STATUS.UNSUPPORTED, STATUS.FAILED].includes(status)) {
|
|
342
328
|
return children;
|
|
343
329
|
}
|
|
344
330
|
return loader;
|
package/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
|
package/esm/types.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
declare type Callback = (...args: any[]) => void;
|
|
3
2
|
export declare type ErrorCallback = (error: Error | FetchError) => void;
|
|
4
3
|
export declare type LoadCallback = (src: string, isCached: boolean) => void;
|
|
5
4
|
export declare type PlainObject<T = unknown> = Record<string | number | symbol, T>;
|
|
@@ -34,7 +33,5 @@ export interface FetchError extends Error {
|
|
|
34
33
|
}
|
|
35
34
|
export interface StorageItem {
|
|
36
35
|
content: string;
|
|
37
|
-
queue: Callback[];
|
|
38
36
|
status: string;
|
|
39
37
|
}
|
|
40
|
-
export {};
|
package/lib/helpers.d.ts
CHANGED
|
@@ -14,4 +14,4 @@ export declare function randomString(length: number): string;
|
|
|
14
14
|
/**
|
|
15
15
|
* Remove properties from an object
|
|
16
16
|
*/
|
|
17
|
-
export declare function
|
|
17
|
+
export declare function omit<T extends PlainObject, K extends keyof T>(input: T, ...filter: K[]): Omit<T, K>;
|
package/lib/helpers.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.omit = exports.randomString = exports.supportsInlineSVG = exports.isSupportedEnvironment = exports.canUseDOM = exports.STATUS = void 0;
|
|
4
4
|
var exenv_1 = require("exenv");
|
|
5
5
|
exports.STATUS = {
|
|
6
6
|
FAILED: 'failed',
|
|
@@ -25,18 +25,19 @@ function supportsInlineSVG() {
|
|
|
25
25
|
}
|
|
26
26
|
var div = document.createElement('div');
|
|
27
27
|
div.innerHTML = '<svg />';
|
|
28
|
-
|
|
28
|
+
var svg = div.firstChild;
|
|
29
|
+
return !!svg && svg.namespaceURI === 'http://www.w3.org/2000/svg';
|
|
29
30
|
}
|
|
30
31
|
exports.supportsInlineSVG = supportsInlineSVG;
|
|
32
|
+
function randomCharacter(character) {
|
|
33
|
+
return character[Math.floor(Math.random() * character.length)];
|
|
34
|
+
}
|
|
31
35
|
function randomString(length) {
|
|
32
36
|
var letters = 'abcdefghijklmnopqrstuvwxyz';
|
|
33
37
|
var numbers = '1234567890';
|
|
34
|
-
var charset = ""
|
|
35
|
-
var randomCharacter = function (character) {
|
|
36
|
-
return character[Math.floor(Math.random() * character.length)];
|
|
37
|
-
};
|
|
38
|
+
var charset = "".concat(letters).concat(letters.toUpperCase()).concat(numbers);
|
|
38
39
|
var R = '';
|
|
39
|
-
for (var
|
|
40
|
+
for (var index = 0; index < length; index++) {
|
|
40
41
|
R += randomCharacter(charset);
|
|
41
42
|
}
|
|
42
43
|
return R;
|
|
@@ -45,7 +46,7 @@ exports.randomString = randomString;
|
|
|
45
46
|
/**
|
|
46
47
|
* Remove properties from an object
|
|
47
48
|
*/
|
|
48
|
-
function
|
|
49
|
+
function omit(input) {
|
|
49
50
|
var filter = [];
|
|
50
51
|
for (var _i = 1; _i < arguments.length; _i++) {
|
|
51
52
|
filter[_i - 1] = arguments[_i];
|
|
@@ -61,5 +62,5 @@ function removeProperties(input) {
|
|
|
61
62
|
}
|
|
62
63
|
return output;
|
|
63
64
|
}
|
|
64
|
-
exports.
|
|
65
|
+
exports.omit = omit;
|
|
65
66
|
//# sourceMappingURL=helpers.js.map
|
package/lib/helpers.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":";;;AAAA,+BAAmD;AAItC,QAAA,MAAM,GAAG;IACpB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,aAAa;CAC3B,CAAC;AAEF,SAAgB,SAAS;IACvB,OAAO,iBAAa,CAAC;AACvB,CAAC;AAFD,8BAEC;AAED,SAAgB,sBAAsB;IACpC,OAAO,iBAAiB,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,KAAK,IAAI,CAAC;AACjF,CAAC;AAFD,wDAEC;AAED,SAAgB,iBAAiB;IAC/B,0BAA0B;IAC1B,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,KAAK,CAAC;KACd;IAED,IAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":";;;AAAA,+BAAmD;AAItC,QAAA,MAAM,GAAG;IACpB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,aAAa;CAC3B,CAAC;AAEF,SAAgB,SAAS;IACvB,OAAO,iBAAa,CAAC;AACvB,CAAC;AAFD,8BAEC;AAED,SAAgB,sBAAsB;IACpC,OAAO,iBAAiB,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,KAAK,IAAI,CAAC;AACjF,CAAC;AAFD,wDAEC;AAED,SAAgB,iBAAiB;IAC/B,0BAA0B;IAC1B,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,KAAK,CAAC;KACd;IAED,IAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAE1C,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC;IAC1B,IAAM,GAAG,GAAG,GAAG,CAAC,UAA2B,CAAC;IAE5C,OAAO,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,YAAY,KAAK,4BAA4B,CAAC;AACpE,CAAC;AAZD,8CAYC;AAED,SAAS,eAAe,CAAC,SAAiB;IACxC,OAAO,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;AACjE,CAAC;AAED,SAAgB,YAAY,CAAC,MAAc;IACzC,IAAM,OAAO,GAAG,4BAA4B,CAAC;IAC7C,IAAM,OAAO,GAAG,YAAY,CAAC;IAC7B,IAAM,OAAO,GAAG,UAAG,OAAO,SAAG,OAAO,CAAC,WAAW,EAAE,SAAG,OAAO,CAAE,CAAC;IAE/D,IAAI,CAAC,GAAG,EAAE,CAAC;IAEX,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,EAAE;QAC3C,CAAC,IAAI,eAAe,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,OAAO,CAAC,CAAC;AACX,CAAC;AAZD,oCAYC;AAED;;GAEG;AACH,SAAgB,IAAI,CAClB,KAAQ;IACR,gBAAc;SAAd,UAAc,EAAd,qBAAc,EAAd,IAAc;QAAd,+BAAc;;IAEd,IAAM,MAAM,GAAQ,EAAE,CAAC;IAEvB,KAAK,IAAM,GAAG,IAAI,KAAK,EAAE;QACvB,0BAA0B;QAC1B,IAAI,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;YACtC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAmB,CAAC,EAAE;gBACzC,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;aAC1B;SACF;KACF;IAED,OAAO,MAAoB,CAAC;AAC9B,CAAC;AAhBD,oBAgBC"}
|
package/lib/index.d.ts
CHANGED
|
@@ -4,25 +4,24 @@ export declare const cacheStore: {
|
|
|
4
4
|
[key: string]: StorageItem;
|
|
5
5
|
};
|
|
6
6
|
export default class InlineSVG extends React.PureComponent<Props, State> {
|
|
7
|
-
constructor(props: Props);
|
|
8
7
|
private isActive;
|
|
9
8
|
private readonly hash;
|
|
10
9
|
static defaultProps: {
|
|
11
10
|
cacheRequests: boolean;
|
|
12
11
|
uniquifyIDs: boolean;
|
|
13
12
|
};
|
|
13
|
+
constructor(props: Props);
|
|
14
14
|
componentDidMount(): void;
|
|
15
|
-
componentDidUpdate(
|
|
15
|
+
componentDidUpdate(previousProps: Props, previousState: State): void;
|
|
16
16
|
componentWillUnmount(): void;
|
|
17
|
-
private processSVG;
|
|
18
|
-
private updateSVGAttributes;
|
|
19
17
|
private getNode;
|
|
20
18
|
private getElement;
|
|
21
|
-
private load;
|
|
22
|
-
private handleCacheQueue;
|
|
23
19
|
private handleLoad;
|
|
24
20
|
private handleError;
|
|
25
21
|
private request;
|
|
22
|
+
private load;
|
|
23
|
+
private updateSVGAttributes;
|
|
24
|
+
private processSVG;
|
|
26
25
|
render(): React.ReactNode;
|
|
27
26
|
}
|
|
28
27
|
export * from './types';
|