Function TextFieldBase1

docs/app/js/sanddance-app.js:49660–49754

(props1)

var TextFieldBase = /** @class */ function(_super) {
    (0, _tslib.__extends)(TextFieldBase1, _super);
    function TextFieldBase1(props1) {
        var _this = _super.call(this, props1) || this;
        _this._textElement = _react.createRef();
        _this._onFocus = function(ev) {
            if (_this.props.onFocus) _this.props.onFocus(ev);
            _this.setState({
                isFocused: true
            }, function() {
                if (_this.props.validateOnFocusIn) _this._validate(_this.value);
            });
        };
        _this._onBlur = function(ev) {
            if (_this.props.onBlur) _this.props.onBlur(ev);
            _this.setState({
                isFocused: false
            }, function() {
                if (_this.props.validateOnFocusOut) _this._validate(_this.value);
            });
        };
        _this._onRenderLabel = function(props) {
            var label = props.label, required = props.required;
            // IProcessedStyleSet definition requires casting for what Label expects as its styles prop
            var labelStyles = _this._classNames.subComponentStyles ? _this._classNames.subComponentStyles.label : undefined;
            if (label) return _react.createElement((0, _label.Label), {
                required: required,
                htmlFor: _this._id,
                styles: labelStyles,
                disabled: props.disabled,
                id: _this._labelId
            }, props.label);
            return null;
        };
        _this._onRenderDescription = function(props) {
            if (props.description) return _react.createElement("span", {
                className: _this._classNames.description
            }, props.description);
            return null;
        };
        _this._onRevealButtonClick = function(event) {
            _this.setState(function(prevState) {
                return {
                    isRevealingPassword: !prevState.isRevealingPassword
                };
            });
        };
        _this._onInputChange = function(event) {
            // Previously, we needed to call both onInput and onChange due to some weird IE/React issues,
            // which have *probably* been fixed now:
            // - https://github.com/microsoft/fluentui/issues/744 (likely fixed)
            // - https://github.com/microsoft/fluentui/issues/824 (confirmed fixed)
            // TODO (Fabric 8?) - Switch to calling only onChange. This switch is pretty disruptive for
            // tests (ours and maybe consumers' too), so it seemed best to do the switch in a major bump.
            var element = event.target;
            var value = element.value;
            // Ignore this event if the value is undefined (in case one of the IE bugs comes back)
            if (value === undefined || value === _this._lastChangeValue) return;
            _this._lastChangeValue = value;
            // This is so developers can access the event properties in asynchronous callbacks