private _getOptions()

in src/MultiValueControl.tsx [64:104]
40 lines of code
3 McCabe index (conditional complexity)

    private _getOptions() {
        const options = this.props.options;
        const selected = (this.props.selected || []).slice(0);
        const filteredOpts = this._filteredOptions();

        return <div className="options">
            <TextField value={this.state.filter}
                autoFocus
                placeholder={"Filter values"}
                onKeyDown={this._onInputKeyDown}
                onBlur={this._onBlur}
                onFocus={this._onFocus}
                onChange={this._onInputChange}
            />
            <FocusZone
                direction={FocusZoneDirection.vertical}
                className="checkboxes"
            >
                {this.state.filter ? null :
                <Checkbox
                    label="Select All"
                    checked={selected.join(";") === options.join(";")}
                    onChange={this._toggleSelectAll}
                    inputProps={{
                        onBlur: this._onBlur,
                        onFocus: this._onFocus,
                    }}
                />}
                {filteredOpts
                .map((o) => <Checkbox
                    checked={selected.indexOf(o) >= 0}
                    inputProps={{
                        onBlur: this._onBlur,
                        onFocus: this._onFocus,
                    }}
                    onChange={() => this._toggleOption(o)}
                    label={o}
                />)}
            </FocusZone>
        </div>;
    }