Method render

docs/app/js/sanddance-app.js:12717–12777

()

            });
        }
        render() {
            return (0, _base.base).react.createElement((0, _group.Group), {
                className: "sanddance-search",
                label: (0, _language.strings).labelSearch
            }, (0, _base.base).react.createElement("div", null, this.state.groups.map((group, groupIndex)=>(0, _base.base).react.createElement("div", {
                    className: "sanddance-search-group",
                    key: group.key
                }, (0, _base.base).react.createElement((0, _dropdown.Dropdown), {
                    collapseLabel: this.props.collapseLabels,
                    className: "search-group-clause",
                    label: (0, _language.strings).labelSearchClause,
                    disabled: groupIndex === 0 || this.props.disableGroupOR,
                    dropdownWidth: 120,
                    options: getGroupClauses(group.clause, groupIndex, this.props.disableGroupOR),
                    onChange: (e, o)=>this.updateGroup({
                            clause: o.data
                        }, groupIndex)
                }), (0, _base.base).react.createElement("div", null, group.expressions.map((ex1, i1)=>(0, _base.base).react.createElement("div", {
                        className: "sanddance-search-expression",
                        key: ex1.key
                    }, (0, _base.base).react.createElement((0, _searchTerm.SearchTerm), {
                        dropdownRef: groupIndex === 0 && i1 === 0 ? this.dropdownRef : undefined,
                        collapseLabels: this.props.collapseLabels,
                        onUpdateExpression: (ex, i)=>this.updateExpression(ex, groupIndex, i),
                        autoCompleteDistinctValues: this.props.autoCompleteDistinctValues,
                        index: i1,
                        columns: this.state.sortedColumns,
                        data: this.props.data,
                        searchExpression: ex1,
                        disableOR: this.props.disableExpressionOR,
                        column: getColumnWithName(ex1.name, this.state.sortedColumns)
                    }), group.expressions.length > 1 && (0, _base.base).react.createElement((0, _button.Button), {
                        themePalette: this.props.themePalette,
                        className: "search-action",
                        iconName: "Cancel",
                        onClick: ()=>this.deleteExpression(groupIndex, i1),
                        text: (0, _language.strings).buttonDeleteExpression
                    })))), group.expressions.length < maxClauses && (0, _base.base).react.createElement("div", null, (0, _base.base).react.createElement((0, _button.Button), {
                    themePalette: this.props.themePalette,
                    className: "search-action",
                    iconName: "Add",
                    onClick: ()=>this.addExpression(groupIndex),
                    text: (0, _language.strings).buttonAddExpression
                })), this.state.groups.length > 1 && (0, _base.base).react.createElement((0, _button.Button), {
                    themePalette: this.props.themePalette,
                    className: "search-action",
                    iconName: "Cancel",
                    onClick: ()=>this.deleteGroup(groupIndex),
                    text: (0, _language.strings).buttonDeleteExpressionGroup
                }))), this.state.groups.length < maxClauses && (0, _base.base).react.createElement("div", null, (0, _base.base).react.createElement((0, _button.Button), {
                themePalette: this.props.themePalette,
                className: "search-action search-bottom-action",
                iconName: "Add",
                onClick: ()=>this.addGroup(),
                text: (0, _language.strings).buttonAddExpressionGroup
            }))), (0, _base.base).react.createElement((0, _base.base).fluentUI.PrimaryButton, {
                className: "search-action search-bottom-action",
                text: (0, _language.strings).buttonSelect,