carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 3 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../tooltip/tooltip.component.js"),o=require("../../__internal__/utils/helpers/tags/tags.js"),i=require("./portrait.style.js");require("../../style/utils/filter-styled-system-padding-props.js");var n=require("../../style/utils/filter-styled-system-margin-props.js");function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){l(e,t,r[t])}))}return e}function a(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const c=l=>{var{alt:c,backgroundColor:p,foregroundColor:u,name:d,darkBackground:y=!1,iconType:f="individual",initials:g,shape:b="circle",size:j="M",src:O,onClick:m,tooltipMessage:C,tooltipId:P,tooltipIsVisible:k,tooltipPosition:h,tooltipType:S,tooltipSize:v,tooltipBgColor:x,tooltipFontColor:w}=l,I=function(e,t){if(null==e)return{};var r,o,i=function(e,t){if(null==e)return{};var r,o,i={},n=Object.keys(e);for(o=0;o<n.length;o++)r=n[o],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(o=0;o<n.length;o++)r=n[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(l,["alt","backgroundColor","foregroundColor","name","darkBackground","iconType","initials","shape","size","src","onClick","tooltipMessage","tooltipId","tooltipIsVisible","tooltipPosition","tooltipType","tooltipSize","tooltipBgColor","tooltipFontColor"]);const[z,q]=t.useState(!1),B=Boolean(O)&&!z;t.useEffect((()=>{q(!1)}),[O]);const _=o.default("portrait",I);return(()=>{let t=e.jsx(i.StyledIcon,{type:f,size:j});return g&&(t=e.jsx(i.StyledPortraitInitials,{size:j,"data-element":"initials",children:g.slice(0,3).toUpperCase()})),O&&!z&&(t=e.jsx(i.StyledCustomImg,{src:O,alt:c||d||"","data-element":"user-image",onError:()=>q(!0)})),C?e.jsx(r.Tooltip,{message:C,id:P,position:h,type:S,size:v,isVisible:k,bgColor:x,fontColor:w,children:e.jsx(i.StyledPortraitContainer,a(s(a(s({},n.default(I)),{onClick:m}),_),{hasValidImg:B,darkBackground:y,size:j,shape:b,backgroundColor:p,foregroundColor:u,children:t}))}):e.jsx(i.StyledPortraitContainer,a(s(a(s({},n.default(I)),{onClick:m}),_),{hasValidImg:B,darkBackground:y,size:j,shape:b,backgroundColor:p,foregroundColor:u,children:t}))})()};exports.Portrait=c,exports.default=c;