d2coreui 21.0.33 → 23.0.0

package/components/input/maskedInput.js

@@ -1,225 +1,225 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { Component } from 'react';
-import { Input } from 'antd';
-import InputMask from 'd2coreui/components/input/mask/inputMaskCore';
-import { getSelection, isRedo, isUndo, setSelection } from 'd2coreui/components/input/mask/helpers';
-export default class MaskedInput extends Component {
-    constructor(props) {
-        super(props);
-        this._onChange = (e) => {
-            let maskValue = this.mask.getValue();
-            let incomingValue = e.target.value;
-            if (incomingValue !== maskValue) {
-                this._updateMaskSelection();
-                this.mask.setValue(incomingValue);
-                this.setInputValue(this._getDisplayValue());
-                this._updateInputSelection();
-            }
-            if (this.props.onChange) {
-                this.props.onChange(e);
-            }
-        };
-        this._onKeyDown = (e) => {
-            setTimeout(() => {
-                this.input.classList[this.input.value ? 'add' : 'remove']('has-value');
-            }, 100);
-            if (isUndo(e)) {
-                e.preventDefault();
-                if (this.mask.undo()) {
-                    this.setInputValue(this._getDisplayValue());
-                    this._updateInputSelection();
-                    if (this.props.onChange) {
-                        this.props.onChange(e);
-                    }
-                }
-                return;
-            }
-            else if (isRedo(e)) {
-                e.preventDefault();
-                if (this.mask.redo()) {
-                    this.setInputValue(this._getDisplayValue());
-                    this._updateInputSelection();
-                    if (this.props.onChange) {
-                        this.props.onChange(e);
-                    }
-                }
-                return;
-            }
-            if (e.key === 'Backspace') {
-                e.preventDefault();
-                this._updateMaskSelection();
-                if (this.mask.backspace()) {
-                    let value = this._getDisplayValue();
-                    this.setInputValue(value);
-                    if (value) {
-                        this._updateInputSelection();
-                    }
-                    if (this.props.onChange) {
-                        this.props.onChange(e);
-                    }
-                }
-            }
-        };
-        this._onKeyPress = (e) => {
-            if (e.metaKey || e.altKey || e.ctrlKey || e.key === 'Enter') {
-                return;
-            }
-            e.preventDefault();
-            this._updateMaskSelection();
-            if (this.mask.input(e.key)) {
-                this.setInputValue(this.mask.getValue());
-                this._updateInputSelection();
-                if (this.props.onChange) {
-                    this.props.onChange(e);
-                }
-            }
-        };
-        this._onPaste = (e) => {
-            e.preventDefault();
-            this._updateMaskSelection();
-            if (this.mask.paste(e.clipboardData.getData('Text'))) {
-                this.setInputValue(this.mask.getValue());
-                setTimeout(() => this._updateInputSelection(), 0);
-                if (this.props.onChange) {
-                    this.props.onChange(e);
-                }
-            }
-        };
-        this.getInputProps = () => {
-            let maxLength = this.mask.pattern.length;
-            let eventHandlers = this._getEventHandlers();
-            let { placeholder = this.mask.emptyValue } = this.props;
-            let _a = this.props, { placeholderChar, formatCharacters } = _a, cleanedProps = __rest(_a, ["placeholderChar", "formatCharacters"]);
-            const props = Object.assign(Object.assign(Object.assign({}, cleanedProps), eventHandlers), { maxLength, placeholder });
-            delete props.value;
-            return props;
-        };
-        this._lastValue = null;
-        this.setInputValue = (value) => {
-            if (!this._Input)
-                return;
-            if (value === this._lastValue)
-                return;
-            this.setState({ value: value });
-            this._lastValue = value;
-            if (this._Input.input) {
-                this._Input.input.value = value;
-            }
-        };
-        this._Input = null;
-        this.handleInputRef = (ref) => {
-            if (!ref || !ref.input)
-                return;
-            this._Input = ref;
-            this.input = ref.input;
-            if (this._lastValue === null &&
-                typeof this.props.defaultValue === 'string') {
-                this.mask.setValue(this.props.defaultValue);
-                this.setInputValue(this._getDisplayValue());
-            }
-        };
-        this.state = {
-            value: this.props.value,
-        };
-        let options = {
-            pattern: this.props.mask,
-            value: this.props.value,
-            formatCharacters: this.props.formatCharacters
-        };
-        if (this.props.placeholderChar) {
-            options.placeholderChar = this.props.placeholderChar;
-        }
-        this.mask = new InputMask(options);
-    }
-    componentDidMount() {
-        this.setInputValue(this._getDisplayValue());
-    }
-    UNSAFE_componentWillReceiveProps(nextProps) {
-        if (this.props.mask !== nextProps.mask &&
-            this.props.value !== nextProps.mask) {
-            if (this.mask.getValue() === this.mask.emptyValue) {
-                this.mask.setPattern(nextProps.mask, { value: nextProps.value });
-            }
-            else {
-                this.mask.setPattern(nextProps.mask, {
-                    value: this.mask.getRawValue()
-                });
-            }
-        }
-        else if (this.props.mask !== nextProps.mask) {
-            this.mask.setPattern(nextProps.mask, { value: this.mask.getRawValue() });
-        }
-        if (this.props.value !== nextProps.value) {
-            this.mask.setValue(nextProps.value);
-            this.setInputValue(this._getDisplayValue());
-        }
-    }
-    UNSAFE_componentWillUpdate(nextProps) {
-        if (!this.props.mask)
-            return null;
-        if (nextProps.mask !== this.props.mask) {
-            this._updatePattern(nextProps);
-        }
-        return;
-    }
-    componentDidUpdate(prevProps) {
-        if (!this.props.mask)
-            return null;
-        if (prevProps.mask !== this.props.mask && this.mask.selection.start) {
-            this._updateInputSelection();
-        }
-        return;
-    }
-    _updatePattern(props) {
-        this.mask.setPattern(props.mask, {
-            value: this.mask.getRawValue(),
-            selection: getSelection(this.input)
-        });
-    }
-    _updateMaskSelection() {
-        this.mask.selection = getSelection(this.input);
-    }
-    _updateInputSelection() {
-        setSelection(this.input, this.mask.selection);
-    }
-    _getDisplayValue() {
-        let value = this.mask.getValue();
-        return value === this.mask.emptyValue ? '' : value;
-    }
-    _keyPressPropName() {
-        if (typeof navigator !== 'undefined') {
-            return navigator.userAgent.match(/Android/i)
-                ? 'onBeforeInput'
-                : 'onKeyPress';
-        }
-        return 'onKeyPress';
-    }
-    _getEventHandlers() {
-        return {
-            onChange: this._onChange,
-            onKeyDown: this._onKeyDown,
-            onPaste: this._onPaste,
-            [this._keyPressPropName()]: this._onKeyPress
-        };
-    }
-    focus() {
-        this.input.focus();
-    }
-    blur() {
-        this.input.blur();
-    }
-    render() {
-        return React.createElement(Input, Object.assign({ value: this.state.value }, this.getInputProps(), { ref: this.handleInputRef }));
-    }
-}
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { Component } from 'react';
+import { Input } from 'antd';
+import InputMask from 'd2coreui/components/input/mask/inputMaskCore';
+import { getSelection, isRedo, isUndo, setSelection } from 'd2coreui/components/input/mask/helpers';
+export default class MaskedInput extends Component {
+    constructor(props) {
+        super(props);
+        this._onChange = (e) => {
+            let maskValue = this.mask.getValue();
+            let incomingValue = e.target.value;
+            if (incomingValue !== maskValue) {
+                this._updateMaskSelection();
+                this.mask.setValue(incomingValue);
+                this.setInputValue(this._getDisplayValue());
+                this._updateInputSelection();
+            }
+            if (this.props.onChange) {
+                this.props.onChange(e);
+            }
+        };
+        this._onKeyDown = (e) => {
+            setTimeout(() => {
+                this.input.classList[this.input.value ? 'add' : 'remove']('has-value');
+            }, 100);
+            if (isUndo(e)) {
+                e.preventDefault();
+                if (this.mask.undo()) {
+                    this.setInputValue(this._getDisplayValue());
+                    this._updateInputSelection();
+                    if (this.props.onChange) {
+                        this.props.onChange(e);
+                    }
+                }
+                return;
+            }
+            else if (isRedo(e)) {
+                e.preventDefault();
+                if (this.mask.redo()) {
+                    this.setInputValue(this._getDisplayValue());
+                    this._updateInputSelection();
+                    if (this.props.onChange) {
+                        this.props.onChange(e);
+                    }
+                }
+                return;
+            }
+            if (e.key === 'Backspace') {
+                e.preventDefault();
+                this._updateMaskSelection();
+                if (this.mask.backspace()) {
+                    let value = this._getDisplayValue();
+                    this.setInputValue(value);
+                    if (value) {
+                        this._updateInputSelection();
+                    }
+                    if (this.props.onChange) {
+                        this.props.onChange(e);
+                    }
+                }
+            }
+        };
+        this._onKeyPress = (e) => {
+            if (e.metaKey || e.altKey || e.ctrlKey || e.key === 'Enter') {
+                return;
+            }
+            e.preventDefault();
+            this._updateMaskSelection();
+            if (this.mask.input(e.key)) {
+                this.setInputValue(this.mask.getValue());
+                this._updateInputSelection();
+                if (this.props.onChange) {
+                    this.props.onChange(e);
+                }
+            }
+        };
+        this._onPaste = (e) => {
+            e.preventDefault();
+            this._updateMaskSelection();
+            if (this.mask.paste(e.clipboardData.getData('Text'))) {
+                this.setInputValue(this.mask.getValue());
+                setTimeout(() => this._updateInputSelection(), 0);
+                if (this.props.onChange) {
+                    this.props.onChange(e);
+                }
+            }
+        };
+        this.getInputProps = () => {
+            let maxLength = this.mask.pattern.length;
+            let eventHandlers = this._getEventHandlers();
+            let { placeholder = this.mask.emptyValue } = this.props;
+            let _a = this.props, { placeholderChar, formatCharacters } = _a, cleanedProps = __rest(_a, ["placeholderChar", "formatCharacters"]);
+            const props = Object.assign(Object.assign(Object.assign({}, cleanedProps), eventHandlers), { maxLength, placeholder });
+            delete props.value;
+            return props;
+        };
+        this._lastValue = null;
+        this.setInputValue = (value) => {
+            if (!this._Input)
+                return;
+            if (value === this._lastValue)
+                return;
+            this.setState({ value: value });
+            this._lastValue = value;
+            if (this._Input.input) {
+                this._Input.input.value = value;
+            }
+        };
+        this._Input = null;
+        this.handleInputRef = (ref) => {
+            if (!ref || !ref.input)
+                return;
+            this._Input = ref;
+            this.input = ref.input;
+            if (this._lastValue === null &&
+                typeof this.props.defaultValue === 'string') {
+                this.mask.setValue(this.props.defaultValue);
+                this.setInputValue(this._getDisplayValue());
+            }
+        };
+        this.state = {
+            value: this.props.value,
+        };
+        let options = {
+            pattern: this.props.mask,
+            value: this.props.value,
+            formatCharacters: this.props.formatCharacters
+        };
+        if (this.props.placeholderChar) {
+            options.placeholderChar = this.props.placeholderChar;
+        }
+        this.mask = new InputMask(options);
+    }
+    componentDidMount() {
+        this.setInputValue(this._getDisplayValue());
+    }
+    UNSAFE_componentWillReceiveProps(nextProps) {
+        if (this.props.mask !== nextProps.mask &&
+            this.props.value !== nextProps.mask) {
+            if (this.mask.getValue() === this.mask.emptyValue) {
+                this.mask.setPattern(nextProps.mask, { value: nextProps.value });
+            }
+            else {
+                this.mask.setPattern(nextProps.mask, {
+                    value: this.mask.getRawValue()
+                });
+            }
+        }
+        else if (this.props.mask !== nextProps.mask) {
+            this.mask.setPattern(nextProps.mask, { value: this.mask.getRawValue() });
+        }
+        if (this.props.value !== nextProps.value) {
+            this.mask.setValue(nextProps.value);
+            this.setInputValue(this._getDisplayValue());
+        }
+    }
+    UNSAFE_componentWillUpdate(nextProps) {
+        if (!this.props.mask)
+            return null;
+        if (nextProps.mask !== this.props.mask) {
+            this._updatePattern(nextProps);
+        }
+        return;
+    }
+    componentDidUpdate(prevProps) {
+        if (!this.props.mask)
+            return null;
+        if (prevProps.mask !== this.props.mask && this.mask.selection.start) {
+            this._updateInputSelection();
+        }
+        return;
+    }
+    _updatePattern(props) {
+        this.mask.setPattern(props.mask, {
+            value: this.mask.getRawValue(),
+            selection: getSelection(this.input)
+        });
+    }
+    _updateMaskSelection() {
+        this.mask.selection = getSelection(this.input);
+    }
+    _updateInputSelection() {
+        setSelection(this.input, this.mask.selection);
+    }
+    _getDisplayValue() {
+        let value = this.mask.getValue();
+        return value === this.mask.emptyValue ? '' : value;
+    }
+    _keyPressPropName() {
+        if (typeof navigator !== 'undefined') {
+            return navigator.userAgent.match(/Android/i)
+                ? 'onBeforeInput'
+                : 'onKeyPress';
+        }
+        return 'onKeyPress';
+    }
+    _getEventHandlers() {
+        return {
+            onChange: this._onChange,
+            onKeyDown: this._onKeyDown,
+            onPaste: this._onPaste,
+            [this._keyPressPropName()]: this._onKeyPress
+        };
+    }
+    focus() {
+        this.input.focus();
+    }
+    blur() {
+        this.input.blur();
+    }
+    render() {
+        return React.createElement(Input, Object.assign({ value: this.state.value }, this.getInputProps(), { ref: this.handleInputRef }));
+    }
+}
 //# sourceMappingURL=maskedInput.js.map

package/components/input/maskedInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"maskedInput.js","sourceRoot":"","sources":["../../../../components/input/maskedInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {ChangeEvent, ClipboardEvent, Component, KeyboardEvent} from 'react';\nimport {Input, InputRef} from 'antd';\nimport InputMask from 'd2coreui/components/input/mask/inputMaskCore';\nimport {getSelection, isRedo, isUndo, setSelection} from 'd2coreui/components/input/mask/helpers';\nimport {InputProps} from 'antd/lib/input';\n\nexport type MaskedInputProps = InputProps & {\n    mask: string;\n    formatCharacters?: object;\n    placeholderChar?: string;\n    value?: string;\n};\n\ntype TChangeEvent = ChangeEvent<HTMLInputElement>;\ntype TKeyboardEvent = KeyboardEvent<HTMLInputElement>;\ntype TClipboardEvent = ClipboardEvent<any>;\n\nexport default class MaskedInput extends Component<MaskedInputProps, {value?: string}> {\n    mask: InputMask;\n    input!: HTMLInputElement;\n\n    constructor(props: MaskedInputProps) {\n        super(props);\n\n        this.state = {\n            value: this.props.value,\n        }\n\n        let options: any = {\n            pattern: this.props.mask,\n            value: this.props.value,\n            formatCharacters: this.props.formatCharacters\n        };\n\n        if (this.props.placeholderChar) {\n            options.placeholderChar = this.props.placeholderChar;\n        }\n\n        this.mask = new InputMask(options);\n    }\n\n    componentDidMount() {\n        this.setInputValue(this._getDisplayValue());\n    }\n\n    UNSAFE_componentWillReceiveProps(nextProps: MaskedInputProps) {\n        if (\n            this.props.mask !== nextProps.mask &&\n            this.props.value !== nextProps.mask\n        ) {\n            // if we get a new value and a new mask at the same time\n            // check if the mask.value is still the initial value\n            // - if so use the nextProps value\n            // - otherwise the `this.mask` has a value for us (most likely from paste action)\n            if (this.mask.getValue() === this.mask.emptyValue) {\n                this.mask.setPattern(nextProps.mask, {value: nextProps.value});\n            } else {\n                this.mask.setPattern(nextProps.mask, {\n                    value: this.mask.getRawValue()\n                });\n            }\n        } else if (this.props.mask !== nextProps.mask) {\n            this.mask.setPattern(nextProps.mask, {value: this.mask.getRawValue()});\n        }\n\n        if (this.props.value !== nextProps.value) {\n            this.mask.setValue(nextProps.value);\n            this.setInputValue(this._getDisplayValue());\n        }\n    }\n\n    UNSAFE_componentWillUpdate(nextProps: MaskedInputProps) {\n        if (!this.props.mask) return null;\n        if (nextProps.mask !== this.props.mask) {\n            this._updatePattern(nextProps);\n        }\n        return;\n    }\n\n    componentDidUpdate(prevProps: MaskedInputProps) {\n        if (!this.props.mask) return null;\n        if (prevProps.mask !== this.props.mask && this.mask.selection.start) {\n            this._updateInputSelection();\n        }\n        return;\n    }\n\n    _updatePattern(props: MaskedInputProps) {\n        this.mask.setPattern(props.mask, {\n            value: this.mask.getRawValue(),\n            selection: getSelection(this.input)\n        });\n    }\n\n    _updateMaskSelection() {\n        this.mask.selection = getSelection(this.input);\n    }\n\n    _updateInputSelection() {\n        setSelection(this.input, this.mask.selection);\n    }\n\n    _onChange = (e: TChangeEvent) => {\n        let maskValue = this.mask.getValue();\n        let incomingValue = e.target.value;\n        if (incomingValue !== maskValue) {\n            // only modify mask if form contents actually changed\n            this._updateMaskSelection();\n            this.mask.setValue(incomingValue); // write the whole updated value into the mask\n            this.setInputValue(this._getDisplayValue()); // update the form with pattern applied to the value\n            this._updateInputSelection();\n        }\n\n        if (this.props.onChange) {\n            this.props.onChange(e);\n        }\n    };\n\n    _onKeyDown = (e: TKeyboardEvent) => {\n        setTimeout(() => {\n            this.input.classList[this.input.value ? 'add' : 'remove']('has-value');\n        }, 100);\n\n        if (isUndo(e)) {\n            e.preventDefault();\n            if (this.mask.undo()) {\n                this.setInputValue(this._getDisplayValue());\n                this._updateInputSelection();\n                if (this.props.onChange) {\n                    this.props.onChange(e as unknown as TChangeEvent);\n                }\n            }\n            return;\n        } else if (isRedo(e)) {\n            e.preventDefault();\n            if (this.mask.redo()) {\n                this.setInputValue(this._getDisplayValue());\n                this._updateInputSelection();\n                if (this.props.onChange) {\n                    this.props.onChange(e as unknown as TChangeEvent);\n                }\n            }\n            return;\n        }\n\n        if (e.key === 'Backspace') {\n            e.preventDefault();\n            this._updateMaskSelection();\n            if (this.mask.backspace()) {\n                let value = this._getDisplayValue();\n                this.setInputValue(value);\n                if (value) {\n                    this._updateInputSelection();\n                }\n                if (this.props.onChange) {\n                    this.props.onChange(e as unknown as TChangeEvent);\n                }\n            }\n        }\n    };\n\n    _onKeyPress = (e: TKeyboardEvent) => {\n        // Ignore modified key presses\n        // Ignore enter key to allow form submission\n        if (e.metaKey || e.altKey || e.ctrlKey || e.key === 'Enter') {\n            return;\n        }\n\n        e.preventDefault();\n        this._updateMaskSelection();\n        if (this.mask.input(e.key /*|| e.data*/)) {\n            this.setInputValue(this.mask.getValue());\n            this._updateInputSelection();\n            if (this.props.onChange) {\n                this.props.onChange(e as unknown as TChangeEvent);\n            }\n        }\n    };\n\n    _onPaste = (e: TClipboardEvent) => {\n        e.preventDefault();\n        this._updateMaskSelection();\n        // getData value needed for IE also works in FF & Chrome\n        if (this.mask.paste(e.clipboardData.getData('Text'))) {\n            // @ts-ignore\n            this.setInputValue(this.mask.getValue());\n            // Timeout needed for IE\n            setTimeout(() => this._updateInputSelection(), 0);\n            if (this.props.onChange) {\n                // @ts-ignore\n                this.props.onChange(e);\n            }\n        }\n    };\n\n    _getDisplayValue() {\n        let value = this.mask.getValue();\n        return value === this.mask.emptyValue ? '' : value;\n    }\n\n    _keyPressPropName() {\n        if (typeof navigator !== 'undefined') {\n            return navigator.userAgent.match(/Android/i)\n                ? 'onBeforeInput'\n                : 'onKeyPress';\n        }\n        return 'onKeyPress';\n    }\n\n    _getEventHandlers(): {\n        onChange: (e: TChangeEvent) => void;\n        onKeyDown: (e: TKeyboardEvent) => void;\n        onPaste: (e: TClipboardEvent) => void;\n        onBeforeInput?: (e: TChangeEvent) => void;\n        onKeyPress?: (e: TKeyboardEvent) => void;\n    } {\n        return {\n            onChange: this._onChange,\n            onKeyDown: this._onKeyDown,\n            onPaste: this._onPaste,\n            [this._keyPressPropName()]: this._onKeyPress\n        };\n    }\n\n    focus() {\n        this.input.focus();\n    }\n\n    blur() {\n        this.input.blur();\n    }\n\n    getInputProps = () => {\n        let maxLength = this.mask.pattern.length;\n        let eventHandlers = this._getEventHandlers();\n        let {placeholder = this.mask.emptyValue} = this.props;\n\n        let {placeholderChar, formatCharacters, ...cleanedProps} = this.props;\n        const props = {...cleanedProps, ...eventHandlers, maxLength, placeholder};\n        delete props.value;\n        return props;\n    };\n\n    _lastValue = null as any;\n    setInputValue = (value: string) => {\n        if (!this._Input) return;\n        if (value === this._lastValue) return;\n\n        this.setState({value: value});\n\n        this._lastValue = value;\n        if (this._Input.input) {\n            this._Input.input.value = value;\n        }\n    };\n\n    _Input: InputRef | null = null;\n    handleInputRef = (ref: InputRef) => {\n        if (!ref || !ref.input) return;\n        this._Input = ref;\n        this.input = ref.input;\n\n        if (\n            this._lastValue === null &&\n            typeof this.props.defaultValue === 'string'\n        ) {\n            this.mask.setValue(this.props.defaultValue); // write the whole updated value into the mask\n            this.setInputValue(this._getDisplayValue()); // update the form with pattern applied to the value\n        }\n    };\n\n    render() {\n        return <Input value={this.state.value} {...this.getInputProps()} ref={this.handleInputRef}/>;\n    }\n}"]}
+{"version":3,"file":"maskedInput.js","sourceRoot":"","sources":["../../../../components/input/maskedInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {ChangeEvent, ClipboardEvent, Component, KeyboardEvent} from 'react';\r\nimport {Input, InputRef} from 'antd';\r\nimport InputMask from 'd2coreui/components/input/mask/inputMaskCore';\r\nimport {getSelection, isRedo, isUndo, setSelection} from 'd2coreui/components/input/mask/helpers';\r\nimport {InputProps} from 'antd/lib/input';\r\n\r\nexport type MaskedInputProps = InputProps & {\r\n    mask: string;\r\n    formatCharacters?: object;\r\n    placeholderChar?: string;\r\n    value?: string;\r\n};\r\n\r\ntype TChangeEvent = ChangeEvent<HTMLInputElement>;\r\ntype TKeyboardEvent = KeyboardEvent<HTMLInputElement>;\r\ntype TClipboardEvent = ClipboardEvent<any>;\r\n\r\nexport default class MaskedInput extends Component<MaskedInputProps, {value?: string}> {\r\n    mask: InputMask;\r\n    input!: HTMLInputElement;\r\n\r\n    constructor(props: MaskedInputProps) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            value: this.props.value,\r\n        }\r\n\r\n        let options: any = {\r\n            pattern: this.props.mask,\r\n            value: this.props.value,\r\n            formatCharacters: this.props.formatCharacters\r\n        };\r\n\r\n        if (this.props.placeholderChar) {\r\n            options.placeholderChar = this.props.placeholderChar;\r\n        }\r\n\r\n        this.mask = new InputMask(options);\r\n    }\r\n\r\n    componentDidMount() {\r\n        this.setInputValue(this._getDisplayValue());\r\n    }\r\n\r\n    UNSAFE_componentWillReceiveProps(nextProps: MaskedInputProps) {\r\n        if (\r\n            this.props.mask !== nextProps.mask &&\r\n            this.props.value !== nextProps.mask\r\n        ) {\r\n            // if we get a new value and a new mask at the same time\r\n            // check if the mask.value is still the initial value\r\n            // - if so use the nextProps value\r\n            // - otherwise the `this.mask` has a value for us (most likely from paste action)\r\n            if (this.mask.getValue() === this.mask.emptyValue) {\r\n                this.mask.setPattern(nextProps.mask, {value: nextProps.value});\r\n            } else {\r\n                this.mask.setPattern(nextProps.mask, {\r\n                    value: this.mask.getRawValue()\r\n                });\r\n            }\r\n        } else if (this.props.mask !== nextProps.mask) {\r\n            this.mask.setPattern(nextProps.mask, {value: this.mask.getRawValue()});\r\n        }\r\n\r\n        if (this.props.value !== nextProps.value) {\r\n            this.mask.setValue(nextProps.value);\r\n            this.setInputValue(this._getDisplayValue());\r\n        }\r\n    }\r\n\r\n    UNSAFE_componentWillUpdate(nextProps: MaskedInputProps) {\r\n        if (!this.props.mask) return null;\r\n        if (nextProps.mask !== this.props.mask) {\r\n            this._updatePattern(nextProps);\r\n        }\r\n        return;\r\n    }\r\n\r\n    componentDidUpdate(prevProps: MaskedInputProps) {\r\n        if (!this.props.mask) return null;\r\n        if (prevProps.mask !== this.props.mask && this.mask.selection.start) {\r\n            this._updateInputSelection();\r\n        }\r\n        return;\r\n    }\r\n\r\n    _updatePattern(props: MaskedInputProps) {\r\n        this.mask.setPattern(props.mask, {\r\n            value: this.mask.getRawValue(),\r\n            selection: getSelection(this.input)\r\n        });\r\n    }\r\n\r\n    _updateMaskSelection() {\r\n        this.mask.selection = getSelection(this.input);\r\n    }\r\n\r\n    _updateInputSelection() {\r\n        setSelection(this.input, this.mask.selection);\r\n    }\r\n\r\n    _onChange = (e: TChangeEvent) => {\r\n        let maskValue = this.mask.getValue();\r\n        let incomingValue = e.target.value;\r\n        if (incomingValue !== maskValue) {\r\n            // only modify mask if form contents actually changed\r\n            this._updateMaskSelection();\r\n            this.mask.setValue(incomingValue); // write the whole updated value into the mask\r\n            this.setInputValue(this._getDisplayValue()); // update the form with pattern applied to the value\r\n            this._updateInputSelection();\r\n        }\r\n\r\n        if (this.props.onChange) {\r\n            this.props.onChange(e);\r\n        }\r\n    };\r\n\r\n    _onKeyDown = (e: TKeyboardEvent) => {\r\n        setTimeout(() => {\r\n            this.input.classList[this.input.value ? 'add' : 'remove']('has-value');\r\n        }, 100);\r\n\r\n        if (isUndo(e)) {\r\n            e.preventDefault();\r\n            if (this.mask.undo()) {\r\n                this.setInputValue(this._getDisplayValue());\r\n                this._updateInputSelection();\r\n                if (this.props.onChange) {\r\n                    this.props.onChange(e as unknown as TChangeEvent);\r\n                }\r\n            }\r\n            return;\r\n        } else if (isRedo(e)) {\r\n            e.preventDefault();\r\n            if (this.mask.redo()) {\r\n                this.setInputValue(this._getDisplayValue());\r\n                this._updateInputSelection();\r\n                if (this.props.onChange) {\r\n                    this.props.onChange(e as unknown as TChangeEvent);\r\n                }\r\n            }\r\n            return;\r\n        }\r\n\r\n        if (e.key === 'Backspace') {\r\n            e.preventDefault();\r\n            this._updateMaskSelection();\r\n            if (this.mask.backspace()) {\r\n                let value = this._getDisplayValue();\r\n                this.setInputValue(value);\r\n                if (value) {\r\n                    this._updateInputSelection();\r\n                }\r\n                if (this.props.onChange) {\r\n                    this.props.onChange(e as unknown as TChangeEvent);\r\n                }\r\n            }\r\n        }\r\n    };\r\n\r\n    _onKeyPress = (e: TKeyboardEvent) => {\r\n        // Ignore modified key presses\r\n        // Ignore enter key to allow form submission\r\n        if (e.metaKey || e.altKey || e.ctrlKey || e.key === 'Enter') {\r\n            return;\r\n        }\r\n\r\n        e.preventDefault();\r\n        this._updateMaskSelection();\r\n        if (this.mask.input(e.key /*|| e.data*/)) {\r\n            this.setInputValue(this.mask.getValue());\r\n            this._updateInputSelection();\r\n            if (this.props.onChange) {\r\n                this.props.onChange(e as unknown as TChangeEvent);\r\n            }\r\n        }\r\n    };\r\n\r\n    _onPaste = (e: TClipboardEvent) => {\r\n        e.preventDefault();\r\n        this._updateMaskSelection();\r\n        // getData value needed for IE also works in FF & Chrome\r\n        if (this.mask.paste(e.clipboardData.getData('Text'))) {\r\n            // @ts-ignore\r\n            this.setInputValue(this.mask.getValue());\r\n            // Timeout needed for IE\r\n            setTimeout(() => this._updateInputSelection(), 0);\r\n            if (this.props.onChange) {\r\n                // @ts-ignore\r\n                this.props.onChange(e);\r\n            }\r\n        }\r\n    };\r\n\r\n    _getDisplayValue() {\r\n        let value = this.mask.getValue();\r\n        return value === this.mask.emptyValue ? '' : value;\r\n    }\r\n\r\n    _keyPressPropName() {\r\n        if (typeof navigator !== 'undefined') {\r\n            return navigator.userAgent.match(/Android/i)\r\n                ? 'onBeforeInput'\r\n                : 'onKeyPress';\r\n        }\r\n        return 'onKeyPress';\r\n    }\r\n\r\n    _getEventHandlers(): {\r\n        onChange: (e: TChangeEvent) => void;\r\n        onKeyDown: (e: TKeyboardEvent) => void;\r\n        onPaste: (e: TClipboardEvent) => void;\r\n        onBeforeInput?: (e: TChangeEvent) => void;\r\n        onKeyPress?: (e: TKeyboardEvent) => void;\r\n    } {\r\n        return {\r\n            onChange: this._onChange,\r\n            onKeyDown: this._onKeyDown,\r\n            onPaste: this._onPaste,\r\n            [this._keyPressPropName()]: this._onKeyPress\r\n        };\r\n    }\r\n\r\n    focus() {\r\n        this.input.focus();\r\n    }\r\n\r\n    blur() {\r\n        this.input.blur();\r\n    }\r\n\r\n    getInputProps = () => {\r\n        let maxLength = this.mask.pattern.length;\r\n        let eventHandlers = this._getEventHandlers();\r\n        let {placeholder = this.mask.emptyValue} = this.props;\r\n\r\n        let {placeholderChar, formatCharacters, ...cleanedProps} = this.props;\r\n        const props = {...cleanedProps, ...eventHandlers, maxLength, placeholder};\r\n        delete props.value;\r\n        return props;\r\n    };\r\n\r\n    _lastValue = null as any;\r\n    setInputValue = (value: string) => {\r\n        if (!this._Input) return;\r\n        if (value === this._lastValue) return;\r\n\r\n        this.setState({value: value});\r\n\r\n        this._lastValue = value;\r\n        if (this._Input.input) {\r\n            this._Input.input.value = value;\r\n        }\r\n    };\r\n\r\n    _Input: InputRef | null = null;\r\n    handleInputRef = (ref: InputRef) => {\r\n        if (!ref || !ref.input) return;\r\n        this._Input = ref;\r\n        this.input = ref.input;\r\n\r\n        if (\r\n            this._lastValue === null &&\r\n            typeof this.props.defaultValue === 'string'\r\n        ) {\r\n            this.mask.setValue(this.props.defaultValue); // write the whole updated value into the mask\r\n            this.setInputValue(this._getDisplayValue()); // update the form with pattern applied to the value\r\n        }\r\n    };\r\n\r\n    render() {\r\n        return <Input value={this.state.value} {...this.getInputProps()} ref={this.handleInputRef}/>;\r\n    }\r\n}"]}

package/components/input/passwordInput.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
-import { PasswordProps } from "antd/lib/input/Password";
-export default class PasswordInput extends React.Component<PasswordProps, unknown> {
-    private component;
-    constructor(props: Readonly<PasswordProps>);
-    focus(): void;
-    getIcon: (visible: boolean) => JSX.Element;
-    render(): JSX.Element;
-}
+import React from "react";
+import { PasswordProps } from "antd/lib/input/Password";
+export default class PasswordInput extends React.Component<PasswordProps, unknown> {
+    private component;
+    constructor(props: Readonly<PasswordProps>);
+    focus(): void;
+    getIcon: (visible: boolean) => React.JSX.Element;
+    render(): React.JSX.Element;
+}