@sproutsocial/racine 12.22.0 → 12.23.0

package/lib/Listbox/index.js

@@ -1,18 +1,22 @@
 var _excluded = ["role", "children"],
   _excluded2 = ["children"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import * as React from 'react';
 import styled, { css } from 'styled-components';
-import Menu, { MenuButton } from '../Menu';
-import { Arrow } from '../Select/styles';
-import Icon from '../Icon';
-import { MENU_ROLES } from '../Menu/constants';
+import Menu, { MenuButton } from "../Menu";
+import { Arrow } from "../Select/styles";
+import Icon from "../Icon";
+import { MENU_ROLES } from "../Menu/constants";
 export var Listbox = function Listbox(_ref) {
   var _ref$role = _ref.role,
     role = _ref$role === void 0 ? MENU_ROLES.LISTBOX : _ref$role,
     children = _ref.children,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Menu, _extends({}, rest, {
     role: role
   }), children);
@@ -50,12 +54,12 @@ export var ListboxButtonContainer = styled(MenuButton).withConfig({
 }, function (props) {
   switch (props.size) {
     case 'large':
-      return props.theme.space[400] + " " + props.theme.space[600] + " " + props.theme.space[400] + " " + props.theme.space[400];
+      return "".concat(props.theme.space[400], " ").concat(props.theme.space[600], " ").concat(props.theme.space[400], " ").concat(props.theme.space[400]);
     case 'small':
-      return props.theme.space[200] + " " + props.theme.space[500] + " " + props.theme.space[200] + " " + props.theme.space[200];
+      return "".concat(props.theme.space[200], " ").concat(props.theme.space[500], " ").concat(props.theme.space[200], " ").concat(props.theme.space[200]);
     case 'default':
     default:
-      return props.theme.space[300] + " " + props.theme.space[500] + " " + props.theme.space[300] + " " + props.theme.space[300];
+      return "".concat(props.theme.space[300], " ").concat(props.theme.space[500], " ").concat(props.theme.space[300], " ").concat(props.theme.space[300]);
   }
 }, function (props) {
   switch (props.size) {
@@ -75,9 +79,9 @@ export var ListboxButtonContainer = styled(MenuButton).withConfig({
 });
 export var ListboxButton = function ListboxButton(_ref2) {
   var children = _ref2.children,
-    restProps = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+    restProps = _objectWithoutProperties(_ref2, _excluded2);
   return /*#__PURE__*/React.createElement(ListboxButtonContainer, _extends({}, restProps, {
-    popoutProps: _extends({
+    popoutProps: _objectSpread({
       placement: 'bottom-start'
     }, restProps.popoutProps || {})
   }), children, /*#__PURE__*/React.createElement(Arrow, {

package/lib/Loader/index.js

@@ -1,40 +1,55 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _excluded = ["text", "size", "delay", "color", "qa"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 import * as React from 'react';
-import Container, { Text } from './styles';
+import Container, { Text } from "./styles";
 var Loader = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(Loader, _React$Component);
+  _inherits(Loader, _React$Component);
+  var _super = _createSuper(Loader);
   function Loader() {
-    return _React$Component.apply(this, arguments) || this;
+    _classCallCheck(this, Loader);
+    return _super.apply(this, arguments);
   }
-  var _proto = Loader.prototype;
-  _proto.render = function render() {
-    var _this$props = this.props,
-      text = _this$props.text,
-      size = _this$props.size,
-      delay = _this$props.delay,
-      color = _this$props.color,
-      qa = _this$props.qa,
-      rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
-    return /*#__PURE__*/React.createElement(Container, _extends({
-      small: size === 'small',
-      dark: color === 'dark',
-      delay: delay,
-      "data-qa-loader": ''
-    }, qa, rest), /*#__PURE__*/React.createElement(Text, {
-      as: "div",
-      fontSize: 200
-    }, text || 'Loading'));
-  };
+  _createClass(Loader, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        text = _this$props.text,
+        size = _this$props.size,
+        delay = _this$props.delay,
+        color = _this$props.color,
+        qa = _this$props.qa,
+        rest = _objectWithoutProperties(_this$props, _excluded);
+      return /*#__PURE__*/React.createElement(Container, _extends({
+        small: size === 'small',
+        dark: color === 'dark',
+        delay: delay,
+        "data-qa-loader": ""
+      }, qa, rest), /*#__PURE__*/React.createElement(Text, {
+        as: "div",
+        fontSize: 200
+      }, text || 'Loading'));
+    }
+  }]);
   return Loader;
 }(React.Component);
-Loader.defaultProps = {
+_defineProperty(Loader, "defaultProps", {
   size: 'large',
   text: '',
   delay: true,
   color: 'dark'
-};
+});
 export { Loader as default };

package/lib/Loader/styles.js

@@ -1,7 +1,7 @@
 
 import styled, { css, keyframes } from 'styled-components';
-import { COMMON } from '../utils/system-props';
-import { visuallyHidden } from '../utils/mixins';
+import { COMMON } from "../utils/system-props";
+import { visuallyHidden } from "../utils/mixins";
 import { rgba } from 'polished';
 var getSize = function getSize(size) {
   var spinnerSize = Math.ceil(size * 0.9);

package/lib/LoaderButton/index.js

@@ -1,11 +1,12 @@
 var _excluded = ["appearance", "isLoading", "disabled", "loaderLabel", "children"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import * as React from 'react';
 import styled, { css } from 'styled-components';
-import Box from '../Box';
-import Button from '../Button';
-import Loader from '../Loader';
+import Box from "../Box";
+import Button from "../Button";
+import Loader from "../Loader";
 import { useTheme } from 'styled-components';
 import { rgba } from 'polished';
 import { COLOR_NEUTRAL_0, COLOR_NEUTRAL_1000 } from '@sproutsocial/seeds-color';
@@ -52,7 +53,7 @@ export var LoaderButton = function LoaderButton(_ref) {
     disabled = _ref.disabled,
     loaderLabel = _ref.loaderLabel,
     children = _ref.children,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var isLoading = Boolean(_isLoading);
   var _useTheme = useTheme(),
     themeColorMode = _useTheme.mode;

package/lib/Menu/descendants.js

@@ -1,7 +1,20 @@
 var _excluded = ["context", "element"],
   _excluded2 = ["element"];
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 /* eslint-disable */
 import * as React from 'react';
 import { createContext, useState, useLayoutEffect, useEffect, useContext, useCallback, useMemo, useRef } from 'react';
@@ -52,11 +65,9 @@ export function createNamedContext(name, defaultValue) {
   Ctx.displayName = name;
   return Ctx;
 }
-export function createDescendantContext(name, initialValue) {
-  if (initialValue === void 0) {
-    initialValue = {};
-  }
-  return createNamedContext(name, _extends({
+export function createDescendantContext(name) {
+  var initialValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return createNamedContext(name, _objectSpread({
     descendants: [],
     registerDescendant: noop,
     unregisterDescendant: noop
@@ -89,9 +100,10 @@ export function createDescendantContext(name, initialValue) {
 export function useDescendant(_ref, indexProp) {
   var context = _ref.context,
     element = _ref.element,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(),
-    forceUpdate = _useState[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    forceUpdate = _useState2[1];
   var _useContext = useContext(context),
     registerDescendant = _useContext.registerDescendant,
     unregisterDescendant = _useContext.unregisterDescendant,
@@ -100,13 +112,13 @@ export function useDescendant(_ref, indexProp) {
   // Prevent any flashing
   useIsomorphicLayoutEffect(function () {
     if (!element) forceUpdate({});
-    registerDescendant(_extends({
+    registerDescendant(_objectSpread({
       element: element
     }, rest));
     return function () {
       return unregisterDescendant(element);
     };
-  }, [element].concat(Object.values(rest)));
+  }, [element].concat(_toConsumableArray(Object.values(rest))));
   return indexProp ? indexProp : descendants.findIndex(function (item) {
     return item.element === element;
   });
@@ -121,7 +133,7 @@ export function DescendantProvider(_ref2) {
     set = _ref2.set;
   var registerDescendant = useCallback(function (_ref3) {
     var element = _ref3.element,
-      rest = _objectWithoutPropertiesLoose(_ref3, _excluded2);
+      rest = _objectWithoutProperties(_ref3, _excluded2);
     if (!element) {
       return;
     }
@@ -130,11 +142,11 @@ export function DescendantProvider(_ref2) {
       var newItems;
       // If there are no items, register at index 0 and bail.
       if (items.length === 0) {
-        newItem = _extends({
+        newItem = _objectSpread({
           element: element,
           index: 0
         }, rest);
-        newItems = [].concat(items, [newItem]);
+        newItems = [].concat(_toConsumableArray(items), [newItem]);
       } else if (items.find(function (item) {
         return item.element === element;
       })) {
@@ -163,20 +175,20 @@ export function DescendantProvider(_ref2) {
           // element.
           return Boolean(item.element.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_PRECEDING);
         });
-        newItem = _extends({
+        newItem = _objectSpread({
           element: element,
           index: index
         }, rest);
 
         // If an index is not found we will push the element to the end.
         if (index === -1) {
-          newItems = [].concat(items, [newItem]);
+          newItems = [].concat(_toConsumableArray(items), [newItem]);
         } else {
-          newItems = [].concat(items.slice(0, index), [newItem], items.slice(index));
+          newItems = [].concat(_toConsumableArray(items.slice(0, index)), [newItem], _toConsumableArray(items.slice(index)));
         }
       }
       return newItems.map(function (item, index) {
-        return _extends({}, item, {
+        return _objectSpread(_objectSpread({}, item), {}, {
           index: index
         });
       });
@@ -195,7 +207,7 @@ export function DescendantProvider(_ref2) {
       return items.filter(function (item) {
         return element !== item.element;
       }).map(function (item, index) {
-        return _extends({}, item, {
+        return _objectSpread(_objectSpread({}, item), {}, {
           index: index
         });
       });

package/lib/Menu/hooks.js

@@ -1,8 +1,8 @@
 
 import { createContext, useContext, useEffect } from 'react';
 import scrollIntoViewIfNeeded from 'scroll-into-view-if-needed';
-import { MENU_ROLES } from './constants';
-import { createDescendantContext, useDescendantKeyDown, usePrevious, wrapEvent } from './descendants';
+import { MENU_ROLES } from "./constants";
+import { createDescendantContext, useDescendantKeyDown, usePrevious, wrapEvent } from "./descendants";
 export var MenuContext = /*#__PURE__*/createContext({
   role: MENU_ROLES.MENU,
   menuRef: {
@@ -33,17 +33,15 @@ export var MenuDescendantContext = createDescendantContext('MenuDescendantContex
  * expected that the matching menu item is selected. This is our matching
  * function.
  */
-function filterItemsFromTypeahead(items, string) {
-  if (string === void 0) {
-    string = '';
-  }
+function filterItemsFromTypeahead(items) {
+  var string = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   if (!string) {
     return null;
   }
   return items.filter(function (_ref) {
     var value = _ref.value,
       label = _ref.label;
-    return (value == null ? void 0 : value.toLowerCase().includes(string.toLocaleLowerCase())) || (label == null ? void 0 : label.toLowerCase().includes(string.toLocaleLowerCase()));
+    return (value === null || value === void 0 ? void 0 : value.toLowerCase().includes(string.toLocaleLowerCase())) || (label === null || label === void 0 ? void 0 : label.toLowerCase().includes(string.toLocaleLowerCase()));
   }).map(function (_ref2) {
     var index = _ref2.index;
     return index;
@@ -94,7 +92,7 @@ export function useMenuKeyDown() {
   }, [setState, items, prevMenuItemsLength, prevSelected, prevSelectionIndex, selectionIndex]);
   useEffect(function () {
     var newFilteredItems = filterItemsFromTypeahead(items, filterQuery);
-    if (filterQuery && newFilteredItems && (filteredItems == null ? void 0 : filteredItems.length) !== (newFilteredItems == null ? void 0 : newFilteredItems.length)) {
+    if (filterQuery && newFilteredItems && (filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.length) !== (newFilteredItems === null || newFilteredItems === void 0 ? void 0 : newFilteredItems.length)) {
       setState({
         filteredItems: newFilteredItems,
         selectionIndex: newFilteredItems[0]
@@ -125,7 +123,7 @@ export function useMenuKeyDown() {
           if (selected) {
             event.preventDefault();
             var func = selectCallbacks.current[selected.index];
-            (func == null ? void 0 : func.call) && func();
+            (func === null || func === void 0 ? void 0 : func.call) && func();
             onChange && selected.value && onChange(selected.value);
             shouldClosePopout && closePopout && closePopout();
           }

package/lib/Menu/index.flow.js

@@ -1,6 +1,6 @@
 
 import * as React from 'react';
-import Box from '../Box';
-import Button from '../Button';
-import Popout from '../Popout';
-import { MENU_ITEM_ROLES, MENU_ROLES } from './constants';
+import Box from "../Box";
+import Button from "../Button";
+import Popout from "../Popout";
+import { MENU_ITEM_ROLES, MENU_ROLES } from "./constants";

package/lib/Menu/index.js

@@ -4,27 +4,37 @@ var _excluded = ["id", "index", "as", "children", "role", "elemBefore", "elemAft
   _excluded3 = ["children", "role", "multiselect", "innerRef"],
   _excluded4 = ["role", "children", "onChange", "value", "multiselect", "innerRef"],
   _excluded5 = ["content", "popoutProps", "children", "onClick", "closeOnItemClick", "id", "placement"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import * as React from 'react';
 import styled from 'styled-components';
 import { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import uniqueId from 'lodash.uniqueid';
-import { MenuItemContainer, MenuItemsContainer } from './styles';
-import { MENU_ITEM_ROLES, MENU_ROLES } from './constants';
-import Box from '../Box';
-import Button from '../Button';
-import Checkbox from '../Checkbox';
-import Icon from '../Icon';
-import Input from '../Input';
-import Popout from '../Popout';
-import Radio from '../Radio';
-import Text from '../Text';
-import { disabled } from '../utils/mixins';
-import innerText from '../utils/innerText';
-import { useTextContent } from '../utils/hooks';
-import { DescendantProvider, useDescendant, useDescendants } from './descendants';
-import { MenuButtonContext, MenuContext, MenuDescendantContext, useMenuKeyDown } from './hooks';
+import { MenuItemContainer, MenuItemsContainer } from "./styles";
+import { MENU_ITEM_ROLES, MENU_ROLES } from "./constants";
+import Box from "../Box";
+import Button from "../Button";
+import Checkbox from "../Checkbox";
+import Icon from "../Icon";
+import Input from "../Input";
+import Popout from "../Popout";
+import Radio from "../Radio";
+import Text from "../Text";
+import { disabled } from "../utils/mixins";
+import innerText from "../utils/innerText";
+import { useTextContent } from "../utils/hooks";
+import { DescendantProvider, useDescendant, useDescendants } from "./descendants";
+import { MenuButtonContext, MenuContext, MenuDescendantContext, useMenuKeyDown } from "./hooks";
 var noop = function noop() {};
 var getMenuItemRole = function getMenuItemRole(menuRole) {
   switch (menuRole) {
@@ -61,7 +71,7 @@ export var MenuItem = function MenuItem(_ref) {
     disabled = _ref.disabled,
     indeterminate = _ref.indeterminate,
     labelProp = _ref.label,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+    props = _objectWithoutProperties(_ref, _excluded);
   var _useContext = useContext(MenuContext),
     menuRole = _useContext.role,
     onChange = _useContext.onChange,
@@ -96,8 +106,9 @@ export var MenuItem = function MenuItem(_ref) {
   var isFocused = index === selectionIndex;
   selectCallbacks.current[index] = onClick;
   var _useState = useState(false),
-    keyPressed = _useState[0],
-    setKeyPressed = _useState[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    keyPressed = _useState2[0],
+    setKeyPressed = _useState2[1];
   var isCheckboxOrRadio = [MENU_ITEM_ROLES.CHECKBOX, MENU_ITEM_ROLES.RADIO].includes(itemRole);
   var interactive = onClick || onKeyPress || [MENU_ITEM_ROLES.OPTION, MENU_ITEM_ROLES.MENUITEM, MENU_ITEM_ROLES.CHECKBOX, MENU_ITEM_ROLES.RADIO].includes(itemRole);
 
@@ -123,7 +134,7 @@ export var MenuItem = function MenuItem(_ref) {
   }, [selectionIndex, filteredItems]);
   var handleClick = useCallback(function (e) {
     var _menuRef$current;
-    (_menuRef$current = menuRef.current) == null ? void 0 : _menuRef$current.focus();
+    (_menuRef$current = menuRef.current) === null || _menuRef$current === void 0 ? void 0 : _menuRef$current.focus();
     if (onChange && itemRole !== MENU_ITEM_ROLES.LISTITEM) {
       onChange(valueProp || label);
     }
@@ -134,7 +145,7 @@ export var MenuItem = function MenuItem(_ref) {
     if (elemBefore) return elemBefore;
     if (itemRole === MENU_ITEM_ROLES.CHECKBOX) {
       return /*#__PURE__*/React.createElement(Checkbox, {
-        id: "Checkbox-" + id,
+        id: "Checkbox-".concat(id),
         checked: isSelected,
         "aria-hidden": "true",
         onChange: noop,
@@ -143,8 +154,8 @@ export var MenuItem = function MenuItem(_ref) {
       });
     } else if (itemRole === MENU_ITEM_ROLES.RADIO) {
       return /*#__PURE__*/React.createElement(Radio, {
-        id: "Radio-" + id,
-        name: "Radio-" + id,
+        id: "Radio-".concat(id),
+        name: "Radio-".concat(id),
         checked: isSelected,
         "aria-hidden": "true",
         onChange: noop,
@@ -215,7 +226,7 @@ export var MenuGroup = function MenuGroup(_ref2) {
     titleAs = _ref2.titleAs,
     _ref2$disabled = _ref2.disabled,
     isDisabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
-    props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+    props = _objectWithoutProperties(_ref2, _excluded2);
   return /*#__PURE__*/React.createElement(React.Fragment, null, title && /*#__PURE__*/React.createElement(Box, {
     pl: 400,
     borderTop: "1px solid",
@@ -278,7 +289,7 @@ var MenuItems = function MenuItems(_ref3) {
     role = _ref3.role,
     multiselect = _ref3.multiselect,
     innerRef = _ref3.innerRef,
-    props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
+    props = _objectWithoutProperties(_ref3, _excluded3);
   var _useMenuKeyDown = useMenuKeyDown(),
     handleKeyDown = _useMenuKeyDown.handleKeyDown,
     activeDescendent = _useMenuKeyDown.activeDescendent;
@@ -286,7 +297,7 @@ var MenuItems = function MenuItems(_ref3) {
     forwardedAs: "ul",
     ref: innerRef,
     role: role,
-    "aria-activedescendant": activeDescendent == null ? void 0 : activeDescendent.id,
+    "aria-activedescendant": activeDescendent === null || activeDescendent === void 0 ? void 0 : activeDescendent.id,
     "aria-multiselectable": multiselect ? true : undefined,
     tabIndex: 0,
     onKeyDown: handleKeyDown,
@@ -303,22 +314,24 @@ export var Menu = function Menu(_ref4) {
     value = _ref4.value,
     multiselect = _ref4.multiselect,
     innerRef = _ref4.innerRef,
-    props = _objectWithoutPropertiesLoose(_ref4, _excluded4);
+    props = _objectWithoutProperties(_ref4, _excluded4);
   var _useDescendants = useDescendants(),
-    descendants = _useDescendants[0],
-    setDescendants = _useDescendants[1];
-  var _useState2 = useState({
+    _useDescendants2 = _slicedToArray(_useDescendants, 2),
+    descendants = _useDescendants2[0],
+    setDescendants = _useDescendants2[1];
+  var _useState3 = useState({
       selectionIndex: 0,
       filterQuery: '',
       filteredItems: null,
       isFilterInputFocused: false
     }),
-    state = _useState2[0],
-    setState = _useState2[1];
+    _useState4 = _slicedToArray(_useState3, 2),
+    state = _useState4[0],
+    setState = _useState4[1];
   var selectCallbacks = useRef([]);
   var menuRef = useRef(null);
   var setContextState = useCallback(function (newState) {
-    setState(_extends({}, state, newState));
+    setState(_objectSpread(_objectSpread({}, state), newState));
   }, [state]);
   return (
     /*#__PURE__*/
@@ -373,15 +386,16 @@ export var MenuButton = function MenuButton(_ref5) {
     id = _ref5$id === void 0 ? uniqueId('MenuButton-') : _ref5$id,
     _ref5$placement = _ref5.placement,
     placement = _ref5$placement === void 0 ? 'bottom' : _ref5$placement,
-    props = _objectWithoutPropertiesLoose(_ref5, _excluded5);
-  var _useState3 = useState(false),
-    isOpen = _useState3[0],
-    setIsOpen = _useState3[1];
+    props = _objectWithoutProperties(_ref5, _excluded5);
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isOpen = _useState6[0],
+    setIsOpen = _useState6[1];
   var closePopout = useCallback(function () {
     return setIsOpen(false);
   }, [setIsOpen]);
-  var ariaLabelledBy = props['aria-labelledby'] ? props['aria-labelledby'] + " " + id : undefined;
-  var ariaLabel = props['aria-label'] ? props['aria-label'] + " " + innerText(children) : undefined;
+  var ariaLabelledBy = props['aria-labelledby'] ? "".concat(props['aria-labelledby'], " ").concat(id) : undefined;
+  var ariaLabel = props['aria-label'] ? "".concat(props['aria-label'], " ").concat(innerText(children)) : undefined;
   return /*#__PURE__*/React.createElement(MenuButtonContext.Provider, {
     value: {
       closePopout: closePopout,
@@ -397,8 +411,8 @@ export var MenuButton = function MenuButton(_ref5) {
     width: props.width
   }), /*#__PURE__*/React.createElement(Button, _extends({}, props, {
     id: id,
-    "aria-labelledby": ariaLabelledBy == null ? void 0 : ariaLabelledBy.trim(),
-    "aria-label": ariaLabel == null ? void 0 : ariaLabel.trim(),
+    "aria-labelledby": ariaLabelledBy === null || ariaLabelledBy === void 0 ? void 0 : ariaLabelledBy.trim(),
+    "aria-label": ariaLabel === null || ariaLabel === void 0 ? void 0 : ariaLabel.trim(),
     active: isOpen,
     onKeyDown: function onKeyDown(e) {
       if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {

package/lib/Menu/styles.js

@@ -1,7 +1,7 @@
 
 import styled, { css } from 'styled-components';
-import Box from '../Box';
-import { disabled, focusRing } from '../utils/mixins';
+import Box from "../Box";
+import { disabled, focusRing } from "../utils/mixins";
 export var MenuItemContainer = styled(Box).withConfig({
   displayName: "styles__MenuItemContainer",
   componentId: "sc-fjvae4-0"
@@ -18,7 +18,7 @@ export var MenuItemContainer = styled(Box).withConfig({
 }, function (props) {
   return props.theme.fontWeights.normal;
 }, function (props) {
-  return "6px " + props.theme.space[300];
+  return "6px ".concat(props.theme.space[300]);
 }, function (props) {
   return css(["", ";"], props.theme.typography[200]);
 }, function (props) {

package/lib/Message/index.js

@@ -1,11 +1,12 @@
 var _excluded = ["children", "density", "borderColor", "bg", "indentContent", "innerRef", "qa"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import * as React from 'react';
-import Container, { MessageBody, MessageFooter, MessageHeader, MessageMeta } from './styles';
-import Checkbox from '../Checkbox';
-import Button from '../Button';
-import Avatar from '../Avatar';
+import Container, { MessageBody, MessageFooter, MessageHeader, MessageMeta } from "./styles";
+import Checkbox from "../Checkbox";
+import Button from "../Button";
+import Avatar from "../Avatar";
 var MESSAGE_DENSITIES = {
   COMPACT: 'compact',
   // Compact is deprecated. New applications should use condensed instead.
@@ -45,7 +46,7 @@ var Message = function Message(_ref) {
     indentContent = _ref$indentContent === void 0 ? true : _ref$indentContent,
     innerRef = _ref.innerRef,
     qa = _ref.qa,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(MessageContext.Provider, {
     value: {
       density: density,