Method render

packages/powerbi/src/app.ts:154–206

()

    }

    render() {
        const className = util.classList(
            'sanddance-app',
            this.state.chromeless && 'chromeless',
            this.state.loaded && 'loaded',
        );
        const explorerProps: ExplorerProps = {
            hideSidebarControls: true,
            logoClickUrl: 'https://microsoft.github.io/SandDance/',
            bingSearchDisabled: true,
            searchORDisabled: true,
            theme: this.state.darkTheme && 'dark-theme',
            viewerOptions: this.viewerOptions,
            initialView: '2d',
            mounted: explorer => {
                // explorer.snapshotThumbWidth = 240;
                this.explorer = explorer;
                this.props.mounted(this);
            },
            onSignalChanged: (signalName, signalValue) => {
                this.props.onViewChange({ signalChange: true });
                this.signalChanged = true;
            },
            onSnapshotsChanged: this.props.onSnapshotsChanged,
            onTooltipExclusionsChanged: tooltipExclusions => this.props.onViewChange({ tooltipExclusions }),
            onView: () => {
                this.explorer.viewer.presenter.getElement(SandDance.VegaDeckGl.PresenterElement.gl).oncontextmenu = (e) => {
                    this.props.onContextMenu(e);
                    return false;
                };
                this.props.onViewChange({ signalChange: this.signalChanged });
                this.signalChanged = false;
            },
            onError: this.props.onError,
            systemInfoChildren: [
                React.createElement('li', null, `${language.powerBiCustomVisual}: ${version}`),
            ],
        };
        return React.createElement('div', { className },
            React.createElement(Explorer, explorerProps),
            React.createElement('div', { className: 'sanddance-init' },
                React.createElement('div', null,
                    React.createElement(Logo),
                ),
                !capabilities.webgl && React.createElement('div', { className: 'sanddance-webgl-required' },
                    language.webglDisabled,
                ),
            ),
            this.state.fetching && React.createElement('div', { className: 'sanddance-fetch' },
                `${language.fetching} ${this.state.rowCount ? `(${this.state.rowCount} ${language.fetched})` : ''}`,
            ),
        );
    }
}