@dfds-ui/hooks 2.2.1 → 3.0.0-alpha.2acb68f8
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/cjs/index.js +7 -7
- package/cjs/useDimensions.d.ts +1 -1
- package/cjs/useDimensions.js +9 -24
- package/cjs/useForwardedRef.d.ts +1 -1
- package/cjs/useForwardedRef.js +2 -3
- package/cjs/useGoogleReCaptchaV3.d.ts +1 -1
- package/cjs/useGoogleReCaptchaV3.js +24 -39
- package/cjs/useOffline.js +2 -12
- package/cjs/useResizeObserver.js +2 -3
- package/cjs/useScript.js +7 -27
- package/package.json +5 -5
- package/useDimensions.d.ts +1 -1
- package/useDimensions.js +9 -13
- package/useForwardedRef.d.ts +1 -1
- package/useGoogleReCaptchaV3.d.ts +1 -1
- package/useGoogleReCaptchaV3.js +42 -47
- package/useOffline.js +5 -5
- package/useScript.js +16 -17
package/cjs/index.js
CHANGED
|
@@ -12,31 +12,31 @@ var _exportNames = {
|
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "useDimensions", {
|
|
14
14
|
enumerable: true,
|
|
15
|
-
get: function
|
|
15
|
+
get: function () {
|
|
16
16
|
return _useDimensions.default;
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
19
|
Object.defineProperty(exports, "useForwardedRef", {
|
|
20
20
|
enumerable: true,
|
|
21
|
-
get: function
|
|
21
|
+
get: function () {
|
|
22
22
|
return _useForwardedRef.default;
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
25
|
Object.defineProperty(exports, "useOffline", {
|
|
26
26
|
enumerable: true,
|
|
27
|
-
get: function
|
|
27
|
+
get: function () {
|
|
28
28
|
return _useOffline.default;
|
|
29
29
|
}
|
|
30
30
|
});
|
|
31
31
|
Object.defineProperty(exports, "useResizeObserver", {
|
|
32
32
|
enumerable: true,
|
|
33
|
-
get: function
|
|
33
|
+
get: function () {
|
|
34
34
|
return _useResizeObserver.default;
|
|
35
35
|
}
|
|
36
36
|
});
|
|
37
37
|
Object.defineProperty(exports, "useScript", {
|
|
38
38
|
enumerable: true,
|
|
39
|
-
get: function
|
|
39
|
+
get: function () {
|
|
40
40
|
return _useScript.default;
|
|
41
41
|
}
|
|
42
42
|
});
|
|
@@ -52,9 +52,9 @@ Object.keys(_useGoogleReCaptchaV).forEach(function (key) {
|
|
|
52
52
|
if (key in exports && exports[key] === _useGoogleReCaptchaV[key]) return;
|
|
53
53
|
Object.defineProperty(exports, key, {
|
|
54
54
|
enumerable: true,
|
|
55
|
-
get: function
|
|
55
|
+
get: function () {
|
|
56
56
|
return _useGoogleReCaptchaV[key];
|
|
57
57
|
}
|
|
58
58
|
});
|
|
59
59
|
});
|
|
60
|
-
function _interopRequireDefault(
|
|
60
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
package/cjs/useDimensions.d.ts
CHANGED
|
@@ -8,7 +8,7 @@ export interface DimensionObject {
|
|
|
8
8
|
right: number;
|
|
9
9
|
bottom: number;
|
|
10
10
|
}
|
|
11
|
-
export
|
|
11
|
+
export type UseDimensionsHook = [(node: HTMLElement | null) => void, DimensionObject, HTMLElement | null];
|
|
12
12
|
export interface UseDimensionsArgs {
|
|
13
13
|
liveMeasure?: boolean;
|
|
14
14
|
}
|
package/cjs/useDimensions.js
CHANGED
|
@@ -5,12 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
11
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
12
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
13
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /* eslint-disable @typescript-eslint/ban-ts-comment */
|
|
8
|
+
/* eslint-disable @typescript-eslint/ban-ts-comment */
|
|
9
|
+
|
|
14
10
|
const EMPTY_DIMENSION_OBJECT = {
|
|
15
11
|
width: 0,
|
|
16
12
|
height: 0,
|
|
@@ -23,17 +19,13 @@ const EMPTY_DIMENSION_OBJECT = {
|
|
|
23
19
|
};
|
|
24
20
|
function getDimensionObject(node) {
|
|
25
21
|
const rect = node.getBoundingClientRect();
|
|
26
|
-
/** @ts-ignore */
|
|
27
|
-
const left = 'x' in rect ? rect.x : rect.left;
|
|
28
|
-
/** @ts-ignore */
|
|
29
|
-
const top = 'y' in rect ? rect.y : rect.top;
|
|
30
22
|
return {
|
|
31
23
|
width: rect.width,
|
|
32
24
|
height: rect.height,
|
|
33
|
-
x:
|
|
34
|
-
y:
|
|
35
|
-
top:
|
|
36
|
-
left:
|
|
25
|
+
x: rect.x,
|
|
26
|
+
y: rect.y,
|
|
27
|
+
top: rect.y,
|
|
28
|
+
left: rect.x,
|
|
37
29
|
right: rect.right,
|
|
38
30
|
bottom: rect.bottom
|
|
39
31
|
};
|
|
@@ -41,14 +33,8 @@ function getDimensionObject(node) {
|
|
|
41
33
|
function useDimensions({
|
|
42
34
|
liveMeasure = true
|
|
43
35
|
} = {}) {
|
|
44
|
-
const
|
|
45
|
-
|
|
46
|
-
dimensions = _useState2[0],
|
|
47
|
-
setDimensions = _useState2[1];
|
|
48
|
-
const _useState3 = (0, _react.useState)(null),
|
|
49
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
50
|
-
node = _useState4[0],
|
|
51
|
-
setNode = _useState4[1];
|
|
36
|
+
const [dimensions, setDimensions] = (0, _react.useState)(EMPTY_DIMENSION_OBJECT);
|
|
37
|
+
const [node, setNode] = (0, _react.useState)(null);
|
|
52
38
|
const ref = (0, _react.useCallback)(node => {
|
|
53
39
|
setNode(node);
|
|
54
40
|
}, []);
|
|
@@ -72,5 +58,4 @@ function useDimensions({
|
|
|
72
58
|
}, [liveMeasure, node]);
|
|
73
59
|
return [ref, dimensions, node];
|
|
74
60
|
}
|
|
75
|
-
var _default = useDimensions;
|
|
76
|
-
exports.default = _default;
|
|
61
|
+
var _default = exports.default = useDimensions;
|
package/cjs/useForwardedRef.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
declare function useForwardedRef<T>(forwardedRef: ((instance: T | null) => void) | React.MutableRefObject<T | null> | null): React.RefObject<T>;
|
|
2
|
+
declare function useForwardedRef<T>(forwardedRef: ((instance: T | null) => void) | React.MutableRefObject<T | null> | null): React.RefObject<T | null>;
|
|
3
3
|
export default useForwardedRef;
|
package/cjs/useForwardedRef.js
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
function _interopRequireDefault(
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
9
|
function useForwardedRef(forwardedRef) {
|
|
10
10
|
const innerRef = _react.default.useRef(null);
|
|
11
11
|
_react.default.useEffect(() => {
|
|
@@ -20,5 +20,4 @@ function useForwardedRef(forwardedRef) {
|
|
|
20
20
|
}, [forwardedRef]);
|
|
21
21
|
return innerRef;
|
|
22
22
|
}
|
|
23
|
-
var _default = useForwardedRef;
|
|
24
|
-
exports.default = _default;
|
|
23
|
+
var _default = exports.default = useForwardedRef;
|
|
@@ -5,25 +5,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useGoogleReCaptchaV3 = useGoogleReCaptchaV3;
|
|
7
7
|
var _react = require("react");
|
|
8
|
-
var
|
|
9
|
-
function _interopRequireDefault(
|
|
10
|
-
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
11
|
-
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
12
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
13
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
14
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
15
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
16
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
17
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
8
|
+
var _useScript = _interopRequireDefault(require("./useScript"));
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
10
|
function useGoogleReCaptchaV3({
|
|
19
11
|
siteKey,
|
|
20
12
|
disabled = false
|
|
21
13
|
}) {
|
|
22
14
|
// Load ReCaptcha script.
|
|
23
|
-
const
|
|
24
|
-
_useScript2 = _slicedToArray(_useScript, 2),
|
|
25
|
-
loaded = _useScript2[0],
|
|
26
|
-
error = _useScript2[1];
|
|
15
|
+
const [loaded, error] = (0, _useScript.default)(`https://www.google.com/recaptcha/api.js?render=${siteKey}`, disabled);
|
|
27
16
|
(0, _react.useEffect)(() => {
|
|
28
17
|
if (loaded && !disabled) {
|
|
29
18
|
// eslint-disable-next-line no-console
|
|
@@ -31,33 +20,29 @@ function useGoogleReCaptchaV3({
|
|
|
31
20
|
}
|
|
32
21
|
if (error) throw new Error('Google ReCaptcha script failed to load');
|
|
33
22
|
}, [loaded, error, disabled]);
|
|
34
|
-
const executeReCaptcha = (0, _react.useCallback)(
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
});
|
|
23
|
+
const executeReCaptcha = (0, _react.useCallback)(async action => {
|
|
24
|
+
if (!window) {
|
|
25
|
+
throw new Error('ERROR: NOT A WEB BROWSER');
|
|
26
|
+
}
|
|
27
|
+
if (disabled) {
|
|
28
|
+
return Promise.resolve(undefined);
|
|
29
|
+
}
|
|
30
|
+
const {
|
|
31
|
+
grecaptcha
|
|
32
|
+
} = window;
|
|
33
|
+
if (!grecaptcha) {
|
|
34
|
+
throw new Error('ERROR: SCRIPT NOT AVAILABLE');
|
|
35
|
+
}
|
|
36
|
+
return new Promise(resolve => {
|
|
37
|
+
// Invoke the ReCaptcha check.
|
|
38
|
+
grecaptcha.ready(() => {
|
|
39
|
+
grecaptcha.execute(siteKey, {
|
|
40
|
+
action
|
|
41
|
+
}).then(token => {
|
|
42
|
+
resolve(token);
|
|
55
43
|
});
|
|
56
44
|
});
|
|
57
45
|
});
|
|
58
|
-
|
|
59
|
-
return _ref.apply(this, arguments);
|
|
60
|
-
};
|
|
61
|
-
}(), [siteKey, disabled]);
|
|
46
|
+
}, [siteKey, disabled]);
|
|
62
47
|
return executeReCaptcha;
|
|
63
48
|
}
|
package/cjs/useOffline.js
CHANGED
|
@@ -5,18 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
9
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
10
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
11
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
12
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
13
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
14
8
|
const getOnLineStatus = () => typeof window !== 'undefined' && typeof navigator !== 'undefined' && typeof navigator.onLine === 'boolean' ? navigator.onLine : true;
|
|
15
9
|
const useOffline = () => {
|
|
16
|
-
const
|
|
17
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
18
|
-
status = _useState2[0],
|
|
19
|
-
setStatus = _useState2[1];
|
|
10
|
+
const [status, setStatus] = (0, _react.useState)(getOnLineStatus());
|
|
20
11
|
const setOnline = () => setStatus(true);
|
|
21
12
|
const setOffline = () => setStatus(false);
|
|
22
13
|
(0, _react.useEffect)(() => {
|
|
@@ -32,5 +23,4 @@ const useOffline = () => {
|
|
|
32
23
|
isOffline: !status
|
|
33
24
|
};
|
|
34
25
|
};
|
|
35
|
-
var _default = useOffline;
|
|
36
|
-
exports.default = _default;
|
|
26
|
+
var _default = exports.default = useOffline;
|
package/cjs/useResizeObserver.js
CHANGED
|
@@ -5,6 +5,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _polyfilled = _interopRequireDefault(require("use-resize-observer/polyfilled"));
|
|
8
|
-
function _interopRequireDefault(
|
|
9
|
-
var _default = _polyfilled.default;
|
|
10
|
-
exports.default = _default;
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
var _default = exports.default = _polyfilled.default;
|
package/cjs/useScript.js
CHANGED
|
@@ -5,13 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
9
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
10
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
11
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
-
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
|
|
13
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
14
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
15
8
|
class Script {
|
|
16
9
|
constructor(src) {
|
|
17
10
|
this.state = 'PENDING';
|
|
@@ -40,17 +33,8 @@ class Script {
|
|
|
40
33
|
};
|
|
41
34
|
}
|
|
42
35
|
emitState() {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
try {
|
|
46
|
-
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
47
|
-
const cb = _step.value;
|
|
48
|
-
cb(this.state);
|
|
49
|
-
}
|
|
50
|
-
} catch (err) {
|
|
51
|
-
_iterator.e(err);
|
|
52
|
-
} finally {
|
|
53
|
-
_iterator.f();
|
|
36
|
+
for (const cb of this.listeners) {
|
|
37
|
+
cb(this.state);
|
|
54
38
|
}
|
|
55
39
|
}
|
|
56
40
|
}
|
|
@@ -64,13 +48,10 @@ const scripts = new Map();
|
|
|
64
48
|
*/
|
|
65
49
|
function useScript(src, doNotLoad = false) {
|
|
66
50
|
// Keeping track of script loaded and error state
|
|
67
|
-
const
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
72
|
-
state = _useState2[0],
|
|
73
|
-
setState = _useState2[1];
|
|
51
|
+
const [state, setState] = (0, _react.useState)({
|
|
52
|
+
loaded: false,
|
|
53
|
+
error: false
|
|
54
|
+
});
|
|
74
55
|
(0, _react.useEffect)(() => {
|
|
75
56
|
// If doNotLoad we return early so the script will not be loaded
|
|
76
57
|
if (doNotLoad) {
|
|
@@ -108,5 +89,4 @@ function useScript(src, doNotLoad = false) {
|
|
|
108
89
|
}, [src, doNotLoad]);
|
|
109
90
|
return [state.loaded, state.error];
|
|
110
91
|
}
|
|
111
|
-
var _default = useScript;
|
|
112
|
-
exports.default = _default;
|
|
92
|
+
var _default = exports.default = useScript;
|
package/package.json
CHANGED
|
@@ -3,20 +3,20 @@
|
|
|
3
3
|
"description": "React hooks",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"private": false,
|
|
6
|
-
"version": "
|
|
6
|
+
"version": "3.0.0-alpha.2acb68f8",
|
|
7
7
|
"sideEffects": false,
|
|
8
8
|
"main": "./cjs/index.js",
|
|
9
9
|
"module": "./index.js",
|
|
10
10
|
"esnext": "./index.js",
|
|
11
11
|
"typings": "./index.d.ts",
|
|
12
12
|
"peerDependencies": {
|
|
13
|
-
"react": ">=
|
|
14
|
-
"react-dom": ">=
|
|
13
|
+
"react": ">= 19.0.0",
|
|
14
|
+
"react-dom": ">= 19.0.0"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"use-resize-observer": "^9.0
|
|
17
|
+
"use-resize-observer": "^9.1.0"
|
|
18
18
|
},
|
|
19
|
-
"gitHead": "
|
|
19
|
+
"gitHead": "2acb68f8d36d638def6fb8f77d19073760d9b7d0",
|
|
20
20
|
"publishConfig": {
|
|
21
21
|
"access": "public"
|
|
22
22
|
}
|
package/useDimensions.d.ts
CHANGED
|
@@ -8,7 +8,7 @@ export interface DimensionObject {
|
|
|
8
8
|
right: number;
|
|
9
9
|
bottom: number;
|
|
10
10
|
}
|
|
11
|
-
export
|
|
11
|
+
export type UseDimensionsHook = [(node: HTMLElement | null) => void, DimensionObject, HTMLElement | null];
|
|
12
12
|
export interface UseDimensionsArgs {
|
|
13
13
|
liveMeasure?: boolean;
|
|
14
14
|
}
|
package/useDimensions.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
function _slicedToArray(
|
|
1
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
2
2
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3
|
-
function _unsupportedIterableToArray(
|
|
4
|
-
function _arrayLikeToArray(
|
|
5
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0)
|
|
6
|
-
function _arrayWithHoles(
|
|
3
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
4
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
5
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
6
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
7
7
|
/* eslint-disable @typescript-eslint/ban-ts-comment */
|
|
8
8
|
import { useState, useCallback, useLayoutEffect, useEffect } from 'react';
|
|
9
9
|
var EMPTY_DIMENSION_OBJECT = {
|
|
@@ -18,17 +18,13 @@ var EMPTY_DIMENSION_OBJECT = {
|
|
|
18
18
|
};
|
|
19
19
|
function getDimensionObject(node) {
|
|
20
20
|
var rect = node.getBoundingClientRect();
|
|
21
|
-
/** @ts-ignore */
|
|
22
|
-
var left = 'x' in rect ? rect.x : rect.left;
|
|
23
|
-
/** @ts-ignore */
|
|
24
|
-
var top = 'y' in rect ? rect.y : rect.top;
|
|
25
21
|
return {
|
|
26
22
|
width: rect.width,
|
|
27
23
|
height: rect.height,
|
|
28
|
-
x:
|
|
29
|
-
y:
|
|
30
|
-
top:
|
|
31
|
-
left:
|
|
24
|
+
x: rect.x,
|
|
25
|
+
y: rect.y,
|
|
26
|
+
top: rect.y,
|
|
27
|
+
left: rect.x,
|
|
32
28
|
right: rect.right,
|
|
33
29
|
bottom: rect.bottom
|
|
34
30
|
};
|
package/useForwardedRef.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
declare function useForwardedRef<T>(forwardedRef: ((instance: T | null) => void) | React.MutableRefObject<T | null> | null): React.RefObject<T>;
|
|
2
|
+
declare function useForwardedRef<T>(forwardedRef: ((instance: T | null) => void) | React.MutableRefObject<T | null> | null): React.RefObject<T | null>;
|
|
3
3
|
export default useForwardedRef;
|
package/useGoogleReCaptchaV3.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
function
|
|
2
|
-
function
|
|
3
|
-
function asyncGeneratorStep(
|
|
4
|
-
function _asyncToGenerator(
|
|
5
|
-
function _slicedToArray(
|
|
1
|
+
function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
|
|
2
|
+
function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
|
|
3
|
+
function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
|
|
4
|
+
function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
|
|
5
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
6
6
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
7
|
-
function _unsupportedIterableToArray(
|
|
8
|
-
function _arrayLikeToArray(
|
|
9
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0)
|
|
10
|
-
function _arrayWithHoles(
|
|
7
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
8
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
9
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
10
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
11
11
|
import { useCallback, useEffect } from 'react';
|
|
12
12
|
import useScript from './useScript';
|
|
13
13
|
export function useGoogleReCaptchaV3(_ref) {
|
|
@@ -26,46 +26,41 @@ export function useGoogleReCaptchaV3(_ref) {
|
|
|
26
26
|
}
|
|
27
27
|
if (error) throw new Error('Google ReCaptcha script failed to load');
|
|
28
28
|
}, [loaded, error, disabled]);
|
|
29
|
-
var executeReCaptcha = useCallback(
|
|
30
|
-
var _ref2 = _asyncToGenerator(
|
|
29
|
+
var executeReCaptcha = useCallback(/*#__PURE__*/function () {
|
|
30
|
+
var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(action) {
|
|
31
31
|
var _window, grecaptcha;
|
|
32
|
-
return
|
|
33
|
-
while (1) {
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
grecaptcha.
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
resolve(token);
|
|
62
|
-
});
|
|
32
|
+
return _regenerator().w(function (_context) {
|
|
33
|
+
while (1) switch (_context.n) {
|
|
34
|
+
case 0:
|
|
35
|
+
if (window) {
|
|
36
|
+
_context.n = 1;
|
|
37
|
+
break;
|
|
38
|
+
}
|
|
39
|
+
throw new Error('ERROR: NOT A WEB BROWSER');
|
|
40
|
+
case 1:
|
|
41
|
+
if (!disabled) {
|
|
42
|
+
_context.n = 2;
|
|
43
|
+
break;
|
|
44
|
+
}
|
|
45
|
+
return _context.a(2, Promise.resolve(undefined));
|
|
46
|
+
case 2:
|
|
47
|
+
_window = window, grecaptcha = _window.grecaptcha;
|
|
48
|
+
if (grecaptcha) {
|
|
49
|
+
_context.n = 3;
|
|
50
|
+
break;
|
|
51
|
+
}
|
|
52
|
+
throw new Error('ERROR: SCRIPT NOT AVAILABLE');
|
|
53
|
+
case 3:
|
|
54
|
+
return _context.a(2, new Promise(function (resolve) {
|
|
55
|
+
// Invoke the ReCaptcha check.
|
|
56
|
+
grecaptcha.ready(function () {
|
|
57
|
+
grecaptcha.execute(siteKey, {
|
|
58
|
+
action: action
|
|
59
|
+
}).then(function (token) {
|
|
60
|
+
resolve(token);
|
|
63
61
|
});
|
|
64
|
-
})
|
|
65
|
-
|
|
66
|
-
case "end":
|
|
67
|
-
return _context.stop();
|
|
68
|
-
}
|
|
62
|
+
});
|
|
63
|
+
}));
|
|
69
64
|
}
|
|
70
65
|
}, _callee);
|
|
71
66
|
}));
|
package/useOffline.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
function _slicedToArray(
|
|
1
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
2
2
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3
|
-
function _unsupportedIterableToArray(
|
|
4
|
-
function _arrayLikeToArray(
|
|
5
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0)
|
|
6
|
-
function _arrayWithHoles(
|
|
3
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
4
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
5
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
6
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
7
7
|
import { useEffect, useState } from 'react';
|
|
8
8
|
var getOnLineStatus = function getOnLineStatus() {
|
|
9
9
|
return typeof window !== 'undefined' && typeof navigator !== 'undefined' && typeof navigator.onLine === 'boolean' ? navigator.onLine : true;
|
package/useScript.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
function _slicedToArray(
|
|
1
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
2
2
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0)
|
|
4
|
-
function _arrayWithHoles(
|
|
3
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
4
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
5
5
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
6
|
-
function _createForOfIteratorHelper(
|
|
7
|
-
function _unsupportedIterableToArray(
|
|
8
|
-
function _arrayLikeToArray(
|
|
9
|
-
function _classCallCheck(
|
|
10
|
-
function _defineProperties(
|
|
11
|
-
function _createClass(
|
|
6
|
+
function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
|
|
7
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
8
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
9
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
10
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
11
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
12
12
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
13
13
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
14
14
|
import { useState, useEffect } from 'react';
|
|
@@ -21,21 +21,21 @@ var Script = /*#__PURE__*/function () {
|
|
|
21
21
|
var script = document.createElement('script');
|
|
22
22
|
script.src = src;
|
|
23
23
|
script.async = true;
|
|
24
|
-
var
|
|
24
|
+
var _load = function load() {
|
|
25
25
|
_this.state = 'LOADED';
|
|
26
|
-
script.removeEventListener('load',
|
|
26
|
+
script.removeEventListener('load', _load);
|
|
27
27
|
_this.emitState();
|
|
28
28
|
};
|
|
29
|
-
var
|
|
29
|
+
var _error = function error() {
|
|
30
30
|
_this.state = 'ERROR';
|
|
31
|
-
script.removeEventListener('error',
|
|
31
|
+
script.removeEventListener('error', _error);
|
|
32
32
|
_this.emitState();
|
|
33
33
|
};
|
|
34
|
-
script.addEventListener('load',
|
|
35
|
-
script.addEventListener('error',
|
|
34
|
+
script.addEventListener('load', _load);
|
|
35
|
+
script.addEventListener('error', _error);
|
|
36
36
|
document.body.appendChild(script);
|
|
37
37
|
}
|
|
38
|
-
_createClass(Script, [{
|
|
38
|
+
return _createClass(Script, [{
|
|
39
39
|
key: "onStateChange",
|
|
40
40
|
value: function onStateChange(cb) {
|
|
41
41
|
var _this2 = this;
|
|
@@ -63,7 +63,6 @@ var Script = /*#__PURE__*/function () {
|
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
}]);
|
|
66
|
-
return Script;
|
|
67
66
|
}();
|
|
68
67
|
var scripts = new Map();
|
|
69
68
|
|