carbon-react 118.5.0 → 118.5.2

package/lib/components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js

@@ -4,49 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ActionPopoverMenuButton = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _actionPopover = require("../action-popover.style");
-
 var _button = _interopRequireDefault(require("../../button"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
-const ActionPopoverMenuButton = ({
-  buttonType,
-  iconType,
-  iconPosition,
-  size,
-  children,
-  ...props
-}) => /*#__PURE__*/_react.default.createElement(_actionPopover.MenuButtonOverrideWrapper, null, /*#__PURE__*/_react.default.createElement(_button.default, _extends({
-  buttonType: buttonType,
-  iconType: iconType,
-  iconPosition: iconPosition,
-  size: size
-}, props), children));
-
-exports.ActionPopoverMenuButton = ActionPopoverMenuButton;
-ActionPopoverMenuButton.propTypes = {
-  "ariaAttributes": _propTypes.default.shape({
-    "aria-controls": _propTypes.default.string.isRequired,
-    "aria-expanded": _propTypes.default.string.isRequired,
-    "aria-haspopup": _propTypes.default.string.isRequired,
-    "aria-label": _propTypes.default.string.isRequired
-  }).isRequired,
-  "buttonType": _propTypes.default.oneOf(["darkBackground", "dashed", "primary", "secondary", "tertiary"]),
-  "children": _propTypes.default.string,
-  "data-element": _propTypes.default.string.isRequired,
-  "iconPosition": _propTypes.default.oneOf(["after", "before"]),
-  "iconType": _propTypes.default.oneOf(["add", "admin", "alert_on", "alert", "analysis", "arrow_bottom_right_circle", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_top_left_circle", "arrow_up", "arrow", "arrows_left_right", "attach", "bank_with_card", "bank", "basket_with_squares", "basket", "bed", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "car_lock", "car_money", "car_repair", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "cash", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "check_all", "check_none", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "construction", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "dashboard", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "drill", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "form_refresh", "gift", "go", "graduation_hat", "graph", "grid", "hand_cash_coins", "hand_cash_note", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "laptop", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "palm_tree", "pause_circle", "pause", "pdf", "people_switch", "people", "percentage_boxed", "person_info", "person_tick", "person", "petrol_pump", "phone", "piggy_bank", "plane", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question_hollow", "question_mark", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "talk", "theatre_masks", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
-  "size": _propTypes.default.oneOf(["large", "medium", "small"]),
-  "tabIndex": _propTypes.default.number.isRequired
+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); }
+const ActionPopoverMenuButton = _ref => {
+  let {
+    buttonType,
+    iconType,
+    iconPosition,
+    size,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_actionPopover.MenuButtonOverrideWrapper, null, /*#__PURE__*/_react.default.createElement(_button.default, _extends({
+    buttonType: buttonType,
+    iconType: iconType,
+    iconPosition: iconPosition,
+    size: size
+  }, props), children));
 };
+exports.ActionPopoverMenuButton = ActionPopoverMenuButton;
 ActionPopoverMenuButton.displayName = "ActionPopoverMenuButton";
 var _default = ActionPopoverMenuButton;
 exports.default = _default;

package/lib/components/action-popover/action-popover.component.d.ts

@@ -28,5 +28,5 @@ export interface ActionPopoverProps extends MarginProps {
     /** Boolean to control whether menu should align to right */
     rightAlignMenu?: boolean;
 }
-export declare const ActionPopover: ({ children, id, onOpen, onClose, rightAlignMenu, renderButton, placement, horizontalAlignment, ...rest }: ActionPopoverProps) => JSX.Element;
+export declare const ActionPopover: ({ children, id, onOpen, onClose, rightAlignMenu, renderButton, placement, horizontalAlignment, ...rest }: ActionPopoverProps) => React.JSX.Element;
 export default ActionPopover;

package/lib/components/action-popover/action-popover.component.js

@@ -4,56 +4,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ActionPopover = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _invariant = _interopRequireDefault(require("invariant"));
-
 var _actionPopover = require("./action-popover.style");
-
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
-
 var _popover = _interopRequireDefault(require("../../__internal__/popover"));
-
 var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
-
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-
 var _actionPopoverMenu = _interopRequireDefault(require("./action-popover-menu/action-popover-menu.component"));
-
 var _actionPopoverItem = _interopRequireDefault(require("./action-popover-item/action-popover-item.component"));
-
 var _actionPopoverDivider = _interopRequireDefault(require("./action-popover-divider/action-popover-divider.component"));
-
 var _actionPopoverContext = _interopRequireDefault(require("./action-popover-context"));
-
 var _useModalManager = _interopRequireDefault(require("../../hooks/__internal__/useModalManager"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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); }
-
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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); }
 const onOpenDefault = () => {};
-
 const onCloseDefault = () => {};
-
-const ActionPopover = ({
-  children,
-  id,
-  onOpen = onOpenDefault,
-  onClose = onCloseDefault,
-  rightAlignMenu,
-  renderButton,
-  placement = "bottom",
-  horizontalAlignment = "left",
-  ...rest
-}) => {
+const ActionPopover = _ref => {
+  let {
+    children,
+    id,
+    onOpen = onOpenDefault,
+    onClose = onCloseDefault,
+    rightAlignMenu,
+    renderButton,
+    placement = "bottom",
+    horizontalAlignment = "left",
+    ...rest
+  } = _ref;
   const l = (0, _useLocale.default)();
   const [isOpen, setOpenState] = (0, _react.useState)(false);
   const [focusIndex, setFocusIndex] = (0, _react.useState)(0);
@@ -70,10 +51,8 @@ const ActionPopover = ({
       if (! /*#__PURE__*/_react.default.isValidElement(child)) {
         return true;
       }
-
       return child.type !== _actionPopoverItem.default && child.type !== _actionPopoverDivider.default;
     });
-
     return !incorrectChild;
   }, [children]);
   !hasProperChildren ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, `ActionPopover only accepts children of type \`${_actionPopoverItem.default.displayName}\`` + ` and \`${_actionPopoverDivider.default.displayName}\`.`) : (0, _invariant.default)(false) : void 0;
@@ -81,44 +60,38 @@ const ActionPopover = ({
     if (placement === "top" && !rightAlignMenu) {
       return "top-end";
     }
-
     if (placement === "top" && rightAlignMenu) {
       return "top-start";
     }
-
     if (placement === "bottom" && rightAlignMenu) {
       return "bottom-start";
     }
-
     return "bottom-end";
   }, [placement, rightAlignMenu]);
   const setOpen = (0, _react.useCallback)(value => {
     if (value && !isOpen) {
       onOpen();
     }
-
     if (!value && isOpen) {
       onClose();
     }
-
     setOpenState(value);
   }, [isOpen, onOpen, onClose]);
   const focusButton = (0, _react.useCallback)(() => {
-    var _buttonRef$current;
-
-    const button = (_buttonRef$current = buttonRef.current) === null || _buttonRef$current === void 0 ? void 0 : _buttonRef$current.querySelector("[data-element='action-popover-button']");
-    button === null || button === void 0 ? void 0 : button.focus();
+    const button = buttonRef.current?.querySelector("[data-element='action-popover-button']");
+    button?.focus();
   }, []);
   const onButtonClick = (0, _react.useCallback)(e => {
     e.stopPropagation();
     const isOpening = !isOpen;
     setOpen(isOpening);
-
     if (!isOpening) {
       // Closing the menu should focus the MenuButton
       focusButton();
     }
-  }, [isOpen, setOpen, focusButton]); // Keyboard commands implemented as recommended by WAI-ARIA best practices
+  }, [isOpen, setOpen, focusButton]);
+
+  // Keyboard commands implemented as recommended by WAI-ARIA best practices
   // https://www.w3.org/TR/wai-aria-practices/examples/menu-button/menu-button-actions.html
 
   const onButtonKeyDown = (0, _react.useCallback)(e => {
@@ -147,20 +120,20 @@ const ActionPopover = ({
     modalRef: buttonRef
   });
   (0, _react.useEffect)(() => {
-    const handler = ({
-      target
-    }) => {
+    const handler = _ref2 => {
+      let {
+        target
+      } = _ref2;
       // If the event didn't came from part of this component, close the menu.
       // There will be multiple document click listeners but we cant prevent propagation because it will interfere with
       // other instances on the same page
+
       const isInMenu = menu.current && menu.current.contains(target);
       const isInButton = buttonRef.current && buttonRef.current.contains(target);
-
       if (!isInMenu && !isInButton) {
         setOpen(false);
       }
     };
-
     const event = "click";
     document.addEventListener(event, handler, {
       capture: true
@@ -171,7 +144,6 @@ const ActionPopover = ({
       });
     };
   }, [setOpen]);
-
   const menuButton = menuID => {
     if (renderButton) {
       return renderButton({
@@ -185,7 +157,6 @@ const ActionPopover = ({
         }
       });
     }
-
     return /*#__PURE__*/_react.default.createElement(_actionPopover.StyledButtonIcon, {
       role: "button",
       "aria-haspopup": "true",
@@ -198,7 +169,6 @@ const ActionPopover = ({
       type: "ellipsis_vertical"
     }));
   };
-
   const parentID = id || `ActionPopoverButton_${guid}`;
   const menuID = `ActionPopoverMenu_${guid}`;
   const menuProps = {
@@ -235,171 +205,6 @@ const ActionPopover = ({
     ref: menu
   }, menuProps), children))));
 };
-
 exports.ActionPopover = ActionPopover;
-ActionPopover.propTypes = {
-  "children": _propTypes.default.node,
-  "horizontalAlignment": _propTypes.default.oneOf(["left", "right"]),
-  "id": _propTypes.default.string,
-  "m": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "margin": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "marginBottom": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "marginLeft": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "marginRight": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "marginTop": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "marginX": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "marginY": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "mb": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "ml": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "mr": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "mt": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "mx": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "my": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "onClose": _propTypes.default.func,
-  "onOpen": _propTypes.default.func,
-  "placement": _propTypes.default.oneOf(["bottom", "top"]),
-  "renderButton": _propTypes.default.func,
-  "rightAlignMenu": _propTypes.default.bool
-};
 var _default = ActionPopover;
 exports.default = _default;

package/lib/components/action-popover/action-popover.style.js

@@ -3,42 +3,34 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledMenuItemWrapper = exports.StyledMenuItem = exports.MenuButtonOverrideWrapper = exports.SubMenuItemIcon = exports.MenuItemDivider = exports.MenuItemIcon = exports.StyledButtonIcon = exports.ButtonIcon = exports.MenuButton = exports.Menu = void 0;
-
+exports.SubMenuItemIcon = exports.StyledMenuItemWrapper = exports.StyledMenuItem = exports.StyledButtonIcon = exports.MenuItemIcon = exports.MenuItemDivider = exports.MenuButtonOverrideWrapper = exports.MenuButton = exports.Menu = exports.ButtonIcon = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _styledSystem = require("styled-system");
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 var _icon2 = _interopRequireDefault(require("../icon/icon.style"));
-
 var _button = _interopRequireDefault(require("../button/button.style"));
-
 var _browserTypeCheck = require("../../__internal__/utils/helpers/browser-type-check");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const Menu = _styledComponents.default.div`
-  ${({
-  isOpen
-}) => isOpen ? "display: block;" : "visibility: hidden;"}
+  ${_ref => {
+  let {
+    isOpen
+  } = _ref;
+  return isOpen ? "display: block;" : "visibility: hidden;";
+}}
   margin: 0;
   padding: var(--spacing100) 0;
   box-shadow: var(--boxShadow100);
   position: absolute;
   border-radius: var(--borderRadius100);
   background-color: var(--colorsUtilityYang100);
-  z-index: ${({
-  theme
-}) => {
-  var _theme$zIndex;
-
-  return `${(_theme$zIndex = theme.zIndex) === null || _theme$zIndex === void 0 ? void 0 : _theme$zIndex.popover}`;
+  z-index: ${_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return `${theme.zIndex?.popover}`;
 }}; // TODO (tokens): implement elevation tokens - FE-4437
 `;
 exports.Menu = Menu;
@@ -59,9 +51,12 @@ const StyledMenuItem = _styledComponents.default.button`
   color: var(--colorsUtilityYin090);
   font-size: 14px;
   font-weight: 700;
-  justify-content: ${({
-  horizontalAlignment
-}) => horizontalAlignment === "left" ? "flex-start" : "flex-end"};
+  justify-content: ${_ref3 => {
+  let {
+    horizontalAlignment
+  } = _ref3;
+  return horizontalAlignment === "left" ? "flex-start" : "flex-end";
+}};
 
   &:focus {
     outline: var(--borderWidth300) solid var(--colorsSemanticFocus500);
@@ -69,9 +64,11 @@ const StyledMenuItem = _styledComponents.default.button`
     border-radius: var(--borderRadius000);
   }
 
-  ${({
-  isDisabled
-}) => isDisabled && (0, _styledComponents.css)`
+  ${_ref4 => {
+  let {
+    isDisabled
+  } = _ref4;
+  return isDisabled && (0, _styledComponents.css)`
       color: var(--colorsUtilityYin030);
       cursor: not-allowed;
 
@@ -79,11 +76,14 @@ const StyledMenuItem = _styledComponents.default.button`
         cursor: not-allowed;
         color: var(--colorsUtilityYin030);
       }
-    `}
-
-  ${({
-  isDisabled
-}) => !isDisabled && (0, _styledComponents.css)`
+    `;
+}}
+
+  ${_ref5 => {
+  let {
+    isDisabled
+  } = _ref5;
+  return !isDisabled && (0, _styledComponents.css)`
       &:focus,
       &:hover {
         background-color: var(--colorsUtilityMajor100);
@@ -91,7 +91,8 @@ const StyledMenuItem = _styledComponents.default.button`
       && ${_icon2.default} {
         cursor: pointer;
       }
-    `}
+    `;
+}}
 `;
 exports.StyledMenuItem = StyledMenuItem;
 const StyledMenuItemWrapper = _styledComponents.default.div`
@@ -137,9 +138,11 @@ const MenuItemIcon = (0, _styledComponents.default)(_icon.default)`
 `;
 exports.MenuItemIcon = MenuItemIcon;
 const SubMenuItemIcon = (0, _styledComponents.default)(ButtonIcon)`
-  ${({
-  type
-}) => (0, _styledComponents.css)`
+  ${_ref6 => {
+  let {
+    type
+  } = _ref6;
+  return (0, _styledComponents.css)`
     position: absolute;
     ${type === "chevron_left" && (0, _styledComponents.css)`
       left: -2px;
@@ -151,7 +154,8 @@ const SubMenuItemIcon = (0, _styledComponents.default)(ButtonIcon)`
         top: var(--sizing100);
       `}
     `}
-  `}
+  `;
+}}
 `;
 exports.SubMenuItemIcon = SubMenuItemIcon;
 const MenuButtonOverrideWrapper = _styledComponents.default.div`

package/lib/components/action-popover/index.js

@@ -9,10 +9,10 @@ Object.defineProperty(exports, "ActionPopover", {
     return _actionPopover.default;
   }
 });
-Object.defineProperty(exports, "ActionPopoverMenu", {
+Object.defineProperty(exports, "ActionPopoverDivider", {
   enumerable: true,
   get: function () {
-    return _actionPopoverMenu.default;
+    return _actionPopoverDivider.default;
   }
 });
 Object.defineProperty(exports, "ActionPopoverItem", {
@@ -21,27 +21,21 @@ Object.defineProperty(exports, "ActionPopoverItem", {
     return _actionPopoverItem.default;
   }
 });
-Object.defineProperty(exports, "ActionPopoverMenuButton", {
+Object.defineProperty(exports, "ActionPopoverMenu", {
   enumerable: true,
   get: function () {
-    return _actionPopoverMenuButton.default;
+    return _actionPopoverMenu.default;
   }
 });
-Object.defineProperty(exports, "ActionPopoverDivider", {
+Object.defineProperty(exports, "ActionPopoverMenuButton", {
   enumerable: true,
   get: function () {
-    return _actionPopoverDivider.default;
+    return _actionPopoverMenuButton.default;
   }
 });
-
 var _actionPopover = _interopRequireDefault(require("./action-popover.component"));
-
 var _actionPopoverMenu = _interopRequireDefault(require("./action-popover-menu/action-popover-menu.component"));
-
 var _actionPopoverItem = _interopRequireDefault(require("./action-popover-item/action-popover-item.component"));
-
 var _actionPopoverMenuButton = _interopRequireDefault(require("./action-popover-menu-button/action-popover-menu-button.component"));
-
 var _actionPopoverDivider = _interopRequireDefault(require("./action-popover-divider/action-popover-divider.component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }