Function _Chart

docs/app/js/sanddance-app.js:11906–12120

(_props)

    }
}
function _Chart(_props) {
    class __Chart extends (0, _base.base).react.Component {
        constructor(props){
            super(props);
            this.state = {
                showTooltipDialog: false
            };
            this.choiceRef = (0, _base.base).react.createRef();
            props.explorer.dialogFocusHandler.focus = ()=>{
                var _a;
                return (_a = this.choiceRef.current) === null || _a === void 0 ? void 0 : _a.focus();
            };
        }
        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",