@salesforce-ux/design-system/__internal/chunked/showcase/ui/components/avatar-group/base/example.jsx.js

Salesforce Lightning Design System

var SLDS=SLDS||{};SLDS["__internal/chunked/showcase/ui/components/avatar-group/base/example.jsx.js"]=function(e){function t(t){for(var r,i,u=t[0],s=t[1],o=t[2],m=0,c=[];m<u.length;m++)i=u[m],l[i]&&c.push(l[i][0]),l[i]=0;for(r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r]);for(d&&d(t);c.length;)c.shift()();return n.push.apply(n,o||[]),a()}function a(){for(var e,t=0;t<n.length;t++){for(var a=n[t],r=!0,u=1;u<a.length;u++){var s=a[u];0!==l[s]&&(r=!1)}r&&(n.splice(t--,1),e=i(i.s=a[0]))}return e}var r={},l={86:0,7:0,8:0,15:0,16:0,22:0,32:0,38:0,42:0,45:0,54:0,58:0,59:0,63:0,64:0,67:0,71:0,75:0,77:0,80:0,84:0,87:0,88:0,93:0,99:0,100:0,104:0,106:0,114:0,117:0,118:0,122:0,124:0,125:0,126:0,127:0,128:0,129:0,133:0,138:0,144:0,152:0,163:0,167:0,170:0,171:0,178:0,181:0,182:0},n=[];function i(t){if(r[t])return r[t].exports;var a=r[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,i),a.l=!0,a.exports}i.m=e,i.c=r,i.d=function(e,t,a){i.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:a})},i.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/assets/scripts/bundle/";var u=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],s=u.push.bind(u);u.push=t,u=u.slice();for(var o=0;o<u.length;o++)t(u[o]);var d=s;return n.push([154,0]),a()}({0:function(e,t){e.exports=React},153:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.AvatarGroupedUserInitials=t.AvatarGroupedIcon=t.AvatarImage=t.AvatarGrouped=t.AvatarGroup=t.AvatarGroupContent=void 0;var r=a(0),l=s(r),n=s(a(3)),i=s(a(1)),u=a(39);function s(e){return e&&e.__esModule?e:{default:e}}var o=t.AvatarGroupContent=function(e){var t=e.isPrimary,a=e.isInverse,n=e.type,i=function(e,t){switch(e){case"icon":return l.default.createElement(p,null);case"user-initials":return l.default.createElement(f,{isInverse:a});case"image":default:return l.default.createElement(c,{imgType:t?"1":"2"})}};return l.default.createElement(r.Fragment,null,l.default.createElement(m,{isPrimary:!0,isInverse:a},i(n,t)),l.default.createElement(m,{isInverse:a},i(n,!1)))};o.defaultProps={type:"image"},o.propTypes={type:n.default.oneOf(["image","icon","user-initials"]),isPrimary:n.default.bool,isInverse:n.default.bool};var d=t.AvatarGroup=function(e){return l.default.createElement("span",{className:(0,i.default)("slds-avatar-group",function(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}({},"slds-avatar-group_"+e.size,e.size))},e.children)};d.defaultProps={children:l.default.createElement(o,null)},d.propTypes={children:n.default.node.isRequired,size:n.default.oneOf(["x-small","small","medium","large"])};var m=t.AvatarGrouped=function(e){var t=e.children,a=e.isPrimary,r=e.isInverse;return l.default.createElement(u.Avatar,{isGrouped:!0,isPrimary:a,isInverse:r},t)};m.propTypes={children:n.default.node.isRequired,isPrimary:n.default.bool,isInverse:n.default.bool};var c=t.AvatarImage=function(e){var t=e.imgType,a="Person "+t+" name";return l.default.createElement("img",{alt:a,src:"/assets/images/avatar"+t+".jpg",title:a})};c.defaultProps={imgType:"1"},c.propTypes={imgType:n.default.oneOf(["1","2"]).isRequired};var p=t.AvatarGroupedIcon=function(e){return l.default.createElement(u.AvatarIcon,{symbol:"user",isGrouped:!0})},f=t.AvatarGroupedUserInitials=function(e){return l.default.createElement(u.AvatarInitials,{isGrouped:!0,isInverse:e.isInverse,title:"Person name",initials:"WW"})};f.propTypes={isInverse:n.default.bool}},154:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.examples=t.ContextInversed=void 0;var r=function(e){return e&&e.__esModule?e:{default:e}}(a(0)),l=a(153);t.ContextInversed=function(e){return r.default.createElement("div",{className:"demo-only",style:{padding:"0.5rem",background:"#16325c"}},e.children)};t.default=r.default.createElement(l.AvatarGroup,null,r.default.createElement(l.AvatarGroupContent,{type:"image"}));t.examples=[{id:"with-icons",label:"With icons",element:r.default.createElement(l.AvatarGroup,null,r.default.createElement(l.AvatarGroupContent,{type:"icon"}))},{id:"with-user-initials",label:"With initials",element:r.default.createElement(l.AvatarGroup,null,r.default.createElement(l.AvatarGroupContent,{type:"user-initials"}))},{id:"with-user-initials-inversed",label:"With initials",element:r.default.createElement(l.AvatarGroup,null,r.default.createElement(l.AvatarGroupContent,{type:"user-initials",isInverse:!0}))},{id:"with-image-and-icon",label:"With image and icon",element:r.default.createElement(l.AvatarGroup,null,r.default.createElement(l.AvatarGrouped,{isPrimary:!0},r.default.createElement(l.AvatarImage,null)),r.default.createElement(l.AvatarGrouped,null,r.default.createElement(l.AvatarGroupedIcon,null)))},{id:"with-icon-and-user-initials",label:"With icon and user initials",element:r.default.createElement(l.AvatarGroup,null,r.default.createElement(l.AvatarGrouped,{isPrimary:!0},r.default.createElement(l.AvatarGroupedIcon,null)),r.default.createElement(l.AvatarGrouped,null,r.default.createElement(l.AvatarGroupedUserInitials,null)))},{id:"with-user-initials-and-image",label:"With user initials and image",element:r.default.createElement(l.AvatarGroup,null,r.default.createElement(l.AvatarGrouped,{isPrimary:!0},r.default.createElement(l.AvatarGroupedUserInitials,null)),r.default.createElement(l.AvatarGrouped,null,r.default.createElement(l.AvatarImage,null)))},{id:"x-small-image",label:"X-Small",element:r.default.createElement(l.AvatarGroup,{size:"x-small"},r.default.createElement(l.AvatarGroupContent,{type:"image"}))},{id:"small-image",label:"Small",element:r.default.createElement(l.AvatarGroup,{size:"small"},r.default.createElement(l.AvatarGroupContent,{type:"image"}))},{id:"medium-image",label:"Medium",element:r.default.createElement(l.AvatarGroup,{size:"medium"},r.default.createElement(l.AvatarGroupContent,{type:"image"}))},{id:"large-image",label:"Large",element:r.default.createElement(l.AvatarGroup,{size:"large"},r.default.createElement(l.AvatarGroupContent,{type:"image"}))},{id:"x-small-icon",label:"X-Small With icon",element:r.default.createElement(l.AvatarGroup,{size:"x-small"},r.default.createElement(l.AvatarGroupContent,{type:"icon"}))},{id:"small-icon",label:"Small With icon",element:r.default.createElement(l.AvatarGroup,{size:"small"},r.default.createElement(l.AvatarGroupContent,{type:"icon"}))},{id:"medium-icon",label:"Medium With icon",element:r.default.createElement(l.AvatarGroup,{size:"medium"},r.default.createElement(l.AvatarGroupContent,{type:"icon"}))},{id:"large-icon",label:"Large With icon",element:r.default.createElement(l.AvatarGroup,{size:"large"},r.default.createElement(l.AvatarGroupContent,{type:"icon"}))},{id:"x-small-user-initials",label:"X-Small With initials",element:r.default.createElement(l.AvatarGroup,{size:"x-small"},r.default.createElement(l.AvatarGroupContent,{type:"user-initials"}))},{id:"small-user-initials",label:"Small With initials",element:r.default.createElement(l.AvatarGroup,{size:"small"},r.default.createElement(l.AvatarGroupContent,{type:"user-initials"}))},{id:"medium-user-initials",label:"Medium With initials",element:r.default.createElement(l.AvatarGroup,{size:"medium"},r.default.createElement(l.AvatarGroupContent,{type:"user-initials"}))},{id:"large-user-initials",label:"Large With initials",element:r.default.createElement(l.AvatarGroup,{size:"large"},r.default.createElement(l.AvatarGroupContent,{type:"user-initials"}))}]}});