primereact 8.7.2 → 9.0.0-beta.1

package/inputnumber/inputnumber.esm.js

@@ -3,26 +3,51 @@ import { useMountEffect, useUpdateEffect } from 'primereact/hooks';
 import { InputText } from 'primereact/inputtext';
 import { Ripple } from 'primereact/ripple';
 import { Tooltip } from 'primereact/tooltip';
-import { ObjectUtils, DomHandler, classNames } from 'primereact/utils';
+import { DomHandler, ObjectUtils, 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(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+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,
@@ -33,17 +58,14 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) {
     arr2[i] = arr[i];
   }
-
   return arr2;
 }
 
@@ -77,33 +99,33 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _nonIterableRest() {
@@ -115,14 +137,12 @@ function _slicedToArray(arr, i) {
 }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      focusedState = _React$useState2[0],
-      setFocusedState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    focusedState = _React$useState2[0],
+    setFocusedState = _React$useState2[1];
   var elementRef = React.useRef(null);
   var inputRef = React.useRef(null);
   var timer = React.useRef(null);
@@ -132,28 +152,18 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   var prefixChar = React.useRef(null);
   var suffixChar = React.useRef(null);
   var isSpecialChar = React.useRef(null);
-
   var _numeral = React.useRef(null);
-
   var _group = React.useRef(null);
-
   var _minusSign = React.useRef(null);
-
   var _currency = React.useRef(null);
-
   var _decimal = React.useRef(null);
-
   var _suffix = React.useRef(null);
-
   var _prefix = React.useRef(null);
-
   var _index = React.useRef(null);
-
   var stacked = props.showButtons && props.buttonLayout === 'stacked';
   var horizontal = props.showButtons && props.buttonLayout === 'horizontal';
   var vertical = props.showButtons && props.buttonLayout === 'vertical';
   var inputMode = props.inputMode || (props.mode === 'decimal' && !props.minFractionDigits ? 'numeric' : 'decimal');
-
   var getOptions = function getOptions() {
     return {
       localeMatcher: props.localeMatcher,
@@ -165,14 +175,11 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       maximumFractionDigits: props.maxFractionDigits
     };
   };
-
   var constructParser = function constructParser() {
     numberFormat.current = new Intl.NumberFormat(props.locale, getOptions());
-
     var numerals = _toConsumableArray(new Intl.NumberFormat(props.locale, {
       useGrouping: false
     }).format(9876543210)).reverse();
-
     var index = new Map(numerals.map(function (d, i) {
       return [d, i];
     }));
@@ -183,23 +190,19 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     _decimal.current = getDecimalExpression();
     _suffix.current = getSuffixExpression();
     _prefix.current = getPrefixExpression();
-
     _index.current = function (d) {
       return index.get(d);
     };
   };
-
   var escapeRegExp = function escapeRegExp(text) {
     return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&');
   };
-
   var getDecimalExpression = function getDecimalExpression() {
     var formatter = new Intl.NumberFormat(props.locale, _objectSpread(_objectSpread({}, getOptions()), {}, {
       useGrouping: false
     }));
     return new RegExp("[".concat(formatter.format(1.1).replace(_currency.current, '').trim().replace(_numeral.current, ''), "]"), 'g');
   };
-
   var getGroupingExpression = function getGroupingExpression() {
     var formatter = new Intl.NumberFormat(props.locale, {
       useGrouping: true
@@ -207,14 +210,12 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     groupChar.current = formatter.format(1000000).trim().replace(_numeral.current, '').charAt(0);
     return new RegExp("[".concat(groupChar.current, "]"), 'g');
   };
-
   var getMinusSignExpression = function getMinusSignExpression() {
     var formatter = new Intl.NumberFormat(props.locale, {
       useGrouping: false
     });
     return new RegExp("[".concat(formatter.format(-1).trim().replace(_numeral.current, ''), "]"), 'g');
   };
-
   var getCurrencyExpression = function getCurrencyExpression() {
     if (props.currency) {
       var formatter = new Intl.NumberFormat(props.locale, {
@@ -226,10 +227,8 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       });
       return new RegExp("[".concat(formatter.format(1).replace(/\s/g, '').replace(_numeral.current, '').replace(_group.current, ''), "]"), 'g');
     }
-
     return new RegExp("[]", 'g');
   };
-
   var getPrefixExpression = function getPrefixExpression() {
     if (props.prefix) {
       prefixChar.current = props.prefix;
@@ -241,10 +240,8 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       });
       prefixChar.current = formatter.format(1).split('1')[0];
     }
-
     return new RegExp("".concat(escapeRegExp(prefixChar.current || '')), 'g');
   };
-
   var getSuffixExpression = function getSuffixExpression() {
     if (props.suffix) {
       suffixChar.current = props.suffix;
@@ -258,52 +255,40 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       });
       suffixChar.current = formatter.format(1).split('1')[1];
     }
-
     return new RegExp("".concat(escapeRegExp(suffixChar.current || '')), 'g');
   };
-
   var formatValue = function formatValue(value) {
     if (value != null) {
       if (value === '-') {
         // Minus sign
         return value;
       }
-
       if (props.format) {
         var formatter = new Intl.NumberFormat(props.locale, getOptions());
-
         var _formattedValue = formatter.format(value);
-
         if (props.prefix) {
           _formattedValue = props.prefix + _formattedValue;
         }
-
         if (props.suffix) {
           _formattedValue = _formattedValue + props.suffix;
         }
-
         return _formattedValue;
       }
-
       return value.toString();
     }
-
     return '';
   };
-
   var parseValue = function parseValue(text) {
     var filteredText = text.replace(_suffix.current, '').replace(_prefix.current, '').trim().replace(/\s/g, '').replace(_currency.current, '').replace(_group.current, '').replace(_minusSign.current, '-').replace(_decimal.current, '.').replace(_numeral.current, _index.current);
-
     if (filteredText) {
-      if (filteredText === '-') // Minus sign
+      if (filteredText === '-')
+        // Minus sign
         return filteredText;
       var parsedValue = +filteredText;
       return isNaN(parsedValue) ? null : parsedValue;
     }
-
     return null;
   };
-
   var repeat = function repeat(event, interval, dir) {
     var i = interval || 500;
     clearTimer();
@@ -312,31 +297,22 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     }, i);
     spin(event, dir);
   };
-
   var spin = function spin(event, dir) {
     if (inputRef.current) {
       var step = props.step * dir;
       var currentValue = parseValue(inputRef.current.value) || 0;
       var newValue = validateValue(currentValue + step);
-
       if (props.maxLength && props.maxLength < formatValue(newValue).length) {
         return;
-      } // touch devices trigger the keyboard to display because of setSelectionRange
-
+      }
 
+      // #3913 onChange should be called before onValueChange
+      handleOnChange(event, currentValue, newValue);
+      // touch devices trigger the keyboard to display because of setSelectionRange
       !DomHandler.isTouchDevice() && updateInput(newValue, null, 'spin');
       updateModel(event, newValue);
-      handleOnChange(event, currentValue, newValue);
     }
   };
-
-  var onUpButtonTouchStart = function onUpButtonTouchStart(event) {
-    if (!props.disabled && !props.readOnly) {
-      repeat(event, null, 1);
-      event.preventDefault();
-    }
-  };
-
   var onUpButtonMouseDown = function onUpButtonMouseDown(event) {
     if (!props.disabled && !props.readOnly) {
       props.autoFocus && DomHandler.focus(inputRef.current, props.autoFocus);
@@ -344,52 +320,26 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       event.preventDefault();
     }
   };
-
-  var onUpButtonTouchEnd = function onUpButtonTouchEnd() {
-    if (!props.disabled && !props.readOnly) {
-      clearTimer();
-      event.preventDefault();
-    }
-  };
-
   var onUpButtonMouseUp = function onUpButtonMouseUp() {
     if (!props.disabled && !props.readOnly) {
       clearTimer();
     }
   };
-
   var onUpButtonMouseLeave = function onUpButtonMouseLeave() {
     if (!props.disabled && !props.readOnly) {
       clearTimer();
     }
   };
-
   var onUpButtonKeyUp = function onUpButtonKeyUp() {
     if (!props.disabled && !props.readOnly) {
       clearTimer();
     }
   };
-
   var onUpButtonKeyDown = function onUpButtonKeyDown(event) {
     if (!props.disabled && !props.readOnly && (event.keyCode === 32 || event.keyCode === 13)) {
       repeat(event, null, 1);
     }
   };
-
-  var onDownButtonTouchStart = function onDownButtonTouchStart(event) {
-    if (!props.disabled && !props.readOnly) {
-      repeat(event, null, -1);
-      event.preventDefault();
-    }
-  };
-
-  var onDownButtonTouchEnd = function onDownButtonTouchEnd() {
-    if (!props.disabled && !props.readOnly) {
-      clearTimer();
-      event.preventDefault();
-    }
-  };
-
   var onDownButtonMouseDown = function onDownButtonMouseDown(event) {
     if (!props.disabled && !props.readOnly) {
       props.autoFocus && DomHandler.focus(inputRef.current, props.autoFocus);
@@ -397,94 +347,79 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       event.preventDefault();
     }
   };
-
   var onDownButtonMouseUp = function onDownButtonMouseUp() {
     if (!props.disabled && !props.readOnly) {
       clearTimer();
     }
   };
-
   var onDownButtonMouseLeave = function onDownButtonMouseLeave() {
     if (!props.disabled && !props.readOnly) {
       clearTimer();
     }
   };
-
   var onDownButtonKeyUp = function onDownButtonKeyUp() {
     if (!props.disabled && !props.readOnly) {
       clearTimer();
     }
   };
-
   var onDownButtonKeyDown = function onDownButtonKeyDown(event) {
     if (!props.disabled && !props.readOnly && (event.keyCode === 32 || event.keyCode === 13)) {
       repeat(event, null, -1);
     }
   };
-
   var onInput = function onInput(event) {
     if (props.disabled || props.readOnly) {
       return;
     }
-
     if (isSpecialChar.current) {
       event.target.value = lastValue.current;
     }
-
     isSpecialChar.current = false;
   };
-
   var onInputKeyDown = function onInputKeyDown(event) {
     if (props.disabled || props.readOnly) {
       return;
     }
-
     lastValue.current = event.target.value;
-
     if (event.shiftKey || event.altKey) {
       isSpecialChar.current = true;
       return;
     }
-
     var selectionStart = event.target.selectionStart;
     var selectionEnd = event.target.selectionEnd;
     var inputValue = event.target.value;
     var newValueStr = null;
-
     if (event.altKey) {
       event.preventDefault();
     }
-
     switch (event.which) {
       //up
       case 38:
         spin(event, 1);
         event.preventDefault();
         break;
-      //down
 
+      //down
       case 40:
         spin(event, -1);
         event.preventDefault();
         break;
-      //left
 
+      //left
       case 37:
         if (!isNumeralChar(inputValue.charAt(selectionStart - 1))) {
           event.preventDefault();
         }
-
         break;
-      //right
 
+      //right
       case 39:
         if (!isNumeralChar(inputValue.charAt(selectionStart))) {
           event.preventDefault();
         }
-
         break;
-      //enter and tab
 
+      //enter and tab
       case 13:
       case 9:
         newValueStr = validateValue(parseValue(inputValue));
@@ -492,27 +427,22 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
         inputRef.current.setAttribute('aria-valuenow', newValueStr);
         updateModel(event, newValueStr);
         break;
-      //backspace
 
+      //backspace
       case 8:
         event.preventDefault();
-
         if (selectionStart === selectionEnd) {
           var deleteChar = inputValue.charAt(selectionStart - 1);
-
           var _getDecimalCharIndexe = getDecimalCharIndexes(inputValue),
-              decimalCharIndex = _getDecimalCharIndexe.decimalCharIndex,
-              decimalCharIndexWithoutPrefix = _getDecimalCharIndexe.decimalCharIndexWithoutPrefix;
-
+            decimalCharIndex = _getDecimalCharIndexe.decimalCharIndex,
+            decimalCharIndexWithoutPrefix = _getDecimalCharIndexe.decimalCharIndexWithoutPrefix;
           if (isNumeralChar(deleteChar)) {
             var decimalLength = getDecimalLength(inputValue);
-
             if (_group.current.test(deleteChar)) {
               _group.current.lastIndex = 0;
               newValueStr = inputValue.slice(0, selectionStart - 2) + inputValue.slice(selectionStart - 1);
             } else if (_decimal.current.test(deleteChar)) {
               _decimal.current.lastIndex = 0;
-
               if (decimalLength) {
                 inputRef.current.setSelectionRange(selectionStart - 1, selectionStart - 1);
               } else {
@@ -528,35 +458,28 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
               newValueStr = inputValue.slice(0, selectionStart - 1) + inputValue.slice(selectionStart);
             }
           }
-
           updateValue(event, newValueStr, null, 'delete-single');
         } else {
           newValueStr = deleteRange(inputValue, selectionStart, selectionEnd);
           updateValue(event, newValueStr, null, 'delete-range');
         }
-
         break;
-      // del
 
+      // del
       case 46:
         event.preventDefault();
-
         if (selectionStart === selectionEnd) {
           var _deleteChar = inputValue.charAt(selectionStart);
-
           var _getDecimalCharIndexe2 = getDecimalCharIndexes(inputValue),
-              _decimalCharIndex = _getDecimalCharIndexe2.decimalCharIndex,
-              _decimalCharIndexWithoutPrefix = _getDecimalCharIndexe2.decimalCharIndexWithoutPrefix;
-
+            _decimalCharIndex = _getDecimalCharIndexe2.decimalCharIndex,
+            _decimalCharIndexWithoutPrefix = _getDecimalCharIndexe2.decimalCharIndexWithoutPrefix;
           if (isNumeralChar(_deleteChar)) {
             var _decimalLength = getDecimalLength(inputValue);
-
             if (_group.current.test(_deleteChar)) {
               _group.current.lastIndex = 0;
               newValueStr = inputValue.slice(0, selectionStart) + inputValue.slice(selectionStart + 2);
             } else if (_decimal.current.test(_deleteChar)) {
               _decimal.current.lastIndex = 0;
-
               if (_decimalLength) {
                 inputRef.current.setSelectionRange(selectionStart + 1, selectionStart + 1);
               } else {
@@ -564,7 +487,6 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
               }
             } else if (_decimalCharIndex > 0 && selectionStart > _decimalCharIndex) {
               var _insertedText = isDecimalMode() && (props.minFractionDigits || 0) < _decimalLength ? '' : '0';
-
               newValueStr = inputValue.slice(0, selectionStart) + _insertedText + inputValue.slice(selectionStart + 1);
             } else if (_decimalCharIndexWithoutPrefix === 1) {
               newValueStr = inputValue.slice(0, selectionStart) + '0' + inputValue.slice(selectionStart + 1);
@@ -573,39 +495,29 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
               newValueStr = inputValue.slice(0, selectionStart) + inputValue.slice(selectionStart + 1);
             }
           }
-
           updateValue(event, newValueStr, null, 'delete-back-single');
         } else {
           newValueStr = deleteRange(inputValue, selectionStart, selectionEnd);
           updateValue(event, newValueStr, null, 'delete-range');
         }
-
         break;
     }
-
     if (props.onKeyDown) {
       props.onKeyDown(event);
     }
   };
-
   var onInputKeyPress = function onInputKeyPress(event) {
     if (props.disabled || props.readOnly) {
       return;
     }
-
     var code = event.which || event.keyCode;
-
     if (code !== 13) {
       // to submit a form
       event.preventDefault();
     }
-
     var _char = String.fromCharCode(code);
-
     var _isDecimalSign = isDecimalSign(_char);
-
     var _isMinusSign = isMinusSign(_char);
-
     if (48 <= code && code <= 57 || _isMinusSign || _isDecimalSign) {
       insert(event, _char, {
         isDecimalSign: _isDecimalSign,
@@ -613,51 +525,39 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       });
     }
   };
-
   var onPaste = function onPaste(event) {
     event.preventDefault();
-
     if (props.disabled || props.readOnly) {
       return;
     }
-
     var data = (event.clipboardData || window['clipboardData']).getData('Text');
-
     if (data) {
       var filteredData = parseValue(data);
-
       if (filteredData != null) {
         insert(event, filteredData.toString());
       }
     }
   };
-
   var allowMinusSign = function allowMinusSign() {
     return props.min === null || props.min < 0;
   };
-
   var isMinusSign = function isMinusSign(_char2) {
     if (_minusSign.current.test(_char2) || _char2 === '-') {
       _minusSign.current.lastIndex = 0;
       return true;
     }
-
     return false;
   };
-
   var isDecimalSign = function isDecimalSign(_char3) {
     if (_decimal.current.test(_char3)) {
       _decimal.current.lastIndex = 0;
       return true;
     }
-
     return false;
   };
-
   var isDecimalMode = function isDecimalMode() {
     return props.mode === 'decimal';
   };
-
   var getDecimalCharIndexes = function getDecimalCharIndexes(val) {
     var decimalCharIndex = val.search(_decimal.current);
     _decimal.current.lastIndex = 0;
@@ -669,7 +569,6 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       decimalCharIndexWithoutPrefix: decimalCharIndexWithoutPrefix
     };
   };
-
   var getCharIndexes = function getCharIndexes(val) {
     var decimalCharIndex = val.search(_decimal.current);
     _decimal.current.lastIndex = 0;
@@ -686,7 +585,6 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       currencyCharIndex: currencyCharIndex
     };
   };
-
   var insert = function insert(event, text) {
     var sign = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
       isDecimalSign: false,
@@ -694,31 +592,24 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     };
     var minusCharIndexOnText = text.search(_minusSign.current);
     _minusSign.current.lastIndex = 0;
-
     if (!allowMinusSign() && minusCharIndexOnText !== -1) {
       return;
     }
-
     var selectionStart = inputRef.current.selectionStart;
     var selectionEnd = inputRef.current.selectionEnd;
     var inputValue = inputRef.current.value.trim();
-
     var _getCharIndexes = getCharIndexes(inputValue),
-        decimalCharIndex = _getCharIndexes.decimalCharIndex,
-        minusCharIndex = _getCharIndexes.minusCharIndex,
-        suffixCharIndex = _getCharIndexes.suffixCharIndex,
-        currencyCharIndex = _getCharIndexes.currencyCharIndex;
-
+      decimalCharIndex = _getCharIndexes.decimalCharIndex,
+      minusCharIndex = _getCharIndexes.minusCharIndex,
+      suffixCharIndex = _getCharIndexes.suffixCharIndex,
+      currencyCharIndex = _getCharIndexes.currencyCharIndex;
     var newValueStr;
-
     if (sign.isMinusSign) {
       if (selectionStart === 0) {
         newValueStr = inputValue;
-
         if (minusCharIndex === -1 || selectionEnd !== 0) {
           newValueStr = insertText(inputValue, text, 0, selectionEnd);
         }
-
         updateValue(event, newValueStr, text, 'insert');
       }
     } else if (sign.isDecimalSign) {
@@ -734,7 +625,6 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     } else {
       var maxFractionDigits = numberFormat.current.resolvedOptions().maximumFractionDigits;
       var operation = selectionStart !== selectionEnd ? 'range-insert' : 'insert';
-
       if (decimalCharIndex > 0 && selectionStart > decimalCharIndex) {
         if (selectionStart + text.length - (decimalCharIndex + 1) <= maxFractionDigits) {
           var charIndex = currencyCharIndex >= selectionStart ? currencyCharIndex - 1 : suffixCharIndex >= selectionStart ? suffixCharIndex : inputValue.length;
@@ -747,10 +637,8 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       }
     }
   };
-
   var insertText = function insertText(value, text, start, end) {
     var textSplit = text === '.' ? text : text.split('.');
-
     if (textSplit.length === 2) {
       var decimalCharIndex = value.slice(start, end).search(_decimal.current);
       _decimal.current.lastIndex = 0;
@@ -758,42 +646,38 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     } else if (end - start === value.length) {
       return formatValue(text);
     } else if (start === 0) {
-      return text + value.slice(end);
+      var suffix = ObjectUtils.isLetter(value[end]) ? end - 1 : end;
+      return text + value.slice(suffix);
     } else if (end === value.length) {
       return value.slice(0, start) + text;
     } else {
       return value.slice(0, start) + text + value.slice(end);
     }
   };
-
   var deleteRange = function deleteRange(value, start, end) {
     var newValueStr;
     if (end - start === value.length) newValueStr = '';else if (start === 0) newValueStr = value.slice(end);else if (end === value.length) newValueStr = value.slice(0, start);else newValueStr = value.slice(0, start) + value.slice(end);
     return newValueStr;
   };
-
   var initCursor = function initCursor() {
     var selectionStart = inputRef.current.selectionStart;
     var inputValue = inputRef.current.value;
     var valueLength = inputValue.length;
-    var index = null; // remove prefix
+    var index = null;
 
+    // remove prefix
     var prefixLength = (prefixChar.current || '').length;
     inputValue = inputValue.replace(_prefix.current, '');
     selectionStart = selectionStart - prefixLength;
-
     var _char4 = inputValue.charAt(selectionStart);
-
     if (isNumeralChar(_char4)) {
       return selectionStart + prefixLength;
-    } //left
-
+    }
 
+    //left
     var i = selectionStart - 1;
-
     while (i >= 0) {
       _char4 = inputValue.charAt(i);
-
       if (isNumeralChar(_char4)) {
         index = i + prefixLength;
         break;
@@ -801,15 +685,12 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
         i--;
       }
     }
-
     if (index !== null) {
       inputRef.current.setSelectionRange(index + 1, index + 1);
     } else {
       i = selectionStart;
-
       while (i < valueLength) {
         _char4 = inputValue.charAt(i);
-
         if (isNumeralChar(_char4)) {
           index = i + prefixLength;
           break;
@@ -817,19 +698,15 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
           i++;
         }
       }
-
       if (index !== null) {
         inputRef.current.setSelectionRange(index, index);
       }
     }
-
     return index || 0;
   };
-
   var onInputClick = function onInputClick() {
     initCursor();
   };
-
   var isNumeralChar = function isNumeralChar(_char5) {
     if (_char5.length === 1 && (_numeral.current.test(_char5) || _decimal.current.test(_char5) || _group.current.test(_char5) || _minusSign.current.test(_char5))) {
       resetRegex();
@@ -838,29 +715,24 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       return false;
     }
   };
-
   var resetRegex = function resetRegex() {
     _numeral.current.lastIndex = 0;
     _decimal.current.lastIndex = 0;
     _group.current.lastIndex = 0;
     _minusSign.current.lastIndex = 0;
   };
-
   var updateValue = function updateValue(event, valueStr, insertedValueStr, operation) {
     var currentValue = inputRef.current.value;
     var newValue = null;
-
     if (valueStr != null) {
       newValue = evaluateEmpty(parseValue(valueStr));
       updateInput(newValue, insertedValueStr, operation, valueStr);
       handleOnChange(event, currentValue, newValue);
     }
   };
-
   var evaluateEmpty = function evaluateEmpty(newValue) {
     return !newValue && !props.allowEmpty ? props.min || 0 : newValue;
   };
-
   var handleOnChange = function handleOnChange(event, currentValue, newValue) {
     if (props.onChange && isValueChanged(currentValue, newValue)) {
       props.onChange({
@@ -869,55 +741,43 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       });
     }
   };
-
   var isValueChanged = function isValueChanged(currentValue, newValue) {
     if (newValue === null && currentValue !== null) {
       return true;
     }
-
     if (newValue != null) {
       var parsedCurrentValue = typeof currentValue === 'string' ? parseValue(currentValue) : currentValue;
       return newValue !== parsedCurrentValue;
     }
-
     return false;
   };
-
   var validateValue = function validateValue(value) {
     if (value === '-') {
       return null;
     }
-
     return validateValueByLimit(value);
   };
-
   var validateValueByLimit = function validateValueByLimit(value) {
     if (ObjectUtils.isEmpty(value)) {
       return null;
     }
-
     if (props.min !== null && value < props.min) {
       return props.min;
     }
-
     if (props.max !== null && value > props.max) {
       return props.max;
     }
-
     return value;
   };
-
   var updateInput = function updateInput(value, insertedValueStr, operation, valueStr) {
     insertedValueStr = insertedValueStr || '';
     var inputEl = inputRef.current;
     var inputValue = inputEl.value;
     var newValue = formatValue(value);
     var currentLength = inputValue.length;
-
     if (newValue !== valueStr) {
       newValue = concatValues(newValue, valueStr);
     }
-
     if (currentLength === 0) {
       inputEl.value = newValue;
       inputEl.setSelectionRange(0, 0);
@@ -927,14 +787,11 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     } else {
       var selectionStart = inputEl.selectionStart;
       var _selectionEnd = inputEl.selectionEnd;
-
       if (props.maxLength && props.maxLength < newValue.length) {
         return;
       }
-
       inputEl.value = newValue;
       var newLength = newValue.length;
-
       if (operation === 'range-insert') {
         var startValue = parseValue((inputValue || '').slice(0, selectionStart));
         var startValueStr = startValue !== null ? startValue.toString() : '';
@@ -952,73 +809,56 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
         var prevChar = inputValue.charAt(_selectionEnd - 1);
         var nextChar = inputValue.charAt(_selectionEnd);
         var diff = currentLength - newLength;
-
         var isGroupChar = _group.current.test(nextChar);
-
         if (isGroupChar && diff === 1) {
           _selectionEnd += 1;
         } else if (!isGroupChar && isNumeralChar(prevChar)) {
           _selectionEnd += -1 * diff + 1;
         }
-
         _group.current.lastIndex = 0;
         inputEl.setSelectionRange(_selectionEnd, _selectionEnd);
       } else if (inputValue === '-' && operation === 'insert') {
         inputEl.setSelectionRange(0, 0);
-
         var _index2 = initCursor();
-
         var _selectionEnd2 = _index2 + insertedValueStr.length + 1;
-
         inputEl.setSelectionRange(_selectionEnd2, _selectionEnd2);
       } else {
         _selectionEnd = _selectionEnd + (newLength - currentLength);
         inputEl.setSelectionRange(_selectionEnd, _selectionEnd);
       }
     }
-
     inputEl.setAttribute('aria-valuenow', value);
   };
-
   var updateInputValue = function updateInputValue(newValue) {
     newValue = evaluateEmpty(newValue);
     var inputEl = inputRef.current;
     var value = inputEl.value;
-
     var _formattedValue = formattedValue(newValue);
-
     if (value !== _formattedValue) {
       inputEl.value = _formattedValue;
       inputEl.setAttribute('aria-valuenow', newValue);
     }
   };
-
   var formattedValue = function formattedValue(val) {
     return formatValue(evaluateEmpty(val));
   };
-
   var concatValues = function concatValues(val1, val2) {
     if (val1 && val2) {
       var decimalCharIndex = val2.search(_decimal.current);
       _decimal.current.lastIndex = 0;
       return decimalCharIndex !== -1 ? val1.split(_decimal.current)[0] + val2.slice(decimalCharIndex) : val1;
     }
-
     return val1;
   };
-
   var getDecimalLength = function getDecimalLength(value) {
     if (value) {
       var valueSplit = value.split(_decimal.current);
-
       if (valueSplit.length === 2) {
         return valueSplit[1].replace(_suffix.current, '').trim().replace(/\s/g, '').replace(_currency.current, '').length;
       }
     }
-
     return 0;
   };
-
   var updateModel = function updateModel(event, value) {
     if (props.onValueChange) {
       props.onValueChange({
@@ -1034,50 +874,48 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       });
     }
   };
-
   var onInputFocus = function onInputFocus(event) {
     setFocusedState(true);
     props.onFocus && props.onFocus(event);
+    if ((props.suffix || props.currency || props.prefix) && inputRef.current) {
+      // GitHub #1866 Cursor must be placed before/after symbol or arrow keys don't work
+      var selectionEnd = initCursor();
+      inputRef.current.setSelectionRange(selectionEnd, selectionEnd);
+    }
   };
-
   var onInputBlur = function onInputBlur(event) {
     setFocusedState(false);
-
     if (inputRef.current) {
       var currentValue = inputRef.current.value;
-
       if (isValueChanged(currentValue, props.value)) {
         var newValue = validateValue(parseValue(currentValue));
         updateInputValue(newValue);
         updateModel(event, newValue);
       }
     }
-
     props.onBlur && props.onBlur(event);
   };
-
   var clearTimer = function clearTimer() {
     if (timer.current) {
       clearInterval(timer.current);
     }
   };
-
   var changeValue = function changeValue() {
     updateInputValue(validateValueByLimit(props.value));
     var newValue = validateValue(props.value);
-
     if (props.value !== null && props.value !== newValue) {
       updateModel(null, newValue);
     }
   };
-
   var getFormatter = function getFormatter() {
     return numberFormat.current;
   };
-
   React.useImperativeHandle(ref, function () {
     return {
       props: props,
+      focus: function focus() {
+        return DomHandler.focus(inputRef.current);
+      },
       getFormatter: getFormatter,
       getElement: function getElement() {
         return elementRef.current;
@@ -1093,7 +931,6 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   useMountEffect(function () {
     constructParser();
     var newValue = validateValue(props.value);
-
     if (props.value !== null && props.value !== newValue) {
       updateModel(null, newValue);
     }
@@ -1105,7 +942,6 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   useUpdateEffect(function () {
     changeValue();
   }, [props.value]);
-
   var createInputElement = function createInputElement() {
     var className = classNames('p-inputnumber-input', props.inputClassName);
     var valueToRender = formattedValue(props.value);
@@ -1142,7 +978,6 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       "aria-valuenow": props.value
     }, ariaProps, dataProps));
   };
-
   var createUpButton = function createUpButton() {
     var className = classNames('p-inputnumber-button p-inputnumber-button-up p-button p-button-icon-only p-component', {
       'p-disabled': props.disabled
@@ -1151,20 +986,17 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     return /*#__PURE__*/React.createElement("button", {
       type: "button",
       className: className,
-      onMouseLeave: onUpButtonMouseLeave,
-      onMouseDown: onUpButtonMouseDown,
-      onMouseUp: onUpButtonMouseUp,
+      onPointerLeave: onUpButtonMouseLeave,
+      onPointerDown: onUpButtonMouseDown,
+      onPointerUp: onUpButtonMouseUp,
       onKeyDown: onUpButtonKeyDown,
       onKeyUp: onUpButtonKeyUp,
-      onTouchStart: onUpButtonTouchStart,
-      onTouchEnd: onUpButtonTouchEnd,
       disabled: props.disabled,
       tabIndex: -1
     }, /*#__PURE__*/React.createElement("span", {
       className: icon
     }), /*#__PURE__*/React.createElement(Ripple, null));
   };
-
   var createDownButton = function createDownButton() {
     var className = classNames('p-inputnumber-button p-inputnumber-button-down p-button p-button-icon-only p-component', {
       'p-disabled': props.disabled
@@ -1173,33 +1005,27 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     return /*#__PURE__*/React.createElement("button", {
       type: "button",
       className: className,
-      onMouseLeave: onDownButtonMouseLeave,
-      onMouseDown: onDownButtonMouseDown,
-      onMouseUp: onDownButtonMouseUp,
+      onPointerLeave: onDownButtonMouseLeave,
+      onPointerDown: onDownButtonMouseDown,
+      onPointerUp: onDownButtonMouseUp,
       onKeyDown: onDownButtonKeyDown,
       onKeyUp: onDownButtonKeyUp,
-      onTouchStart: onDownButtonTouchStart,
-      onTouchEnd: onDownButtonTouchEnd,
       disabled: props.disabled,
       tabIndex: -1
     }, /*#__PURE__*/React.createElement("span", {
       className: icon
     }), /*#__PURE__*/React.createElement(Ripple, null));
   };
-
   var createButtonGroup = function createButtonGroup() {
     var upButton = props.showButtons && createUpButton();
     var downButton = props.showButtons && createDownButton();
-
     if (stacked) {
       return /*#__PURE__*/React.createElement("span", {
         className: "p-inputnumber-button-group"
       }, upButton, downButton);
     }
-
     return /*#__PURE__*/React.createElement(React.Fragment, null, upButton, downButton);
   };
-
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, InputNumber.defaultProps);
   var dataProps = ObjectUtils.reduceKeys(otherProps, DomHandler.DATA_PROPS);