primereact 10.5.2 → 10.6.0

package/inputicon/inputicon.d.ts

@@ -0,0 +1,78 @@
+/**
+ *
+ * InputIcon displays an icon.
+ *
+ * [Live Demo](https://www.primereact.org/iconfield/)
+ *
+ * @module inputicon
+ *
+ */
+import * as React from 'react';
+import { ComponentHooks } from '../componentbase/componentbase';
+import { PassThroughOptions } from '../passthrough';
+import { PassThroughType } from '../utils/utils';
+
+export declare type InputIconPassThroughType<T> = PassThroughType<T, InputIconPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface InputIconPassThroughMethodOptions {
+    props: InputIconProps;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link InputIconProps.pt}
+ */
+export interface InputIconPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: InputIconPassThroughType<React.HTMLAttributes<HTMLInputElement>>;
+    /**
+     * Used to manage all lifecycle hooks
+     * @see {@link ComponentHooks}
+     */
+    hooks?: ComponentHooks;
+}
+
+/**
+ * Defines valid properties in InputIcon component. In addition to these, all properties of HTMLInputElement can be used in this component.
+ * @group Properties
+ */
+export interface InputIconProps extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {InputIconPassThroughOptions}
+     */
+    pt?: InputIconPassThroughOptions;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
+    /**
+     * When enabled, it removes component related styles in the core.
+     * @defaultValue false
+     */
+    unstyled?: boolean;
+}
+
+/**
+ * **PrimeReact - InputIcon**
+ *
+ * _InputIcon is an extension to standard input element with theming and keyfiltering._
+ *
+ * [Live Demo](https://www.primereact.org/inputtext/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
+export declare const InputIcon: React.ForwardRefExoticComponent<InputIconProps & React.RefAttributes<HTMLInputElement>>;

package/inputicon/inputicon.esm.js

@@ -0,0 +1,99 @@
+'use client';
+import React, { useRef, useContext } from 'react';
+import { useMergeProps } from 'primereact/hooks';
+import { PrimeReactContext } from 'primereact/api';
+import { ComponentBase } from 'primereact/componentbase';
+import { classNames } from 'primereact/utils';
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : 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];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+var classes = {
+  root: 'p-input-icon'
+};
+var InputIconBase = ComponentBase.extend({
+  defaultProps: {
+    __TYPE: 'InputIcon',
+    __parentMetadata: null,
+    className: null
+  },
+  css: {
+    classes: classes
+  }
+});
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var InputIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var elementRef = useRef(ref);
+  var mergeProps = useMergeProps();
+  var context = useContext(PrimeReactContext);
+  var props = InputIconBase.getProps(inProps, context);
+  var _InputIconBase$setMet = InputIconBase.setMetaData(_objectSpread({
+      props: props
+    }, props.__parentMetadata)),
+    ptm = _InputIconBase$setMet.ptm,
+    cx = _InputIconBase$setMet.cx;
+  var rootProps = mergeProps({
+    className: classNames(props.className, cx('root'))
+  }, InputIconBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", _extends({}, rootProps, {
+    ref: elementRef
+  }), props.children));
+}));
+InputIcon.displayName = 'InputIcon';
+
+export { InputIcon };

package/inputicon/inputicon.esm.min.js

@@ -0,0 +1 @@
+import r,{useRef as t,useContext as e}from"react";import{useMergeProps as o}from"primereact/hooks";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as i}from"primereact/componentbase";import{classNames as a}from"primereact/utils";function c(){return c=Object.assign?Object.assign.bind():function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(r[o]=e[o])}return r},c.apply(this,arguments)}function p(r){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},p(r)}function u(r,t){if("object"!==p(r)||null===r)return r;var e=r[Symbol.toPrimitive];if(void 0!==e){var o=e.call(r,t||"default");if("object"!==p(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(r)}function l(r){var t=u(r,"string");return"symbol"===p(t)?t:String(t)}var s=i.extend({defaultProps:{__TYPE:"InputIcon",__parentMetadata:null,className:null},css:{classes:{root:"p-input-icon"}}});function f(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.push.apply(e,o)}return e}function m(r){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?f(Object(e),!0).forEach((function(t){var o,n,i;o=r,i=e[t],(n=l(n=t))in o?Object.defineProperty(o,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):o[n]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):f(Object(e)).forEach((function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(e,t))}))}return r}var b=r.memo(r.forwardRef((function(i,p){var u=t(p),l=o(),f=e(n),b=s.getProps(i,f),y=s.setMetaData(m({props:b},b.__parentMetadata)),O=y.ptm,v=l({className:a(b.className,(0,y.cx)("root"))},s.getOtherProps(b),O("root"));return r.createElement(r.Fragment,null,r.createElement("span",c({},v,{ref:u}),b.children))})));b.displayName="InputIcon";export{b as InputIcon};

package/inputicon/inputicon.js

@@ -0,0 +1,106 @@
+this.primereact = this.primereact || {};
+this.primereact.inputicon = (function (exports, React, hooks, api, componentbase, utils) {
+  'use strict';
+
+  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+  function _extends() {
+    _extends = Object.assign ? Object.assign.bind() : 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];
+          }
+        }
+      }
+      return target;
+    };
+    return _extends.apply(this, arguments);
+  }
+
+  function _typeof(o) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+      return typeof o;
+    } : function (o) {
+      return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+    }, _typeof(o);
+  }
+
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
+  function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+
+  var classes = {
+    root: 'p-input-icon'
+  };
+  var InputIconBase = componentbase.ComponentBase.extend({
+    defaultProps: {
+      __TYPE: 'InputIcon',
+      __parentMetadata: null,
+      className: null
+    },
+    css: {
+      classes: classes
+    }
+  });
+
+  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  var InputIcon = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__default["default"].forwardRef(function (inProps, ref) {
+    var elementRef = React.useRef(ref);
+    var mergeProps = hooks.useMergeProps();
+    var context = React.useContext(api.PrimeReactContext);
+    var props = InputIconBase.getProps(inProps, context);
+    var _InputIconBase$setMet = InputIconBase.setMetaData(_objectSpread({
+        props: props
+      }, props.__parentMetadata)),
+      ptm = _InputIconBase$setMet.ptm,
+      cx = _InputIconBase$setMet.cx;
+    var rootProps = mergeProps({
+      className: utils.classNames(props.className, cx('root'))
+    }, InputIconBase.getOtherProps(props), ptm('root'));
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", _extends({}, rootProps, {
+      ref: elementRef
+    }), props.children));
+  }));
+  InputIcon.displayName = 'InputIcon';
+
+  exports.InputIcon = InputIcon;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+  return exports;
+
+})({}, React, primereact.hooks, primereact.api, primereact.componentbase, primereact.utils);

package/inputicon/inputicon.min.js

@@ -0,0 +1 @@
+this.primereact=this.primereact||{},this.primereact.inputicon=function(e,t,r,n,o,a){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=i(t);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},u.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function s(e,t){if("object"!==p(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function l(e){var t=s(e,"string");return"symbol"===p(t)?t:String(t)}var f=o.ComponentBase.extend({defaultProps:{__TYPE:"InputIcon",__parentMetadata:null,className:null},css:{classes:{root:"p-input-icon"}}});function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){var n,o,a;n=e,a=r[t],(o=l(o=t))in n?Object.defineProperty(n,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var y=c.default.memo(c.default.forwardRef((function(e,o){var i=t.useRef(o),p=r.useMergeProps(),s=t.useContext(n.PrimeReactContext),l=f.getProps(e,s),m=f.setMetaData(b({props:l},l.__parentMetadata)),y=m.ptm,O=p({className:a.classNames(l.className,(0,m.cx)("root"))},f.getOtherProps(l),y("root"));return c.default.createElement(c.default.Fragment,null,c.default.createElement("span",u({},O,{ref:i}),l.children))})));return y.displayName="InputIcon",e.InputIcon=y,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.api,primereact.componentbase,primereact.utils);

package/inputmask/inputmask.cjs.js

@@ -97,7 +97,9 @@ var InputMask = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     props: props
   };
   var caret = function caret(first, last) {
-    var range, begin, end;
+    var range;
+    var begin;
+    var end;
     var inputEl = elementRef.current;
     if (!inputEl || !inputEl.offsetParent || inputEl !== document.activeElement) {
       return null;
@@ -107,22 +109,20 @@ var InputMask = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       end = typeof last === 'number' ? last : begin;
       if (inputEl.setSelectionRange) {
         inputEl.setSelectionRange(begin, end);
-      } else if (inputEl['createTextRange']) {
-        range = inputEl['createTextRange']();
+      } else if (inputEl.createTextRange) {
+        range = inputEl.createTextRange();
         range.collapse(true);
         range.moveEnd('character', end);
         range.moveStart('character', begin);
         range.select();
       }
-    } else {
-      if (inputEl.setSelectionRange) {
-        begin = inputEl.selectionStart;
-        end = inputEl.selectionEnd;
-      } else if (document['selection'] && document['selection'].createRange) {
-        range = document['selection'].createRange();
-        begin = 0 - range.duplicate().moveStart('character', -100000);
-        end = begin + range.text.length;
-      }
+    } else if (inputEl.setSelectionRange) {
+      begin = inputEl.selectionStart;
+      end = inputEl.selectionEnd;
+    } else if (document.selection && document.selection.createRange) {
+      range = document.selection.createRange();
+      begin = 0 - range.duplicate().moveStart('character', -100000);
+      end = begin + range.text.length;
     }
     return {
       begin: begin,
@@ -147,15 +147,16 @@ var InputMask = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     return props.unmask ? getUnmaskedValue() : elementRef.current && elementRef.current.value;
   };
   var seekNext = function seekNext(pos) {
-    while (++pos < len.current && !tests.current[pos]);
+    while (++pos < len.current && !tests.current[pos]) {}
     return pos;
   };
   var seekPrev = function seekPrev(pos) {
-    while (--pos >= 0 && !tests.current[pos]);
+    while (--pos >= 0 && !tests.current[pos]) {}
     return pos;
   };
   var shiftL = function shiftL(begin, end) {
-    var i, j;
+    var i;
+    var j;
     if (begin < 0) {
       return;
     }
@@ -174,7 +175,10 @@ var InputMask = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     caret(Math.max(firstNonMaskPos.current, begin));
   };
   var shiftR = function shiftR(pos) {
-    var i, c, j, t;
+    var i;
+    var c;
+    var j;
+    var t;
     for (i = pos, c = getPlaceholder(pos); i < len.current; i++) {
       if (tests.current[i]) {
         j = seekNext(i);
@@ -197,14 +201,20 @@ var InputMask = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     if (oldVal.current.length && oldVal.current.length > curVal.length) {
       // a deletion or backspace happened
       checkVal(true);
-      while (pos.begin > 0 && !tests.current[pos.begin - 1]) pos.begin--;
+      while (pos.begin > 0 && !tests.current[pos.begin - 1]) {
+        pos.begin--;
+      }
       if (pos.begin === 0) {
-        while (pos.begin < firstNonMaskPos.current && !tests.current[pos.begin]) pos.begin++;
+        while (pos.begin < firstNonMaskPos.current && !tests.current[pos.begin]) {
+          pos.begin++;
+        }
       }
       caret(pos.begin, pos.begin);
     } else {
       checkVal(true);
-      while (pos.begin < len.current && !tests.current[pos.begin]) pos.begin++;
+      while (pos.begin < len.current && !tests.current[pos.begin]) {
+        pos.begin++;
+      }
       caret(pos.begin, pos.begin);
     }
     if (props.onComplete && isCompleted()) {
@@ -231,10 +241,10 @@ var InputMask = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     if (props.readOnly) {
       return;
     }
-    var k = e.which || e.keyCode,
-      pos,
-      begin,
-      end;
+    var k = e.which || e.keyCode;
+    var pos;
+    var begin;
+    var end;
     oldVal.current = elementRef.current.value;
 
     //backspace, delete, and escape get special treatment
@@ -273,11 +283,11 @@ var InputMask = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     if (!pos) {
       return;
     }
-    var k = e.which || e.keyCode,
-      p,
-      c,
-      next,
-      completed;
+    var k = e.which || e.keyCode;
+    var p;
+    var c;
+    var next;
+    var completed;
     if (e.ctrlKey || e.altKey || e.metaKey || k < 32) {
       //Ignore
       return;
@@ -334,11 +344,11 @@ var InputMask = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   var checkVal = function checkVal(allow) {
     isValueChecked.current = true;
     //try to place characters where they belong
-    var test = elementRef.current && elementRef.current.value,
-      lastMatch = -1,
-      i,
-      c,
-      pos;
+    var test = elementRef.current && elementRef.current.value;
+    var lastMatch = -1;
+    var i;
+    var c;
+    var pos;
     for (i = 0, pos = 0; i < len.current; i++) {
       if (tests.current[i]) {
         buffer.current[i] = getPlaceholder(i);
@@ -369,7 +379,9 @@ var InputMask = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       if (props.autoClear || buffer.current.join('') === defaultBuffer.current) {
         // Invalid value. Remove it and replace it with the
         // mask, which is the default behavior.
-        if (elementRef.current && elementRef.current.value) elementRef.current.value = '';
+        if (elementRef.current && elementRef.current.value) {
+          elementRef.current.value = '';
+        }
         clearBuffer(0, len.current);
       } else {
         // Invalid value, but we opt to show the value to the
@@ -462,7 +474,11 @@ var InputMask = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     }
   };
   var updateFilledState = function updateFilledState() {
-    if (elementRef.current && elementRef.current.value && elementRef.current.value.length > 0) utils.DomHandler.addClass(elementRef.current, 'p-filled');else utils.DomHandler.removeClass(elementRef.current, 'p-filled');
+    if (elementRef.current && elementRef.current.value && elementRef.current.value.length > 0) {
+      utils.DomHandler.addClass(elementRef.current, 'p-filled');
+    } else {
+      utils.DomHandler.removeClass(elementRef.current, 'p-filled');
+    }
   };
   var updateValue = function updateValue(allow) {
     var pos;
@@ -521,7 +537,11 @@ var InputMask = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       for (var _i = 0; _i < maskTokens.length; _i++) {
         var _c = maskTokens[_i];
         if (_c !== '?') {
-          if (defs[_c]) buffer.current.push(getPlaceholder(_i));else buffer.current.push(_c);
+          if (defs[_c]) {
+            buffer.current.push(getPlaceholder(_i));
+          } else {
+            buffer.current.push(_c);
+          }
         }
       }
       defaultBuffer.current = buffer.current.join('');

package/inputmask/inputmask.esm.js

@@ -73,7 +73,9 @@ var InputMask = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     props: props
   };
   var caret = function caret(first, last) {
-    var range, begin, end;
+    var range;
+    var begin;
+    var end;
     var inputEl = elementRef.current;
     if (!inputEl || !inputEl.offsetParent || inputEl !== document.activeElement) {
       return null;
@@ -83,22 +85,20 @@ var InputMask = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       end = typeof last === 'number' ? last : begin;
       if (inputEl.setSelectionRange) {
         inputEl.setSelectionRange(begin, end);
-      } else if (inputEl['createTextRange']) {
-        range = inputEl['createTextRange']();
+      } else if (inputEl.createTextRange) {
+        range = inputEl.createTextRange();
         range.collapse(true);
         range.moveEnd('character', end);
         range.moveStart('character', begin);
         range.select();
       }
-    } else {
-      if (inputEl.setSelectionRange) {
-        begin = inputEl.selectionStart;
-        end = inputEl.selectionEnd;
-      } else if (document['selection'] && document['selection'].createRange) {
-        range = document['selection'].createRange();
-        begin = 0 - range.duplicate().moveStart('character', -100000);
-        end = begin + range.text.length;
-      }
+    } else if (inputEl.setSelectionRange) {
+      begin = inputEl.selectionStart;
+      end = inputEl.selectionEnd;
+    } else if (document.selection && document.selection.createRange) {
+      range = document.selection.createRange();
+      begin = 0 - range.duplicate().moveStart('character', -100000);
+      end = begin + range.text.length;
     }
     return {
       begin: begin,
@@ -123,15 +123,16 @@ var InputMask = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     return props.unmask ? getUnmaskedValue() : elementRef.current && elementRef.current.value;
   };
   var seekNext = function seekNext(pos) {
-    while (++pos < len.current && !tests.current[pos]);
+    while (++pos < len.current && !tests.current[pos]) {}
     return pos;
   };
   var seekPrev = function seekPrev(pos) {
-    while (--pos >= 0 && !tests.current[pos]);
+    while (--pos >= 0 && !tests.current[pos]) {}
     return pos;
   };
   var shiftL = function shiftL(begin, end) {
-    var i, j;
+    var i;
+    var j;
     if (begin < 0) {
       return;
     }
@@ -150,7 +151,10 @@ var InputMask = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     caret(Math.max(firstNonMaskPos.current, begin));
   };
   var shiftR = function shiftR(pos) {
-    var i, c, j, t;
+    var i;
+    var c;
+    var j;
+    var t;
     for (i = pos, c = getPlaceholder(pos); i < len.current; i++) {
       if (tests.current[i]) {
         j = seekNext(i);
@@ -173,14 +177,20 @@ var InputMask = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     if (oldVal.current.length && oldVal.current.length > curVal.length) {
       // a deletion or backspace happened
       checkVal(true);
-      while (pos.begin > 0 && !tests.current[pos.begin - 1]) pos.begin--;
+      while (pos.begin > 0 && !tests.current[pos.begin - 1]) {
+        pos.begin--;
+      }
       if (pos.begin === 0) {
-        while (pos.begin < firstNonMaskPos.current && !tests.current[pos.begin]) pos.begin++;
+        while (pos.begin < firstNonMaskPos.current && !tests.current[pos.begin]) {
+          pos.begin++;
+        }
       }
       caret(pos.begin, pos.begin);
     } else {
       checkVal(true);
-      while (pos.begin < len.current && !tests.current[pos.begin]) pos.begin++;
+      while (pos.begin < len.current && !tests.current[pos.begin]) {
+        pos.begin++;
+      }
       caret(pos.begin, pos.begin);
     }
     if (props.onComplete && isCompleted()) {
@@ -207,10 +217,10 @@ var InputMask = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     if (props.readOnly) {
       return;
     }
-    var k = e.which || e.keyCode,
-      pos,
-      begin,
-      end;
+    var k = e.which || e.keyCode;
+    var pos;
+    var begin;
+    var end;
     oldVal.current = elementRef.current.value;
 
     //backspace, delete, and escape get special treatment
@@ -249,11 +259,11 @@ var InputMask = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     if (!pos) {
       return;
     }
-    var k = e.which || e.keyCode,
-      p,
-      c,
-      next,
-      completed;
+    var k = e.which || e.keyCode;
+    var p;
+    var c;
+    var next;
+    var completed;
     if (e.ctrlKey || e.altKey || e.metaKey || k < 32) {
       //Ignore
       return;
@@ -310,11 +320,11 @@ var InputMask = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var checkVal = function checkVal(allow) {
     isValueChecked.current = true;
     //try to place characters where they belong
-    var test = elementRef.current && elementRef.current.value,
-      lastMatch = -1,
-      i,
-      c,
-      pos;
+    var test = elementRef.current && elementRef.current.value;
+    var lastMatch = -1;
+    var i;
+    var c;
+    var pos;
     for (i = 0, pos = 0; i < len.current; i++) {
       if (tests.current[i]) {
         buffer.current[i] = getPlaceholder(i);
@@ -345,7 +355,9 @@ var InputMask = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       if (props.autoClear || buffer.current.join('') === defaultBuffer.current) {
         // Invalid value. Remove it and replace it with the
         // mask, which is the default behavior.
-        if (elementRef.current && elementRef.current.value) elementRef.current.value = '';
+        if (elementRef.current && elementRef.current.value) {
+          elementRef.current.value = '';
+        }
         clearBuffer(0, len.current);
       } else {
         // Invalid value, but we opt to show the value to the
@@ -438,7 +450,11 @@ var InputMask = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     }
   };
   var updateFilledState = function updateFilledState() {
-    if (elementRef.current && elementRef.current.value && elementRef.current.value.length > 0) DomHandler.addClass(elementRef.current, 'p-filled');else DomHandler.removeClass(elementRef.current, 'p-filled');
+    if (elementRef.current && elementRef.current.value && elementRef.current.value.length > 0) {
+      DomHandler.addClass(elementRef.current, 'p-filled');
+    } else {
+      DomHandler.removeClass(elementRef.current, 'p-filled');
+    }
   };
   var updateValue = function updateValue(allow) {
     var pos;
@@ -497,7 +513,11 @@ var InputMask = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       for (var _i = 0; _i < maskTokens.length; _i++) {
         var _c = maskTokens[_i];
         if (_c !== '?') {
-          if (defs[_c]) buffer.current.push(getPlaceholder(_i));else buffer.current.push(_c);
+          if (defs[_c]) {
+            buffer.current.push(getPlaceholder(_i));
+          } else {
+            buffer.current.push(_c);
+          }
         }
       }
       defaultBuffer.current = buffer.current.join('');