carbon-react 111.12.2 → 111.12.3

package/lib/components/accordion/accordion.component.js

@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Accordion = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _useResizeObserver = _interopRequireDefault(require("../../hooks/__internal__/useResizeObserver"));
-
 var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
-
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
-
 var _accordion = require("./accordion.style");
-
 var _validations = _interopRequireDefault(require("../../__internal__/validations"));
-
 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 Accordion = /*#__PURE__*/_react.default.forwardRef(({
   borders = "default",
   defaultExpanded,
@@ -60,26 +48,22 @@ const Accordion = /*#__PURE__*/_react.default.forwardRef(({
   const isExpanded = isControlled ? expanded : isExpandedInternal;
   (0, _useResizeObserver.default)(accordionContent, () => {
     var _accordionContent$cur;
-
     setContentHeight((_accordionContent$cur = accordionContent.current) === null || _accordionContent$cur === void 0 ? void 0 : _accordionContent$cur.scrollHeight);
   });
   (0, _react.useEffect)(() => {
     var _accordionContent$cur2;
-
     setContentHeight((_accordionContent$cur2 = accordionContent.current) === null || _accordionContent$cur2 === void 0 ? void 0 : _accordionContent$cur2.scrollHeight);
   }, [isExpanded]);
   const toggleAccordion = (0, _react.useCallback)(ev => {
     if (!isControlled) {
       setIsExpandedInternal(!isExpanded);
     }
-
     if (onChange) onChange(ev, !isExpanded);
   }, [isControlled, isExpanded, onChange]);
   const handleKeyDown = (0, _react.useCallback)(ev => {
     if (handleKeyboardAccessibility) {
       handleKeyboardAccessibility(ev, index);
     }
-
     if (_events.default.isEnterKey(ev) || _events.default.isSpaceKey(ev)) {
       toggleAccordion(ev);
     }
@@ -89,9 +73,7 @@ const Accordion = /*#__PURE__*/_react.default.forwardRef(({
   const headerId = `AccordionHeader_${guid.current}`;
   const contentId = `AccordionContent_${guid.current}`;
   const showValidationIcon = !!(error || warning || info);
-
   const getTitle = () => isExpanded ? openTitle || title : title;
-
   return /*#__PURE__*/_react.default.createElement(_accordion.StyledAccordionContainer, _extends({
     id: accordionId,
     "data-component": "accordion",
@@ -147,7 +129,6 @@ const Accordion = /*#__PURE__*/_react.default.forwardRef(({
     disableContentPadding: disableContentPadding
   }, children)));
 });
-
 exports.Accordion = Accordion;
 Accordion.propTypes = {
   "borders": _propTypes.default.oneOf(["default", "full", "none"]),

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

@@ -4,23 +4,14 @@ 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;
-
 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; }
-
 const StyledAccordionGroup = _styledComponents.default.div`
   ${_styledSystem.margin}
 `;

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.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); }
-
 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,7 +49,6 @@ function getContainerPosition(itemRef, submenuRef, placement) {
     right: "auto"
   };
 }
-
 const ActionPopoverItem = ({
   children,
   icon,
@@ -113,10 +95,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();
     }
   }, [alignSubmenu, focusItem]);
@@ -135,17 +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();
       e.preventDefault();
     }
@@ -168,7 +145,6 @@ const ActionPopoverItem = ({
             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();
             e.stopPropagation();
@@ -180,24 +156,19 @@ 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();
             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();
         }
-
         e.preventDefault();
         onClick(e);
       }
@@ -205,7 +176,8 @@ const ActionPopoverItem = ({
       e.stopPropagation();
     }
   }, [disabled, download, focusButton, isHref, isLeftAligned, onClick, setOpenPopover, submenu]);
-  const itemSubmenuProps = { ...(!disabled && {
+  const itemSubmenuProps = {
+    ...(!disabled && {
       onMouseEnter: e => {
         if (mouseEnterTimer.current) clearTimeout(mouseEnterTimer.current);
         setFocusIndex(-1);
@@ -223,7 +195,6 @@ const ActionPopoverItem = ({
       },
       onClick: e => {
         var _ref$current6;
-
         setOpen(true);
         (_ref$current6 = ref.current) === null || _ref$current6 === void 0 ? void 0 : _ref$current6.focus();
         e.preventDefault();
@@ -235,14 +206,12 @@ const ActionPopoverItem = ({
     "aria-controls": `ActionPopoverMenu_${guid}`,
     "aria-expanded": isOpen
   };
-
   const renderMenuItemIcon = () => {
     return icon && /*#__PURE__*/_react.default.createElement(_actionPopover.MenuItemIcon, {
       as: undefined,
       type: icon
     });
   };
-
   return /*#__PURE__*/_react.default.createElement(_actionPopover.StyledMenuItem, _extends({}, rest, {
     ref: ref,
     onClick: onClick,
@@ -274,7 +243,6 @@ const ActionPopoverItem = ({
     type: "chevron_right"
   }) : null);
 };
-
 exports.ActionPopoverItem = ActionPopoverItem;
 ActionPopoverItem.propTypes = {
   "children": _propTypes.default.string.isRequired,

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

@@ -4,31 +4,18 @@ 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,
@@ -52,10 +39,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 +51,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 +83,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 +111,6 @@ const ActionPopoverMenu = /*#__PURE__*/_react.default.forwardRef(({
           horizontalAlignment
         });
       }
-
       return child;
     });
   }, [children, focusIndex, isOpen, placement, horizontalAlignment]);
@@ -143,7 +124,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.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = 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,
@@ -30,7 +23,6 @@ const ActionPopoverMenuButton = ({
   iconPosition: iconPosition,
   size: size
 }, props), children));
-
 ActionPopoverMenuButton.propTypes = {
   "ariaAttributes": _propTypes.default.shape({
     "aria-controls": _propTypes.default.string.isRequired,

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

@@ -4,43 +4,24 @@ 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"));
-
 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 onOpenDefault = () => {};
-
 const onCloseDefault = () => {};
-
 const ActionPopover = ({
   children,
   id,
@@ -68,10 +49,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;
@@ -79,31 +58,25 @@ 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();
   }, []);
@@ -111,12 +84,13 @@ const ActionPopover = ({
     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 => {
@@ -139,14 +113,13 @@ const ActionPopover = ({
       // 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
@@ -157,7 +130,6 @@ const ActionPopover = ({
       });
     };
   }, [setOpen]);
-
   const menuButton = menuID => {
     if (renderButton) {
       return renderButton({
@@ -171,7 +143,6 @@ const ActionPopover = ({
         }
       });
     }
-
     return /*#__PURE__*/_react.default.createElement(_actionPopover.StyledButtonIcon, {
       role: "button",
       "aria-haspopup": "true",
@@ -184,7 +155,6 @@ const ActionPopover = ({
       type: "ellipsis_vertical"
     }));
   };
-
   const parentID = id || `ActionPopoverButton_${guid}`;
   const menuID = `ActionPopoverMenu_${guid}`;
   const menuProps = {
@@ -221,7 +191,6 @@ const ActionPopover = ({
     ref: menu
   }, menuProps), children))));
 };
-
 exports.ActionPopover = ActionPopover;
 ActionPopover.propTypes = {
   "children": _propTypes.default.node,

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

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledMenuItem = exports.MenuButtonOverrideWrapper = exports.SubMenuItemIcon = exports.MenuItemDivider = exports.MenuItemIcon = exports.StyledButtonIcon = exports.ButtonIcon = exports.MenuButton = exports.Menu = 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; }
-
 const Menu = _styledComponents.default.div`
   ${({
   isOpen

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

@@ -33,15 +33,9 @@ Object.defineProperty(exports, "ActionPopoverDivider", {
     return _actionPopoverDivider.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 }; }

package/lib/components/advanced-color-picker/advanced-color-picker-cell.style.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 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; }
-
 const transparentSvg = "%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%" + "2Fsvg%22%20width%3D%22400%22%20height%3D%22400%22%20fill-opacity%3D%22." + "45%22%3E%3Crect%20x%3D%22200%22%20width%3D%22200%22%20height%3D%22200%22%20%2" + "F%3E%3Crect%20y%3D%22200%22%20width%3D%22200%22%20height%3D%22200%22%20%2F%3E%3C%2Fsvg%3E";
 const StyledAdvancedColorPickerCell = _styledComponents.default.button.attrs({
   type: "button"