Function MaskedTextField1

docs/app/js/sanddance-app.js:50507–50652

(props)

var MaskedTextField = /** @class */ function(_super) {
    (0, _tslib.__extends)(MaskedTextField1, _super);
    function MaskedTextField1(props) {
        var _this = _super.call(this, props) || this;
        _this._textField = _react.createRef();
        _this._onFocus = function(event) {
            if (_this.props.onFocus) _this.props.onFocus(event);
            _this._isFocused = true;
            // Move the cursor position to the leftmost unfilled position
            for(var i = 0; i < _this._maskCharData.length; i++)if (!_this._maskCharData[i].value) {
                _this.setState({
                    maskCursorPosition: _this._maskCharData[i].displayIndex
                });
                break;
            }
        };
        _this._onBlur = function(event) {
            if (_this.props.onBlur) _this.props.onBlur(event);
            _this._isFocused = false;
            _this._moveCursorOnMouseUp = true;
        };
        _this._onMouseDown = function(event) {
            if (_this.props.onMouseDown) _this.props.onMouseDown(event);
            if (!_this._isFocused) _this._moveCursorOnMouseUp = true;
        };
        _this._onMouseUp = function(event) {
            if (_this.props.onMouseUp) _this.props.onMouseUp(event);
            // Move the cursor on mouseUp after focusing the textField
            if (_this._moveCursorOnMouseUp) {
                _this._moveCursorOnMouseUp = false;
                // Move the cursor position to the rightmost unfilled position
                for(var i = 0; i < _this._maskCharData.length; i++)if (!_this._maskCharData[i].value) {
                    _this.setState({
                        maskCursorPosition: _this._maskCharData[i].displayIndex
                    });
                    break;
                }
            }
        };
        _this._onInputChange = function(ev, value) {
            var textField = _this._textField.current;
            if (_this._changeSelectionData === null && textField) _this._changeSelectionData = {
                changeType: "default",
                selectionStart: textField.selectionStart !== null ? textField.selectionStart : -1,
                selectionEnd: textField.selectionEnd !== null ? textField.selectionEnd : -1
            };
            if (!_this._changeSelectionData) return;
            var displayValue = _this.state.displayValue;
            // The initial value of cursorPos does not matter
            var cursorPos = 0;
            var _a = _this._changeSelectionData, changeType = _a.changeType, selectionStart = _a.selectionStart, selectionEnd = _a.selectionEnd;
            if (changeType === "textPasted") {
                var charsSelected = selectionEnd - selectionStart;
                var charCount = value.length + charsSelected - displayValue.length;
                var startPos = selectionStart;
                var pastedString = value.substr(startPos, charCount);
                // Clear any selected characters
                if (charsSelected) _this._maskCharData = (0, _inputMask.clearRange)(_this._maskCharData, selectionStart, charsSelected);
                cursorPos = (0, _inputMask.insertString)(_this._maskCharData, startPos, pastedString);
            } else if (changeType === "delete" || changeType === "backspace") {