@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
112 lines (111 loc) • 4.26 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _createTextMaskInputElement = _interopRequireDefault(require("./text-mask/createTextMaskInputElement.js"));
var _InputModeNumber = _interopRequireDefault(require("./text-mask/InputModeNumber.js"));
var _utilities = require("./text-mask/utilities.js");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
class TextMask extends _react.default.PureComponent {
constructor(props) {
super(props);
_defineProperty(this, "onChange", event => {
this.textMaskInputElement.update();
if (typeof this.props.onChange === 'function') {
return this.props.onChange(event);
}
});
this.inputRef = props.inputRef || _react.default.createRef();
}
componentDidMount() {
this.initTextMask();
}
componentWillUnmount() {
var _this$inputMode;
(_this$inputMode = this.inputMode) === null || _this$inputMode === void 0 || _this$inputMode.remove();
}
initTextMask() {
var _this$inputMode2;
const {
props,
props: {
value,
inputMode
}
} = this;
const inputElement = this.inputRef.current;
this.textMaskInputElement = (0, _createTextMaskInputElement.default)({
...props,
inputElement
});
this.textMaskInputElement.update(value);
if (!inputMode && inputMode !== 'none') {
this.inputMode = new _InputModeNumber.default();
}
(_this$inputMode2 = this.inputMode) === null || _this$inputMode2 === void 0 || _this$inputMode2.setElement(inputElement);
}
componentDidUpdate(prevProps) {
const {
value,
pipe,
mask,
guide,
placeholderChar,
showMask
} = this.props;
const settings = {
guide,
placeholderChar,
showMask
};
const isPipeChanged = typeof pipe === 'function' && typeof prevProps.pipe === 'function' ? pipe.toString() !== prevProps.pipe.toString() : (0, _utilities.isNil)(pipe) && !(0, _utilities.isNil)(prevProps.pipe) || !(0, _utilities.isNil)(pipe) && (0, _utilities.isNil)(prevProps.pipe);
const isMaskChanged = mask.toString() !== prevProps.mask.toString();
const settingsKeys = Object.keys(settings);
const isSettingChanged = settingsKeys.some(prop => settings[prop] !== prevProps[prop]) || isMaskChanged || isPipeChanged;
const isValueChanged = value !== this.inputRef.current.value || prevProps.value !== value;
if (isValueChanged || isSettingChanged) {
this.initTextMask();
}
}
render() {
const {
inputElement,
inputRef,
mask,
guide,
pipe,
placeholderChar,
keepCharPositions,
value,
onChange,
showMask,
...props
} = this.props;
const params = {
onChange: this.onChange,
...props
};
return inputElement ? (_react.default.cloneElement(inputElement, params)) : _react.default.createElement("input", _extends({
ref: this.inputRef
}, params));
}
}
exports.default = TextMask;
_defineProperty(TextMask, "defaultProps", {
inputElement: null,
inputRef: null,
onChange: null,
guide: null,
value: null,
pipe: null,
placeholderChar: null,
keepCharPositions: null,
showMask: null
});
//# sourceMappingURL=TextMask.js.map