@rio-cloud/rio-uikit 0.16.1-beta.21 → 0.16.1-beta.23

package/lib/es/components/tooltip/SimpleTooltip.js

@@ -1,44 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Tooltip = _interopRequireWildcard(require("./Tooltip"));
-
 var _OverlayTrigger = _interopRequireWildcard(require("../overlay/OverlayTrigger"));
-
 var _excluded = ["id", "children", "placement", "trigger", "content"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var SimpleTooltip = function SimpleTooltip(props) {
   var id = props.id,
-      children = props.children,
-      placement = props.placement,
-      trigger = props.trigger,
-      content = props.content,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    children = props.children,
+    placement = props.placement,
+    trigger = props.trigger,
+    content = props.content,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_OverlayTrigger["default"], {
     placement: placement,
     trigger: trigger,
     overlay: /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], remainingProps, content)
   }, children);
 };
-
 SimpleTooltip.defaultProps = {
   placement: _Tooltip["default"].AUTO
 };

package/lib/es/components/tooltip/Tooltip.js

@@ -1,49 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.TooltipPlacementType = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _omit2 = _interopRequireDefault(require("lodash/fp/omit"));
-
 var _deviceUtils = require("../../utils/deviceUtils");
-
 var _OverlayTrigger = _interopRequireDefault(require("../overlay/OverlayTrigger"));
-
 var _excluded = ["allowOnTouch", "arrowProps", "children", "className", "placement", "style", "textAlignment", "tooltipStyle", "width"];
-
 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) { (0, _defineProperty2["default"])(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; }
-
 var Tooltip = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   var _omit = (0, _omit2["default"])(['popper', 'positionLeft', 'positionTop'], props),
-      allowOnTouch = _omit.allowOnTouch,
-      arrowProps = _omit.arrowProps,
-      children = _omit.children,
-      className = _omit.className,
-      placement = _omit.placement,
-      style = _omit.style,
-      textAlignment = _omit.textAlignment,
-      tooltipStyle = _omit.tooltipStyle,
-      width = _omit.width,
-      remainingProps = (0, _objectWithoutProperties2["default"])(_omit, _excluded);
-
+    allowOnTouch = _omit.allowOnTouch,
+    arrowProps = _omit.arrowProps,
+    children = _omit.children,
+    className = _omit.className,
+    placement = _omit.placement,
+    style = _omit.style,
+    textAlignment = _omit.textAlignment,
+    tooltipStyle = _omit.tooltipStyle,
+    width = _omit.width,
+    remainingProps = (0, _objectWithoutProperties2["default"])(_omit, _excluded);
   if (!(0, _deviceUtils.isDesktop)() && !allowOnTouch) {
     // Workaround: we have to return a DOM node as otherwise the
     // react-transition library would throw an error on mobile
@@ -52,14 +37,12 @@ var Tooltip = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
       className: "display-none"
     });
   }
-
   var wrapperClasses = (0, _classnames["default"])('tooltip', tooltipStyle && "tooltip-".concat(tooltipStyle), placement, className);
-
   var outerStyle = _objectSpread({}, style);
-
   var innerClasses = (0, _classnames["default"])('tooltip-inner', textAlignment && "text-".concat(textAlignment), width && "width-".concat(width));
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, remainingProps, {
-    role: "tooltip" // x-placement is used by the css to define how to position the arrow.
+    role: "tooltip"
+    // x-placement is used by the css to define how to position the arrow.
     ,
     "x-placement": placement,
     ref: ref,
@@ -72,7 +55,6 @@ var Tooltip = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
     className: innerClasses
   }, children));
 });
-
 Tooltip.STYLE_DEFAULT = 'default';
 Tooltip.STYLE_ONBOARDING = 'onboarding';
 Tooltip.defaultProps = {
@@ -98,9 +80,7 @@ Tooltip.RIGHT_END = _OverlayTrigger["default"].RIGHT_END;
 Tooltip.LEFT_START = _OverlayTrigger["default"].LEFT_START;
 Tooltip.LEFT = _OverlayTrigger["default"].LEFT;
 Tooltip.LEFT_END = _OverlayTrigger["default"].LEFT_END;
-
 var TooltipPlacementType = _propTypes["default"].oneOf([Tooltip.AUTO_START, Tooltip.AUTO, Tooltip.AUTO_END, Tooltip.TOP_START, Tooltip.TOP, Tooltip.TOP_END, Tooltip.BOTTOM_START, Tooltip.BOTTOM, Tooltip.BOTTOM_END, Tooltip.RIGHT_START, Tooltip.RIGHT, Tooltip.RIGHT_END, Tooltip.LEFT_START, Tooltip.LEFT, Tooltip.LEFT_END]);
-
 exports.TooltipPlacementType = TooltipPlacementType;
 Tooltip.propTypes = {
   placement: TooltipPlacementType,

package/lib/es/components/video/ResponsiveVideo.js

@@ -1,23 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var ResponsiveVideo = function ResponsiveVideo(props) {
   var src = props.src,
-      className = props.className,
-      allowFullScreen = props.allowFullScreen,
-      aspectRatio = props.aspectRatio;
+    className = props.className,
+    allowFullScreen = props.allowFullScreen,
+    aspectRatio = props.aspectRatio;
   var wrapperClassName = (0, _classnames["default"])('video-responsive', "video-responsive-".concat(aspectRatio), className && className);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: wrapperClassName
@@ -26,7 +21,6 @@ var ResponsiveVideo = function ResponsiveVideo(props) {
     allowFullScreen: allowFullScreen
   }));
 };
-
 ResponsiveVideo.ASPECT_RATIO_4_BY_3 = '4by3';
 ResponsiveVideo.ASPECT_RATIO_16_BY_9 = '16by9';
 ResponsiveVideo.defaultProps = {

package/lib/es/framer-motion.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _framerMotion = require("framer-motion");
-
 Object.keys(_framerMotion).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _framerMotion[key]) return;

package/lib/es/hooks/useAfterMount.js

@@ -4,16 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = useAfterMount;
-
 var _react = require("react");
-
 function useAfterMount(callback, deps) {
   var componentJustMountedRef = (0, _react.useRef)(true);
   (0, _react.useEffect)(function () {
     if (!componentJustMountedRef.current) {
       return callback();
     }
-
     componentJustMountedRef.current = false;
   }, deps);
 }

package/lib/es/hooks/useClickOutside.js

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = useClickOutside;
-
 var _react = require("react");
-
 /* eslint-disable prefer-arrow/prefer-arrow-functions */
 // eslint-disable-next-line max-len
 // Inspired from https://github.com/mantinedev/mantine/blob/master/src/mantine-hooks/src/use-click-outside/use-click-outside.ts
+
 function useClickOutside(callback) {
   var eventTypes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ['mousedown', 'touchstart'];
   var targetRef = (0, _react.useRef)();
@@ -19,7 +18,6 @@ function useClickOutside(callback) {
         callback(event);
       }
     };
-
     eventTypes.forEach(function (eventType) {
       return document.addEventListener(eventType, listener);
     });

package/lib/es/hooks/useClipboard.js

@@ -1,39 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = useClipboard;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _isNil = _interopRequireDefault(require("lodash/fp/isNil"));
-
 // Inspired from https://github.com/mantinedev/mantine/blob/master/src/mantine-hooks/src/use-clipboard/use-clipboard.ts
+
 function useClipboard() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? 2000 : _ref$timeout;
-
+    _ref$timeout = _ref.timeout,
+    timeout = _ref$timeout === void 0 ? 2000 : _ref$timeout;
   var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      error = _useState2[0],
-      setError = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    error = _useState2[0],
+    setError = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      copied = _useState4[0],
-      setCopied = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    copied = _useState4[0],
+    setCopied = _useState4[1];
   var _useState5 = (0, _react.useState)(null),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      copyTimeout = _useState6[0],
-      setCopyTimeout = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    copyTimeout = _useState6[0],
+    setCopyTimeout = _useState6[1];
   var handleCopyResult = function handleCopyResult(value) {
     clearTimeout(copyTimeout);
     setCopyTimeout(setTimeout(function () {
@@ -41,7 +33,6 @@ function useClipboard() {
     }, timeout));
     setCopied(value);
   };
-
   var copy = function copy(valueToCopy) {
     if (!(0, _isNil["default"])(navigator.clipboard)) {
       navigator.clipboard.writeText(valueToCopy).then(function () {
@@ -53,13 +44,11 @@ function useClipboard() {
       setError(new Error('useClipboard: navigator.clipboard is not supported'));
     }
   };
-
   var reset = function reset() {
     setCopied(false);
     setError(null);
     clearTimeout(copyTimeout);
   };
-
   return {
     copy: copy,
     reset: reset,

package/lib/es/hooks/useDebugInfo.js

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = useDebugInfo;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = require("react");
-
 var _useRenderCount = _interopRequireDefault(require("./useRenderCount"));
-
 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) { (0, _defineProperty2["default"])(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; }
-
 var logStyle = ["color: #4c5667", "background-color: #e5ebf0", "padding: 2px 4px", "border-radius: 2px"].join(";");
-
 function useDebugInfo(componentName, props) {
   var renderCount = (0, _useRenderCount["default"])();
   var changedProps = (0, _react.useRef)({});
@@ -29,7 +21,6 @@ function useDebugInfo(componentName, props) {
     if (props[key] === previousProps.current[key]) {
       return obj;
     }
-
     return _objectSpread(_objectSpread({}, obj), {}, (0, _defineProperty2["default"])({}, key, {
       previous: previousProps.current[key],
       current: props[key]
@@ -44,7 +35,6 @@ function useDebugInfo(componentName, props) {
   (0, _react.useEffect)(function () {
     previousProps.current = props;
     lastRenderTimestamp.current = Date.now();
-
     if (console) {
       console.groupCollapsed("%c[debug-info] ".concat(componentName), logStyle);
       console.log(info);

package/lib/es/hooks/useEffectOnce.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = useEffectOnce;
-
 var _react = require("react");
-
 function useEffectOnce(callback) {
   (0, _react.useEffect)(callback, []);
 }

package/lib/es/hooks/useElementSize.js

@@ -1,42 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = useElementSize;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 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; }
-
 function useElementSize(elementRef) {
   var _useState = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      width = _useState2[0],
-      setWidth = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    width = _useState2[0],
+    setWidth = _useState2[1];
   var _useState3 = (0, _react.useState)(),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      height = _useState4[0],
-      setHeight = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    height = _useState4[0],
+    setHeight = _useState4[1];
   (0, _react.useEffect)(function () {
     var resizeObserver = new ResizeObserver(function (entries) {
       var _iterator = _createForOfIteratorHelper(entries),
-          _step;
-
+        _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var entry = _step.value;
-
           if (entry.contentRect) {
             setWidth(entry.contentRect.width);
             setHeight(entry.contentRect.height);

package/lib/es/hooks/useEsc.js

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = useEsc;
-
 var _useKey = _interopRequireDefault(require("./useKey"));
-
 function useEsc(callback) {
   (0, _useKey["default"])(function (event) {
     return event.key === 'Escape' && callback(event);

package/lib/es/hooks/useEvent.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = useEvent;
-
 var _react = require("react");
-
 function useEvent(eventType, callback) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var target = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : document;

package/lib/es/hooks/useFullscreen.js

@@ -1,25 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _noop = _interopRequireDefault(require("lodash/fp/noop"));
-
 var _useEvent = _interopRequireDefault(require("./useEvent"));
-
 // inspired by https://github.com/imbhargav5/rooks/blob/main/src/hooks/useFullscreen.ts
+
 // Note old Internet Explorer 11 is skipped here as it is not supported anymore
 // New WebKit:
 //     'webkitRequestFullscreen',
@@ -36,11 +29,14 @@ var _useEvent = _interopRequireDefault(require("./useEvent"));
 //     'webkitCancelFullScreen',
 //     'webkitfullscreenchange',
 //     'webkitfullscreenerror',
+
 // type FullscreenApi = {
 //   isEnabled: boolean;
 //   toggle: NoopFunction | ((element?: HTMLElement) => Promise<unknown>); // toggle
+
 //   /** @deprecated Please use useFullScreen({onChange : function() {}}) instead. */
 //   onChange: NoopFunction | ((callback: OnChangeEventCallback) => void); // onchange
+
 //   /** @deprecated Please use useFullScreen({onError : function() {}}) instead. */
 //   onError: NoopFunction | ((callback: EventCallback) => void); // onerror
 //   request: NoopFunction | ((element?: HTMLElement) => Promise<unknown>); // request
@@ -48,16 +44,20 @@ var _useEvent = _interopRequireDefault(require("./useEvent"));
 //   isFullscreen: boolean; // isFullscreen
 //   element: HTMLElement | null | undefined;
 // };
+
 var defaultValue = {
   requestFullscreen: _noop["default"],
   exitFullscreen: _noop["default"],
   toggleFullscreen: _noop["default"],
   isFullscreen: false,
   isEnabled: false
-}; // type RequestFullscreenOptions = {
+};
+
+// type RequestFullscreenOptions = {
 //   // string will help to ease type casting
 //   navigationUI?: string | 'auto' | 'hide' | 'show';
 // };
+
 // type FullScreenOptions = {
 //   onChange?: OnChangeEventCallback;
 //   onError?: EventCallback;
@@ -68,62 +68,54 @@ var requestFunctions = ['requestFullscreen', 'webkitRequestFullscreen', 'webkitR
 var exitFunctions = ['exitFullscreen', 'webkitExitFullscreen', 'webkitCancelFullScreen', 'mozCancelFullScreen'];
 var fullscreenElementFunctions = ['fullscreenElement', 'webkitFullscreenElement', 'webkitCurrentFullScreenElement', 'mozFullScreenElement'];
 var isFullscreenEnabledFunctions = ['fullscreenElement', 'webkitFullscreenEnabled', 'webkitCurrentFullScreenElement', 'mozFullScreenEnabled'];
-
 var getFnName = function getFnName(fnMap, targetElement) {
   return fnMap.find(function (fnName) {
     if (fnName in targetElement) {
       return fnName;
     }
   });
-}; // Element centered fullscreen functions
-
+};
 
+// Element centered fullscreen functions
 var getRequestFunctionName = function getRequestFunctionName() {
   var targetElement = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;
   return getFnName(requestFunctions, targetElement);
-}; // Document fullscreen functions
-
+};
 
+// Document fullscreen functions
 var getExitFunctionName = function getExitFunctionName() {
   return getFnName(exitFunctions, document);
 };
-
 var getFullscreenElementFunctionName = function getFullscreenElementFunctionName() {
   return getFnName(fullscreenElementFunctions, document);
 };
-
 var getIsFullscreenEnabledFunctionName = function getIsFullscreenEnabledFunctionName() {
   return getFnName(isFullscreenEnabledFunctions, document);
 };
-
 var useFullscreen = function useFullscreen() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
   if (typeof window === 'undefined') {
     console.warn('useFullscreen: window is undefined.');
     return defaultValue;
   }
-
   var element = options.element,
-      onChange = options.onChange,
-      onError = options.onError,
-      _options$requestFulls = options.requestFullscreenOptions,
-      requestFullscreenOptions = _options$requestFulls === void 0 ? {} : _options$requestFulls; // use either a defined target or when document is set, use the html element as in Chrome the
-  // document does not have a request function. It needs to be an element.
+    onChange = options.onChange,
+    onError = options.onError,
+    _options$requestFulls = options.requestFullscreenOptions,
+    requestFullscreenOptions = _options$requestFulls === void 0 ? {} : _options$requestFulls;
 
+  // use either a defined target or when document is set, use the html element as in Chrome the
+  // document does not have a request function. It needs to be an element.
   var defaultFullscreenElement = !element || element === document ? document.querySelector('html') : element;
   var initialFullscreenElement = document[getFullscreenElementFunctionName()];
-
   var _useState = (0, _react.useState)(Boolean(initialFullscreenElement)),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      isFullscreen = _useState2[0],
-      setIsFullscreen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isFullscreen = _useState2[0],
+    setIsFullscreen = _useState2[1];
   var _useState3 = (0, _react.useState)(initialFullscreenElement),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      fullscreenElement = _useState4[0],
-      setFullscreenElement = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    fullscreenElement = _useState4[0],
+    setFullscreenElement = _useState4[1];
   var requestFullscreen = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(newTargetElement) {
       var isHtmlElement, target;
@@ -137,15 +129,12 @@ var useFullscreen = function useFullscreen() {
               target = newTargetElement && isHtmlElement ? newTargetElement : defaultFullscreenElement;
               _context.next = 5;
               return target[getRequestFunctionName(target)](requestFullscreenOptions);
-
             case 5:
               return _context.abrupt("return", _context.sent);
-
             case 8:
               _context.prev = 8;
               _context.t0 = _context["catch"](1);
               console.log(_context.t0);
-
             case 11:
             case "end":
               return _context.stop();
@@ -153,7 +142,6 @@ var useFullscreen = function useFullscreen() {
         }
       }, _callee, null, [[1, 8]]);
     }));
-
     return function (_x) {
       return _ref.apply(this, arguments);
     };
@@ -164,27 +152,21 @@ var useFullscreen = function useFullscreen() {
         switch (_context2.prev = _context2.next) {
           case 0:
             _context2.prev = 0;
-
             if (!fullscreenElement) {
               _context2.next = 5;
               break;
             }
-
             _context2.next = 4;
             return document[getExitFunctionName()]();
-
           case 4:
             return _context2.abrupt("return", _context2.sent);
-
           case 5:
             _context2.next = 10;
             break;
-
           case 7:
             _context2.prev = 7;
             _context2.t0 = _context2["catch"](0);
             console.warn(_context2.t0);
-
           case 10:
           case "end":
             return _context2.stop();
@@ -199,11 +181,9 @@ var useFullscreen = function useFullscreen() {
       requestFullscreen(newTargetElement);
     }
   }, [fullscreenElement]);
-
   var handleChangeEvent = function handleChangeEvent() {
     var currentFullscreenElement = document[getFullscreenElementFunctionName()];
     var isOpen = Boolean(currentFullscreenElement);
-
     if (isOpen) {
       // fullscreen was enabled
       setIsFullscreen(true);
@@ -213,16 +193,13 @@ var useFullscreen = function useFullscreen() {
       setIsFullscreen(false);
       setFullscreenElement(null);
     }
-
     onChange === null || onChange === void 0 ? void 0 : onChange.call(document, event, isOpen);
   };
-
   var handleErrorEvent = function handleErrorEvent() {
     return function (event) {
       return onError === null || onError === void 0 ? void 0 : onError.call(document, event);
     };
   };
-
   (0, _useEvent["default"])('fullscreenchange', handleChangeEvent);
   (0, _useEvent["default"])('webkitfullscreenchange', handleChangeEvent);
   (0, _useEvent["default"])('mozfullscreenchange', handleChangeEvent);
@@ -237,6 +214,5 @@ var useFullscreen = function useFullscreen() {
     isEnabled: Boolean(document[getIsFullscreenEnabledFunctionName(document)])
   };
 };
-
 var _default = useFullscreen;
 exports["default"] = _default;