@dfds-ui/hooks 2.0.29 → 2.2.0-alpha.624b924f

package/cjs/index.js

@@ -12,31 +12,31 @@ var _exportNames = {
 };
 Object.defineProperty(exports, "useDimensions", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useDimensions.default;
   }
 });
 Object.defineProperty(exports, "useForwardedRef", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useForwardedRef.default;
   }
 });
 Object.defineProperty(exports, "useOffline", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useOffline.default;
   }
 });
 Object.defineProperty(exports, "useResizeObserver", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useResizeObserver.default;
   }
 });
 Object.defineProperty(exports, "useScript", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useScript.default;
   }
 });
@@ -52,7 +52,7 @@ Object.keys(_useGoogleReCaptchaV).forEach(function (key) {
   if (key in exports && exports[key] === _useGoogleReCaptchaV[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _useGoogleReCaptchaV[key];
     }
   });

package/cjs/useDimensions.js

@@ -5,12 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-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."); }
-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); }
-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; }
-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; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /* eslint-disable @typescript-eslint/ban-ts-comment */
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+
 const EMPTY_DIMENSION_OBJECT = {
   width: 0,
   height: 0,
@@ -41,14 +37,8 @@ function getDimensionObject(node) {
 function useDimensions({
   liveMeasure = true
 } = {}) {
-  const _useState = (0, _react.useState)(EMPTY_DIMENSION_OBJECT),
-    _useState2 = _slicedToArray(_useState, 2),
-    dimensions = _useState2[0],
-    setDimensions = _useState2[1];
-  const _useState3 = (0, _react.useState)(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    node = _useState4[0],
-    setNode = _useState4[1];
+  const [dimensions, setDimensions] = (0, _react.useState)(EMPTY_DIMENSION_OBJECT);
+  const [node, setNode] = (0, _react.useState)(null);
   const ref = (0, _react.useCallback)(node => {
     setNode(node);
   }, []);

package/cjs/useGoogleReCaptchaV3.js

@@ -5,25 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useGoogleReCaptchaV3 = useGoogleReCaptchaV3;
 var _react = require("react");
-var _useScript3 = _interopRequireDefault(require("./useScript"));
+var _useScript = _interopRequireDefault(require("./useScript"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); } }
-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); }); }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-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."); }
-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); }
-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; }
-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; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function useGoogleReCaptchaV3({
   siteKey,
   disabled = false
 }) {
   // Load ReCaptcha script.
-  const _useScript = (0, _useScript3.default)(`https://www.google.com/recaptcha/api.js?render=${siteKey}`, disabled),
-    _useScript2 = _slicedToArray(_useScript, 2),
-    loaded = _useScript2[0],
-    error = _useScript2[1];
+  const [loaded, error] = (0, _useScript.default)(`https://www.google.com/recaptcha/api.js?render=${siteKey}`, disabled);
   (0, _react.useEffect)(() => {
     if (loaded && !disabled) {
       // eslint-disable-next-line no-console
@@ -31,33 +20,29 @@ function useGoogleReCaptchaV3({
     }
     if (error) throw new Error('Google ReCaptcha script failed to load');
   }, [loaded, error, disabled]);
-  const executeReCaptcha = (0, _react.useCallback)( /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(function* (action) {
-      if (!window) {
-        throw new Error('ERROR: NOT A WEB BROWSER');
-      }
-      if (disabled) {
-        return Promise.resolve(undefined);
-      }
-      const _window = window,
-        grecaptcha = _window.grecaptcha;
-      if (!grecaptcha) {
-        throw new Error('ERROR: SCRIPT NOT AVAILABLE');
-      }
-      return new Promise(resolve => {
-        // Invoke the ReCaptcha check.
-        grecaptcha.ready(() => {
-          grecaptcha.execute(siteKey, {
-            action
-          }).then(token => {
-            resolve(token);
-          });
+  const executeReCaptcha = (0, _react.useCallback)(async action => {
+    if (!window) {
+      throw new Error('ERROR: NOT A WEB BROWSER');
+    }
+    if (disabled) {
+      return Promise.resolve(undefined);
+    }
+    const {
+      grecaptcha
+    } = window;
+    if (!grecaptcha) {
+      throw new Error('ERROR: SCRIPT NOT AVAILABLE');
+    }
+    return new Promise(resolve => {
+      // Invoke the ReCaptcha check.
+      grecaptcha.ready(() => {
+        grecaptcha.execute(siteKey, {
+          action
+        }).then(token => {
+          resolve(token);
         });
       });
     });
-    return function (_x) {
-      return _ref.apply(this, arguments);
-    };
-  }(), [siteKey, disabled]);
+  }, [siteKey, disabled]);
   return executeReCaptcha;
 }

package/cjs/useOffline.js

@@ -5,18 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-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."); }
-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); }
-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; }
-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; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 const getOnLineStatus = () => typeof window !== 'undefined' && typeof navigator !== 'undefined' && typeof navigator.onLine === 'boolean' ? navigator.onLine : true;
 const useOffline = () => {
-  const _useState = (0, _react.useState)(getOnLineStatus()),
-    _useState2 = _slicedToArray(_useState, 2),
-    status = _useState2[0],
-    setStatus = _useState2[1];
+  const [status, setStatus] = (0, _react.useState)(getOnLineStatus());
   const setOnline = () => setStatus(true);
   const setOffline = () => setStatus(false);
   (0, _react.useEffect)(() => {

package/cjs/useScript.js

@@ -5,13 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-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."); }
-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; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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; } } }; }
-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); }
-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; }
 class Script {
   constructor(src) {
     this.state = 'PENDING';
@@ -40,17 +33,8 @@ class Script {
     };
   }
   emitState() {
-    var _iterator = _createForOfIteratorHelper(this.listeners),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        const cb = _step.value;
-        cb(this.state);
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
+    for (const cb of this.listeners) {
+      cb(this.state);
     }
   }
 }
@@ -64,13 +48,10 @@ const scripts = new Map();
  */
 function useScript(src, doNotLoad = false) {
   // Keeping track of script loaded and error state
-  const _useState = (0, _react.useState)({
-      loaded: false,
-      error: false
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
+  const [state, setState] = (0, _react.useState)({
+    loaded: false,
+    error: false
+  });
   (0, _react.useEffect)(() => {
     // If doNotLoad we return early so the script will not be loaded
     if (doNotLoad) {

package/package.json

@@ -3,7 +3,7 @@
   "description": "React hooks",
   "license": "MIT",
   "private": false,
-  "version": "2.0.29",
+  "version": "2.2.0-alpha.624b924f",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -16,7 +16,7 @@
   "dependencies": {
     "use-resize-observer": "^9.0.2"
   },
-  "gitHead": "60bd70013cac7851ef2636948985f2ecdecc0729",
+  "gitHead": "624b924f68340481160c2a5fe140b22d950beb6d",
   "publishConfig": {
     "access": "public"
   }

package/useDimensions.d.ts

@@ -8,7 +8,7 @@ export interface DimensionObject {
     right: number;
     bottom: number;
 }
-export declare type UseDimensionsHook = [(node: HTMLElement | null) => void, DimensionObject, HTMLElement | null];
+export type UseDimensionsHook = [(node: HTMLElement | null) => void, DimensionObject, HTMLElement | null];
 export interface UseDimensionsArgs {
     liveMeasure?: boolean;
 }

package/useGoogleReCaptchaV3.d.ts

@@ -3,7 +3,7 @@ declare global {
         grecaptcha: any;
     }
 }
-export declare type GoogleReCaptchaV3Options = {
+export type GoogleReCaptchaV3Options = {
     /**
      * The `sitekey` to use with reCAPTCHA v3.
      * https://developers.google.com/recaptcha/docs/v3

package/cjs/index.d.ts

@@ -1,6 +0,0 @@
-export { default as useScript } from './useScript';
-export { default as useResizeObserver } from './useResizeObserver';
-export { default as useForwardedRef } from './useForwardedRef';
-export { default as useOffline } from './useOffline';
-export { default as useDimensions } from './useDimensions';
-export * from './useGoogleReCaptchaV3';

package/cjs/useDimensions.d.ts

@@ -1,16 +0,0 @@
-export interface DimensionObject {
-    width: number;
-    height: number;
-    top: number;
-    left: number;
-    x: number;
-    y: number;
-    right: number;
-    bottom: number;
-}
-export declare type UseDimensionsHook = [(node: HTMLElement | null) => void, DimensionObject, HTMLElement | null];
-export interface UseDimensionsArgs {
-    liveMeasure?: boolean;
-}
-declare function useDimensions({ liveMeasure }?: UseDimensionsArgs): UseDimensionsHook;
-export default useDimensions;

package/cjs/useForwardedRef.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare function useForwardedRef<T>(forwardedRef: ((instance: T | null) => void) | React.MutableRefObject<T | null> | null): React.RefObject<T>;
-export default useForwardedRef;

package/cjs/useGoogleReCaptchaV3.d.ts

@@ -1,18 +0,0 @@
-declare global {
-    interface Window {
-        grecaptcha: any;
-    }
-}
-export declare type GoogleReCaptchaV3Options = {
-    /**
-     * The `sitekey` to use with reCAPTCHA v3.
-     * https://developers.google.com/recaptcha/docs/v3
-     */
-    siteKey: string;
-    /**
-     * Disable ReCaptcha preventing the script from loading and return undefined from the execute function.
-     * This is useful when consumer needs to conditionally enable or disable ReCaptcha
-     */
-    disabled?: boolean;
-};
-export declare function useGoogleReCaptchaV3({ siteKey, disabled }: GoogleReCaptchaV3Options): (action?: string) => Promise<string | undefined>;

package/cjs/useOffline.d.ts

@@ -1,5 +0,0 @@
-declare const useOffline: () => {
-    isOnline: boolean;
-    isOffline: boolean;
-};
-export default useOffline;

package/cjs/useResizeObserver.d.ts

@@ -1,2 +0,0 @@
-import useResizeObserver from 'use-resize-observer/polyfilled';
-export default useResizeObserver;

package/cjs/useScript.d.ts

@@ -1,8 +0,0 @@
-/**
- * Hook for loading external script
- * @param {string} src - The URL of the script
- * @param {boolean} [doNotLoad=false] - If set to true the script will not be loaded
- *  This can be handy because hooks can not be called conditionally by the consumer
- */
-declare function useScript(src: string, doNotLoad?: boolean): boolean[];
-export default useScript;