carbon-react 111.12.3 → 111.12.5

package/lib/components/link-preview/link-preview.component.js

@@ -4,17 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.LinkPreview = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _linkPreview = require("./link-preview.style");
+
 var _image = _interopRequireDefault(require("../image"));
+
 var _preview = _interopRequireDefault(require("../preview"));
+
 var _iconButton = _interopRequireDefault(require("../icon-button"));
+
 var _icon = _interopRequireDefault(require("../icon"));
+
 var _placeholder = _interopRequireDefault(require("./__internal__/placeholder.component"));
+
 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 SCHEME_SEPARATOR = "://";
+
 const LinkPreview = ({
   as,
   description,
@@ -27,6 +39,7 @@ const LinkPreview = ({
 }) => {
   const loadingState = isLoading || !url;
   const canRenderAsLink = !loadingState && as !== "div";
+
   const imageProps = () => {
     return {
       src: image === null || image === void 0 ? void 0 : image.url,
@@ -34,13 +47,16 @@ const LinkPreview = ({
       height: "152px"
     };
   };
+
   const displayUrl = () => {
     if (url !== null && url !== void 0 && url.includes(SCHEME_SEPARATOR)) {
       const startIndex = url.indexOf(SCHEME_SEPARATOR) + SCHEME_SEPARATOR.length;
       return url.substring(startIndex);
     }
+
     return url;
   };
+
   const linkProps = canRenderAsLink ? {
     href: url,
     target: "_blank",
@@ -61,6 +77,7 @@ const LinkPreview = ({
     type: "close"
   }))));
 };
+
 exports.LinkPreview = LinkPreview;
 LinkPreview.propTypes = {
   "as": _propTypes.default.oneOf(["a", "div"]),

package/lib/components/link-preview/link-preview.style.js

@@ -4,11 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledUrl = exports.StyledDescription = exports.StyledTitle = exports.StyledPreviewWrapper = exports.StyledCloseIconWrapper = exports.StyledLinkPreview = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _preview = require("../preview/preview.style");
+
 var _previewPlaceholder = require("../preview/__internal__/preview-placeholder.style");
+
 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 StyledLinkPreview = _styledComponents.default.a`
   display: flex;
   margin: 8px;

package/lib/components/loader/index.js

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _loader.default;
   }
 });
+
 var _loader = _interopRequireDefault(require("./loader.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/loader/loader-square.style.js

@@ -4,9 +4,13 @@ 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 loaderAnimation = (0, _styledComponents.keyframes)`
   0%, 80%, 100% {
     opacity: 0;
@@ -17,28 +21,34 @@ const loaderAnimation = (0, _styledComponents.keyframes)`
     transform: scale(1);
   }
 `;
+
 const getDimentions = size => {
   let width;
   let marginRight;
+
   switch (size) {
     case "medium":
       width = "16px";
       marginRight = "8px";
       break;
+
     case "large":
       width = "20px";
       marginRight = "8px";
       break;
+
     default:
       width = "12px";
       marginRight = "6px";
   }
+
   return (0, _styledComponents.css)`
     width: ${width};
     height: ${width};
     margin-right: ${marginRight};
   `;
 };
+
 const StyledLoaderSquare = _styledComponents.default.div`
   ${({
   size,

package/lib/components/loader/loader.component.js

@@ -4,13 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Loader = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
+
 var _loader = _interopRequireDefault(require("./loader.style"));
+
 var _loaderSquare = _interopRequireDefault(require("./loader-square.style"));
+
 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 Loader = ({
   "aria-label": ariaLabel = "loader",
   isInsideButton,
@@ -35,6 +43,7 @@ const Loader = ({
     size: size
   }));
 };
+
 exports.Loader = Loader;
 Loader.propTypes = {
   "aria-label": _propTypes.default.string,

package/lib/components/loader/loader.style.js

@@ -4,10 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _styledSystem = require("styled-system");
+
 var _themes = require("../../style/themes");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const StyledLoader = _styledComponents.default.div`
   ${_styledSystem.margin}
   text-align: center;

package/lib/components/loader-bar/index.js

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _loaderBar.default;
   }
 });
+
 var _loaderBar = _interopRequireDefault(require("./loader-bar.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/loader-bar/loader-bar.component.js

@@ -4,14 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.LoaderBar = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
+
 var _loaderBar = _interopRequireWildcard(require("./loader-bar.style"));
+
 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 _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 LoaderBar = ({
   size = "medium",
   ...rest
@@ -22,6 +31,7 @@ const LoaderBar = ({
     size: size
   })));
 };
+
 exports.LoaderBar = LoaderBar;
 LoaderBar.propTypes = {
   "m": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({

package/lib/components/loader-bar/loader-bar.style.js

@@ -4,22 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.StyledLoader = exports.InnerBar = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _styledSystem = require("styled-system");
+
 var _base = _interopRequireDefault(require("../../style/themes/base"));
+
 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 getHeight(size) {
   switch (size) {
     case "small":
       return "4px";
+
     case "large":
       return "16px";
+
     default:
       return "8px";
   }
 }
+
 const INNER_BAR_LENGTH = "128px";
 const StyledLoader = _styledComponents.default.div`
   ${_styledSystem.margin}

package/lib/components/menu/__internal__/keyboard-navigation/index.js

@@ -5,35 +5,46 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.characterNavigation = characterNavigation;
 exports.menuKeyboardNavigation = menuKeyboardNavigation;
+
 var _events = _interopRequireDefault(require("../../../../__internal__/utils/helpers/events"));
+
 var _menuItem = _interopRequireDefault(require("../../menu-item"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function characterNavigation(inputString, focusableItems, currentFocusedIndex) {
   if (!inputString) return currentFocusedIndex;
+
   const getNodeText = node => {
     if (node instanceof Array) return node.map(getNodeText).join("");
     if (typeof node === "object" && node) return getNodeText(node.props.children);
     return node;
   };
+
   const getMenuText = element => {
     if (element.submenu) {
       return element.submenu;
     }
+
     return getNodeText(element.children);
   };
+
   const itemsList = focusableItems.map(item => item && item.type === _menuItem.default && getMenuText(item.props) && getMenuText(item.props).toLowerCase());
   const matchingItem = itemsList.find(item => item && item.startsWith(inputString));
   const matchingIndex = itemsList.indexOf(matchingItem);
   return matchingIndex === -1 ? currentFocusedIndex : matchingIndex;
 }
+
 function menuKeyboardNavigation(event, focusableItems) {
   if (_events.default.isHomeKey(event)) {
     event.preventDefault();
     return 0;
   }
+
   if (_events.default.isEndKey(event)) {
     event.preventDefault();
     return focusableItems.length - 1;
   }
+
   return undefined;
 }

package/lib/components/menu/__internal__/spec-helper/index.js

@@ -4,16 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _testUtils = require("react-dom/test-utils");
+
 var _menuItem = _interopRequireDefault(require("../../menu-item/menu-item.style"));
+
 var _submenu = require("../submenu/submenu.style");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const events = {
   space: {
     key: " ",
     preventDefault: jest.fn()
   }
 };
+
 const openSubmenu = (wrapper, index = 0) => {
   const menuWrapper = wrapper.find(_submenu.StyledSubmenuWrapper).at(index);
   const menuItem = menuWrapper.exists("a") ? menuWrapper.find("a") : menuWrapper.find("button");
@@ -23,5 +29,6 @@ const openSubmenu = (wrapper, index = 0) => {
   });
   wrapper.update();
 };
+
 var _default = openSubmenu;
 exports.default = _default;

package/lib/components/menu/__internal__/submenu/submenu.component.js

@@ -4,22 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _menuItem = _interopRequireDefault(require("../../menu-item/menu-item.style"));
+
 var _submenu = require("./submenu.style");
+
 var _link = _interopRequireDefault(require("../../../link"));
+
 var _events = _interopRequireDefault(require("../../../../__internal__/utils/helpers/events"));
+
 var _menu = _interopRequireDefault(require("../../menu.context"));
+
 var _menuItem2 = _interopRequireDefault(require("../../menu-item"));
+
 var _keyboardNavigation = require("../keyboard-navigation");
+
 var _scrollableBlock = _interopRequireDefault(require("../../scrollable-block"));
+
 var _submenu2 = _interopRequireDefault(require("./submenu.context"));
+
 var _useClickAwayListener = _interopRequireDefault(require("../../../../hooks/__internal__/useClickAwayListener"));
+
 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 Submenu = /*#__PURE__*/_react.default.forwardRef(({
   children,
   className,
@@ -49,25 +66,35 @@ const Submenu = /*#__PURE__*/_react.default.forwardRef(({
   const [submenuOpen, setSubmenuOpen] = (0, _react.useState)(false);
   const [submenuFocusIndex, setSubmenuFocusIndex] = (0, _react.useState)(undefined);
   const [characterString, setCharacterString] = (0, _react.useState)("");
+
   const formattedChildren = _react.default.Children.map(children, child => {
     if (child.type === _scrollableBlock.default) {
       const blockChildren = [...child.props.children];
+
       if (child.props.parent) {
         blockChildren.unshift( /*#__PURE__*/_react.default.createElement(_menuItem2.default, null, child.props.parent));
       }
+
       return blockChildren;
     }
+
     return child;
   });
+
   const arrayOfFormattedChildren = _react.default.Children.toArray(formattedChildren);
+
   const numberOfChildren = (0, _react.useMemo)(() => _react.default.Children.count(formattedChildren), [formattedChildren]);
   const blockIndex = (0, _react.useMemo)(() => {
     var _childrenArray$index;
+
     const childrenArray = _react.default.Children.toArray(children);
+
     let index = childrenArray.findIndex(item => item.type === _scrollableBlock.default);
+
     if ((_childrenArray$index = childrenArray[index]) !== null && _childrenArray$index !== void 0 && _childrenArray$index.props.parent) {
       index += 1;
     }
+
     return index;
   }, [children]);
   const characterTimer = (0, _react.useRef)();
@@ -87,9 +114,11 @@ const Submenu = /*#__PURE__*/_react.default.forwardRef(({
   }, [onSubmenuOpen, indexInMenu, setOpenSubmenuIndex]);
   const closeSubmenu = (0, _react.useCallback)(() => {
     setSubmenuOpen(false);
+
     if (openSubmenuIndex === indexInMenu) {
       setOpenSubmenuIndex(null);
     }
+
     if (onSubmenuClose) onSubmenuClose();
     setSubmenuFocusIndex(undefined);
     setBlockDoubleFocus(false);
@@ -105,92 +134,114 @@ const Submenu = /*#__PURE__*/_react.default.forwardRef(({
       if (_events.default.isEnterKey(event) || _events.default.isSpaceKey(event) || _events.default.isDownKey(event) || _events.default.isUpKey(event)) {
         event.preventDefault();
         openSubmenu();
+
         if (!href) {
           setSubmenuFocusIndex(0);
         }
       }
+
       if (!event.defaultPrevented) {
         menuContext.handleKeyDown(event);
       }
     }
+
     if (submenuOpen) {
       let nextIndex = index;
+
       if (_events.default.isTabKey(event) && !_events.default.isShiftKey(event)) {
         if (index === numberOfChildren - 1) {
           closeSubmenu();
           return;
         }
+
         nextIndex = index + 1;
         setBlockDoubleFocus(true);
       }
+
       if (_events.default.isTabKey(event) && _events.default.isShiftKey(event)) {
         if (index === 0) {
           closeSubmenu();
           return;
         }
+
         nextIndex = index - 1;
         setBlockDoubleFocus(true);
       }
+
       if (_events.default.isDownKey(event)) {
         event.preventDefault();
+
         if (index < numberOfChildren - 1) {
           nextIndex = index + 1;
         }
+
         setBlockDoubleFocus(false);
       }
+
       if (_events.default.isUpKey(event)) {
         event.preventDefault();
+
         if (index > 0) {
           nextIndex = index - 1;
         }
+
         setBlockDoubleFocus(false);
       }
+
       if (_events.default.isEscKey(event)) {
         onKeyDown(event);
         closeSubmenu();
         return;
       }
+
       if (_events.default.isHomeKey(event)) {
         event.preventDefault();
         nextIndex = 0;
       }
+
       if (_events.default.isEndKey(event)) {
         event.preventDefault();
         nextIndex = numberOfChildren - 1;
       }
+
       if (event.key.length === 1) {
         event.stopPropagation();
+
         if (characterTimer.current) {
           restartCharacterTimeout();
         } else {
           startCharacterTimeout();
         }
+
         setCharacterString(`${characterString}${event.key.toLowerCase()}`);
       } else {
         setCharacterString("");
       }
+
       if (_events.default.isEnterKey(event)) {
         /* timeout enforces that the "closeSubmenu" method will be run after 
           the browser navigates to the specified href of the menu-item. */
         setTimeout(() => closeSubmenu());
       }
+
       if (href && index === undefined) {
         if (_events.default.isEnterKey(event) || _events.default.isTabKey(event) && _events.default.isShiftKey(event)) {
           closeSubmenu();
           return;
         }
+
         if (_events.default.isSpaceKey(event) || _events.default.isDownKey(event) || _events.default.isUpKey(event) || _events.default.isTabKey(event)) {
           nextIndex = 0;
         }
-      }
-
-      // Defensive check in case an unhandled key event from a child component
+      } // Defensive check in case an unhandled key event from a child component
       // has bubbled up
-      if (!nextIndex && nextIndex !== 0) return;
 
-      // Check that next index contains a MenuItem
+
+      if (!nextIndex && nextIndex !== 0) return; // Check that next index contains a MenuItem
       // If not, call handleKeyDown again
+
       const nextChild = arrayOfFormattedChildren[nextIndex];
+
       if ((nextChild === null || nextChild === void 0 ? void 0 : nextChild.type) === _menuItem2.default) {
         setSubmenuFocusIndex(nextIndex);
       } else {
@@ -198,24 +249,29 @@ const Submenu = /*#__PURE__*/_react.default.forwardRef(({
       }
     }
   }, [submenuFocusIndex, submenuOpen, href, menuContext, arrayOfFormattedChildren, numberOfChildren, openSubmenu, closeSubmenu, onKeyDown, characterString, restartCharacterTimeout, startCharacterTimeout]);
+
   const handleClickAway = () => {
     document.removeEventListener("click", handleClickAway);
     closeSubmenu();
   };
+
   const handleClick = event => {
     openSubmenu();
+
     if (onClick) {
       onClick(event);
     }
   };
+
   (0, _react.useEffect)(() => {
     if (characterString !== "") {
       const nextIndex = (0, _keyboardNavigation.characterNavigation)(characterString, _react.default.Children.toArray(formattedChildren), submenuFocusIndex);
       setSubmenuFocusIndex(nextIndex);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
   }, [characterString]);
   const handleClickInside = (0, _useClickAwayListener.default)(handleClickAway);
+
   if (inFullscreenView) {
     return /*#__PURE__*/_react.default.createElement(_submenu.StyledSubmenuWrapper, {
       "data-component": "submenu-wrapper",
@@ -247,6 +303,7 @@ const Submenu = /*#__PURE__*/_react.default.forwardRef(({
       }
     }, child))));
   }
+
   return /*#__PURE__*/_react.default.createElement(_submenu.StyledSubmenuWrapper, {
     "data-component": "submenu-wrapper",
     onMouseOver: !clickToOpen ? () => openSubmenu() : undefined,
@@ -287,41 +344,57 @@ const Submenu = /*#__PURE__*/_react.default.forwardRef(({
     }
   }, child))));
 });
+
 Submenu.propTypes = {
   /** Children elements */
   children: _propTypes.default.node.isRequired,
+
   /** Custom className */
   className: _propTypes.default.string,
+
   /**
    * * <a href="https://brand.sage.com/d/NdbrveWvNheA/foundations#/icons/icons" target="_blank">List of supported icons</a>
    *
    * Adds an icon to the menu item.
    * */
   icon: _propTypes.default.string,
+
   /** Defines which direction the submenu will hang eg. left/right */
   submenuDirection: _propTypes.default.string,
+
   /** A title for the menu item that has a submenu. */
   title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
+
   /** onKeyDown handler */
   onKeyDown: _propTypes.default.func,
+
   /** set the colour variant for a menuType */
   variant: _propTypes.default.oneOf(["default", "alternate"]),
+
   /** Flag to display the dropdown arrow when an item has a submenu */
   showDropdownArrow: _propTypes.default.bool,
+
   /** When set the submenu opens by click instead of hover */
   clickToOpen: _propTypes.default.bool,
+
   /** The href to use for the menu item. */
   href: _propTypes.default.string,
+
   /** Maximum width. Any valid CSS string */
   maxWidth: _propTypes.default.string,
+
   /** Used to set a submenu parent to passive styling in MenuFullscreen */
   asPassiveItem: _propTypes.default.bool,
+
   /** Callback triggered when submenu opens. Only valid with submenu prop */
   onSubmenuOpen: _propTypes.default.func,
+
   /** Callback triggered when submenu closes. Only valid with submenu prop */
   onSubmenuClose: _propTypes.default.func,
+
   /** Callback triggered when the top-level menu item is clicked */
   onClick: _propTypes.default.func,
+
   /** index of child in the parent menu */
   indexInMenu: _propTypes.default.number
 };

package/lib/components/menu/__internal__/submenu/submenu.context.js

@@ -4,8 +4,12 @@ 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 SubmenuContext = /*#__PURE__*/_react.default.createContext({});
+
 var _default = SubmenuContext;
 exports.default = _default;