carbon-react 111.12.2 → 111.12.3

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

@@ -4,33 +4,19 @@ 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",
@@ -60,24 +46,20 @@ 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),
@@ -85,20 +67,16 @@ 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,
@@ -109,12 +87,10 @@ 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,
@@ -122,23 +98,19 @@ 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),
@@ -159,7 +131,6 @@ 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"
@@ -176,7 +147,6 @@ const Pod = /*#__PURE__*/(0, _react.forwardRef)(({
       variant: variant
     }, linkProps()), l.actions.edit())));
   }
-
   function undo() {
     return /*#__PURE__*/_react.default.createElement(_podStyle.StyledUndoButton, {
       onMouseEnter: () => setUndoHovered(true),
@@ -196,17 +166,14 @@ 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
@@ -224,102 +191,86 @@ 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,27 +4,16 @@ 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;
@@ -45,7 +34,6 @@ const StyledPod = _styledComponents.default.div`
   }
 `;
 exports.StyledPod = StyledPod;
-
 const blockBackgrounds = variant => ({
   primary: "var(--colorsUtilityYang100)",
   secondary: "var(--colorsUtilityMajor025)",
@@ -53,7 +41,6 @@ const blockBackgrounds = variant => ({
   transparent: "var(--colorsUtilityMajorTransparent)",
   tile: "var(--colorsUtilityYang100)"
 })[variant];
-
 const StyledBlock = _styledComponents.default.div`
   ${({
   variant,
@@ -179,7 +166,6 @@ const actionButtonPaddings = {
   large: 16,
   "extra-large": 16
 };
-
 const actionButtonBackgrounds = variant => ({
   primary: "var(--colorsActionMajorYang100)",
   secondary: "var(--colorsActionMinor050)",
@@ -187,7 +173,6 @@ const actionButtonBackgrounds = variant => ({
   transparent: "var(--colorsActionMajorTransparent)",
   tile: "var(--colorsActionMajorYang100)"
 })[variant];
-
 const getButtonStyles = ({
   size,
   variant,
@@ -237,7 +222,6 @@ const getButtonStyles = ({
     padding: ${actionButtonPaddings[size] + (noBorder || internalEditButton ? 0 : 1)}px;
   `};
 `;
-
 const StyledEditAction = (0, _styledComponents.default)(_link.default)`
   && > a,
   && button {
@@ -247,7 +231,8 @@ 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)"
 })}
@@ -264,7 +249,8 @@ const StyledDeleteButton = (0, _styledComponents.default)(_iconButton.default)`
     ${({
   displayOnlyOnHover
 }) => displayOnlyOnHover && "display: none;"}
-    ${props => getButtonStyles({ ...props,
+    ${props => getButtonStyles({
+  ...props,
   iconColor: "var(--colorsSemanticNegative500)",
   hoverBackgroundColor: "var(--colorsSemanticNegative600)"
 })}
@@ -278,7 +264,8 @@ 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,7 +9,5 @@ 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,35 +4,20 @@ 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,
@@ -54,7 +39,6 @@ const renderOpen = ({
 }, /*#__PURE__*/_react.default.createElement(_icon.default, {
   type: "settings"
 }));
-
 exports.renderOpen = renderOpen;
 renderOpen.propTypes = {
   "aria-expanded": _propTypes.default.bool.isRequired,
@@ -66,7 +50,6 @@ renderOpen.propTypes = {
   "onClick": _propTypes.default.func.isRequired,
   "tabIndex": _propTypes.default.number.isRequired
 };
-
 const renderClose = ({
   "data-element": dataElement,
   tabIndex,
@@ -82,7 +65,6 @@ const renderClose = ({
 }, /*#__PURE__*/_react.default.createElement(_icon.default, {
   type: "close"
 }));
-
 exports.renderClose = renderClose;
 renderClose.propTypes = {
   "aria-label": _propTypes.default.string.isRequired,
@@ -97,7 +79,6 @@ const popoverMiddleware = [(0, _dom.offset)(({
 })), (0, _dom.flip)({
   fallbackStrategy: "initialPlacement"
 })];
-
 const PopoverContainer = ({
   children,
   title,
@@ -126,25 +107,22 @@ 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); // We want the open button to close the popover if it is already open
+    if (!isControlled) setIsOpenInternal(!isOpen);
 
+    // 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,
@@ -163,12 +141,10 @@ 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",
@@ -203,7 +179,6 @@ 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,19 +4,12 @@ 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;
@@ -49,21 +42,18 @@ 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,7 +9,5 @@ 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,25 +4,15 @@ 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,
@@ -39,7 +29,6 @@ const Portal = ({
       onReposition();
       window.addEventListener("resize", onReposition);
     }
-
     return () => {
       if (onReposition) {
         window.removeEventListener("resize", onReposition);
@@ -49,20 +38,18 @@ 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);
@@ -70,33 +57,25 @@ 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,7 +9,5 @@ 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,19 +4,12 @@ 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,
@@ -33,10 +26,8 @@ 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,
@@ -46,7 +37,6 @@ const PortraitGravatar = ({
     "data-element": "user-image"
   });
 };
-
 PortraitGravatar.propTypes = {
   "alt": _propTypes.default.string,
   "errorCallback": _propTypes.default.func,