carbon-react 111.12.3 → 111.12.5

package/lib/components/typography/typography.component.js

@@ -4,51 +4,71 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _styledSystem = require("styled-system");
+
 var _color = _interopRequireDefault(require("../../style/utils/color"));
+
 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; }
+
 const VARIANT_TYPES = ["h1-large", "h1", "h2", "h3", "h4", "h5", "segment-header", "segment-header-small", "segment-subheader", "segment-subheader-alt", "p", "small", "big", "sup", "sub", "strong", "b", "em", "ul", "ol"];
+
 const getAs = variant => {
   switch (variant) {
     case "h1-large":
       return "h1";
+
     case "segment-header":
     case "segment-header-small":
     case "segment-subheader":
     case "segment-subheader-alt":
       return "h5";
+
     case "big":
       return "p";
+
     default:
       return variant;
   }
 };
+
 const getSize = variant => {
   switch (variant) {
     case "h1-large":
       return "32px";
+
     case "h1":
       return "24px";
+
     case "h2":
       return "22px";
+
     case "h3":
     case "segment-header":
       return "20px";
+
     case "h4":
     case "segment-header-small":
       return "18px";
+
     case "h5":
     case "segment-subheader":
     case "big":
       return "16px";
+
     case "small":
     case "sub":
     case "sup":
       return "13px";
+
     case "segment-subheader-alt":
     case "p":
     case "b":
@@ -58,27 +78,35 @@ const getSize = variant => {
       return "14px";
   }
 };
+
 const getLineHeight = variant => {
   switch (variant) {
     case "h1-large":
       return "40px";
+
     case "h1":
     case "segment-subheader":
       return "31px";
+
     case "h2":
       return "29px";
+
     case "h3":
     case "segment-header":
       return "26px";
+
     case "big":
       return "24px";
+
     case "h4":
     case "segment-header-small":
       return "23px";
+
     case "small":
     case "sub":
     case "sup":
       return "20px";
+
     case "h5":
     case "segment-subheader-alt":
     case "p":
@@ -89,6 +117,7 @@ const getLineHeight = variant => {
       return "21px";
   }
 };
+
 const getWeight = variant => {
   switch (variant) {
     case "h1-large":
@@ -96,6 +125,7 @@ const getWeight = variant => {
     case "segment-header":
     case "segment-header-small":
       return "900";
+
     case "h2":
     case "h3":
     case "segment-subheader":
@@ -104,6 +134,7 @@ const getWeight = variant => {
     case "em":
     case "strong":
       return "700";
+
     case "h4":
     case "h5":
     case "p":
@@ -115,18 +146,23 @@ const getWeight = variant => {
       return "400";
   }
 };
+
 const getTransform = variant => {
   if (variant === "segment-subheader-alt") {
     return "uppercase";
   }
+
   return "none";
 };
+
 const getDecoration = variant => {
   if (variant === "em") {
     return "underline";
   }
+
   return "none";
 };
+
 const Typography = _styledComponents.default.span.attrs(({
   variant,
   as,

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

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

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

@@ -4,14 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _menu = require("../menu/menu.component");
+
 var _verticalDivider = require("./vertical-divider.style");
+
 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 VerticalDivider = ({
   h,
   height,
@@ -34,6 +43,7 @@ const VerticalDivider = ({
     tint: tint
   }));
 };
+
 VerticalDivider.propTypes = {
   "displayInline": _propTypes.default.bool,
   "h": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),

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

@@ -4,11 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledDivider = exports.StyledVerticalWrapper = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _styledSystem = require("styled-system");
+
 var _themes = require("../../style/themes");
+
 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 StyledVerticalWrapper = _styledComponents.default.div`
   ${_styledSystem.space}
   ${({

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

@@ -9,5 +9,7 @@ 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.js

@@ -4,13 +4,21 @@ 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"));
+
 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 getFormatNumber = (value, locale) => new Intl.NumberFormat(locale).format(value);
+
 const useCharacterCount = (value = "", characterLimit, warnOverLimit = false, enforceCharacterLimit = true) => {
   const isCharacterLimitValid = typeof characterLimit === "number" && !Number.isNaN(characterLimit);
   const l = (0, _useLocale.default)();
@@ -18,6 +26,7 @@ const useCharacterCount = (value = "", characterLimit, warnOverLimit = false, en
     if (value && isCharacterLimitValid) {
       return value.length > characterLimit;
     }
+
     return false;
   }, [value, characterLimit, isCharacterLimitValid]);
   return [enforceCharacterLimit && isCharacterLimitValid ? characterLimit : undefined, isCharacterLimitValid ? /*#__PURE__*/_react.default.createElement(_characterCount.default, {
@@ -27,5 +36,6 @@ const useCharacterCount = (value = "", characterLimit, warnOverLimit = false, en
     "data-element": "character-limit"
   }) : null];
 };
+
 var _default = useCharacterCount;
 exports.default = _default;

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

@@ -9,5 +9,7 @@ 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,7 +4,9 @@ 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
@@ -15,6 +17,7 @@ var _default = (handleClickAway, eventTypeId = "click") => {
       clickIsInside.current = false;
       return;
     }
+
     handleClickAway(ev);
   }, [handleClickAway]);
   const onInsideClick = (0, _react.useCallback)(() => {
@@ -28,4 +31,5 @@ var _default = (handleClickAway, eventTypeId = "click") => {
   }, [onDocumentClick, eventTypeId]);
   return onInsideClick;
 };
+
 exports.default = _default;

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

@@ -9,5 +9,7 @@ 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,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = require("react");
+
 var _dom = require("@floating-ui/dom");
+
 const useFloating = ({
   isOpen,
   reference,
@@ -20,6 +23,7 @@ const useFloating = ({
     let cleanup;
     const referenceElement = reference.current;
     const floatingElement = floating.current;
+
     if (referenceElement && floatingElement && isOpen) {
       const {
         left,
@@ -36,6 +40,7 @@ const useFloating = ({
         top: 0,
         left: 0
       });
+
       const update = () => {
         (0, _dom.computePosition)(referenceElement, floatingElement, {
           strategy,
@@ -54,10 +59,12 @@ const useFloating = ({
           floatingElement.setAttribute("data-floating-placement", currentPlacement);
         });
       };
+
       cleanup = (0, _dom.autoUpdate)(referenceElement, floatingElement, update, {
         animationFrame
       });
     }
+
     return () => {
       if (cleanup && floatingElement) {
         cleanup();
@@ -68,5 +75,6 @@ const useFloating = ({
     };
   }, [isOpen, reference, floating, strategy, middleware, placement, animationFrame]);
 };
+
 var _default = useFloating;
 exports.default = _default;

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

@@ -9,5 +9,7 @@ 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,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useInputAccessibility;
+
 function useInputAccessibility({
   id,
   error,

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

@@ -9,5 +9,7 @@ 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,8 +4,11 @@ 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,5 +9,7 @@ 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,16 +4,24 @@ 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; }
+
 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]);
   return isStickyFooterForm;
 };
+
 exports.default = _default;

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

@@ -9,5 +9,7 @@ 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,9 +4,13 @@ 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,5 +9,7 @@ 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,38 +4,54 @@ 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");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 var _default = (mainControlRef, childrenRefs, hide) => {
   const childrenLength = (0, _react.useMemo)(() => childrenRefs.length, [childrenRefs]);
   const handleKeyDown = (0, _react.useCallback)(ev => {
     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);
     let nextIndex = -1;
+
     const refocusMainControl = () => {
       var _mainControlRef$curre;
+
       hide();
       (_mainControlRef$curre = mainControlRef.current) === null || _mainControlRef$curre === void 0 ? void 0 : _mainControlRef$curre.focus();
     };
+
     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();
@@ -45,23 +61,28 @@ var _default = (mainControlRef, childrenRefs, hide) => {
     } 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 = 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
+
         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();
     }
+
     if (_events.default.isEscKey(ev)) {
       refocusMainControl();
     }
   }, [childrenLength, hide, childrenRefs, mainControlRef]);
   return handleKeyDown;
 };
+
 exports.default = _default;

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

@@ -9,5 +9,7 @@ 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,14 +4,19 @@ 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) => {
   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);
     }
@@ -45,17 +50,20 @@ const useModalManager = (open, closeModal, modalRef, setTriggerRefocusFlag) => {
     /* 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);
+
       modalRegistered.current = false;
     }
   }, []);
   (0, _react.useEffect)(() => {
     const ref = modalRef.current;
+
     if (open) {
       registerModal(ref);
     } else {
@@ -69,5 +77,6 @@ const useModalManager = (open, closeModal, modalRef, setTriggerRefocusFlag) => {
     };
   }, [modalRef, unregisterModal]);
 };
+
 var _default = useModalManager;
 exports.default = _default;

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

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = usePrevious;
+
 var _react = require("react");
+
 function usePrevious(value) {
   const ref = (0, _react.useRef)();
   (0, _react.useEffect)(() => {

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

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

package/lib/hooks/__internal__/useResizeObserver/useResizeObserver.js

@@ -4,22 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useResizeObserver;
+
 var _react = require("react");
-function useResizeObserver( /** Reference to the resizable HTML element */
-ref, /** Callback meant to be executed on element resize */
-onResize, /** Flag to indicate whether hook should be disabled  */
+
+function useResizeObserver(
+/** Reference to the resizable HTML element */
+ref,
+/** Callback meant to be executed on element resize */
+onResize,
+/** Flag to indicate whether hook should be disabled  */
 disabled) {
   const observer = (0, _react.useRef)();
   const onResizeRef = (0, _react.useRef)(onResize);
   onResizeRef.current = onResize;
   (0, _react.useLayoutEffect)(() => {
     const referenceRef = ref.current;
+
     if (!disabled && referenceRef) {
       observer.current = new ResizeObserver(() => {
         onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef.current();
       });
       observer.current.observe(referenceRef);
     }
+
     return () => {
       if (!disabled && referenceRef && observer.current) {
         observer.current.unobserve(referenceRef);

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

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