@polygon.io/widgets/dist/components/NewsItem/index.js

A set of drop-in React components for displaying and charting Polygon.io's financial market data.

"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var _react=_interopRequireDefault(require("react")),_extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends")),_objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")),_styledComponents=_interopRequireDefault(require("styled-components")),_Container=_interopRequireDefault(require("@polygon.io/core/dist/components/Container")),_ContainerItem=_interopRequireDefault(require("@polygon.io/core/dist/components/ContainerItem")),_Text=_interopRequireDefault(require("@polygon.io/core/dist/components/Text/Text")),_Typography=require("@polygon.io/core/dist/components/Text/Typography"),_Margin=_interopRequireDefault(require("@polygon.io/core/dist/components/Margin")),_Padding=_interopRequireDefault(require("@polygon.io/core/dist/components/Padding")),_FormattedDate=_interopRequireDefault(require("../FormattedDate")),_TickerTags=_interopRequireDefault(require("../TickerTags")),_jsxRuntime=require("react/jsx-runtime"),_excluded=["publisherName","publisherFaviconUrl","title","publishedUtc","articleUrl","imageUrl","description","tickers","dateFormat","fullDate"],__jsx=_react["default"].createElement,StyledTitle=_styledComponents["default"].span.withConfig({displayName:"NewsItem__StyledTitle",componentId:"sc-1b154rv-0"})([""]),ArticleLink=_styledComponents["default"].a.withConfig({displayName:"NewsItem__ArticleLink",componentId:"sc-1b154rv-1"})(["text-decoration:none;&&{display:flex;color:",";&:hover{color:",";}}&:hover ","{text-decoration:underline;text-decoration-thickness:1px;}"],function(a){var b=a.theme;return b.color.content.primary},function(a){var b=a.theme;return b.color.content.primary},StyledTitle),CondensedText=(0,_styledComponents["default"])(_Text["default"]).withConfig({displayName:"NewsItem__CondensedText",componentId:"sc-1b154rv-2"})(["display:none;@media (min-width:","){display:-webkit-box;}-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;"],function(a){var b=a.theme;return"".concat(b.breakpoints.sm,"px")}),Image=_styledComponents["default"].img.withConfig({displayName:"NewsItem__Image",componentId:"sc-1b154rv-3"})(["display:flex;border-radius:",";object-fit:cover;width:",";height:",";@media (max-width:","){width:",";height:",";}"],function(a){var b=a.theme;return b.radius},function(a){var b=a.logo;return b?"20px":"96px"},function(a){var b=a.logo;return b?"20px":"96px"},function(a){var b=a.theme;return"".concat(b.breakpoints.sm,"px")},function(a){var b=a.logo;return b?"16px":"64px"},function(a){var b=a.logo;return b?"16px":"64px"}),Placeholder=_styledComponents["default"].div.withConfig({displayName:"NewsItem__Placeholder",componentId:"sc-1b154rv-4"})(["background-color:",";border-radius:",";width:96px;height:96px;@media (max-width:","){width:64px;height:64px;}"],function(a){var b=a.theme;return b.color.background.secondary},function(a){var b=a.theme;return b.radius},function(a){var b=a.theme;return"".concat(b.breakpoints.sm,"px")}),NewsItem=function(a){var b=a.publisherName,c=a.publisherFaviconUrl,d=a.title,e=a.publishedUtc,f=a.articleUrl,g=a.imageUrl,h=a.description,i=a.tickers,j=a.dateFormat,k=a.fullDate,l=(0,_objectWithoutProperties2["default"])(a,_excluded);return __jsx(ArticleLink,{rel:"noopener noreferrer nofollow",href:f,target:"_blank"},__jsx(_Container["default"],{as:_Margin["default"],b:"6"},__jsx(_ContainerItem["default"],null,/\.html$/.test(g)?__jsx(Placeholder,null):__jsx(Image,{src:g,alt:d,loading:"lazy"})),__jsx(_ContainerItem["default"],{as:_Padding["default"],x:"5"},__jsx(_Container["default"],{alignItems:"center"},b&&__jsx(_jsxRuntime.Fragment,null,__jsx(_Margin["default"],{as:"div",r:"2"},__jsx(Image,{src:c,alt:b,logo:!0,loading:"lazy"})),__jsx(_Margin["default"],{r:"2"},__jsx(_Text["default"],{size:"3",color:"secondary"},b))),e&&__jsx(_FormattedDate["default"],{date:e,dateFormat:j,fullDate:k})),__jsx(_Padding["default"],{y:"1"},__jsx(StyledTitle,null,__jsx(_Typography.H5,{as:"div",weight:"bold"},d))),__jsx(CondensedText,{size:"2",color:"secondary"},h),i&&__jsx(_TickerTags["default"],(0,_extends2["default"])({tickers:i},l)))))};NewsItem.defaultProps={publisherName:void 0,publisherFaviconUrl:void 0,title:void 0,publishedUtc:void 0,articleUrl:void 0,imageUrl:void 0,description:void 0,dateFormat:void 0,fullDate:!1,tickers:[]};var _default=NewsItem;exports["default"]=_default;