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

package/lib/components/TabPicker/TabPicker.js

@@ -10,87 +10,72 @@ import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instanc
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import React, { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
+import { Item as Tab } from 'react-stately';
+import { Pressable } from '@react-aria/interactions';
 import ArrowDropDownIcon from 'mdi-react/ArrowDropDownIcon';
 import ArrowDropUpIcon from 'mdi-react/ArrowDropUpIcon';
 import PropTypes from 'prop-types';
-import { Item as Tab } from 'react-stately';
-import { Pressable } from '@react-aria/interactions';
+import { Box, Icon, Menu, PopoverMenu, Text } from '../..';
 import { useStatusClasses } from '../../hooks';
-import { Box, Text, PopoverMenu, Icon, Menu } from '../..';
 import { TabLine } from '../Tab';
-/* istanbul ignore next */
 
+/* istanbul ignore next */
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var TabPicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      items = _ref.items,
-      state = _ref.state,
-      item = _ref.item,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+    items = _ref.items,
+    state = _ref.state,
+    item = _ref.item,
+    others = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
   var _useState3 = useState(state.selectedKey),
-      _useState4 = _slicedToArray(_useState3, 2),
-      selectedItem = _useState4[0],
-      setSelectedItem = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedItem = _useState4[0],
+    setSelectedItem = _useState4[1];
   var selectionManager = state.selectionManager;
-
   var _useState5 = useState(selectionManager.focusedKey),
-      _useState6 = _slicedToArray(_useState5, 2),
-      focusedItem = _useState6[0],
-      setFocusedItem = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    focusedItem = _useState6[0],
+    setFocusedItem = _useState6[1];
   var isTabFocused = selectionManager.focusedKey === item.key;
   var isTabSelected = state.selectedKey === item.key;
-
   var isListItemFocused = _someInstanceProperty(items).call(items, function (el) {
     return el.key === selectionManager.focusedKey;
   });
-
   var isListItemSelected = _someInstanceProperty(items).call(items, function (el) {
     return el.key === state.selectedKey;
   });
-
   var _useMemo = useMemo(function () {
-    var _context, _tabs$prevIndex, _tabs$nextIndex;
-
-    var tabs = _filterInstanceProperty(_context = _Array$from(state.collection)).call(_context, function (tab) {
-      var _tab$value;
-
-      return !(tab !== null && tab !== void 0 && (_tab$value = tab.value) !== null && _tab$value !== void 0 && _tab$value.isListItem);
-    });
-
-    var prevIndex = _findIndexInstanceProperty(tabs).call(tabs, function (tab) {
-      return tab.key === item.key;
-    }) - 1;
-    var nextIndex = _findIndexInstanceProperty(tabs).call(tabs, function (tab) {
-      return tab.key === item.key;
-    }) + 1;
-    return {
-      prevKey: ((_tabs$prevIndex = tabs[prevIndex]) === null || _tabs$prevIndex === void 0 ? void 0 : _tabs$prevIndex.key) || tabs[tabs.length].key,
-      nextKey: ((_tabs$nextIndex = tabs[nextIndex]) === null || _tabs$nextIndex === void 0 ? void 0 : _tabs$nextIndex.key) || tabs[0].key
-    };
-  }, []),
-      prevKey = _useMemo.prevKey,
-      nextKey = _useMemo.nextKey;
-
+      var _context, _tabs$prevIndex, _tabs$nextIndex;
+      var tabs = _filterInstanceProperty(_context = _Array$from(state.collection)).call(_context, function (tab) {
+        var _tab$value;
+        return !(tab !== null && tab !== void 0 && (_tab$value = tab.value) !== null && _tab$value !== void 0 && _tab$value.isListItem);
+      });
+      var prevIndex = _findIndexInstanceProperty(tabs).call(tabs, function (tab) {
+        return tab.key === item.key;
+      }) - 1;
+      var nextIndex = _findIndexInstanceProperty(tabs).call(tabs, function (tab) {
+        return tab.key === item.key;
+      }) + 1;
+      return {
+        prevKey: ((_tabs$prevIndex = tabs[prevIndex]) === null || _tabs$prevIndex === void 0 ? void 0 : _tabs$prevIndex.key) || tabs[tabs.length].key,
+        nextKey: ((_tabs$nextIndex = tabs[nextIndex]) === null || _tabs$nextIndex === void 0 ? void 0 : _tabs$nextIndex.key) || tabs[0].key
+      };
+    }, []),
+    prevKey = _useMemo.prevKey,
+    nextKey = _useMemo.nextKey;
   var _useStatusClasses = useStatusClasses(className, {
-    isSelected: isListItemSelected
-  }),
-      classNames = _useStatusClasses.classNames;
-
+      isSelected: isListItemSelected
+    }),
+    classNames = _useStatusClasses.classNames;
   var menuRef = useRef();
-
   var handleSelectedItem = function handleSelectedItem(currentItem) {
     state.setSelectedKey(currentItem);
     setFocusedItem(currentItem);
   };
-
   useEffect(function () {
     if (selectedItem) {
       handleSelectedItem(selectedItem);
@@ -105,7 +90,6 @@ var TabPicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
     if (isOpen && (isTabFocused || isListItemSelected) && menuRef.current) {
       if (focusedItem) {
         var _context2;
-
         _findInstanceProperty(_context2 = _Array$from(menuRef.current.children)).call(_context2, function (el) {
           return el.dataset.key === focusedItem;
         }).focus();
@@ -113,7 +97,6 @@ var TabPicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
         menuRef.current.firstChild.focus();
       }
     }
-
     if (!isOpen && isTabSelected && !selectedItem) {
       setSelectedItem(selectionManager.focusedKey);
     }
@@ -140,7 +123,6 @@ var TabPicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
       setFocusedItem(null);
     }
   }, [isTabSelected, isListItemSelected]);
-
   var handleKeyNavigation = function handleKeyNavigation(e) {
     switch (e.key) {
       case 'ArrowRight':
@@ -148,18 +130,15 @@ var TabPicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
           selectionManager.setFocusedKey(nextKey);
           break;
         }
-
       case 'ArrowLeft':
         {
           selectionManager.setFocusedKey(prevKey);
           break;
         }
-
       default:
         break;
     }
   };
-
   var tabProps = others;
   delete tabProps.onPointerDown;
   delete tabProps.onKeyDown;

package/lib/components/Table/Table.js

@@ -3,6 +3,7 @@ import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectW
 var _excluded = ["children"];
 import React from 'react';
 import Box from '../Box';
+
 /**
  * Basic Table parent component.
  *
@@ -11,17 +12,13 @@ import Box from '../Box';
  * Accepts the `<TableBody>` component and/or the `<TableHead>` as children.
  *
  */
-
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 var Table = function Table(props) {
   var children = props.children,
-      others = _objectWithoutProperties(props, _excluded);
-
+    others = _objectWithoutProperties(props, _excluded);
   return ___EmotionJSX(Box, _extends({
     as: "table",
     variant: "table.container"
   }, others), children);
 };
-
 export default Table;

package/lib/components/Table/Table.stories.js

@@ -1,13 +1,13 @@
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
 import React from 'react';
-import Table from './Table';
+import { Text } from '../../index';
 import TableBody from '../TableBody';
-import TableRow from '../TableRow';
+import TableCaption from '../TableCaption';
 import TableCell from '../TableCell';
 import TableHead from '../TableHead';
-import TableCaption from '../TableCaption';
-import { Text } from '../../index';
+import TableRow from '../TableRow';
+import Table from './Table';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Components/Table',
@@ -45,7 +45,6 @@ export var Default = function Default() {
     }, head);
   }))), ___EmotionJSX(TableBody, null, _mapInstanceProperty(objects).call(objects, function (object) {
     var _context;
-
     return ___EmotionJSX(TableRow, {
       key: object.country
     }, _mapInstanceProperty(_context = _Object$values(object)).call(_context, function (value) {

package/lib/components/Table/Table.styles.js

@@ -7,25 +7,19 @@ 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 head = _objectSpread(_objectSpread({}, text.label), {}, {
   fontWeight: 500,
   width: '100%',
   flexDirection: 'row !important',
   p: '10px'
 });
-
 var data = _objectSpread(_objectSpread({}, text.tableData), {}, {
   width: '100%',
   p: '10px'
 });
-
 var body = {
   borderTop: '1px solid',
   borderTopColor: 'neutral.40',

package/lib/components/Table/Table.test.js

@@ -2,14 +2,14 @@ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance
 import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
 import React from 'react';
 import { render, screen } from '@testing-library/react';
-import Table from './Table';
+import { Text } from '../../index';
+import axeTest from '../../utils/testUtils/testAxe';
 import TableBody from '../TableBody';
-import TableRow from '../TableRow';
+import TableCaption from '../TableCaption';
 import TableCell from '../TableCell';
 import TableHead from '../TableHead';
-import TableCaption from '../TableCaption';
-import { Text } from '../../index';
-import axeTest from '../../utils/testUtils/testAxe';
+import TableRow from '../TableRow';
+import Table from './Table';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testId = 'test-table';
 var defaultProps = {
@@ -34,7 +34,6 @@ var objects = [{
   population: '67,000,000',
   continent: 'Europe'
 }];
-
 var getComponent = function getComponent() {
   return render(___EmotionJSX(Table, defaultProps, ___EmotionJSX(TableCaption, null, ___EmotionJSX(Text, {
     fontWeight: 3,
@@ -48,7 +47,6 @@ var getComponent = function getComponent() {
     }, head);
   }))), ___EmotionJSX(TableBody, null, _mapInstanceProperty(objects).call(objects, function (object) {
     var _context;
-
     return ___EmotionJSX(TableRow, {
       key: object.country
     }, _mapInstanceProperty(_context = _Object$values(object)).call(_context, function (value) {
@@ -57,9 +55,9 @@ var getComponent = function getComponent() {
       }, value);
     }));
   }))));
-}; // 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 table', function () {
   getComponent();

package/lib/components/TableBody/TableBody.js

@@ -3,6 +3,7 @@ import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectW
 var _excluded = ["children"];
 import React from 'react';
 import Box from '../Box';
+
 /**
  * Basic TableBody component.
  *
@@ -11,17 +12,13 @@ import Box from '../Box';
  * Needs to be a child of the `<Table>` component. Accepts `<TableRow>` as children.
  *
  */
-
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 var TableBody = function TableBody(props) {
   var children = props.children,
-      others = _objectWithoutProperties(props, _excluded);
-
+    others = _objectWithoutProperties(props, _excluded);
   return ___EmotionJSX(Box, _extends({
     variant: "table.body",
     as: "tbody"
   }, others), children);
 };
-
 export default TableBody;

package/lib/components/TableCaption/TableCaption.js

@@ -3,6 +3,7 @@ import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectW
 var _excluded = ["children"];
 import React from 'react';
 import Box from '../Box';
+
 /**
  * Basic TableCaption component.
  *
@@ -11,17 +12,13 @@ import Box from '../Box';
  * Needs to be a child of the `<Table>` component. Accepts text as children.
  *
  */
-
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 var TableCaption = function TableCaption(props) {
   var children = props.children,
-      others = _objectWithoutProperties(props, _excluded);
-
+    others = _objectWithoutProperties(props, _excluded);
   return ___EmotionJSX(Box, _extends({
     variant: "table.caption",
     as: "caption"
   }, others), children);
 };
-
 export default TableCaption;

package/lib/components/TableCell/TableCell.js

@@ -4,6 +4,7 @@ var _excluded = ["children", "isHeading"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import Box from '../Box';
+
 /**
  * TableCell component.
  *
@@ -12,20 +13,16 @@ import Box from '../Box';
  * Accepts text as children, and needs to have a `<TableRow>` as a parent.
  *
  */
-
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 var TableCell = function TableCell(props) {
   var children = props.children,
-      isHeading = props.isHeading,
-      others = _objectWithoutProperties(props, _excluded);
-
+    isHeading = props.isHeading,
+    others = _objectWithoutProperties(props, _excluded);
   return ___EmotionJSX(Box, _extends({
     variant: isHeading ? 'table.head' : 'table.data',
     as: isHeading ? 'th' : 'td'
   }, others), children);
 };
-
 TableCell.propTypes = {
   /** Determines whether or not the html rendered is a th or td element. */
   isHeading: PropTypes.bool

package/lib/components/TableCell/TableCell.test.js

@@ -1,23 +1,22 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import React from 'react';
 import { render, screen } from '@testing-library/react';
-import TableCell from './TableCell';
+import axeTest from '../../utils/testUtils/testAxe';
 import Table from '../Table';
 import TableBody from '../TableBody';
 import TableRow from '../TableRow';
-import axeTest from '../../utils/testUtils/testAxe';
+import TableCell from './TableCell';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testId = 'test-cell';
 var defaultProps = {
   'data-testid': testId
 };
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return render(___EmotionJSX(Table, null, ___EmotionJSX(TableBody, null, ___EmotionJSX(TableRow, null, ___EmotionJSX(TableCell, _extends({}, props, defaultProps), "Here is text.")))));
-}; // 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('isHeading = true', function () {
   var props = {

package/lib/components/TableHead/TableHead.js

@@ -3,6 +3,7 @@ import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectW
 var _excluded = ["children"];
 import React from 'react';
 import Box from '../Box';
+
 /**
  * TableHead component.
  *
@@ -11,16 +12,12 @@ import Box from '../Box';
  * Accepts `<TableRow>` as children. Needs to be wrapped within a `<Table>` component.
  *
  */
-
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 var TableHead = function TableHead(props) {
   var children = props.children,
-      others = _objectWithoutProperties(props, _excluded);
-
+    others = _objectWithoutProperties(props, _excluded);
   return ___EmotionJSX(Box, _extends({
     as: "thead"
   }, others), children);
 };
-
 export default TableHead;

package/lib/components/TableRow/TableRow.js

@@ -3,6 +3,7 @@ import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectW
 var _excluded = ["children"];
 import React from 'react';
 import Box from '../Box';
+
 /**
  * TableRow component.
  *
@@ -11,17 +12,13 @@ import Box from '../Box';
  * Accepts `<TableCell>` as children. Needs to be wrapped within a `<TableHead>` or a `<TableBody>`.
  *
  */
-
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 var TableRow = function TableRow(props) {
   var children = props.children,
-      others = _objectWithoutProperties(props, _excluded);
-
+    others = _objectWithoutProperties(props, _excluded);
   return ___EmotionJSX(Box, _extends({
     variant: "table.row",
     as: "tr"
   }, others), children);
 };
-
 export default TableRow;

package/lib/components/Tabs/Tabs.js

@@ -8,101 +8,84 @@ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 var _excluded = ["state"],
-    _excluded2 = ["children", "isDisabled", "items", "onSelectionChange", "orientation", "mode", "tabListProps", "tabPanelProps"];
-
+  _excluded2 = ["children", "isDisabled", "items", "onSelectionChange", "orientation", "mode", "tabListProps", "tabPanelProps"];
 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 _context6, _context7; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context6 = ownKeys(Object(source), !0)).call(_context6, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context7 = ownKeys(Object(source))).call(_context7, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 import React, { forwardRef, useImperativeHandle, useRef } from 'react';
-import PropTypes from 'prop-types';
 import { useTabList, useTabPanel } from 'react-aria';
 import { useTabListState } from 'react-stately';
+import PropTypes from 'prop-types';
+import { usePropWarning } from '../../hooks';
+import ORIENTATION from '../../utils/devUtils/constants/orientation';
 import Box from '../Box';
 import { CollectionTab } from '../Tab';
-import ORIENTATION from '../../utils/devUtils/constants/orientation';
-import { usePropWarning } from '../../hooks';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var TabsContext = /*#__PURE__*/React.createContext({});
+
 /**
  * Tabs are used to divide content, navigate to other views, and indicate work progress.
  */
 
 var TabPanel = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var state = _ref.state,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    props = _objectWithoutProperties(_ref, _excluded);
   var tabPanelRef = useRef();
   var children = props.children,
-      tabPanelProps = props.tabPanelProps;
+    tabPanelProps = props.tabPanelProps;
   /* istanbul ignore next */
-
   useImperativeHandle(ref, function () {
     return tabPanelRef.current;
   });
-
   var _useTabPanel = useTabPanel(props, state, tabPanelRef),
-      raTabPanelProps = _useTabPanel.tabPanelProps;
-
+    raTabPanelProps = _useTabPanel.tabPanelProps;
   return ___EmotionJSX(Box, _extends({}, tabPanelProps, raTabPanelProps, {
     ref: tabPanelRef
   }), children);
 });
 var Tabs = /*#__PURE__*/forwardRef(function (props, ref) {
   var _context4, _context5, _state$selectedItem, _state$selectedItem2, _state$selectedItem3;
-
   var children = props.children,
-      isDisabled = props.isDisabled,
-      items = props.items,
-      onSelectionChange = props.onSelectionChange,
-      orientation = props.orientation,
-      mode = props.mode,
-      tabListProps = props.tabListProps,
-      tabPanelProps = props.tabPanelProps,
-      others = _objectWithoutProperties(props, _excluded2);
-
+    isDisabled = props.isDisabled,
+    items = props.items,
+    onSelectionChange = props.onSelectionChange,
+    orientation = props.orientation,
+    mode = props.mode,
+    tabListProps = props.tabListProps,
+    tabPanelProps = props.tabPanelProps,
+    others = _objectWithoutProperties(props, _excluded2);
   var tabListRef = useRef();
   usePropWarning(props, 'disabled', 'isDisabled');
   /* istanbul ignore next */
-
   useImperativeHandle(ref, function () {
     return tabListRef.current;
   });
   var allItems = [];
-
   if (mode === 'list') {
     _forEachInstanceProperty(items).call(items, function (item) {
       var _context;
-
       allItems = _concatInstanceProperty(_context = []).call(_context, allItems, [item]);
-
       if (item.list) {
         var _context2, _context3;
-
         var list = _mapInstanceProperty(_context2 = item.list).call(_context2, function (el) {
           return _objectSpread(_objectSpread({}, el), {}, {
             isListItem: true
           });
         });
-
         allItems = _concatInstanceProperty(_context3 = []).call(_context3, allItems, list);
       }
     });
   }
-
   var state = useTabListState(_objectSpread(_objectSpread({}, props), {}, {
     onSelectionChange: onSelectionChange,
     items: mode === 'list' ? allItems : items
   }));
-
   var _useTabList = useTabList(props, state, tabListRef),
-      raTabListProps = _useTabList.tabListProps;
-
+    raTabListProps = _useTabList.tabListProps;
   return ___EmotionJSX(TabsContext.Provider, {
     value: state
   }, ___EmotionJSX(Box, others, ___EmotionJSX(Box, _extends({
@@ -113,11 +96,9 @@ var Tabs = /*#__PURE__*/forwardRef(function (props, ref) {
     ref: tabListRef
   }), _mapInstanceProperty(_context4 = _filterInstanceProperty(_context5 = _Array$from(state.collection)).call(_context5, function (item) {
     var _item$value;
-
     return !(item !== null && item !== void 0 && (_item$value = item.value) !== null && _item$value !== void 0 && _item$value.isListItem);
   })).call(_context4, function (item) {
     var _item$props;
-
     return ___EmotionJSX(CollectionTab, {
       key: item.key,
       item: item,
@@ -135,37 +116,27 @@ var Tabs = /*#__PURE__*/forwardRef(function (props, ref) {
 Tabs.propTypes = {
   /** The default tab key to be selected. (uncontrolled) */
   defaultSelectedKey: PropTypes.string,
-
   /** Array of keys to disable within the tab list. */
   disabledKeys: PropTypes.arrayOf(PropTypes.string),
-
   /** The tab key that is currently selected. (controlled) */
   selectedKey: PropTypes.string,
-
   /** Determines the arrangement of the tablist. */
   orientation: PropTypes.oneOf(['horizontal', 'vertical']),
-
   /** Determines the behavior model for the tabs. */
   mode: PropTypes.oneOf(['default', 'tooltip', 'list']),
-
   /**
    * *For performance reasons, use this prop instead of Array.map when iteratively rendering Items*.
    * For use with [dynamic collections](https://react-spectrum.adobe.com/react-stately/collections.html#dynamic-collections).
   */
   items: PropTypes.arrayOf(PropTypes.shape({})),
-
   /** Whether the entire tablist is disabled. */
   isDisabled: PropTypes.bool,
-
   /** Handler that is called when the selected tab has changed. */
   onSelectionChange: PropTypes.func,
-
   /** A props object that is subsequently spread into the rendered tablist. */
   tabListProps: PropTypes.shape({}),
-
   /** Props object that is spread directly into all of the tab panel wrapper elements. */
   tabPanelProps: PropTypes.shape({}),
-
   /** Whether tabs are activated automatically on focus or manually¸ */
   keyboardActivation: PropTypes.oneOf(['automatic', 'manual'])
 };