@superdispatch/ui-lab 0.47.0 → 0.48.0

package/dist-src/chat/ChatMessage.js

@@ -1,8 +1,8 @@
 import { Typography } from '@material-ui/core';
 import { formatDate } from '@superdispatch/dates';
 import { Inline, Stack } from '@superdispatch/ui';
-import { Box } from '@superdispatch/ui-lab';
 import { forwardRef } from 'react';
+import { Box } from "../box/Box.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var ChatMessage = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {

package/dist-src/email-autocomplate/EmailAutocomplete.js

@@ -4,9 +4,9 @@ var _excluded = ["value", "onChange", "TextFieldProps"];
 import { IconButton, TextField } from '@material-ui/core';
 import { Autocomplete } from '@material-ui/lab';
 import { Inline, Tag } from '@superdispatch/ui';
-import { TextBox } from '@superdispatch/ui-lab';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
+import { TextBox } from "../text-box/TextBox.js";
 import { CloseIcon } from "./CloseIcon.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var MultipleFieldText = /*#__PURE__*/styled(TextField).withConfig({
@@ -28,26 +28,15 @@ export var EmailAutocomplete = /*#__PURE__*/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__*/_jsx(Inline, {

package/dist-src/navbar/NavbarContext.js

@@ -1,11 +1,10 @@
-import { noop } from 'lodash';
 import { createContext, useContext } from 'react';
 export var NavbarContext = /*#__PURE__*/createContext({
   isDrawerOpen: false,
   isMenuExpanded: false,
   isNavbarExpanded: false,
-  setMenuExpanded: noop,
-  setDrawerOpen: noop
+  setMenuExpanded: () => void 0,
+  setDrawerOpen: () => void 0
 });
 export function useNavbarContext() {
   return useContext(NavbarContext);

package/dist-web/index.js

@@ -9,11 +9,9 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { CSSTransition } from 'react-transition-group';
 import { ButtonBase, Typography, CircularProgress, SvgIcon, IconButton, TextField, Link, Tooltip, BottomNavigation, BottomNavigationAction, alpha, Accordion, AccordionSummary, useTheme, useMediaQuery, Drawer, Avatar, MenuItem, Menu as Menu$1, Toolbar, AppBar, Divider as Divider$1, Checkbox } from '@material-ui/core';
 import { formatDate } from '@superdispatch/dates';
-import { Box as Box$1, TextBox as TextBox$1 } from '@superdispatch/ui-lab';
 import { mdiUpload, mdiFilePdfBox, mdiTextBox } from '@mdi/js';
 import Dropzone from 'react-dropzone';
 import { Anchorme } from 'react-anchorme';
-import { noop } from 'lodash';
 
 function colorMixin(textColor, iconColor, backgroundColor, buttonHoverColor) {
   return css(["color:", ";border-color:", ";background-color:", ";& .MuiAlert-icon{color:", ";}& .MuiAlert-action{color:", ";& .MuiIconButton-root{&:hover,&:active{color:", ";}}}"], textColor, textColor, backgroundColor, iconColor, iconColor, buttonHoverColor);
@@ -583,7 +581,7 @@ var ChatMessage = /*#__PURE__*/forwardRef((_ref, ref) => {
         color: "textSecondary",
         children: time
       })]
-    }), /*#__PURE__*/jsx(Box$1, {
+    }), /*#__PURE__*/jsx(Box, {
       display: "inline-block",
       padding: "xsmall",
       marginTop: "none",
@@ -896,26 +894,15 @@ var EmailAutocomplete = /*#__PURE__*/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__*/jsx(Inline, {
@@ -926,7 +913,7 @@ var EmailAutocomplete = /*#__PURE__*/forwardRef((_ref, ref) => {
             variant: "subtle",
             children: /*#__PURE__*/jsxs(Inline, {
               space: "xxsmall",
-              children: [/*#__PURE__*/jsx(TextBox$1, {
+              children: [/*#__PURE__*/jsx(TextBox, {
                 wrapOverflow: true,
                 color: "primary",
                 children: option
@@ -1354,8 +1341,8 @@ var NavbarContext = /*#__PURE__*/createContext({
   isDrawerOpen: false,
   isMenuExpanded: false,
   isNavbarExpanded: false,
-  setMenuExpanded: noop,
-  setDrawerOpen: noop
+  setMenuExpanded: () => void 0,
+  setDrawerOpen: () => void 0
 });
 function useNavbarContext() {
   return useContext(NavbarContext);