@dfds-ui/hooks 1.1.3-alpha.9f6efa97 → 1.1.3-alpha.af057446

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/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "React hooks",
4
4
  "license": "MIT",
5
5
  "private": false,
6
- "version": "1.1.3-alpha.9f6efa97",
6
+ "version": "1.1.3-alpha.af057446",
7
7
  "sideEffects": false,
8
8
  "main": "./cjs/index.js",
9
9
  "module": "./index.js",
@@ -16,7 +16,7 @@
16
16
  "dependencies": {
17
17
  "use-resize-observer": "^6.1.0"
18
18
  },
19
- "gitHead": "9f6efa9754d7a1dd4de9aa685ccd6757679a2883",
19
+ "gitHead": "af05744678b64280a1f9c7c5379e1dd3819e39cb",
20
20
  "publishConfig": {
21
21
  "access": "public"
22
22
  }
package/cjs/index.d.ts DELETED
@@ -1,6 +0,0 @@
1
- export { default as useScript } from './useScript';
2
- export { default as useResizeObserver } from './useResizeObserver';
3
- export { default as useForwardedRef } from './useForwardedRef';
4
- export { default as useOffline } from './useOffline';
5
- export { default as useDimensions } from './useDimensions';
6
- export * from './useGoogleReCaptchaV3';
package/cjs/index.js DELETED
@@ -1,68 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- var _exportNames = {
7
- useScript: true,
8
- useResizeObserver: true,
9
- useForwardedRef: true,
10
- useOffline: true,
11
- useDimensions: true
12
- };
13
- Object.defineProperty(exports, "useScript", {
14
- enumerable: true,
15
- get: function get() {
16
- return _useScript.default;
17
- }
18
- });
19
- Object.defineProperty(exports, "useResizeObserver", {
20
- enumerable: true,
21
- get: function get() {
22
- return _useResizeObserver.default;
23
- }
24
- });
25
- Object.defineProperty(exports, "useForwardedRef", {
26
- enumerable: true,
27
- get: function get() {
28
- return _useForwardedRef.default;
29
- }
30
- });
31
- Object.defineProperty(exports, "useOffline", {
32
- enumerable: true,
33
- get: function get() {
34
- return _useOffline.default;
35
- }
36
- });
37
- Object.defineProperty(exports, "useDimensions", {
38
- enumerable: true,
39
- get: function get() {
40
- return _useDimensions.default;
41
- }
42
- });
43
-
44
- var _useScript = _interopRequireDefault(require("./useScript"));
45
-
46
- var _useResizeObserver = _interopRequireDefault(require("./useResizeObserver"));
47
-
48
- var _useForwardedRef = _interopRequireDefault(require("./useForwardedRef"));
49
-
50
- var _useOffline = _interopRequireDefault(require("./useOffline"));
51
-
52
- var _useDimensions = _interopRequireDefault(require("./useDimensions"));
53
-
54
- var _useGoogleReCaptchaV = require("./useGoogleReCaptchaV3");
55
-
56
- Object.keys(_useGoogleReCaptchaV).forEach(function (key) {
57
- if (key === "default" || key === "__esModule") return;
58
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
59
- if (key in exports && exports[key] === _useGoogleReCaptchaV[key]) return;
60
- Object.defineProperty(exports, key, {
61
- enumerable: true,
62
- get: function get() {
63
- return _useGoogleReCaptchaV[key];
64
- }
65
- });
66
- });
67
-
68
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,16 +0,0 @@
1
- export interface DimensionObject {
2
- width: number;
3
- height: number;
4
- top: number;
5
- left: number;
6
- x: number;
7
- y: number;
8
- right: number;
9
- bottom: number;
10
- }
11
- export declare type UseDimensionsHook = [(node: HTMLElement | null) => void, DimensionObject, HTMLElement | null];
12
- export interface UseDimensionsArgs {
13
- liveMeasure?: boolean;
14
- }
15
- declare function useDimensions({ liveMeasure }?: UseDimensionsArgs): UseDimensionsHook;
16
- export default useDimensions;
@@ -1,94 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _react = require("react");
9
-
10
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
11
-
12
- 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."); }
13
-
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
-
16
- 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; }
17
-
18
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
19
-
20
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
21
-
22
- const EMPTY_DIMENSION_OBJECT = {
23
- width: 0,
24
- height: 0,
25
- top: 0,
26
- left: 0,
27
- x: 0,
28
- y: 0,
29
- right: 0,
30
- bottom: 0
31
- };
32
-
33
- function getDimensionObject(node) {
34
- const rect = node.getBoundingClientRect();
35
- /** @ts-ignore */
36
-
37
- const left = 'x' in rect ? rect.x : rect.left;
38
- /** @ts-ignore */
39
-
40
- const top = 'y' in rect ? rect.y : rect.top;
41
- return {
42
- width: rect.width,
43
- height: rect.height,
44
- x: left,
45
- y: top,
46
- top: top,
47
- left: left,
48
- right: rect.right,
49
- bottom: rect.bottom
50
- };
51
- }
52
-
53
- function useDimensions({
54
- liveMeasure = true
55
- } = {}) {
56
- const _useState = (0, _react.useState)(EMPTY_DIMENSION_OBJECT),
57
- _useState2 = _slicedToArray(_useState, 2),
58
- dimensions = _useState2[0],
59
- setDimensions = _useState2[1];
60
-
61
- const _useState3 = (0, _react.useState)(null),
62
- _useState4 = _slicedToArray(_useState3, 2),
63
- node = _useState4[0],
64
- setNode = _useState4[1];
65
-
66
- const ref = (0, _react.useCallback)(node => {
67
- setNode(node);
68
- }, []);
69
- const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? _react.useLayoutEffect : _react.useEffect;
70
- useIsomorphicLayoutEffect(() => {
71
- if (node) {
72
- const measure = () => window.requestAnimationFrame(() => setDimensions(getDimensionObject(node)));
73
-
74
- measure();
75
-
76
- if (liveMeasure) {
77
- window.addEventListener('resize', measure);
78
- window.addEventListener('scroll', measure);
79
- return () => {
80
- window.removeEventListener('resize', measure);
81
- window.removeEventListener('scroll', measure);
82
- };
83
- }
84
- }
85
-
86
- return () => {
87
- /* no-op */
88
- };
89
- }, [liveMeasure, node]);
90
- return [ref, dimensions, node];
91
- }
92
-
93
- var _default = useDimensions;
94
- exports.default = _default;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare function useForwardedRef<T>(forwardedRef: ((instance: T | null) => void) | React.MutableRefObject<T | null> | null): React.RefObject<T>;
3
- export default useForwardedRef;
@@ -1,31 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
-
12
- function useForwardedRef(forwardedRef) {
13
- const innerRef = _react.default.useRef(null);
14
-
15
- _react.default.useEffect(() => {
16
- if (!forwardedRef) {
17
- return;
18
- }
19
-
20
- if (typeof forwardedRef === 'function') {
21
- forwardedRef(innerRef.current);
22
- } else {
23
- forwardedRef.current = innerRef.current;
24
- }
25
- }, [forwardedRef]);
26
-
27
- return innerRef;
28
- }
29
-
30
- var _default = useForwardedRef;
31
- exports.default = _default;
@@ -1,18 +0,0 @@
1
- declare global {
2
- interface Window {
3
- grecaptcha: any;
4
- }
5
- }
6
- export declare type GoogleReCaptchaV3Options = {
7
- /**
8
- * The `sitekey` to use with reCAPTCHA v3.
9
- * https://developers.google.com/recaptcha/docs/v3
10
- */
11
- siteKey: string;
12
- /**
13
- * Disable ReCaptcha preventing the script from loading and return undefined from the execute function.
14
- * This is useful when consumer needs to conditionally enable or disable ReCaptcha
15
- */
16
- disabled?: boolean;
17
- };
18
- export declare function useGoogleReCaptchaV3({ siteKey, disabled }: GoogleReCaptchaV3Options): (action?: string | undefined) => Promise<string | undefined>;
@@ -1,82 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useGoogleReCaptchaV3 = useGoogleReCaptchaV3;
7
-
8
- var _react = require("react");
9
-
10
- var _useScript3 = _interopRequireDefault(require("./useScript"));
11
-
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
- 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); } }
15
-
16
- 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); }); }; }
17
-
18
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
19
-
20
- 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."); }
21
-
22
- 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); }
23
-
24
- 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; }
25
-
26
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
27
-
28
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
29
-
30
- function useGoogleReCaptchaV3({
31
- siteKey,
32
- disabled = false
33
- }) {
34
- // Load ReCaptcha script.
35
- const _useScript = (0, _useScript3.default)(`https://www.google.com/recaptcha/api.js?render=${siteKey}`, disabled),
36
- _useScript2 = _slicedToArray(_useScript, 2),
37
- loaded = _useScript2[0],
38
- error = _useScript2[1];
39
-
40
- (0, _react.useEffect)(() => {
41
- if (loaded && !disabled) {
42
- // eslint-disable-next-line no-console
43
- console.log('Google ReCaptcha script loaded!');
44
- }
45
-
46
- if (error) throw new Error('Google ReCaptcha script failed to load');
47
- }, [loaded, error, disabled]);
48
- const executeReCaptcha = (0, _react.useCallback)( /*#__PURE__*/function () {
49
- var _ref = _asyncToGenerator(function* (action) {
50
- if (!window) {
51
- throw new Error('ERROR: NOT A WEB BROWSER');
52
- }
53
-
54
- if (disabled) {
55
- return Promise.resolve(undefined);
56
- }
57
-
58
- const _window = window,
59
- grecaptcha = _window.grecaptcha;
60
-
61
- if (!grecaptcha) {
62
- throw new Error('ERROR: SCRIPT NOT AVAILABLE');
63
- }
64
-
65
- return new Promise(resolve => {
66
- // Invoke the ReCaptcha check.
67
- grecaptcha.ready(() => {
68
- grecaptcha.execute(siteKey, {
69
- action
70
- }).then(token => {
71
- resolve(token);
72
- });
73
- });
74
- });
75
- });
76
-
77
- return function (_x) {
78
- return _ref.apply(this, arguments);
79
- };
80
- }(), [siteKey, disabled]);
81
- return executeReCaptcha;
82
- }
@@ -1,5 +0,0 @@
1
- declare const useOffline: () => {
2
- isOnline: boolean;
3
- isOffline: boolean;
4
- };
5
- export default useOffline;
package/cjs/useOffline.js DELETED
@@ -1,49 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _react = require("react");
9
-
10
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
11
-
12
- 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."); }
13
-
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
-
16
- 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; }
17
-
18
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
19
-
20
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
21
-
22
- const getOnLineStatus = () => typeof window !== 'undefined' && typeof navigator !== 'undefined' && typeof navigator.onLine === 'boolean' ? navigator.onLine : true;
23
-
24
- const useOffline = () => {
25
- const _useState = (0, _react.useState)(getOnLineStatus()),
26
- _useState2 = _slicedToArray(_useState, 2),
27
- status = _useState2[0],
28
- setStatus = _useState2[1];
29
-
30
- const setOnline = () => setStatus(true);
31
-
32
- const setOffline = () => setStatus(false);
33
-
34
- (0, _react.useEffect)(() => {
35
- window.addEventListener('online', setOnline);
36
- window.addEventListener('offline', setOffline);
37
- return () => {
38
- window.removeEventListener('online', setOnline);
39
- window.removeEventListener('offline', setOffline);
40
- };
41
- }, []);
42
- return {
43
- isOnline: status,
44
- isOffline: !status
45
- };
46
- };
47
-
48
- var _default = useOffline;
49
- exports.default = _default;
@@ -1,2 +0,0 @@
1
- import useResizeObserver from 'use-resize-observer/polyfilled';
2
- export default useResizeObserver;
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _polyfilled = _interopRequireDefault(require("use-resize-observer/polyfilled"));
9
-
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
-
12
- var _default = _polyfilled.default;
13
- exports.default = _default;
@@ -1,8 +0,0 @@
1
- /**
2
- * Hook for loading external script
3
- * @param {string} src - The URL of the script
4
- * @param {boolean} [doNotLoad=false] - If set to true the script will not be loaded
5
- * This can be handy because hooks can not be called conditionally by the consumer
6
- */
7
- declare function useScript(src: string, doNotLoad?: boolean): boolean[];
8
- export default useScript;
package/cjs/useScript.js DELETED
@@ -1,133 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _react = require("react");
9
-
10
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
11
-
12
- 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."); }
13
-
14
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
15
-
16
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
17
-
18
- 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(_e2) { throw _e2; }, 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(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
19
-
20
- 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); }
21
-
22
- 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; }
23
-
24
- class Script {
25
- constructor(src) {
26
- this.state = 'PENDING';
27
- this.listeners = [];
28
- const script = document.createElement('script');
29
- script.src = src;
30
- script.async = true;
31
-
32
- const load = () => {
33
- this.state = 'LOADED';
34
- script.removeEventListener('load', load);
35
- this.emitState();
36
- };
37
-
38
- const error = () => {
39
- this.state = 'ERROR';
40
- script.removeEventListener('error', error);
41
- this.emitState();
42
- };
43
-
44
- script.addEventListener('load', load);
45
- script.addEventListener('error', error);
46
- document.body.appendChild(script);
47
- }
48
-
49
- onStateChange(cb) {
50
- this.listeners.push(cb);
51
- return () => {
52
- this.listeners = this.listeners.filter(fn => fn !== cb);
53
- };
54
- }
55
-
56
- emitState() {
57
- var _iterator = _createForOfIteratorHelper(this.listeners),
58
- _step;
59
-
60
- try {
61
- for (_iterator.s(); !(_step = _iterator.n()).done;) {
62
- const cb = _step.value;
63
- cb(this.state);
64
- }
65
- } catch (err) {
66
- _iterator.e(err);
67
- } finally {
68
- _iterator.f();
69
- }
70
- }
71
-
72
- }
73
-
74
- const scripts = new Map();
75
- /**
76
- * Hook for loading external script
77
- * @param {string} src - The URL of the script
78
- * @param {boolean} [doNotLoad=false] - If set to true the script will not be loaded
79
- * This can be handy because hooks can not be called conditionally by the consumer
80
- */
81
-
82
- function useScript(src, doNotLoad = false) {
83
- // Keeping track of script loaded and error state
84
- const _useState = (0, _react.useState)({
85
- loaded: false,
86
- error: false
87
- }),
88
- _useState2 = _slicedToArray(_useState, 2),
89
- state = _useState2[0],
90
- setState = _useState2[1];
91
-
92
- (0, _react.useEffect)(() => {
93
- // If doNotLoad we return early so the script will not be loaded
94
- if (doNotLoad) {
95
- setState({
96
- loaded: true,
97
- error: false
98
- });
99
- return;
100
- } // If scripts already includes src it means that the script was already
101
- // loaded by another instance of the hook, so no need to load again
102
-
103
-
104
- const script = scripts.get(src) || scripts.set(src, new Script(src)).get(src);
105
-
106
- if (script.state === 'LOADED') {
107
- setState({
108
- loaded: true,
109
- error: false
110
- });
111
- return;
112
- }
113
-
114
- return script.onStateChange(state => {
115
- if (state === 'ERROR') {
116
- scripts.delete(src);
117
- setState({
118
- loaded: true,
119
- error: true
120
- });
121
- } else {
122
- setState({
123
- loaded: true,
124
- error: false
125
- });
126
- }
127
- });
128
- }, [src, doNotLoad]);
129
- return [state.loaded, state.error];
130
- }
131
-
132
- var _default = useScript;
133
- exports.default = _default;
package/index.d.ts DELETED
@@ -1,6 +0,0 @@
1
- export { default as useScript } from './useScript';
2
- export { default as useResizeObserver } from './useResizeObserver';
3
- export { default as useForwardedRef } from './useForwardedRef';
4
- export { default as useOffline } from './useOffline';
5
- export { default as useDimensions } from './useDimensions';
6
- export * from './useGoogleReCaptchaV3';
package/index.js DELETED
@@ -1,6 +0,0 @@
1
- export { default as useScript } from './useScript';
2
- export { default as useResizeObserver } from './useResizeObserver';
3
- export { default as useForwardedRef } from './useForwardedRef';
4
- export { default as useOffline } from './useOffline';
5
- export { default as useDimensions } from './useDimensions';
6
- export * from './useGoogleReCaptchaV3';
@@ -1,16 +0,0 @@
1
- export interface DimensionObject {
2
- width: number;
3
- height: number;
4
- top: number;
5
- left: number;
6
- x: number;
7
- y: number;
8
- right: number;
9
- bottom: number;
10
- }
11
- export declare type UseDimensionsHook = [(node: HTMLElement | null) => void, DimensionObject, HTMLElement | null];
12
- export interface UseDimensionsArgs {
13
- liveMeasure?: boolean;
14
- }
15
- declare function useDimensions({ liveMeasure }?: UseDimensionsArgs): UseDimensionsHook;
16
- export default useDimensions;
package/useDimensions.js DELETED
@@ -1,92 +0,0 @@
1
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
-
3
- 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."); }
4
-
5
- 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); }
6
-
7
- 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; }
8
-
9
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
10
-
11
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
12
-
13
- /* eslint-disable @typescript-eslint/ban-ts-comment */
14
- import { useState, useCallback, useLayoutEffect, useEffect } from 'react';
15
- var EMPTY_DIMENSION_OBJECT = {
16
- width: 0,
17
- height: 0,
18
- top: 0,
19
- left: 0,
20
- x: 0,
21
- y: 0,
22
- right: 0,
23
- bottom: 0
24
- };
25
-
26
- function getDimensionObject(node) {
27
- var rect = node.getBoundingClientRect();
28
- /** @ts-ignore */
29
-
30
- var left = 'x' in rect ? rect.x : rect.left;
31
- /** @ts-ignore */
32
-
33
- var top = 'y' in rect ? rect.y : rect.top;
34
- return {
35
- width: rect.width,
36
- height: rect.height,
37
- x: left,
38
- y: top,
39
- top: top,
40
- left: left,
41
- right: rect.right,
42
- bottom: rect.bottom
43
- };
44
- }
45
-
46
- function useDimensions() {
47
- var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
48
- _ref$liveMeasure = _ref.liveMeasure,
49
- liveMeasure = _ref$liveMeasure === void 0 ? true : _ref$liveMeasure;
50
-
51
- var _useState = useState(EMPTY_DIMENSION_OBJECT),
52
- _useState2 = _slicedToArray(_useState, 2),
53
- dimensions = _useState2[0],
54
- setDimensions = _useState2[1];
55
-
56
- var _useState3 = useState(null),
57
- _useState4 = _slicedToArray(_useState3, 2),
58
- node = _useState4[0],
59
- setNode = _useState4[1];
60
-
61
- var ref = useCallback(function (node) {
62
- setNode(node);
63
- }, []);
64
- var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
65
- useIsomorphicLayoutEffect(function () {
66
- if (node) {
67
- var measure = function measure() {
68
- return window.requestAnimationFrame(function () {
69
- return setDimensions(getDimensionObject(node));
70
- });
71
- };
72
-
73
- measure();
74
-
75
- if (liveMeasure) {
76
- window.addEventListener('resize', measure);
77
- window.addEventListener('scroll', measure);
78
- return function () {
79
- window.removeEventListener('resize', measure);
80
- window.removeEventListener('scroll', measure);
81
- };
82
- }
83
- }
84
-
85
- return function () {
86
- /* no-op */
87
- };
88
- }, [liveMeasure, node]);
89
- return [ref, dimensions, node];
90
- }
91
-
92
- export default useDimensions;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare function useForwardedRef<T>(forwardedRef: ((instance: T | null) => void) | React.MutableRefObject<T | null> | null): React.RefObject<T>;
3
- export default useForwardedRef;
@@ -1,19 +0,0 @@
1
- import React from 'react';
2
-
3
- function useForwardedRef(forwardedRef) {
4
- var innerRef = React.useRef(null);
5
- React.useEffect(function () {
6
- if (!forwardedRef) {
7
- return;
8
- }
9
-
10
- if (typeof forwardedRef === 'function') {
11
- forwardedRef(innerRef.current);
12
- } else {
13
- forwardedRef.current = innerRef.current;
14
- }
15
- }, [forwardedRef]);
16
- return innerRef;
17
- }
18
-
19
- export default useForwardedRef;
@@ -1,18 +0,0 @@
1
- declare global {
2
- interface Window {
3
- grecaptcha: any;
4
- }
5
- }
6
- export declare type GoogleReCaptchaV3Options = {
7
- /**
8
- * The `sitekey` to use with reCAPTCHA v3.
9
- * https://developers.google.com/recaptcha/docs/v3
10
- */
11
- siteKey: string;
12
- /**
13
- * Disable ReCaptcha preventing the script from loading and return undefined from the execute function.
14
- * This is useful when consumer needs to conditionally enable or disable ReCaptcha
15
- */
16
- disabled?: boolean;
17
- };
18
- export declare function useGoogleReCaptchaV3({ siteKey, disabled }: GoogleReCaptchaV3Options): (action?: string | undefined) => Promise<string | undefined>;
@@ -1,96 +0,0 @@
1
- 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); } }
2
-
3
- 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); }); }; }
4
-
5
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
6
-
7
- 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."); }
8
-
9
- 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); }
10
-
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
-
13
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
14
-
15
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
16
-
17
- import { useCallback, useEffect } from 'react';
18
- import useScript from './useScript';
19
- export function useGoogleReCaptchaV3(_ref) {
20
- var siteKey = _ref.siteKey,
21
- _ref$disabled = _ref.disabled,
22
- disabled = _ref$disabled === void 0 ? false : _ref$disabled;
23
-
24
- // Load ReCaptcha script.
25
- var _useScript = useScript("https://www.google.com/recaptcha/api.js?render=".concat(siteKey), disabled),
26
- _useScript2 = _slicedToArray(_useScript, 2),
27
- loaded = _useScript2[0],
28
- error = _useScript2[1];
29
-
30
- useEffect(function () {
31
- if (loaded && !disabled) {
32
- // eslint-disable-next-line no-console
33
- console.log('Google ReCaptcha script loaded!');
34
- }
35
-
36
- if (error) throw new Error('Google ReCaptcha script failed to load');
37
- }, [loaded, error, disabled]);
38
- var executeReCaptcha = useCallback( /*#__PURE__*/function () {
39
- var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(action) {
40
- var _window, grecaptcha;
41
-
42
- return regeneratorRuntime.wrap(function _callee$(_context) {
43
- while (1) {
44
- switch (_context.prev = _context.next) {
45
- case 0:
46
- if (window) {
47
- _context.next = 2;
48
- break;
49
- }
50
-
51
- throw new Error('ERROR: NOT A WEB BROWSER');
52
-
53
- case 2:
54
- if (!disabled) {
55
- _context.next = 4;
56
- break;
57
- }
58
-
59
- return _context.abrupt("return", Promise.resolve(undefined));
60
-
61
- case 4:
62
- _window = window, grecaptcha = _window.grecaptcha;
63
-
64
- if (grecaptcha) {
65
- _context.next = 7;
66
- break;
67
- }
68
-
69
- throw new Error('ERROR: SCRIPT NOT AVAILABLE');
70
-
71
- case 7:
72
- return _context.abrupt("return", new Promise(function (resolve) {
73
- // Invoke the ReCaptcha check.
74
- grecaptcha.ready(function () {
75
- grecaptcha.execute(siteKey, {
76
- action: action
77
- }).then(function (token) {
78
- resolve(token);
79
- });
80
- });
81
- }));
82
-
83
- case 8:
84
- case "end":
85
- return _context.stop();
86
- }
87
- }
88
- }, _callee);
89
- }));
90
-
91
- return function (_x) {
92
- return _ref2.apply(this, arguments);
93
- };
94
- }(), [siteKey, disabled]);
95
- return executeReCaptcha;
96
- }
package/useOffline.d.ts DELETED
@@ -1,5 +0,0 @@
1
- declare const useOffline: () => {
2
- isOnline: boolean;
3
- isOffline: boolean;
4
- };
5
- export default useOffline;
package/useOffline.js DELETED
@@ -1,47 +0,0 @@
1
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
-
3
- 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."); }
4
-
5
- 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); }
6
-
7
- 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; }
8
-
9
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
10
-
11
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
12
-
13
- import { useEffect, useState } from 'react';
14
-
15
- var getOnLineStatus = function getOnLineStatus() {
16
- return typeof window !== 'undefined' && typeof navigator !== 'undefined' && typeof navigator.onLine === 'boolean' ? navigator.onLine : true;
17
- };
18
-
19
- var useOffline = function useOffline() {
20
- var _useState = useState(getOnLineStatus()),
21
- _useState2 = _slicedToArray(_useState, 2),
22
- status = _useState2[0],
23
- setStatus = _useState2[1];
24
-
25
- var setOnline = function setOnline() {
26
- return setStatus(true);
27
- };
28
-
29
- var setOffline = function setOffline() {
30
- return setStatus(false);
31
- };
32
-
33
- useEffect(function () {
34
- window.addEventListener('online', setOnline);
35
- window.addEventListener('offline', setOffline);
36
- return function () {
37
- window.removeEventListener('online', setOnline);
38
- window.removeEventListener('offline', setOffline);
39
- };
40
- }, []);
41
- return {
42
- isOnline: status,
43
- isOffline: !status
44
- };
45
- };
46
-
47
- export default useOffline;
@@ -1,2 +0,0 @@
1
- import useResizeObserver from 'use-resize-observer/polyfilled';
2
- export default useResizeObserver;
@@ -1,2 +0,0 @@
1
- import useResizeObserver from 'use-resize-observer/polyfilled';
2
- export default useResizeObserver;
package/useScript.d.ts DELETED
@@ -1,8 +0,0 @@
1
- /**
2
- * Hook for loading external script
3
- * @param {string} src - The URL of the script
4
- * @param {boolean} [doNotLoad=false] - If set to true the script will not be loaded
5
- * This can be handy because hooks can not be called conditionally by the consumer
6
- */
7
- declare function useScript(src: string, doNotLoad?: boolean): boolean[];
8
- export default useScript;
package/useScript.js DELETED
@@ -1,148 +0,0 @@
1
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
-
3
- 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."); }
4
-
5
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
6
-
7
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
8
-
9
- 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(_e2) { throw _e2; }, 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(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
10
-
11
- 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); }
12
-
13
- 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; }
14
-
15
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
16
-
17
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
18
-
19
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
20
-
21
- import { useState, useEffect } from 'react';
22
-
23
- var Script = /*#__PURE__*/function () {
24
- function Script(src) {
25
- var _this = this;
26
-
27
- _classCallCheck(this, Script);
28
-
29
- this.state = 'PENDING';
30
- this.listeners = [];
31
- var script = document.createElement('script');
32
- script.src = src;
33
- script.async = true;
34
-
35
- var load = function load() {
36
- _this.state = 'LOADED';
37
- script.removeEventListener('load', load);
38
-
39
- _this.emitState();
40
- };
41
-
42
- var error = function error() {
43
- _this.state = 'ERROR';
44
- script.removeEventListener('error', error);
45
-
46
- _this.emitState();
47
- };
48
-
49
- script.addEventListener('load', load);
50
- script.addEventListener('error', error);
51
- document.body.appendChild(script);
52
- }
53
-
54
- _createClass(Script, [{
55
- key: "onStateChange",
56
- value: function onStateChange(cb) {
57
- var _this2 = this;
58
-
59
- this.listeners.push(cb);
60
- return function () {
61
- _this2.listeners = _this2.listeners.filter(function (fn) {
62
- return fn !== cb;
63
- });
64
- };
65
- }
66
- }, {
67
- key: "emitState",
68
- value: function emitState() {
69
- var _iterator = _createForOfIteratorHelper(this.listeners),
70
- _step;
71
-
72
- try {
73
- for (_iterator.s(); !(_step = _iterator.n()).done;) {
74
- var cb = _step.value;
75
- cb(this.state);
76
- }
77
- } catch (err) {
78
- _iterator.e(err);
79
- } finally {
80
- _iterator.f();
81
- }
82
- }
83
- }]);
84
-
85
- return Script;
86
- }();
87
-
88
- var scripts = new Map();
89
- /**
90
- * Hook for loading external script
91
- * @param {string} src - The URL of the script
92
- * @param {boolean} [doNotLoad=false] - If set to true the script will not be loaded
93
- * This can be handy because hooks can not be called conditionally by the consumer
94
- */
95
-
96
- function useScript(src) {
97
- var doNotLoad = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
98
-
99
- // Keeping track of script loaded and error state
100
- var _useState = useState({
101
- loaded: false,
102
- error: false
103
- }),
104
- _useState2 = _slicedToArray(_useState, 2),
105
- state = _useState2[0],
106
- setState = _useState2[1];
107
-
108
- useEffect(function () {
109
- // If doNotLoad we return early so the script will not be loaded
110
- if (doNotLoad) {
111
- setState({
112
- loaded: true,
113
- error: false
114
- });
115
- return;
116
- } // If scripts already includes src it means that the script was already
117
- // loaded by another instance of the hook, so no need to load again
118
-
119
-
120
- var script = scripts.get(src) || scripts.set(src, new Script(src)).get(src);
121
-
122
- if (script.state === 'LOADED') {
123
- setState({
124
- loaded: true,
125
- error: false
126
- });
127
- return;
128
- }
129
-
130
- return script.onStateChange(function (state) {
131
- if (state === 'ERROR') {
132
- scripts["delete"](src);
133
- setState({
134
- loaded: true,
135
- error: true
136
- });
137
- } else {
138
- setState({
139
- loaded: true,
140
- error: false
141
- });
142
- }
143
- });
144
- }, [src, doNotLoad]);
145
- return [state.loaded, state.error];
146
- }
147
-
148
- export default useScript;