@itcase/ui-web 1.9.112 → 1.9.113

package/dist/components/AvatarStack.js

@@ -1 +1 @@
-import{jsxs as e,jsx as a}from"react/jsx-runtime";import t from"clsx";import{useAppearanceConfig as s,useDevicePropsGenerator as i,useStyles as r}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as c}from"@itcase/ui-core/utils";import{A as o}from"../Avatar_es_JNHZc9lc.js";import{G as m}from"../Group_es_DIuSNHx3.js";import{T as p}from"../primitives_es_BQqNcRQk.js";import"react";import"../Image_es_CA8fSzj-.js";import"@itcase/ui-core/hoc";import"@rc-component/tooltip";import"react-inlinesvg";const n={appearance:{size16:{size:"16"},size20:{size:"20"},size24:{size:"24"},size32:{size:"32"},size40:{size:"40"},size56:{size:"56"}},setAppearance:e=>{n.appearance=e}};function l(l){const{appearance:z,className:_,dataTestId:h,direction:d="horizontal",avatarAppearance:f,avatarsList:u,length:v=3,isSkeleton:x}=l,g=s(z,n),k=i(l,g),{size:N}=k,{styles:j}=r(l);return u.length&&e("div",{className:t(_,"avatar-stack",d&&`group_direction_${d}`,N&&`avatar-stack_size_${N}`,x&&"skeleton"),"data-testid":h,style:j,children:[u.slice(0,v).map(e=>a(o,{appearance:c(f,`size${N}`),className:"avatar-stack__item",src:e.src,textSize:"l",firstName:e.firstName,secondName:e.lastName,shape:"circular"},e.id)),u.length>v&&a(m,{className:"avatar-stack__item avatar-stack__item-text",width:`${N}px`,height:`${N}px`,fill:"surfaceSecondary",children:e(p,{size:"xs",textColor:"surfaceTextPrimary",textWeight:"600",children:["+",u.length-v]})})]})}export{l as AvatarStack};
+import{jsxs as t,jsx as a}from"react/jsx-runtime";import e from"clsx";import{useStyles as r}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as s}from"@itcase/ui-core/utils";import{A as i}from"../Avatar_es_JNHZc9lc.js";import{G as o}from"../Group_es_DIuSNHx3.js";import{T as c}from"../primitives_es_BQqNcRQk.js";import"react";import"../Image_es_CA8fSzj-.js";import"@itcase/ui-core/hoc";import"@rc-component/tooltip";import"react-inlinesvg";function m(m){const{className:l,dataTestId:n,direction:p="horizontal",size:_="56",avatarAppearance:d,avatarsList:h,length:f=3,isSkeleton:v}=m,{styles:k}=r(m);return h.length&&t("div",{className:e(l,"avatar-stack",p&&`avatar-stack_direction_${p}`,`avatar-stack_size_${_}`),"data-testid":n,style:k,children:[h.slice(0,f).map(t=>a(i,{appearance:s(d,`size${_}`),className:"avatar-stack__item",src:t.src,firstName:t.firstName,secondName:t.lastName,isSkeleton:v},t.id)),h.length>f&&a(o,{className:e("avatar-stack__item avatar-stack__item-text",v&&"skeleton"),width:`${_}px`,height:`${_}px`,fill:"surfaceSecondary",children:t(c,{size:"xs",textColor:"surfaceTextPrimary",textWeight:"600",children:["+",h.length-f]})})]})}export{m as AvatarStack};