react-imask
Advanced tools
Comparing version 2.2.1 to 3.2.2
(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
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No repository
Supply chain riskPackage does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
25883
0
1