@superdispatch/ui-lab 0.47.0 → 0.48.0

package/dist-node/index.js

@@ -16,11 +16,9 @@ var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/o
 var reactTransitionGroup = require('react-transition-group');
 var core = require('@material-ui/core');
 var dates = require('@superdispatch/dates');
-var uiLab = require('@superdispatch/ui-lab');
 var js = require('@mdi/js');
 var Dropzone = _interopDefault(require('react-dropzone'));
 var reactAnchorme = require('react-anchorme');
-var lodash = require('lodash');
 
 function colorMixin(textColor, iconColor, backgroundColor, buttonHoverColor) {
   return styled.css(["color:", ";border-color:", ";background-color:", ";& .MuiAlert-icon{color:", ";}& .MuiAlert-action{color:", ";& .MuiIconButton-root{&:hover,&:active{color:", ";}}}"], textColor, textColor, backgroundColor, iconColor, iconColor, buttonHoverColor);
@@ -590,7 +588,7 @@ var ChatMessage = /*#__PURE__*/react.forwardRef((_ref, ref) => {
         color: "textSecondary",
         children: time
       })]
-    }), /*#__PURE__*/jsxRuntime.jsx(uiLab.Box, {
+    }), /*#__PURE__*/jsxRuntime.jsx(Box, {
       display: "inline-block",
       padding: "xsmall",
       marginTop: "none",
@@ -903,26 +901,15 @@ var EmailAutocomplete = /*#__PURE__*/react.forwardRef((_ref, ref) => {
     ref: ref,
     multiple: true,
     freeSolo: true,
-    filterSelectedOptions: true,
-    disableClearable: true,
     value: value,
+    disableClearable: true,
+    filterSelectedOptions: true,
     filterOptions: _filterOptions => {
       return _filterOptions.filter(option => option !== '');
     },
-    onChange: (event, selectedValue) => {
-      var keyboardEvent = event;
-      var lastElement = selectedValue[selectedValue.length - 1];
-      if (keyboardEvent.key === 'Backspace') {
-        var removeLatesElement = value === null || value === void 0 ? void 0 : value.filter((_, index) => index < value.length - 1);
-        _onChange === null || _onChange === void 0 ? void 0 : _onChange(removeLatesElement, 'remove-option');
-      } else if (keyboardEvent.key === 'Enter' && lastElement) {
-        _onChange === null || _onChange === void 0 ? void 0 : _onChange([...(value || []), lastElement], 'select-option');
-      } else if (lastElement) {
-        var emails = lastElement.split(',').map(item => item.replace(' ', ''));
-        _onChange === null || _onChange === void 0 ? void 0 : _onChange(emails, 'select-option');
-      } else {
-        _onChange === null || _onChange === void 0 ? void 0 : _onChange(selectedValue, 'select-option');
-      }
+    onChange: (_event, selectedValue, reason) => {
+      var emails = selectedValue.flatMap(item => item.split(',')).map(item => item.trim());
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange(emails, reason);
     },
     renderTags: items => {
       return /*#__PURE__*/jsxRuntime.jsx(ui.Inline, {
@@ -933,7 +920,7 @@ var EmailAutocomplete = /*#__PURE__*/react.forwardRef((_ref, ref) => {
             variant: "subtle",
             children: /*#__PURE__*/jsxRuntime.jsxs(ui.Inline, {
               space: "xxsmall",
-              children: [/*#__PURE__*/jsxRuntime.jsx(uiLab.TextBox, {
+              children: [/*#__PURE__*/jsxRuntime.jsx(TextBox, {
                 wrapOverflow: true,
                 color: "primary",
                 children: option
@@ -1361,8 +1348,8 @@ var NavbarContext = /*#__PURE__*/react.createContext({
   isDrawerOpen: false,
   isMenuExpanded: false,
   isNavbarExpanded: false,
-  setMenuExpanded: lodash.noop,
-  setDrawerOpen: lodash.noop
+  setMenuExpanded: () => void 0,
+  setDrawerOpen: () => void 0
 });
 function useNavbarContext() {
   return react.useContext(NavbarContext);