Function SearchTerm

docs/app/js/sanddance-app.js:12955–13027

(props)

    return typeof ex.value === "string" ? ex.value : ex.value == null ? "" : ex.value.toString();
}
function SearchTerm(props) {
    const ex = props.searchExpression;
    const possibleValues = getValues(ex, props.column, props.data, props.autoCompleteDistinctValues);
    //TODO better date handling with calendar picker
    return (0, _base.base).react.createElement("div", null, props.index > 0 && (0, _base.base).react.createElement((0, _dropdown.Dropdown), {
        collapseLabel: props.collapseLabels,
        className: "search-field",
        label: (0, _language.strings).labelSearchClause,
        dropdownWidth: 120,
        disabled: !ex.unlocked || props.disableOR,
        options: getExpressionClauses(ex.clause, props.disableOR),
        onChange: (e, o)=>props.onUpdateExpression({
                clause: o.data
            }, props.index)
    }), (0, _base.base).react.createElement((0, _dropdown.Dropdown), {
        componentRef: props.dropdownRef,
        collapseLabel: props.collapseLabels,
        className: "search-field",
        label: (0, _language.strings).labelSearchColumn,
        options: [
            {
                key: "",
                text: (0, _language.strings).selectAny,
                data: null,
                selected: ex.name === null
            }
        ].concat(props.columns.map((c, i)=>({
                key: c.name,
                text: c.name,
                data: c,
                selected: c.name === ex.name
            }))),
        onChange: (e, o)=>props.onUpdateExpression({
                name: o.data && o.data.name || null
            }, props.index)
    }), (0, _base.base).react.createElement((0, _dropdown.Dropdown), {
        collapseLabel: props.collapseLabels,
        className: "search-field",
        label: (0, _language.strings).labelSearchOperator,
        dropdownWidth: 120,
        options: getOperators(ex, props.column),
        onChange: (e, o)=>props.onUpdateExpression({
                operator: o.data
            }, props.index)
    }), possibleValues.length > 0 && (0, _base.base).react.createElement((0, _base.base).fluentUI.ComboBox, {
        className: "search-field",
        label: props.collapseLabels ? null : (0, _language.strings).labelSearchValue,
        placeholder: (0, _language.strings).labelSearchValuePlaceholder,
        disabled: ex.operator === "isnullorEmpty",
        dropdownWidth: (0, _dropdown.dropdownWidth),
        allowFreeform: true,
        autoComplete: "on",
        errorMessage: ex.errorMessage,
        text: getText(ex),
        options: getValues(ex, props.column, props.data, props.autoCompleteDistinctValues),
        onChange: (e, o, i, value)=>{
            if (o) value = o.text;
            props.onUpdateExpression({