carbon-react 118.5.1 → 118.6.0

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

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

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

@@ -4,55 +4,41 @@ 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 _events = _interopRequireDefault(require("../../../../__internal__/utils/helpers/events"));
-
 var _menu = _interopRequireDefault(require("../../menu.context"));
-
 var _keyboardNavigation = require("../keyboard-navigation");
-
 var _submenu2 = _interopRequireDefault(require("./submenu.context"));
-
 var _useClickAwayListener = _interopRequireDefault(require("../../../../hooks/__internal__/useClickAwayListener"));
-
 var _guid = _interopRequireDefault(require("../../../../__internal__/utils/helpers/guid"));
-
 var _locators = require("../locators");
-
+var _useStableCallback = _interopRequireDefault(require("../../../../hooks/__internal__/useStableCallback/useStableCallback"));
 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,
-  title,
-  icon,
-  submenuDirection = "right",
-  onKeyDown,
-  variant = "default",
-  showDropdownArrow = true,
-  clickToOpen,
-  href,
-  maxWidth,
-  asPassiveItem,
-  onSubmenuOpen,
-  onSubmenuClose,
-  onClick,
-  ...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 Submenu = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    children,
+    className,
+    title,
+    icon,
+    submenuDirection = "right",
+    onKeyDown,
+    variant = "default",
+    showDropdownArrow = true,
+    clickToOpen,
+    href,
+    maxWidth,
+    asPassiveItem,
+    onSubmenuOpen: onSubmenuOpenProp,
+    onSubmenuClose,
+    onClick,
+    ...rest
+  } = _ref;
   const submenuRef = (0, _react.useRef)(null);
   const submenuId = (0, _react.useRef)((0, _guid.default)());
   const menuContext = (0, _react.useContext)(_menu.default);
@@ -69,20 +55,15 @@ const Submenu = /*#__PURE__*/_react.default.forwardRef(({
   const shiftTabPressed = (0, _react.useRef)(false);
   const focusFirstMenuItemOnOpen = (0, _react.useRef)(false);
   const numberOfChildren = submenuItemIds.length;
+  const onSubmenuOpen = (0, _useStableCallback.default)(onSubmenuOpenProp);
   const blockIndex = (0, _react.useMemo)(() => {
-    var _submenuRef$current;
-
-    const items = (_submenuRef$current = submenuRef.current) === null || _submenuRef$current === void 0 ? void 0 : _submenuRef$current.querySelectorAll(_locators.BLOCK_INDEX_SELECTOR);
-
+    const items = submenuRef.current?.querySelectorAll(_locators.BLOCK_INDEX_SELECTOR);
     if (items && submenuOpen && numberOfChildren) {
-      var _submenuRef$current2;
-
       const childrenArray = Array.from(items);
-      const scrollableBlock = (_submenuRef$current2 = submenuRef.current) === null || _submenuRef$current2 === void 0 ? void 0 : _submenuRef$current2.querySelector(`[data-component='${_locators.SCROLLABLE_BLOCK}']`);
+      const scrollableBlock = submenuRef.current?.querySelector(`[data-component='${_locators.SCROLLABLE_BLOCK}']`);
       const index = scrollableBlock ? childrenArray.indexOf(scrollableBlock) : -1;
-      return scrollableBlock !== null && scrollableBlock !== void 0 && scrollableBlock.querySelector(`[data-component='${_locators.SCROLLABLE_BLOCK_PARENT}']`) ? index + 1 : index;
+      return scrollableBlock?.querySelector(`[data-component='${_locators.SCROLLABLE_BLOCK_PARENT}']`) ? index + 1 : index;
     }
-
     return -1;
   }, [submenuOpen, numberOfChildren]);
   const characterTimer = (0, _react.useRef)(null);
@@ -96,26 +77,24 @@ const Submenu = /*#__PURE__*/_react.default.forwardRef(({
     if (characterTimer.current) {
       clearTimeout(characterTimer.current);
     }
-
     startCharacterTimeout();
   }, [startCharacterTimeout]);
   const openSubmenu = (0, _react.useCallback)(() => {
     setSubmenuOpen(true);
     setOpenSubmenuId(submenuId.current);
-
-    if (onSubmenuOpen) {
+  }, [setOpenSubmenuId]);
+  (0, _react.useEffect)(() => {
+    if (submenuOpen && onSubmenuOpen) {
       onSubmenuOpen();
     }
-  }, [onSubmenuOpen, setOpenSubmenuId]);
+  }, [submenuOpen, onSubmenuOpen]);
   const closeSubmenu = (0, _react.useCallback)(() => {
     shiftTabPressed.current = false;
     setSubmenuOpen(false);
     setSubmenuFocusId(null);
-
     if (onSubmenuClose) {
       onSubmenuClose();
     }
-
     setCharacterString("");
   }, [onSubmenuClose]);
   (0, _react.useEffect)(() => {
@@ -135,11 +114,9 @@ const Submenu = /*#__PURE__*/_react.default.forwardRef(({
         focusFirstMenuItemOnOpen.current = !href;
       }
     }
-
     if (submenuOpen) {
       const index = findCurrentIndex(submenuFocusId);
       let nextIndex = index;
-
       if (href && !submenuFocusId) {
         if (_events.default.isDownKey(event) || _events.default.isUpKey(event) || _events.default.isTabKey(event) && !_events.default.isShiftKey(event)) {
           event.preventDefault();
@@ -147,89 +124,72 @@ const Submenu = /*#__PURE__*/_react.default.forwardRef(({
           return;
         }
       }
-
       if (_events.default.isTabKey(event) && !_events.default.isShiftKey(event)) {
         if (nextIndex === numberOfChildren - 1) {
           closeSubmenu();
           return;
         }
-
         shiftTabPressed.current = false;
         nextIndex += 1;
       }
-
       if (_events.default.isTabKey(event) && _events.default.isShiftKey(event)) {
         if (nextIndex <= 0) {
           closeSubmenu();
           return;
         }
-
         shiftTabPressed.current = true;
         nextIndex -= 1;
       }
-
       if (_events.default.isDownKey(event)) {
         event.preventDefault();
         shiftTabPressed.current = false;
-
         if (nextIndex < numberOfChildren - 1) {
           nextIndex += 1;
         }
       }
-
       if (_events.default.isUpKey(event)) {
         event.preventDefault();
         shiftTabPressed.current = false;
-
         if (nextIndex > 0) {
           nextIndex -= 1;
         }
       }
-
       if (_events.default.isEscKey(event)) {
-        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+        onKeyDown?.(event);
         closeSubmenu();
         return;
       }
-
       if (_events.default.isHomeKey(event)) {
         event.preventDefault();
         shiftTabPressed.current = false;
         nextIndex = 0;
       }
-
       if (_events.default.isEndKey(event)) {
         event.preventDefault();
         shiftTabPressed.current = false;
         nextIndex = numberOfChildren - 1;
       }
-
       if (event.key.length === 1) {
         event.stopPropagation();
         shiftTabPressed.current = false;
-
         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 && _events.default.isEnterKey(event)) {
         closeSubmenu();
         return;
       }
-
       if (nextIndex !== index) {
         setSubmenuFocusId(submenuItemIds[nextIndex]);
       }
@@ -238,11 +198,9 @@ const Submenu = /*#__PURE__*/_react.default.forwardRef(({
   (0, _react.useEffect)(() => {
     /* istanbul ignore else */
     if (submenuRef.current && children) {
-      var _submenuRef$current3;
+      const items = submenuRef.current?.querySelectorAll(_locators.ALL_CHILDREN_SELECTOR);
 
-      const items = (_submenuRef$current3 = submenuRef.current) === null || _submenuRef$current3 === void 0 ? void 0 : _submenuRef$current3.querySelectorAll(_locators.ALL_CHILDREN_SELECTOR);
       /* istanbul ignore else */
-
       if (items) {
         setSubmenuItemIds(Array.from(items).map(item => item.getAttribute("id")));
       }
@@ -254,37 +212,27 @@ const Submenu = /*#__PURE__*/_react.default.forwardRef(({
       setSubmenuFocusId(submenuItemIds[0]);
     }
   }, [submenuOpen, submenuFocusId, submenuItemIds]);
-
   const handleClickAway = () => {
     document.removeEventListener("click", handleClickAway);
     closeSubmenu();
   };
-
   const handleClickInside = (0, _useClickAwayListener.default)(handleClickAway);
-
   const handleClick = event => {
     openSubmenu();
-
     if (onClick) {
       onClick(event);
     }
   };
-
   (0, _react.useEffect)(() => {
-    var _submenuRef$current4;
-
-    const items = (_submenuRef$current4 = submenuRef.current) === null || _submenuRef$current4 === void 0 ? void 0 : _submenuRef$current4.querySelectorAll(_locators.ALL_CHILDREN_SELECTOR);
-
+    const items = submenuRef.current?.querySelectorAll(_locators.ALL_CHILDREN_SELECTOR);
     if (items && characterString !== "") {
       const submenuChildren = Array.from(items);
       const nextItem = (0, _keyboardNavigation.characterNavigation)(characterString, submenuChildren);
-
       if (nextItem) {
         setSubmenuFocusId(nextItem.id);
       }
     }
   }, [characterString, submenuItemIds]);
-
   if (inFullscreenView) {
     return /*#__PURE__*/_react.default.createElement(_submenu.StyledSubmenuWrapper, {
       "data-component": "submenu-wrapper",
@@ -315,7 +263,6 @@ const Submenu = /*#__PURE__*/_react.default.forwardRef(({
       }
     }, children)));
   }
-
   return /*#__PURE__*/_react.default.createElement(_submenu.StyledSubmenuWrapper, {
     "data-component": "submenu-wrapper",
     onMouseOver: !clickToOpen ? () => openSubmenu() : undefined,
@@ -355,7 +302,6 @@ const Submenu = /*#__PURE__*/_react.default.forwardRef(({
     }
   }, children)));
 });
-
 Submenu.propTypes = {
   "ariaLabel": _propTypes.default.string,
   "asPassiveItem": _propTypes.default.bool,

package/lib/components/menu/__internal__/submenu/submenu.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 SubmenuContext = /*#__PURE__*/_react.default.createContext({});
-
 var _default = SubmenuContext;
 exports.default = _default;

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

@@ -4,46 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledSubmenuWrapper = exports.StyledSubmenu = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _themes = require("../../../../style/themes");
-
 var _link = require("../../../link/link.style");
-
 var _menu = require("../../menu.style");
-
 var _menuItem = _interopRequireDefault(require("../../menu-item/menu-item.style"));
-
 var _icon = _interopRequireDefault(require("../../../icon/icon.style"));
-
 var _search = _interopRequireDefault(require("../../../search/search.style"));
-
 var _menu2 = _interopRequireDefault(require("../../menu.config"));
-
 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 StyledSubmenuWrapper = _styledComponents.default.div`
   position: relative;
   width: fit-content;
   max-width: inherit;
 
-  ${({
-  isSubmenuOpen,
-  theme
-}) => isSubmenuOpen && (0, _styledComponents.css)`
+  ${_ref => {
+  let {
+    isSubmenuOpen,
+    theme
+  } = _ref;
+  return isSubmenuOpen && (0, _styledComponents.css)`
       z-index: ${theme.zIndex.popover};
-    `}
-
-  ${({
-  inFullscreenView,
-  menuType,
-  asPassiveItem
-}) => inFullscreenView && (0, _styledComponents.css)`
+    `;
+}}
+
+  ${_ref2 => {
+  let {
+    inFullscreenView,
+    menuType,
+    asPassiveItem
+  } = _ref2;
+  return inFullscreenView && (0, _styledComponents.css)`
       width: 100%;
 
       ${asPassiveItem && menuType && (0, _styledComponents.css)`
@@ -52,16 +45,19 @@ const StyledSubmenuWrapper = _styledComponents.default.div`
           color: ${_menu2.default[menuType].title};
         }
       `}
-    `}
+    `;
+}}
 `;
 exports.StyledSubmenuWrapper = StyledSubmenuWrapper;
 const StyledSubmenu = _styledComponents.default.ul`
-  ${({
-  menuType,
-  submenuDirection,
-  variant,
-  inFullscreenView
-}) => (0, _styledComponents.css)`
+  ${_ref3 => {
+  let {
+    menuType,
+    submenuDirection,
+    variant,
+    inFullscreenView
+  } = _ref3;
+  return (0, _styledComponents.css)`
     ${!inFullscreenView && menuType && (0, _styledComponents.css)`
       box-shadow: var(--boxShadow100);
       position: absolute;
@@ -186,7 +182,8 @@ const StyledSubmenu = _styledComponents.default.ul`
     ${submenuDirection === "left" && (0, _styledComponents.css)`
       right: 0;
     `}
-  `}
+  `;
+}}
 `;
 exports.StyledSubmenu = StyledSubmenu;
 StyledSubmenuWrapper.defaultProps = {

package/lib/components/menu/index.js

@@ -9,28 +9,28 @@ Object.defineProperty(exports, "Menu", {
     return _menu.default;
   }
 });
-Object.defineProperty(exports, "MenuItem", {
+Object.defineProperty(exports, "MenuDivider", {
   enumerable: true,
   get: function () {
-    return _menuItem.default;
+    return _menuDivider.default;
   }
 });
-Object.defineProperty(exports, "MenuDivider", {
+Object.defineProperty(exports, "MenuFullscreen", {
   enumerable: true,
   get: function () {
-    return _menuDivider.default;
+    return _menuFullScreen.default;
   }
 });
-Object.defineProperty(exports, "MenuSegmentTitle", {
+Object.defineProperty(exports, "MenuItem", {
   enumerable: true,
   get: function () {
-    return _menuSegmentTitle.default;
+    return _menuItem.default;
   }
 });
-Object.defineProperty(exports, "MenuFullscreen", {
+Object.defineProperty(exports, "MenuSegmentTitle", {
   enumerable: true,
   get: function () {
-    return _menuFullScreen.default;
+    return _menuSegmentTitle.default;
   }
 });
 Object.defineProperty(exports, "ScrollableBlock", {
@@ -39,17 +39,10 @@ Object.defineProperty(exports, "ScrollableBlock", {
     return _scrollableBlock.default;
   }
 });
-
 var _menu = _interopRequireDefault(require("./menu.component"));
-
 var _menuItem = _interopRequireDefault(require("./menu-item"));
-
 var _menuDivider = _interopRequireDefault(require("./menu-divider"));
-
 var _menuSegmentTitle = _interopRequireDefault(require("./menu-segment-title"));
-
 var _menuFullScreen = _interopRequireDefault(require("./menu-full-screen"));
-
 var _scrollableBlock = _interopRequireDefault(require("./scrollable-block"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/menu/menu-divider/index.js

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

package/lib/components/menu/menu-divider/menu-divider.component.js

@@ -4,31 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _menuDivider = _interopRequireDefault(require("./menu-divider.style"));
-
 var _menu = _interopRequireDefault(require("../menu.context"));
-
 var _menu2 = require("../menu.style");
-
 var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags"));
-
 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 MenuDivider = /*#__PURE__*/_react.default.forwardRef(({
-  size = "default",
-  ...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 MenuDivider = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    size = "default",
+    ...rest
+  } = _ref;
   const menuContext = (0, _react.useContext)(_menu.default);
   return /*#__PURE__*/_react.default.createElement(_menu2.StyledMenuItem, {
     inSubmenu: true
@@ -39,7 +29,6 @@ const MenuDivider = /*#__PURE__*/_react.default.forwardRef(({
     ref: ref
   })));
 });
-
 MenuDivider.propTypes = {
   "data-component": _propTypes.default.string,
   "data-element": _propTypes.default.string,

package/lib/components/menu/menu-divider/menu-divider.style.js

@@ -4,27 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _menu = _interopRequireDefault(require("../menu.config"));
-
 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 StyledDivider = _styledComponents.default.div`
   cursor: default;
-  ${({
-  menuType,
-  size
-}) => (0, _styledComponents.css)`
+  ${_ref => {
+  let {
+    menuType,
+    size
+  } = _ref;
+  return (0, _styledComponents.css)`
     margin: 0px ${size === "large" ? "" : "16px"};
     height: ${size === "large" ? "4px" : "1px"};
     background-color: ${_menu.default[menuType].divider};
-  `}
+  `;
+}}
 `;
 var _default = StyledDivider;
 exports.default = _default;

package/lib/components/menu/menu-full-screen/index.js

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

package/lib/components/menu/menu-full-screen/menu-full-screen.component.d.ts

@@ -10,5 +10,5 @@ export interface MenuFullscreenProps extends TagProps {
     /** A callback to be called when the close icon is clicked or enter is pressed when focused */
     onClose: (ev: React.KeyboardEvent<HTMLElement> | React.MouseEvent<HTMLButtonElement>) => void;
 }
-export declare const MenuFullscreen: ({ children, isOpen, startPosition, onClose, ...rest }: MenuFullscreenProps) => JSX.Element;
+export declare const MenuFullscreen: ({ children, isOpen, startPosition, onClose, ...rest }: MenuFullscreenProps) => React.JSX.Element;
 export default MenuFullscreen;