@anoki/fse-ui
Version:
FSE UI components library
3 lines (2 loc) • 1.29 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Avatars/avatars.css');const r=require("./index.cjs278.js");;/* empty css */const d=require("./index.cjs263.js"),m=require("./index.cjs82.js"),o=["#007bff","#28a745","#dc3545","#17a2b8","#6f42c1","#fd7e14","#20c997"];function h(s){let a=0;for(let t=0;t<s.length;t++)a=s.charCodeAt(t)+((a<<5)-a);return o[Math.abs(a)%o.length]}const p=({users:s,maxVisible:a=5,size:t=32})=>{const i=s.slice(0,a),n=s.length-i.length;return r.jsxRuntimeExports.jsx(d.Tooltip,{position:"bottom",label:r.jsxRuntimeExports.jsx(m.Col,{gap:"x24",children:i.map(e=>r.jsxRuntimeExports.jsxs("p",{className:"text-primary",children:[e.firstName," ",e.lastName]},e.fiscalCode))}),children:r.jsxRuntimeExports.jsxs("div",{className:"avatars-group",children:[i.map((e,l)=>{const c=h(e.firstName),x=e.firstName.charAt(0).toUpperCase();return r.jsxRuntimeExports.jsx("div",{className:"avatar",style:{width:t,height:t,marginLeft:l===0?0:-t/4,backgroundColor:c,fontSize:t*.45},children:x},e.fiscalCode)}),n>0&&r.jsxRuntimeExports.jsxs("div",{className:"avatar avatar-extra",style:{width:t,height:t,marginLeft:-t/4,fontSize:t*.45},children:["+",n]})]})})};exports.Avatars=p;
//# sourceMappingURL=index.cjs30.js.map