Method render

docs/app/js/sanddance-app.js:13200–13369

()

            this.state = initState(props);
        }
        render() {
            const { props , state  } = this;
            if (!props.explorer.viewer || !props.explorer.viewer.vegaSpec) return null;
            const options = [
                {
                    key: DataRefType.none,
                    text: (0, _language.strings).selectVegaSpecDataNone,
                    selected: this.state.dataRefType === DataRefType.none,
                    data: DataRefType.none
                },
                !props.dataFile.rawText && {
                    key: DataRefType.url,
                    text: (0, _language.strings).selectVegaSpecDataUrl,
                    selected: this.state.dataRefType === DataRefType.url,
                    data: DataRefType.url
                },
                {
                    key: DataRefType.inline,
                    text: (0, _language.strings).selectVegaSpecDataInline,
                    selected: this.state.dataRefType === DataRefType.inline,
                    data: DataRefType.inline
                }
            ].filter(Boolean);
            const signalGroupMap = vegaSignalGroups(props.explorer.viewer.vegaSpec.signals);
            let first = true;
            return (0, _base.base).react.createElement("div", null, (0, _language.strings).signalGroups.map((sg, gi)=>{
                const vegaSignals = signalGroupMap[sg.prefix];
                if (vegaSignals) {
                    const filteredVegaSignals = vegaSignals.filter(filterSignals);
                    if (filteredVegaSignals.length > 0) return (0, _base.base).react.createElement((0, _group.Group), {
                        key: sg.prefix,
                        label: sg.label
                    }, filteredVegaSignals.map((signal, i)=>{
                        const ref = (0, _base.base).react.createRef();
                        if (first) {
                            first = false;
                            props.explorer.dialogFocusHandler.focus = ()=>{
                                const f = ref.current;
                                if (f.focus) f.focus();
                            };
                        }
                        return (0, _base.base).react.createElement((0, _signal.Signal), {
                            componentRef: ref,
                            key: i,
                            signal: signal,
                            explorer: props.explorer,
                            newViewStateTarget: false
                        });
                    }));
                }
            }), (0, _base.base).react.createElement((0, _group.Group), {
                label: (0, _language.strings).labelChartCanvas
            }, (0, _base.base).react.createElement((0, _base.base).fluentUI.Toggle, {
                label: (0, _language.strings).labelShowAxes,
                defaultChecked: !props.hideAxes,
                onChange: (e, checked)=>props.onToggleAxes(!checked)
            }), (0, _base.base).react.createElement((0, _base.base).fluentUI.Toggle, {
                label: (0, _language.strings).labelShowLegend,