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

package/lib/components/ListView/ListView.stories.js

@@ -13,6 +13,7 @@ import MoreVertIcon from 'mdi-react/MoreVertIcon';
 import FormSelectIcon from 'mdi-react/FormSelectIcon';
 import { useAsyncList } from '@react-stately/data';
 import { action } from '@storybook/addon-actions';
+import isChromatic from 'chromatic/isChromatic';
 import ListView from '.';
 import Box from '../Box/Box';
 import Icon from '../Icon';
@@ -580,7 +581,7 @@ export var Default = function Default(_ref2) {
     }, ___EmotionJSX(MoreVertIcon, null)))));
   });
 };
-export var InfiniteLoadingList = function InfiniteLoadingList() {
+export var InfiniteLoadingList = function InfiniteLoadingList(args) {
   var getMockData = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(signal, cursor) {
       var pageNumber;
@@ -592,21 +593,26 @@ export var InfiniteLoadingList = function InfiniteLoadingList() {
 
               if (cursor) {
                 pageNumber = Number(cursor.substr(_indexOfInstanceProperty(cursor).call(cursor, '-') + 1));
-              } // With this we will emulate load even with mocked API
+              } // With this we will emulate load even with mocked API, except for Chromatic runs
 
 
-              _context.next = 4;
+              if (args.useMockData) {
+                _context.next = 5;
+                break;
+              }
+
+              _context.next = 5;
               return new _Promise(function (resolve) {
                 return _setTimeout(resolve, cursor ? 2000 : 3000);
               });
 
-            case 4:
+            case 5:
               return _context.abrupt("return", {
                 items: _sliceInstanceProperty(animals).call(animals, (pageNumber - 1) * 10, pageNumber * 10),
                 cursor: "mock-".concat(pageNumber + 1)
               });
 
-            case 5:
+            case 6:
             case "end":
               return _context.stop();
           }
@@ -626,8 +632,16 @@ export var InfiniteLoadingList = function InfiniteLoadingList() {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
-              _context2.prev = 0;
-              _context2.next = 3;
+              if (!args.useMockData) {
+                _context2.next = 2;
+                break;
+              }
+
+              return _context2.abrupt("return", getMockData());
+
+            case 2:
+              _context2.prev = 2;
+              _context2.next = 5;
               return _Promise.race([// If no cursor is available, then we're loading the first page,
               // filtering the results returned via a query string that
               // mirrors the ComboBox input text.
@@ -641,35 +655,35 @@ export var InfiniteLoadingList = function InfiniteLoadingList() {
                 }, 3000);
               })]);
 
-            case 3:
+            case 5:
               res = _context2.sent;
-              _context2.next = 6;
+              _context2.next = 8;
               return res.json();
 
-            case 6:
+            case 8:
               json = _context2.sent;
-              _context2.next = 9;
+              _context2.next = 11;
               return new _Promise(function (resolve) {
                 return _setTimeout(resolve, cursor ? 2000 : 3000);
               });
 
-            case 9:
+            case 11:
               return _context2.abrupt("return", {
                 items: json.results,
                 cursor: json.next
               });
 
-            case 12:
-              _context2.prev = 12;
-              _context2.t0 = _context2["catch"](0);
+            case 14:
+              _context2.prev = 14;
+              _context2.t0 = _context2["catch"](2);
               return _context2.abrupt("return", getMockData());
 
-            case 15:
+            case 17:
             case "end":
               return _context2.stop();
           }
         }
-      }, _callee2, null, [[0, 12]]);
+      }, _callee2, null, [[2, 14]]);
     }));
 
     return function fetchApiData(_x3, _x4, _x5) {
@@ -729,14 +743,14 @@ export var InfiniteLoadingList = function InfiniteLoadingList() {
     }));
   }));
 };
+InfiniteLoadingList.args = {
+  useMockData: isChromatic()
+};
 InfiniteLoadingList.parameters = {
   docs: {
     description: {
       story: 'Note: Keep in mind the maxHeight may impact when the scroll callback is triggered. If you notice it\'s being called too often, try adjusting that value or loading more objects to prevent this behavior.'
     }
-  },
-  chromatic: {
-    delay: 5000
   }
 };
 export var MultipleSelection = function MultipleSelection(_ref6) {

package/lib/components/Loader/Loader.js

@@ -9,10 +9,11 @@ import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 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 = ["size"];
 
-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 } from 'react';
 import PropTypes from 'prop-types';
@@ -26,7 +27,7 @@ import Box from '../Box';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var Loader = /*#__PURE__*/forwardRef(function (props, ref) {
   var size = props.size,
-      others = _objectWithoutProperties(props, ["size"]);
+      others = _objectWithoutProperties(props, _excluded);
 
   var _useProgressBar = useProgressBar(_objectSpread({
     isIndeterminate: true,

package/lib/components/Menu/Menu.js

@@ -11,10 +11,11 @@ import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+var _excluded = ["isDisabled", "onAction", "onSelectionChange", "isNotFocusedOnHover"];
 
-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 React, { forwardRef, useContext, useImperativeHandle, useRef } from 'react';
 import PropTypes from 'prop-types';
@@ -41,7 +42,7 @@ var Menu = /*#__PURE__*/forwardRef(function (props, ref) {
       onAction = props.onAction,
       onSelectionChange = props.onSelectionChange,
       isNotFocusedOnHover = props.isNotFocusedOnHover,
-      others = _objectWithoutProperties(props, ["isDisabled", "onAction", "onSelectionChange", "isNotFocusedOnHover"]);
+      others = _objectWithoutProperties(props, _excluded);
 
   var contextProps = useContext(MenuContext);
 

package/lib/components/MenuItem/MenuItem.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+var _excluded = ["isSeparator", "isPressed", "data-id"];
 import React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
 import { mergeProps } from '@react-aria/utils';
@@ -37,7 +38,7 @@ var MenuItem = /*#__PURE__*/forwardRef(function (props, ref) {
   var isSeparator = itemProps.isSeparator,
       propIsPressed = itemProps.isPressed,
       dataId = itemProps['data-id'],
-      others = _objectWithoutProperties(itemProps, ["isSeparator", "isPressed", "data-id"]);
+      others = _objectWithoutProperties(itemProps, _excluded);
 
   var isDisabled = propIsDisabled || state.disabledKeys.has(key);
   var isSelected = state.selectionManager.isSelected(key);

package/lib/components/Messages/Message.js

@@ -3,6 +3,7 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 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 = ["color"];
 import React, { forwardRef, useEffect, useRef, useState, useLayoutEffect } from 'react';
 import PropTypes from 'prop-types';
 import { announce } from '@react-aria/live-announcer';
@@ -26,7 +27,7 @@ export var icons = {
 
 var CloseButton = function CloseButton(_ref) {
   var color = _ref.color,
-      others = _objectWithoutProperties(_ref, ["color"]);
+      others = _objectWithoutProperties(_ref, _excluded);
 
   return ___EmotionJSX(IconButton, _extends({
     "aria-label": "Close"

package/lib/components/Messages/Messages.js

@@ -3,6 +3,7 @@ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+var _excluded = ["items", "onClose"];
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { useListState } from '@react-stately/list';
@@ -15,7 +16,7 @@ var Messages = /*#__PURE__*/forwardRef(function (props, ref) {
 
   var items = props.items,
       onClose = props.onClose,
-      others = _objectWithoutProperties(props, ["items", "onClose"]);
+      others = _objectWithoutProperties(props, _excluded);
 
   var state = useListState(props);
   return ___EmotionJSX(Box, _extends({

package/lib/components/Messages/Messages.reducer.js

@@ -8,9 +8,9 @@ import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable
 import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 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 { messagesReducer as messagesReducerCore, multiMessagesReducer as multiMessagesReducerCore } from './utils';
 export var messagesReducer = messagesReducerCore;

package/lib/components/Messages/Messages.stories.js

@@ -14,9 +14,9 @@ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 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); 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 React, { useEffect, useReducer, useState } from 'react';
 import { Item } from '@react-stately/collections';

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

@@ -11,9 +11,9 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
 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 { v4 as uuid } from 'uuid';
 /**

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

@@ -9,10 +9,11 @@ import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+var _excluded = ["container"];
 
-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 { v4 as uuid } from 'uuid';
 import messagesReducer, { addMessage as addMessageSingle, hideMessage as hideMessageSingle, removeMessage as removeMessageSingle, clearMessages as clearMessagesSingle } from './messagesReducer';
@@ -82,7 +83,7 @@ var multiMessagesReducer = function multiMessagesReducer() {
 
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
       container = _ref.container,
-      action = _objectWithoutProperties(_ref, ["container"]);
+      action = _objectWithoutProperties(_ref, _excluded);
 
   return container ? _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, container, messagesReducer(state[container], action))) : state;
 };

package/lib/components/Modal/Modal.js

@@ -9,10 +9,11 @@ import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "closeButton", "hasCloseButton", "id", "isClosedOnBlur", "isDismissable", "isKeyboardDismissDisabled", "isOpen", "role", "title", "onClose", "shouldCloseOnInteractOutside", "children", "contentProps", "containerProps"];
 
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); 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';
@@ -42,7 +43,7 @@ var Modal = /*#__PURE__*/forwardRef(function (props, ref) {
       children = props.children,
       propsContentProps = props.contentProps,
       containerProps = props.containerProps,
-      others = _objectWithoutProperties(props, ["className", "closeButton", "hasCloseButton", "id", "isClosedOnBlur", "isDismissable", "isKeyboardDismissDisabled", "isOpen", "role", "title", "onClose", "shouldCloseOnInteractOutside", "children", "contentProps", "containerProps"]);
+      others = _objectWithoutProperties(props, _excluded);
 
   var contentProps = _objectSpread({
     id: id,

package/lib/components/MultiselectFilter/MultiselectFilter.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 = ["selectedFilterCount", "className", "closeAriaLabel", "children", "isDefaultOpen", "isOpen", "items", "listTitle", "onOpenChange", "onSelectionChange", "openAriaLabel"];
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { useFocusRing } from '@react-aria/focus';
@@ -26,7 +27,7 @@ var MultiselectFilter = /*#__PURE__*/forwardRef(function (props, ref) {
       onOpenChange = props.onOpenChange,
       onSelectionChange = props.onSelectionChange,
       openAriaLabel = props.openAriaLabel,
-      others = _objectWithoutProperties(props, ["selectedFilterCount", "className", "closeAriaLabel", "children", "isDefaultOpen", "isOpen", "items", "listTitle", "onOpenChange", "onSelectionChange", "openAriaLabel"]);
+      others = _objectWithoutProperties(props, _excluded);
 
   var _useFocusRing = useFocusRing({
     within: true

package/lib/components/MultiselectFilter/MultiselectFilter.stories.js

@@ -5,7 +5,7 @@ import Clear from 'mdi-react/CloseIcon';
 import ChevronRightIcon from 'mdi-react/ChevronRightIcon';
 import FilterIcon from 'mdi-react/FilterIcon';
 import SearchIcon from 'mdi-react/SearchIcon';
-import PersonIcon from 'mdi-react/PersonIcon';
+import AccountIcon from 'mdi-react/AccountIcon';
 import MultiselectFilter from './MultiselectFilter';
 import { useOverlayPanelState } from '../../hooks';
 import { Breadcrumbs, Box, Button, Chip, ListView, Item, Icon, IconButton, MultiselectFilterItem, OverlayPanel, OverlayProvider, SearchField, Text } from '../../index';
@@ -149,7 +149,7 @@ export var MultiselectWithBadge = function MultiselectWithBadge(args) {
   }, ___EmotionJSX(Box, {
     isRow: true
   }, ___EmotionJSX(Icon, {
-    icon: PersonIcon,
+    icon: AccountIcon,
     alignSelf: "center",
     mr: "md",
     color: "accent.40",

package/lib/components/MultiselectListContainer/MultiselectBadge.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 = ["selectedFilterCount"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import Chip from '../Chip';
@@ -11,7 +12,7 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var MultiselectBadge = function MultiselectBadge(props) {
   var selectedFilterCount = props.selectedFilterCount,
-      others = _objectWithoutProperties(props, ["selectedFilterCount"]);
+      others = _objectWithoutProperties(props, _excluded);
 
   return ___EmotionJSX(Chip, _extends({
     as: "span",

package/lib/components/MultiselectListContainer/MultiselectListContainer.js

@@ -9,10 +9,11 @@ import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 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 = ["selectedFilterCount", "className", "children", "closeAriaLabel", "isDefaultOpen", "isOpen", "onOpenChange", "openAriaLabel"];
 
-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 } from 'react';
 import PropTypes from 'prop-types';
@@ -37,7 +38,7 @@ var MultiselectListContainer = /*#__PURE__*/forwardRef(function (props, ref) {
       isOpen = props.isOpen,
       onOpenChange = props.onOpenChange,
       openAriaLabel = props.openAriaLabel,
-      others = _objectWithoutProperties(props, ["selectedFilterCount", "className", "children", "closeAriaLabel", "isDefaultOpen", "isOpen", "onOpenChange", "openAriaLabel"]);
+      others = _objectWithoutProperties(props, _excluded);
 
   var triggerRef = React.useRef();
   var state = useOverlayTriggerState({

package/lib/components/MultivaluesField/MultivaluesField.js

@@ -15,9 +15,9 @@ import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/ins
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 
-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 _context7; _forEachInstanceProperty(_context7 = ownKeys(Object(source), true)).call(_context7, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context8; _forEachInstanceProperty(_context8 = ownKeys(Object(source))).call(_context8, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context7, _context8; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context7 = ownKeys(Object(source), !0)).call(_context7, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context8 = ownKeys(Object(source))).call(_context8, 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';

package/lib/components/NavBar/NavBar.js

@@ -17,17 +17,25 @@ import Box from '../Box/Box';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var NavBar = function NavBar(props) {
-  var defaultSelectedKeys = props.defaultSelectedKeys;
+  var defaultSelectedKey = props.defaultSelectedKey,
+      defaultExpandedKeys = props.defaultExpandedKeys;
 
-  var _useState = useState(defaultSelectedKeys),
+  var _useState = useState(defaultSelectedKey),
       _useState2 = _slicedToArray(_useState, 2),
-      selectedKeys = _useState2[0],
-      setSelectedKeys = _useState2[1];
+      selectedKey = _useState2[0],
+      setSelectedKey = _useState2[1];
+
+  var _useState3 = useState(defaultExpandedKeys),
+      _useState4 = _slicedToArray(_useState3, 2),
+      expandedKeys = _useState4[0],
+      setExpandedKeys = _useState4[1];
 
   return ___EmotionJSX(NavBarContext.Provider, {
     value: {
-      selectedKeys: selectedKeys,
-      setSelectedKeys: setSelectedKeys
+      selectedKey: selectedKey,
+      setSelectedKey: setSelectedKey,
+      expandedKeys: expandedKeys,
+      setExpandedKeys: setExpandedKeys
     }
   }, ___EmotionJSX(Box, {
     variant: "navBar.container",
@@ -37,9 +45,13 @@ var NavBar = function NavBar(props) {
 };
 
 NavBar.propTypes = {
-  defaultSelectedKeys: isIterableProp
+  /** The initial selected key in the collection (uncontrolled). */
+  defaultSelectedKey: isIterableProp,
+
+  /** The initial expanded keys in the collection (uncontrolled). */
+  defaultExpandedKeys: isIterableProp
 };
 NavBar.defaultProps = {
-  defaultSelectedKeys: []
+  defaultSelectedKey: []
 };
 export default NavBar;

package/lib/components/NavBar/NavBar.stories.js

@@ -228,7 +228,7 @@ var thirdData = [{
 }];
 export var Default = function Default() {
   return ___EmotionJSX(NavBar, {
-    defaultSelectedKeys: ['Dashboard Link Group']
+    defaultSelectedKey: "Dashboard Link Group"
   }, ___EmotionJSX(Box, {
     padding: "md"
   }, ___EmotionJSX(Link, {
@@ -237,7 +237,8 @@ export var Default = function Default() {
     "aria-label": "home link"
   }, logo)), ___EmotionJSX(Separator, {
     marginTop: "lg",
-    marginBottom: "sm"
+    marginBottom: "sm",
+    backgroundColor: "neutral.60"
   }), ___EmotionJSX(Box, {
     variant: "navBar.sectionContainer",
     paddingBottom: "xl"

package/lib/components/NavBarSection/NavBarItem.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+var _excluded = ["icon", "text", "className", "id", "onPress"];
 import React, { useRef, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import { useHover, usePress } from '@react-aria/interactions';
@@ -12,14 +12,14 @@ import { useStatusClasses, useNavBarPress } from '../../hooks';
 import { useNavBarContext } from '../../context/NavBarContext';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var NavBarItem = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _context, _context2;
+  var _context;
 
   var icon = props.icon,
       text = props.text,
       className = props.className,
       key = props.id,
       onPressCallback = props.onPress,
-      others = _objectWithoutProperties(props, ["icon", "text", "className", "id", "onPress"]);
+      others = _objectWithoutProperties(props, _excluded);
 
   var navItemRef = useRef();
   /* istanbul ignore next */
@@ -43,7 +43,7 @@ var NavBarItem = /*#__PURE__*/forwardRef(function (props, ref) {
 
   var state = useNavBarContext();
 
-  var isSelected = _includesInstanceProperty(_context = state.selectedKeys).call(_context, key);
+  var isSelected = _includesInstanceProperty(_context = state.selectedKey).call(_context, key);
 
   var _useNavBarPress = useNavBarPress({
     key: key,
@@ -58,7 +58,7 @@ var NavBarItem = /*#__PURE__*/forwardRef(function (props, ref) {
       pressProps = _usePress.pressProps,
       isPressed = _usePress.isPressed;
 
-  var mergedProps = mergeProps.apply(void 0, _concatInstanceProperty(_context2 = [pressProps, hoverProps, focusWithinProps, focusProps]).call(_context2, others));
+  var mergedProps = mergeProps(pressProps, hoverProps, focusWithinProps, focusProps, others);
 
   var _useStatusClasses = useStatusClasses(className, {
     isPressed: isPressed,

package/lib/components/NavBarSection/NavBarItemButton.js

@@ -10,10 +10,11 @@ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "id", "onPress", "sx"];
 
-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 React from 'react';
 import PropTypes from 'prop-types';
@@ -29,11 +30,11 @@ var NavBarItemButton = function NavBarItemButton(props) {
       key = props.id,
       onPressCallback = props.onPress,
       sx = props.sx,
-      others = _objectWithoutProperties(props, ["className", "id", "onPress", "sx"]);
+      others = _objectWithoutProperties(props, _excluded);
 
   var state = useNavBarContext();
 
-  var isSelected = _includesInstanceProperty(_context = state.selectedKeys).call(_context, key);
+  var isSelected = _includesInstanceProperty(_context = state.selectedKey).call(_context, key);
 
   var _useNavBarPress = useNavBarPress({
     key: key,