carbon-react 118.5.1 → 118.5.2

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

@@ -3,24 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledVerticalMenuFullScreen = exports.StyledVerticalMenu = exports.StyledChevronIcon = exports.StyledTitleIcon = exports.StyledAdornment = exports.StyledTitle = exports.StyledVerticalMenuItem = exports.StyledList = void 0;
-
+exports.StyledVerticalMenuItem = exports.StyledVerticalMenuFullScreen = exports.StyledVerticalMenu = exports.StyledTitleIcon = exports.StyledTitle = exports.StyledList = exports.StyledChevronIcon = exports.StyledAdornment = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _styledSystem = require("styled-system");
-
 var _icon = _interopRequireDefault(require("../icon/icon.style"));
-
 var _icon2 = _interopRequireDefault(require("../icon"));
-
 var _box = _interopRequireDefault(require("../box"));
-
 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 StyledList = _styledComponents.default.ul`
   list-style: none;
   margin: 0;
@@ -28,9 +19,12 @@ const StyledList = _styledComponents.default.ul`
 `;
 exports.StyledList = StyledList;
 const StyledVerticalMenuItem = _styledComponents.default.div`
-  min-height: ${({
-  height
-}) => height};
+  min-height: ${_ref => {
+  let {
+    height
+  } = _ref;
+  return height;
+}};
   width: 100%;
   display: flex;
   border: none;
@@ -55,9 +49,11 @@ const StyledVerticalMenuItem = _styledComponents.default.div`
     outline-offset: -3px;
   }
 
-  ${({
-  active
-}) => active && (0, _styledComponents.css)`
+  ${_ref2 => {
+  let {
+    active
+  } = _ref2;
+  return active && (0, _styledComponents.css)`
       &:before {
         background: var(--colorsComponentsLeftnavWinterStandardSelected);
         border-radius: var(--borderRadius100);
@@ -75,7 +71,8 @@ const StyledVerticalMenuItem = _styledComponents.default.div`
           background: var(--colorsComponentsLeftnavWinterStandardHover);
         }
       }
-    `}
+    `;
+}}
 
   ${_icon.default} {
     width: 20px;
@@ -136,9 +133,12 @@ const StyledVerticalMenuFullScreen = (0, _styledComponents.default)(_box.default
   background-color: var(--colorsComponentsLeftnavWinterStandardBackground);
   box-sizing: border-box;
   transition: all 0.3s ease;
-  z-index: ${({
-  theme
-}) => theme.zIndex.fullScreenModal};
+  z-index: ${_ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.zIndex.fullScreenModal;
+}};
 
   // TODO remove hardcoded values when DS have had chance to review which token to use
   &::-webkit-scrollbar-track {

package/lib/hooks/__internal__/useCharacterCount/index.js

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

package/lib/hooks/__internal__/useCharacterCount/useCharacterCount.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const useCharacterCount: (value?: string, characterLimit?: number | undefined, enforceCharacterLimit?: boolean) => [
+declare const useCharacterCount: (value?: string, characterLimit?: number, enforceCharacterLimit?: boolean) => [
     number | undefined,
     JSX.Element | null,
     string | undefined,

package/lib/hooks/__internal__/useCharacterCount/useCharacterCount.js

@@ -4,22 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _characterCount = _interopRequireDefault(require("../../../__internal__/character-count"));
-
 var _useLocale = _interopRequireDefault(require("../useLocale"));
-
 var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
-
 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 useCharacterCount = (value = "", characterLimit, enforceCharacterLimit = true) => {
+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 useCharacterCount = function () {
+  let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+  let characterLimit = arguments.length > 1 ? arguments[1] : undefined;
+  let enforceCharacterLimit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   const isCharacterLimitValid = typeof characterLimit === "number" && !Number.isNaN(characterLimit);
   const l = (0, _useLocale.default)();
   const hintString = l.characterCount.hintString();
@@ -28,7 +23,6 @@ const useCharacterCount = (value = "", characterLimit, enforceCharacterLimit = t
     if (value && isCharacterLimitValid) {
       return value.length > characterLimit;
     }
-
     return false;
   }, [value, characterLimit, isCharacterLimitValid]);
   return [enforceCharacterLimit && isCharacterLimitValid ? characterLimit : undefined, isCharacterLimitValid ? /*#__PURE__*/_react.default.createElement(_characterCount.default, {
@@ -38,6 +32,5 @@ const useCharacterCount = (value = "", characterLimit, enforceCharacterLimit = t
     "data-element": "character-limit"
   }) : null, hintId.current, isCharacterLimitValid ? hintString : null];
 };
-
 var _default = useCharacterCount;
 exports.default = _default;

package/lib/hooks/__internal__/useClickAwayListener/index.js

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

package/lib/hooks/__internal__/useClickAwayListener/useClickAwayListener.js

@@ -4,20 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 // Needs to also take Portals into account (so can't just check DOM containment), but ideally without using
 // event.stopPropagation() which could have unexpected and frustrating consequences for consumers.
 // Simple approach taken from https://github.com/facebook/react/issues/10962#issuecomment-444622208
-var _default = (handleClickAway, eventTypeId = "click") => {
+var _default = function _default(handleClickAway) {
+  let eventTypeId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "click";
   const clickIsInside = (0, _react.useRef)(false);
   const onDocumentClick = (0, _react.useCallback)(ev => {
     if (clickIsInside.current) {
       clickIsInside.current = false;
       return;
     }
-
     handleClickAway(ev);
   }, [handleClickAway]);
   const onInsideClick = (0, _react.useCallback)(() => {
@@ -31,5 +29,4 @@ var _default = (handleClickAway, eventTypeId = "click") => {
   }, [onDocumentClick, eventTypeId]);
   return onInsideClick;
 };
-
 exports.default = _default;

package/lib/hooks/__internal__/useFloating/index.js

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

package/lib/hooks/__internal__/useFloating/useFloating.js

@@ -4,26 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _dom = require("@floating-ui/dom");
-
-const useFloating = ({
-  isOpen,
-  reference,
-  floating,
-  strategy = "absolute",
-  placement,
-  middleware,
-  animationFrame
-}) => {
+const useFloating = _ref => {
+  let {
+    isOpen,
+    reference,
+    floating,
+    strategy = "absolute",
+    placement,
+    middleware,
+    animationFrame
+  } = _ref;
   const originalValues = (0, _react.useRef)(null);
   (0, _react.useLayoutEffect)(() => {
     let cleanup;
     const referenceElement = reference.current;
     const floatingElement = floating.current;
-
     if (referenceElement && floatingElement && isOpen) {
       const {
         left,
@@ -44,17 +41,17 @@ const useFloating = ({
         top: 0,
         left: 0
       });
-
       const update = () => {
         (0, _dom.computePosition)(referenceElement, floatingElement, {
           strategy,
           middleware,
           placement
-        }).then(({
-          x,
-          y,
-          placement: currentPlacement
-        }) => {
+        }).then(_ref2 => {
+          let {
+            x,
+            y,
+            placement: currentPlacement
+          } = _ref2;
           Object.assign(floatingElement.style, {
             left: `${x}px`,
             top: `${y}px`,
@@ -63,12 +60,10 @@ const useFloating = ({
           floatingElement.setAttribute("data-floating-placement", currentPlacement);
         });
       };
-
       cleanup = (0, _dom.autoUpdate)(referenceElement, floatingElement, update, {
         animationFrame
       });
     }
-
     return () => {
       if (cleanup && floatingElement) {
         cleanup();
@@ -79,6 +74,5 @@ const useFloating = ({
     };
   }, [isOpen, reference, floating, strategy, middleware, placement, animationFrame]);
 };
-
 var _default = useFloating;
 exports.default = _default;

package/lib/hooks/__internal__/useFormSpacing/add-form-spacing/index.d.ts

@@ -1,3 +1,3 @@
 import { MarginProps } from "styled-system";
-declare const _default: (marginProps: MarginProps, formMarginBottom?: string | undefined) => MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
+declare const _default: (marginProps: MarginProps, formMarginBottom?: string) => MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
 export default _default;

package/lib/hooks/__internal__/useFormSpacing/add-form-spacing/index.js

@@ -4,13 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _default = (marginProps, formMarginBottom) => {
   if (!formMarginBottom) {
     return marginProps;
   }
-
-  const copiedProps = { ...marginProps
+  const copiedProps = {
+    ...marginProps
   };
   const {
     mb,
@@ -24,16 +23,12 @@ var _default = (marginProps, formMarginBottom) => {
   } = copiedProps;
   const hasCustomMarginBottom = [mb, marginBottom, my, marginY, m, margin].some(prop => prop !== undefined);
   const hasCustomMarginTop = [mt, marginTop, my, marginY, m, margin].some(prop => prop !== undefined);
-
   if (!hasCustomMarginBottom) {
     copiedProps.mb = formMarginBottom;
   }
-
   if (!hasCustomMarginTop) {
     copiedProps.mt = 0;
   }
-
   return copiedProps;
 };
-
 exports.default = _default;

package/lib/hooks/__internal__/useFormSpacing/index.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _utils = require("../../../style/utils");
-
 var _formSpacingProvider = require("../../../__internal__/form-spacing-provider");
-
 var _addFormSpacing = _interopRequireDefault(require("./add-form-spacing"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = props => {
   const {
     marginBottom
@@ -22,5 +16,4 @@ var _default = props => {
   const marginProps = (0, _addFormSpacing.default)((0, _utils.filterStyledSystemMarginProps)(props), marginBottom);
   return marginProps;
 };
-
 exports.default = _default;

package/lib/hooks/__internal__/useInputAccessibility/index.js

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

package/lib/hooks/__internal__/useInputAccessibility/useInputAccessibility.js

@@ -4,25 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useInputAccessibility;
-
-function useInputAccessibility({
-  id,
-  validationRedesignOptIn,
-  error,
-  warning,
-  info,
-  label,
-  fieldHelp
-}) {
+function useInputAccessibility(_ref) {
+  let {
+    id,
+    validationRedesignOptIn,
+    error,
+    warning,
+    info,
+    label,
+    fieldHelp
+  } = _ref;
   const labelId = label ? `${id}-label` : undefined;
   const validationId = [error, warning, info].filter(validation => validation && typeof validation === "string").length ? `${id}-validation` : undefined;
   const fieldHelpId = fieldHelp ? `${id}-field-help` : undefined;
   const descriptionList = fieldHelpId ? [fieldHelpId] : [];
-
   if (validationRedesignOptIn && validationId) {
     descriptionList.push(validationId);
   }
-
   const ariaDescribedBy = descriptionList.length ? descriptionList.filter(Boolean).join(" ") : undefined;
   return {
     labelId,

package/lib/hooks/__internal__/useIsAboveBreakpoint/index.js

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

package/lib/hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useIsAboveBreakpoint;
-
 var _useMediaQuery = _interopRequireDefault(require("../../useMediaQuery"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function useIsAboveBreakpoint(breakpoint) {
   const matchesQuery = (0, _useMediaQuery.default)(`(min-width:${breakpoint}px)`);
   if (!breakpoint) return undefined;

package/lib/hooks/__internal__/useIsStickyFooterForm/index.js

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

package/lib/hooks/__internal__/useIsStickyFooterForm/useIsStickyFooterForm.js

@@ -4,24 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _form = _interopRequireDefault(require("../../../components/form/form.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 _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; }
 var _default = children => {
-  const isStickyFooterForm = (0, _react.useMemo)(() => _react.default.Children.toArray(children).some(child => {
-    var _child$type;
-
-    return /*#__PURE__*/_react.default.isValidElement(child) && ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === _form.default.displayName && child.props.stickyFooter;
-  }), [children]);
+  const isStickyFooterForm = (0, _react.useMemo)(() => _react.default.Children.toArray(children).some(child => /*#__PURE__*/_react.default.isValidElement(child) && child.type?.displayName === _form.default.displayName && child.props.stickyFooter), [children]);
   return isStickyFooterForm;
 };
-
 exports.default = _default;

package/lib/hooks/__internal__/useLocale/index.js

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

package/lib/hooks/__internal__/useLocale/useLocale.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useLocale;
-
 var _react = require("react");
-
 var _i18nContext = _interopRequireDefault(require("../../../__internal__/i18n-context"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function useLocale() {
   return (0, _react.useContext)(_i18nContext.default);
 }

package/lib/hooks/__internal__/useMenuKeyboardNavigation/index.js

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

package/lib/hooks/__internal__/useMenuKeyboardNavigation/useMenuKeyboardNavigation.js

@@ -4,33 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
-
 var _focusTrapUtils = require("../../../__internal__/focus-trap/focus-trap-utils");
-
 var _useModalManager = _interopRequireDefault(require("../useModalManager"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = (mainControlRef, childrenRefs, hide, isOpen) => {
   const childrenLength = (0, _react.useMemo)(() => childrenRefs.length, [childrenRefs]);
   const refocusMainControl = (0, _react.useCallback)(() => {
-    var _mainControlRef$curre;
-
     hide();
-    (_mainControlRef$curre = mainControlRef.current) === null || _mainControlRef$curre === void 0 ? void 0 : _mainControlRef$curre.focus();
+    mainControlRef.current?.focus();
   }, [hide, mainControlRef]);
   const handleEscapeKey = (0, _react.useCallback)(e => {
     /* istanbul ignore else */
     if (_events.default.isEscKey(e)) {
       refocusMainControl();
     }
-  }, [refocusMainControl]); // useModalmanager is used here to handle the escape key
-  // and to ensure that closing the menu does not close the modal
+  }, [refocusMainControl]);
 
+  // useModalmanager is used here to handle the escape key
+  // and to ensure that closing the menu does not close the modal
   (0, _useModalManager.default)({
     open: isOpen,
     closeModal: handleEscapeKey,
@@ -40,31 +33,23 @@ var _default = (mainControlRef, childrenRefs, hide, isOpen) => {
     if (!(_events.default.isEnterKey(ev) || _events.default.isSpaceKey(ev))) {
       ev.preventDefault();
     }
-
-    const currentIndex = childrenRefs === null || childrenRefs === void 0 ? void 0 : childrenRefs.findIndex(node => node.current === document.activeElement);
+    const currentIndex = childrenRefs?.findIndex(node => node.current === document.activeElement);
     let nextIndex = -1;
     const arrowModifierPressed = ev.ctrlKey || ev.metaKey;
-
     if (_events.default.isEndKey(ev) || arrowModifierPressed && _events.default.isDownKey(ev)) {
       nextIndex = childrenLength - 1;
     }
-
     if (_events.default.isHomeKey(ev) || arrowModifierPressed && _events.default.isUpKey(ev)) {
       nextIndex = 0;
     }
-
     if (!arrowModifierPressed && _events.default.isUpKey(ev) && currentIndex > 0) {
       nextIndex = currentIndex - 1;
     }
-
     if (!arrowModifierPressed && _events.default.isDownKey(ev) && currentIndex < childrenLength - 1) {
       nextIndex = currentIndex + 1;
     }
-
     const tabPressed = _events.default.isTabKey(ev);
-
     const tabShiftPressed = tabPressed && _events.default.isShiftKey(ev);
-
     if (tabShiftPressed) {
       if (currentIndex === 0) {
         refocusMainControl();
@@ -73,25 +58,19 @@ var _default = (mainControlRef, childrenRefs, hide, isOpen) => {
       }
     } else if (tabPressed) {
       if (currentIndex === childrenLength - 1) {
-        var _elements;
-
         const elements = Array.from(document.querySelectorAll(_focusTrapUtils.defaultFocusableSelectors)).filter(el => Number(el.tabIndex) !== -1);
         const indexOf = elements.indexOf(mainControlRef.current);
-        (_elements = elements[indexOf + 1]) === null || _elements === void 0 ? void 0 : _elements.focus(); // // timeout enforces that the "hide" method will be run after browser focuses on the next element
-
+        elements[indexOf + 1]?.focus();
+        // // timeout enforces that the "hide" method will be run after browser focuses on the next element
         setTimeout(hide, 0);
       } else {
         nextIndex = currentIndex + 1;
       }
     }
-
     if (nextIndex > -1) {
-      var _childrenRefs$nextInd;
-
-      (_childrenRefs$nextInd = childrenRefs[nextIndex].current) === null || _childrenRefs$nextInd === void 0 ? void 0 : _childrenRefs$nextInd.focus();
+      childrenRefs[nextIndex].current?.focus();
     }
   }, [childrenLength, hide, refocusMainControl, childrenRefs, mainControlRef]);
   return handleKeyDown;
 };
-
 exports.default = _default;

package/lib/hooks/__internal__/useModalManager/index.js

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

package/lib/hooks/__internal__/useModalManager/useModalManager.js

@@ -4,25 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _modalManager = _interopRequireDefault(require("../../../components/modal/__internal__/modal-manager"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const useModalManager = ({
-  open,
-  closeModal,
-  modalRef,
-  setTriggerRefocusFlag,
-  triggerRefocusOnClose = true
-}) => {
+const useModalManager = _ref => {
+  let {
+    open,
+    closeModal,
+    modalRef,
+    setTriggerRefocusFlag,
+    triggerRefocusOnClose = true
+  } = _ref;
   const listenerAdded = (0, _react.useRef)(false);
   const modalRegistered = (0, _react.useRef)(false);
   const handleClose = (0, _react.useCallback)(ev => {
     const isTopmost = _modalManager.default.isTopmost(modalRef.current);
-
     if (isTopmost) {
       closeModal(ev);
     }
@@ -56,20 +52,17 @@ const useModalManager = ({
     /* istanbul ignore else */
     if (!modalRegistered.current) {
       _modalManager.default.addModal(ref, setTriggerRefocusFlag);
-
       modalRegistered.current = true;
     }
   }, [setTriggerRefocusFlag]);
   const unregisterModal = (0, _react.useCallback)(ref => {
     if (modalRegistered.current) {
       _modalManager.default.removeModal(ref, triggerRefocusOnClose);
-
       modalRegistered.current = false;
     }
   }, [triggerRefocusOnClose]);
   (0, _react.useEffect)(() => {
     const ref = modalRef.current;
-
     if (open) {
       registerModal(ref);
     } else {
@@ -83,6 +76,5 @@ const useModalManager = ({
     };
   }, [modalRef, unregisterModal]);
 };
-
 var _default = useModalManager;
 exports.default = _default;