carbon-react 154.3.2 → 154.3.3-beta.1

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

@@ -1,209 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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"));
-var _addFocusStyling = _interopRequireDefault(require("../../style/utils/add-focus-styling"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledAccordionGroup = exports.StyledAccordionGroup = _styledComponents.default.div`
-  ${_styledSystem.margin}
-`;
-const StyledAccordionContainer = exports.StyledAccordionContainer = _styledComponents.default.div`
-  ${_styledSystem.space}
-  display: flex;
-  ${({
-  variant
-}) => variant && (0, _styledComponents.css)`
-      align-items: stretch;
-    `};
-  justify-content: center;
-  flex-direction: column;
-  box-sizing: border-box;
-  width: ${({
-  width
-}) => width || "100%"};
-  color: var(--colorsUtilityYin090);
-  background-color: ${({
-  variant
-}) => variant !== "subtle" ? "var(--colorsUtilityYang100)" : "var(--colorsUtilityMajorTransparent)"};
-  border: 1px solid var(--colorsUtilityMajor100);
-  ${({
-  borders
-}) => borders === "default" && (0, _styledComponents.css)`
-      border-left: none;
-      border-right: none;
-    `}
-  ${({
-  borders
-}) => borders === "none" && (0, _styledComponents.css)`
-      border: none;
-    `}
-
-  ${({
-  variant
-}) => variant !== "subtle" && (0, _styledComponents.css)`
-      & + & {
-        margin-top: -1px;
-        border-top: 1px solid var(--colorsUtilityMajor100);
-        border-bottom: 1px solid var(--colorsUtilityMajor100);
-      }
-    `}
-`;
-const StyledAccordionTitle = exports.StyledAccordionTitle = _styledComponents.default.h3`
-  font-size: ${({
-  size,
-  variant
-}) => size === "small" || variant === "subtle" ? "var(--fontSizes200)" : "var(--fontSizes400)"};
-  font-weight: 500;
-  line-height: 1;
-  user-select: none;
-  margin: 0;
-`;
-const StyledAccordionSubTitle = exports.StyledAccordionSubTitle = _styledComponents.default.span`
-  margin-top: 8px;
-`;
-const StyledAccordionIcon = exports.StyledAccordionIcon = (0, _styledComponents.default)(_icon.default)`
-  transition: transform 0.3s;
-  transform: rotate(0deg);
-  margin-right: ${({
-  iconAlign
-}) => iconAlign === "left" ? "var(--spacing200)" : "var(--spacing000)"};
-
-  ${({
-  isExpanded,
-  iconAlign
-}) => {
-  return isExpanded && (iconAlign === "right" ? "transform: rotate(180deg);" : "transform: rotate(-180deg);");
-}}
-
-  color: var(--colorsActionMinor500);
-`;
-const StyledAccordionHeadingsContainer = exports.StyledAccordionHeadingsContainer = _styledComponents.default.div`
-  padding-right: var(--sizing300);
-  ${({
-  hasValidationIcon
-}) => (0, _styledComponents.css)`
-    display: grid;
-    ${hasValidationIcon && (0, _styledComponents.css)`
-      grid-template-columns: min-content auto;
-
-      ${StyledAccordionSubTitle} {
-        grid-column: span 3;
-      }
-    `}
-
-    ${!hasValidationIcon && (0, _styledComponents.css)`
-      grid-template-rows: auto auto;
-    `}
-
-    ${_validationIcon.default} {
-      height: 20px;
-      position: relative;
-      top: 2px;
-    }
-  `}
-`;
-const StyledAccordionTitleContainer = exports.StyledAccordionTitleContainer = _styledComponents.default.div`
-  ${({
-  iconAlign,
-  size,
-  isExpanded,
-  variant
-}) => (0, _styledComponents.css)`
-    padding: ${size === "small" ? "var(--spacing200)" : "var(--spacing300)"};
-    ${_styledSystem.space}
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-
-    ${iconAlign === "left" && (0, _styledComponents.css)`
-      justify-content: flex-end;
-      flex-direction: row-reverse;
-    `}
-
-    cursor: pointer;
-    z-index: 1;
-
-    &:focus {
-      ${(0, _addFocusStyling.default)()}
-    }
-
-    ${variant === "subtle" && (0, _styledComponents.css)`
-      color: var(--colorsActionMajor500);
-      padding: var(--spacing025);
-      margin-bottom: ${isExpanded && "var(--spacing200)"};
-      width: fit-content;
-
-      ${StyledAccordionIcon} {
-        color: var(--colorsActionMajor500);
-        ${iconAlign === "left" && "margin-right: var(--spacing050)"};
-      }
-
-      :hover {
-        color: var(--colorsActionMajor600);
-        ${StyledAccordionIcon} {
-          color: var(--colorsActionMajor600);
-        }
-      }
-    `}
-
-    ${variant !== "subtle" && (0, _styledComponents.css)`
-      &:hover {
-        background-color: var(--colorsUtilityMajor050);
-      }
-    `}
-  `}
-`;
-const StyledAccordionContentContainer = exports.StyledAccordionContentContainer = _styledComponents.default.div`
-  flex-grow: 1;
-  box-sizing: border-box;
-  overflow: hidden;
-  transition: all 0.3s;
-  ${({
-  maxHeight,
-  isExpanded
-}) => (0, _styledComponents.css)`
-    max-height: ${isExpanded ? `${maxHeight}px` : "0px"};
-    height: ${isExpanded ? `${maxHeight}px` : "0px"};
-
-    ${!isExpanded && `
-      visibility: hidden;
-    `}
-  `}
-`;
-const StyledAccordionContent = exports.StyledAccordionContent = _styledComponents.default.div`
-  padding: var(--spacing300);
-  padding-top: var(--spacing100);
-  overflow: hidden;
-
-  ${({
-  variant
-}) => variant === "subtle" && (0, _styledComponents.css)`
-      margin-left: var(--spacing150);
-      padding: var(--spacing100) var(--spacing200) var(--spacing300);
-      border-left: 2px solid var(--colorsUtilityMajor100);
-    `}
-
-  ${({
-  disableContentPadding
-}) => disableContentPadding && (0, _styledComponents.css)`
-      padding: 0;
-    `}
-`;
-StyledAccordionGroup.defaultProps = {
-  theme: _themes.baseTheme
-};
-StyledAccordionContainer.defaultProps = {
-  theme: _themes.baseTheme
-};
-StyledAccordionTitleContainer.defaultProps = {
-  theme: _themes.baseTheme
-};
+"use strict";var o=require("styled-components"),e=require("styled-system"),t=require("../icon/icon.component.js");require("../../style/themes/sage/index.js");var i=require("../../style/themes/base/index.js");require("../../style/themes/none/index.js");var n=require("../../__internal__/validations/validation-icon.style.js"),r=require("../../style/utils/add-focus-styling.js");function a(o){return o&&o.__esModule?o:{default:o}}var s=a(o);const d=s.default.div.withConfig({displayName:"accordion.style__StyledAccordionGroup",componentId:"sc-d6e43b7a-0"})(["",""],e.margin),c=s.default.div.withConfig({displayName:"accordion.style__StyledAccordionContainer",componentId:"sc-d6e43b7a-1"})([""," display:flex;",";justify-content:center;flex-direction:column;box-sizing:border-box;width:",";color:var(--colorsUtilityYin090);background-color:",";border:1px solid var(--colorsUtilityMajor100);"," "," ",""],e.space,(({variant:e})=>e&&o.css(["align-items:stretch;"])),(({width:o})=>o||"100%"),(({variant:o})=>"subtle"!==o?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajorTransparent)"),(({borders:e})=>"default"===e&&o.css(["border-left:none;border-right:none;"])),(({borders:e})=>"none"===e&&o.css(["border:none;"])),(({variant:e})=>"subtle"!==e&&o.css(["& + &{margin-top:-1px;border-top:1px solid var(--colorsUtilityMajor100);border-bottom:1px solid var(--colorsUtilityMajor100);}"]))),l=s.default.h3.withConfig({displayName:"accordion.style__StyledAccordionTitle",componentId:"sc-d6e43b7a-2"})(["font-size:",";font-weight:500;line-height:1;user-select:none;margin:0;"],(({size:o,variant:e})=>"small"===o||"subtle"===e?"var(--fontSizes200)":"var(--fontSizes400)")),p=s.default.span.withConfig({displayName:"accordion.style__StyledAccordionSubTitle",componentId:"sc-d6e43b7a-3"})(["margin-top:8px;"]),g=s.default(t.default).withConfig({displayName:"accordion.style__StyledAccordionIcon",componentId:"sc-d6e43b7a-4"})(["transition:transform 0.3s;transform:rotate(0deg);margin-right:",";"," color:var(--colorsActionMinor500);"],(({iconAlign:o})=>"left"===o?"var(--spacing200)":"var(--spacing000)"),(({isExpanded:o,iconAlign:e})=>o&&("right"===e?"transform: rotate(180deg);":"transform: rotate(-180deg);"))),y=s.default.div.withConfig({displayName:"accordion.style__StyledAccordionHeadingsContainer",componentId:"sc-d6e43b7a-5"})(["padding-right:var(--sizing300);",""],(({hasValidationIcon:e})=>o.css(["display:grid;"," "," ","{height:20px;position:relative;top:2px;}"],e&&o.css(["grid-template-columns:min-content auto;","{grid-column:span 3;}"],p),!e&&o.css(["grid-template-rows:auto auto;"]),n.default))),f=s.default.div.withConfig({displayName:"accordion.style__StyledAccordionTitleContainer",componentId:"sc-d6e43b7a-6"})(["",""],(({iconAlign:t,size:i,isExpanded:n,variant:a})=>o.css(["padding:",";"," display:flex;align-items:center;justify-content:space-between;"," cursor:pointer;z-index:1;&:focus{","}"," ",""],"small"===i?"var(--spacing200)":"var(--spacing300)",e.space,"left"===t&&o.css(["justify-content:flex-end;flex-direction:row-reverse;"]),r.default(),"subtle"===a&&o.css(["color:var(--colorsActionMajor500);padding:var(--spacing025);margin-bottom:",";width:fit-content;","{color:var(--colorsActionMajor500);",";}:hover{color:var(--colorsActionMajor600);","{color:var(--colorsActionMajor600);}}"],n&&"var(--spacing200)",g,"left"===t&&"margin-right: var(--spacing050)",g),"subtle"!==a&&o.css(["&:hover{background-color:var(--colorsUtilityMajor050);}"])))),u=s.default.div.withConfig({displayName:"accordion.style__StyledAccordionContentContainer",componentId:"sc-d6e43b7a-7"})(["flex-grow:1;box-sizing:border-box;overflow:hidden;transition:all 0.3s;",""],(({maxHeight:e,isExpanded:t})=>o.css(["max-height:",";height:",";",""],t?`${e}px`:"0px",t?`${e}px`:"0px",!t&&"\n      visibility: hidden;\n    "))),v=s.default.div.withConfig({displayName:"accordion.style__StyledAccordionContent",componentId:"sc-d6e43b7a-8"})(["padding:var(--spacing300);padding-top:var(--spacing100);overflow:hidden;"," ",""],(({variant:e})=>"subtle"===e&&o.css(["margin-left:var(--spacing150);padding:var(--spacing100) var(--spacing200) var(--spacing300);border-left:2px solid var(--colorsUtilityMajor100);"])),(({disableContentPadding:e})=>e&&o.css(["padding:0;"])));d.defaultProps={theme:i.default},c.defaultProps={theme:i.default},f.defaultProps={theme:i.default},exports.StyledAccordionContainer=c,exports.StyledAccordionContent=v,exports.StyledAccordionContentContainer=u,exports.StyledAccordionGroup=d,exports.StyledAccordionHeadingsContainer=y,exports.StyledAccordionIcon=g,exports.StyledAccordionSubTitle=p,exports.StyledAccordionTitle=l,exports.StyledAccordionTitleContainer=f;

package/lib/components/accordion/index.js

@@ -1,20 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Accordion", {
-  enumerable: true,
-  get: function () {
-    return _accordion.default;
-  }
-});
-Object.defineProperty(exports, "AccordionGroup", {
-  enumerable: true,
-  get: function () {
-    return _accordionGroup.default;
-  }
-});
-var _accordion = _interopRequireDefault(require("./accordion.component"));
-var _accordionGroup = _interopRequireDefault(require("./accordion-group/accordion-group.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";var o=require("./accordion.component.js"),r=require("./accordion-group/accordion-group.component.js");exports.Accordion=o.Accordion,exports.AccordionGroup=r.AccordionGroup;

package/lib/components/accordion/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/accordion/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/accordion/index.js",
   "types": "./index.d.ts"
 }

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

@@ -1,17 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useActionPopoverContext = exports.ActionPopoverProvider = void 0;
-var _react = require("react");
-var _invariant = _interopRequireDefault(require("invariant"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ActionPopoverContext = /*#__PURE__*/(0, _react.createContext)(null);
-const ActionPopoverProvider = exports.ActionPopoverProvider = ActionPopoverContext.Provider;
-const useActionPopoverContext = () => {
-  const context = (0, _react.useContext)(ActionPopoverContext);
-  !context ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "Carbon ActionPopover: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.") : (0, _invariant.default)(false) : void 0;
-  return context;
-};
-exports.useActionPopoverContext = useActionPopoverContext;
+"use strict";var e=require("react");function o(e){return e&&e.__esModule?e:{default:e}}var r=o(require("invariant"));const t=e.createContext(null),n=t.Provider;exports.ActionPopoverProvider=n,exports.useActionPopoverContext=()=>{const o=e.useContext(t);return r.default(o,"Carbon ActionPopover: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details."),o};

package/lib/components/action-popover/__internal__/action-popover.utils.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),t=require("../action-popover-item/action-popover-item.component.js");function r(e){return e&&e.__esModule?e:{default:e}}var i=r(e);const o=e=>{var t;return i.default.isValidElement(e)&&!!(null===(t=e.props)||void 0===t?void 0:t.disabled)},n=e=>i.default.Children.toArray(e).some((e=>"string"==typeof e||!!i.default.isValidElement(e)&&n(e.props.children)));exports.checkChildrenForString=n,exports.findFirstFocusableItem=e=>e.findIndex(((t,r)=>!o(e[r]))),exports.findLastFocusableItem=e=>{for(let t=e.length-1;t>=0;t--)if(!o(e[t]))return t;return-1},exports.getItems=e=>i.default.Children.toArray(e).filter((e=>i.default.isValidElement(e)&&e.type===t.ActionPopoverItem)),exports.isItemDisabled=o;

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

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

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

@@ -1,292 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ActionPopoverItem = void 0;
-var _react = _interopRequireWildcard(require("react"));
-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 _actionPopover2 = require("../__internal__/action-popover.context");
-var _actionPopoverMenu = _interopRequireDefault(require("../action-popover-menu/action-popover-menu.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const INTERVAL = 150;
-function checkRef(ref) {
-  return Boolean(ref && ref.current);
-}
-function calculateSubmenuPosition(ref, submenuRef, submenuPosition, currentSubmenuPosition) {
-  /* istanbul ignore if */
-
-  if (!ref.current || !submenuRef.current) return currentSubmenuPosition || submenuPosition;
-  const {
-    left,
-    right
-  } = ref.current.getBoundingClientRect();
-  const {
-    offsetWidth
-  } = submenuRef.current;
-  const windowWidth = document.body.clientWidth;
-  if (submenuPosition === "left") {
-    return left >= offsetWidth ? "left" : "right";
-  }
-  return windowWidth >= right + offsetWidth ? "right" : "left";
-}
-const ActionPopoverItem = ({
-  children,
-  icon,
-  disabled = false,
-  onClick: onClickProp,
-  submenu,
-  placement = "bottom",
-  focusItem,
-  download,
-  href,
-  horizontalAlignment,
-  childHasSubmenu,
-  childHasIcon,
-  currentSubmenuPosition,
-  setChildHasSubmenu,
-  setChildHasIcon,
-  setCurrentSubmenuPosition,
-  isASubmenu = false,
-  ...rest
-}) => {
-  !(/*#__PURE__*/_react.default.isValidElement(submenu) ? submenu.type === _actionPopoverMenu.default : true) ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "ActionPopoverItem only accepts submenu of type `ActionPopoverMenu`") : (0, _invariant.default)(false) : void 0;
-  const {
-    setOpenPopover,
-    isOpenPopover,
-    focusButton,
-    submenuPosition
-  } = (0, _actionPopover2.useActionPopoverContext)();
-  const isHref = !!href;
-  const [containerPosition, setContainerPosition] = (0, _react.useState)(undefined);
-  const [guid] = (0, _react.useState)((0, _guid.default)());
-  const [isOpen, setOpen] = (0, _react.useState)(false);
-  const [focusIndex, setFocusIndex] = (0, _react.useState)(0);
-  const submenuRef = (0, _react.useRef)(null);
-  const ref = (0, _react.useRef)(null);
-  const mouseEnterTimer = (0, _react.useRef)(null);
-  const mouseLeaveTimer = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
-    /* istanbul ignore if - doesn't seem to actually run as the child item is unmounted before the context updates */
-    if (!isOpenPopover) {
-      setOpen(false);
-    }
-  }, [isOpenPopover]);
-  (0, _react.useEffect)(() => {
-    if (icon) {
-      setChildHasIcon?.(true);
-    }
-    if (submenu) {
-      setChildHasSubmenu?.(true);
-    }
-  }, [icon, setChildHasSubmenu, setChildHasIcon, submenu]);
-  const alignSubmenu = (0, _react.useCallback)(() => {
-    const checkCalculatedSubmenuPosition = calculateSubmenuPosition(ref, submenuRef, submenuPosition, currentSubmenuPosition);
-    setCurrentSubmenuPosition?.(checkCalculatedSubmenuPosition);
-    return checkRef(ref) && checkRef(submenuRef) && submenu;
-  }, [submenu, setCurrentSubmenuPosition, submenuPosition, currentSubmenuPosition]);
-  (0, _react.useEffect)(() => {
-    const getContainerPosition = () => {
-      /* istanbul ignore if */
-      if (!ref.current || !submenuRef.current) return undefined;
-      const {
-        offsetWidth: submenuWidth
-      } = submenuRef.current;
-      const leftAlignedSubmenu = currentSubmenuPosition === "left";
-      const leftValue = leftAlignedSubmenu ? -submenuWidth : "auto";
-      const rightValue = leftAlignedSubmenu ? "auto" : -submenuWidth;
-      const yPositionName = placement === "top" ? /* istanbul ignore next - tested in Playwright */"bottom" : "top";
-      return {
-        left: leftValue,
-        [yPositionName]: "calc(-1 * var(--spacing100))",
-        right: rightValue
-      };
-    };
-    setContainerPosition(getContainerPosition);
-  }, [submenu, currentSubmenuPosition, placement]);
-  (0, _react.useEffect)(() => {
-    if (submenu) {
-      alignSubmenu();
-    }
-  }, [alignSubmenu, submenu]);
-
-  // Focuses item on opening of actionPopover submenu, but we want to do this once the Popover has finished opening
-  // We always want the focused item to be in the user's view for accessibility purposes, and without the initial unexpected scroll to top of page when used in a table.
-  (0, _react.useEffect)(() => {
-    if (focusItem) {
-      setTimeout(() => {
-        ref.current?.focus();
-      }, 0);
-    }
-  }, [focusItem]);
-  (0, _react.useEffect)(() => {
-    return function cleanup() {
-      if (mouseEnterTimer.current) clearTimeout(mouseEnterTimer.current);
-      if (mouseLeaveTimer.current) clearTimeout(mouseLeaveTimer.current);
-    };
-  }, []);
-  (0, _react.useEffect)(() => {
-    const event = "resize";
-    window.addEventListener(event, alignSubmenu);
-    return function cleanup() {
-      window.removeEventListener(event, alignSubmenu);
-    };
-  }, [alignSubmenu]);
-  const onClick = (0, _react.useCallback)(e => {
-    e.stopPropagation();
-    if (!disabled) {
-      setOpenPopover(false);
-      focusButton();
-      if (onClickProp) {
-        onClickProp(e);
-      }
-    } else {
-      ref.current?.focus();
-      e.preventDefault();
-    }
-  }, [disabled, focusButton, onClickProp, setOpenPopover]);
-  const onKeyDown = (0, _react.useCallback)(e => {
-    if (_events.default.isSpaceKey(e)) {
-      e.preventDefault();
-      e.stopPropagation();
-    } else if (!disabled) {
-      if (submenu) {
-        if (currentSubmenuPosition === "left") {
-          // LEFT: open if has submenu and left aligned otherwise close submenu
-          if (_events.default.isLeftKey(e) || _events.default.isEnterKey(e)) {
-            setOpen(true);
-            setFocusIndex(0);
-            e.stopPropagation();
-          } else if (_events.default.isRightKey(e)) {
-            setOpen(false);
-            ref.current?.focus();
-            e.stopPropagation();
-          }
-        } else {
-          // RIGHT: open if has submenu and right aligned otherwise close submenu
-          if (_events.default.isRightKey(e) || _events.default.isEnterKey(e)) {
-            setOpen(true);
-            setFocusIndex(0);
-            e.stopPropagation();
-          }
-          if (_events.default.isLeftKey(e)) {
-            setOpen(false);
-            ref.current?.focus();
-            e.stopPropagation();
-          }
-        }
-        e.preventDefault();
-      } else if (_events.default.isEnterKey(e)) {
-        if (isHref && download) {
-          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
-        onClick(e);
-      }
-    } else if (_events.default.isEnterKey(e)) {
-      e.stopPropagation();
-    }
-  }, [disabled, download, isHref, onClick, submenu, currentSubmenuPosition]);
-  const itemSubmenuProps = {
-    ...(!disabled && {
-      onClick: e => {
-        setOpen(true);
-        ref.current?.focus();
-        e.preventDefault();
-        e.stopPropagation();
-      }
-    }),
-    "aria-haspopup": "true",
-    "aria-controls": `ActionPopoverMenu_${guid}`,
-    "aria-expanded": isOpen
-  };
-  const wrapperProps = {
-    ...(!disabled && {
-      onMouseEnter: e => {
-        if (mouseEnterTimer.current) clearTimeout(mouseEnterTimer.current);
-        setFocusIndex(-1);
-        mouseEnterTimer.current = setTimeout(() => {
-          setOpen(true);
-        }, INTERVAL);
-        e.stopPropagation();
-      },
-      onMouseLeave: e => {
-        if (mouseLeaveTimer.current) clearTimeout(mouseLeaveTimer.current);
-        mouseLeaveTimer.current = setTimeout(() => {
-          setOpen(false);
-        }, INTERVAL);
-        e.stopPropagation();
-      }
-    })
-  };
-  const renderMenuItemIcon = () => {
-    return icon && /*#__PURE__*/_react.default.createElement(_actionPopover.MenuItemIcon, {
-      type: icon,
-      "data-element": "action-popover-menu-item-icon",
-      horizontalAlignment: horizontalAlignment,
-      submenuPosition: currentSubmenuPosition,
-      childHasIcon: childHasIcon,
-      childHasSubmenu: childHasSubmenu,
-      hasIcon: !!icon,
-      hasSubmenu: !!submenu,
-      isASubmenu: isASubmenu
-    });
-  };
-  return /*#__PURE__*/_react.default.createElement(_actionPopover.StyledMenuItemWrapper, submenu && wrapperProps, /*#__PURE__*/_react.default.createElement("div", {
-    onKeyDown: onKeyDown,
-    role: "presentation"
-  }, /*#__PURE__*/_react.default.createElement(_actionPopover.StyledMenuItem, _extends({}, rest, {
-    ref: ref,
-    onClick: onClick,
-    type: "button",
-    tabIndex: 0,
-    isDisabled: disabled,
-    horizontalAlignment: horizontalAlignment,
-    submenuPosition: currentSubmenuPosition,
-    hasSubmenu: !!submenu,
-    childHasSubmenu: childHasSubmenu
-  }, disabled && {
-    "aria-disabled": true
-  }, isHref && {
-    as: "a",
-    download,
-    href
-  }, submenu && itemSubmenuProps), submenu && checkRef(ref) && currentSubmenuPosition === "left" ? /*#__PURE__*/_react.default.createElement(_actionPopover.SubMenuItemIcon, {
-    "data-element": "action-popover-menu-item-chevron",
-    type: "chevron_left_thick"
-  }) : null, /*#__PURE__*/_react.default.createElement(_actionPopover.StyledMenuItemOuterContainer, null, horizontalAlignment === "left" ? renderMenuItemIcon() : null, /*#__PURE__*/_react.default.createElement(_actionPopover.StyledMenuItemInnerText, {
-    "data-element": "action-popover-menu-item-inner-text",
-    horizontalAlignment: horizontalAlignment,
-    submenuPosition: currentSubmenuPosition,
-    isASubmenu: isASubmenu,
-    childHasSubmenu: childHasSubmenu,
-    childHasIcon: childHasIcon,
-    hasIcon: !!icon,
-    hasSubmenu: !!submenu
-  }, children), horizontalAlignment === "right" ? renderMenuItemIcon() : null), submenu && checkRef(ref) && currentSubmenuPosition === "right" ? /*#__PURE__*/_react.default.createElement(_actionPopover.SubMenuItemIcon, {
-    "data-element": "action-popover-menu-item-chevron",
-    type: "chevron_right_thick"
-  }) : null), /*#__PURE__*/_react.default.isValidElement(submenu) ? /*#__PURE__*/_react.default.cloneElement(submenu, {
-    parentID: `ActionPopoverItem_${guid}`,
-    menuID: `ActionPopoverMenu_${guid}`,
-    "data-element": "action-popover-submenu",
-    isOpen,
-    ref: submenuRef,
-    style: containerPosition,
-    setOpen,
-    setFocusIndex,
-    focusIndex,
-    isASubmenu: true,
-    horizontalAlignment
-  }) : null));
-};
-exports.ActionPopoverItem = ActionPopoverItem;
-ActionPopoverItem.displayName = "ActionPopoverItem";
-var _default = exports.default = ActionPopoverItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("invariant"),r=require("../action-popover.style.js"),o=require("../../../__internal__/utils/helpers/events/events.js"),u=require("../../../__internal__/utils/helpers/guid/index.js"),i=require("../__internal__/action-popover.context.js"),l=require("../action-popover-menu/action-popover-menu.component.js");function s(e){return e&&e.__esModule?e:{default:e}}var c=s(t),a=s(n);function f(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){f(e,t,n[t])}))}return e}function d(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}function m(e){return Boolean(e&&e.current)}const b=n=>{var{children:s,icon:f,disabled:b=!1,onClick:v,submenu:h,placement:y="bottom",focusItem:g,download:P,href:O,horizontalAlignment:S,childHasSubmenu:j,childHasIcon:I,currentSubmenuPosition:x,setChildHasSubmenu:_,setChildHasIcon:E,setCurrentSubmenuPosition:w,isASubmenu:A=!1}=n,C=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},u=Object.keys(e);for(r=0;r<u.length;r++)n=u[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(r=0;r<u.length;r++)n=u[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(n,["children","icon","disabled","onClick","submenu","placement","focusItem","download","href","horizontalAlignment","childHasSubmenu","childHasIcon","currentSubmenuPosition","setChildHasSubmenu","setChildHasIcon","setCurrentSubmenuPosition","isASubmenu"]);a.default(!c.default.isValidElement(h)||h.type===l.default,"ActionPopoverItem only accepts submenu of type `ActionPopoverMenu`");const{setOpenPopover:M,isOpenPopover:k,focusButton:D,submenuPosition:H}=i.useActionPopoverContext(),K=!!O,[q,T]=t.useState(void 0),[z]=t.useState(u.default()),[R,L]=t.useState(!1),[W,B]=t.useState(0),$=t.useRef(null),V=t.useRef(null),F=t.useRef(null),N=t.useRef(null);t.useEffect((()=>{k||L(!1)}),[k]),t.useEffect((()=>{f&&(null==E||E(!0)),h&&(null==_||_(!0))}),[f,_,E,h]);const G=t.useCallback((()=>{const e=function(e,t,n,r){if(!e.current||!t.current)return r||n;const{left:o,right:u}=e.current.getBoundingClientRect(),{offsetWidth:i}=t.current,l=document.body.clientWidth;return"left"===n?o>=i?"left":"right":l>=u+i?"right":"left"}(V,$,H,x);return null==w||w(e),m(V)&&m($)&&h}),[h,w,H,x]);t.useEffect((()=>{T((()=>{if(!V.current||!$.current)return;const{offsetWidth:e}=$.current,t="left"===x,n=t?"auto":-e,r="top"===y?"bottom":"top";return{left:t?-e:"auto",[r]:"calc(-1 * var(--spacing100))",right:n}}))}),[h,x,y]),t.useEffect((()=>{h&&G()}),[G,h]),t.useEffect((()=>{g&&setTimeout((()=>{var e;null===(e=V.current)||void 0===e||e.focus()}),0)}),[g]),t.useEffect((()=>function(){F.current&&clearTimeout(F.current),N.current&&clearTimeout(N.current)}),[]),t.useEffect((()=>{const e="resize";return window.addEventListener(e,G),function(){window.removeEventListener(e,G)}}),[G]);const J=t.useCallback((e=>{var t;e.stopPropagation(),b?(null===(t=V.current)||void 0===t||t.focus(),e.preventDefault()):(M(!1),D(),v&&v(e))}),[b,D,v,M]),Q=t.useCallback((e=>{if(o.default.isSpaceKey(e))e.preventDefault(),e.stopPropagation();else if(b)o.default.isEnterKey(e)&&e.stopPropagation();else if(h){var t;if("left"===x){if(o.default.isLeftKey(e)||o.default.isEnterKey(e))L(!0),B(0),e.stopPropagation();else if(o.default.isRightKey(e)){var n;L(!1),null===(n=V.current)||void 0===n||n.focus(),e.stopPropagation()}}else(o.default.isRightKey(e)||o.default.isEnterKey(e))&&(L(!0),B(0),e.stopPropagation()),o.default.isLeftKey(e)&&(L(!1),null===(t=V.current)||void 0===t||t.focus(),e.stopPropagation());e.preventDefault()}else if(o.default.isEnterKey(e)){var r;K&&P&&(null===(r=V.current)||void 0===r||r.click()),e.preventDefault(),J(e)}}),[b,P,K,J,h,x]),U=d(p({},!b&&{onClick:e=>{var t;L(!0),null===(t=V.current)||void 0===t||t.focus(),e.preventDefault(),e.stopPropagation()}}),{"aria-haspopup":"true","aria-controls":`ActionPopoverMenu_${z}`,"aria-expanded":R}),X=p({},!b&&{onMouseEnter:e=>{F.current&&clearTimeout(F.current),B(-1),F.current=setTimeout((()=>{L(!0)}),150),e.stopPropagation()},onMouseLeave:e=>{N.current&&clearTimeout(N.current),N.current=setTimeout((()=>{L(!1)}),150),e.stopPropagation()}}),Y=()=>f&&e.jsx(r.MenuItemIcon,{type:f,"data-element":"action-popover-menu-item-icon",horizontalAlignment:S,submenuPosition:x,childHasIcon:I,childHasSubmenu:j,hasIcon:!!f,hasSubmenu:!!h,isASubmenu:A});return e.jsx(r.StyledMenuItemWrapper,d(p({},h&&X),{children:e.jsxs("div",{onKeyDown:Q,role:"presentation",children:[e.jsxs(r.StyledMenuItem,d(p(d(p({},C),{ref:V,onClick:J,type:"button",tabIndex:0,isDisabled:b,horizontalAlignment:S,submenuPosition:x,hasSubmenu:!!h,childHasSubmenu:j}),b&&{"aria-disabled":!0},K&&{as:"a",download:P,href:O},h&&U),{children:[h&&m(V)&&"left"===x?e.jsx(r.SubMenuItemIcon,{"data-element":"action-popover-menu-item-chevron",type:"chevron_left_thick"}):null,e.jsxs(r.StyledMenuItemOuterContainer,{children:["left"===S?Y():null,e.jsx(r.StyledMenuItemInnerText,{"data-element":"action-popover-menu-item-inner-text",horizontalAlignment:S,submenuPosition:x,isASubmenu:A,childHasSubmenu:j,childHasIcon:I,hasIcon:!!f,hasSubmenu:!!h,children:s}),"right"===S?Y():null]}),h&&m(V)&&"right"===x?e.jsx(r.SubMenuItemIcon,{"data-element":"action-popover-menu-item-chevron",type:"chevron_right_thick"}):null]})),c.default.isValidElement(h)?c.default.cloneElement(h,{parentID:`ActionPopoverItem_${z}`,menuID:`ActionPopoverMenu_${z}`,"data-element":"action-popover-submenu",isOpen:R,ref:$,style:q,setOpen:L,setFocusIndex:B,focusIndex:W,isASubmenu:!0,horizontalAlignment:S}):null]})}))};b.displayName="ActionPopoverItem",exports.ActionPopoverItem=b,exports.default=b;