@polygon.io/widgets/dist/components/TickerDetail/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"),_typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=_interopRequireWildcard(require("styled-components")),_LoadControl=_interopRequireDefault(require("@polygon.io/core/dist/components/Loading/LoadControl")),_Typography=require("@polygon.io/core/dist/components/Text/Typography"),_Text=_interopRequireDefault(require("@polygon.io/core/dist/components/Text/Text")),_Container=_interopRequireDefault(require("@polygon.io/core/dist/components/Container")),_Placeholder=_interopRequireDefault(require("@polygon.io/core/dist/components/Placeholder")),_Margin=_interopRequireDefault(require("@polygon.io/core/dist/components/Margin")),_Padding=_interopRequireDefault(require("@polygon.io/core/dist/components/Padding")),_Price=_interopRequireDefault(require("../Price")),_Percentage=_interopRequireDefault(require("../Percentage")),_PriceChange=_interopRequireDefault(require("../PriceChange"));function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d["default"]=a,c&&c.set(a,d),d}var __jsx=_react["default"].createElement,Wrapper=_styledComponents["default"].div.withConfig({displayName:"TickerDetail__Wrapper",componentId:"sc-wimtn-0"})(["border-radius:",";background-color:",";padding:",";"],function(a){var b=a.theme;return b.radius},function(a){var b=a.theme,c=a.up;return c?b.color.background.success:b.color.background.danger},function(a){var b=a.theme;return"".concat(b.spacing.s1," ").concat(b.spacing.s2)}),PercentageChangeText=(0,_styledComponents["default"])(_Text["default"]).withConfig({displayName:"TickerDetail__PercentageChangeText",componentId:"sc-wimtn-1"})(["color:#ffffff !important;"]),InPlaceOfText=_styledComponents["default"].div.withConfig({displayName:"TickerDetail__InPlaceOfText",componentId:"sc-wimtn-2"})(["width:0;height:",";"],function(a){var b=a.theme;return"".concat(b.font.lineHeights.s3)}),TickerDetails=function(a){var b=a.loading,c=a.ticker,d=a.logo,e=a.name,f=a.price,g=a.timeFrame,h=a.frameChange,i=a.frameChangePercentage,j=a.openChange,k=a.openPercentageChange,l=a.afterChange,m=a.afterPercentageChange,n=a.totalPercentageChange,o=a.frameLoading,p=a.earlyHours,q=a.afterHours,r=(0,_styledComponents.useTheme)();return __jsx(_Container["default"],null,d&&__jsx(_Margin["default"],{r:"3"},__jsx("img",{src:d,alt:e,width:96,height:96,loading:"lazy"})),__jsx(_Container["default"],{flexDirection:"column",justifyContent:"space-between"},__jsx(_LoadControl["default"],{height:110,loading:b,scaffold:__jsx(_Placeholder["default"],{loading:b,lines:[{lineWidth:"150px",lineHeight:"".concat(r.font.size.s2)},{lineWidth:"200px",lineHeight:"".concat(r.font.size.s7)},{lineWidth:"300px",lineHeight:"".concat(r.font.size.s8)}],spacing:"3"})},__jsx(_Typography.H6,{as:"p",weight:"medium"},c),__jsx(_Typography.H2,{as:"p",weight:"bold"},e),__jsx(_Container["default"],{alignItems:"center"},__jsx(_Typography.H1,{as:"p",weight:"bold"},f?__jsx(_Price["default"],{amount:f}):null),__jsx(_Margin["default"],{l:"2"},__jsx(_Typography.H4,{as:"p"},"USD")),__jsx(Wrapper,{up:0<n,as:_Margin["default"],l:"2"},__jsx(_Typography.Helper,{as:PercentageChangeText},__jsx(_Percentage["default"],{value:n}))))),"LAST_1_DAY_10_MINUTE_BARS"===g?__jsx(_LoadControl["default"],{height:20,loading:b,scaffold:__jsx(_Placeholder["default"],{loading:b,lines:[{lineWidth:"150px",lineHeight:"".concat(r.font.size.s2)}],spacing:"1"})},__jsx(_Container["default"],{alignItems:"center"},__jsx(_PriceChange["default"],{amount:j,percentage:k}),__jsx(_Padding["default"],{l:"2"},__jsx(_Typography.H6,{as:"p",weight:"bold"},"Today")))):__jsx(_LoadControl["default"],{height:20,loading:o,scaffold:__jsx(_Placeholder["default"],{loading:b,lines:[{lineWidth:"150px",lineHeight:"".concat(r.font.size.s2)}],spacing:"1"})},__jsx(_Container["default"],{alignItems:"center"},__jsx(_PriceChange["default"],{amount:h,percentage:i}),__jsx(_Padding["default"],{l:"2"},__jsx(_Typography.H6,{as:"p",weight:"bold"},{LAST_5_DAYS_1_HOUR_BARS:"Past 5 Days",LAST_1_MONTH_1_DAY_BARS:"Past Month",LAST_3_MONTH_1_DAY_BARS:"Past 3 Months",LAST_1_YEAR_1_DAY_BARS:"Past Year",LAST_5_YEARS_1_MONTH_BARS:"Past 5 Years"}[g])))),"LAST_1_DAY_10_MINUTE_BARS"===g&&(p||q)?__jsx(_LoadControl["default"],{height:20,loading:o,scaffold:__jsx(_Placeholder["default"],{loading:b,lines:[{lineWidth:"150px",lineHeight:"".concat(r.font.size.s2)}],spacing:"1"})},__jsx(_Container["default"],{alignItems:"center"},__jsx(_PriceChange["default"],{amount:l,percentage:m}),p&&__jsx(_Padding["default"],{l:"2"},__jsx(_Typography.H6,{as:"p",weight:"bold"},"Pre-Market")),q&&__jsx(_Padding["default"],{l:"2"},__jsx(_Typography.H6,{as:"p",weight:"bold"},"After Hours")))):__jsx(InPlaceOfText,null)))};TickerDetails.defaultProps={loading:!1,logo:"",name:"",price:void 0,timeFrame:"LAST_1_DAY_10_MINUTE_BARS",frameChange:void 0,frameChangePercentage:void 0,openChange:void 0,openPercentageChange:void 0,afterChange:void 0,afterPercentageChange:void 0,totalPercentageChange:void 0,frameLoading:!1,earlyHours:!1,afterHours:!1};var _default=TickerDetails;exports["default"]=_default;