carbon-react 118.5.1 → 118.6.0

package/esm/components/vertical-menu/vertical-menu-trigger.component.d.ts

@@ -9,5 +9,5 @@ export interface VerticalMenuTriggerProps extends PaddingProps, TagProps {
     /** Callback passed to the menu trigger */
     onClick: (ev: React.MouseEvent<HTMLButtonElement>) => void;
 }
-export declare const VerticalMenuTrigger: ({ height, p, onClick, children, ...rest }: VerticalMenuTriggerProps) => JSX.Element;
+export declare const VerticalMenuTrigger: ({ height, p, onClick, children, ...rest }: VerticalMenuTriggerProps) => React.JSX.Element;
 export default VerticalMenuTrigger;

package/esm/components/vertical-menu/vertical-menu-trigger.component.js

@@ -1,18 +1,17 @@
-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); }
-
+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); }
 import React from "react";
 import PropTypes from "prop-types";
 import tagComponent from "../../__internal__/utils/helpers/tags";
 import { filterStyledSystemPaddingProps } from "../../style/utils";
 import { StyledVerticalMenuItem, StyledTitle } from "./vertical-menu.style";
-
-const VerticalMenuTrigger = ({
-  height = "40px",
-  p = 2,
-  onClick,
-  children,
-  ...rest
-}) => {
+export const VerticalMenuTrigger = _ref => {
+  let {
+    height = "40px",
+    p = 2,
+    onClick,
+    children,
+    ...rest
+  } = _ref;
   const paddingProps = filterStyledSystemPaddingProps(rest);
   return /*#__PURE__*/React.createElement(StyledVerticalMenuItem, _extends({
     onClick: onClick,
@@ -22,168 +21,4 @@ const VerticalMenuTrigger = ({
     tabIndex: 0
   }, paddingProps, tagComponent("vertical-menu-trigger", rest)), /*#__PURE__*/React.createElement(StyledTitle, null, children));
 };
-
-VerticalMenuTrigger.propTypes = {
-  "children": PropTypes.string.isRequired,
-  "data-component": PropTypes.string,
-  "data-element": PropTypes.string,
-  "data-role": PropTypes.string,
-  "height": PropTypes.string,
-  "onClick": PropTypes.func.isRequired,
-  "p": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "padding": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "paddingBottom": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "paddingLeft": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "paddingRight": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "paddingTop": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "paddingX": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "paddingY": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "pb": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "pl": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "pr": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "pt": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "px": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "py": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])
-};
-export { VerticalMenuTrigger };
 export default VerticalMenuTrigger;

package/esm/components/vertical-menu/vertical-menu.component.d.ts

@@ -12,5 +12,5 @@ export interface VerticalMenuProps extends TagProps {
     /** Height of the menu */
     height?: string;
 }
-export declare const VerticalMenu: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, width, children, height, ...rest }: VerticalMenuProps) => JSX.Element;
+export declare const VerticalMenu: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, width, children, height, ...rest }: VerticalMenuProps) => React.JSX.Element;
 export default VerticalMenu;

package/esm/components/vertical-menu/vertical-menu.component.js

@@ -1,18 +1,17 @@
-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); }
-
+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); }
 import React from "react";
 import PropTypes from "prop-types";
 import tagComponent from "../../__internal__/utils/helpers/tags";
 import { StyledVerticalMenu, StyledList } from "./vertical-menu.style";
-
-const VerticalMenu = ({
-  "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledBy,
-  width = "322px",
-  children,
-  height = "100%",
-  ...rest
-}) => {
+export const VerticalMenu = _ref => {
+  let {
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    width = "322px",
+    children,
+    height = "100%",
+    ...rest
+  } = _ref;
   return /*#__PURE__*/React.createElement(StyledVerticalMenu, _extends({
     boxSizing: "border-box",
     scrollVariant: "light",
@@ -26,16 +25,4 @@ const VerticalMenu = ({
     "aria-labelledby": ariaLabelledBy
   }, tagComponent("vertical-menu", rest)), /*#__PURE__*/React.createElement(StyledList, null, children));
 };
-
-VerticalMenu.propTypes = {
-  "aria-label": PropTypes.string,
-  "aria-labelledby": PropTypes.string,
-  "children": PropTypes.node,
-  "data-component": PropTypes.string,
-  "data-element": PropTypes.string,
-  "data-role": PropTypes.string,
-  "height": PropTypes.string,
-  "width": PropTypes.string
-};
-export { VerticalMenu };
 export default VerticalMenu;

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

@@ -9,9 +9,12 @@ export const StyledList = styled.ul`
   padding: 0;
 `;
 export const StyledVerticalMenuItem = styled.div`
-  min-height: ${({
-  height
-}) => height};
+  min-height: ${_ref => {
+  let {
+    height
+  } = _ref;
+  return height;
+}};
   width: 100%;
   display: flex;
   border: none;
@@ -36,9 +39,11 @@ export const StyledVerticalMenuItem = styled.div`
     outline-offset: -3px;
   }
 
-  ${({
-  active
-}) => active && css`
+  ${_ref2 => {
+  let {
+    active
+  } = _ref2;
+  return active && css`
       &:before {
         background: var(--colorsComponentsLeftnavWinterStandardSelected);
         border-radius: var(--borderRadius100);
@@ -56,7 +61,8 @@ export const StyledVerticalMenuItem = styled.div`
           background: var(--colorsComponentsLeftnavWinterStandardHover);
         }
       }
-    `}
+    `;
+}}
 
   ${StyledIcon} {
     width: 20px;
@@ -111,9 +117,12 @@ export const StyledVerticalMenuFullScreen = styled(Box)`
   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/esm/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/esm/hooks/__internal__/useCharacterCount/useCharacterCount.js

@@ -2,8 +2,10 @@ import React, { useMemo, useRef } from "react";
 import CharacterCount from "../../../__internal__/character-count";
 import useLocale from "../useLocale";
 import guid from "../../../__internal__/utils/helpers/guid";
-
-const useCharacterCount = (value = "", characterLimit, enforceCharacterLimit = true) => {
+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 = useLocale();
   const hintString = l.characterCount.hintString();
@@ -12,7 +14,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.createElement(CharacterCount, {
@@ -22,5 +23,4 @@ const useCharacterCount = (value = "", characterLimit, enforceCharacterLimit = t
     "data-element": "character-limit"
   }) : null, hintId.current, isCharacterLimitValid ? hintString : null];
 };
-
 export default useCharacterCount;

package/esm/hooks/__internal__/useClickAwayListener/useClickAwayListener.js

@@ -1,15 +1,17 @@
-import { useEffect, useRef, useCallback } from "react"; // Needs to also take Portals into account (so can't just check DOM containment), but ideally without using
+import { useEffect, useRef, useCallback } from "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
 
-export default ((handleClickAway, eventTypeId = "click") => {
+export default (function (handleClickAway) {
+  let eventTypeId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "click";
   const clickIsInside = useRef(false);
   const onDocumentClick = useCallback(ev => {
     if (clickIsInside.current) {
       clickIsInside.current = false;
       return;
     }
-
     handleClickAway(ev);
   }, [handleClickAway]);
   const onInsideClick = useCallback(() => {

package/esm/hooks/__internal__/useFloating/useFloating.js

@@ -1,21 +1,20 @@
 import { useRef, useLayoutEffect } from "react";
 import { computePosition, autoUpdate } from "@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 = useRef(null);
   useLayoutEffect(() => {
     let cleanup;
     const referenceElement = reference.current;
     const floatingElement = floating.current;
-
     if (referenceElement && floatingElement && isOpen) {
       const {
         left,
@@ -36,17 +35,17 @@ const useFloating = ({
         top: 0,
         left: 0
       });
-
       const update = () => {
         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`,
@@ -55,12 +54,10 @@ const useFloating = ({
           floatingElement.setAttribute("data-floating-placement", currentPlacement);
         });
       };
-
       cleanup = autoUpdate(referenceElement, floatingElement, update, {
         animationFrame
       });
     }
-
     return () => {
       if (cleanup && floatingElement) {
         cleanup();
@@ -71,5 +68,4 @@ const useFloating = ({
     };
   }, [isOpen, reference, floating, strategy, middleware, placement, animationFrame]);
 };
-
 export default useFloating;

package/esm/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/esm/hooks/__internal__/useFormSpacing/add-form-spacing/index.js

@@ -2,8 +2,8 @@ export default ((marginProps, formMarginBottom) => {
   if (!formMarginBottom) {
     return marginProps;
   }
-
-  const copiedProps = { ...marginProps
+  const copiedProps = {
+    ...marginProps
   };
   const {
     mb,
@@ -17,14 +17,11 @@ export 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;
 });

package/esm/hooks/__internal__/useInputAccessibility/useInputAccessibility.js

@@ -1,21 +1,20 @@
-export default function useInputAccessibility({
-  id,
-  validationRedesignOptIn,
-  error,
-  warning,
-  info,
-  label,
-  fieldHelp
-}) {
+export default 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/esm/hooks/__internal__/useIsStickyFooterForm/useIsStickyFooterForm.js

@@ -1,10 +1,6 @@
 import React, { useMemo } from "react";
 import Form from "../../../components/form/form.component";
 export default (children => {
-  const isStickyFooterForm = useMemo(() => React.Children.toArray(children).some(child => {
-    var _child$type;
-
-    return /*#__PURE__*/React.isValidElement(child) && ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === Form.displayName && child.props.stickyFooter;
-  }), [children]);
+  const isStickyFooterForm = useMemo(() => React.Children.toArray(children).some(child => /*#__PURE__*/React.isValidElement(child) && child.type?.displayName === Form.displayName && child.props.stickyFooter), [children]);
   return isStickyFooterForm;
 });

package/esm/hooks/__internal__/useMenuKeyboardNavigation/useMenuKeyboardNavigation.js

@@ -5,19 +5,18 @@ import useModalManager from "../useModalManager";
 export default ((mainControlRef, childrenRefs, hide, isOpen) => {
   const childrenLength = useMemo(() => childrenRefs.length, [childrenRefs]);
   const refocusMainControl = 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 = useCallback(e => {
     /* istanbul ignore else */
     if (Events.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
   useModalManager({
     open: isOpen,
     closeModal: handleEscapeKey,
@@ -27,30 +26,23 @@ export default ((mainControlRef, childrenRefs, hide, isOpen) => {
     if (!(Events.isEnterKey(ev) || Events.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.isEndKey(ev) || arrowModifierPressed && Events.isDownKey(ev)) {
       nextIndex = childrenLength - 1;
     }
-
     if (Events.isHomeKey(ev) || arrowModifierPressed && Events.isUpKey(ev)) {
       nextIndex = 0;
     }
-
     if (!arrowModifierPressed && Events.isUpKey(ev) && currentIndex > 0) {
       nextIndex = currentIndex - 1;
     }
-
     if (!arrowModifierPressed && Events.isDownKey(ev) && currentIndex < childrenLength - 1) {
       nextIndex = currentIndex + 1;
     }
-
     const tabPressed = Events.isTabKey(ev);
     const tabShiftPressed = tabPressed && Events.isShiftKey(ev);
-
     if (tabShiftPressed) {
       if (currentIndex === 0) {
         refocusMainControl();
@@ -59,22 +51,17 @@ export default ((mainControlRef, childrenRefs, hide, isOpen) => {
       }
     } else if (tabPressed) {
       if (currentIndex === childrenLength - 1) {
-        var _elements;
-
         const elements = Array.from(document.querySelectorAll(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;

package/esm/hooks/__internal__/useModalManager/useModalManager.js

@@ -1,18 +1,17 @@
 import { useEffect, useRef, useCallback } from "react";
 import ModalManager from "../../../components/modal/__internal__/modal-manager";
-
-const useModalManager = ({
-  open,
-  closeModal,
-  modalRef,
-  setTriggerRefocusFlag,
-  triggerRefocusOnClose = true
-}) => {
+const useModalManager = _ref => {
+  let {
+    open,
+    closeModal,
+    modalRef,
+    setTriggerRefocusFlag,
+    triggerRefocusOnClose = true
+  } = _ref;
   const listenerAdded = useRef(false);
   const modalRegistered = useRef(false);
   const handleClose = useCallback(ev => {
     const isTopmost = ModalManager.isTopmost(modalRef.current);
-
     if (isTopmost) {
       closeModal(ev);
     }
@@ -57,7 +56,6 @@ const useModalManager = ({
   }, [triggerRefocusOnClose]);
   useEffect(() => {
     const ref = modalRef.current;
-
     if (open) {
       registerModal(ref);
     } else {
@@ -71,5 +69,4 @@ const useModalManager = ({
     };
   }, [modalRef, unregisterModal]);
 };
-
 export default useModalManager;