@pingux/astro 1.42.2 → 2.0.0-alpha.4

package/lib/components/AccordionGridItem/AccordionGridItem.js

@@ -5,42 +5,38 @@ var _excluded = ["item", "headerProps", "bodyProps", "children", "className", "n
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import React, { useEffect, useRef } from 'react';
-import PropTypes from 'prop-types';
+import { mergeProps } from 'react-aria';
 import { useGridRow } from '@react-aria/grid';
-import { mergeProps } from '@react-aria/utils';
+import PropTypes from 'prop-types';
 import { useAccordionGridContext } from '../../context/AccordionGridContext';
+import { useStatusClasses } from '../../hooks';
 import Box from '../Box';
-import AccordionGridItemHeader from './AccordionGridItemHeader';
 import AccordionGridItemBody from './AccordionGridItemBody';
-import { useStatusClasses } from '../../hooks';
+import AccordionGridItemHeader from './AccordionGridItemHeader';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 var AccordionGridItem = function AccordionGridItem(props) {
   var _context;
-
   var item = props.item,
-      headerProps = props.headerProps,
-      bodyProps = props.bodyProps,
-      children = props.children,
-      className = props.className,
-      navigationMode = props.navigationMode,
-      others = _objectWithoutProperties(props, _excluded);
-
+    headerProps = props.headerProps,
+    bodyProps = props.bodyProps,
+    children = props.children,
+    className = props.className,
+    navigationMode = props.navigationMode,
+    others = _objectWithoutProperties(props, _excluded);
   var _React$Children$toArr = React.Children.toArray(children),
-      _React$Children$toArr2 = _toArray(_React$Children$toArr),
-      header = _React$Children$toArr2[0],
-      body = _React$Children$toArr2[1],
-      otherChildren = _sliceInstanceProperty(_React$Children$toArr2).call(_React$Children$toArr2, 2);
-
+    _React$Children$toArr2 = _toArray(_React$Children$toArr),
+    header = _React$Children$toArr2[0],
+    body = _React$Children$toArr2[1],
+    otherChildren = _sliceInstanceProperty(_React$Children$toArr2).call(_React$Children$toArr2, 2);
   var cellNode = _concatInstanceProperty(_context = []).call(_context, item.childNodes)[0];
-
   var _useAccordionGridCont = useAccordionGridContext(),
-      state = _useAccordionGridCont.state; // Treat first cell as a row, fixes focus and keyboard interactions
-
+    state = _useAccordionGridCont.state;
 
+  // Treat first cell as a row, fixes focus and keyboard interactions
   var isDisabled = state.disabledKeys.has(cellNode.key);
-  var isSelected = state.selectionManager.isSelected(cellNode.key); // Sync selection between the first cell and the row
+  var isSelected = state.selectionManager.isSelected(cellNode.key);
 
+  // Sync selection between the first cell and the row
   useEffect(function () {
     if (isSelected !== state.selectionManager.isSelected(item.key)) {
       state.selectionManager.toggleSelection(item.key);
@@ -49,26 +45,21 @@ var AccordionGridItem = function AccordionGridItem(props) {
   var rowRef = useRef();
   var cellRef = useRef();
   var cellBodyRef = useRef();
-
   var _useGridRow = useGridRow({
-    node: item
-  }, state, rowRef),
-      rowProps = _useGridRow.rowProps;
-
+      node: item
+    }, state, rowRef),
+    rowProps = _useGridRow.rowProps;
   var _useStatusClasses = useStatusClasses(className, {
-    isSelected: isSelected,
-    isDisabled: isDisabled
-  }),
-      classNames = _useStatusClasses.classNames;
-
+      isSelected: isSelected,
+      isDisabled: isDisabled
+    }),
+    classNames = _useStatusClasses.classNames;
   delete rowProps.onMouseDown;
   delete rowProps.onPointerDown;
   delete rowProps.onClick;
-
   if (navigationMode === 'native') {
     delete rowProps.onKeyDown;
   }
-
   return ___EmotionJSX(Box, _extends({
     as: "div",
     tabindex: "0"
@@ -76,7 +67,7 @@ var AccordionGridItem = function AccordionGridItem(props) {
     "aria-selected": isSelected,
     "aria-expanded": isSelected,
     className: classNames,
-    variant: "accordion.accordionGridItem",
+    variant: "accordionGrid.item",
     ref: rowRef
   }), ___EmotionJSX(AccordionGridItemHeader, _extends({
     item: item,
@@ -91,7 +82,6 @@ var AccordionGridItem = function AccordionGridItem(props) {
     navigationMode: navigationMode
   }, bodyProps), body), otherChildren);
 };
-
 AccordionGridItem.propTypes = {
   headerProps: PropTypes.shape({}),
   bodyProps: PropTypes.shape({}),

package/lib/components/AccordionGridItem/AccordionGridItemBody.js

@@ -3,68 +3,57 @@ import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectW
 var _excluded = ["item", "className", "children", "isSelected", "navigationMode"];
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import React, { forwardRef } from 'react';
-import { mergeProps } from '@react-aria/utils';
-import PropTypes from 'prop-types';
+import { mergeProps } from 'react-aria';
 import { useGridCell } from '@react-aria/grid';
 import { useHover } from '@react-aria/interactions';
+import PropTypes from 'prop-types';
 import { useAccordionGridContext } from '../../context/AccordionGridContext';
-import Box from '../Box';
 import { useStatusClasses } from '../../hooks';
+import Box from '../Box';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var AccordionGridItemBody = /*#__PURE__*/forwardRef(function (props, ref) {
   var _context;
-
   var item = props.item,
-      className = props.className,
-      children = props.children,
-      isSelected = props.isSelected,
-      navigationMode = props.navigationMode,
-      others = _objectWithoutProperties(props, _excluded);
-
+    className = props.className,
+    children = props.children,
+    isSelected = props.isSelected,
+    navigationMode = props.navigationMode,
+    others = _objectWithoutProperties(props, _excluded);
   var _useAccordionGridCont = useAccordionGridContext(),
-      state = _useAccordionGridCont.state;
-
+    state = _useAccordionGridCont.state;
   var cellNode = _concatInstanceProperty(_context = []).call(_context, item.childNodes)[1];
-
   var _useGridCell = useGridCell({
-    node: cellNode,
-    focusMode: 'cell',
-    shouldSelectOnPressUp: true
-  }, state, ref),
-      gridCellProps = _useGridCell.gridCellProps;
-  /* istanbul ignore next */
-
+      node: cellNode,
+      focusMode: 'cell',
+      shouldSelectOnPressUp: true
+    }, state, ref),
+    gridCellProps = _useGridCell.gridCellProps;
 
+  /* istanbul ignore next */
   gridCellProps.onClick = function (e) {
     e.target.focus();
-  }; // Add the cell's key to the disabled keys array,
-  // so that clicking this cell does not close the accordion.
-
+  };
 
+  // Add the cell's key to the disabled keys array,
+  // so that clicking this cell does not close the accordion.
   state.disabledKeys.add(cellNode.key);
-
   var _useHover = useHover({}),
-      hoverProps = _useHover.hoverProps;
-
+    hoverProps = _useHover.hoverProps;
   var mergedProps = mergeProps(gridCellProps, hoverProps);
-
   var _useStatusClasses = useStatusClasses(className, {
-    isSelected: isSelected
-  }),
-      classNames = _useStatusClasses.classNames;
-
+      isSelected: isSelected
+    }),
+    classNames = _useStatusClasses.classNames;
   var ariaLabel = props['aria-label'];
   delete mergedProps.onMouseDown;
   delete mergedProps.onPointerDown;
-
   if (navigationMode === 'native') {
     delete mergedProps.onKeyDown;
     delete mergedProps.onKeyDownCapture;
   }
-
   return ___EmotionJSX(Box, _extends({
     as: "div",
-    variant: "accordion.accordionGridBody",
+    variant: "accordionGrid.body",
     role: "gridcell",
     ref: ref
   }, mergedProps, {

package/lib/components/AccordionGridItem/AccordionGridItemHeader.js

@@ -2,86 +2,71 @@ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 var _excluded = ["item", "className", "children", "isSelected", "hasCaret", "navigationMode"];
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import React, { forwardRef, useRef, useImperativeHandle } from 'react';
-import { mergeProps } from '@react-aria/utils';
-import { useFocusRing } from '@react-aria/focus';
-import PropTypes from 'prop-types';
+import React, { forwardRef, useImperativeHandle, useRef } from 'react';
+import { mergeProps, useFocusRing } from 'react-aria';
 import { useGridCell } from '@react-aria/grid';
 import { useHover, usePress } from '@react-aria/interactions';
 import MenuDown from 'mdi-react/MenuDownIcon';
 import MenuUp from 'mdi-react/MenuUpIcon';
+import PropTypes from 'prop-types';
 import { useAccordionGridContext } from '../../context/AccordionGridContext';
+import { useStatusClasses } from '../../hooks';
 import Box from '../Box';
 import Icon from '../Icon';
-import { useStatusClasses } from '../../hooks';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var AccordionGridItemHeader = /*#__PURE__*/forwardRef(function (props, ref) {
   var _context;
-
   var item = props.item,
-      className = props.className,
-      children = props.children,
-      isSelected = props.isSelected,
-      hasCaret = props.hasCaret,
-      navigationMode = props.navigationMode,
-      others = _objectWithoutProperties(props, _excluded);
-
+    className = props.className,
+    children = props.children,
+    isSelected = props.isSelected,
+    hasCaret = props.hasCaret,
+    navigationMode = props.navigationMode,
+    others = _objectWithoutProperties(props, _excluded);
   var _useAccordionGridCont = useAccordionGridContext(),
-      state = _useAccordionGridCont.state;
-
+    state = _useAccordionGridCont.state;
   var cellRef = useRef();
-  /* istanbul ignore next */
 
+  /* istanbul ignore next */
   useImperativeHandle(ref, function () {
     return cellRef.current;
   });
-
   var cellNode = _concatInstanceProperty(_context = []).call(_context, item.childNodes)[0];
-
   var _useGridCell = useGridCell({
-    node: cellNode,
-    focusMode: 'cell',
-    shouldSelectOnPressUp: true
-  }, state, cellRef),
-      gridCellProps = _useGridCell.gridCellProps;
-
+      node: cellNode,
+      focusMode: 'cell',
+      shouldSelectOnPressUp: true
+    }, state, cellRef),
+    gridCellProps = _useGridCell.gridCellProps;
   var _useHover = useHover({}),
-      hoverProps = _useHover.hoverProps,
-      isHovered = _useHover.isHovered;
-
+    hoverProps = _useHover.hoverProps,
+    isHovered = _useHover.isHovered;
   var _usePress = usePress({
-    ref: cellRef
-  }),
-      pressProps = _usePress.pressProps,
-      isPressed = _usePress.isPressed;
-
+      ref: cellRef
+    }),
+    pressProps = _usePress.pressProps,
+    isPressed = _usePress.isPressed;
   var _useFocusRing = useFocusRing({
-    within: true
-  }),
-      focusWithinProps = _useFocusRing.focusProps;
-
+      within: true
+    }),
+    focusWithinProps = _useFocusRing.focusProps;
   var _useFocusRing2 = useFocusRing(),
-      focusProps = _useFocusRing2.focusProps,
-      isFocusVisible = _useFocusRing2.isFocusVisible;
-
+    focusProps = _useFocusRing2.focusProps,
+    isFocusVisible = _useFocusRing2.isFocusVisible;
   var mergedProps = mergeProps(pressProps, gridCellProps, hoverProps, focusWithinProps, focusProps, pressProps);
-
   var _useStatusClasses = useStatusClasses(className, {
-    isPressed: isPressed,
-    isHovered: isHovered,
-    isSelected: isSelected,
-    isFocused: isFocusVisible
-  }),
-      classNames = _useStatusClasses.classNames;
-
+      isPressed: isPressed,
+      isHovered: isHovered,
+      isSelected: isSelected,
+      isFocused: isFocusVisible
+    }),
+    classNames = _useStatusClasses.classNames;
   var ariaLabel = props['aria-label'];
-
   var handleKeyPress = function handleKeyPress(e) {
     if (e.key === 'Enter') {
       state.selectionManager.toggleSelection(e.target.dataset.key);
     }
   };
-
   if (navigationMode === 'native') {
     delete mergedProps.onKeyDown;
     delete mergedProps.onKeyDownCapture;
@@ -89,12 +74,11 @@ var AccordionGridItemHeader = /*#__PURE__*/forwardRef(function (props, ref) {
     mergedProps.tabIndex = 0;
     mergedProps.onKeyPress = handleKeyPress;
   }
-
   return ___EmotionJSX(Box, _extends({
     as: "div",
     ref: cellRef
   }, mergedProps, {
-    variant: "accordion.accordionGridHeader",
+    variant: "accordionGrid.header",
     isFocused: isFocusVisible,
     isSelected: isSelected,
     className: classNames

package/lib/components/AccordionGroup/Accordion.styles.js

@@ -0,0 +1,61 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+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 { base, defaultFocus } from '../Button/Buttons.styles';
+var title = {
+  display: 'inline-block !important',
+  overflowWrap: 'break-word',
+  maxWidth: '100%',
+  wordWrap: 'break-word',
+  wordBreak: 'break-word',
+  fontSize: 'lg',
+  fontWeight: 700,
+  color: 'text.primary',
+  '&.is-pressed': {
+    color: 'white'
+  }
+};
+var accordion = {
+  display: 'flex',
+  mt: '5px',
+  mb: '20px',
+  alignItems: 'flex-start'
+};
+var body = {
+  display: 'none',
+  pt: 'md',
+  width: '100%',
+  '.is-open &': {
+    display: 'flex'
+  }
+};
+var header = _objectSpread(_objectSpread({}, base), {}, {
+  display: 'inline-flex',
+  bg: 'transparent',
+  color: 'neutral.10',
+  paddingLeft: '5px',
+  paddingRight: '5px',
+  flexGrow: 0,
+  fontWeight: 700,
+  '&.is-hovered': {
+    color: 'active'
+  },
+  '&.is-pressed': {
+    color: 'accent.20'
+  },
+  '&.is-focused': _objectSpread({}, defaultFocus)
+});
+export default {
+  title: title,
+  accordion: accordion,
+  body: body,
+  header: header
+};

package/lib/components/AccordionGroup/AccordionGroup.js

@@ -10,55 +10,48 @@ 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 = ["defaultExpandedKeys", "expandedKeys", "onExpandedChange"],
-    _excluded2 = ["onFocus"];
+  _excluded2 = ["onFocus"];
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
-
 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 _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, 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 { useTreeState } from 'react-stately';
 import { useAccordion } from '@react-aria/accordion';
-import { useTreeState } from '@react-stately/tree';
 import { mergeProps } from '@react-aria/utils';
 import PropTypes from 'prop-types';
-import { Box } from '../../index';
-import AccordionItem from '../AccordionItem';
 import { AccordionContext } from '../../context/AccordionContext';
+import { Box } from '../../index';
 import { isIterableProp } from '../../utils/devUtils/props/isIterable';
+import AccordionItem from '../AccordionItem';
+
 /**
  * Console Warning: "Cannot update a component (`Unknown`)...`"
  * when using controlledExpanded prop is expected
  * and related to a known issue within React Stately.
  */
-
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var AccordionGroup = /*#__PURE__*/forwardRef(function (props, ref) {
   var _context;
-
   var defaultExpandedKeys = props.defaultExpandedKeys,
-      expandedKeys = props.expandedKeys,
-      onExpandedChange = props.onExpandedChange,
-      others = _objectWithoutProperties(props, _excluded);
-
+    expandedKeys = props.expandedKeys,
+    onExpandedChange = props.onExpandedChange,
+    others = _objectWithoutProperties(props, _excluded);
   var state = useTreeState(props);
   var accordionRef = useRef();
-  /* `autoFocus: true` is what makes the initial focus only take one click vs two. */
 
+  /* `autoFocus: true` is what makes the initial focus only take one click vs two. */
   var _useAccordion = useAccordion(_objectSpread({
-    autoFocus: true
-  }, props), state, accordionRef),
-      accordionProps = _useAccordion.accordionProps;
-
+      autoFocus: true
+    }, props), state, accordionRef),
+    accordionProps = _useAccordion.accordionProps;
   delete accordionProps.onMouseDown;
-  /* Splicing out the onFocus function is what allows subsequent focuses to only take one click. */
 
+  /* Splicing out the onFocus function is what allows subsequent focuses to only take one click. */
   var onFocus = accordionProps.onFocus,
-      theseProps = _objectWithoutProperties(accordionProps, _excluded2);
-  /* istanbul ignore next */
-
+    theseProps = _objectWithoutProperties(accordionProps, _excluded2);
 
+  /* istanbul ignore next */
   useImperativeHandle(ref, function () {
     return accordionRef.current;
   });
@@ -77,22 +70,17 @@ var AccordionGroup = /*#__PURE__*/forwardRef(function (props, ref) {
 AccordionGroup.propTypes = {
   /** Handler that is called when items are expanded or collapsed. */
   onExpandedChange: PropTypes.func,
-
   /** Item objects in the collection. */
   items: isIterableProp,
-
   /**
    * The item keys that are disabled. These items cannot be selected, focused, or otherwise
    * interacted with.
    */
   disabledKeys: isIterableProp,
-
   /** The currently expanded keys in the collection (controlled). */
   expandedKeys: isIterableProp,
-
   /** The initial expanded keys in the collection (uncontrolled). */
   defaultExpandedKeys: isIterableProp,
-
   /** Id of the selected element */
   id: PropTypes.string
 };

package/lib/components/AccordionGroup/AccordionGroup.stories.js

@@ -1,12 +1,12 @@
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import React, { useState } from 'react';
-import { Item } from '@react-stately/collections';
+import { Item } from 'react-stately';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
-import Text from '../Text';
 import Button from '../Button';
+import Text from '../Text';
 import TextField from '../TextField';
-import AccordionGroup from '.';
 import AccordionReadme from './AccordionGroup.mdx';
+import AccordionGroup from '.';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var itemArray = [{
   key: 't1',
@@ -102,10 +102,9 @@ export var Multiple = function Multiple() {
 };
 export var ControlledExpanded = function ControlledExpanded() {
   var _useState = useState(['t3']),
-      _useState2 = _slicedToArray(_useState, 2),
-      expandedKeys = _useState2[0],
-      setExpandedKeys = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    expandedKeys = _useState2[0],
+    setExpandedKeys = _useState2[1];
   return (
     /*
      * itemArray = [

package/lib/components/AccordionGroup/AccordionGroup.test.js

@@ -1,13 +1,13 @@
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import React from 'react';
-import { Item } from '@react-stately/collections';
+import { Item } from 'react-stately';
 import userEvent from '@testing-library/user-event';
+import { Box, Button, Menu, OverlayPanel, PopoverMenu, TextField } from '../../index';
 import axeTest from '../../utils/testUtils/testAxe';
 import { act, fireEvent, render, screen } from '../../utils/testUtils/testWrapper';
 import Text from '../Text';
-import AccordionGroup from '../AccordionGroup';
-import { OverlayPanel, TextField, Box, Menu, Button, PopoverMenu } from '../../index';
+import AccordionGroup from '.';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testId = 'test-accordion';
 var defaultProps = {
@@ -23,7 +23,6 @@ var items = [{
   text: 'empty'
 }];
 var selectedAccordionKeys = ['identityProvider', 'identityProvider1'];
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return render(___EmotionJSX(AccordionGroup, _extends({}, defaultProps, props), ___EmotionJSX(Item, {
@@ -47,7 +46,6 @@ var getComponent = function getComponent() {
     "data-testid": "testField"
   }))));
 };
-
 var getComponentInOverlayPanel = function getComponentInOverlayPanel() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return render(___EmotionJSX(OverlayPanel, {
@@ -66,7 +64,6 @@ var getComponentInOverlayPanel = function getComponentInOverlayPanel() {
     "data-id": "third"
   }, ___EmotionJSX(Text, null, "Render me!")))));
 };
-
 var getComponentWithInput = function getComponentWithInput() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return render(___EmotionJSX(AccordionGroup, _extends({}, defaultProps, props), ___EmotionJSX(Item, {
@@ -83,7 +80,6 @@ var getComponentWithInput = function getComponentWithInput() {
     "data-testid": "testInput"
   }))));
 };
-
 var getComponentWithPopover = function getComponentWithPopover() {
   return render(___EmotionJSX(Box, {
     isRow: true,
@@ -114,7 +110,6 @@ var getComponentWithPopover = function getComponentWithPopover() {
     }, item.text);
   })));
 };
-
 var getComponentWithMultipleAccordion = function getComponentWithMultipleAccordion() {
   return render(___EmotionJSX(Box, {
     alignItems: "center",
@@ -149,9 +144,9 @@ var getComponentWithMultipleAccordion = function getComponentWithMultipleAccordi
   }, ___EmotionJSX("form", {
     "data-id": "connection-configuration-custom-form"
   }, ___EmotionJSX(Box, null, ___EmotionJSX(Text, null, "other text1"), ___EmotionJSX(Text, null, "another text1")))))));
-}; // 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, {
   // landmark-unique rule conflicts with react-aria role definition
   rules: {
@@ -168,8 +163,9 @@ test('button press uses callback', function () {
   var buttons = screen.getAllByRole('button');
   var selectedItem = buttons[0];
   expect(selectedItem).not.toHaveClass('is-pressed');
-  expect(onPress).not.toHaveBeenCalled(); // Hold down the button to see pressed styles
+  expect(onPress).not.toHaveBeenCalled();
 
+  // Hold down the button to see pressed styles
   fireEvent.mouseDown(selectedItem);
   fireEvent.mouseUp(selectedItem);
   expect(onPress).toHaveBeenCalled();
@@ -211,12 +207,10 @@ test('allows users to open and close accordion item with enter / space key', fun
 test('allows users to naviagte accordion headers through arrow keys', function () {
   getComponent();
   var buttons = screen.getAllByRole('button');
-
   var _buttons = _slicedToArray(buttons, 3),
-      firstItem = _buttons[0],
-      secondItem = _buttons[1],
-      thirdItem = _buttons[2];
-
+    firstItem = _buttons[0],
+    secondItem = _buttons[1],
+    thirdItem = _buttons[2];
   act(function () {
     firstItem.focus();
   });
@@ -245,12 +239,10 @@ test('allows users to naviagte accordion headers through arrow keys', function (
 test('allows users to navigate accordion headers through the tab key', function () {
   getComponent();
   var buttons = screen.getAllByRole('button');
-
   var _buttons2 = _slicedToArray(buttons, 3),
-      firstItem = _buttons2[0],
-      secondItem = _buttons2[1],
-      thirdItem = _buttons2[2];
-
+    firstItem = _buttons2[0],
+    secondItem = _buttons2[1],
+    thirdItem = _buttons2[2];
   act(function () {
     firstItem.focus();
   });