aefis-core-ui 2.3.0-rc12 → 2.3.0-rc14

package/dist/index.modern.js

@@ -10,6 +10,7 @@ import { red, orange, green, blue, grey, yellow, indigo, purple, cyan, teal, lim
 import makeStyles$1 from '@mui/styles/makeStyles';
 import withStyles from '@mui/styles/withStyles';
 import { useTheme, alpha, createTheme as createTheme$1, ThemeProvider, styled as styled$1, StyledEngineProvider } from '@mui/material/styles';
+import { useFormControl } from '@mui/material/FormControl';
 import mustache from 'mustache';
 import { Box as Box$2 } from '@mui/system';
 import { Skeleton as Skeleton$4, TextField as TextField$1, Box as Box$3 } from '@mui/material/';
@@ -67,12 +68,8 @@ import 'lodash/camelCase';
 import debounce from 'lodash/debounce';
 import StepConnector, { stepConnectorClasses } from '@mui/material/StepConnector';
 import DeleteOutlineOutlinedIcon from '@mui/icons-material/DeleteOutlineOutlined';
-import '@mui/icons-material/KeyboardArrowUpOutlined';
-import '@mui/icons-material/KeyboardArrowDownOutlined';
-import { MenuButton as MenuButton$1 } from 'core-ui';
 import KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp';
 import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
-import 'core-ui/components/AnimatedExpandMoreIcon/AnimatedExpandMoreIcon';
 import '@mui/icons-material/MoreVert';
 import produce from 'immer';
 import { v4 } from 'uuid';
@@ -81,7 +78,6 @@ import isEmpty from 'lodash/isEmpty';
 import compose from 'lodash/fp/compose';
 import Chip$2 from '@mui/material/Chip';
 import TextField$2 from '@mui/material/TextField';
-import { useFormControl } from '@mui/material/FormControl';
 import get$1 from 'lodash/get';
 import isPlainObject from 'lodash/isPlainObject';
 import ToggleButton$1 from '@mui/material/ToggleButton';
@@ -2284,10 +2280,10 @@ ClickWrapper.propTypes = {
 const Chip = ({
   id,
   colorPalette,
-  size,
+  size: _size2 = "medium",
   icon,
   label,
-  displayType,
+  displayType: _displayType = "default",
   deleteIcon,
   onDelete,
   canDelete,
@@ -2295,7 +2291,7 @@ const Chip = ({
 }) => {
   const keyValue = useUID();
   const colors = _extends({}, defaultColorPalette, colorPalette);
-  const _size = size === "medium" || size === "large" ? "medium" : size;
+  const _size = _size2 === "medium" || _size2 === "large" ? "medium" : _size2;
   const styles = {
     outlined: {
       borderWidth: 2,
@@ -2315,14 +2311,14 @@ const Chip = ({
     }
   };
   let chipStyles = styles.chip;
-  if (displayType === "outlined") chipStyles = styles.outlined;
-  if (displayType === "withOutline") chipStyles = styles.withOutline;
+  if (_displayType === "outlined") chipStyles = styles.outlined;
+  if (_displayType === "withOutline") chipStyles = styles.withOutline;
   const chipProps = {
     key: id || keyValue,
     icon,
     label,
     sx: chipStyles,
-    variant: displayType === "withOutline" ? "default" : displayType,
+    variant: _displayType === "withOutline" ? "default" : _displayType,
     size: _size,
     deleteIcon: deleteIcon || /*#__PURE__*/jsx(ClickWrapper, {
       label: label,
@@ -2339,12 +2335,20 @@ const Chip = ({
       })
     })
   };
-  const Chip = () => /*#__PURE__*/jsx(Chip$1, _extends({
-    role: role || "presentation",
-    "aria-label": label
-  }, chipProps, canDelete && {
-    onDelete
-  }));
+  const {
+    disabled
+  } = useFormControl();
+  const _canDelete = canDelete && !disabled;
+  const Chip = () => {
+    return /*#__PURE__*/jsx(Chip$1, _extends({
+      role: role || "presentation",
+      "aria-label": label
+    }, chipProps, _canDelete && {
+      onDelete
+    }, {
+      disabled: disabled
+    }));
+  };
 
   /**return tooltipText ? (
   	<Tooltip title={tooltipText}>
@@ -2384,12 +2388,6 @@ Chip.propTypes = {
   /** ARIA Role attribute */
   role: PropTypes.string
 };
-Chip.defaultProps = {
-  size: "medium",
-  variant: "default",
-  canRemove: false,
-  displayType: "default"
-};
 
 const colorPalette$v = {
   light: grey[200],
@@ -11322,7 +11320,8 @@ const BusinessObjectPicker = _ref => {
       tooltipText: option.description,
       size: props.size === "medium" || props.size === "small" ? "small" : "large",
       onDelete: () => handleTagDelete(option),
-      canDelete: true
+      canDelete: true,
+      displayType: "default"
     })
   }, getKey(option))), [props.size, getKey, getLabel, handleTagDelete]);
   const renderTypeTags = useCallback(value => value.map(option => /*#__PURE__*/jsx(Box$1, {
@@ -11371,7 +11370,11 @@ const BusinessObjectPicker = _ref => {
         value: value,
         renderOption: renderOptionProp || (props.type ? renderBusinessObject : renderOption),
         noOptionsText: status === "error" ? "Error loading options" : "No options",
-        getOptionDisabled: optionItem => (optionItem == null ? void 0 : optionItem.__type) === "loadMore" || (optionItem == null ? void 0 : optionItem.__type) === "noOption",
+        getOptionDisabled: optionItem => {
+          if (props.disabled) return true;
+          const type = optionItem == null ? void 0 : optionItem.__type;
+          return type === "loadMore" || type === "noOption";
+        },
         handleHomeEndKeys: true
         // INFO: freeSolo prevents warning:
         // https://stackoverflow.com/questions/61947941/material-ui-autocomplete-warning-the-value-provided-to-autocomplete-is-invalid
@@ -11404,7 +11407,7 @@ const BusinessObjectPicker = _ref => {
                 style: {
                   color: red[500]
                 }
-              }), listSelect !== true && /*#__PURE__*/jsx(IconButton$1, {
+              }), listSelect !== true && /*#__PURE__*/jsx(IconButton, {
                 "aria-label": open ? `hide options` : "show options",
                 size: "small",
                 onClick: () => {
@@ -11417,7 +11420,7 @@ const BusinessObjectPicker = _ref => {
                     [classes.expandOpen]: open
                   })
                 })
-              }), enhancedSearch && /*#__PURE__*/jsx(IconButton$1, {
+              }), enhancedSearch && /*#__PURE__*/jsx(IconButton, {
                 "aria-label": "search",
                 size: "small",
                 onKeyDown: handleKeyDown,
@@ -11425,6 +11428,7 @@ const BusinessObjectPicker = _ref => {
                   name: events.OPEN_ENHANCED_SEARCH_DIALOG,
                   payload: true
                 }),
+                disabled: props.disabled,
                 children: /*#__PURE__*/jsx(Search, {})
               })]
             })
@@ -11447,13 +11451,14 @@ const BusinessObjectPicker = _ref => {
         flexDirection: "column",
         padding: 1
       },
-      children: /*#__PURE__*/jsx(IconButton$1, {
+      children: /*#__PURE__*/jsx(IconButton, {
         onClick: () => {
           eventDispatch({
             name: events.OPEN_ADD_ITEM_DIALOG,
             payload: true
           });
         },
+        disabled: props.disabled,
         children: /*#__PURE__*/jsx(AddIcon, {
           sx: {
             color: "grey"
@@ -15398,7 +15403,7 @@ function Row({
         width: "48px",
         marginTop: "22px"
       },
-      children: /*#__PURE__*/jsx(MenuButton$1, {
+      children: /*#__PURE__*/jsx(MenuButton, {
         displayType: "icon",
         menuConfiguration: [{
           name: "Move Up",