@pingux/astro 2.0.0-alpha.1 → 2.0.0-alpha.4

package/lib/components/Messages/utils/multiMessagesReducer.js

@@ -10,13 +10,10 @@ import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectW
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 var _excluded = ["container"];
 import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { v4 as uuid } from 'uuid';
-import messagesReducer, { addMessage as addMessageSingle, hideMessage as hideMessageSingle, removeMessage as removeMessageSingle, clearMessages as clearMessagesSingle } from './messagesReducer';
+import messagesReducer, { addMessage as addMessageSingle, clearMessages as clearMessagesSingle, hideMessage as hideMessageSingle, removeMessage as removeMessageSingle } from './messagesReducer';
 export var withContainer = function withContainer(container, action) {
   return _objectSpread({
     container: container
@@ -27,67 +24,58 @@ export var createMultiple = function createMultiple(actionCreator) {
     for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       args[_key - 1] = arguments[_key];
     }
-
     return withContainer(container, actionCreator.apply(void 0, args));
   };
 };
+
 /**
  * Create an action to add a message
  */
-
 export var addMessage = createMultiple(addMessageSingle);
+
 /**
  * Create an action to hide a message by key
  */
-
 export var hideMessage = createMultiple(hideMessageSingle);
+
 /**
  * Create an action to remove a message
  */
-
 export var removeMessage = createMultiple(removeMessageSingle);
+
 /**
  * Create an action to clear all messages
  */
-
 export var clearMessages = createMultiple(clearMessagesSingle);
+
 /**
  * Create an action to add a message and then remove it if there's a timeout
  */
-
 export var showMessage = function showMessage(container, messageArg) {
   var timeout = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
   return function (dispatch) {
     var message = _objectSpread({
       key: uuid()
     }, messageArg);
-
     dispatch(addMessage(container, message));
-
     if (timeout >= 0) {
       _setTimeout(function () {
         dispatch(hideMessage(container, message.key));
-
         _setTimeout(function () {
           dispatch(removeMessage(container, message.key));
         }, 200);
       }, timeout);
     }
-
     return message;
   };
 };
-
 var multiMessagesReducer = function multiMessagesReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      container = _ref.container,
-      action = _objectWithoutProperties(_ref, _excluded);
-
+    container = _ref.container,
+    action = _objectWithoutProperties(_ref, _excluded);
   return container ? _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, container, messagesReducer(state[container], action))) : state;
 };
-
 multiMessagesReducer.actions = {
   removeMessage: removeMessage,
   addMessage: addMessage,

package/lib/components/Messages/utils/tests/messagesReducer.test.js

@@ -1,9 +1,9 @@
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import React, { useReducer, useEffect } from 'react';
+import React, { useEffect, useReducer } from 'react';
 import { act } from 'react-dom/test-utils';
-import messagesReducer, { addMessage, clearMessages, hideMessage, removeMessage, showMessage } from '../messagesReducer';
 import { render, screen } from '../../../../utils/testUtils/testWrapper';
+import messagesReducer, { addMessage, clearMessages, hideMessage, removeMessage, showMessage } from '../messagesReducer';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testId = 'test-messages';
 var messages = [{
@@ -16,13 +16,11 @@ var messages = [{
   text: 'tres',
   key: 3
 }];
-
 var TestComponent = function TestComponent() {
   var _useReducer = useReducer(messagesReducer, []),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
   useEffect(function () {
     showMessage({
       text: 'uno',
@@ -33,19 +31,17 @@ var TestComponent = function TestComponent() {
     "data-testid": testId
   }, _mapInstanceProperty(state).call(state, function (_ref) {
     var key = _ref.key,
-        text = _ref.text;
+      text = _ref.text;
     return ___EmotionJSX("div", {
       key: key
     }, text);
   }));
 };
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var renderFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : render;
   return renderFn(___EmotionJSX(TestComponent, props));
 };
-
 test('should create an empty state', function () {
   var state = messagesReducer();
   expect(state.length).toBe(0);

package/lib/components/Messages/utils/tests/multiMessagesReducer.test.js

@@ -1,9 +1,9 @@
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import React, { useReducer, useEffect } from 'react';
+import React, { useEffect, useReducer } from 'react';
 import { act } from 'react-dom/test-utils';
-import messagesReducer, { addMessage, clearMessages, hideMessage, removeMessage, showMessage } from '../multiMessagesReducer';
 import { render, screen } from '../../../../utils/testUtils/testWrapper';
+import messagesReducer, { addMessage, clearMessages, hideMessage, removeMessage, showMessage } from '../multiMessagesReducer';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testId = 'test-messages';
 var messages = [{
@@ -16,17 +16,14 @@ var messages = [{
   text: 'tres',
   key: 3
 }];
-
 var TestComponent = function TestComponent() {
   var _context;
-
   var _useReducer = useReducer(messagesReducer, {
-    container: []
-  }),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
+      container: []
+    }),
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
   useEffect(function () {
     showMessage('container', {
       text: 'uno',
@@ -37,19 +34,17 @@ var TestComponent = function TestComponent() {
     "data-testid": testId
   }, _mapInstanceProperty(_context = state.container).call(_context, function (_ref) {
     var key = _ref.key,
-        text = _ref.text;
+      text = _ref.text;
     return ___EmotionJSX("div", {
       key: key
     }, text);
   }));
 };
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var renderFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : render;
   return renderFn(___EmotionJSX(TestComponent, props));
 };
-
 test('should add a new message', function () {
   var state = messagesReducer({
     'container-one': messages

package/lib/components/Modal/Modal.js

@@ -10,45 +10,41 @@ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 var _excluded = ["className", "closeButton", "hasAutoFocus", "hasCloseButton", "id", "isClosedOnBlur", "isDismissable", "isKeyboardDismissDisabled", "isOpen", "role", "title", "onClose", "shouldCloseOnInteractOutside", "children", "contentProps", "containerProps"];
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import React, { forwardRef, useRef, useImperativeHandle } from 'react';
+import React, { forwardRef, useImperativeHandle, useRef } from 'react';
+import { FocusScope, OverlayContainer, useDialog, useModal, useOverlay, usePreventScroll } from 'react-aria';
 import CloseIcon from 'mdi-react/CloseIcon';
 import PropTypes from 'prop-types';
-import { FocusScope, OverlayContainer, useDialog, useModal, useOverlay, usePreventScroll } from 'react-aria';
 import Box from '../Box';
-import IconButton from '../IconButton';
 import Icon from '../Icon';
+import IconButton from '../IconButton';
 import Text from '../Text';
+
 /**
   * Modals are overlays that interrupt a user’s workflow to convey an important message.
   * The component must be wrapped in an OverlayProvider, and the first child should be a trigger,
   * such as Button.
 */
-
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var Modal = /*#__PURE__*/forwardRef(function (props, ref) {
   var className = props.className,
-      closeButton = props.closeButton,
-      hasAutoFocus = props.hasAutoFocus,
-      hasCloseButton = props.hasCloseButton,
-      id = props.id,
-      isClosedOnBlur = props.isClosedOnBlur,
-      isDismissable = props.isDismissable,
-      isKeyboardDismissDisabled = props.isKeyboardDismissDisabled,
-      isOpen = props.isOpen,
-      role = props.role,
-      title = props.title,
-      onClose = props.onClose,
-      shouldCloseOnInteractOutside = props.shouldCloseOnInteractOutside,
-      children = props.children,
-      propsContentProps = props.contentProps,
-      containerProps = props.containerProps,
-      others = _objectWithoutProperties(props, _excluded);
-
+    closeButton = props.closeButton,
+    hasAutoFocus = props.hasAutoFocus,
+    hasCloseButton = props.hasCloseButton,
+    id = props.id,
+    isClosedOnBlur = props.isClosedOnBlur,
+    isDismissable = props.isDismissable,
+    isKeyboardDismissDisabled = props.isKeyboardDismissDisabled,
+    isOpen = props.isOpen,
+    role = props.role,
+    title = props.title,
+    onClose = props.onClose,
+    shouldCloseOnInteractOutside = props.shouldCloseOnInteractOutside,
+    children = props.children,
+    propsContentProps = props.contentProps,
+    containerProps = props.containerProps,
+    others = _objectWithoutProperties(props, _excluded);
   var contentProps = _objectSpread({
     id: id,
     shouldCloseOnBlur: isClosedOnBlur,
@@ -61,30 +57,26 @@ var Modal = /*#__PURE__*/forwardRef(function (props, ref) {
     shouldCloseOnInteractOutside: shouldCloseOnInteractOutside,
     children: children
   }, propsContentProps);
-
   var modalRef = useRef();
   /* istanbul ignore next */
-
   useImperativeHandle(ref, function () {
     return modalRef.current;
-  }); // Handle interacting outside the dialog and pressing
+  });
+  // Handle interacting outside the dialog and pressing
   // the Escape key to close the modal.
-
   var _useOverlay = useOverlay(contentProps, modalRef),
-      overlayProps = _useOverlay.overlayProps; // Prevent scrolling while the modal is open, and hide content
-  // outside the modal from screen readers.
-
+    overlayProps = _useOverlay.overlayProps;
 
+  // Prevent scrolling while the modal is open, and hide content
+  // outside the modal from screen readers.
   usePreventScroll();
-
   var _useModal = useModal(),
-      modalProps = _useModal.modalProps; // Get props for the dialog and its title
-
+    modalProps = _useModal.modalProps;
 
+  // Get props for the dialog and its title
   var _useDialog = useDialog(contentProps, modalRef),
-      dialogProps = _useDialog.dialogProps,
-      titleProps = _useDialog.titleProps;
-
+    dialogProps = _useDialog.dialogProps,
+    titleProps = _useDialog.titleProps;
   return ___EmotionJSX(OverlayContainer, null, ___EmotionJSX(Box, _extends({
     variant: "modal.container"
   }, others, containerProps), ___EmotionJSX(FocusScope, {
@@ -104,48 +96,37 @@ var Modal = /*#__PURE__*/forwardRef(function (props, ref) {
     onPress: onClose
   }, ___EmotionJSX(Icon, {
     icon: CloseIcon
-  }))), title && ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Text, _extends({}, titleProps, {
+  }))), title && ___EmotionJSX(Text, _extends({}, titleProps, {
     variant: "variants.modal.title"
-  }), title)), children))));
+  }), title), children))));
 });
 Modal.propTypes = {
   /** Used in tandem with `hasCloseButton` to customize how the close button is rendered. */
   closeButton: PropTypes.node,
-
   /** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */
   id: PropTypes.string,
-
   /** Whether to auto focus the first focusable element in the focus scope on mount. */
   hasAutoFocus: PropTypes.bool,
-
   /** Whether the modal has a visible close button. */
   hasCloseButton: PropTypes.bool,
-
   /** Whether the overlay should close when focus is lost or moves outside it. */
   isClosedOnBlur: PropTypes.bool,
-
   /** Whether to close the overlay when the user interacts outside it. */
   isDismissable: PropTypes.bool,
-
   /** Whether pressing the escape key to close the overlay should be disabled. */
   isKeyboardDismissDisabled: PropTypes.bool,
-
   /** Whether the overlay is currently open. */
   isOpen: PropTypes.bool,
-
   /** The accessibility role for the dialog. */
   role: PropTypes.oneOf(['dialog', 'alertdialog']),
-
   /** The title for the modal. */
   title: PropTypes.node,
-
   /**
    * Handler that is called when the overlay should close.
    *
    * `() => void`
    */
   onClose: PropTypes.func,
-
   /**
    * When a user interacts with the argument element outside of the overlay ref, return true if
    * onClose should be called. This gives you a chance to filter out interaction with elements that
@@ -155,25 +136,19 @@ Modal.propTypes = {
    * `(element: HTMLElement) => boolean`
    */
   shouldCloseOnInteractOutside: PropTypes.func,
-
   /** Defines a string value that labels the current element. */
   'aria-label': PropTypes.string,
-
   /** Identifies the element (or elements) that labels the current element. */
   'aria-labelledby': PropTypes.string,
-
   /** Identifies the element (or elements) that describes the object. */
   'aria-describedby': PropTypes.string,
-
   /**
    * Identifies the element (or elements) that provide a detailed, extended description for the
    * object.
    */
   'aria-details': PropTypes.string,
-
   /** Props object spread directly into the modal content Box. */
   contentProps: PropTypes.shape({}),
-
   /** Props object spread directly into the modal container Box. */
   containerProps: PropTypes.shape({})
 };

package/lib/components/Modal/Modal.stories.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import React from 'react';
 import { useModalState } from '../../hooks';
-import { OverlayProvider, Box, Button, Text, Modal } from '../../index';
+import { Box, Button, Modal, OverlayProvider, Text } from '../../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Components/Modal',
@@ -69,7 +69,8 @@ export default {
 };
 export var Default = function Default(args) {
   var state = useModalState();
-  return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
+  return (
+    // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
     // readers when an overlay opens.
     ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(Button, {
       onPress: state.open,

package/lib/components/Modal/Modal.styles.js

@@ -7,11 +7,8 @@ import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-st
 import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
 import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { text } from '../Text/Text.styles';
 var closeIcon = {
   color: 'neutral.40'
@@ -41,12 +38,10 @@ var content = {
   boxShadow: 'standard',
   borderRadius: 3
 };
-
 var title = _objectSpread(_objectSpread({}, text.title), {}, {
   mr: 'sm',
   fontWeight: 3
 });
-
 export var modalCloseButton = {
   position: 'absolute',
   top: 14,

package/lib/components/Modal/tests/Modal.integration.test.js

@@ -1,17 +1,16 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import React from 'react';
 import userEvent from '@testing-library/user-event';
-import { render, screen, fireEvent } from '../../../utils/testUtils/testWrapper';
-import { OverlayProvider, Modal, Button } from '../../../index';
-import { useModalState } from '../../../hooks'; // For testing the connection between the state hook, the trigger, and the modal itself
+import { useModalState } from '../../../hooks';
+import { Button, Modal, OverlayProvider } from '../../../index';
+import { fireEvent, render, screen } from '../../../utils/testUtils/testWrapper';
 
+// For testing the connection between the state hook, the trigger, and the modal itself
 /* eslint-disable react/prop-types */
-
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 var ComposedComponent = function ComposedComponent(props) {
   var defaultState = props.defaultState,
-      modalProps = props.modalProps;
+    modalProps = props.modalProps;
   var state = useModalState(defaultState);
   return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Button, {
     onPress: state.open
@@ -22,26 +21,26 @@ var ComposedComponent = function ComposedComponent(props) {
     hasCloseButton: true
   }, modalProps))));
 };
-
 var getComposedComponent = function getComposedComponent(defaultState, modalProps) {
   return render(___EmotionJSX(ComposedComponent, {
     defaultState: defaultState,
     modalProps: modalProps
   }));
 };
-
 test('clicking the trigger should open the modal', function () {
   getComposedComponent();
-  expect(screen.queryByRole('dialog')).not.toBeInTheDocument(); // Open it with the button trigger
+  expect(screen.queryByRole('dialog')).not.toBeInTheDocument();
 
+  // Open it with the button trigger
   userEvent.click(screen.queryByRole('button'));
   expect(screen.queryByRole('dialog')).toBeInTheDocument();
 });
 test('keyboard interaction with the trigger should open the modal', function () {
   getComposedComponent();
   var button = screen.queryByRole('button');
-  expect(screen.queryByRole('dialog')).not.toBeInTheDocument(); // Open it with the button trigger
+  expect(screen.queryByRole('dialog')).not.toBeInTheDocument();
 
+  // Open it with the button trigger
   fireEvent.keyDown(button, {
     key: 'Enter',
     code: 13
@@ -55,16 +54,18 @@ test('keyboard interaction with the trigger should open the modal', function ()
 test('close button should close the modal', function () {
   getComposedComponent({
     isDefaultOpen: true
-  }); // Target the close button
+  });
 
+  // Target the close button
   userEvent.click(screen.queryAllByRole('button')[1]);
   expect(screen.queryByRole('dialog')).not.toBeInTheDocument();
 });
 test('keyboard interactions on the close button should close the modal', function () {
   getComposedComponent({
     isDefaultOpen: true
-  }); // Target the close button
+  });
 
+  // Target the close button
   fireEvent.keyDown(screen.queryAllByRole('button')[1], {
     key: 'Enter',
     code: 13

package/lib/components/Modal/tests/Modal.unit.test.js

@@ -1,26 +1,27 @@
 import React from 'react';
 import userEvent from '@testing-library/user-event';
+import { Modal, OverlayProvider } from '../../../index';
 import axeTest from '../../../utils/testUtils/testAxe';
-import { render, screen, queryByAttribute } from '../../../utils/testUtils/testWrapper';
-import { OverlayProvider, Modal } from '../../../index'; // For testing the modal alone
+import { queryByAttribute, render, screen } from '../../../utils/testUtils/testWrapper';
 
+// For testing the modal alone
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return render(___EmotionJSX(OverlayProvider, null, ___EmotionJSX(Modal, props)));
-}; // **********
+};
+
+// **********
 // Unit tests
 // **********
-// Need to be added to each test file to test accessibility using axe.
-
 
+// Need to be added to each test file to test accessibility using axe.
 axeTest(getComponent);
 test('default modal', function () {
   getComponent();
   expect(screen.queryByRole('dialog')).toBeInTheDocument();
-  expect(screen.queryByRole('dialog')).toHaveAttribute('aria-modal', 'true'); // Close button not rendered by default
-
+  expect(screen.queryByRole('dialog')).toHaveAttribute('aria-modal', 'true');
+  // Close button not rendered by default
   expect(screen.queryByRole('button')).not.toBeInTheDocument();
 });
 test('should spread undocumented props to the container element', function () {
@@ -84,11 +85,9 @@ test('should not hide the modal if clicked outside when isDismissable is false',
 });
 test('should hide the overlay when clicking outside if shouldCloseOnInteractOutside returns true', function () {
   var onClose = jest.fn();
-
   var shouldCloseOnInteractOutside = function shouldCloseOnInteractOutside(target) {
     return target === document.body;
   };
-
   getComponent({
     isOpen: true,
     isDismissable: true,
@@ -101,11 +100,9 @@ test('should hide the overlay when clicking outside if shouldCloseOnInteractOuts
 });
 test('should not hide the overlay when clicking outside if shouldCloseOnInteractOutside returns false', function () {
   var onClose = jest.fn();
-
   var shouldCloseOnInteractOutside = function shouldCloseOnInteractOutside(target) {
     return target !== document.body;
   };
-
   getComponent({
     isOpen: true,
     isDismissable: true,
@@ -117,8 +114,8 @@ test('should not hide the overlay when clicking outside if shouldCloseOnInteract
   expect(onClose).not.toHaveBeenCalledTimes(1);
 });
 test('should hide the overlay when pressing the escape key', function () {
-  var onClose = jest.fn(); // isDismissable does not need to be true here
-
+  var onClose = jest.fn();
+  // isDismissable does not need to be true here
   getComponent({
     isOpen: true,
     onClose: onClose
@@ -136,14 +133,12 @@ test('should only hide the top-most overlay', function () {
     onClose: onCloseFirst,
     isDismissable: true
   });
-
   var _getComponent = getComponent({
-    isOpen: true,
-    onClose: onCloseSecond,
-    isDismissable: true
-  }),
-      unmount = _getComponent.unmount;
-
+      isOpen: true,
+      onClose: onCloseSecond,
+      isDismissable: true
+    }),
+    unmount = _getComponent.unmount;
   userEvent.click(document.body);
   expect(onCloseSecond).toHaveBeenCalledTimes(1);
   expect(onCloseFirst).not.toHaveBeenCalled();
@@ -163,7 +158,6 @@ test('should render a custom close button if hasCloseButton is true and custom b
       "data-testid": "test"
     });
   };
-
   getComponent({
     hasCloseButton: true,
     closeButton: ___EmotionJSX(MyButton, null)