Socket
Socket
Sign inDemoInstall

react-imask

Package Overview
Dependencies
Maintainers
1
Versions
93
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-imask - npm Package Compare versions

Comparing version 2.2.1 to 3.2.2

438

dist/react-imask.js
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('prop-types'), require('imask')) :
typeof define === 'function' && define.amd ? define(['exports', 'react', 'prop-types', 'imask'], factory) :
(factory((global.ReactIMask = {}),global.React,global.PropTypes,global.IMask));
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('prop-types'), require('imask')) :
typeof define === 'function' && define.amd ? define(['exports', 'react', 'prop-types', 'imask'], factory) :
(factory((global.ReactIMask = {}),global.React,global.PropTypes,global.IMask));
}(this, (function (exports,React,PropTypes,IMask) { 'use strict';
React = React && React.hasOwnProperty('default') ? React['default'] : React;
PropTypes = PropTypes && PropTypes.hasOwnProperty('default') ? PropTypes['default'] : PropTypes;
IMask = IMask && IMask.hasOwnProperty('default') ? IMask['default'] : IMask;
React = React && React.hasOwnProperty('default') ? React['default'] : React;
PropTypes = PropTypes && PropTypes.hasOwnProperty('default') ? PropTypes['default'] : PropTypes;
IMask = IMask && IMask.hasOwnProperty('default') ? IMask['default'] : IMask;
var classCallCheck = function (instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError("Cannot call a class as a function");
}
};
var createClass = function () {
function defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
Object.defineProperty(target, descriptor.key, descriptor);
var classCallCheck = function (instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError("Cannot call a class as a function");
}
}
return function (Constructor, protoProps, staticProps) {
if (protoProps) defineProperties(Constructor.prototype, protoProps);
if (staticProps) defineProperties(Constructor, staticProps);
return Constructor;
};
}();
var createClass = function () {
function defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
Object.defineProperty(target, descriptor.key, descriptor);
}
}
return function (Constructor, protoProps, staticProps) {
if (protoProps) defineProperties(Constructor.prototype, protoProps);
if (staticProps) defineProperties(Constructor, staticProps);
return Constructor;
};
}();
var _extends = Object.assign || function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
var _extends = Object.assign || function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
}
return target;
};
return target;
};
var inherits = function (subClass, superClass) {
if (typeof superClass !== "function" && superClass !== null) {
throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
}
subClass.prototype = Object.create(superClass && superClass.prototype, {
constructor: {
value: subClass,
enumerable: false,
writable: true,
configurable: true
}
});
if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
};
var inherits = function (subClass, superClass) {
if (typeof superClass !== "function" && superClass !== null) {
throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
}
var objectWithoutProperties = function (obj, keys) {
var target = {};
subClass.prototype = Object.create(superClass && superClass.prototype, {
constructor: {
value: subClass,
enumerable: false,
writable: true,
configurable: true
for (var i in obj) {
if (keys.indexOf(i) >= 0) continue;
if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
target[i] = obj[i];
}
});
if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
};
return target;
};
var possibleConstructorReturn = function (self, call) {
if (!self) {
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
}
return call && (typeof call === "object" || typeof call === "function") ? call : self;
};
function IMaskMixin(ComposedComponent) {
var MaskedComponent = function (_React$Component) {
inherits(MaskedComponent, _React$Component);
function MaskedComponent() {
classCallCheck(this, MaskedComponent);
return possibleConstructorReturn(this, (MaskedComponent.__proto__ || Object.getPrototypeOf(MaskedComponent)).apply(this, arguments));
}
createClass(MaskedComponent, [{
key: 'componentDidMount',
value: function componentDidMount() {
if (!this.props.mask) return;
this.initMask();
}
}, {
key: 'componentWillReceiveProps',
value: function componentWillReceiveProps(nextProps) {
var props = _extends({}, this.props, nextProps);
var maskOptions = this._extractOptionsFromProps(props);
if (maskOptions.mask) {
if (this.maskRef) {
this.maskRef.updateOptions(maskOptions);
if ('value' in props) this.maskValue = props.value;
} else {
this.initMask(maskOptions);
}
} else {
this.destroyMask();
if ('value' in props) this.element.value = props.value;
}
}
}, {
key: 'componentWillUnmount',
value: function componentWillUnmount() {
this.destroyMask();
}
}, {
key: 'render',
value: function render() {
var _this2 = this;
return React.createElement(ComposedComponent, _extends({}, this._extractNonMaskProps(this.props), {
defaultValue: this.props.value,
inputRef: function inputRef(el) {
return _this2.element = el;
}
}));
}
}, {
key: 'initMask',
value: function initMask() {
var maskOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._extractOptionsFromProps(_extends({}, this.props));
var objectWithoutProperties = function (obj, keys) {
var target = {};
this.maskRef = new IMask(this.element, maskOptions).on('accept', this._onAccept.bind(this)).on('complete', this._onComplete.bind(this));
for (var i in obj) {
if (keys.indexOf(i) >= 0) continue;
if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
target[i] = obj[i];
}
return target;
};
var possibleConstructorReturn = function (self, call) {
if (!self) {
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
}
return call && (typeof call === "object" || typeof call === "function") ? call : self;
};
function IMaskMixin(ComposedComponent) {
var MaskedComponent = function (_React$Component) {
inherits(MaskedComponent, _React$Component);
function MaskedComponent() {
classCallCheck(this, MaskedComponent);
return possibleConstructorReturn(this, (MaskedComponent.__proto__ || Object.getPrototypeOf(MaskedComponent)).apply(this, arguments));
}
createClass(MaskedComponent, [{
key: 'componentDidMount',
value: function componentDidMount() {
if (!this.props.mask) return;
this.initMask();
}
}, {
key: 'componentWillReceiveProps',
value: function componentWillReceiveProps(nextProps) {
var props = _extends({}, this.props, nextProps);
var maskOptions = this._extractOptionsFromProps(props);
if (maskOptions.mask) {
this.maskValue = this.props.value;
}
}, {
key: 'destroyMask',
value: function destroyMask() {
if (this.maskRef) {
this.maskRef.updateOptions(maskOptions);
if ('value' in props) this.maskValue = props.value;
} else {
this.initMask(maskOptions);
this.maskRef.destroy();
delete this.maskRef;
}
} else {
this.destroyMask();
if ('value' in props) this.element.value = props.value;
}
}
}, {
key: 'componentWillUnmount',
value: function componentWillUnmount() {
this.destroyMask();
}
}, {
key: 'render',
value: function render() {
var _this2 = this;
}, {
key: '_extractOptionsFromProps',
value: function _extractOptionsFromProps(props) {
props = _extends({}, props);
return React.createElement(ComposedComponent, _extends({}, this._extractNonMaskProps(this.props), {
defaultValue: this.props.value,
inputRef: function inputRef(el) {
return _this2.element = el;
}
}));
}
}, {
key: 'initMask',
value: function initMask() {
var maskOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._extractOptionsFromProps(_extends({}, this.props));
// keep only mask props
Object.keys(props).filter(function (prop) {
return !MaskedComponent.propTypes.hasOwnProperty(prop);
}).forEach(function (nonMaskProp) {
delete props[nonMaskProp];
});
this.maskRef = new IMask(this.element, maskOptions).on('accept', this._onAccept.bind(this)).on('complete', this._onComplete.bind(this));
delete props.value;
delete props.unmask;
this.maskValue = this.props.value;
}
}, {
key: 'destroyMask',
value: function destroyMask() {
if (this.maskRef) {
this.maskRef.destroy();
delete this.maskRef;
return props;
}
}
}, {
key: '_extractOptionsFromProps',
value: function _extractOptionsFromProps(props) {
props = _extends({}, props);
}, {
key: '_extractNonMaskProps',
value: function _extractNonMaskProps(props) {
props = _extends({}, props);
// keep only mask props
Object.keys(props).filter(function (prop) {
return !MaskedComponent.propTypes.hasOwnProperty(prop);
}).forEach(function (nonMaskProp) {
delete props[nonMaskProp];
});
Object.keys(MaskedComponent.propTypes).forEach(function (maskProp) {
delete props[maskProp];
});
delete props.value;
delete props.unmask;
return props;
}
}, {
key: '_onAccept',
value: function _onAccept() {
if (this.props.onAccept) this.props.onAccept(this.maskValue, this.maskRef);
}
}, {
key: '_onComplete',
value: function _onComplete() {
if (this.props.onComplete) this.props.onComplete(this.maskValue, this.maskRef);
}
}, {
key: 'maskValue',
get: function get$$1() {
return this.props.unmask ? this.maskRef.unmaskedValue : this.maskRef.value;
},
set: function set$$1(value) {
value = value || '';
if (this.props.unmask) this.maskRef.unmaskedValue = value;else this.maskRef.value = value;
}
}]);
return MaskedComponent;
}(React.Component);
return props;
}
}, {
key: '_extractNonMaskProps',
value: function _extractNonMaskProps(props) {
props = _extends({}, props);
MaskedComponent.propTypes = {
// common
mask: PropTypes.oneOfType([PropTypes.array, PropTypes.func, PropTypes.string, PropTypes.instanceOf(RegExp), PropTypes.oneOf([Date, Number, IMask.Masked]), PropTypes.instanceOf(IMask.Masked)]),
value: PropTypes.string,
unmask: PropTypes.bool,
prepare: PropTypes.func,
validate: PropTypes.func,
commit: PropTypes.func,
Object.keys(MaskedComponent.propTypes).forEach(function (maskProp) {
delete props[maskProp];
});
// events
onAccept: PropTypes.func,
onComplete: PropTypes.func,
return props;
}
}, {
key: '_onAccept',
value: function _onAccept() {
if (this.props.onAccept) this.props.onAccept(this.maskValue, this.maskRef);
}
}, {
key: '_onComplete',
value: function _onComplete() {
if (this.props.onComplete) this.props.onComplete(this.maskValue, this.maskRef);
}
}, {
key: 'maskValue',
get: function get$$1() {
return this.props.unmask ? this.maskRef.unmaskedValue : this.maskRef.value;
},
set: function set$$1(value) {
value = value || '';
if (this.props.unmask) this.maskRef.unmaskedValue = value;else this.maskRef.value = value;
}
}]);
return MaskedComponent;
}(React.Component);
// pattern
placeholderChar: PropTypes.string,
lazy: PropTypes.bool,
definitions: PropTypes.object,
groups: PropTypes.object,
MaskedComponent.propTypes = {
// common
mask: PropTypes.oneOfType([PropTypes.array, PropTypes.func, PropTypes.string, PropTypes.instanceOf(RegExp), PropTypes.oneOf([Date, Number, IMask.Masked]), PropTypes.instanceOf(IMask.Masked)]),
value: PropTypes.string,
unmask: PropTypes.bool,
prepare: PropTypes.func,
validate: PropTypes.func,
commit: PropTypes.func,
// date
pattern: PropTypes.string,
format: PropTypes.func,
parse: PropTypes.func,
// events
onAccept: PropTypes.func,
onComplete: PropTypes.func,
// number
radix: PropTypes.string,
thousandsSeparator: PropTypes.string,
mapToRadix: PropTypes.arrayOf(PropTypes.string),
scale: PropTypes.number,
signed: PropTypes.bool,
normalizeZeros: PropTypes.bool,
padFractionalZeros: PropTypes.bool,
min: PropTypes.number,
max: PropTypes.number,
// pattern
placeholderChar: PropTypes.string,
lazy: PropTypes.bool,
definitions: PropTypes.object,
groups: PropTypes.object,
// dynamic
dispatch: PropTypes.func
};
// date
pattern: PropTypes.string,
format: PropTypes.func,
parse: PropTypes.func,
var nestedComponentName = ComposedComponent.displayName || ComposedComponent.name || 'Component';
MaskedComponent.displayName = 'IMask(' + nestedComponentName + ')';
// number
radix: PropTypes.string,
thousandsSeparator: PropTypes.string,
mapToRadix: PropTypes.arrayOf(PropTypes.string),
scale: PropTypes.number,
signed: PropTypes.bool,
normalizeZeros: PropTypes.bool,
padFractionalZeros: PropTypes.bool,
min: PropTypes.number,
max: PropTypes.number,
return MaskedComponent;
}
// dynamic
dispatch: PropTypes.func
var InputComponent = function InputComponent(_ref) {
var inputRef = _ref.inputRef,
props = objectWithoutProperties(_ref, ['inputRef']);
return React.createElement('input', _extends({}, props, {
ref: inputRef
}));
};
var nestedComponentName = ComposedComponent.displayName || ComposedComponent.name || 'Component';
MaskedComponent.displayName = 'IMask(' + nestedComponentName + ')';
var IMaskInput = IMaskMixin(InputComponent);
return MaskedComponent;
}
exports.IMaskMixin = IMaskMixin;
exports.IMaskInput = IMaskInput;
var InputComponent = function InputComponent(_ref) {
var inputRef = _ref.inputRef,
props = objectWithoutProperties(_ref, ['inputRef']);
return React.createElement('input', _extends({}, props, {
ref: inputRef
}));
};
Object.defineProperty(exports, '__esModule', { value: true });
var IMaskInput = IMaskMixin(InputComponent);
exports.IMaskMixin = IMaskMixin;
exports.IMaskInput = IMaskInput;
Object.defineProperty(exports, '__esModule', { value: true });
})));
//# sourceMappingURL=react-imask.js.map
{
"name": "react-imask",
"version": "2.2.1",
"author": "Alexey Kryazhev",
"license": "MIT",
"version": "3.2.2",
"homepage": "https://unmanner.github.io/imaskjs/",
"description": "React input mask",
"main": "dist/react-imask.js",
"repository": "https://github.com/uNmAnNeR/imaskjs/tree/master/packages/react",
"scripts": {
"test": "npm run test",
"build": "rollup -c",
"prepublishOnly": "npm run build"
"build": "rollup -c"
},
"repository": {
"type": "git",
"url": "https://github.com/uNmAnNeR/imaskjs/tree/gh-pages/plugins/react"
},
"keywords": [

@@ -25,4 +23,2 @@ "react",

],
"author": "Alexey Kryazhev",
"license": "MIT",
"dependencies": {

@@ -35,17 +31,5 @@ "imask": "latest",

},
"devDependencies": {
"babel-core": "^6.26.0",
"babel-eslint": "^8.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-transform-object-assign": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.26.0",
"babel-preset-env": "^1.6.1",
"rollup": "^0.52.0",
"rollup-plugin-babel": "^3.0.2",
"rollup-plugin-eslint": "^4.0.0"
},
"engines": {
"npm": ">=4.0.0"
},
"homepage": "https://unmanner.github.io/imaskjs/"
}
}

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc