@pedidopago/ui 1.6.9 → 1.6.11

package/dist/shared/components/FocusLock/index.js

@@ -1,34 +1,27 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["isLocked", "children"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var FocusLock = function FocusLock(_ref) {
   var _ref$isLocked = _ref.isLocked,
-      isLocked = _ref$isLocked === void 0 ? true : _ref$isLocked,
-      children = _ref.children,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  var rootNode = (0, _react.useRef)(null); // const focusableItems = useRef([]);
-
+    isLocked = _ref$isLocked === void 0 ? true : _ref$isLocked,
+    children = _ref.children,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var rootNode = (0, _react.useRef)(null);
+  // const focusableItems = useRef([]);
   var focusableItems = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
     var updateFocusableItems = function updateFocusableItems() {
@@ -36,18 +29,15 @@ var FocusLock = function FocusLock(_ref) {
         focusableItems.current = rootNode.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), video');
       }
     };
-
     var observer = new MutationObserver(function () {
       updateFocusableItems();
     });
     updateFocusableItems();
-
     if (rootNode !== null && rootNode !== void 0 && rootNode.current) {
       observer.observe(rootNode.current, {
         childList: true
       });
     }
-
     return function () {
       observer.disconnect();
     };
@@ -56,34 +46,32 @@ var FocusLock = function FocusLock(_ref) {
     var handleKeyPress = function handleKeyPress(event) {
       if (!focusableItems.current) return;
       var key = event.key,
-          shiftKey = event.shiftKey;
+        shiftKey = event.shiftKey;
       var _focusableItems$curre = focusableItems.current,
-          length = _focusableItems$curre.length,
-          firstItem = _focusableItems$curre[0],
-          lastItem = _focusableItems$curre[length - 1];
-
+        length = _focusableItems$curre.length,
+        firstItem = _focusableItems$curre[0],
+        lastItem = _focusableItems$curre[length - 1];
       if (isLocked && key === 'Tab') {
         // If only one item then prevent tabbing when locked
         if (length === 1) {
           event.preventDefault();
           return;
-        } // If focused on last item then focus on first item when tab is pressed
-
+        }
 
+        // If focused on last item then focus on first item when tab is pressed
         if (!shiftKey && document.activeElement === lastItem) {
           event.preventDefault();
           firstItem.focus();
           return;
-        } // If focused on first item then focus on last item when shift + tab is pressed
-
+        }
 
+        // If focused on first item then focus on last item when shift + tab is pressed
         if (shiftKey && document.activeElement === firstItem) {
           event.preventDefault();
           lastItem.focus();
         }
       }
     };
-
     window.addEventListener('keydown', handleKeyPress);
     return function () {
       window.removeEventListener('keydown', handleKeyPress);
@@ -94,6 +82,5 @@ var FocusLock = function FocusLock(_ref) {
     children: children
   }));
 };
-
 var _default = FocusLock;
 exports.default = _default;

package/dist/shared/formatters/format-number.js

@@ -7,32 +7,27 @@ exports.formatCurrency = formatCurrency;
 exports.formatCurrencyWithoutSymbol = formatCurrencyWithoutSymbol;
 exports.formatNumber = formatNumber;
 exports.sanitizeNumber = sanitizeNumber;
-
 function formatCurrency(_ref) {
   var amount = _ref.amount,
-      _ref$currency = _ref.currency,
-      currency = _ref$currency === void 0 ? 'BRL' : _ref$currency,
-      _ref$locale = _ref.locale,
-      locale = _ref$locale === void 0 ? 'pt-BR' : _ref$locale;
+    _ref$currency = _ref.currency,
+    currency = _ref$currency === void 0 ? 'BRL' : _ref$currency,
+    _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? 'pt-BR' : _ref$locale;
   return new Intl.NumberFormat(locale, {
     style: 'currency',
     currency: currency
   }).format(amount);
 }
-
 function formatNumber(number) {
   if (number) return number.replace(/[^\d.,]/g, ''); // Removes any character that is not a number, comma or dot.
-
   return '';
 }
-
 function sanitizeNumber(number) {
   return number ? number.replace(/[^\d.,]/g, '') // Removes any character that is not a number, comma or dot.
   .replace(/(\.|,)(?=\d*(\.|,))/g, '') // Removes any dot or comma but the last one.
   .replace(/,(\d*)$/, '.$1') // Assures the last dot or comma is a dot.
   : '';
 }
-
 function formatCurrencyWithoutSymbol(value) {
   if (value) {
     var sanitizedNumber = sanitizeNumber(value);
@@ -42,6 +37,5 @@ function formatCurrencyWithoutSymbol(value) {
       minimumFractionDigits: 2
     }).format(Number(sanitizedNumber)).replace('R$', '');
   }
-
   return '';
 }

package/dist/shared/hooks/devices.d.ts

@@ -5,5 +5,5 @@ export declare const devices: {
     'monitor-wide': number;
     'monitor-ultra': number;
 };
-export declare type DeviceTypes = 'mobile' | 'tablet' | 'monitor-small' | 'monitor-wide' | 'monitor-ultra' | number;
+export type DeviceTypes = 'mobile' | 'tablet' | 'monitor-small' | 'monitor-wide' | 'monitor-ultra' | number;
 //# sourceMappingURL=devices.d.ts.map

package/dist/shared/hooks/devices.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"devices.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/devices.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,oBAAY,WAAW,GACnB,QAAQ,GACR,QAAQ,GACR,eAAe,GACf,cAAc,GACd,eAAe,GACf,MAAM,CAAC"}
+{"version":3,"file":"devices.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/devices.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,MAAM,MAAM,WAAW,GACnB,QAAQ,GACR,QAAQ,GACR,eAAe,GACf,cAAc,GACd,eAAe,GACf,MAAM,CAAC"}

package/dist/shared/hooks/useBreakpoints.d.ts

@@ -1,4 +1,4 @@
-declare type BreakpointsConfig = {
+type BreakpointsConfig = {
     base: number;
     sm: number;
     md: number;
@@ -6,8 +6,8 @@ declare type BreakpointsConfig = {
     xl: number;
     xxl: number;
 };
-declare type BreakpointName = 'base' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-declare type BreakpointValue<T> = {
+type BreakpointName = 'base' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+type BreakpointValue<T> = {
     [key in BreakpointName]?: T;
 };
 /**

package/dist/shared/hooks/useBreakpoints.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoints.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/useBreakpoints.tsx"],"names":[],"mappings":"AAGA,aAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,aAAK,cAAc,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEjE,aAAK,eAAe,CAAC,CAAC,IAAI;KAEvB,GAAG,IAAI,cAAc,CAAC,CAAC,EAAE,CAAC;CAC5B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,uBAAwB,iBAAiB;;;CAqGnE,CAAC"}
+{"version":3,"file":"useBreakpoints.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/useBreakpoints.tsx"],"names":[],"mappings":"AAGA,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,KAAK,cAAc,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEjE,KAAK,eAAe,CAAC,CAAC,IAAI;KAEvB,GAAG,IAAI,cAAc,CAAC,CAAC,EAAE,CAAC;CAC5B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,uBAAwB,iBAAiB;;;CAqGnE,CAAC"}

package/dist/shared/hooks/useBreakpoints.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useBreakpoints = void 0;
-
 var _react = require("react");
-
 var _useWindowSize = require("./useWindowSize");
-
 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(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; }
-
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 /**
  * It returns a function that takes a breakpoint value object and returns the value
  * of the closest breakpoint to the current window size
@@ -31,10 +22,9 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  */
 var useBreakpoints = function useBreakpoints(breakpointsConfig) {
   var _useState = (0, _react.useState)(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      breakpoint = _useState2[0],
-      setBreakpoint = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    breakpoint = _useState2[0],
+    setBreakpoint = _useState2[1];
   var defaultBreakpoints = {
     base: 1,
     sm: 480,
@@ -45,74 +35,56 @@ var useBreakpoints = function useBreakpoints(breakpointsConfig) {
   };
   var breakpoints = breakpointsConfig || defaultBreakpoints;
   var windowSize = (0, _useWindowSize.useWindowSize)();
-
   function breakpointPicker(breakpointValues) {
     if (!breakpoint) return;
     var closestBreakpoint = getClosestBreakpointName(breakpoint, breakpointValues, breakpoints);
     if (!closestBreakpoint) return;
     return breakpointValues[closestBreakpoint];
   }
-
   function currentBreakpointWidth(windowSize, breakpoints) {
     var response;
-
     if (breakpoints.base <= windowSize.width) {
       response = breakpoints.base;
     }
-
     if (breakpoints.sm <= windowSize.width) {
       response = breakpoints.sm;
     }
-
     if (breakpoints.md <= windowSize.width) {
       response = breakpoints.md;
     }
-
     if (breakpoints.lg <= windowSize.width) {
       response = breakpoints.lg;
     }
-
     if (breakpoints.xl <= windowSize.width) {
       response = breakpoints.xl;
     }
-
     if (breakpoints.xxl <= windowSize.width) {
       response = breakpoints.xxl;
     }
-
     return response;
   }
-
   function getClosestBreakpointName(activeBreakpoint, breakpointValues, breakpoints) {
     var breakpointIndex = Object.keys(breakpointValues).findIndex(function (breakpoint) {
       return breakpoint === activeBreakpoint;
     });
-
     if (breakpointIndex !== -1) {
       return activeBreakpoint;
     }
-
     var stopIndex = Object.keys(breakpoints).indexOf(activeBreakpoint);
-
     while (stopIndex >= 0) {
       var key = Object.keys(breakpoints)[stopIndex];
-
       if (Object.prototype.hasOwnProperty.call(breakpointValues, key)) {
         breakpointIndex = stopIndex;
         break;
       }
-
       stopIndex -= 1;
     }
-
     if (breakpointIndex !== -1) {
       var _key = Object.keys(breakpoints)[breakpointIndex];
       return _key;
     }
-
     return Object.keys(breakpointValues)[0];
   }
-
   (0, _react.useEffect)(function () {
     var breakpointWidth = currentBreakpointWidth(windowSize, breakpoints);
     if (!breakpointWidth) return;
@@ -126,5 +98,4 @@ var useBreakpoints = function useBreakpoints(breakpointsConfig) {
     breakpointPicker: breakpointPicker
   };
 };
-
 exports.useBreakpoints = useBreakpoints;

package/dist/shared/hooks/useDebounce.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDebounce = useDebounce;
-
 var _react = require("react");
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-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 _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 useDebounce(callback, delay) {
   var eachStep = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   var argsState = (0, _react.useRef)();
@@ -27,14 +19,11 @@ function useDebounce(callback, delay) {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     argsState.current = args;
-
     if (!eachStep && timeout.current) {
       clearTimeout(timeout.current);
       timeout.current = undefined;
     }
-
     if (!timeout.current) {
       timeout.current = setTimeout(function () {
         if (argsState !== null && argsState !== void 0 && argsState.current) callback.apply(void 0, _toConsumableArray(argsState.current));

package/dist/shared/hooks/useDevices.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDevices = useDevices;
-
 var _react = require("react");
-
 var _devices = require("./devices");
-
 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(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; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // Types
 /**
  * Checks if the screen width matches the device in a certain direction everytime the screen resizes.
  * @param device The target device to compare. Can use one of the specified devices or a custom one passing a number.
@@ -29,24 +20,19 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  */
 function useDevices(device) {
   var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'down';
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      match = _useState2[0],
-      setMatch = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    match = _useState2[0],
+    setMatch = _useState2[1];
   var onWindowResize = (0, _react.useCallback)(function () {
     var point = typeof device === 'number' ? device : _devices.devices[device];
-
     switch (direction) {
       case 'up':
         setMatch(window.innerWidth >= point);
         break;
-
       case 'down':
         setMatch(window.innerWidth <= point);
         break;
-
       default:
         throw new Error("\"".concat(direction, "\" is not a valid device direction."));
     }

package/dist/shared/hooks/useDisableBodyScroll.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDisableBodyScroll = void 0;
-
 var _react = require("react");
-
 function disableBodyOverflow(noScrollbarPadding) {
   if (noScrollbarPadding) {
     document.body.style.paddingRight = "0px";
@@ -17,36 +15,30 @@ function disableBodyOverflow(noScrollbarPadding) {
     document.body.style.overflow = 'hidden';
   }
 }
-
 function enableBodyOverflow() {
   document.body.style.overflow = '';
   document.body.style.paddingRight = '';
 }
-
 function setBodyOverflow(isDisabled, type, noScrollbarPadding) {
   // isDisabled body scroll when type modal:
   if (isDisabled && type === 'modal') {
     document.body.setAttribute('data-modal-open', 'true');
     return disableBodyOverflow(noScrollbarPadding);
-  } // enable body scroll when type modal:
-
-
+  }
+  // enable body scroll when type modal:
   if (!isDisabled && type === 'modal') {
     document.body.setAttribute('data-modal-open', 'false');
     return enableBodyOverflow();
-  } // isDisabled body scroll when type child_element:
-
-
+  }
+  // isDisabled body scroll when type child_element:
   if (isDisabled && type === 'child_element') {
     if (document.body.getAttribute('data-modal-open') === 'false') return disableBodyOverflow(noScrollbarPadding);
-  } // enable body scroll when type child_element:
-
-
+  }
+  // enable body scroll when type child_element:
   if (!isDisabled && type === 'child_element') {
     if (document.body.getAttribute('data-modal-open') === 'false') return enableBodyOverflow();
   }
 }
-
 var useDisableBodyScroll = function useDisableBodyScroll(isDisabled) {
   var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'child_element';
   var noScrollbarPadding = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
@@ -57,5 +49,4 @@ var useDisableBodyScroll = function useDisableBodyScroll(isDisabled) {
     };
   }, [isDisabled, type, noScrollbarPadding]);
 };
-
 exports.useDisableBodyScroll = useDisableBodyScroll;

package/dist/shared/hooks/useKeyPress.js

@@ -4,15 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useKeyPress = useKeyPress;
-
 var _react = require("react");
-
 function useKeyPress(key, action) {
   (0, _react.useEffect)(function () {
     var handlePress = function handlePress(event) {
       if (event.key === key) action();
     };
-
     window.addEventListener('keydown', handlePress);
     return function () {
       window.removeEventListener('keydown', handlePress);

package/dist/shared/hooks/useObserver.js

@@ -4,28 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useObserver = useObserver;
-
 var _react = require("react");
-
 var defaultOptions = {
   root: null,
   rootMargin: '20px',
   threshold: 1.0
 };
+
 /* It's a custom hook that uses the Intersection Observer API to
 detect when an element is in the viewport. */
-
 function useObserver(ref, callback, options) {
   (0, _react.useEffect)(function () {
     var observer = new IntersectionObserver(function (entities) {
       var target = entities[0];
-
       if (target.isIntersecting) {
         if (options && Object.keys(options).includes('enabled')) return options.enabled && callback();
         callback();
       }
     }, options || defaultOptions);
-
     if (ref.current) {
       observer.observe(ref.current);
     }

package/dist/shared/hooks/useOnClickOutside.js

@@ -4,34 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useOnClickOutside = void 0;
-
 var _react = require("react");
-
 var useOnClickOutside = function useOnClickOutside(ref, closeMenu) {
   (0, _react.useEffect)(function () {
     var listener = function listener(event) {
       if (Array.isArray(ref)) {
         var hasTarget = ref.find(function (ref) {
           var _ref$current;
-
           return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.contains(event.target);
         });
         if (hasTarget) return;
         return closeMenu();
       }
-
       if (ref.current && event.target && ref.current.contains(event.target)) {
         return;
       }
-
       closeMenu();
     };
-
     document.addEventListener('mousedown', listener);
     return function () {
       document.removeEventListener('mousedown', listener);
     };
   }, [ref, closeMenu]);
 };
-
 exports.useOnClickOutside = useOnClickOutside;

package/dist/shared/hooks/useWindowSize.d.ts

@@ -1,4 +1,4 @@
-export declare type WindowSize = {
+export type WindowSize = {
     width: number;
     height: number;
 };

package/dist/shared/hooks/useWindowSize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWindowSize.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/useWindowSize.ts"],"names":[],"mappings":"AAEA,oBAAY,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,aAAa;WACe,MAAM;YAAU,MAAM;EAuBjE"}
+{"version":3,"file":"useWindowSize.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/useWindowSize.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,aAAa;WACe,MAAM;YAAU,MAAM;EAuBjE"}

package/dist/shared/hooks/useWindowSize.js

@@ -4,37 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useWindowSize = useWindowSize;
-
 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(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; }
-
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function useWindowSize() {
   var _useState = (0, _react.useState)({
-    width: 0,
-    height: 0
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      size = _useState2[0],
-      setSize = _useState2[1];
-
+      width: 0,
+      height: 0
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    size = _useState2[0],
+    setSize = _useState2[1];
   function onWindowResize() {
     setSize({
       width: window.innerWidth,
       height: window.innerHeight
     });
   }
-
   (0, _react.useEffect)(function () {
     onWindowResize();
     window.addEventListener('resize', onWindowResize);