carbon-react 106.6.4 → 106.6.7

package/esm/components/multi-action-button/multi-action-button.component.js

@@ -1,8 +1,7 @@
 function _extends() { _extends = Object.assign || 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); }
 
-import React, { useCallback, useEffect, useState, useRef } from "react";
+import React, { useCallback, useEffect, useState, useRef, useMemo } from "react";
 import PropTypes from "prop-types";
-import styledSystemPropTypes from "@styled-system/prop-types";
 import { StyledMultiActionButton, StyledButtonChildrenContainer } from "./multi-action-button.style";
 import Button, { ButtonWithForwardRef } from "../button";
 import Events from "../../__internal__/utils/helpers/events";
@@ -10,7 +9,6 @@ import Popover from "../../__internal__/popover";
 import { filterStyledSystemMarginProps, filterOutStyledSystemSpacingProps } from "../../style/utils";
 import { defaultFocusableSelectors } from "../../__internal__/focus-trap/focus-trap-utils";
 import Logger from "../../__internal__/utils/logger";
-const marginPropTypes = filterStyledSystemMarginProps(styledSystemPropTypes.space);
 let deprecatedWarnTriggered = false;
 
 const MultiActionButton = ({
@@ -32,10 +30,10 @@ const MultiActionButton = ({
     "The `as` prop is deprecated and will soon be removed from the `MultiActionButton` component interface. You should use the `buttonType` prop to achieve the same styling. The following codemod is available to help with updating your code https://github.com/Sage/carbon-codemod/tree/master/transforms/rename-prop");
   }
 
-  const ref = useRef();
-  const buttonRef = useRef();
-  const buttonContainer = useRef();
-  const buttonChildren = React.Children.toArray(children);
+  const ref = useRef(null);
+  const buttonRef = useRef(null);
+  const buttonContainer = useRef(null);
+  const buttonChildren = useMemo(() => React.Children.toArray(children), [children]);
   const additionalButtons = useRef(buttonChildren.map(() => /*#__PURE__*/React.createRef()));
   const listening = useRef(false);
   const isMainButtonFocused = useRef(false);
@@ -49,11 +47,19 @@ const MultiActionButton = ({
 
   const showButtons = () => {
     setShowAdditionalButtons(true);
-    setMinWidth(ref.current.getBoundingClientRect().width);
+    /* istanbul ignore else */
+
+    if (ref.current) {
+      setMinWidth(ref.current.getBoundingClientRect().width);
+    }
   };
 
   const childrenWithProps = () => {
     return buttonChildren.map((child, index) => {
+      if (! /*#__PURE__*/React.isValidElement(child)) {
+        return child;
+      }
+
       const props = {
         key: index.toString(),
         role: "menuitem",
@@ -83,12 +89,12 @@ const MultiActionButton = ({
     let nextIndex = -1;
 
     if (Events.isUpKey(ev)) {
-      nextIndex = currentIndex > 0 ? currentIndex - 1 : children.length - 1;
+      nextIndex = currentIndex > 0 ? currentIndex - 1 : buttonChildren.length - 1;
       ev.preventDefault();
     }
 
     if (Events.isDownKey(ev)) {
-      nextIndex = currentIndex < children.length - 1 ? currentIndex + 1 : 0;
+      nextIndex = currentIndex < buttonChildren.length - 1 ? currentIndex + 1 : 0;
       ev.preventDefault();
     }
 
@@ -103,13 +109,17 @@ const MultiActionButton = ({
     }
 
     if (nextIndex > -1) {
-      additionalButtons.current[nextIndex].current.focus();
+      var _additionalButtons$cu;
+
+      (_additionalButtons$cu = additionalButtons.current[nextIndex].current) === null || _additionalButtons$cu === void 0 ? void 0 : _additionalButtons$cu.focus();
     }
-  }, [children, hideButtons]);
+  }, [buttonChildren, hideButtons]);
   const handleClickOutside = useCallback(({
     target
   }) => {
-    if (!ref.current.contains(target) && buttonContainer.current && !buttonContainer.current.contains(target)) {
+    var _ref$current, _buttonContainer$curr;
+
+    if (!((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(target)) && !((_buttonContainer$curr = buttonContainer.current) !== null && _buttonContainer$curr !== void 0 && _buttonContainer$curr.contains(target))) {
       hideButtons();
     }
   }, [hideButtons]);
@@ -149,9 +159,9 @@ const MultiActionButton = ({
 
 
       setTimeout(() => {
-        var _additionalButtons$cu, _additionalButtons$cu2;
+        var _additionalButtons$cu2, _additionalButtons$cu3;
 
-        (_additionalButtons$cu = additionalButtons.current[0]) === null || _additionalButtons$cu === void 0 ? void 0 : (_additionalButtons$cu2 = _additionalButtons$cu.current) === null || _additionalButtons$cu2 === void 0 ? void 0 : _additionalButtons$cu2.focus();
+        (_additionalButtons$cu2 = additionalButtons.current[0]) === null || _additionalButtons$cu2 === void 0 ? void 0 : (_additionalButtons$cu3 = _additionalButtons$cu2.current) === null || _additionalButtons$cu3 === void 0 ? void 0 : _additionalButtons$cu3.focus();
       }, 0);
     }
   };
@@ -171,25 +181,20 @@ const MultiActionButton = ({
     isMainButtonFocused.current = false;
   };
 
-  const mainButtonProps = () => {
-    const opts = {
-      disabled,
-      displayed: showAdditionalButtons,
-      onTouchStart: showButtons,
-      onFocus: focusMainButton,
-      onBlur: blurMainButton,
-      onKeyDown: handleMainButtonKeyDown,
-      buttonType: buttonType || as,
-      size,
-      subtext,
-      ...filterOutStyledSystemSpacingProps(rest)
-    };
-
-    if (!disabled) {
-      opts.onMouseEnter = showButtons;
-    }
-
-    return opts;
+  const mainButtonProps = {
+    disabled,
+    displayed: showAdditionalButtons,
+    onTouchStart: showButtons,
+    onFocus: focusMainButton,
+    onBlur: blurMainButton,
+    onKeyDown: handleMainButtonKeyDown,
+    buttonType: buttonType || as,
+    size,
+    subtext,
+    ...(!disabled && {
+      onMouseEnter: showButtons
+    }),
+    ...filterOutStyledSystemSpacingProps(rest)
   };
 
   const renderAdditionalButtons = () => /*#__PURE__*/React.createElement(Popover, {
@@ -211,52 +216,451 @@ const MultiActionButton = ({
     "data-component": "multi-action-button",
     "data-element": dataElement,
     "data-role": dataRole,
-    align: align,
     displayed: showAdditionalButtons
   }, filterStyledSystemMarginProps(rest)), /*#__PURE__*/React.createElement(Button, _extends({
     "aria-haspopup": "true",
     "aria-expanded": showAdditionalButtons,
     "aria-label": "Show more",
     "data-element": "toggle-button",
-    key: "toggle-button",
-    onKeyDown: handleMainButtonKeyDown
-  }, mainButtonProps(), {
+    key: "toggle-button"
+  }, mainButtonProps, {
     forwardRef: buttonRef,
     iconPosition: "after",
     iconType: "dropdown"
   }), text), showAdditionalButtons && renderAdditionalButtons());
 };
 
-MultiActionButton.propTypes = { ...marginPropTypes,
-
-  /** Button type: "primary" | "secondary" | "tertiary" */
-  buttonType: PropTypes.oneOf(["primary", "secondary", "tertiary"]),
-
-  /** The additional button to display. */
-  children: PropTypes.node.isRequired,
-
-  /** Second text child, renders under main text, only when size is "large". */
-  subtext: PropTypes.string,
-
-  /** Customizes the appearance, can be set to 'primary', 'secondary' or 'transparent'. */
-  as: PropTypes.string,
-
-  /** The text to be displayed in the SplitButton. */
-  text: PropTypes.string.isRequired,
-
-  /** Gives the button a disabled state. */
-  disabled: PropTypes.bool,
-
-  /** The size of the MultiActionButton. */
-  size: PropTypes.oneOf(["small", "medium", "large"]),
-
-  /** A custom value for the data-element attribute. */
+MultiActionButton.propTypes = {
+  "about": PropTypes.string,
+  "accessKey": PropTypes.string,
+  "align": PropTypes.oneOf(["left", "right"]),
+  "aria-activedescendant": PropTypes.string,
+  "aria-atomic": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-autocomplete": PropTypes.oneOf(["both", "inline", "list", "none"]),
+  "aria-busy": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-checked": PropTypes.oneOfType([PropTypes.oneOf(["false", "mixed", "true"]), PropTypes.bool]),
+  "aria-colcount": PropTypes.number,
+  "aria-colindex": PropTypes.number,
+  "aria-colspan": PropTypes.number,
+  "aria-controls": PropTypes.string,
+  "aria-current": PropTypes.oneOfType([PropTypes.oneOf(["date", "false", "location", "page", "step", "time", "true"]), PropTypes.bool]),
+  "aria-describedby": PropTypes.string,
+  "aria-details": PropTypes.string,
+  "aria-disabled": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-dropeffect": PropTypes.oneOf(["copy", "execute", "link", "move", "none", "popup"]),
+  "aria-errormessage": PropTypes.string,
+  "aria-expanded": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-flowto": PropTypes.string,
+  "aria-grabbed": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-haspopup": PropTypes.oneOfType([PropTypes.oneOf(["dialog", "false", "grid", "listbox", "menu", "tree", "true"]), PropTypes.bool]),
+  "aria-hidden": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-invalid": PropTypes.oneOfType([PropTypes.oneOf(["false", "grammar", "spelling", "true"]), PropTypes.bool]),
+  "aria-keyshortcuts": PropTypes.string,
+  "aria-label": PropTypes.string,
+  "aria-labelledby": PropTypes.string,
+  "aria-level": PropTypes.number,
+  "aria-live": PropTypes.oneOf(["assertive", "off", "polite"]),
+  "aria-modal": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-multiline": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-multiselectable": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-orientation": PropTypes.oneOf(["horizontal", "vertical"]),
+  "aria-owns": PropTypes.string,
+  "aria-placeholder": PropTypes.string,
+  "aria-posinset": PropTypes.number,
+  "aria-pressed": PropTypes.oneOfType([PropTypes.oneOf(["false", "mixed", "true"]), PropTypes.bool]),
+  "aria-readonly": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-relevant": PropTypes.oneOf(["additions removals", "additions text", "additions", "all", "removals additions", "removals text", "removals", "text additions", "text removals", "text"]),
+  "aria-required": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-roledescription": PropTypes.string,
+  "aria-rowcount": PropTypes.number,
+  "aria-rowindex": PropTypes.number,
+  "aria-rowspan": PropTypes.number,
+  "aria-selected": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-setsize": PropTypes.number,
+  "aria-sort": PropTypes.oneOf(["ascending", "descending", "none", "other"]),
+  "aria-valuemax": PropTypes.number,
+  "aria-valuemin": PropTypes.number,
+  "aria-valuenow": PropTypes.number,
+  "aria-valuetext": PropTypes.string,
+  "as": PropTypes.oneOf(["primary", "secondary"]),
+  "autoCapitalize": PropTypes.string,
+  "autoCorrect": PropTypes.string,
+  "autoFocus": PropTypes.bool,
+  "autoSave": PropTypes.string,
+  "buttonType": PropTypes.oneOf(["primary", "secondary", "tertiary"]),
+  "children": PropTypes.node,
+  "className": PropTypes.string,
+  "color": PropTypes.string,
+  "contentEditable": PropTypes.oneOfType([PropTypes.oneOf(["false", "inherit", "true"]), PropTypes.bool]),
+  "contextMenu": PropTypes.string,
+  "dangerouslySetInnerHTML": PropTypes.shape({
+    "__html": PropTypes.string.isRequired
+  }),
   "data-element": PropTypes.string,
-
-  /** A custom value for the data-element attribute. */
   "data-role": PropTypes.string,
-
-  /** Aligns the button's options */
-  align: PropTypes.oneOf(["left", "right"])
+  "datatype": PropTypes.string,
+  "defaultChecked": PropTypes.bool,
+  "defaultValue": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.number, PropTypes.string]),
+  "dir": PropTypes.string,
+  "disabled": PropTypes.bool,
+  "draggable": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "form": PropTypes.string,
+  "formAction": PropTypes.string,
+  "formEncType": PropTypes.string,
+  "formMethod": PropTypes.string,
+  "formNoValidate": PropTypes.bool,
+  "formTarget": PropTypes.string,
+  "hidden": PropTypes.bool,
+  "iconPosition": PropTypes.oneOf(["after", "before"]),
+  "id": PropTypes.string,
+  "inlist": PropTypes.any,
+  "inputMode": PropTypes.oneOf(["decimal", "email", "none", "numeric", "search", "tel", "text", "url"]),
+  "is": PropTypes.string,
+  "itemID": PropTypes.string,
+  "itemProp": PropTypes.string,
+  "itemRef": PropTypes.string,
+  "itemScope": PropTypes.bool,
+  "itemType": PropTypes.string,
+  "lang": PropTypes.string,
+  "m": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "margin": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "marginBottom": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "marginLeft": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "marginRight": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "marginTop": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "marginX": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "marginY": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "mb": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "ml": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "mr": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "mt": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "mx": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "my": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "name": PropTypes.string,
+  "onAbort": PropTypes.func,
+  "onAbortCapture": PropTypes.func,
+  "onAnimationEnd": PropTypes.func,
+  "onAnimationEndCapture": PropTypes.func,
+  "onAnimationIteration": PropTypes.func,
+  "onAnimationIterationCapture": PropTypes.func,
+  "onAnimationStart": PropTypes.func,
+  "onAnimationStartCapture": PropTypes.func,
+  "onAuxClick": PropTypes.func,
+  "onAuxClickCapture": PropTypes.func,
+  "onBeforeInput": PropTypes.func,
+  "onBeforeInputCapture": PropTypes.func,
+  "onBlur": PropTypes.func,
+  "onBlurCapture": PropTypes.func,
+  "onCanPlay": PropTypes.func,
+  "onCanPlayCapture": PropTypes.func,
+  "onCanPlayThrough": PropTypes.func,
+  "onCanPlayThroughCapture": PropTypes.func,
+  "onChange": PropTypes.func,
+  "onChangeCapture": PropTypes.func,
+  "onClick": PropTypes.func,
+  "onClickCapture": PropTypes.func,
+  "onCompositionEnd": PropTypes.func,
+  "onCompositionEndCapture": PropTypes.func,
+  "onCompositionStart": PropTypes.func,
+  "onCompositionStartCapture": PropTypes.func,
+  "onCompositionUpdate": PropTypes.func,
+  "onCompositionUpdateCapture": PropTypes.func,
+  "onContextMenu": PropTypes.func,
+  "onContextMenuCapture": PropTypes.func,
+  "onCopy": PropTypes.func,
+  "onCopyCapture": PropTypes.func,
+  "onCut": PropTypes.func,
+  "onCutCapture": PropTypes.func,
+  "onDoubleClick": PropTypes.func,
+  "onDoubleClickCapture": PropTypes.func,
+  "onDrag": PropTypes.func,
+  "onDragCapture": PropTypes.func,
+  "onDragEnd": PropTypes.func,
+  "onDragEndCapture": PropTypes.func,
+  "onDragEnter": PropTypes.func,
+  "onDragEnterCapture": PropTypes.func,
+  "onDragExit": PropTypes.func,
+  "onDragExitCapture": PropTypes.func,
+  "onDragLeave": PropTypes.func,
+  "onDragLeaveCapture": PropTypes.func,
+  "onDragOver": PropTypes.func,
+  "onDragOverCapture": PropTypes.func,
+  "onDragStart": PropTypes.func,
+  "onDragStartCapture": PropTypes.func,
+  "onDrop": PropTypes.func,
+  "onDropCapture": PropTypes.func,
+  "onDurationChange": PropTypes.func,
+  "onDurationChangeCapture": PropTypes.func,
+  "onEmptied": PropTypes.func,
+  "onEmptiedCapture": PropTypes.func,
+  "onEncrypted": PropTypes.func,
+  "onEncryptedCapture": PropTypes.func,
+  "onEnded": PropTypes.func,
+  "onEndedCapture": PropTypes.func,
+  "onError": PropTypes.func,
+  "onErrorCapture": PropTypes.func,
+  "onFocus": PropTypes.func,
+  "onFocusCapture": PropTypes.func,
+  "onGotPointerCapture": PropTypes.func,
+  "onGotPointerCaptureCapture": PropTypes.func,
+  "onInput": PropTypes.func,
+  "onInputCapture": PropTypes.func,
+  "onInvalid": PropTypes.func,
+  "onInvalidCapture": PropTypes.func,
+  "onKeyDown": PropTypes.func,
+  "onKeyDownCapture": PropTypes.func,
+  "onKeyPress": PropTypes.func,
+  "onKeyPressCapture": PropTypes.func,
+  "onKeyUp": PropTypes.func,
+  "onKeyUpCapture": PropTypes.func,
+  "onLoad": PropTypes.func,
+  "onLoadCapture": PropTypes.func,
+  "onLoadedData": PropTypes.func,
+  "onLoadedDataCapture": PropTypes.func,
+  "onLoadedMetadata": PropTypes.func,
+  "onLoadedMetadataCapture": PropTypes.func,
+  "onLoadStart": PropTypes.func,
+  "onLoadStartCapture": PropTypes.func,
+  "onLostPointerCapture": PropTypes.func,
+  "onLostPointerCaptureCapture": PropTypes.func,
+  "onMouseDown": PropTypes.func,
+  "onMouseDownCapture": PropTypes.func,
+  "onMouseEnter": PropTypes.func,
+  "onMouseLeave": PropTypes.func,
+  "onMouseMove": PropTypes.func,
+  "onMouseMoveCapture": PropTypes.func,
+  "onMouseOut": PropTypes.func,
+  "onMouseOutCapture": PropTypes.func,
+  "onMouseOver": PropTypes.func,
+  "onMouseOverCapture": PropTypes.func,
+  "onMouseUp": PropTypes.func,
+  "onMouseUpCapture": PropTypes.func,
+  "onPaste": PropTypes.func,
+  "onPasteCapture": PropTypes.func,
+  "onPause": PropTypes.func,
+  "onPauseCapture": PropTypes.func,
+  "onPlay": PropTypes.func,
+  "onPlayCapture": PropTypes.func,
+  "onPlaying": PropTypes.func,
+  "onPlayingCapture": PropTypes.func,
+  "onPointerCancel": PropTypes.func,
+  "onPointerCancelCapture": PropTypes.func,
+  "onPointerDown": PropTypes.func,
+  "onPointerDownCapture": PropTypes.func,
+  "onPointerEnter": PropTypes.func,
+  "onPointerEnterCapture": PropTypes.func,
+  "onPointerLeave": PropTypes.func,
+  "onPointerLeaveCapture": PropTypes.func,
+  "onPointerMove": PropTypes.func,
+  "onPointerMoveCapture": PropTypes.func,
+  "onPointerOut": PropTypes.func,
+  "onPointerOutCapture": PropTypes.func,
+  "onPointerOver": PropTypes.func,
+  "onPointerOverCapture": PropTypes.func,
+  "onPointerUp": PropTypes.func,
+  "onPointerUpCapture": PropTypes.func,
+  "onProgress": PropTypes.func,
+  "onProgressCapture": PropTypes.func,
+  "onRateChange": PropTypes.func,
+  "onRateChangeCapture": PropTypes.func,
+  "onReset": PropTypes.func,
+  "onResetCapture": PropTypes.func,
+  "onScroll": PropTypes.func,
+  "onScrollCapture": PropTypes.func,
+  "onSeeked": PropTypes.func,
+  "onSeekedCapture": PropTypes.func,
+  "onSeeking": PropTypes.func,
+  "onSeekingCapture": PropTypes.func,
+  "onSelect": PropTypes.func,
+  "onSelectCapture": PropTypes.func,
+  "onStalled": PropTypes.func,
+  "onStalledCapture": PropTypes.func,
+  "onSubmit": PropTypes.func,
+  "onSubmitCapture": PropTypes.func,
+  "onSuspend": PropTypes.func,
+  "onSuspendCapture": PropTypes.func,
+  "onTimeUpdate": PropTypes.func,
+  "onTimeUpdateCapture": PropTypes.func,
+  "onTouchCancel": PropTypes.func,
+  "onTouchCancelCapture": PropTypes.func,
+  "onTouchEnd": PropTypes.func,
+  "onTouchEndCapture": PropTypes.func,
+  "onTouchMove": PropTypes.func,
+  "onTouchMoveCapture": PropTypes.func,
+  "onTouchStart": PropTypes.func,
+  "onTouchStartCapture": PropTypes.func,
+  "onTransitionEnd": PropTypes.func,
+  "onTransitionEndCapture": PropTypes.func,
+  "onVolumeChange": PropTypes.func,
+  "onVolumeChangeCapture": PropTypes.func,
+  "onWaiting": PropTypes.func,
+  "onWaitingCapture": PropTypes.func,
+  "onWheel": PropTypes.func,
+  "onWheelCapture": PropTypes.func,
+  "placeholder": PropTypes.string,
+  "prefix": PropTypes.string,
+  "property": PropTypes.string,
+  "radioGroup": PropTypes.string,
+  "resource": PropTypes.string,
+  "results": PropTypes.number,
+  "role": PropTypes.string,
+  "security": PropTypes.string,
+  "size": PropTypes.oneOf(["large", "medium", "small"]),
+  "slot": PropTypes.string,
+  "spellCheck": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "style": PropTypes.object,
+  "subtext": PropTypes.string,
+  "suppressContentEditableWarning": PropTypes.bool,
+  "suppressHydrationWarning": PropTypes.bool,
+  "tabIndex": PropTypes.number,
+  "text": PropTypes.string.isRequired,
+  "title": PropTypes.string,
+  "translate": PropTypes.oneOf(["no", "yes"]),
+  "type": PropTypes.oneOf(["button", "reset", "submit"]),
+  "typeof": PropTypes.string,
+  "unselectable": PropTypes.oneOf(["off", "on"]),
+  "value": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.number, PropTypes.string]),
+  "vocab": PropTypes.string
 };
+export { MultiActionButton };
 export default MultiActionButton;

package/esm/components/multi-action-button/multi-action-button.style.js

@@ -50,12 +50,11 @@ const StyledMultiActionButton = styled.div`
 const StyledButtonChildrenContainer = styled.div`
   ${({
   theme,
-  align
+  align,
+  minWidth
 }) => css`
     background-color: var(--colorsActionMajorYang100);
-    min-width: ${({
-  minWidth
-}) => minWidth}px;
+    min-width: ${minWidth}px;
     white-space: nowrap;
     z-index: ${theme.zIndex.popover};
     box-shadow: var(--boxShadow100);
@@ -90,8 +89,6 @@ StyledButtonChildrenContainer.defaultProps = {
   theme: baseTheme
 };
 StyledMultiActionButton.defaultProps = {
-  theme: baseTheme,
-  size: "medium",
-  legacyColorVariant: "blue"
+  theme: baseTheme
 };
 export { StyledButtonChildrenContainer, StyledMultiActionButton };

package/esm/components/portal/portal.js

@@ -2,7 +2,6 @@ import React, { useContext, useEffect, useMemo, useState } from "react";
 import PropTypes from "prop-types";
 import ReactDOM from "react-dom";
 import guid from "../../__internal__/utils/helpers/guid";
-import Browser from "../../__internal__/utils/helpers/browser";
 import CarbonScopedTokensProvider from "../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component";
 export const PortalContext = /*#__PURE__*/React.createContext({});
 
@@ -76,10 +75,6 @@ const Portal = ({
     return node;
   };
 
-  if (!Browser.isDomAvailable()) {
-    return null;
-  }
-
   return /*#__PURE__*/React.createElement("span", {
     "data-portal-entrance": uniqueId
   }, /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(CarbonScopedTokensProvider, null, children), getPortalContainer()));