Method constructor

packages/powerbi/src/visual.ts:78–151

(options: VisualConstructorOptions)

    public static fetchMoreTimeout = 5000;

    constructor(options: VisualConstructorOptions) {
        // console.log('Visual constructor', options);
        this.host = options.host;
        this.events = this.host.eventService;
        this.selectionManager = this.host.createSelectionManager();
        this.persistAction = {};

        if (document) {
            options.element.style.position = 'relative';
            this.viewElement = util.addDiv(options.element, 'sanddance-powerbi');
            this.errorElement = util.addDiv(options.element, 'sanddance-error');
            this.errorElement.style.position = 'absolute';

            const props: Props = {
                mounted: (app: App) => {
                    this.app = app;
                },
                onContextMenu: (e: MouseEvent | PointerEvent, selectionId?: powerbiVisualsApi.extensibility.ISelectionId) => {
                    const position: powerbiVisualsApi.extensibility.IPoint = {
                        x: e.clientX,
                        y: e.clientY,
                    };
                    this.selectionManager.showContextMenu(selectionId || {}, position);
                },
                onViewChange: viewChangeOptions => {
                    // console.log('onViewChange', this.renderingOptions);
                    if (this.renderingOptions) {
                        this.events.renderingFinished(this.renderingOptions);

                        this.persist({ reason: 'onViewChange', ...viewChangeOptions }, null);
                    }
                },
                onSnapshotsChanged: snapshots => {
                    this.persist({ reason: 'onSnapshotsChanged' }, snapshots);
                },
                onError: (e: any) => {
                    if (this.renderingOptions) {
                        this.events.renderingFailed(this.renderingOptions);
                        this.renderingOptions = null;
                    }
                },
                onDataFilter: (searchFilter, filteredData) => {
                    // console.log('onDataFilter', filteredData);
                    if (filteredData) {
                        const result = convertFilter(searchFilter, this.columns, filteredData);
                        this.applySelection(result.selectedIds);
                        this.applyFilters(result.filters);
                        this.filters = { sd: searchFilter, pbi: result.filters };
                    } else {
                        this.filters = null;
                        this.clearFilter();
                        this.clearSelection();
                    }
                },
                onSelectionChanged: (searchFilter, activeIndex, selectedData) => {
                    // console.log('onDataSelected', selectedData);
                    if (selectedData) {
                        const result = convertFilter(searchFilter, this.columns, selectedData);