carbon-react 111.12.3 → 111.12.5

package/lib/components/pod/pod.component.js

@@ -4,19 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
+
 var _utils = require("../../style/utils");
+
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
+
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
+
 var _i18nContext = _interopRequireDefault(require("../../__internal__/i18n-context"));
+
 var _podStyle = require("./pod.style.js");
+
 var _icon = _interopRequireDefault(require("../icon"));
+
 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 marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
 const Pod = /*#__PURE__*/(0, _react.forwardRef)(({
   alignTitle = "left",
@@ -46,20 +60,24 @@ const Pod = /*#__PURE__*/(0, _react.forwardRef)(({
   const [isUndoFocused, setUndoFocused] = (0, _react.useState)(false);
   const [isUndoHovered, setUndoHovered] = (0, _react.useState)(false);
   let podHeight;
+
   if (height && typeof height === "number") {
     podHeight = `${height}px`;
   } else if (height) {
     podHeight = height;
   }
+
   const shouldContentHaveEditEvents = (0, _react.useCallback)(() => {
     return (triggerEditOnContent || displayEditButtonOnHover) && onEdit;
   }, [displayEditButtonOnHover, onEdit, triggerEditOnContent]);
+
   const processPodAction = action => ev => {
     if (_events.default.isEnterKey(ev) || !_events.default.isEventType(ev, "keydown")) {
       ev.preventDefault();
       action(ev);
     }
   };
+
   function editEvents() {
     const editProps = {
       onMouseEnter: () => setEditHovered(true),
@@ -67,16 +85,20 @@ const Pod = /*#__PURE__*/(0, _react.forwardRef)(({
       onFocus: () => setEditFocused(true),
       onBlur: () => setEditFocused(false)
     };
+
     if (typeof onEdit === "function") {
       editProps.onClick = processPodAction(onEdit);
       editProps.onKeyDown = processPodAction(onEdit);
     }
+
     return editProps;
   }
+
   function podHeader() {
     if (!title) {
       return null;
     }
+
     return /*#__PURE__*/_react.default.createElement(_podStyle.StyledHeader, {
       alignTitle: alignTitle,
       internalEditButton: internalEditButton,
@@ -87,10 +109,12 @@ const Pod = /*#__PURE__*/(0, _react.forwardRef)(({
       "data-element": "subtitle"
     }, subtitle));
   }
+
   function renderFooter() {
     if (!footer) {
       return null;
     }
+
     return /*#__PURE__*/_react.default.createElement(_podStyle.StyledFooter, {
       "data-element": "footer",
       size: size,
@@ -98,19 +122,23 @@ const Pod = /*#__PURE__*/(0, _react.forwardRef)(({
       softDelete: softDelete
     }, footer);
   }
+
   function actionButtons() {
     if (softDelete && onUndo) {
       return /*#__PURE__*/_react.default.createElement(_podStyle.StyledActionsContainer, {
         internalEditButton: internalEditButton
       }, undo());
     }
+
     if (!softDelete && (onDelete || onEdit)) {
       return /*#__PURE__*/_react.default.createElement(_podStyle.StyledActionsContainer, {
         internalEditButton: internalEditButton
       }, onEdit && edit(), onDelete && renderDelete());
     }
+
     return null;
   }
+
   function renderDelete() {
     return /*#__PURE__*/_react.default.createElement(_podStyle.StyledDeleteButton, {
       onMouseEnter: () => setDeleteHovered(true),
@@ -131,6 +159,7 @@ const Pod = /*#__PURE__*/(0, _react.forwardRef)(({
       type: "delete"
     }));
   }
+
   function edit() {
     return /*#__PURE__*/_react.default.createElement(_i18nContext.default.Consumer, null, l => /*#__PURE__*/_react.default.createElement("div", _extends({}, editEvents(), {
       "data-element": "edit-container"
@@ -147,6 +176,7 @@ const Pod = /*#__PURE__*/(0, _react.forwardRef)(({
       variant: variant
     }, linkProps()), l.actions.edit())));
   }
+
   function undo() {
     return /*#__PURE__*/_react.default.createElement(_podStyle.StyledUndoButton, {
       onMouseEnter: () => setUndoHovered(true),
@@ -166,14 +196,17 @@ const Pod = /*#__PURE__*/(0, _react.forwardRef)(({
       type: "undo"
     }));
   }
+
   function linkProps() {
     if (typeof onEdit === "string") {
       return {
         to: onEdit
       };
     }
+
     return onEdit;
   }
+
   return /*#__PURE__*/_react.default.createElement(_podStyle.StyledPod, _extends({}, rest, {
     className: className,
     internalEditButton: internalEditButton
@@ -191,86 +224,102 @@ const Pod = /*#__PURE__*/(0, _react.forwardRef)(({
     noBorder: !border,
     variant: variant,
     softDelete: softDelete
-  }, shouldContentHaveEditEvents() ? {
-    ...editEvents(),
+  }, shouldContentHaveEditEvents() ? { ...editEvents(),
     tabIndex: "0"
   } : {}), /*#__PURE__*/_react.default.createElement(_podStyle.StyledContent, {
     "data-element": "content",
     size: size
   }, podHeader(), /*#__PURE__*/_react.default.createElement("div", null, children)), renderFooter()), actionButtons());
 });
-Pod.propTypes = {
-  ...marginPropTypes,
+Pod.propTypes = { ...marginPropTypes,
+
   /**
    * Enables/disables the border around the pod.
    */
   border: _propTypes.default.bool,
+
   /**
    * Children elements
    */
   children: _propTypes.default.node,
+
   /**
    * Custom className
    */
   className: _propTypes.default.string,
+
   /**
    * Determines the size of the pod.
    */
   size: _propTypes.default.oneOf(["none", "extra-small", "small", "medium", "large", "extra-large"]),
+
   /**
    * Prop to apply a theme to the Pod.
    */
   variant: _propTypes.default.oneOf(["primary", "secondary", "tertiary", "tile", "transparent"]),
+
   /**
    * Title for the pod h4 element
    * always shown
    */
   title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
+
   /**
    * Optional subtitle for the pod
    */
   subtitle: _propTypes.default.string,
+
   /**
    * Aligns the title to left, right or center
    */
   alignTitle: _propTypes.default.oneOf(["left", "center", "right"]),
+
   /**
    * A component to render as a Pod footer.
    */
   footer: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
+
   /**
    * Supplies an edit action to the pod.
    */
   onEdit: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func, _propTypes.default.object]),
+
   /**
    * Supplies a delete action to the pod.
    */
   onDelete: _propTypes.default.func,
+
   /**
    * Supplies an undo action to the pod in soft delete state.
    */
   onUndo: _propTypes.default.func,
+
   /**
    * Sets soft delete state.
    */
   softDelete: _propTypes.default.bool,
+
   /**
    * Determines if the editable pod content should be full width.
    */
   editContentFullWidth: _propTypes.default.bool,
+
   /**
    * Determines if the edit button should be hidden until the user
    * hovers over the content.
    */
   displayEditButtonOnHover: _propTypes.default.bool,
+
   /**
    * Determines if clicking the pod content calls the onEdit action
    */
   triggerEditOnContent: _propTypes.default.bool,
+
   /**
    * Resets edit button styles to an older version
    */
   internalEditButton: _propTypes.default.bool,
+
   /**
    * Sets Pod height, number is changed to pixels and string is passed as raw css value
    */

package/lib/components/pod/pod.style.js

@@ -4,16 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledTitle = exports.StyledSubtitle = exports.StyledHeader = exports.StyledPod = exports.StyledFooter = exports.StyledUndoButton = exports.StyledDeleteButton = exports.StyledActionsContainer = exports.StyledEditAction = exports.StyledContent = exports.StyledBlock = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _styledSystem = require("styled-system");
+
 var _themes = require("../../style/themes");
+
 var _link = _interopRequireDefault(require("../link"));
+
 var _link2 = require("../link/link.style");
+
 var _iconButton = _interopRequireDefault(require("../icon-button"));
+
 var _icon = _interopRequireDefault(require("../icon/icon.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; }
+
 const StyledPod = _styledComponents.default.div`
   display: flex;
   align-items: flex-start;
@@ -34,6 +45,7 @@ const StyledPod = _styledComponents.default.div`
   }
 `;
 exports.StyledPod = StyledPod;
+
 const blockBackgrounds = variant => ({
   primary: "var(--colorsUtilityYang100)",
   secondary: "var(--colorsUtilityMajor025)",
@@ -41,6 +53,7 @@ const blockBackgrounds = variant => ({
   transparent: "var(--colorsUtilityMajorTransparent)",
   tile: "var(--colorsUtilityYang100)"
 })[variant];
+
 const StyledBlock = _styledComponents.default.div`
   ${({
   variant,
@@ -166,6 +179,7 @@ const actionButtonPaddings = {
   large: 16,
   "extra-large": 16
 };
+
 const actionButtonBackgrounds = variant => ({
   primary: "var(--colorsActionMajorYang100)",
   secondary: "var(--colorsActionMinor050)",
@@ -173,6 +187,7 @@ const actionButtonBackgrounds = variant => ({
   transparent: "var(--colorsActionMajorTransparent)",
   tile: "var(--colorsActionMajorYang100)"
 })[variant];
+
 const getButtonStyles = ({
   size,
   variant,
@@ -222,6 +237,7 @@ const getButtonStyles = ({
     padding: ${actionButtonPaddings[size] + (noBorder || internalEditButton ? 0 : 1)}px;
   `};
 `;
+
 const StyledEditAction = (0, _styledComponents.default)(_link.default)`
   && > a,
   && button {
@@ -231,8 +247,7 @@ const StyledEditAction = (0, _styledComponents.default)(_link.default)`
   isFocused
 }) => displayOnlyOnHover && !(isHovered || isFocused) && "display: none;"}
 
-    ${props => getButtonStyles({
-  ...props,
+    ${props => getButtonStyles({ ...props,
   iconColor: "var(--colorsActionMajor500)",
   hoverBackgroundColor: "var(--colorsActionMajor600)"
 })}
@@ -249,8 +264,7 @@ const StyledDeleteButton = (0, _styledComponents.default)(_iconButton.default)`
     ${({
   displayOnlyOnHover
 }) => displayOnlyOnHover && "display: none;"}
-    ${props => getButtonStyles({
-  ...props,
+    ${props => getButtonStyles({ ...props,
   iconColor: "var(--colorsSemanticNegative500)",
   hoverBackgroundColor: "var(--colorsSemanticNegative600)"
 })}
@@ -264,8 +278,7 @@ const StyledUndoButton = (0, _styledComponents.default)(_iconButton.default)`
   isHovered,
   isFocused
 }) => displayOnlyOnHover && !(isHovered || isFocused) && "display: none;"}
-    ${props => getButtonStyles({
-  ...props,
+    ${props => getButtonStyles({ ...props,
   iconColor: "var(--colorsActionMajor500)",
   hoverBackgroundColor: "var(--colorsActionMajor600)"
 })}

package/lib/components/popover-container/index.js

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

package/lib/components/popover-container/popover-container.component.js

@@ -4,20 +4,35 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PopoverContainer = exports.renderClose = exports.renderOpen = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _reactTransitionGroup = require("react-transition-group");
+
 var _dom = require("@floating-ui/dom");
+
 var _popoverContainer = require("./popover-container.style");
+
 var _icon = _interopRequireDefault(require("../icon"));
+
 var _popover = _interopRequireDefault(require("../../__internal__/popover"));
+
 var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
+
 var _utils = require("../../style/utils");
+
 var _useClickAwayListener = _interopRequireDefault(require("../../hooks/__internal__/useClickAwayListener"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const renderOpen = ({
   tabIndex,
   onClick,
@@ -39,6 +54,7 @@ const renderOpen = ({
 }, /*#__PURE__*/_react.default.createElement(_icon.default, {
   type: "settings"
 }));
+
 exports.renderOpen = renderOpen;
 renderOpen.propTypes = {
   "aria-expanded": _propTypes.default.bool.isRequired,
@@ -50,6 +66,7 @@ renderOpen.propTypes = {
   "onClick": _propTypes.default.func.isRequired,
   "tabIndex": _propTypes.default.number.isRequired
 };
+
 const renderClose = ({
   "data-element": dataElement,
   tabIndex,
@@ -65,6 +82,7 @@ const renderClose = ({
 }, /*#__PURE__*/_react.default.createElement(_icon.default, {
   type: "close"
 }));
+
 exports.renderClose = renderClose;
 renderClose.propTypes = {
   "aria-label": _propTypes.default.string.isRequired,
@@ -79,6 +97,7 @@ const popoverMiddleware = [(0, _dom.offset)(({
 })), (0, _dom.flip)({
   fallbackStrategy: "initialPlacement"
 })];
+
 const PopoverContainer = ({
   children,
   title,
@@ -107,22 +126,25 @@ const PopoverContainer = ({
   (0, _react.useEffect)(() => {
     if (isOpen && closeButtonRef.current) setTimeout(() => {
       var _closeButtonRef$curre;
+
       return (_closeButtonRef$curre = closeButtonRef.current) === null || _closeButtonRef$curre === void 0 ? void 0 : _closeButtonRef$curre.focus();
     }, 0);
   }, [isOpen]);
+
   const handleOpenButtonClick = e => {
-    if (!isControlled) setIsOpenInternal(!isOpen);
+    if (!isControlled) setIsOpenInternal(!isOpen); // We want the open button to close the popover if it is already open
 
-    // We want the open button to close the popover if it is already open
     if (!isOpen) {
       if (onOpen) onOpen(e);
     } else if (onClose) onClose(e);
   };
+
   const handleCloseButtonClick = e => {
     if (!isControlled) setIsOpenInternal(!isOpen);
     if (onClose) onClose(e);
     if (isOpen && openButtonRef.current) openButtonRef.current.focus();
   };
+
   const renderOpenComponentProps = {
     tabIndex: isOpen ? -1 : 0,
     "aria-expanded": isOpen,
@@ -141,10 +163,12 @@ const PopoverContainer = ({
     ref: closeButtonRef,
     "aria-label": closeButtonAriaLabel
   };
+
   const handleClickAway = e => {
     if (!isControlled) setIsOpenInternal(false);
     if (onClose) onClose(e);
   };
+
   const handleClick = (0, _useClickAwayListener.default)(handleClickAway, "mousedown");
   return /*#__PURE__*/_react.default.createElement(_popoverContainer.PopoverContainerWrapperStyle, {
     "data-component": "popover-container",
@@ -179,6 +203,7 @@ const PopoverContainer = ({
     "data-element": "popover-container-title"
   }, title), renderCloseComponent(renderCloseComponentProps)), children))));
 };
+
 exports.PopoverContainer = PopoverContainer;
 PopoverContainer.propTypes = {
   "ariaDescribedBy": _propTypes.default.string,

package/lib/components/popover-container/popover-container.style.js

@@ -4,12 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PopoverContainerOpenIcon = exports.PopoverContainerTitleStyle = exports.PopoverContainerCloseIcon = exports.PopoverContainerContentStyle = exports.PopoverContainerHeaderStyle = exports.PopoverContainerWrapperStyle = void 0;
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _styledSystem = require("styled-system");
+
 var _themes = require("../../style/themes");
+
 var _iconButton = _interopRequireDefault(require("../icon-button"));
+
 var _icon = _interopRequireDefault(require("../icon/icon.style"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const PopoverContainerWrapperStyle = _styledComponents.default.div`
   position: relative;
   display: inline-block;
@@ -42,18 +49,21 @@ const PopoverContainerContentStyle = _styledComponents.default.div`
         opacity: 0;
         transform: translateY(-8px);
       `;
+
     case "entered":
       return `
         opacity: 1; 
         transform: translateY(0);
         transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1.5);
           `;
+
     case "exiting":
       return `
         opacity: 0; 
         transform: translateY(-8px);
         transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1.5);
           `;
+
     default:
       return "opacity: 0";
   }

package/lib/components/portal/index.js

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

package/lib/components/portal/portal.js

@@ -4,15 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PortalContext = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactDom = _interopRequireDefault(require("react-dom"));
+
 var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
+
 var _carbonScopedTokensProvider = _interopRequireDefault(require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.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; }
+
 const PortalContext = /*#__PURE__*/_react.default.createContext({});
+
 exports.PortalContext = PortalContext;
+
 const Portal = ({
   children,
   className,
@@ -29,6 +39,7 @@ const Portal = ({
       onReposition();
       window.addEventListener("resize", onReposition);
     }
+
     return () => {
       if (onReposition) {
         window.removeEventListener("resize", onReposition);
@@ -38,18 +49,20 @@ const Portal = ({
   (0, _react.useEffect)(() => {
     return () => {
       portalNode === null || portalNode === void 0 ? void 0 : portalNode.remove();
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }; // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+
   const addClassNames = node => {
     className === null || className === void 0 ? void 0 : className.split(" ").forEach(el => {
       node === null || node === void 0 ? void 0 : node.classList.add(el);
     });
     return node;
   };
+
   const getPortalContainer = () => {
     const portalClassName = "carbon-portal";
     let node = portalNode;
+
     if (!node && id !== undefined && document.getElementById(id)) {
       node = document.getElementById(id);
       setPortalNode(node);
@@ -57,25 +70,33 @@ const Portal = ({
       node = document.createElement("div");
       node.classList.add(portalClassName);
       node.setAttribute("data-portal-exit", uniqueId);
+
       if (id !== undefined) {
         node.setAttribute("id", id);
       }
+
       setPortalNode(node);
       let mainNode = document.body;
       const rootDiv = document.getElementById("root");
+
       if (rootDiv && renderInRoot) {
         mainNode = rootDiv;
       }
+
       mainNode.appendChild(node);
     }
+
     if (className) {
       node = addClassNames(node);
     }
+
     return node;
   };
+
   return /*#__PURE__*/_react.default.createElement("span", {
     "data-portal-entrance": uniqueId
   }, /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_carbonScopedTokensProvider.default, null, children), getPortalContainer()));
 };
+
 var _default = Portal;
 exports.default = _default;

package/lib/components/portrait/index.js

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

package/lib/components/portrait/portrait-gravatar.component.js

@@ -4,12 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _md = _interopRequireDefault(require("crypto-js/md5"));
+
 var _portrait = require("./portrait.style");
+
 var _portrait2 = require("./portrait.config");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const PortraitGravatar = ({
   gravatarEmail,
   size,
@@ -26,8 +33,10 @@ const PortraitGravatar = ({
     const fallbackOption = "404"; // "Return an HTTP 404 File Not Found response"
 
     /** @see https://en.gravatar.com/site/implement/images/#default-image */
+
     return `${base}${hash}?s=${dimensions}&d=${fallbackOption}`;
   };
+
   return /*#__PURE__*/_react.default.createElement(_portrait.StyledPortraitGravatar, {
     src: gravatarSrc(),
     alt: alt,
@@ -37,6 +46,7 @@ const PortraitGravatar = ({
     "data-element": "user-image"
   });
 };
+
 PortraitGravatar.propTypes = {
   "alt": _propTypes.default.string,
   "errorCallback": _propTypes.default.func,