use-mask-input 1.0.2 → 2.0.1

package/node_modules/inputmask/lib/bindings/inputmask.es6.js

@@ -0,0 +1,5 @@
+import "./inputmask.js";
+
+const inputmask = window.Inputmask;
+window.Inputmask = undefined;
+export default inputmask;

package/node_modules/inputmask/lib/canUseDOM.js

@@ -0,0 +1,7 @@
+const canUseDOM = !!(
+  typeof window !== "undefined" &&
+  window.document &&
+  window.document.createElement
+);
+
+export default canUseDOM;

package/node_modules/inputmask/lib/defaults.js

@@ -1,3 +1,5 @@
+import keyCode from "./keycode.json";
+
 export default {
 	_maxTestPos: 500,
 	placeholder: "_",
@@ -49,7 +51,37 @@ export default {
 	tabThrough: false, //allows for tabbing through the different parts of the masked field
 	supportsInputType: ["text", "tel", "url", "password", "search"], //list with the supported input types
 	//specify keyCodes which should not be considered in the keypress event, otherwise the preventDefault will stop their default behavior especially in FF
-	ignorables: [8, 9, 19, 27, 33, 34, 35, 36, 37, 38, 39, 40, 45, 46, 93, 112, 113, 114, 115, 116, 117, 118, 119, 120, 121, 122, 123, 0, 229],
+	ignorables: [
+		keyCode.BACKSPACE,
+		keyCode.TAB,
+		keyCode["PAUSE/BREAK"],
+		keyCode.ESCAPE,
+		keyCode.PAGE_UP,
+		keyCode.PAGE_DOWN,
+		keyCode.END,
+		keyCode.HOME,
+		keyCode.LEFT,
+		keyCode.UP,
+		keyCode.RIGHT,
+		keyCode.DOWN,
+		keyCode.INSERT,
+		keyCode.DELETE,
+		93,
+		112,
+		113,
+		114,
+		115,
+		116,
+		117,
+		118,
+		119,
+		120,
+		121,
+		122,
+		123,
+		0,
+		229
+	],
 	isComplete: null, //override for isComplete - args => buffer, opts - return true || false
 	preValidation: null, //hook to preValidate the input.  Usefull for validating regardless the definition.	args => buffer, pos, char, isSelection, opts, maskset, caretPos, strict => return true/false/command object
 	postValidation: null, //hook to postValidate the result from isValid.	Usefull for validating the entry as a whole.	args => buffer, pos, c, currentResult, opts, maskset, strict, fromCheckval => return true/false/json
@@ -63,5 +95,7 @@ export default {
 	inputmode: "text", //specify the inputmode
 	importDataAttributes: true, //import data-inputmask attributes
 	shiftPositions: true, //shift position of the mask entries on entry and deletion.
-	usePrototypeDefinitions: true //use the default defined definitions from the prototype
+	usePrototypeDefinitions: true, //use the default defined definitions from the prototype
+	validationEventTimeOut: 3000, //Time to show validation error on form submit
+	substitutes: {} //define character substitutes
 };

package/node_modules/inputmask/lib/definitions.js

@@ -10,4 +10,4 @@ export default {
 	"*": {
 		validator: "[0-9\uFF10-\uFF19A-Za-z\u0410-\u044F\u0401\u0451\u00C0-\u00FF\u00B5]"
 	}
-}
+};

package/node_modules/inputmask/lib/dependencyLibs/events.js

@@ -1,6 +1,7 @@
 import extend from "./extend";
 import window from "../global/window";
 import DependencyLib from "./inputmask.dependencyLib";
+import canUseDOM from "../canUseDOM";
 
 export {on, off, trigger, Event};
 
@@ -12,13 +13,15 @@ let Event;
 if (typeof window.CustomEvent === "function") {
 	Event = window.CustomEvent;
 } else {
-	Event = function (event, params) {
-		params = params || {bubbles: false, cancelable: false, detail: undefined};
-		var evt = document.createEvent("CustomEvent");
-		evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
-		return evt;
-	};
-	Event.prototype = window.Event.prototype;
+	if (canUseDOM) {
+		Event = function (event, params) {
+			params = params || {bubbles: false, cancelable: false, detail: undefined};
+			var evt = document.createEvent("CustomEvent");
+			evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
+			return evt;
+		};
+		Event.prototype = window.Event.prototype;
+	}
 }
 
 
@@ -118,7 +121,7 @@ function off(events, handler) {
 		return evts;
 	}
 
-	if (isValidElement(this[0])) {
+	if (isValidElement(this[0]) && events) {
 		eventRegistry = this[0].eventRegistry;
 		elem = this[0];
 
@@ -154,7 +157,14 @@ function trigger(events /* , args... */) {
 				// The custom event that will be created
 				if (document.createEvent) {
 					try {
-						evnt = new CustomEvent(ev, params);
+						switch (ev) {
+							case "input":
+								params.inputType = "insertText";
+								evnt = new InputEvent(ev, params);
+								break;
+							default:
+								evnt = new CustomEvent(ev, params);
+						}
 					} catch (e) {
 						evnt = document.createEvent("CustomEvent");
 						evnt.initCustomEvent(ev, params.bubbles, params.cancelable, params.detail);

package/node_modules/inputmask/lib/environment.js

@@ -1,3 +1,5 @@
+import window from "./global/window";
+
 const ua = (window.navigator && window.navigator.userAgent) || "",
 	ie = (ua.indexOf("MSIE ") > 0) || (ua.indexOf("Trident/") > 0),
 	mobile = "ontouchstart" in window, //not entirely correct but will currently do

package/node_modules/inputmask/lib/eventhandlers.js

@@ -8,12 +8,12 @@ import {
 	translatePosition
 } from "./positioning";
 import keyCode from "./keycode.json";
-import {iemobile, iphone} from "./environment";
-import {handleRemove, isComplete, isValid} from "./validation";
-import {applyInputValue, checkVal, clearOptionalTail, HandleNativePlaceholder, writeBuffer} from "./inputHandling";
-import {getPlaceholder, getTest} from "./validation-tests";
+import { iemobile, iphone } from "./environment";
+import { handleRemove, isComplete, isSelection, isValid } from "./validation";
+import { applyInputValue, checkVal, clearOptionalTail, HandleNativePlaceholder, writeBuffer } from "./inputHandling";
+import { getPlaceholder, getTest } from "./validation-tests";
 
-export {EventHandlers};
+export { EventHandlers };
 
 var EventHandlers = {
 	keydownEvent: function (e) {
@@ -40,12 +40,14 @@ var EventHandlers = {
 		} else if ((k === keyCode.HOME && !e.shiftKey) || k === keyCode.PAGE_UP) { //Home or page_up
 			e.preventDefault();
 			caret.call(inputmask, input, 0, e.shiftKey ? pos.begin : 0, true);
-		} else if (((opts.undoOnEscape && k === keyCode.ESCAPE) || (k === 90 && e.ctrlKey)) && e.altKey !== true) { //escape && undo && #762
+		} else if (((opts.undoOnEscape && k === keyCode.ESCAPE) || (false && k === keyCode.Z && e.ctrlKey)) && e.altKey !== true) { //escape && undo && #762
 			checkVal(input, true, false, inputmask.undoValue.split(""));
 			$input.trigger("click");
-			// } else if (k === keyCode.INSERT && !(e.shiftKey || e.ctrlKey) && inputmask.userOptions.insertMode === undefined) { //insert
-			// 	opts.insertMode = !opts.insertMode;
-			// 	caret(input, pos.begin, pos.end);
+		} else if (k === keyCode.INSERT && !(e.shiftKey || e.ctrlKey) && inputmask.userOptions.insertMode === undefined) { //insert
+			if (!isSelection.call(inputmask, pos)) {
+				opts.insertMode = !opts.insertMode;
+				caret.call(inputmask, input, pos.begin, pos.begin);
+			} else opts.insertMode = !opts.insertMode;
 		} else if (opts.tabThrough === true && k === keyCode.TAB) {
 			if (e.shiftKey === true) {
 				pos.end = seekPrevious.call(inputmask, pos.end, true);
@@ -97,11 +99,11 @@ var EventHandlers = {
 
 		var input = inputmask.el,
 			$input = $(input),
-			k = e.which || e.charCode || e.keyCode;
+			k = e.keyCode;
 
 		if (checkval !== true && (!(e.ctrlKey && e.altKey) && (e.ctrlKey || e.metaKey || inputmask.ignorable))) {
-			if (k === keyCode.ENTER && inputmask.undoValue !== getBuffer.call(inputmask).join("")) {
-				inputmask.undoValue = getBuffer.call(inputmask).join("");
+			if (k === keyCode.ENTER && inputmask.undoValue !== inputmask._valueGet(true)) {
+				inputmask.undoValue = inputmask._valueGet(true);
 				// e.preventDefault();
 				setTimeout(function () {
 					$input.trigger("change");
@@ -113,11 +115,13 @@ var EventHandlers = {
 			//special treat the decimal separator
 			if ((k === 44 || k === 46) && e.location === 3 && opts.radixPoint !== "") k = opts.radixPoint.charCodeAt(0);
 			var pos = checkval ? {
-					begin: ndx,
-					end: ndx
-				} : caret.call(inputmask, input),
+				begin: ndx,
+				end: ndx
+			} : caret.call(inputmask, input),
 				forwardPosition, c = String.fromCharCode(k);
 
+			//allow for character substitution
+			c = opts.substitutes[c] || c;
 			maskset.writeOutBuffer = true;
 			var valResult = isValid.call(inputmask, pos, c, strict, undefined, undefined, undefined, checkval);
 			if (valResult !== false) {
@@ -163,8 +167,8 @@ var EventHandlers = {
 
 		if (inputmask.isRTL) {
 			tempValue = caretPos.end;
-			caretPos.end = caretPos.begin;
-			caretPos.begin = tempValue;
+			caretPos.end = translatePosition.call(inputmask, caretPos.begin);
+			caretPos.begin = translatePosition.call(inputmask, tempValue);
 		}
 
 		var valueBeforeCaret = inputValue.substr(0, caretPos.begin),
@@ -182,19 +186,25 @@ var EventHandlers = {
 		} //allow native paste event as fallback ~ masking will continue by inputfallback
 
 		var pasteValue = inputValue;
+		if (inputmask.isRTL) {
+			pasteValue = pasteValue.split("")
+			for (let c of getBufferTemplate.call(inputmask)) {
+				if (pasteValue[0] === c)
+					pasteValue.shift();
+			}
+			pasteValue = pasteValue.join("");
+		}
 		if (typeof opts.onBeforePaste === "function") {
-			pasteValue = opts.onBeforePaste.call(inputmask, inputValue, opts);
+			pasteValue = opts.onBeforePaste.call(inputmask, pasteValue, opts);
 			if (pasteValue === false) {
-				return e.preventDefault();
+				return false;
 			}
 			if (!pasteValue) {
 				pasteValue = inputValue;
 			}
 		}
 		checkVal(input, true, false, pasteValue.toString().split(""), e);
-		// writeBuffer(input, getBuffer(), seekNext(getLastValidPosition()), e, inputmask.undoValue !== getBuffer().join(""));
-
-		return e.preventDefault();
+		e.preventDefault()
 	},
 	inputFallBackEvent: function (e) { //fallback when keypress is not triggered
 		const inputmask = this.inputmask, opts = inputmask.opts, $ = inputmask.dependencyLib;
@@ -299,13 +309,12 @@ var EventHandlers = {
 			caretPos = caret.call(inputmask, input, undefined, undefined, true);
 
 		if (buffer !== inputValue) {
-			// inputValue = radixPointHandler(input, inputValue, caretPos);
 			inputValue = ieMobileHandler(input, inputValue, caretPos);
 
 			var changes = analyseChanges(inputValue, buffer, caretPos);
 
 			// console.log(JSON.stringify(changes));
-			if ((input.inputmask.shadowRoot || document).activeElement !== input) {
+			if ((input.inputmask.shadowRoot || input.ownerDocument).activeElement !== input) {
 				input.focus();
 			}
 			writeBuffer(input, getBuffer.call(inputmask));
@@ -315,7 +324,7 @@ var EventHandlers = {
 				case "insertReplacementText":
 					changes.data.forEach(function (entry, ndx) {
 						var keypress = new $.Event("keypress");
-						keypress.which = entry.charCodeAt(0);
+						keypress.keyCode = entry.charCodeAt(0);
 						inputmask.ignorable = false; //make sure ignorable is ignored ;-)
 						EventHandlers.keypressEvent.call(input, keypress);
 					});
@@ -373,7 +382,7 @@ var EventHandlers = {
 		if (opts.positionCaretOnTab === true && inputmask.mouseEnter === false && (!isComplete.call(inputmask, getBuffer.call(inputmask)) || getLastValidPosition.call(inputmask) === -1)) {
 			EventHandlers.clickEvent.apply(input, [e, true]);
 		}
-		inputmask.undoValue = getBuffer.call(inputmask).join("");
+		inputmask.undoValue = inputmask._valueGet(true);
 	},
 	invalidEvent: function (e) {
 		this.inputmask.validationEvent = true;
@@ -383,7 +392,7 @@ var EventHandlers = {
 
 		var input = this;
 		inputmask.mouseEnter = false;
-		if (opts.clearMaskOnLostFocus && (input.inputmask.shadowRoot || document).activeElement !== input) {
+		if (opts.clearMaskOnLostFocus && (input.inputmask.shadowRoot || input.ownerDocument).activeElement !== input) {
 			HandleNativePlaceholder(input, inputmask.originalPlaceholder);
 		}
 	},
@@ -391,7 +400,7 @@ var EventHandlers = {
 		const inputmask = this.inputmask;
 
 		var input = this;
-		if ((input.inputmask.shadowRoot || document).activeElement === input) {
+		if ((input.inputmask.shadowRoot || input.ownerDocument).activeElement === input) {
 			var newCaretPosition = determineNewCaretPosition.call(inputmask, caret.call(inputmask, input), tabbed);
 			if (newCaretPosition !== undefined) {
 				caret.call(inputmask, input, newCaretPosition);
@@ -405,15 +414,15 @@ var EventHandlers = {
 			pos = caret.call(inputmask, input);
 
 		//correct clipboardData
-		var clipboardData = window.clipboardData || e.clipboardData,
-			clipData = inputmask.isRTL ? getBuffer.call(inputmask).slice(pos.end, pos.begin) : getBuffer.call(inputmask).slice(pos.begin, pos.end);
-		clipboardData.setData("text", inputmask.isRTL ? clipData.reverse().join("") : clipData.join(""));
-		if (document.execCommand) document.execCommand("copy"); // copy selected content to system clipbaord
-
+		var clipData = inputmask.isRTL ? getBuffer.call(inputmask).slice(pos.end, pos.begin) : getBuffer.call(inputmask).slice(pos.begin, pos.end),
+			clipDataText = inputmask.isRTL ? clipData.reverse().join("") : clipData.join("");
+		if (window.navigator.clipboard) window.navigator.clipboard.writeText(clipDataText);
+		else if (window.clipboardData && window.clipboardData.getData) { // IE
+			window.clipboardData.setData("Text", clipDataText);
+		}
 		handleRemove.call(inputmask, input, keyCode.DELETE, pos);
-		writeBuffer(input, getBuffer.call(inputmask), maskset.p, e, inputmask.undoValue !== getBuffer.call(inputmask).join(""));
-	}
-	,
+		writeBuffer(input, getBuffer.call(inputmask), maskset.p, e, inputmask.undoValue !== inputmask._valueGet(true));
+	},
 	blurEvent: function (e) {
 		const inputmask = this.inputmask, opts = inputmask.opts, $ = inputmask.dependencyLib;
 
@@ -450,8 +459,8 @@ var EventHandlers = {
 				writeBuffer(input, buffer, undefined, e);
 			}
 
-			if (inputmask.undoValue !== getBuffer.call(inputmask).join("")) {
-				inputmask.undoValue = getBuffer.call(inputmask).join("");
+			if (inputmask.undoValue !== inputmask._valueGet(true)) {
+				inputmask.undoValue = inputmask._valueGet(true);
 				$input.trigger("change");
 			}
 		}
@@ -462,12 +471,13 @@ var EventHandlers = {
 
 		var input = this;
 		inputmask.mouseEnter = true;
-		if ((input.inputmask.shadowRoot || document).activeElement !== input) {
-			if (inputmask.originalPlaceholder == undefined && input.placeholder !== inputmask.originalPlaceholder) {
+		if ((input.inputmask.shadowRoot || input.ownerDocument).activeElement !== input) {
+			var bufferTemplate = (inputmask.isRTL ? getBufferTemplate.call(inputmask).slice().reverse() : getBufferTemplate.call(inputmask)).join("");
+			if (inputmask.placeholder !== bufferTemplate && input.placeholder !== inputmask.originalPlaceholder) {
 				inputmask.originalPlaceholder = input.placeholder;
 			}
 			if (opts.showMaskOnHover) {
-				HandleNativePlaceholder(input, (inputmask.isRTL ? getBufferTemplate.call(inputmask).slice().reverse() : getBufferTemplate.call(inputmask)).join(""));
+				HandleNativePlaceholder(input, bufferTemplate);
 			}
 		}
 	}
@@ -475,10 +485,10 @@ var EventHandlers = {
 	submitEvent: function () { //trigger change on submit if any
 		const inputmask = this.inputmask, opts = inputmask.opts;
 
-		if (inputmask.undoValue !== getBuffer.call(inputmask).join("")) {
+		if (inputmask.undoValue !== inputmask._valueGet(true)) {
 			inputmask.$el.trigger("change");
 		}
-		if (opts.clearMaskOnLostFocus && getLastValidPosition.call(inputmask) === -1 && inputmask._valueGet && inputmask._valueGet() === getBufferTemplate.call(inputmask).join("")) {
+		if (/*opts.clearMaskOnLostFocus && */getLastValidPosition.call(inputmask) === -1 && inputmask._valueGet && inputmask._valueGet() === getBufferTemplate.call(inputmask).join("")) {
 			inputmask._valueSet(""); //clear masktemplete on submit and still has focus
 		}
 		if (opts.clearIncomplete && isComplete.call(inputmask, getBuffer.call(inputmask)) === false) {
@@ -490,7 +500,8 @@ var EventHandlers = {
 				writeBuffer(inputmask.el, getBuffer.call(inputmask));
 			}, 0);
 		}
-	},
+	}
+	,
 	resetEvent: function () {
 		const inputmask = this.inputmask;
 

package/node_modules/inputmask/lib/eventruler.js

@@ -15,15 +15,14 @@ var EventRuler = {
 				arguments[0] = e;
 			}
 			// console.log(e.type);
-			var that = this, args, inputmask = that.inputmask, opts = inputmask ? inputmask.opts : undefined,
-				$ = inputmask.dependencyLib;
+			var that = this, args, inputmask = that.inputmask, opts = inputmask ? inputmask.opts : undefined;
 			if (inputmask === undefined && this.nodeName !== "FORM") { //happens when cloning an object with jquery.clone
 				var imOpts = $.data(that, "_inputmask_opts");
 				$(that).off(); //unbind all events
 				if (imOpts) {
 					(new Inputmask(imOpts)).mask(that);
 				}
-			} else if (e.type !== "setvalue" && this.nodeName !== "FORM" && (that.disabled || (that.readOnly && !(e.type === "keydown" && (e.ctrlKey && e.keyCode === 67) || (opts.tabThrough === false && e.keyCode === keyCode.TAB))))) {
+			} else if (!["submit", "reset", "setvalue"].includes(e.type) && this.nodeName !== "FORM" && (that.disabled || (that.readOnly && !(e.type === "keydown" && (e.ctrlKey && e.keyCode === 67) || (opts.tabThrough === false && e.keyCode === keyCode.TAB))))) {
 				e.preventDefault();
 			} else {
 				switch (e.type) {
@@ -67,7 +66,7 @@ var EventRuler = {
 							HandleNativePlaceholder(input, (inputmask.isRTL ? getBufferTemplate.call(inputmask).slice().reverse() : getBufferTemplate.call(inputmask)).join(""));
 							setTimeout(function () {
 								input.focus();
-							}, 3000);
+							}, opts.validationEventTimeOut);
 							return false;
 						}
 						args = arguments;
@@ -88,15 +87,17 @@ var EventRuler = {
 				return returnVal;
 			}
 		};
-		//keep instance of the event
-		input.inputmask.events[eventName] = input.inputmask.events[eventName] || [];
-		input.inputmask.events[eventName].push(ev);
-
 		if (["submit", "reset"].includes(eventName)) {
-			if (input.form !== null) $(input.form).on(eventName, ev.bind(input));
+			ev = ev.bind(input); //bind creates a new eventhandler (wrap)
+			if (input.form !== null) $(input.form).on(eventName, ev);
 		} else {
 			$(input).on(eventName, ev);
 		}
+
+		//keep instance of the event
+		input.inputmask.events[eventName] = input.inputmask.events[eventName] || [];
+		input.inputmask.events[eventName].push(ev);
+
 	},
 	off: function (input, event) {
 		if (input.inputmask && input.inputmask.events) {