@polygon.io/widgets/dist/components/RankedList/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")),_Text=_interopRequireDefault(require("@polygon.io/core/dist/components/Text/Text")),_Padding=_interopRequireDefault(require("@polygon.io/core/dist/components/Padding")),_Container=_interopRequireDefault(require("@polygon.io/core/dist/components/Container")),_ContainerItem=_interopRequireDefault(require("@polygon.io/core/dist/components/ContainerItem")),_Placeholder=_interopRequireDefault(require("../../../../core/dist/components/Placeholder")),_Price=_interopRequireDefault(require("../Price")),_DirectionalText=_interopRequireDefault(require("../DirectionalText")),_Percentage=_interopRequireDefault(require("../Percentage")),_jsxRuntime=require("react/jsx-runtime");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:"RankedList__Wrapper",componentId:"sc-1u4xzhj-0"})(["cursor:pointer;"]),CapText=(0,_styledComponents["default"])(_Text["default"]).withConfig({displayName:"RankedList__CapText",componentId:"sc-1u4xzhj-1"})(["text-transform:capitalize;"]),RankedList=function(a){var b=a.direction,c=a.rows,d=a.onClick,e=a.max,f=a.loaded,g=(0,_styledComponents.useTheme)(),h=["Symbol","Price","24h"],i=c.slice(-1*e).map(function(a){var b=a.ticker,c=a.lastQuote.b,e=a.lastTrade.p,f=a.todaysChangePerc;return{onClick:d,key:b,cells:[__jsx(_Text["default"],{size:"3"},b),__jsx(_Text["default"],{size:"3",weight:"medium"},__jsx(_Price["default"],{amount:e||c,currency:"$"})),__jsx(_DirectionalText["default"],{as:_Text["default"],size:"3",weight:"medium",up:0<f},__jsx(_Percentage["default"],{value:f}))]}});return __jsx(_jsxRuntime.Fragment,null,__jsx(CapText,{size:"4",weight:"inherit"},"Top ",b),__jsx(_Padding["default"],{as:"div",t:"3"},__jsx(_Placeholder["default"],{loading:!f,lines:[{lineWidth:"100%",lineHeight:"".concat(g.font.size.s4)}],spacing:"3",repeatBy:e},__jsx(_Container["default"],{flexDirection:"column"},i.map(function(a){var b=a.cells,c=a.key,d=a.onClick;return __jsx(_Container["default"],{as:Wrapper,key:c,flexDirection:"row",onClick:function(){return d(c)}},b.map(function(a,b){return __jsx(_ContainerItem["default"],{as:_Padding["default"],y:"1",key:"".concat(a.ticker,"-").concat(h[b]),flex:1},a)}))})))))};RankedList.defaultProps={rows:[],onClick:function onClick(){},max:5,loaded:!1};var _default=RankedList;exports["default"]=_default;