@secondstaxorg/sscomp 1.6.71 → 1.6.73
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +3 -3
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +88 -54
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +3 -3
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/MarketData/helpers.d.ts +2 -0
package/dist/index.js
CHANGED
|
@@ -18245,15 +18245,20 @@ const _jsxFileName$I = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
|
|
|
18245
18245
|
* Dropdown component for selecting from a list of options
|
|
18246
18246
|
*/
|
|
18247
18247
|
const DropdownList = (props) => {
|
|
18248
|
-
|
|
18248
|
+
let {options,returnedSelection,initialText,disabled,label,placeholder,searchable,width} = props;
|
|
18249
18249
|
const [opened,setOpened] = React$1.useState(false);
|
|
18250
18250
|
const [passedOption,setPassedOption] = React$1.useState({});
|
|
18251
18251
|
const [err,setErr] = React$1.useState(false);
|
|
18252
18252
|
const [optionsOri,setOptionsOri] = React$1.useState([]);
|
|
18253
18253
|
const [optionsRec,setOptionsRec] = React$1.useState([]);
|
|
18254
18254
|
const [qryStr,setQryStr] = React$1.useState('');
|
|
18255
|
+
const [initText,setInitText] = React$1.useState('');
|
|
18255
18256
|
const buttonRef = React$1.useRef();
|
|
18256
18257
|
|
|
18258
|
+
React$1.useEffect(()=>{
|
|
18259
|
+
if (initialText) setInitText(initialText);
|
|
18260
|
+
},[initialText]);
|
|
18261
|
+
|
|
18257
18262
|
React$1.useEffect(()=>{
|
|
18258
18263
|
document.addEventListener('keyup',function(e){
|
|
18259
18264
|
if (opened && e.code === 'Escape') setOpened(false);
|
|
@@ -18278,15 +18283,15 @@ const DropdownList = (props) => {
|
|
|
18278
18283
|
}
|
|
18279
18284
|
|
|
18280
18285
|
return (
|
|
18281
|
-
React$1.createElement(FieldContainer, { style: {width:width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18286
|
+
React$1.createElement(FieldContainer, { style: {width:width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 48}}
|
|
18282
18287
|
, !disabled &&
|
|
18283
18288
|
React$1.createElement(React$1.Fragment, null
|
|
18284
18289
|
, label &&
|
|
18285
|
-
React$1.createElement(LabelContainer, {__self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18286
|
-
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18290
|
+
React$1.createElement(LabelContainer, {__self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 52}}
|
|
18291
|
+
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 53}}, label)
|
|
18287
18292
|
)
|
|
18288
18293
|
|
|
18289
|
-
, React$1.createElement(DropdownField, { style: {borderColor:passedOption.value ? theme.colors["success-500"] : theme.colors["neutral-200"]}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18294
|
+
, React$1.createElement(DropdownField, { style: {borderColor:passedOption.value ? theme.colors["success-500"] : theme.colors["neutral-200"]}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 56}}
|
|
18290
18295
|
, React$1.createElement('button', { ref: buttonRef, type: "button", className: `dropdown-field ${err ? 'error' : ''}`, onBlur: ()=>{
|
|
18291
18296
|
if (!searchable){
|
|
18292
18297
|
setTimeout(()=>{
|
|
@@ -18301,52 +18306,53 @@ const DropdownList = (props) => {
|
|
|
18301
18306
|
}else {
|
|
18302
18307
|
setOpened(true);
|
|
18303
18308
|
}
|
|
18304
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18309
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 57}}
|
|
18305
18310
|
)
|
|
18306
18311
|
, searchable && opened &&
|
|
18307
18312
|
React$1.createElement('input', { type: "text", value: qryStr, onChange: (e)=>{filterList(e.target.value);}, className: `dropdown-field search-field ${err ? 'error' : ''}`, onFocus: ()=>{setOpened(true);}, onBlur: ()=>{
|
|
18308
18313
|
setTimeout(()=>{
|
|
18309
18314
|
setOpened(false);
|
|
18310
18315
|
},200);
|
|
18311
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18316
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 74}})
|
|
18312
18317
|
|
|
18313
|
-
, React$1.createElement('div', { style: {overflowX:'hidden'}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18314
|
-
|
|
18315
|
-
|
|
18316
|
-
|
|
18317
|
-
, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18318
|
-
, !
|
|
18318
|
+
, React$1.createElement('div', { style: {overflowX:'hidden'}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 80}}
|
|
18319
|
+
/*<span className="paragraph2Regular">{initialText}</span>*/
|
|
18320
|
+
/*{!passedOption.label &&
|
|
18321
|
+
<>*/
|
|
18322
|
+
, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 84}}, initText)
|
|
18323
|
+
, !initText &&
|
|
18319
18324
|
React$1.createElement(React$1.Fragment, null
|
|
18320
|
-
, placeholder && React$1.createElement('span', { className: "paragraph2Regular placeholder" , __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18325
|
+
, placeholder && React$1.createElement('span', { className: "paragraph2Regular placeholder" , __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 87}}, placeholder)
|
|
18321
18326
|
)
|
|
18322
18327
|
|
|
18323
|
-
|
|
18324
|
-
|
|
18328
|
+
/*</>
|
|
18329
|
+
}*/
|
|
18325
18330
|
)
|
|
18326
18331
|
, React$1.createElement(DropdownIcon, { className: `dropdown-icon ${opened ? 'expanded' : 'collapsed'}`, onMouseUp: ()=>{
|
|
18327
18332
|
if (!opened){
|
|
18328
18333
|
buttonRef.current.focus();
|
|
18329
18334
|
setOpened(true);
|
|
18330
18335
|
}
|
|
18331
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18332
|
-
, React$1.createElement('svg', { width: "12", height: "8", viewBox: "0 0 12 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18333
|
-
, React$1.createElement('path', { d: "M10.9999 1.17C10.8126 0.983753 10.5591 0.879211 10.2949 0.879211C10.0308 0.879211 9.77731 0.983753 9.58995 1.17L5.99995 4.71L2.45995 1.17C2.27259 0.983753 2.01913 0.879211 1.75495 0.879211C1.49076 0.879211 1.23731 0.983753 1.04995 1.17C0.95622 1.26297 0.881826 1.37357 0.831057 1.49543C0.780288 1.61729 0.75415 1.74799 0.75415 1.88C0.75415 2.01202 0.780288 2.14272 0.831057 2.26458C0.881826 2.38644 0.95622 2.49704 1.04995 2.59L5.28995 6.83C5.38291 6.92373 5.49351 6.99813 5.61537 7.04889C5.73723 7.09966 5.86794 7.1258 5.99995 7.1258C6.13196 7.1258 6.26267 7.09966 6.38453 7.04889C6.50638 6.99813 6.61699 6.92373 6.70995 6.83L10.9999 2.59C11.0937 2.49704 11.1681 2.38644 11.2188 2.26458C11.2696 2.14272 11.2957 2.01202 11.2957 1.88C11.2957 1.74799 11.2696 1.61729 11.2188 1.49543C11.1681 1.37357 11.0937 1.26297 10.9999 1.17Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18336
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 93}}
|
|
18337
|
+
, React$1.createElement('svg', { width: "12", height: "8", viewBox: "0 0 12 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 99}}
|
|
18338
|
+
, React$1.createElement('path', { d: "M10.9999 1.17C10.8126 0.983753 10.5591 0.879211 10.2949 0.879211C10.0308 0.879211 9.77731 0.983753 9.58995 1.17L5.99995 4.71L2.45995 1.17C2.27259 0.983753 2.01913 0.879211 1.75495 0.879211C1.49076 0.879211 1.23731 0.983753 1.04995 1.17C0.95622 1.26297 0.881826 1.37357 0.831057 1.49543C0.780288 1.61729 0.75415 1.74799 0.75415 1.88C0.75415 2.01202 0.780288 2.14272 0.831057 2.26458C0.881826 2.38644 0.95622 2.49704 1.04995 2.59L5.28995 6.83C5.38291 6.92373 5.49351 6.99813 5.61537 7.04889C5.73723 7.09966 5.86794 7.1258 5.99995 7.1258C6.13196 7.1258 6.26267 7.09966 6.38453 7.04889C6.50638 6.99813 6.61699 6.92373 6.70995 6.83L10.9999 2.59C11.0937 2.49704 11.1681 2.38644 11.2188 2.26458C11.2696 2.14272 11.2957 2.01202 11.2957 1.88C11.2957 1.74799 11.2696 1.61729 11.2188 1.49543C11.1681 1.37357 11.0937 1.26297 10.9999 1.17Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 100}})
|
|
18334
18339
|
)
|
|
18335
18340
|
)
|
|
18336
18341
|
, opened &&
|
|
18337
18342
|
React$1.createElement(React$1.Fragment, null
|
|
18338
18343
|
, options && options.length > 0 &&
|
|
18339
|
-
React$1.createElement(OptionsList, {__self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18344
|
+
React$1.createElement(OptionsList, {__self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 106}}
|
|
18340
18345
|
, optionsRec.map((option, index) => (
|
|
18341
18346
|
React$1.createElement(DropdownOption, { key: index, onClick: ()=>{
|
|
18342
|
-
setPassedOption(option)
|
|
18347
|
+
// setPassedOption(option)
|
|
18348
|
+
setInitText(option.label);
|
|
18343
18349
|
returnedSelection(option);
|
|
18344
18350
|
}, onMouseDown: ()=>{
|
|
18345
18351
|
setTimeout(()=>{
|
|
18346
18352
|
setPassedOption(option);
|
|
18347
18353
|
returnedSelection(option);
|
|
18348
18354
|
},200);
|
|
18349
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18355
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 108}}, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 117}}, option.label))
|
|
18350
18356
|
))
|
|
18351
18357
|
)
|
|
18352
18358
|
|
|
@@ -18356,10 +18362,10 @@ const DropdownList = (props) => {
|
|
|
18356
18362
|
)
|
|
18357
18363
|
|
|
18358
18364
|
, disabled &&
|
|
18359
|
-
React$1.createElement(DisabledContainer, {__self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18360
|
-
,
|
|
18361
|
-
, React$1.createElement('svg', { width: "24", height: "24", viewBox: "0 0 24 24" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18362
|
-
, React$1.createElement('path', { d: "M16.9999 9.16994C16.8126 8.98369 16.5591 8.87915 16.2949 8.87915C16.0308 8.87915 15.7773 8.98369 15.5899 9.16994L11.9999 12.7099L8.45995 9.16994C8.27259 8.98369 8.01913 8.87915 7.75495 8.87915C7.49076 8.87915 7.23731 8.98369 7.04995 9.16994C6.95622 9.26291 6.88183 9.37351 6.83106 9.49537C6.78029 9.61723 6.75415 9.74793 6.75415 9.87994C6.75415 10.012 6.78029 10.1427 6.83106 10.2645C6.88183 10.3864 6.95622 10.497 7.04995 10.5899L11.2899 14.8299C11.3829 14.9237 11.4935 14.9981 11.6154 15.0488C11.7372 15.0996 11.8679 15.1257 11.9999 15.1257C12.132 15.1257 12.2627 15.0996 12.3845 15.0488C12.5064 14.9981 12.617 14.9237 12.7099 14.8299L16.9999 10.5899C17.0937 10.497 17.1681 10.3864 17.2188 10.2645C17.2696 10.1427 17.2957 10.012 17.2957 9.87994C17.2957 9.74793 17.2696 9.61723 17.2188 9.49537C17.1681 9.37351 17.0937 9.26291 16.9999 9.16994Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber:
|
|
18365
|
+
React$1.createElement(DisabledContainer, {__self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 127}}
|
|
18366
|
+
, initText
|
|
18367
|
+
, React$1.createElement('svg', { width: "24", height: "24", viewBox: "0 0 24 24" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 129}}
|
|
18368
|
+
, React$1.createElement('path', { d: "M16.9999 9.16994C16.8126 8.98369 16.5591 8.87915 16.2949 8.87915C16.0308 8.87915 15.7773 8.98369 15.5899 9.16994L11.9999 12.7099L8.45995 9.16994C8.27259 8.98369 8.01913 8.87915 7.75495 8.87915C7.49076 8.87915 7.23731 8.98369 7.04995 9.16994C6.95622 9.26291 6.88183 9.37351 6.83106 9.49537C6.78029 9.61723 6.75415 9.74793 6.75415 9.87994C6.75415 10.012 6.78029 10.1427 6.83106 10.2645C6.88183 10.3864 6.95622 10.497 7.04995 10.5899L11.2899 14.8299C11.3829 14.9237 11.4935 14.9981 11.6154 15.0488C11.7372 15.0996 11.8679 15.1257 11.9999 15.1257C12.132 15.1257 12.2627 15.0996 12.3845 15.0488C12.5064 14.9981 12.617 14.9237 12.7099 14.8299L16.9999 10.5899C17.0937 10.497 17.1681 10.3864 17.2188 10.2645C17.2696 10.1427 17.2957 10.012 17.2957 9.87994C17.2957 9.74793 17.2696 9.61723 17.2188 9.49537C17.1681 9.37351 17.0937 9.26291 16.9999 9.16994Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$I, lineNumber: 130}})
|
|
18363
18369
|
)
|
|
18364
18370
|
)
|
|
18365
18371
|
|
|
@@ -18413,22 +18419,36 @@ const _jsxFileName$H = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
|
|
|
18413
18419
|
*/
|
|
18414
18420
|
const ExchangeRates = (props) => {
|
|
18415
18421
|
const {baseCurr,baseCurrShortName,source,lastUpdated,exchangeCurrs} = props;
|
|
18422
|
+
|
|
18423
|
+
function nameToSymbol(currName){
|
|
18424
|
+
switch (currName){
|
|
18425
|
+
case 'USD':
|
|
18426
|
+
return '$'
|
|
18427
|
+
case 'EUR':
|
|
18428
|
+
return '€'
|
|
18429
|
+
case 'GBP':
|
|
18430
|
+
return '£'
|
|
18431
|
+
default:
|
|
18432
|
+
return currName
|
|
18433
|
+
}
|
|
18434
|
+
}
|
|
18435
|
+
|
|
18416
18436
|
return (
|
|
18417
18437
|
React$1.createElement(React$1.Fragment, null
|
|
18418
18438
|
, exchangeCurrs && exchangeCurrs.length > 0 &&
|
|
18419
|
-
React$1.createElement(RateContainer$1, {__self: undefined, __source: {fileName: _jsxFileName$H, lineNumber:
|
|
18420
|
-
, React$1.createElement('div', { style: {marginBottom:16}, __self: undefined, __source: {fileName: _jsxFileName$H, lineNumber:
|
|
18421
|
-
, React$1.createElement(CurrencyName, { className: "heading6SMedium", __self: undefined, __source: {fileName: _jsxFileName$H, lineNumber:
|
|
18439
|
+
React$1.createElement(RateContainer$1, {__self: undefined, __source: {fileName: _jsxFileName$H, lineNumber: 28}}
|
|
18440
|
+
, React$1.createElement('div', { style: {marginBottom:16}, __self: undefined, __source: {fileName: _jsxFileName$H, lineNumber: 29}}
|
|
18441
|
+
, React$1.createElement(CurrencyName, { className: "heading6SMedium", __self: undefined, __source: {fileName: _jsxFileName$H, lineNumber: 30}}, baseCurr, " (" , baseCurrShortName, ")")
|
|
18422
18442
|
)
|
|
18423
|
-
, React$1.createElement(Rates$1, {__self: undefined, __source: {fileName: _jsxFileName$H, lineNumber:
|
|
18443
|
+
, React$1.createElement(Rates$1, {__self: undefined, __source: {fileName: _jsxFileName$H, lineNumber: 32}}
|
|
18424
18444
|
, exchangeCurrs.map((exchCurr,index)=>(
|
|
18425
|
-
React$1.createElement('div', { key: index, className: "exchange-currency", __self: undefined, __source: {fileName: _jsxFileName$H, lineNumber:
|
|
18426
|
-
, React$1.createElement('img', { src: exchCurr.currFlag, alt: "", __self: undefined, __source: {fileName: _jsxFileName$H, lineNumber:
|
|
18427
|
-
, React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$H, lineNumber:
|
|
18445
|
+
React$1.createElement('div', { key: index, className: "exchange-currency", __self: undefined, __source: {fileName: _jsxFileName$H, lineNumber: 34}}
|
|
18446
|
+
, React$1.createElement('img', { src: exchCurr.currFlag, alt: "", __self: undefined, __source: {fileName: _jsxFileName$H, lineNumber: 35}})
|
|
18447
|
+
, React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$H, lineNumber: 36}}, nameToSymbol(exchCurr.currName), "1 = " , exchCurr.rate)
|
|
18428
18448
|
)
|
|
18429
18449
|
))
|
|
18430
18450
|
)
|
|
18431
|
-
, React$1.createElement('p', { className: "last-updated", __self: undefined, __source: {fileName: _jsxFileName$H, lineNumber:
|
|
18451
|
+
, React$1.createElement('p', { className: "last-updated", __self: undefined, __source: {fileName: _jsxFileName$H, lineNumber: 40}}, "Last updated on " , lastUpdated, " | Source: " , source)
|
|
18432
18452
|
)
|
|
18433
18453
|
|
|
18434
18454
|
)
|
|
@@ -18927,7 +18947,7 @@ const NothingContent$5 = styled.div`
|
|
|
18927
18947
|
}
|
|
18928
18948
|
`;
|
|
18929
18949
|
|
|
18930
|
-
function moneyfy$
|
|
18950
|
+
function moneyfy$3(number, currency){
|
|
18931
18951
|
const numberFormat = new Intl.NumberFormat('en-US', {
|
|
18932
18952
|
style:'currency',
|
|
18933
18953
|
currency:currency,
|
|
@@ -19043,14 +19063,14 @@ const LPRequestTable = (props) => {
|
|
|
19043
19063
|
, React$1.createElement('div', { className: "txn-amt", __self: undefined, __source: {fileName: _jsxFileName$D, lineNumber: 110}}
|
|
19044
19064
|
, React$1.createElement('span', { className: "amt", __self: undefined, __source: {fileName: _jsxFileName$D, lineNumber: 111}}
|
|
19045
19065
|
, transaction.baseCurrFlag &&React$1.createElement('img', { src: transaction.baseCurrFlag, alt: "base flag" , __self: undefined, __source: {fileName: _jsxFileName$D, lineNumber: 112}})
|
|
19046
|
-
, moneyfy$
|
|
19066
|
+
, moneyfy$3(transaction.baseAmount,transaction.baseCurrency)
|
|
19047
19067
|
)
|
|
19048
19068
|
, React$1.createElement('svg', { width: "24", height: "24", viewBox: "0 0 24 24" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$D, lineNumber: 115}}
|
|
19049
19069
|
, React$1.createElement('path', { d: "M17.9982 10.0002C17.9982 9.73497 17.8928 9.48062 17.7053 9.29308C17.5178 9.10554 17.2634 9.00019 16.9982 9.00019H5.40819L7.70819 6.71019C7.89649 6.52188 8.00228 6.26649 8.00228 6.00019C8.00228 5.73388 7.89649 5.47849 7.70819 5.29019C7.51988 5.10188 7.26449 4.99609 6.99819 4.99609C6.73188 4.99609 6.47649 5.10188 6.28819 5.29019L2.28819 9.29019C2.14943 9.43081 2.05543 9.60938 2.01806 9.80337C1.98068 9.99736 2.00161 10.1981 2.07819 10.3802C2.15321 10.5628 2.2806 10.7191 2.44432 10.8295C2.60804 10.9398 2.80076 10.9992 2.99819 11.0002H16.9982C17.2634 11.0002 17.5178 10.8948 17.7053 10.7073C17.8928 10.5198 17.9982 10.2654 17.9982 10.0002ZM21.9182 13.6202C21.8432 13.4376 21.7158 13.2812 21.552 13.1709C21.3883 13.0606 21.1956 13.0012 20.9982 13.0002H6.99819C6.73297 13.0002 6.47862 13.1055 6.29108 13.2931C6.10354 13.4806 5.99819 13.735 5.99819 14.0002C5.99819 14.2654 6.10354 14.5198 6.29108 14.7073C6.47862 14.8948 6.73297 15.0002 6.99819 15.0002H18.5882L16.2882 17.2902C16.1945 17.3831 16.1201 17.4937 16.0693 17.6156C16.0185 17.7375 15.9924 17.8682 15.9924 18.0002C15.9924 18.1322 16.0185 18.2629 16.0693 18.3848C16.1201 18.5066 16.1945 18.6172 16.2882 18.7102C16.3812 18.8039 16.4917 18.8783 16.6136 18.9291C16.7355 18.9798 16.8662 19.006 16.9982 19.006C17.1302 19.006 17.2609 18.9798 17.3828 18.9291C17.5046 18.8783 17.6152 18.8039 17.7082 18.7102L21.7082 14.7102C21.8469 14.5696 21.9409 14.391 21.9783 14.197C22.0157 14.003 21.9948 13.8023 21.9182 13.6202Z" , fill: "#BBCCE6", __self: undefined, __source: {fileName: _jsxFileName$D, lineNumber: 116}})
|
|
19050
19070
|
)
|
|
19051
19071
|
, React$1.createElement('span', { className: "amt", __self: undefined, __source: {fileName: _jsxFileName$D, lineNumber: 118}}
|
|
19052
19072
|
, transaction.exchangeCurrFlag && React$1.createElement('img', { src: transaction.exchangeCurrFlag, alt: "exchange flag" , __self: undefined, __source: {fileName: _jsxFileName$D, lineNumber: 119}})
|
|
19053
|
-
, moneyfy$
|
|
19073
|
+
, moneyfy$3(transaction.exchangeAmount,transaction.exchangeCurrency)
|
|
19054
19074
|
)
|
|
19055
19075
|
)
|
|
19056
19076
|
)
|
|
@@ -19956,8 +19976,22 @@ const LastUpdated$1 = styled.div`
|
|
|
19956
19976
|
}
|
|
19957
19977
|
`;
|
|
19958
19978
|
|
|
19959
|
-
|
|
19979
|
+
function moneyfy$2(number){
|
|
19980
|
+
const numberFormat = new Intl.NumberFormat('en-US', {
|
|
19981
|
+
minimumFractionDigits:2,
|
|
19982
|
+
maximumFractionDigits:2
|
|
19983
|
+
});
|
|
19984
|
+
|
|
19985
|
+
return numberFormat.format(number)
|
|
19986
|
+
}
|
|
19960
19987
|
|
|
19988
|
+
function thousandSeparator(number){
|
|
19989
|
+
const numberFormat = new Intl.NumberFormat('en-US');
|
|
19990
|
+
|
|
19991
|
+
return numberFormat.format(number)
|
|
19992
|
+
}
|
|
19993
|
+
|
|
19994
|
+
const _jsxFileName$A = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\MarketData\\MarketData.tsx";
|
|
19961
19995
|
/**
|
|
19962
19996
|
* Component to display cards of market data widget
|
|
19963
19997
|
*/
|
|
@@ -19967,28 +20001,28 @@ const MarketData = (props) => {
|
|
|
19967
20001
|
return (
|
|
19968
20002
|
React$1.createElement(React$1.Fragment, null
|
|
19969
20003
|
, marketData && marketData.length > 0 &&
|
|
19970
|
-
React$1.createElement(MarketdataWidgetContainer, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
20004
|
+
React$1.createElement(MarketdataWidgetContainer, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 21}}
|
|
19971
20005
|
, marketData.map((data,index) => (
|
|
19972
|
-
React$1.createElement(MarketDataItemContainer, { key: index, __self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
19973
|
-
, React$1.createElement(MarketNameFlagContainer, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
19974
|
-
, React$1.createElement(EntityName, { className: "heading6SMedium", __self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
20006
|
+
React$1.createElement(MarketDataItemContainer, { key: index, __self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 23}}
|
|
20007
|
+
, React$1.createElement(MarketNameFlagContainer, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 24}}
|
|
20008
|
+
, React$1.createElement(EntityName, { className: "heading6SMedium", __self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 25}}, data.market)
|
|
19975
20009
|
, React$1.createElement('img', { src: data.marketCountryFlag,
|
|
19976
|
-
alt: "Country flag" , __self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
20010
|
+
alt: "Country flag" , __self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 26}})
|
|
19977
20011
|
)
|
|
19978
|
-
, React$1.createElement(DataContainer, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
19979
|
-
, React$1.createElement(DataInfoContainer, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
19980
|
-
, React$1.createElement(InfoItem, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
19981
|
-
, React$1.createElement('small', { className: "captionBook", __self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
19982
|
-
, React$1.createElement('p', { className: "heading6SMedium", __self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
20012
|
+
, React$1.createElement(DataContainer, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 29}}
|
|
20013
|
+
, React$1.createElement(DataInfoContainer, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 30}}
|
|
20014
|
+
, React$1.createElement(InfoItem, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 31}}
|
|
20015
|
+
, React$1.createElement('small', { className: "captionBook", __self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 32}}, "Volume")
|
|
20016
|
+
, React$1.createElement('p', { className: "heading6SMedium", __self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 33}}, thousandSeparator(data.volume))
|
|
19983
20017
|
)
|
|
19984
|
-
, React$1.createElement(InfoItem, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
19985
|
-
, React$1.createElement('small', { className: "captionBook", __self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
19986
|
-
, React$1.createElement('p', { className: "heading6SMedium", __self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
20018
|
+
, React$1.createElement(InfoItem, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 35}}
|
|
20019
|
+
, React$1.createElement('small', { className: "captionBook", __self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 36}}, "Market Cap" )
|
|
20020
|
+
, React$1.createElement('p', { className: "heading6SMedium", __self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 37}}, moneyfy$2(data.marketCap))
|
|
19987
20021
|
)
|
|
19988
20022
|
)
|
|
19989
|
-
, React$1.createElement(LastUpdated$1, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
19990
|
-
, React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
19991
|
-
, React$1.createElement('br', {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber:
|
|
20023
|
+
, React$1.createElement(LastUpdated$1, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 40}}
|
|
20024
|
+
, React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 41}}, "Last updated:"
|
|
20025
|
+
, React$1.createElement('br', {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 42}})
|
|
19992
20026
|
, data.lastUpdated
|
|
19993
20027
|
)
|
|
19994
20028
|
)
|