chore(deps): update dependency prettier to v2 (react-bootstrap#787)

* chore(deps): update dependency prettier to v2 * format Co-authored-by: Renovate Bot <[email protected]> Co-authored-by: Jimmy Jia <[email protected]>
BcGovNeal · Mar 22, 2020 · 071da3e · 071da3e
1 parent 3ff9c89
commit 071da3e
Show file tree

Hide file tree

Showing 26 changed files with 89 additions and 120 deletions.
diff --git a/karma.conf.js b/karma.conf.js
@@ -1,6 +1,6 @@
 const { rules, plugins } = require('webpack-atoms');
 
-module.exports = config => {
+module.exports = (config) => {
   const { env } = process;
 
   config.set({

diff --git a/package.json b/package.json
@@ -114,7 +114,7 @@
     "karma-webpack": "4.0.2",
     "lint-staged": "^10.0.8",
     "mocha": "^7.1.0",
-    "prettier": "^1.19.1",
+    "prettier": "^2.0.1",
     "react": "^16.13.0",
     "react-dom": "^16.13.0",
     "react-transition-group": "^4.3.0",

diff --git a/src/Dropdown.js b/src/Dropdown.js
@@ -120,7 +120,7 @@ function Dropdown({
   const menuElement = menuRef.current;
 
   const setMenu = useCallback(
-    ref => {
+    (ref) => {
       menuRef.current = ref;
       // ensure that a menu set triggers an update for consumers
       forceUpdate();
@@ -133,7 +133,7 @@ function Dropdown({
   const focusInDropdown = useRef(false);
 
   const toggle = useCallback(
-    event => {
+    (event) => {
       onToggle(!show, event);
     },
     [onToggle, show],
@@ -218,7 +218,7 @@ function Dropdown({
     return items[index];
   };
 
-  const handleKeyDown = event => {
+  const handleKeyDown = (event) => {
     const { key, target } = event;
 
     // Second only to https://github.com/twbs/bootstrap/blob/8cfbf6933b8a0146ac3fbc369f19e520bd1ebdac/js/src/dropdown.js#L400

diff --git a/src/DropdownMenu.js b/src/DropdownMenu.js
@@ -27,7 +27,7 @@ export function useDropdownMenu(options = {}) {
     hasShownRef.current = true;
   }
 
-  const handleClose = e => {
+  const handleClose = (e) => {
     if (!context.toggle) return;
     context.toggle(false, e);
   };

diff --git a/src/Modal.js b/src/Modal.js
@@ -15,7 +15,7 @@ import useWaitForDOMRef from './utils/useWaitForDOMRef';
 function omitProps(props, propTypes) {
   const keys = Object.keys(props);
   const newProps = {};
-  keys.forEach(prop => {
+  keys.forEach((prop) => {
     if (!Object.prototype.hasOwnProperty.call(propTypes, prop)) {
       newProps[prop] = props[prop];
     }
@@ -214,7 +214,7 @@ class Modal extends React.Component {
     enforceFocus: true,
     restoreFocus: true,
     onHide: () => {},
-    renderBackdrop: props => <div {...props} />,
+    renderBackdrop: (props) => <div {...props} />,
   };
 
   state = { exited: !this.props.show };
@@ -305,11 +305,11 @@ class Modal extends React.Component {
     }
   };
 
-  setDialogRef = ref => {
+  setDialogRef = (ref) => {
     this.dialog = ref;
   };
 
-  setBackdropRef = ref => {
+  setBackdropRef = (ref) => {
     this.backdrop = ref && ReactDOM.findDOMNode(ref);
   };
 
@@ -334,7 +334,7 @@ class Modal extends React.Component {
     }
   };
 
-  handleBackdropClick = e => {
+  handleBackdropClick = (e) => {
     if (e.target !== e.currentTarget) {
       return;
     }
@@ -348,7 +348,7 @@ class Modal extends React.Component {
     }
   };
 
-  handleDocumentKeyDown = e => {
+  handleDocumentKeyDown = (e) => {
     if (this.props.keyboard && e.keyCode === 27 && this.isTopModal()) {
       if (this.props.onEscapeKeyDown) {
         this.props.onEscapeKeyDown(e);

diff --git a/src/ModalManager.js b/src/ModalManager.js
@@ -46,7 +46,7 @@ class ModalManager {
   }
 
   containerIndexFromModal(modal) {
-    return findIndexOf(this.data, d => d.modals.indexOf(modal) !== -1);
+    return findIndexOf(this.data, (d) => d.modals.indexOf(modal) !== -1);
   }
 
   setContainerStyle(containerState, container) {
@@ -62,10 +62,9 @@ class ModalManager {
     if (containerState.overflowing) {
       // use computed style, here to get the real padding
       // to add our scrollbar width
-      style.paddingRight = `${parseInt(
-        css(container, 'paddingRight') || 0,
-        10,
-      ) + this.scrollbarSize}px`;
+      style.paddingRight = `${
+        parseInt(css(container, 'paddingRight') || 0, 10) + this.scrollbarSize
+      }px`;
     }
 
     css(container, style);
@@ -74,7 +73,7 @@ class ModalManager {
   removeContainerStyle(containerState, container) {
     const { style } = containerState;
 
-    Object.keys(style).forEach(key => {
+    Object.keys(style).forEach((key) => {
       container.style[key] = style[key];
     });
   }

diff --git a/src/usePopper.js b/src/usePopper.js
@@ -20,15 +20,15 @@ export function toModifierMap(modifiers) {
   }
 
   // eslint-disable-next-line no-unused-expressions
-  modifiers?.forEach(m => {
+  modifiers?.forEach((m) => {
     result[m.name] = m;
   });
   return result;
 }
 
 export function toModifierArray(map) {
   if (Array.isArray(map)) return map;
-  return Object.keys(map || {}).map(k => {
+  return Object.keys(map || {}).map((k) => {
     map[k].name = k;
     return map[k];
   });
@@ -84,7 +84,7 @@ export default function usePopper(
       enabled: true,
       phase: 'afterWrite',
       requires: ['computeStyles'],
-      fn: data => {
+      fn: (data) => {
         setState({
           scheduleUpdate,
           outOfBoundaries: data.state.modifiersData.hide?.isReferenceHidden,
@@ -100,7 +100,7 @@ export default function usePopper(
 
   let modifiers = toModifierArray(userModifiers);
 
-  let eventsModifier = modifiers.find(m => m.name === 'eventListeners');
+  let eventsModifier = modifiers.find((m) => m.name === 'eventListeners');
 
   if (!eventsModifier && eventsEnabled) {
     eventsModifier = {
@@ -146,7 +146,7 @@ export default function usePopper(
       if (popperInstanceRef.current !== null) {
         popperInstanceRef.current.destroy();
         popperInstanceRef.current = null;
-        setState(s => ({
+        setState((s) => ({
           ...s,
           styles: initialPopperStyles,
           arrowStyles: initialArrowStyles,

diff --git a/src/useRootClose.js b/src/useRootClose.js
@@ -39,7 +39,7 @@ function useRootClose(
   const onClose = onRootClose || noop;
 
   const handleMouseCapture = useCallback(
-    e => {
+    (e) => {
       const currentTarget = ref && ('current' in ref ? ref.current : ref);
       warning(
         !!currentTarget,
@@ -56,13 +56,13 @@ function useRootClose(
     [ref],
   );
 
-  const handleMouse = useEventCallback(e => {
+  const handleMouse = useEventCallback((e) => {
     if (!preventMouseRootCloseRef.current) {
       onClose(e);
     }
   });
 
-  const handleKeyUp = useEventCallback(e => {
+  const handleKeyUp = useEventCallback((e) => {
     if (e.keyCode === escapeKeyCode) {
       onClose(e);
     }
@@ -90,14 +90,14 @@ function useRootClose(
     if ('ontouchstart' in doc.documentElement) {
       mobileSafariHackListeners = [].slice
         .call(doc.body.children)
-        .map(el => listen(el, 'mousemove', noop));
+        .map((el) => listen(el, 'mousemove', noop));
     }
 
     return () => {
       removeMouseCaptureListener();
       removeMouseListener();
       removeKeyupListener();
-      mobileSafariHackListeners.forEach(remove => remove());
+      mobileSafariHackListeners.forEach((remove) => remove());
     };
   }, [
     ref,

diff --git a/src/utils/manageAriaHidden.js b/src/utils/manageAriaHidden.js
@@ -5,7 +5,7 @@ let isHidable = ({ nodeType, tagName }) =>
 
 let siblings = (container, exclude, cb) => {
   exclude = [].concat(exclude);
-  [].forEach.call(container.children, node => {
+  [].forEach.call(container.children, (node) => {
     if (exclude.indexOf(node) === -1 && isHidable(node)) {
       cb(node);
     }
@@ -22,9 +22,9 @@ export function ariaHidden(show, node) {
 }
 
 export function hideSiblings(container, { dialog, backdrop }) {
-  siblings(container, [dialog, backdrop], node => ariaHidden(true, node));
+  siblings(container, [dialog, backdrop], (node) => ariaHidden(true, node));
 }
 
 export function showSiblings(container, { dialog, backdrop }) {
-  siblings(container, [dialog, backdrop], node => ariaHidden(false, node));
+  siblings(container, [dialog, backdrop], (node) => ariaHidden(false, node));
 }
diff --git a/src/utils/ownerDocument.js b/src/utils/ownerDocument.js
@@ -1,6 +1,6 @@
 import ReactDOM from 'react-dom';
 import ownerDocument from 'dom-helpers/ownerDocument';
 
-export default function(componentOrElement) {
+export default function (componentOrElement) {
   return ownerDocument(ReactDOM.findDOMNode(componentOrElement));
 }
diff --git a/src/utils/useWaitForDOMRef.js b/src/utils/useWaitForDOMRef.js
@@ -1,7 +1,7 @@
 import ownerDocument from 'dom-helpers/ownerDocument';
 import { useState, useEffect } from 'react';
 
-const resolveRef = ref => {
+const resolveRef = (ref) => {
   if (typeof document === 'undefined') return undefined;
   if (ref == null) return ownerDocument().body;
   if (typeof ref === 'function') ref = ref();