UNPKG

@anoki/fse-ui

Version:

FSE UI components library

3 lines (2 loc) 4.26 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/AuthorWithImage/AuthorWithImage.css');const i=require("./index.cjs237.js"),n=require("react"),B=require("./index.cjs26.js");;/* empty css */const k=require("./index.cjs308.js"),A=require("./index.cjs309.js"),D=require("./index.cjs310.js"),L=require("./index.cjs116.js"),M=require("./index.cjs256.js"),S=require("./index.cjs18.js"),a=require("./index.cjs238.js"),U=require("./index.cjs125.js"),F=require("./index.cjs181.js"),O=require("./index.cjs61.js"),P=require("./index.cjs36.js"),W=require("./index.cjs147.js"),V=({data:e={},ImageComponent:j="img",imageProps:v={},variant:g="service",publishedLabel:d="Pubblicato",readingTimeLabel:h="Tempo di lettura",readingMinuteLabel:T="min",tagsLabelTitle:R="Argomenti trattati",shareLabel:E="Condividi",copyLinkLabel:I="Copia link",copiedTextLabel:w="Link copiato",isPreview:r=!1,modeAuthenticated:o=!1,eventCardDescriptionTitle:C,tags:t})=>{var c,u,x;const{copyToClipboard:N,isCopied:f}=A.useCopyToClipboardCurrentPage(),q=n.useMemo(()=>e!=null&&e.updatedBy?D.getFullNameInitials(e.updatedBy.name??"",e.updatedBy.surname??""):"-",[e.updatedBy]),[y,l]=n.useMemo(()=>!e.previewImageTitle||e.previewImageTitle.trim()===""?[null,null]:e.previewImageTitle.trim().split(/\s+/).length>=4?M.splitInTwo(e.previewImageTitle.toUpperCase()):[e.previewImageTitle.toUpperCase(),null],[e.previewImageTitle]),b=n.useMemo(()=>{const s=e.readingTime??0;return Math.ceil(Number(s)/60)||0},[e]),$=()=>{if(!e.previewImageUrl)return null;if(g==="event"){const s=p=>"eventCardTitle"in p||"eventTitle"in p;return i.jsxRuntimeExports.jsxs("div",{className:a.clsx(r?"event-preview":"event-image-container",o?"margin-authenticated ratio-authenticated":""),children:[i.jsxRuntimeExports.jsx("img",{className:"event-background",src:e.previewImageUrl,alt:`Evento ${e.name}`}),i.jsxRuntimeExports.jsx("div",{className:"event-content-overlay",children:i.jsxRuntimeExports.jsxs("div",{className:"event-content",children:[i.jsxRuntimeExports.jsx("img",{className:"event-main-image",src:e.previewImageUrl,alt:`Evento ${e.name}`}),i.jsxRuntimeExports.jsx("div",{className:"event-card-container",children:i.jsxRuntimeExports.jsxs(O.Col,{gap:"x32",children:[s(e)&&(e.eventCardTitle||e.eventCardDescription)&&i.jsxRuntimeExports.jsx(P.CardCategory,{title:s(e)?e.eventCardTitle??"-":"-",className:"w-full",description:s(e)?C??"-":"-",description2:s(e)?e.eventCardDescription??"-":"-",classNameTitle:"text-slate-20 fs-5 md-fs-custom-2",classNameDescriptionTitle:"text-slate-28 fw-bold fs-6 md-fs-custom"}),t&&(t==null?void 0:t.length)>0&&i.jsxRuntimeExports.jsx(W.Tags,{title:R,items:t??[]})]})})]})})]})}return i.jsxRuntimeExports.jsxs("div",{className:a.clsx(r?"service-detail-image":"fullscreen-image-container",o?"margin-authenticated":""),children:[i.jsxRuntimeExports.jsx(j,{alt:`Service ${e.name} image`,src:e.previewImageUrl,style:{aspectRatio:21/9},...v}),e.previewImageTitle&&e.previewImageTitle.trim()!==""&&i.jsxRuntimeExports.jsxs("p",{className:"short-title",children:[i.jsxRuntimeExports.jsx("span",{children:y}),l&&i.jsxRuntimeExports.jsx("span",{children:l})]})]})},m=i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsxs("div",{className:"action-author",children:[i.jsxRuntimeExports.jsx(B.AuthorBlock,{authorName:(c=e==null?void 0:e.updatedBy)!=null&&c.name?`${(u=e==null?void 0:e.updatedBy)==null?void 0:u.name} ${(x=e==null?void 0:e.updatedBy)==null?void 0:x.surname}`:"-",avatar:{initials:q},publishedLabel:d,publishedDate:k.fromISODateToDateFormatted(e.updatedAt??"","it")??"-",readingTimeLabel:h,readingTimeValue:b,readingMinuteLabel:T}),i.jsxRuntimeExports.jsxs(L.Row,{gap:"x8",className:"action-link",children:[i.jsxRuntimeExports.jsx(U.ShareButton,{textLabel:E,titleShared:e.name}),i.jsxRuntimeExports.jsx("div",{className:"share-divider",children:i.jsxRuntimeExports.jsx(S.ActionIconText,{textLabel:f?w:I,icon:i.jsxRuntimeExports.jsx(F.CopyLink,{}),handleAction:N,classNameText:"fw-bold"})})]})]}),$()]});return r?i.jsxRuntimeExports.jsx("div",{className:"author-with-image-container-preview",children:m}):m};exports.AuthorWithImage=V; //# sourceMappingURL=index.cjs27.js.map