intelicoreact 1.1.52 → 1.1.54

package/dist/Atomic/FormElements/InputMask3/InputMask3.js

@@ -72,6 +72,8 @@ function InputMask3() {
       hiddenChar = _ref$hiddenChar === void 0 ? '*' : _ref$hiddenChar,
       _ref$withHiddenMode = _ref.withHiddenMode,
       withHiddenMode = _ref$withHiddenMode === void 0 ? false : _ref$withHiddenMode,
+      _ref$maxHiddenIndex = _ref.maxHiddenIndex,
+      maxHiddenIndex = _ref$maxHiddenIndex === void 0 ? -1 : _ref$maxHiddenIndex,
       icon = _ref.icon,
       showIcon = _ref.showIcon,
       isIconLeft = _ref.isIconLeft,
@@ -439,7 +441,7 @@ function InputMask3() {
           isSpecialSymbol = _ref10.isSpecialSymbol;
 
       if (char !== '' && isValid && (!noLastTyppedCharIndexCheck ? i <= lastTyppedCharIndex : true)) {
-        if (isValueHidden && !isSpecialSymbol && !noHide) {
+        if (isValueHidden && !isSpecialSymbol && !noHide && (maxHiddenIndex === -1 || i <= maxHiddenIndex)) {
           result += hiddenChar;
         } else {
           result += char;
@@ -532,7 +534,7 @@ function InputMask3() {
   };
 
   var onHiddenChange = function onHiddenChange(e) {
-    var _maskPattern3;
+    var _maskPattern3, _maskPattern4;
 
     var SSN = getInputValue({
       noHide: true
@@ -542,7 +544,7 @@ function InputMask3() {
         caretPos = _e$target2.selectionStart,
         char = e.nativeEvent.data;
 
-    if (value.replace(/-/g, '').length < SSN.length) {
+    if (value.replace(/-/g, '').length < SSN.replace(/-/g, '').length) {
       var last = SSN.length - 1;
       setValue(SSN.slice(0, last));
       return;
@@ -550,18 +552,15 @@ function InputMask3() {
 
     var numValue = value.replace(/\D/g, '');
     var newSSN = '';
+    var staticLength = maxHiddenIndex !== -1 ? maxHiddenIndex : (_maskPattern3 = maskPattern) === null || _maskPattern3 === void 0 ? void 0 : _maskPattern3.length;
 
-    if (isValueHidden) {
-      if (SSN.length > maxEditableIndex) {
-        newSSN = SSN.slice(0, maxEditableIndex) + numValue;
-      } else {
-        newSSN = SSN + numValue;
-      }
+    if (SSN.length > staticLength) {
+      newSSN = SSN.slice(0, staticLength) + numValue;
     } else {
-      newSSN = numValue;
+      newSSN = SSN + numValue;
     }
 
-    if (newSSN.length > ((_maskPattern3 = maskPattern) === null || _maskPattern3 === void 0 ? void 0 : _maskPattern3.length)) {
+    if (newSSN.length > ((_maskPattern4 = maskPattern) === null || _maskPattern4 === void 0 ? void 0 : _maskPattern4.length)) {
       return;
     }
 
@@ -595,6 +594,15 @@ function InputMask3() {
     clearErrorMessage();
   };
 
+  var onHiddenToggle = function onHiddenToggle(e) {
+    var _inputRef$current2;
+
+    setIsValueHidden(function (v) {
+      return !v;
+    });
+    inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
+  };
+
   var _onFocus = function onFocus(e) {
     setFocused(true);
     onFocusProp();
@@ -704,7 +712,7 @@ function InputMask3() {
   };
 
   var renderValueChar = function renderValueChar(obj, i) {
-    return isValueHidden ? renderChar(_objectSpread(_objectSpread({}, obj), {}, {
+    return isValueHidden && (maxHiddenIndex === -1 || i <= maxHiddenIndex) ? renderChar(_objectSpread(_objectSpread({}, obj), {}, {
       char: hiddenChar
     }), i, 'input-mask_value_item_value-hidden-char') : renderChar(obj, i, 'input-mask_value_item_value-char');
   };
@@ -768,11 +776,7 @@ function InputMask3() {
   var renderHideToggler = function renderHideToggler() {
     return /*#__PURE__*/_react.default.createElement("span", {
       className: "formatted-raw-ssn-eye-holder",
-      onClick: function onClick() {
-        return setIsValueHidden(function (v) {
-          return !v;
-        });
-      },
+      onClick: onHiddenToggle,
       "data-testid": "formattedRawSNN--eye--key-".concat(testId, "--container")
     }, ' ', isValueHidden ? /*#__PURE__*/_react.default.createElement(_reactFeather.Eye, {
       strokeWidth: 1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "1.1.52",
+  "version": "1.1.54",
   "description": "",
   "main": "dist/index.js",
   "files": [