@itcase/ui-web 1.9.112 → 1.9.113

package/dist/cjs/components/AvatarStack.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),a=require("clsx"),s=require("@itcase/ui-core/hooks"),r=require("@itcase/ui-core/utils"),t=require("../../Avatar_cjs_u7zGQxZP.js"),i=require("../../Group_cjs_CiLUYKP7.js"),c=require("../../primitives_cjs_ocTnUpml.js");require("react"),require("../../Image_cjs_DBUl9LUO.js"),require("@itcase/ui-core/hoc"),require("@rc-component/tooltip"),require("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}};exports.AvatarStack=function(o){const{appearance:u,className:l,dataTestId:p,direction:m="horizontal",avatarAppearance:z,avatarsList:_,length:x=3,isSkeleton:h}=o,v=s.useAppearanceConfig(u,n),d=s.useDevicePropsGenerator(o,v),{size:j}=d,{styles:q}=s.useStyles(o);return _.length&&e.jsxs("div",{className:a(l,"avatar-stack",m&&`group_direction_${m}`,j&&`avatar-stack_size_${j}`,h&&"skeleton"),"data-testid":p,style:q,children:[_.slice(0,x).map(a=>e.jsx(t.Avatar,{appearance:r.mergeAppearanceKeys(z,`size${j}`),className:"avatar-stack__item",src:a.src,textSize:"l",firstName:a.firstName,secondName:a.lastName,shape:"circular"},a.id)),_.length>x&&e.jsx(i.Group,{className:"avatar-stack__item avatar-stack__item-text",width:`${j}px`,height:`${j}px`,fill:"surfaceSecondary",children:e.jsxs(c.Text,{size:"xs",textColor:"surfaceTextPrimary",textWeight:"600",children:["+",_.length-x]})})]})};
+"use strict";var e=require("react/jsx-runtime"),a=require("clsx"),t=require("@itcase/ui-core/hooks"),r=require("@itcase/ui-core/utils"),s=require("../../Avatar_cjs_u7zGQxZP.js"),i=require("../../Group_cjs_CiLUYKP7.js"),c=require("../../primitives_cjs_ocTnUpml.js");require("react"),require("../../Image_cjs_DBUl9LUO.js"),require("@itcase/ui-core/hoc"),require("@rc-component/tooltip"),require("react-inlinesvg"),exports.AvatarStack=function(l){const{className:n,dataTestId:o,direction:u="horizontal",size:m="56",avatarAppearance:_,avatarsList:p,length:v=3,isSkeleton:x}=l,{styles:d}=t.useStyles(l);return p.length&&e.jsxs("div",{className:a(n,"avatar-stack",u&&`avatar-stack_direction_${u}`,`avatar-stack_size_${m}`),"data-testid":o,style:d,children:[p.slice(0,v).map(a=>e.jsx(s.Avatar,{appearance:r.mergeAppearanceKeys(_,`size${m}`),className:"avatar-stack__item",src:a.src,firstName:a.firstName,secondName:a.lastName,isSkeleton:x},a.id)),p.length>v&&e.jsx(i.Group,{className:a("avatar-stack__item avatar-stack__item-text",x&&"skeleton"),width:`${m}px`,height:`${m}px`,fill:"surfaceSecondary",children:e.jsxs(c.Text,{size:"xs",textColor:"surfaceTextPrimary",textWeight:"600",children:["+",p.length-v]})})]})};