@dfds-ui/hooks 2.2.0-alpha.e010e72f → 2.2.0-alpha.eae7bbcd
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 +6 -6
- package/cjs/useDimensions.js +4 -14
- package/cjs/useGoogleReCaptchaV3.js +23 -38
- package/cjs/useOffline.js +1 -10
- package/cjs/useScript.js +6 -25
- package/package.json +4 -4
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,7 +52,7 @@ 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
|
});
|
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(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; } }
|
|
11
|
-
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; }
|
|
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(r) { if (Array.isArray(r)) return r; } /* 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,
|
|
@@ -41,14 +37,8 @@ function getDimensionObject(node) {
|
|
|
41
37
|
function useDimensions({
|
|
42
38
|
liveMeasure = true
|
|
43
39
|
} = {}) {
|
|
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];
|
|
40
|
+
const [dimensions, setDimensions] = (0, _react.useState)(EMPTY_DIMENSION_OBJECT);
|
|
41
|
+
const [node, setNode] = (0, _react.useState)(null);
|
|
52
42
|
const ref = (0, _react.useCallback)(node => {
|
|
53
43
|
setNode(node);
|
|
54
44
|
}, []);
|
|
@@ -5,25 +5,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useGoogleReCaptchaV3 = useGoogleReCaptchaV3;
|
|
7
7
|
var _react = require("react");
|
|
8
|
-
var
|
|
8
|
+
var _useScript = _interopRequireDefault(require("./useScript"));
|
|
9
9
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
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); }
|
|
11
|
-
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); }); }; }
|
|
12
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(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; } }
|
|
15
|
-
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; }
|
|
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(r) { if (Array.isArray(r)) return r; }
|
|
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(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(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; } }
|
|
11
|
-
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; }
|
|
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(r) { if (Array.isArray(r)) return r; }
|
|
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)(() => {
|
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(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r) { if (Array.isArray(r)) return r; }
|
|
12
|
-
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; } } }; }
|
|
13
|
-
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; } }
|
|
14
|
-
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; }
|
|
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) {
|
package/package.json
CHANGED
|
@@ -3,20 +3,20 @@
|
|
|
3
3
|
"description": "React hooks",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"private": false,
|
|
6
|
-
"version": "2.2.0-alpha.
|
|
6
|
+
"version": "2.2.0-alpha.eae7bbcd",
|
|
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": ">= 18.3.1",
|
|
14
|
+
"react-dom": ">= 18.3.1"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"use-resize-observer": "^9.0.2"
|
|
18
18
|
},
|
|
19
|
-
"gitHead": "
|
|
19
|
+
"gitHead": "eae7bbcd0c1bf58cb5af83776b44c10afde89654",
|
|
20
20
|
"publishConfig": {
|
|
21
21
|
"access": "public"
|
|
22
22
|
}
|