Method updateViewerOptions

docs/app/js/sanddance-app.js:13833–13956

(viewerOptions)

            if (this.viewer) this.viewer.finalize();
        }
        updateViewerOptions(viewerOptions) {
            this.viewerOptions = Object.assign(Object.assign({}, (0, _sanddanceReact.SandDance).VegaDeckGl.util.deepMerge((0, _defaults.defaultViewerOptions), this.viewerOptions, viewerOptions)), {
                tooltipOptions: {
                    exclude: (columnName)=>this.state.tooltipExclusions.indexOf(columnName) >= 0
                },
                onColorContextChange: ()=>this.manageColorToolbar(),
                onDataFilter: (filter, filteredData)=>{
                    const selectedItemIndex = Object.assign({}, this.state.selectedItemIndex);
                    selectedItemIndex[(0, _dataScope.DataScopeId).FilteredData] = 0;
                    this.changeInsight({
                        filter
                    }, {
                        label: this.historicFilterChange,
                        omit: !this.historicFilterChange
                    });
                    this.historicFilterChange = null;
                    this.setState({
                        filteredData,
                        selectedItemIndex
                    });
                    if (this.state.sideTabId === (0, _interfaces.SideTabId).Data && this.state.dataScopeId === (0, _dataScope.DataScopeId).FilteredData) //make sure item is active
                    requestAnimationFrame(()=>filteredData && this.silentActivation(filteredData[0]));
                    viewerOptions && viewerOptions.onDataFilter && viewerOptions.onDataFilter(filter, filteredData);
                },
                onSelectionChanged: (newSearch, index, selectedData)=>{
                    if (this.ignoreSelectionChange) return;
                    const selectedItemIndex = Object.assign({}, this.state.selectedItemIndex);
                    selectedItemIndex[(0, _dataScope.DataScopeId).SelectedData] = index || 0;
                    let { search  } = this.state;
                    const { sideTabId  } = this.state;
                    if (newSearch) search = createInputSearch(newSearch);
                    this.setState({
                        search,
                        selectedItemIndex,
                        sideTabId
                    });
                    viewerOptions && viewerOptions.onSelectionChanged && viewerOptions.onSelectionChanged(newSearch, index, selectedData);
                },
                onAxisClick: (e, search)=>{
                    this.toggleableSearch(e, search);
                    viewerOptions && viewerOptions.onAxisClick && viewerOptions.onAxisClick(e, search);
                },
                onLegendHeaderClick: (e)=>{
                    const pos = (0, _mouseEvent.getPosition)(e);
                    const specRole = this.state.specCapabilities && this.state.specCapabilities.roles.filter((r)=>r.role === "color")[0];
                    const positionedColumnMapProps = Object.assign(Object.assign({}, this.getColumnMapBaseProps()), {
                        collapseLabel: true,
                        container: this.div,
                        selectedColumnName: this.state.columns["color"],
                        onDismiss: ()=>{
                            this.setState({
                                positionedColumnMapProps: null
                            });
                        },
                        specRole,
                        left: pos.left - this.div.clientLeft,
                        top: pos.top - this.div.clientTop
                    });