carbon-react 118.5.1 → 118.6.0

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

@@ -4,26 +4,20 @@ 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,
-  alt,
-  shape = "circle",
-  errorCallback
-}) => {
+const PortraitGravatar = _ref => {
+  let {
+    gravatarEmail,
+    size,
+    alt,
+    shape = "circle",
+    errorCallback
+  } = _ref;
   const gravatarSrc = () => {
     const {
       dimensions
@@ -33,10 +27,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,13 +38,5 @@ const PortraitGravatar = ({
     "data-element": "user-image"
   });
 };
-
-PortraitGravatar.propTypes = {
-  "alt": _propTypes.default.string,
-  "errorCallback": _propTypes.default.func,
-  "gravatarEmail": _propTypes.default.string.isRequired,
-  "shape": _propTypes.default.oneOf(["circle", "square"]),
-  "size": _propTypes.default.oneOf(["L", "M", "ML", "S", "XL", "XS", "XXL"]).isRequired
-};
 var _default = PortraitGravatar;
 exports.default = _default;

package/lib/components/portrait/portrait-initials.component.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { PortraitSizes, PortraitShapes } from "./portrait.component";
 export interface PortraitInitialsProps {
     /** The user's initials to render. */
@@ -12,5 +12,5 @@ export interface PortraitInitialsProps {
     /** The `alt` HTML string. */
     alt?: string;
 }
-declare const PortraitInitials: ({ initials, size, shape, darkBackground, alt, }: PortraitInitialsProps) => JSX.Element;
+declare const PortraitInitials: ({ initials, size, shape, darkBackground, alt, }: PortraitInitialsProps) => React.JSX.Element;
 export default PortraitInitials;

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

@@ -4,40 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _common = _interopRequireDefault(require("@sage/design-tokens/js/base/common"));
-
 var _portrait = require("./portrait.style");
-
 var _portrait2 = require("./portrait.config");
-
 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 PortraitInitials = ({
-  initials,
-  size,
-  shape = "circle",
-  darkBackground,
-  alt
-}) => {
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const PortraitInitials = _ref => {
+  let {
+    initials,
+    size,
+    shape = "circle",
+    darkBackground,
+    alt
+  } = _ref;
   const [cachedImageDataUrl, setCachedImageDataUrl] = (0, _react.useState)();
   (0, _react.useEffect)(() => {
     setCachedImageDataUrl("");
   }, [initials, size, darkBackground]);
-
   const generateDataUrl = () => {
     if (cachedImageDataUrl) {
       return cachedImageDataUrl;
     }
-
     const {
       textColor,
       bgColor
@@ -47,31 +37,33 @@ const PortraitInitials = ({
     let {
       dimensions
     } = _portrait2.PORTRAIT_SIZE_PARAMS[size];
-    dimensions -= 2; // Set canvas with & height
+    dimensions -= 2;
 
+    // Set canvas with & height
     canvas.width = dimensions;
-    canvas.height = dimensions; // Select a font family to support different language characters like Arial
+    canvas.height = dimensions;
 
+    // Select a font family to support different language characters like Arial
     /* istanbul ignore else */
-
     if (context) {
       context.font = `${Math.round(canvas.width / 2.4)}px "Sage UI", Arial`;
-      context.textAlign = "center"; // Setup background and front color
+      context.textAlign = "center";
 
+      // Setup background and front color
       context.fillStyle = _common.default[bgColor];
       context.fillRect(0, 0, dimensions, dimensions);
       context.fillStyle = _common.default[textColor];
       context.fillText(initials.slice(0, 3).toUpperCase(), dimensions / 2, dimensions / 1.5);
-    } // Set image representation in default format (png)
-
+    }
 
-    const dataURI = canvas.toDataURL(); // Dispose canvas element
+    // Set image representation in default format (png)
+    const dataURI = canvas.toDataURL();
 
+    // Dispose canvas element
     canvas = null;
     setCachedImageDataUrl(dataURI);
     return dataURI;
   };
-
   return /*#__PURE__*/_react.default.createElement(_portrait.StyledPortraitInitials, {
     "data-element": "initials",
     size: size,
@@ -82,13 +74,5 @@ const PortraitInitials = ({
     alt: alt
   }));
 };
-
-PortraitInitials.propTypes = {
-  "alt": _propTypes.default.string,
-  "darkBackground": _propTypes.default.bool,
-  "initials": _propTypes.default.string.isRequired,
-  "shape": _propTypes.default.oneOf(["circle", "square"]),
-  "size": _propTypes.default.oneOf(["L", "M", "ML", "S", "XL", "XS", "XXL"]).isRequired
-};
 var _default = PortraitInitials;
 exports.default = _default;

package/lib/components/portrait/portrait.component.d.ts

@@ -46,5 +46,5 @@ export interface PortraitWithSrc extends PortraitBaseProps {
     gravatar?: never;
 }
 export declare type PortraitProps = PortraitWithGravatar | PortraitWithSrc;
-export declare const Portrait: ({ alt, darkBackground, gravatar, iconType, initials, shape, size, src, onClick, tooltipMessage, tooltipId, tooltipIsVisible, tooltipPosition, tooltipType, tooltipSize, tooltipBgColor, tooltipFontColor, ...rest }: PortraitProps) => JSX.Element;
+export declare const Portrait: ({ alt, darkBackground, gravatar, iconType, initials, shape, size, src, onClick, tooltipMessage, tooltipId, tooltipIsVisible, tooltipPosition, tooltipType, tooltipSize, tooltipBgColor, tooltipFontColor, ...rest }: PortraitProps) => React.JSX.Element;
 export default Portrait;

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

@@ -4,53 +4,40 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Portrait = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _tooltip = _interopRequireDefault(require("../tooltip"));
-
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-
 var _portraitGravatar = _interopRequireDefault(require("./portrait-gravatar.component"));
-
 var _portraitInitials = _interopRequireDefault(require("./portrait-initials.component"));
-
 var _portrait = require("./portrait.style");
-
 var _utils = require("../../style/utils");
-
 var _carbonProvider = require("../carbon-provider/carbon-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; }
-
-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 Portrait = ({
-  alt = "",
-  darkBackground = false,
-  gravatar,
-  iconType = "individual",
-  initials,
-  shape,
-  size = "M",
-  src,
-  onClick,
-  tooltipMessage,
-  tooltipId,
-  tooltipIsVisible,
-  tooltipPosition,
-  tooltipType,
-  tooltipSize,
-  tooltipBgColor,
-  tooltipFontColor,
-  ...rest
-}) => {
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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); }
+const Portrait = _ref => {
+  let {
+    alt = "",
+    darkBackground = false,
+    gravatar,
+    iconType = "individual",
+    initials,
+    shape,
+    size = "M",
+    src,
+    onClick,
+    tooltipMessage,
+    tooltipId,
+    tooltipIsVisible,
+    tooltipPosition,
+    tooltipType,
+    tooltipSize,
+    tooltipBgColor,
+    tooltipFontColor,
+    ...rest
+  } = _ref;
   const [externalError, setExternalError] = (0, _react.useState)(false);
   const {
     roundedCornersOptOut
@@ -60,7 +47,6 @@ const Portrait = ({
     setExternalError(false);
   }, [gravatar, src]);
   const tagProps = (0, _tags.default)("portrait", rest);
-
   const renderComponent = () => {
     let portrait = /*#__PURE__*/_react.default.createElement(_portrait.StyledIcon, {
       type: iconType,
@@ -68,7 +54,6 @@ const Portrait = ({
       shape: shape || defaultShape,
       darkBackground: darkBackground
     });
-
     if (initials) {
       portrait = /*#__PURE__*/_react.default.createElement(_portraitInitials.default, {
         size: size,
@@ -78,7 +63,6 @@ const Portrait = ({
         alt: alt
       });
     }
-
     if (src && !externalError) {
       portrait = /*#__PURE__*/_react.default.createElement(_portrait.StyledCustomImg, {
         src: src,
@@ -89,7 +73,6 @@ const Portrait = ({
         onError: () => setExternalError(true)
       });
     }
-
     if (gravatar && !externalError) {
       portrait = /*#__PURE__*/_react.default.createElement(_portraitGravatar.default, {
         gravatarEmail: gravatar,
@@ -99,7 +82,6 @@ const Portrait = ({
         errorCallback: () => setExternalError(true)
       });
     }
-
     if (tooltipMessage) {
       return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
         message: tooltipMessage,
@@ -114,188 +96,12 @@ const Portrait = ({
         onClick: onClick
       }, tagProps), portrait));
     }
-
     return /*#__PURE__*/_react.default.createElement(_portrait.StyledPortraitContainer, _extends({}, (0, _utils.filterStyledSystemMarginProps)(rest), {
       onClick: onClick
     }, tagProps), portrait);
   };
-
   return renderComponent();
 };
-
 exports.Portrait = Portrait;
-Portrait.propTypes = {
-  "alt": _propTypes.default.string,
-  "darkBackground": _propTypes.default.bool,
-  "gravatar": _propTypes.default.string,
-  "iconType": _propTypes.default.oneOf(["add", "admin", "alert_on", "alert", "analysis", "arrow_bottom_right_circle", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_top_left_circle", "arrow_up", "arrow", "arrows_left_right", "attach", "bank_with_card", "bank", "basket_with_squares", "basket", "bed", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "car_lock", "car_money", "car_repair", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "cash", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "check_all", "check_none", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "construction", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "dashboard", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "drill", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "form_refresh", "gift", "go", "graduation_hat", "graph", "grid", "hand_cash_coins", "hand_cash_note", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "laptop", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "palm_tree", "pause_circle", "pause", "pdf", "people_switch", "people", "percentage_boxed", "person_info", "person_tick", "person", "petrol_pump", "phone", "piggy_bank", "plane", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question_hollow", "question_mark", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "talk", "theatre_masks", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
-  "initials": _propTypes.default.string,
-  "m": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "margin": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "marginBottom": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "marginLeft": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "marginRight": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "marginTop": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "marginX": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "marginY": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "mb": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "ml": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "mr": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "mt": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "mx": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "my": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__@toStringTag": _propTypes.default.string.isRequired,
-    "description": _propTypes.default.string,
-    "toString": _propTypes.default.func.isRequired,
-    "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "onClick": _propTypes.default.func,
-  "shape": _propTypes.default.oneOf(["circle", "square"]),
-  "size": _propTypes.default.oneOf(["L", "M", "ML", "S", "XL", "XS", "XXL"]),
-  "src": _propTypes.default.string,
-  "tooltipBgColor": _propTypes.default.string,
-  "tooltipFontColor": _propTypes.default.string,
-  "tooltipId": _propTypes.default.string,
-  "tooltipIsVisible": _propTypes.default.bool,
-  "tooltipMessage": _propTypes.default.node,
-  "tooltipPosition": _propTypes.default.oneOf(["bottom", "left", "right", "top"]),
-  "tooltipSize": _propTypes.default.oneOf(["large", "medium"]),
-  "tooltipType": _propTypes.default.string
-};
 var _default = Portrait;
 exports.default = _default;

package/lib/components/portrait/portrait.style.js

@@ -3,31 +3,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.StyledPortraitInitialsImg = exports.StyledPortraitInitials = exports.StyledPortraitGravatar = exports.StyledPortraitContainer = exports.StyledIcon = exports.StyledCustomImg = void 0;
 exports.getColorsForInitials = getColorsForInitials;
-exports.StyledPortraitContainer = exports.StyledIcon = exports.StyledCustomImg = exports.StyledPortraitGravatar = exports.StyledPortraitInitialsImg = exports.StyledPortraitInitials = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _styledSystem = require("styled-system");
-
 var _base = _interopRequireDefault(require("../../style/themes/base"));
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 var _portrait = require("./portrait.config");
-
 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 stylingForSize({
-  size,
-  initials
-}) {
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function stylingForSize(_ref) {
+  let {
+    size,
+    initials
+  } = _ref;
   const params = _portrait.PORTRAIT_SIZE_PARAMS[size];
-
   if (initials) {
     return (0, _styledComponents.css)`
       width: inherit;
@@ -35,16 +26,15 @@ function stylingForSize({
       margin: 1px;
     `;
   }
-
   return (0, _styledComponents.css)`
-    width: ${params === null || params === void 0 ? void 0 : params.dimensions}px;
-    height: ${params === null || params === void 0 ? void 0 : params.dimensions}px;
+    width: ${params?.dimensions}px;
+    height: ${params?.dimensions}px;
   `;
 }
-
-function stylingForShape({
-  shape
-}) {
+function stylingForShape(_ref2) {
+  let {
+    shape
+  } = _ref2;
   let cssString = "overflow: hidden;";
   if (shape === "square") cssString += "border-radius: 0px;";
   if (shape === "circle") cssString += "border-radius: var(--borderRadiusCircle);";
@@ -52,36 +42,32 @@ function stylingForShape({
     ${cssString}
   `;
 }
-
-function stylingForIcon({
-  size,
-  darkBackground
-}) {
+function stylingForIcon(_ref3) {
+  let {
+    size,
+    darkBackground
+  } = _ref3;
   const params = _portrait.PORTRAIT_SIZE_PARAMS[size];
   let color = "var(--colorsUtilityMajor200)";
   let backgroundColor = "var(--colorsUtilityMajor025)";
-
   if (darkBackground) {
     color = "var(--colorsUtilityMajor025)";
     backgroundColor = "var(--colorsUtilityMajor200)";
   }
-
   return (0, _styledComponents.css)`
     background-color: ${backgroundColor};
     color: ${color};
     ::before {
-      font-size: ${params === null || params === void 0 ? void 0 : params.iconDimensions}px;
+      font-size: ${params?.iconDimensions}px;
     }
   `;
 }
-
 function getColorsForInitials(darkBackground) {
   return {
     textColor: darkBackground ? "colorsUtilityYang100" : "colorsUtilityYin055",
     bgColor: darkBackground ? "colorsUtilityMajor400" : "colorsUtilityMajor025"
   };
 }
-
 const StyledPortraitInitials = _styledComponents.default.div`
   display: inline-block;
   vertical-align: middle;
@@ -114,9 +100,10 @@ const StyledCustomImg = _styledComponents.default.img`
   display: block;
   ${stylingForSize}
   ${stylingForShape}
-`; // && is used here to increase the specificity
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
+`;
 
+// && is used here to increase the specificity
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 exports.StyledCustomImg = StyledCustomImg;
 const StyledIcon = (0, _styledComponents.default)(_icon.default)`
   && {
@@ -125,17 +112,23 @@ const StyledIcon = (0, _styledComponents.default)(_icon.default)`
     ${stylingForSize}
     ${stylingForIcon}
     ${stylingForShape}
-    border: 1px dashed ${({
-  darkBackground
-}) => darkBackground ? "var(--colorsUtilityMajorTransparent)" : "var(--colorsUtilityMajor200)"};
+    border: 1px dashed ${_ref4 => {
+  let {
+    darkBackground
+  } = _ref4;
+  return darkBackground ? "var(--colorsUtilityMajorTransparent)" : "var(--colorsUtilityMajor200)";
+}};
   }
 `;
 exports.StyledIcon = StyledIcon;
 const StyledPortraitContainer = _styledComponents.default.div`
   display: inline-block;
-  ${({
-  onClick
-}) => onClick && "cursor: pointer"}
+  ${_ref5 => {
+  let {
+    onClick
+  } = _ref5;
+  return onClick && "cursor: pointer";
+}}
   ${_styledSystem.margin}
 `;
 exports.StyledPortraitContainer = StyledPortraitContainer;