intelicoreact 1.0.8 → 1.0.10

package/dist/Atomic/FormElements/InputMask2/InputMask2.js

@@ -98,7 +98,8 @@ function InputMask2() {
       _ref$returnMaskedValu = _ref.returnMaskedValue,
       returnMaskedValue = _ref$returnMaskedValu === void 0 ? false : _ref$returnMaskedValu,
       name = _ref.name,
-      testId = _ref.testId;
+      testId = _ref.testId,
+      disabled = _ref.disabled;
 
   var errors = _objectSpread(_objectSpread({}, _config.DEFAULT_ERRORS), customErrors);
 
@@ -121,31 +122,28 @@ function InputMask2() {
 
   var inputRef = (0, _react.useRef)(null);
 
-  var _useState7 = (0, _react.useState)(null),
+  var setCursor = function setCursor(cursor) {
+    var input = inputRef.current;
+    if (input) setTimeout(function () {
+      return input.setSelectionRange(cursor, cursor);
+    }, 0);
+  }; // ERRORS MANAGEMENT FUNCTIONS | START //
+
+
+  var _useState7 = (0, _react.useState)(false),
       _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      cursor = _useState8[0],
-      setCursor = _useState8[1];
+      isError = _useState8[0],
+      setError = _useState8[1];
 
-  var _useState9 = (0, _react.useState)(null),
+  var _useState9 = (0, _react.useState)(false),
       _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      prevCursor = _useState10[0],
-      setPrevCursor = _useState10[1]; // ERRORS MANAGEMENT FUNCTIONS | START //
-
+      blinkError = _useState10[0],
+      setBlinkError = _useState10[1];
 
-  var _useState11 = (0, _react.useState)(false),
+  var _useState11 = (0, _react.useState)(errors.default),
       _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      isError = _useState12[0],
-      setError = _useState12[1];
-
-  var _useState13 = (0, _react.useState)(false),
-      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      blinkError = _useState14[0],
-      setBlinkError = _useState14[1];
-
-  var _useState15 = (0, _react.useState)(errors.default),
-      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      errorMessage = _useState16[0],
-      setErrorMessage = _useState16[1];
+      errorMessage = _useState12[0],
+      setErrorMessage = _useState12[1];
 
   var clearErrorMessage = function clearErrorMessage() {
     return setErrorMessage(errors.default);
@@ -153,10 +151,10 @@ function InputMask2() {
   // INNER VALUE MANAGEMENT FUNCTIONS | START //
 
 
-  var _useState17 = (0, _react.useState)([]),
-      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-      innerValue = _useState18[0],
-      setInnerValue = _useState18[1];
+  var _useState13 = (0, _react.useState)([]),
+      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+      innerValue = _useState14[0],
+      setInnerValue = _useState14[1];
 
   var prevValueRef = (0, _react.useRef)([]);
 
@@ -418,38 +416,55 @@ function InputMask2() {
   };
 
   var onKeyDown = function onKeyDown(e) {
-    var _getCharByIndex2, _getCharByIndex4;
+    var _getCharByIndex2, _getCharByIndex3, _getCharByIndex5;
 
-    onKeyDownProp(e);
+    onKeyDownProp === null || onKeyDownProp === void 0 ? void 0 : onKeyDownProp(e);
     var keyCode = e.keyCode;
     var cursor = e.target.selectionStart;
 
-    if (keyCode !== 8 && keyCode !== 37 && (_getCharByIndex2 = getCharByIndex(cursor)) !== null && _getCharByIndex2 !== void 0 && _getCharByIndex2.isSpecialSymbol) {
+    if (keyCode === 36) {
+      setCursor(0);
+      return;
+    }
+
+    if (keyCode === 39 && (_getCharByIndex2 = getCharByIndex(cursor)) !== null && _getCharByIndex2 !== void 0 && _getCharByIndex2.isSpecialSymbol) {
+      setCursor(cursor);
+      return;
+    }
+
+    if (keyCode !== 8 && keyCode !== 37 && (_getCharByIndex3 = getCharByIndex(cursor)) !== null && _getCharByIndex3 !== void 0 && _getCharByIndex3.isSpecialSymbol) {
       if (keyCode === 46) {
         e.preventDefault();
         e.stopPropagation();
       }
 
-      while ((_getCharByIndex3 = getCharByIndex(cursor)) !== null && _getCharByIndex3 !== void 0 && _getCharByIndex3.isSpecialSymbol && cursor <= maxEditableIndex) {
-        var _getCharByIndex3;
+      while ((_getCharByIndex4 = getCharByIndex(cursor)) !== null && _getCharByIndex4 !== void 0 && _getCharByIndex4.isSpecialSymbol && cursor <= maxEditableIndex) {
+        var _getCharByIndex4;
 
         ++cursor;
       }
 
       setCursor(cursor);
+      return;
     }
 
-    if (keyCode === 8 && (_getCharByIndex4 = getCharByIndex(cursor - 1)) !== null && _getCharByIndex4 !== void 0 && _getCharByIndex4.isSpecialSymbol) {
+    if (keyCode === 8 && (_getCharByIndex5 = getCharByIndex(cursor - 1)) !== null && _getCharByIndex5 !== void 0 && _getCharByIndex5.isSpecialSymbol) {
       e.preventDefault();
       e.stopPropagation();
 
-      while ((_getCharByIndex5 = getCharByIndex(cursor - 1)) !== null && _getCharByIndex5 !== void 0 && _getCharByIndex5.isSpecialSymbol && cursor > 0) {
-        var _getCharByIndex5;
+      while ((_getCharByIndex6 = getCharByIndex(cursor - 1)) !== null && _getCharByIndex6 !== void 0 && _getCharByIndex6.isSpecialSymbol && cursor > 0) {
+        var _getCharByIndex6;
 
         --cursor;
       }
 
       setCursor(cursor);
+      return;
+    }
+
+    if (keyCode === 46) {
+      setCursor(cursor);
+      return;
     }
 
     if (cursor > maxEditableIndex) setCursor(maxEditableIndex);
@@ -470,7 +485,9 @@ function InputMask2() {
     clearErrorMessage();
   };
 
-  var _onFocus = function onFocus() {
+  var _onFocus = function onFocus(e) {
+    var cursor = e.target.selectionStart;
+    setCursorPos(cursor);
     setFocused(true);
     onFocusProp();
   };
@@ -486,28 +503,15 @@ function InputMask2() {
   };
 
   var handleChange = function handleChange(e) {
-    var _getCharByIndex6;
-
-    var cursor = e.target.selectionStart;
-    if ((_getCharByIndex6 = getCharByIndex(cursor)) !== null && _getCharByIndex6 !== void 0 && _getCharByIndex6.isSpecialSymbol) cursor >= prevCursor && cursor + 1 <= maxEditableIndex ? ++cursor : cursor;
-    setCursor(cursor > maxEditableIndex ? maxEditableIndex : cursor);
-    onChange && onChange(e);
+    onChange === null || onChange === void 0 ? void 0 : onChange(e);
   }; // GENERAL EVENT HANDLERS | END //
   /// --- OBSERVERS ---///
+  // Render Mask
 
 
   (0, _react.useEffect)(function () {
-    if (cursor !== null) {
-      var input = inputRef.current;
-      if (input) input.setSelectionRange(cursor, cursor);
-      setPrevCursor(cursor);
-      setCursor(null);
-    }
-  }, [inputRef, cursor, inputValue]); // Render Mask
-
-  (0, _react.useEffect)(function () {
+    setInnerValue([]);
     setMaskRendered(false);
-    setValue('');
     if (!maskPattern) maskPattern = '';
     maskPattern.split('').map(function (char, id, i) {
       addInnerValueChar({
@@ -570,7 +574,6 @@ function InputMask2() {
         ref = obj.ref,
         maskChar = obj.maskChar,
         isSpecialSymbol = obj.isSpecialSymbol;
-    var prevChar = getCharByIndex(i - 1);
     return /*#__PURE__*/_react.default.createElement("span", {
       tabIndex: -1,
       key: i,
@@ -644,7 +647,15 @@ function InputMask2() {
 
   var render = function render() {
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: "\n          input-mask2_wrapper\n          ".concat(className, "\n          ").concat(isError ? 'input-mask_error' : '', "\n          ").concat(isFocused ? 'input-mask_focus' : '', "\n          ").concat(blinkError ? 'input-mask_blink-error' : '', "\n        ")
+      className: (0, _classnames.default)('input-mask2_wrapper', className, {
+        'input-mask_error': isError
+      }, {
+        'input-mask_focus': isFocused
+      }, {
+        'input-mask_blink-error': blinkError
+      }, {
+        disabled: disabled
+      })
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "\n            input-mask\n            ".concat(isError ? 'input-mask_error' : '', "\n            ").concat(isFocused ? 'input-mask_focus' : '', "\n            ").concat(blinkError ? 'input-mask_blink-error' : '', "\n          ")
     }, showHint && isHintLeft && /*#__PURE__*/_react.default.createElement("div", {

package/dist/Atomic/UI/TagList/TagList.scss

@@ -1,5 +1,6 @@
 .tag-list_wrapper{
-  display: block;
+  display: flex;
+  flex-wrap: wrap;
   width: 100%;
   max-width: 100%;
   min-width: 100%;

package/package.json

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