Method render

packages/sanddance-explorer/src/dialogs/settings.tsx:170–389

()

        }

        render() {
            const { props, state } = this;
            if (!props.explorer.viewer || !props.explorer.viewer.vegaSpec) return null;
            const options: FluentUITypes.IDropdownOption[] = [
                {
                    key: DataRefType.none,
                    text: strings.selectVegaSpecDataNone,
                    selected: this.state.dataRefType === DataRefType.none,
                    data: DataRefType.none,
                },
                !props.dataFile.rawText && {
                    key: DataRefType.url,
                    text: strings.selectVegaSpecDataUrl,
                    selected: this.state.dataRefType === DataRefType.url,
                    data: DataRefType.url,
                },
                {
                    key: DataRefType.inline,
                    text: 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 (
                <div>
                    {strings.signalGroups.map((sg: { prefix: string, label: string }, gi) => {
                        const vegaSignals = signalGroupMap[sg.prefix];
                        if (vegaSignals) {
                            const filteredVegaSignals = vegaSignals.filter(filterSignals);
                            if (filteredVegaSignals.length > 0) {
                                return (
                                    <Group
                                        key={sg.prefix}
                                        label={sg.label}
                                    >
                                        {filteredVegaSignals.map((signal, i) => {
                                            const ref = base.react.createRef();
                                            if (first) {
                                                first = false;
                                                props.explorer.dialogFocusHandler.focus = () => {
                                                    const f = ref.current as Focusable;
                                                    if (f.focus) {
                                                        f.focus();
                                                    }
                                                };
                                            }
                                            return (
                                                <Signal
                                                    componentRef={ref}
                                                    key={i}
                                                    signal={signal}
                                                    explorer={props.explorer}
                                                    newViewStateTarget={false}
                                                />
                                            );
                                        })}