@pingux/astro 1.7.0-alpha.1 → 1.7.0-alpha.12

package/lib/components/TabPicker/TabPicker.js

@@ -7,6 +7,7 @@ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import _someInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/some";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "items", "state", "item"];
 import React, { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
 import { Item as Tab } from '@react-stately/collections';
@@ -23,7 +24,7 @@ var TabPicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
       items = _ref.items,
       state = _ref.state,
       item = _ref.item,
-      others = _objectWithoutProperties(_ref, ["className", "items", "state", "item"]);
+      others = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -59,7 +60,7 @@ var TabPicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
     var tabs = _filterInstanceProperty(_context = _Array$from(state.collection)).call(_context, function (tab) {
       var _tab$value;
 
-      return !(tab === null || tab === void 0 ? void 0 : (_tab$value = tab.value) === null || _tab$value === void 0 ? void 0 : _tab$value.isListItem);
+      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) {

package/lib/components/Table/Table.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
 import React from 'react';
 import Box from '../Box';
 /**
@@ -15,7 +16,7 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var Table = function Table(props) {
   var children = props.children,
-      others = _objectWithoutProperties(props, ["children"]);
+      others = _objectWithoutProperties(props, _excluded);
 
   return ___EmotionJSX(Box, _extends({
     as: "table",

package/lib/components/TableBody/TableBody.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
 import React from 'react';
 import Box from '../Box';
 /**
@@ -15,7 +16,7 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var TableBody = function TableBody(props) {
   var children = props.children,
-      others = _objectWithoutProperties(props, ["children"]);
+      others = _objectWithoutProperties(props, _excluded);
 
   return ___EmotionJSX(Box, _extends({
     variant: "table.tableBody",

package/lib/components/TableCell/TableCell.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+var _excluded = ["children", "isHeading"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import Box from '../Box';
@@ -17,7 +18,7 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 var TableCell = function TableCell(props) {
   var children = props.children,
       isHeading = props.isHeading,
-      others = _objectWithoutProperties(props, ["children", "isHeading"]);
+      others = _objectWithoutProperties(props, _excluded);
 
   return ___EmotionJSX(Box, _extends({
     variant: isHeading ? 'table.tableHead' : 'table.tableData',

package/lib/components/TableHead/TableHead.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
 import React from 'react';
 import Box from '../Box';
 /**
@@ -15,7 +16,7 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var TableHead = function TableHead(props) {
   var children = props.children,
-      others = _objectWithoutProperties(props, ["children"]);
+      others = _objectWithoutProperties(props, _excluded);
 
   return ___EmotionJSX(Box, _extends({
     as: "thead"

package/lib/components/TableRow/TableRow.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
 import React from 'react';
 import Box from '../Box';
 /**
@@ -15,7 +16,7 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var TableRow = function TableRow(props) {
   var children = props.children,
-      others = _objectWithoutProperties(props, ["children"]);
+      others = _objectWithoutProperties(props, _excluded);
 
   return ___EmotionJSX(Box, _extends({
     variant: "table.tableRow",

package/lib/components/Tabs/Tabs.js

@@ -12,10 +12,11 @@ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+var _excluded = ["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); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context6; _forEachInstanceProperty(_context6 = ownKeys(Object(source), true)).call(_context6, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context7; _forEachInstanceProperty(_context7 = ownKeys(Object(source))).call(_context7, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 React, { forwardRef, useImperativeHandle, useRef } from 'react';
 import PropTypes from 'prop-types';
@@ -38,7 +39,7 @@ var Tabs = /*#__PURE__*/forwardRef(function (props, ref) {
       mode = props.mode,
       tabListProps = props.tabListProps,
       tabPanelProps = props.tabPanelProps,
-      others = _objectWithoutProperties(props, ["children", "isDisabled", "items", "onSelectionChange", "orientation", "mode", "tabListProps", "tabPanelProps"]);
+      others = _objectWithoutProperties(props, _excluded);
 
   var tabListRef = useRef();
   usePropWarning(props, 'disabled', 'isDisabled');
@@ -98,7 +99,7 @@ var Tabs = /*#__PURE__*/forwardRef(function (props, ref) {
   }), _mapInstanceProperty(_context4 = _filterInstanceProperty(_context5 = _Array$from(state.collection)).call(_context5, function (item) {
     var _item$value;
 
-    return !(item === null || item === void 0 ? void 0 : (_item$value = item.value) === null || _item$value === void 0 ? void 0 : _item$value.isListItem);
+    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;
 

package/lib/components/Tabs/Tabs.test.js

@@ -7,6 +7,7 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+var _excluded = ["name", "children"];
 import React from 'react';
 import userEvent from '@testing-library/user-event';
 import { CacheProvider } from '@emotion/react';
@@ -82,7 +83,7 @@ var getComponentWithDynamicItems = function getComponentWithDynamicItems(props)
   }, ___EmotionJSX(Tabs, props, function (_ref3) {
     var name = _ref3.name,
         children = _ref3.children,
-        tabProps = _objectWithoutProperties(_ref3, ["name", "children"]);
+        tabProps = _objectWithoutProperties(_ref3, _excluded);
 
     return ___EmotionJSX(Tab, _extends({
       key: name,

package/lib/components/Text/Text.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _styled from "@emotion/styled/base";
 import React from 'react';
 import PropTypes from 'prop-types';
-import { layout, flexbox } from 'styled-system';
+import { layout, flexbox, typography } from 'styled-system';
 import { Text as ThemeUIText } from 'theme-ui';
 import { textVariants } from '../../utils/devUtils/constants/variants';
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -12,7 +12,12 @@ var ExtendedText = /*#__PURE__*/_styled(ThemeUIText, process.env.NODE_ENV === "p
 } : {
   target: "eifd86o0",
   label: "ExtendedText"
-})(layout, flexbox, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHQvVGV4dC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRcUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dC9UZXh0LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBsYXlvdXQsIGZsZXhib3ggfSBmcm9tICdzdHlsZWQtc3lzdGVtJztcbmltcG9ydCB7IFRleHQgYXMgVGhlbWVVSVRleHQgfSBmcm9tICd0aGVtZS11aSc7XG5cbmltcG9ydCB7IHRleHRWYXJpYW50cyB9IGZyb20gJy4uLy4uL3V0aWxzL2RldlV0aWxzL2NvbnN0YW50cy92YXJpYW50cyc7XG5cbmNvbnN0IEV4dGVuZGVkVGV4dCA9IHN0eWxlZChUaGVtZVVJVGV4dCkobGF5b3V0LCBmbGV4Ym94KTtcblxuY29uc3QgVGV4dCA9IFJlYWN0LmZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IChcbiAgPEV4dGVuZGVkVGV4dCB2YXJpYW50PVwiYmFzZVwiIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+XG4pKTtcblxuVGV4dC5wcm9wVHlwZXMgPSB7XG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuXG5cblRleHQuZGVmYXVsdFByb3BzID0ge1xuICB2YXJpYW50OiB0ZXh0VmFyaWFudHMuQkFTRSxcbn07XG5cblRleHQuZGlzcGxheU5hbWUgPSAnVGV4dCc7XG5cbmV4cG9ydCBkZWZhdWx0IFRleHQ7XG4iXX0= */");
+})(layout, flexbox, typography, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHQvVGV4dC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRcUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dC9UZXh0LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBsYXlvdXQsIGZsZXhib3gsIHR5cG9ncmFwaHkgfSBmcm9tICdzdHlsZWQtc3lzdGVtJztcbmltcG9ydCB7IFRleHQgYXMgVGhlbWVVSVRleHQgfSBmcm9tICd0aGVtZS11aSc7XG5cbmltcG9ydCB7IHRleHRWYXJpYW50cyB9IGZyb20gJy4uLy4uL3V0aWxzL2RldlV0aWxzL2NvbnN0YW50cy92YXJpYW50cyc7XG5cbmNvbnN0IEV4dGVuZGVkVGV4dCA9IHN0eWxlZChUaGVtZVVJVGV4dCkobGF5b3V0LCBmbGV4Ym94LCB0eXBvZ3JhcGh5KTtcblxuLyoqXG4gKiBUaGUgVGV4dCBjb21wb25lbnQgaXMgdXNlZCBmb3IgZGlzcGxheWluZyB0ZXh0LlxuICogVGV4dCBzdXBwb3J0cyBbVHlwb2dyYXBoeSBQcm9wcyBmcm9tIFN0eWxlZCBTeXN0ZW0gXShodHRwczovL3N0eWxlZC1zeXN0ZW0uY29tL3RhYmxlLyN0eXBvZ3JhcGh5KS5cbiAqL1xuXG5jb25zdCBUZXh0ID0gUmVhY3QuZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4gKFxuICA8RXh0ZW5kZWRUZXh0IHZhcmlhbnQ9XCJiYXNlXCIgey4uLnByb3BzfSByZWY9e3JlZn0gLz5cbikpO1xuXG5UZXh0LnByb3BUeXBlcyA9IHtcbiAgdmFyaWFudDogUHJvcFR5cGVzLnN0cmluZyxcbn07XG5cblxuVGV4dC5kZWZhdWx0UHJvcHMgPSB7XG4gIHZhcmlhbnQ6IHRleHRWYXJpYW50cy5CQVNFLFxufTtcblxuVGV4dC5kaXNwbGF5TmFtZSA9ICdUZXh0JztcblxuZXhwb3J0IGRlZmF1bHQgVGV4dDtcbiJdfQ== */");
+/**
+ * The Text component is used for displaying text.
+ * Text supports [Typography Props from Styled System ](https://styled-system.com/table/#typography).
+ */
+
 
 var Text = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return ___EmotionJSX(ExtendedText, _extends({

package/lib/components/Text/Text.stories.js

@@ -4,10 +4,12 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
+var _excluded = ["children", "bg"];
 
 var _context;
 
 import React from 'react';
+import { Divider } from 'theme-ui';
 import Text from './Text';
 import { textVariants } from '../../utils/devUtils/constants/variants.js';
 import { flatColorList } from '../../styles/colors.js';
@@ -78,7 +80,7 @@ export default {
 export var Default = function Default(_ref5) {
   var children = _ref5.children,
       bg = _ref5.bg,
-      args = _objectWithoutProperties(_ref5, ["children", "bg"]);
+      args = _objectWithoutProperties(_ref5, _excluded);
 
   return ___EmotionJSX(Text, _extends({
     bg: bg
@@ -92,4 +94,53 @@ export var WithCustomWidth = function WithCustomWidth() {
   }, ___EmotionJSX(Text, {
     p: "xl"
   }, "superlongtextinonelinewithnowhitespacessoitcanbelongerthatanywidth"));
+};
+export var TypographyStyleProps = function TypographyStyleProps() {
+  var textProps = {
+    fontFamily: 'times',
+    fontSize: 'md',
+    fontWeight: 900,
+    lineHeight: '2em',
+    letterSpacing: '5px',
+    textAlign: 'right',
+    fontStyle: 'italic'
+  };
+  var loremText = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.';
+  return ___EmotionJSX(Box, {
+    p: "xx",
+    gap: "md"
+  }, ___EmotionJSX(Text, {
+    variant: "title"
+  }, "The Text component allows typography style props to be passed in directly."), ___EmotionJSX(Text, textProps, loremText), ___EmotionJSX(Divider, null), ___EmotionJSX(Text, {
+    variant: "title"
+  }, "Typography styles can also be passed in through the sx prop for the same result."), ___EmotionJSX(Text, {
+    sx: textProps
+  }, loremText));
+};
+TypographyStyleProps.argTypes = {
+  variant: {
+    control: {
+      type: 'none'
+    }
+  },
+  children: {
+    control: {
+      type: 'none'
+    }
+  },
+  color: {
+    control: {
+      type: 'none'
+    }
+  },
+  bg: {
+    control: {
+      type: 'none'
+    }
+  },
+  tabPanelProps: {
+    control: {
+      type: 'none'
+    }
+  }
 };

package/lib/components/Text/Text.test.js

@@ -1,4 +1,18 @@
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+
+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 from 'react';
 import { ThemeProvider } from 'theme-ui';
 import { render, screen } from '../../utils/testUtils/testWrapper';
@@ -26,4 +40,26 @@ test('default text', function () {
   var text = screen.getByTestId(testId);
   expect(text).toBeInstanceOf(HTMLSpanElement);
   expect(text).toBeInTheDocument();
+});
+test('typography props will be applied', function () {
+  var customTypographyProps = {
+    fontFamily: 'times',
+    fontSize: 'xx',
+    fontWeight: 900,
+    lineHeight: '2em',
+    letterSpacing: '5px',
+    textAlign: 'right',
+    fontStyle: 'italic'
+  };
+  getComponent(_objectSpread({}, customTypographyProps));
+  var text = screen.getByTestId(testId);
+  expect(text).toHaveStyle({
+    fontFamily: 'times',
+    fontSize: '23px',
+    fontWeight: 900,
+    lineHeight: '2em',
+    letterSpacing: '5px',
+    textAlign: 'right',
+    fontStyle: 'italic'
+  });
 });

package/lib/components/TextAreaField/TextAreaField.js

@@ -10,9 +10,9 @@ import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values"
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 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); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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, useEffect, useCallback } from 'react';
 import PropTypes from 'prop-types';
@@ -73,7 +73,7 @@ var TextAreaField = /*#__PURE__*/forwardRef(function (props, ref) {
 
   var onResize = useCallback(function () {
     /* istanbul ignore next */
-    if (slots === null || slots === void 0 ? void 0 : slots.inContainer) {
+    if (slots !== null && slots !== void 0 && slots.inContainer) {
       resizeSlotContainer();
     }
   }, [slotContainer]);

package/lib/components/TextField/TextField.js

@@ -10,9 +10,9 @@ import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values"
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 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); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 PropTypes from 'prop-types';

package/lib/components/TextField/TextField.stories.js

@@ -2,6 +2,7 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
+var _excluded = ["variant"];
 import React, { useState } from 'react';
 import isEmpty from 'lodash/isEmpty';
 import TextField from '.';
@@ -38,7 +39,7 @@ export default {
 };
 export var Default = function Default(_ref) {
   var variant = _ref.variant,
-      args = _objectWithoutProperties(_ref, ["variant"]);
+      args = _objectWithoutProperties(_ref, _excluded);
 
   return ___EmotionJSX(TextField, _extends({
     id: "custom-id",

package/lib/components/TimeZonePicker/TimeZonePicker.js

@@ -17,10 +17,11 @@ import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectW
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+var _excluded = ["additionalTimeZones", "emptySearchText", "locales", "localeOptions"];
 
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context8; _forEachInstanceProperty(_context8 = ownKeys(Object(source), true)).call(_context8, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context9; _forEachInstanceProperty(_context9 = ownKeys(Object(source))).call(_context9, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context8, _context9; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context8 = ownKeys(Object(source), !0)).call(_context8, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context9 = ownKeys(Object(source))).call(_context9, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
@@ -67,7 +68,7 @@ var TimeZonePicker = /*#__PURE__*/forwardRef(function (props, ref) {
       emptySearchText = props.emptySearchText,
       locales = props.locales,
       localeOptions = props.localeOptions,
-      otherProps = _objectWithoutProperties(props, ["additionalTimeZones", "emptySearchText", "locales", "localeOptions"]);
+      otherProps = _objectWithoutProperties(props, _excluded);
 
   var _useState = useState(''),
       _useState2 = _slicedToArray(_useState, 2),
@@ -145,16 +146,16 @@ var TimeZonePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     return aNum - bNum;
   };
 
-  var items = useMemo(function () {
-    var _context7;
+  var checkIsSelectedItem = function checkIsSelectedItem() {
+    return _filterInstanceProperty(timeZones).call(timeZones, function (tz) {
+      return tz.timeZone === search;
+    }).length > 0;
+  };
 
-    if (filteredTimezones.length === 0) {
-      return ___EmotionJSX(Item, {
-        key: emptySearchText
-      }, emptySearchText);
-    }
+  var renderTimeZones = function renderTimeZones(timeZonesToRender) {
+    var _context7;
 
-    return _mapInstanceProperty(_context7 = _sortInstanceProperty(filteredTimezones).call(filteredTimezones, sortByGMT)).call(_context7, function (_ref4) {
+    return _mapInstanceProperty(_context7 = _sortInstanceProperty(timeZonesToRender).call(timeZonesToRender, sortByGMT)).call(_context7, function (_ref4) {
       var gmt = _ref4.gmt,
           time = _ref4.time,
           timeZone = _ref4.timeZone;
@@ -176,7 +177,17 @@ var TimeZonePicker = /*#__PURE__*/forwardRef(function (props, ref) {
         variant: "timeZone.time"
       }, time))));
     });
-  }, [emptySearchText, filteredTimezones]);
+  };
+
+  var items = useMemo(function () {
+    if (filteredTimezones.length === 0) {
+      return ___EmotionJSX(Item, {
+        key: emptySearchText
+      }, emptySearchText);
+    }
+
+    return renderTimeZones(checkIsSelectedItem() ? timeZones : filteredTimezones);
+  }, [emptySearchText, filteredTimezones, search, timeZones]);
   var comboBoxFieldProps = useMemo(function () {
     return _objectSpread({
       controlProps: {
@@ -197,7 +208,8 @@ var TimeZonePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     }, otherProps);
   }, [emptySearchText, filteredTimezones, otherProps]);
   return ___EmotionJSX(ComboBoxField, _extends({}, comboBoxFieldProps, {
-    disabledKeys: [emptySearchText]
+    disabledKeys: [emptySearchText],
+    menuTrigger: "focus"
   }), items);
 });
 TimeZonePicker.propTypes = {

package/lib/components/TooltipTrigger/Tooltip.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
 import React, { forwardRef, useContext, useImperativeHandle, useRef } from 'react';
 import { useTooltip } from '@react-aria/tooltip';
 import { TooltipContext } from '../../context/TooltipContext/index';
@@ -8,7 +9,7 @@ import Text from '../Text';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var Tooltip = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
-      others = _objectWithoutProperties(props, ["children"]);
+      others = _objectWithoutProperties(props, _excluded);
 
   var _useContext = useContext(TooltipContext),
       state = _useContext.state;

package/lib/components/TooltipTrigger/TooltipTrigger.stories.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import Earth from 'mdi-react/EarthIcon';
-import PersonIcon from 'mdi-react/PersonIcon';
+import AccountIcon from 'mdi-react/AccountIcon';
 import { Box, Button, Icon, Tooltip, TooltipTrigger } from '../../index';
 import IconButton from '../IconButton';
 import Text from '../Text';
@@ -53,7 +53,7 @@ export var IconWithTooltip = function IconWithTooltip() {
   }, ___EmotionJSX(TooltipTrigger, null, ___EmotionJSX(IconButton, {
     variant: "tooltipIconButton"
   }, ___EmotionJSX(Icon, {
-    icon: PersonIcon
+    icon: AccountIcon
   })), ___EmotionJSX(Tooltip, null, "Useful tooltip")));
 };
 export var ChipWithTooltip = function ChipWithTooltip() {

package/lib/hooks/useCopyToClipboard/useCopyToClipboard.test.js

@@ -10,9 +10,9 @@ import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
 import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
 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); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context3; _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 useCopyToClipboard from './useCopyToClipboard';
 var mockCopyText = 'test';

package/lib/hooks/useField/useField.js

@@ -11,10 +11,11 @@ import _reduceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+var _excluded = ["autocomplete", "autoComplete", "autoCorrect", "children", "className", "containerProps", "controlProps", "defaultText", "defaultValue", "direction", "disabledKeys", "hasAutoFocus", "hasNoStatusIndicator", "helperText", "hintText", "id", "isDefaultSelected", "isDisabled", "isReadOnly", "isRequired", "isSelected", "label", "labelMode", "labelProps", "maxLength", "name", "onBlur", "onChange", "onClear", "onFocus", "onFocusChange", "onLoadMore", "onOpenChange", "onSelectionChange", "placeholder", "role", "selectedKey", "spellCheck", "status", "statusClasses", "type", "value"];
 
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context3; _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 { useEffect, useState } from 'react';
 import omit from 'lodash/omit';
@@ -84,7 +85,7 @@ var useField = function useField() {
       statusClasses = props.statusClasses,
       type = props.type,
       value = props.value,
-      others = _objectWithoutProperties(props, ["autocomplete", "autoComplete", "autoCorrect", "children", "className", "containerProps", "controlProps", "defaultText", "defaultValue", "direction", "disabledKeys", "hasAutoFocus", "hasNoStatusIndicator", "helperText", "hintText", "id", "isDefaultSelected", "isDisabled", "isReadOnly", "isRequired", "isSelected", "label", "labelMode", "labelProps", "maxLength", "name", "onBlur", "onChange", "onClear", "onFocus", "onFocusChange", "onLoadMore", "onOpenChange", "onSelectionChange", "placeholder", "role", "selectedKey", "spellCheck", "status", "statusClasses", "type", "value"]); // 0 could be a valid input for fields, but null, undefined, and '' are not
+      others = _objectWithoutProperties(props, _excluded); // 0 could be a valid input for fields, but null, undefined, and '' are not
 
 
   var _useState = useState(!!value || value === 0),

package/lib/hooks/useField/useField.test.js

@@ -9,9 +9,9 @@ import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty(_context3 = ownKeys(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context4; _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { renderHook, act } from '@testing-library/react-hooks';
 import useField from './useField';

package/lib/hooks/useImageUploadState/useImageUploadState.js

@@ -50,7 +50,7 @@ var useImageUploadState = function useImageUploadState() {
 
     var eventFileType = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : (_event$target$files$ = _event$target.files[0]) === null || _event$target$files$ === void 0 ? void 0 : (_event$target$files$$ = _event$target$files$.type) === null || _event$target$files$$ === void 0 ? void 0 : _event$target$files$$.split('/')[0];
 
-    if (fileTypes === null || fileTypes === void 0 ? void 0 : _includesInstanceProperty(fileTypes).call(fileTypes, eventFileType)) {
+    if (fileTypes !== null && fileTypes !== void 0 && _includesInstanceProperty(fileTypes).call(fileTypes, eventFileType)) {
       if (onChange && typeof onChange === 'function') {
         onChange(event);
       } // If existing image is not undefined, we rely on consumers to handle this themselves.

package/lib/hooks/useNavBarPress/useNavBarPress.js

@@ -3,16 +3,16 @@
  * @param {Object} params The accepted parameters object
  * @param {string} props.key The unique identifier that is assigned to the element being pressed
  * @param {Object} state The state object tracking selected keys
- * @param {function} state.setSelectedKeys The function that sets the selected keys
+ * @param {function} state.setSelectedKey The function that sets the selected keys
  * @callback props.onPressCallback The callback that will be called only if provided
  */
 var useNavBarPress = function useNavBarPress(_ref, state) {
   var key = _ref.key,
       onPressCallback = _ref.onPressCallback;
-  var setSelectedKeys = state.setSelectedKeys;
+  var setSelectedKey = state.setSelectedKey;
 
   var onNavPress = function onNavPress() {
-    setSelectedKeys(key);
+    setSelectedKey(key);
 
     if (onPressCallback) {
       onPressCallback();

package/lib/hooks/useNavBarPress/useNavBarPress.test.js

@@ -3,14 +3,14 @@ import useNavBarPress from './';
 var key = 'testKey';
 test('using the onPress prop works as a callback', function () {
   var onPress = jest.fn();
-  var setSelectedKeys = jest.fn();
+  var setSelectedKey = jest.fn();
 
   var _renderHook = renderHook(function () {
     return useNavBarPress({
       key: key,
       onPressCallback: onPress
     }, {
-      setSelectedKeys: setSelectedKeys
+      setSelectedKey: setSelectedKey
     });
   }),
       result = _renderHook.result;
@@ -20,13 +20,13 @@ test('using the onPress prop works as a callback', function () {
 });
 test('if no onPress prop there is no callback', function () {
   var onPress = jest.fn();
-  var setSelectedKeys = jest.fn();
+  var setSelectedKey = jest.fn();
 
   var _renderHook2 = renderHook(function () {
     return useNavBarPress({
       key: key
     }, {
-      setSelectedKeys: setSelectedKeys
+      setSelectedKey: setSelectedKey
     });
   }),
       result = _renderHook2.result;

package/lib/hooks/useOverlayPanelState/useOverlayPanelState.js

@@ -25,7 +25,7 @@ var useOverlayPanelState = function useOverlayPanelState() {
       stateProp.close();
     }
 
-    if (triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) {
+    if (triggerRef !== null && triggerRef !== void 0 && triggerRef.current) {
       triggerRef.current.focus();
     }