Function ColumnMap

packages/sanddance-explorer/src/controls/columnMap.tsx:164–216

(props: Props)

}

export function ColumnMap(props: Props) {
    const options = getColumnMapOptions(props);
    if (props.specRole.allowNone) {
        options.unshift({
            key: -1,
            text: strings.selectNone,
        });
    }
    const hasSelection = options.reduce((p, c) => {
        return p || c.selected;
    }, false);
    if (!hasSelection) {
        selectFirst(options);
    }
    let signals: NewSignal[];
    if (props.explorer.viewer && props.explorer.viewer.vegaSpec) {
        if (props.specRole.signals) {
            signals = props.explorer.viewer.vegaSpec.signals.filter(s => props.specRole.signals.indexOf(s.name) >= 0);
        }
    }
    const label = roleLabels[props.specRole.role];
    const signalElements = !props.hideSignals && signals && signals.map((signal, i) => (
        <Signal
            key={i}
            explorer={props.explorer}
            signal={signal}
            onChange={value => props.onChangeSignal && props.onChangeSignal(signal.name, value)}
            collapseLabel={props.collapseLabel}
        />
    ));
    return (
        <div
            className="sanddance-columnMap"
        >
            {props.prefix}
            {!props.hideDropdown && (
                <Dropdown
                    componentRef={props.componentRef}
                    collapseLabel={props.collapseLabel}
                    disabled={props.disabled}
                    label={label}
                    options={options}
                    onChange={(e, o) =>
                        props.changeColumnMapping(props.specRole.role, typeof o.data === 'string' ? o.data : SandDance.VegaDeckGl.util.clone(o.data))
                    }
                    onDismiss={props.onDismiss}
                />
            )}
            {signalElements}
            {props.suffix}
        </div>
    );
}