()
| 14559 | if (this.props.mounted) this.props.mounted(this); |
| 14560 | } |
| 14561 | render() { |
| 14562 | const { colorBin: colorBin1 , columns , directColor: directColor1 , facetStyle , filter , hideAxes: hideAxes1 , hideLegend: hideLegend1 , scheme: scheme1 , signalValues: signalValues1 , size , totalStyle , transform , chart: chart1 , view: view1 } = this.state; |
| 14563 | const insight = { |
| 14564 | colorBin: colorBin1, |
| 14565 | columns, |
| 14566 | directColor: directColor1, |
| 14567 | facetStyle, |
| 14568 | filter, |
| 14569 | hideAxes: hideAxes1, |
| 14570 | hideLegend: hideLegend1, |
| 14571 | scheme: scheme1, |
| 14572 | signalValues: signalValues1, |
| 14573 | size, |
| 14574 | totalStyle, |
| 14575 | transform, |
| 14576 | chart: chart1, |
| 14577 | view: view1 |
| 14578 | }; |
| 14579 | const loaded = !!(this.state.columns && this.state.dataContent); |
| 14580 | const selectionState = this.viewer && this.viewer.getSelection() || {}; |
| 14581 | const selectionSearch = selectionState && selectionState.search; |
| 14582 | const columnMapProps = this.getColumnMapBaseProps(); |
| 14583 | const datas = {}; |
| 14584 | datas[(0, _dataScope.DataScopeId).AllData] = this.state.dataContent && this.state.dataContent.data; |
| 14585 | datas[(0, _dataScope.DataScopeId).FilteredData] = this.state.filteredData; |
| 14586 | datas[(0, _dataScope.DataScopeId).SelectedData] = selectionState && selectionState.selectedData; |
| 14587 | if (this.state.calculating) requestAnimationFrame(()=>{ |
| 14588 | //allow render to complete |
| 14589 | if (this.state.calculating) { |
| 14590 | this.state.calculating(); |
| 14591 | this.setState({ |
| 14592 | calculating: null |
| 14593 | }); |
| 14594 | } |
| 14595 | }); |
| 14596 | const theme = this.props.theme || ""; |
| 14597 | const themePalette = (0, _themes.themePalettes)[theme]; |
| 14598 | return (0, _base.base).react.createElement("div", { |
| 14599 | ref: (div)=>{ |
| 14600 | if (div) this.div = div; |
| 14601 | }, |
| 14602 | className: (0, _sanddanceReact.util).classList("sanddance-explorer", this.props.theme) |
| 14603 | }, (0, _base.base).react.createElement((0, _topbar.Topbar), { |
| 14604 | collapseLabels: this.props.compactUI, |
| 14605 | historyIndex: this.state.historyIndex, |
| 14606 | historyItems: this.state.historyItems, |
| 14607 | undo: ()=>this.undo(), |
| 14608 | redo: ()=>this.redo(), |
| 14609 | logoClickUrl: this.props.logoClickUrl, |
| 14610 | logoClickTarget: this.props.logoClickTarget, |
| 14611 | themePalette: themePalette, |
| 14612 | loaded: loaded, |
| 14613 | doDeselect: this.doDeselect.bind(this), |
| 14614 | doFilter: this.doFilter.bind(this), |
| 14615 | doUnfilter: this.doUnfilter.bind(this), |
| 14616 | filter: this.state.filter, |
| 14617 | selectionSearch: selectionSearch, |
| 14618 | selectionState: selectionState, |
nothing calls this directly
no test coverage detected