carbon-react 118.5.0 → 118.5.2

package/lib/components/accordion/accordion.style.js

@@ -3,24 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledAccordionContentContainer = exports.StyledAccordionContent = exports.StyledAccordionIcon = exports.StyledAccordionTitle = exports.StyledAccordionTitleContainer = exports.StyledAccordionSubTitle = exports.StyledAccordionHeadingsContainer = exports.StyledAccordionContainer = exports.StyledAccordionGroup = void 0;
-
+exports.StyledAccordionTitleContainer = exports.StyledAccordionTitle = exports.StyledAccordionSubTitle = exports.StyledAccordionIcon = exports.StyledAccordionHeadingsContainer = exports.StyledAccordionGroup = exports.StyledAccordionContentContainer = exports.StyledAccordionContent = exports.StyledAccordionContainer = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _styledSystem = require("styled-system");
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 var _themes = require("../../style/themes");
-
 var _validationIcon = _interopRequireDefault(require("../../__internal__/validations/validation-icon.style"));
-
 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 StyledAccordionGroup = _styledComponents.default.div`
   ${_styledSystem.margin}
 `;
@@ -28,31 +19,46 @@ exports.StyledAccordionGroup = StyledAccordionGroup;
 const StyledAccordionContainer = _styledComponents.default.div`
   ${_styledSystem.space}
   display: flex;
-  align-items: ${({
-  buttonHeading
-}) => buttonHeading ? "flex-start" : "stretch"};
+  align-items: ${_ref => {
+  let {
+    buttonHeading
+  } = _ref;
+  return buttonHeading ? "flex-start" : "stretch";
+}};
   justify-content: center;
   flex-direction: column;
   box-sizing: border-box;
-  width: ${({
-  width
-}) => width || "100%"};
+  width: ${_ref2 => {
+  let {
+    width
+  } = _ref2;
+  return width || "100%";
+}};
   color: var(--colorsUtilityYin090);
-  background-color: ${({
-  scheme
-}) => scheme === "white" ? "var(--colorsUtilityYang100)" : "var(--colorsUtilityMajorTransparent)"};
+  background-color: ${_ref3 => {
+  let {
+    scheme
+  } = _ref3;
+  return scheme === "white" ? "var(--colorsUtilityYang100)" : "var(--colorsUtilityMajorTransparent)";
+}};
   border: 1px solid var(--colorsUtilityMajor100);
-  ${({
-  borders
-}) => borders === "default" && (0, _styledComponents.css)`
+  ${_ref4 => {
+  let {
+    borders
+  } = _ref4;
+  return borders === "default" && (0, _styledComponents.css)`
       border-left: none;
       border-right: none;
-    `}
-  ${({
-  borders
-}) => borders === "none" && (0, _styledComponents.css)`
+    `;
+}}
+  ${_ref5 => {
+  let {
+    borders
+  } = _ref5;
+  return borders === "none" && (0, _styledComponents.css)`
       border: none;
-    `}
+    `;
+}}
 
   & + & {
     margin-top: -1px;
@@ -62,12 +68,18 @@ const StyledAccordionContainer = _styledComponents.default.div`
 `;
 exports.StyledAccordionContainer = StyledAccordionContainer;
 const StyledAccordionTitle = _styledComponents.default.h3`
-  font-size: ${({
-  size
-}) => size === "small" ? "14" : "20"}px;
-  font-weight: ${({
-  size
-}) => size === "small" ? 700 : 900};
+  font-size: ${_ref6 => {
+  let {
+    size
+  } = _ref6;
+  return size === "small" ? "14" : "20";
+}}px;
+  font-weight: ${_ref7 => {
+  let {
+    size
+  } = _ref7;
+  return size === "small" ? 700 : 900;
+}};
   line-height: 1;
   user-select: none;
   margin: 0;
@@ -79,23 +91,29 @@ const StyledAccordionSubTitle = _styledComponents.default.span`
 exports.StyledAccordionSubTitle = StyledAccordionSubTitle;
 const StyledAccordionIcon = (0, _styledComponents.default)(_icon.default)`
   transition: transform 0.3s;
-  margin-right: ${({
-  iconAlign
-}) => iconAlign === "left" ? "var(--spacing200)" : "var(--spacing000)"};
-  ${({
-  isExpanded,
-  iconAlign
-}) => {
+  margin-right: ${_ref8 => {
+  let {
+    iconAlign
+  } = _ref8;
+  return iconAlign === "left" ? "var(--spacing200)" : "var(--spacing000)";
+}};
+  ${_ref9 => {
+  let {
+    isExpanded,
+    iconAlign
+  } = _ref9;
   return !isExpanded && (iconAlign === "right" ? "transform: rotate(90deg)" : "transform: rotate(-90deg)");
 }};
   color: var(--colorsActionMinor500);
 `;
 exports.StyledAccordionIcon = StyledAccordionIcon;
 const StyledAccordionHeadingsContainer = _styledComponents.default.div`
-  ${({
-  buttonHeading,
-  hasValidationIcon
-}) => !buttonHeading && (0, _styledComponents.css)`
+  ${_ref10 => {
+  let {
+    buttonHeading,
+    hasValidationIcon
+  } = _ref10;
+  return !buttonHeading && (0, _styledComponents.css)`
       display: grid;
       ${hasValidationIcon && (0, _styledComponents.css)`
         grid-template-columns: min-content auto;
@@ -114,17 +132,20 @@ const StyledAccordionHeadingsContainer = _styledComponents.default.div`
         position: relative;
         top: 2px;
       }
-    `}
+    `;
+}}
 `;
 exports.StyledAccordionHeadingsContainer = StyledAccordionHeadingsContainer;
 const StyledAccordionTitleContainer = _styledComponents.default.div`
-  ${({
-  buttonHeading,
-  buttonWidth,
-  iconAlign,
-  size,
-  hasButtonProps
-}) => (0, _styledComponents.css)`
+  ${_ref11 => {
+  let {
+    buttonHeading,
+    buttonWidth,
+    iconAlign,
+    size,
+    hasButtonProps
+  } = _ref11;
+  return (0, _styledComponents.css)`
     padding: ${size === "small" ? "var(--spacing200)" : "var(--spacing300)"};
     ${_styledSystem.space}
     display: flex;
@@ -183,7 +204,8 @@ const StyledAccordionTitleContainer = _styledComponents.default.div`
         width: ${typeof buttonWidth === "number" ? `${buttonWidth}px` : buttonWidth};
       `}
     `}
-  `}
+  `;
+}}
 `;
 exports.StyledAccordionTitleContainer = StyledAccordionTitleContainer;
 const StyledAccordionContentContainer = _styledComponents.default.div`
@@ -191,17 +213,20 @@ const StyledAccordionContentContainer = _styledComponents.default.div`
   box-sizing: border-box;
   overflow: hidden;
   transition: all 0.3s;
-  ${({
-  maxHeight,
-  isExpanded
-}) => (0, _styledComponents.css)`
+  ${_ref12 => {
+  let {
+    maxHeight,
+    isExpanded
+  } = _ref12;
+  return (0, _styledComponents.css)`
     max-height: ${isExpanded ? `${maxHeight}px` : "0px"};
     height: ${isExpanded ? `${maxHeight}px` : "0px"};
 
     ${!isExpanded && `
       visibility: hidden;
     `}
-  `}
+  `;
+}}
 `;
 exports.StyledAccordionContentContainer = StyledAccordionContentContainer;
 const StyledAccordionContent = _styledComponents.default.div`
@@ -209,11 +234,14 @@ const StyledAccordionContent = _styledComponents.default.div`
   padding-top: 0;
   overflow: hidden;
 
-  ${({
-  disableContentPadding
-}) => disableContentPadding && (0, _styledComponents.css)`
+  ${_ref13 => {
+  let {
+    disableContentPadding
+  } = _ref13;
+  return disableContentPadding && (0, _styledComponents.css)`
       padding: 0;
-    `}
+    `;
+}}
 `;
 exports.StyledAccordionContent = StyledAccordionContent;
 StyledAccordionGroup.defaultProps = {

package/lib/components/accordion/index.js

@@ -15,9 +15,6 @@ Object.defineProperty(exports, "AccordionGroup", {
     return _accordionGroup.default;
   }
 });
-
 var _accordion = _interopRequireDefault(require("./accordion.component"));
-
 var _accordionGroup = _interopRequireDefault(require("./accordion-group/accordion-group.component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -4,12 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const ActionPopoverContext = /*#__PURE__*/_react.default.createContext(null);
-
 var _default = ActionPopoverContext;
 exports.default = _default;

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

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _actionPopover = require("../action-popover.style");
-
 _actionPopover.MenuItemDivider.displayName = "ActionPopoverDivider";
 var _default = _actionPopover.MenuItemDivider;
 exports.default = _default;

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

@@ -23,7 +23,7 @@ export interface ActionPopoverItemProps {
     horizontalAlignment?: "left" | "right";
 }
 export declare const ActionPopoverItem: {
-    ({ children, icon, disabled, onClick: onClickProp, submenu, placement, focusItem, download, href, horizontalAlignment, ...rest }: ActionPopoverItemProps): JSX.Element;
+    ({ children, icon, disabled, onClick: onClickProp, submenu, placement, focusItem, download, href, horizontalAlignment, ...rest }: ActionPopoverItemProps): React.JSX.Element;
     displayName: string;
 };
 export default ActionPopoverItem;

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

@@ -4,39 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ActionPopoverItem = 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 _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
-
 var _actionPopoverContext = _interopRequireDefault(require("../action-popover-context"));
-
 var _useLocale = _interopRequireDefault(require("../../../hooks/__internal__/useLocale"));
-
 var _actionPopoverMenu = _interopRequireDefault(require("../action-popover-menu/action-popover-menu.component"));
-
 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 INTERVAL = 150;
-
 function checkRef(ref) {
   return Boolean(ref && ref.current);
 }
-
 function leftAlignSubmenu(ref, submenuRef) {
   /* istanbul ignore if */
   if (!ref.current || !submenuRef.current) return true;
@@ -48,7 +32,6 @@ function leftAlignSubmenu(ref, submenuRef) {
   } = submenuRef.current;
   return left >= offsetWidth;
 }
-
 function getContainerPosition(itemRef, submenuRef, placement) {
   /* istanbul ignore if */
   if (!itemRef.current || !submenuRef.current) return undefined;
@@ -66,20 +49,20 @@ function getContainerPosition(itemRef, submenuRef, placement) {
     right: "auto"
   };
 }
-
-const ActionPopoverItem = ({
-  children,
-  icon,
-  disabled = false,
-  onClick: onClickProp,
-  submenu,
-  placement = "bottom",
-  focusItem,
-  download,
-  href,
-  horizontalAlignment,
-  ...rest
-}) => {
+const ActionPopoverItem = _ref => {
+  let {
+    children,
+    icon,
+    disabled = false,
+    onClick: onClickProp,
+    submenu,
+    placement = "bottom",
+    focusItem,
+    download,
+    href,
+    horizontalAlignment,
+    ...rest
+  } = _ref;
   const l = (0, _useLocale.default)();
   const context = (0, _react.useContext)(_actionPopoverContext.default);
   !context ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "ActionPopoverItem must be used within an ActionPopover component") : (0, _invariant.default)(false) : void 0;
@@ -113,11 +96,8 @@ const ActionPopoverItem = ({
   }, [submenu, placement]);
   (0, _react.useEffect)(() => {
     alignSubmenu();
-
     if (focusItem) {
-      var _ref$current;
-
-      (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focus();
+      ref.current?.focus();
     }
   }, [alignSubmenu, focusItem]);
   (0, _react.useEffect)(() => {
@@ -135,18 +115,14 @@ const ActionPopoverItem = ({
   }, [alignSubmenu]);
   const onClick = (0, _react.useCallback)(e => {
     e.stopPropagation();
-
     if (!disabled) {
       setOpenPopover(false);
       focusButton();
-
       if (onClickProp) {
         onClickProp(e);
       }
     } else {
-      var _ref$current2;
-
-      (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.focus();
+      ref.current?.focus();
       e.preventDefault();
     }
   }, [disabled, focusButton, onClickProp, setOpenPopover]);
@@ -163,10 +139,8 @@ const ActionPopoverItem = ({
             setFocusIndex(0);
             e.stopPropagation();
           } else if (_events.default.isRightKey(e)) {
-            var _ref$current3;
-
             setOpen(false);
-            (_ref$current3 = ref.current) === null || _ref$current3 === void 0 ? void 0 : _ref$current3.focus();
+            ref.current?.focus();
             e.stopPropagation();
           }
         } else {
@@ -176,38 +150,30 @@ const ActionPopoverItem = ({
             setFocusIndex(0);
             e.stopPropagation();
           }
-
           if (_events.default.isLeftKey(e)) {
-            var _ref$current4;
-
             setOpen(false);
-            (_ref$current4 = ref.current) === null || _ref$current4 === void 0 ? void 0 : _ref$current4.focus();
+            ref.current?.focus();
             e.stopPropagation();
           }
         }
-
         e.preventDefault();
       } else if (_events.default.isEnterKey(e)) {
         if (isHref && download) {
-          var _ref$current5;
-
-          (_ref$current5 = ref.current) === null || _ref$current5 === void 0 ? void 0 : _ref$current5.click();
+          ref.current?.click();
         }
-
-        e.preventDefault(); // this type assertion should be safe as the onclick handler is designed to catch events propagating from the inner buttons
-
+        e.preventDefault();
+        // this type assertion should be safe as the onclick handler is designed to catch events propagating from the inner buttons
         onClick(e);
       }
     } else if (_events.default.isEnterKey(e)) {
       e.stopPropagation();
     }
   }, [disabled, download, isHref, isLeftAligned, onClick, submenu]);
-  const itemSubmenuProps = { ...(!disabled && {
+  const itemSubmenuProps = {
+    ...(!disabled && {
       onClick: e => {
-        var _ref$current6;
-
         setOpen(true);
-        (_ref$current6 = ref.current) === null || _ref$current6 === void 0 ? void 0 : _ref$current6.focus();
+        ref.current?.focus();
         e.preventDefault();
         e.stopPropagation();
       }
@@ -217,7 +183,8 @@ const ActionPopoverItem = ({
     "aria-controls": `ActionPopoverMenu_${guid}`,
     "aria-expanded": isOpen
   };
-  const wrapperDivProps = { ...(!disabled && {
+  const wrapperDivProps = {
+    ...(!disabled && {
       onMouseEnter: e => {
         if (mouseEnterTimer.current) clearTimeout(mouseEnterTimer.current);
         setFocusIndex(-1);
@@ -235,14 +202,12 @@ const ActionPopoverItem = ({
       }
     })
   };
-
   const renderMenuItemIcon = () => {
     return icon && /*#__PURE__*/_react.default.createElement(_actionPopover.MenuItemIcon, {
       as: undefined,
       type: icon
     });
   };
-
   return /*#__PURE__*/_react.default.createElement(_actionPopover.StyledMenuItemWrapper, submenu && wrapperDivProps, /*#__PURE__*/_react.default.createElement("div", {
     onKeyDown: onKeyDown,
     role: "presentation"
@@ -276,20 +241,7 @@ const ActionPopoverItem = ({
     focusIndex
   }) : null));
 };
-
 exports.ActionPopoverItem = ActionPopoverItem;
-ActionPopoverItem.propTypes = {
-  "children": _propTypes.default.string.isRequired,
-  "disabled": _propTypes.default.bool,
-  "download": _propTypes.default.bool,
-  "focusItem": _propTypes.default.bool,
-  "horizontalAlignment": _propTypes.default.oneOf(["left", "right"]),
-  "href": _propTypes.default.string,
-  "icon": _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"]),
-  "onClick": _propTypes.default.func,
-  "placement": _propTypes.default.oneOf(["bottom", "top"]),
-  "submenu": _propTypes.default.node
-};
 ActionPopoverItem.displayName = "ActionPopoverItem";
 var _default = ActionPopoverItem;
 exports.default = _default;

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

@@ -4,43 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = 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 _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"));
-
 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); }
-
-const ActionPopoverMenu = /*#__PURE__*/_react.default.forwardRef(({
-  children,
-  parentID,
-  focusIndex,
-  isOpen,
-  menuID,
-  setOpen,
-  setFocusIndex,
-  placement = "bottom",
-  horizontalAlignment,
-  ...rest
-}, ref) => {
+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 ActionPopoverMenu = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    children,
+    parentID,
+    focusIndex,
+    isOpen,
+    menuID,
+    setOpen,
+    setFocusIndex,
+    placement = "bottom",
+    horizontalAlignment,
+    ...rest
+  } = _ref;
   const context = (0, _react.useContext)(_actionPopoverContext.default);
   !context ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "ActionPopoverMenu must be used within an ActionPopover component") : (0, _invariant.default)(false) : void 0;
   const {
@@ -52,10 +40,8 @@ const ActionPopoverMenu = /*#__PURE__*/_react.default.forwardRef(({
       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, `ActionPopoverMenu only accepts children of type \`${_actionPopoverItem.default.displayName}\`` + ` and \`${_actionPopoverDivider.default.displayName}\`.`) : (0, _invariant.default)(false) : void 0;
@@ -66,8 +52,8 @@ const ActionPopoverMenu = /*#__PURE__*/_react.default.forwardRef(({
   }, [children]);
   const onKeyDown = (0, _react.useCallback)(e => {
     if (_events.default.isTabKey(e)) {
-      e.preventDefault(); // TAB: close menu and allow focus to change to next focusable element
-
+      e.preventDefault();
+      // TAB: close menu and allow focus to change to next focusable element
       focusButton();
       setOpen(false);
     } else if (_events.default.isDownKey(e)) {
@@ -98,19 +84,16 @@ const ActionPopoverMenu = /*#__PURE__*/_react.default.forwardRef(({
       e.stopPropagation();
       let firstMatch;
       let nextMatch;
-
       _react.default.Children.forEach(items, (child, index) => {
         if ( /*#__PURE__*/_react.default.isValidElement(child) && child.props.children.toLowerCase().startsWith(e.key.toLowerCase())) {
           if (firstMatch === undefined) {
             firstMatch = index;
           }
-
           if (index > focusIndex && nextMatch === undefined) {
             nextMatch = index;
           }
         }
       });
-
       if (nextMatch !== undefined) {
         setFocusIndex(nextMatch);
       } else if (firstMatch !== undefined) {
@@ -129,7 +112,6 @@ const ActionPopoverMenu = /*#__PURE__*/_react.default.forwardRef(({
           horizontalAlignment
         });
       }
-
       return child;
     });
   }, [children, focusIndex, isOpen, placement, horizontalAlignment]);
@@ -143,7 +125,6 @@ const ActionPopoverMenu = /*#__PURE__*/_react.default.forwardRef(({
     ref: ref
   }, rest), clonedChildren);
 });
-
 ActionPopoverMenu.propTypes = {
   "children": _propTypes.default.node,
   "data-element": _propTypes.default.string,

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { ButtonIconPosition, ButtonTypes, SizeOptions } from "../../button/button.component";
 import { IconType } from "../../icon";
 export declare type ActionPopoverMenuButtonAria = {
@@ -26,7 +26,7 @@ export interface ActionPopoverMenuButtonProps {
     tabIndex: number;
 }
 export declare const ActionPopoverMenuButton: {
-    ({ buttonType, iconType, iconPosition, size, children, ...props }: ActionPopoverMenuButtonProps): JSX.Element;
+    ({ buttonType, iconType, iconPosition, size, children, ...props }: ActionPopoverMenuButtonProps): React.JSX.Element;
     displayName: string;
 };
 export default ActionPopoverMenuButton;