Method render

docs/app/js/sanddance-app.js:11919–12113

()

            };
        }
        render() {
            const { props  } = this;
            const { explorer , specCapabilities  } = props;
            const signals = explorer.viewer && explorer.viewer.vegaSpec && specCapabilities && specCapabilities.signals && explorer.viewer.vegaSpec.signals.filter((s)=>specCapabilities.signals.indexOf(s.name) >= 0);
            return (0, _base.base).react.createElement("div", null, (0, _base.base).react.createElement((0, _group.Group), {
                label: (0, _language.strings).labelChart
            }, (0, _base.base).react.createElement("div", {
                className: "calculator"
            }, (0, _base.base).react.createElement((0, _base.base).fluentUI.ChoiceGroup, {
                componentRef: this.choiceRef,
                className: "sanddance-chart-type",
                options: chartLabelMap.map((o)=>{
                    return Object.assign(Object.assign({}, o), {
                        checked: props.chart === o.key,
                        disabled: props.disabled || o.key === "treemap" && props.quantitativeColumns.length === 0
                    });
                }),
                onChange: (e, o)=>props.onChangeChartType(o.key)
            }))), (0, _base.base).react.createElement((0, _group.Group), {
                label: (0, _language.strings).labelColumnMapping
            }, (0, _base.base).react.createElement("div", null, specCapabilities && specCapabilities.roles.map((specRole, i)=>{
                const specColumnInRole = props.insightColumns[specRole.role];
                const selectedColumnName = specColumnInRole;
                let disabledColumnName;
                let prefix;
                let suffix;
                let hideDropdown = false;
                let { totalStyle: totalStyle1  } = props;
                if (!totalStyle1) totalStyle1 = "count-square";
                let { facetStyle  } = props;
                if (!facetStyle) facetStyle = "wrap";
                switch(specRole.role){
                    case "facet":
                        suffix = (0, _base.base).react.createElement((0, _dropdown.Dropdown), {
                            disabled: !props.insightColumns.facet,
                            collapseLabel: props.collapseLabels,
                            label: (0, _language.strings).labelFacetLayout,
                            calloutProps: {
                                style: {
                                    minWidth: "18em"
                                }
                            },
                            options: [
                                {
                                    key: "header1",
                                    text: `${(0, _language.strings).labelFacetLayout}:`,
                                    itemType: (0, _base.base).fluentUI.DropdownMenuItemType.Header
                                },
                                ...singleFacetLayouts.map((f)=>{
                                    const o = {
                                        key: f.facetStyle,
                                        text: f.text,
                                        data: f,
                                        selected: facetStyle === f.facetStyle
                                    };
                                    return o;
                                }),
                                {