UNPKG

ethereum-lite-explorer

Version:

Ethereum Lite Explorer

4 lines 5.69 kB
(window["webpackJsonp_aleth_io_ethLite"]=window["webpackJsonp_aleth_io_ethLite"]||[]).push([[11],{pIO9:function(e,t,a){"use strict";a.r(t);var l=a("bb6g");var r=a("cDcd");var n=a.n(r);var i=a("sGQ9");var s=a("lvN2");var o=a("INKD");var c=a("C4qQ");var d=a("uJLN");var p=a("/Aw6");var g=a("2dLs");var h=a("Flqw");var m=a("0jj9");class u{constructor(e,t,a){this.txsViewMode=e;this.txsHighlightFields=t;this.txsGridSortingOptions=a}}var v=a("Q4N9");var b=a("+wbh");var w;!function(e){e["Value"]="value";e["GasPrice"]="gasprice";e["GasLimit"]="gaslimit"}(w||(w={}));class E extends b["a"]{constructor(){super();this.fields=[{key:w.Value,getLabel:e=>e.get("blockView.content.transactionsHighlight.value.label"),getData:e=>e.value},{key:w.GasPrice,getLabel:e=>e.get("general.gasPrice"),getData:e=>e.gasPrice},{key:w.GasLimit,getLabel:e=>e.get("general.gasLimit"),getData:e=>e.gasLimit}];this.setSelectedField(w.Value)}}class f{create(){return new u(new v["a"],new E,new m["a"])}}var y=a("PlaU");var x=a("NdRp");var S=a("JM6r");var F=a("Z1Mf");class T extends r["Component"]{render(){let{tx:e,translation:t,ethSymbol:a}=this.props;return r["createElement"](F["a"],null,r["createElement"](x["a"],{variant:"small"},e.hash),r["createElement"](c["a"],null,t.get("general.from")),r["createElement"](S["a"],{variant:"small"},e.from),r["createElement"](c["a"],null,t.get("general.to")),r["createElement"](S["a"],{variant:"small"},e.to),r["createElement"]("div",{style:{paddingLeft:8}},r["createElement"](c["a"],{arrow:!0,disabled:e.value.isZero()},t.get("txTooltip.value.label"))),r["createElement"]("div",{style:{display:"flex"}},r["createElement"](y["a"],{variant:"smallThin",wei:e.value,locale:this.props.locale,symbol:a})))}}var V=a("a1Aa");var L=a("VBo9");var k=a("F3RY");var M=a("ptEp");class C extends r["Component"]{render(){let e=this.props,{translation:t}=e,a=l["d"](e,["translation"]);return r["createElement"](M["a"],Object.assign({},a,{noDataText:t.get("general.grid.footer.norowsavailable.label"),loadMoreText:t.get("general.grid.footer.loadMore.label")}))}}var D=a("0p73");var H=a("hfe/");var G=a("CC9R");var O=a("70YD");class N extends D["a"]{constructor(e,t,a){super();this.fields=[{label:e.get("general.hash"),fieldKey:K.Hash,type:"string",isSortable:!0,selected:!0,alwaysVisible:!0,getFieldValue:e=>e.hash,renderer:new G["a"](e=>e.hash)},{label:e.get("general.from"),fieldKey:K.From,type:"string",isSortable:!0,selected:!0,getFieldValue:e=>e.from,renderer:new O["a"](e=>e.from)},{label:e.get("general.to"),fieldKey:K.To,type:"string",isSortable:!0,selected:!0,getFieldValue:e=>e.to,renderer:new O["a"](e=>e.to)},{label:e.get("general.valueEth",{"%s":a}),fieldKey:K.Value,type:"number",isSortable:!0,selected:!0,getFieldValue:e=>e.value,renderer:new H["a"](t,e=>e.value)}]}}const _=k["a"].div.withConfig({displayName:"TxsGridRoot",componentId:"sc-1c1a0u6"})` margin-top: 16px; `;var K;!function(e){e["Type"]="type";e["Hash"]="hash";e["From"]="from";e["To"]="to";e["Value"]="value"}(K||(K={}));let P=class e extends r["Component"]{constructor(e){super(e);this.gridFields=new N(e.translation,e.locale,e.ethSymbol);this.gridSortingOptions=this.props.gridSortingOptions}componentDidUpdate(e){this.props.translation!==e.translation&&(this.gridFields=new N(this.props.translation,this.props.locale,this.props.ethSymbol))}render(){const e=this.props.transactions.map(e=>({key:e.hash,data:e}));return r["createElement"](_,null,r["createElement"](C,{rows:e,fields:this.gridFields,sortingOptions:this.gridSortingOptions,translation:this.props.translation}))}};l["b"]([L["observable"].ref],P.prototype,"gridFields",void 0);l["b"]([L["action"]],P.prototype,"componentDidUpdate",null);P=l["b"]([i["observer"]],P);function R(e,t){let a=e.dividedBy(t).multipliedBy(100).toNumber();return Math.floor(25*Math.log10(100*a+1))}var B=a("1cE2");function J(e,t=50){if(!e.length)return[];let a=B["a"].minimum(...e);let l;let r=B["a"].maximum(...e).minus(a);if(r.isZero())return e.map(e=>t);return e.map(e=>new B["a"](e).minus(a)).map(e=>R(e,r))}a.d(t,"BlockTxs",function(){return I});const j=80;let I=class e extends n.a.Component{constructor(e){super(e);this.renderHeatMapTooltip=(e=>n.a.createElement(T,{tx:e,translation:this.props.translation,locale:this.props.locale,ethSymbol:this.props.ethSymbol}));let t=this.props.uiStateContainer.blockTxsLiteState;if(!t){t=(new f).create();this.props.uiStateContainer.blockTxsLiteState=t}}render(){let{translation:e,txs:t,locale:a,uiStateContainer:l,ethSymbol:r}=this.props;let{txsGridSortingOptions:i,txsHighlightFields:m,txsViewMode:u}=l.blockTxsLiteState;return n.a.createElement(n.a.Fragment,null,n.a.createElement(s["a"],{minWidth:610},n.a.createElement(o["a"],null,n.a.createElement(c["a"],null,e.get("blockView.content.transactions.label")),n.a.createElement(p["a"],null,t.length)),t.length?n.a.createElement(o["a"],null,n.a.createElement(c["a"],null,e.get("blockView.content.transactionsHighlight.label")),n.a.createElement(g["a"],{fields:m,translation:e,disabled:u.isTableList}),n.a.createElement(h["a"],{txsViewMode:u})):null),t.length?n.a.createElement(n.a.Fragment,null,u.isHeatMapGrid?n.a.createElement(s["a"],null,n.a.createElement(o["a"],{fullRow:!0,autoHeight:!0},n.a.createElement("div",null),n.a.createElement("div",{style:{maxWidth:600}},n.a.createElement(V["a"],{transactions:t,highlightThreshold:80,highlightDataSelector:m.getSelectedField().getData,scaleValuesFn:J,txTooltipThunk:this.renderHeatMapTooltip})))):n.a.createElement(P,{transactions:t,gridSortingOptions:i,locale:a,translation:e,ethSymbol:r}),n.a.createElement(d["a"],{height:"64px"})):null)}};I=l["b"]([i["observer"]],I)}}]); //# sourceMappingURL=a6b7404ecbbd8021ea47.bundle.js.map