carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 2.62 kB
JavaScript
import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import{StyledLinkPreview as t,StyledPreviewWrapper as n,StyledTitle as o,StyledDescription as i,StyledUrl as l,StyledCloseIconWrapper as c}from"./link-preview.style.js";import{Image as p}from"../image/image.component.js";import{Preview as s}from"../preview/preview.component.js";import a from"../icon-button/icon-button.component.js";import u from"../icon/icon.component.js";import f from"./__internal__/placeholder.component.js";import m from"../../__internal__/utils/helpers/tags/tags.js";function b(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function d(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){b(e,r,t[r])}))}return e}const O=b=>{var{as:O,description:g,image:y,isLoading:j,onClose:v,title:h,url:w}=b,P=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(b,["as","description","image","isLoading","onClose","title","url"]);const k=j||!w,_=()=>({src:null==y?void 0:y.url,alt:(null==y?void 0:y.alt)||"Link preview image",height:"152px"});return e(t,(x=d({as:k?"div":O,tabIndex:k||"div"===O?-1:0},k||"div"===O?{}:{href:w,target:"_blank",rel:"noopener noreferrer"},P,m("link-preview",P)),S=null!=(S={children:[_().src?r(p,d({},_())):r(f,{}),r(n,{isLoading:k,children:e(s,{loading:k,lines:4,children:[r(o,{children:h}),r(i,{children:r("div",{children:g})}),r(l,{children:(()=>{if(null==w?void 0:w.includes("://")){const e=w.indexOf("://")+3;return w.substring(e)}return w})()})]})}),v&&"div"===O&&r(c,{children:r(a,{"aria-label":"link preview close button",onClick:()=>v(w),children:r(u,{type:"close"})})})]})?S:{},Object.getOwnPropertyDescriptors?Object.defineProperties(x,Object.getOwnPropertyDescriptors(S)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(S)).forEach((function(e){Object.defineProperty(x,e,Object.getOwnPropertyDescriptor(S,e))})),x));var x,S};O.displayName="LinkPreview";export{O as LinkPreview,O as default};