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

Salesforce Lightning Design System

var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},5722:function(e,t,n){n.r(t),n.d(t,{ContextInversed:function(){return b},default:function(){return E},examples:function(){return g}});var i=n(1594),r=n.n(i),l=n(4187),a=n.n(l),s=n(942),o=n.n(s),m=n(405);function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}var u=function(e){var t=e.isPrimary,n=e.isInverse,l=e.type,a=function(e,t){switch(e){case"icon":return r().createElement(y,null);case"user-initials":return r().createElement(v,{isInverse:n});default:return r().createElement(f,{imgType:t?"1":"2"})}};return r().createElement(i.Fragment,null,r().createElement(p,{isPrimary:!0,isInverse:n},a(l,t)),r().createElement(p,{isInverse:n},a(l,!1)))};u.defaultProps={type:"image"},u.propTypes={type:a().oneOf(["image","icon","user-initials"]),isPrimary:a().bool,isInverse:a().bool};var d=function(e){return r().createElement("span",{className:o()("slds-avatar-group",(t={},n="slds-avatar-group_".concat(e.size),i=e.size,(n=function(e){var t=function(e){if("object"!=c(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==c(t)?t:t+""}(n))in t?Object.defineProperty(t,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[n]=i,t))},e.children);var t,n,i};d.defaultProps={children:r().createElement(u,null)},d.propTypes={children:a().node.isRequired,size:a().oneOf(["x-small","small","medium","large"])};var p=function(e){var t=e.children,n=e.isPrimary,i=e.isInverse;return r().createElement(m.eu,{isGrouped:!0,isPrimary:n,isInverse:i},t)};p.propTypes={children:a().node.isRequired,isPrimary:a().bool,isInverse:a().bool};var f=function(e){var t=e.imgType,n="Person ".concat(t," name");return r().createElement("img",{alt:n,src:"/assets/images/avatar".concat(t,".jpg"),title:n})};f.defaultProps={imgType:"1"},f.propTypes={imgType:a().oneOf(["1","2"]).isRequired};var y=function(e){return r().createElement(m.hS,{symbol:"user",isGrouped:!0})},v=function(e){return r().createElement(m.Ph,{isGrouped:!0,isInverse:e.isInverse,title:"Person name",initials:"WW"})};v.propTypes={isInverse:a().bool};var b=function(e){return r().createElement("div",{className:"demo-only",style:{padding:"0.5rem",background:"#16325c"}},e.children)},E=[{id:"default",label:"Default",element:r().createElement(d,null,r().createElement(u,{type:"image"}))}],g=[{id:"with-icons",label:"With icons",element:r().createElement(d,null,r().createElement(u,{type:"icon"}))},{id:"with-user-initials",label:"With initials",element:r().createElement(d,null,r().createElement(u,{type:"user-initials"}))},{id:"with-user-initials-inversed",label:"With initials inversed",demoStyles:"padding: 0.5rem; background: #16325c",storybookStyles:!0,element:r().createElement(d,null,r().createElement(u,{type:"user-initials",isInverse:!0}))},{id:"with-image-and-icon",label:"With image and icon",element:r().createElement(d,null,r().createElement(p,{isPrimary:!0},r().createElement(f,null)),r().createElement(p,null,r().createElement(y,null)))},{id:"with-icon-and-user-initials",label:"With icon and user initials",element:r().createElement(d,null,r().createElement(p,{isPrimary:!0},r().createElement(y,null)),r().createElement(p,null,r().createElement(v,null)))},{id:"with-user-initials-and-image",label:"With user initials and image",element:r().createElement(d,null,r().createElement(p,{isPrimary:!0},r().createElement(v,null)),r().createElement(p,null,r().createElement(f,null)))},{id:"x-small-image",label:"X-Small",element:r().createElement(d,{size:"x-small"},r().createElement(u,{type:"image"}))},{id:"small-image",label:"Small",element:r().createElement(d,{size:"small"},r().createElement(u,{type:"image"}))},{id:"medium-image",label:"Medium",element:r().createElement(d,{size:"medium"},r().createElement(u,{type:"image"}))},{id:"large-image",label:"Large",element:r().createElement(d,{size:"large"},r().createElement(u,{type:"image"}))},{id:"x-small-icon",label:"X-Small With icon",element:r().createElement(d,{size:"x-small"},r().createElement(u,{type:"icon"}))},{id:"small-icon",label:"Small With icon",element:r().createElement(d,{size:"small"},r().createElement(u,{type:"icon"}))},{id:"medium-icon",label:"Medium With icon",element:r().createElement(d,{size:"medium"},r().createElement(u,{type:"icon"}))},{id:"large-icon",label:"Large With icon",element:r().createElement(d,{size:"large"},r().createElement(u,{type:"icon"}))},{id:"x-small-user-initials",label:"X-Small With initials",element:r().createElement(d,{size:"x-small"},r().createElement(u,{type:"user-initials"}))},{id:"small-user-initials",label:"Small With initials",element:r().createElement(d,{size:"small"},r().createElement(u,{type:"user-initials"}))},{id:"medium-user-initials",label:"Medium With initials",element:r().createElement(d,{size:"medium"},r().createElement(u,{type:"user-initials"}))},{id:"large-user-initials",label:"Large With initials",element:r().createElement(d,{size:"large"},r().createElement(u,{type:"user-initials"}))}]}},n={};function i(e){var r=n[e];if(void 0!==r)return r.exports;var l=n[e]={exports:{}};return t[e](l,l.exports,i),l.exports}i.m=t,i.amdO={},e=[],i.O=function(t,n,r,l){if(!n){var a=1/0;for(c=0;c<e.length;c++){n=e[c][0],r=e[c][1],l=e[c][2];for(var s=!0,o=0;o<n.length;o++)(!1&l||a>=l)&&Object.keys(i.O).every(function(e){return i.O[e](n[o])})?n.splice(o--,1):(s=!1,l<a&&(a=l));if(s){e.splice(c--,1);var m=r();void 0!==m&&(t=m)}}return t}l=l||0;for(var c=e.length;c>0&&e[c-1][2]>l;c--)e[c]=e[c-1];e[c]=[n,r,l]},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,{a:t}),t},i.d=function(e,t){for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.j=7165,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6671:0,7165:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};i.O.j=function(t){return 0===e[t]};var t=function(t,n){var r,l,a=n[0],s=n[1],o=n[2],m=0;if(a.some(function(t){return 0!==e[t]})){for(r in s)i.o(s,r)&&(i.m[r]=s[r]);if(o)var c=o(i)}for(t&&t(n);m<a.length;m++)l=a[m],i.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return i.O(c)},n=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),i.nc=void 0;var r=i.O(void 0,[6790],function(){return i(5722)});r=i.O(r),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/avatar-group/base/example.jsx.js"]=r}();