@polygon.io/widgets
Version:
A set of drop-in React components for displaying and charting Polygon.io's financial market data.
1 lines • 2.71 kB
JavaScript
"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var _react=_interopRequireDefault(require("react")),_slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray")),_objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")),_styledComponents=_interopRequireDefault(require("styled-components")),_Text=_interopRequireDefault(require("@polygon.io/core/dist/components/Text/Text")),_Label=_interopRequireDefault(require("@polygon.io/core/dist/components/Label")),_Grid=_interopRequireDefault(require("@polygon.io/core/dist/components/Grid")),_GridItem=_interopRequireDefault(require("@polygon.io/core/dist/components/GridItem")),_Container=_interopRequireDefault(require("@polygon.io/core/dist/components/Container")),_ContainerItem=_interopRequireDefault(require("@polygon.io/core/dist/components/ContainerItem")),_FormattedNumber=_interopRequireDefault(require("../FormattedNumber")),_excluded=["labelDisplay"],__jsx=_react["default"].createElement,ResponsiveMargin=_styledComponents["default"].div.withConfig({displayName:"PriceMovement__ResponsiveMargin",componentId:"sc-1xr1m8e-0"})(["margin-right:",";@media (max-width:","px){margin-right:0;}"],function(a){var b=a.theme,c=a.index;return 0==(c+1)%3?0:"calc(".concat(b.spacing.s5," + ").concat(b.spacing.s1,")")},function(a){var b=a.theme;return b.breakpoints.sm}),PriceMovement=function(a){var b=a.labelDisplay,c=(0,_objectWithoutProperties2["default"])(a,_excluded);return __jsx(_Grid["default"],{columns:3,spacing:1},Object.entries({open:"open",prevClose:"prev close",marketCap:"market cap",high:"high",volume:"vol",yearHigh:" 52W high",low:"low",avgVolume:"avg vol",yearLow:"52W low"}).map(function(a){var d=(0,_slicedToArray2["default"])(a,2),e=d[0],f=d[1];return{label:b(f),value:c[e]}}).map(function(a,b){var c=a.label,d=a.value;return __jsx(_GridItem["default"],{xs:3,sm:1,key:c},__jsx(ResponsiveMargin,{index:b},__jsx(_Container["default"],{justifyContent:"space-between",flexWrap:"wrap"},__jsx(_ContainerItem["default"],null,__jsx(_Label["default"],{as:_Text["default"],size:"3",color:"secondary",style:{whiteSpace:"nowrap"}},c)),__jsx(_ContainerItem["default"],null,__jsx(_Text["default"],{size:"3"},d?__jsx(_FormattedNumber["default"],{value:d,decimals:"avg vol"===c||"vol"===c?0:2,shorten:"market cap"===c&&!0}):"-")))))}))};PriceMovement.defaultProps={open:0,high:0,low:0,prevClose:0,volume:0,avgVolume:0,marketCap:0,yearHigh:0,yearLow:0,labelDisplay:function labelDisplay(a){return a}};var _default=PriceMovement;exports["default"]=_default;