intelicoreact 1.4.21 → 1.4.23

package/dist/Atomic/FormElements/InputMask/functions.js

@@ -4,89 +4,63 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.voidFn = exports.selectElementContents = exports.resetSelectionText = exports.isUpperCaseLetter = exports.isLowerCaseLetter = exports.isLetterMaskChar = exports.isLetter = exports.isDigitMaskChar = exports.isDigit = exports.getSelectionText = exports.copyToClipboard = void 0;
-
 var _config = require("./config");
-
 const getSelectionText = () => {
   var _text;
-
   let text = "";
-
   if (window.getSelection) {
     text = window.getSelection().toString();
   } else if (document.selection && document.selection.type !== "Control") {
     text = document.selection.createRange().text;
   }
-
   return (_text = text) === null || _text === void 0 ? void 0 : _text.replace(/\n/g, "");
 };
-
 exports.getSelectionText = getSelectionText;
-
 const resetSelectionText = () => {
   if (window.getSelection) {
     window.getSelection().removeAllRanges();
   }
 };
-
 exports.resetSelectionText = resetSelectionText;
-
 const copyToClipboard = str => {
-  if (navigator && navigator.clipboard && navigator.clipboard.writeText) return navigator.clipboard.writeText(str); // eslint-disable-next-line prefer-promise-reject-errors
-
+  if (navigator && navigator.clipboard && navigator.clipboard.writeText) return navigator.clipboard.writeText(str);
+  // eslint-disable-next-line prefer-promise-reject-errors
   return Promise.reject("The Clipboard API is not available.");
 };
-
 exports.copyToClipboard = copyToClipboard;
-
 const selectElementContents = function (el) {
   let startOffset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1;
   let endOffset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
   const sel = window.getSelection();
   sel.selectAllChildren(el);
 };
-
 exports.selectElementContents = selectElementContents;
-
 const isLetter = char => {
   return Boolean((char === null || char === void 0 ? void 0 : char.length) === 1 && (char === null || char === void 0 ? void 0 : char.match(/[a-z]/i)));
 };
-
 exports.isLetter = isLetter;
-
 const isUpperCaseLetter = char => {
   return isLetter(char) ? char === char.slice().toUpperCase() : false;
 };
-
 exports.isUpperCaseLetter = isUpperCaseLetter;
-
 const isLowerCaseLetter = char => {
   return isLetter(char) ? char === char.slice().toLowerCase() : false;
 };
-
 exports.isLowerCaseLetter = isLowerCaseLetter;
-
 const isDigit = char => {
   return Boolean(Number.isInteger(parseInt(char, 10)));
 };
-
 exports.isDigit = isDigit;
-
 const isDigitMaskChar = char => {
   return char === _config.DIGIT_MASK_CHAR;
 };
-
 exports.isDigitMaskChar = isDigitMaskChar;
-
 const isLetterMaskChar = char => {
   return char === _config.UPPERCASE_LETTER_MASK_CHAR || char === _config.LOWERCASE_LETTER_MASK_CHAR;
 };
-
 exports.isLetterMaskChar = isLetterMaskChar;
-
 const voidFn = () => {
   // eslint-disable-next-line no-console
   console.error("Void Function Called");
 };
-
 exports.voidFn = voidFn;

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

@@ -1,40 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = InputMask2;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactFeather = require("react-feather");
-
 var _index = require("../../../Constants/index.constants");
-
 var _utils = require("../../../Functions/utils");
-
 var _Spinner = _interopRequireDefault(require("../../Layout/Spinner/Spinner"));
-
 var _DynamicIcon = _interopRequireDefault(require("../../UI/DynamicIcon/DynamicIcon"));
-
 var _Hint = _interopRequireDefault(require("../../UI/Hint/Hint"));
-
 var _config = require("./config");
-
 var _functions = require("./functions");
-
 require("./InputMask2.scss");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function InputMask2() {
   let {
     autocomplete = "off",
@@ -84,7 +68,8 @@ function InputMask2() {
     testId,
     attributesOfNativeInput = {}
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const errors = { ..._config.DEFAULT_ERRORS,
+  const errors = {
+    ..._config.DEFAULT_ERRORS,
     ...customErrors
   };
   if (maxEditableIndex === -1) maxEditableIndex = maskPattern.length;
@@ -94,33 +79,27 @@ function InputMask2() {
   const [selectedLength, setSelectedLength] = (0, _react.useState)(0);
   const inputRef = (0, _react.useRef)(null);
   const keyDownRef = (0, _react.useRef)(null);
-
   const setKeyDown = keyCode => keyDownRef.current = keyCode;
-
   const getKeyDown = () => keyDownRef.current;
-
   const DynamicIconComponent = iconDynamicKey && !icon ? /*#__PURE__*/_react.default.createElement(_DynamicIcon.default, (0, _extends2.default)({
     iconKey: iconDynamicKey
   }, iconDynamicProps)) : null;
-
   const setCaret = caret => {
     if (caret < 0) caret = 0;
     const input = inputRef.current;
     if (input) setTimeout(() => input.setSelectionRange(caret, caret), 0);
-  }; // ERRORS MANAGEMENT FUNCTIONS | START //
-
+  };
 
+  // ERRORS MANAGEMENT FUNCTIONS | START //
   const [isError, setError] = (0, _react.useState)(false);
   const [blinkError, setBlinkError] = (0, _react.useState)(false);
   const [errorMessage, setErrorMessage] = (0, _react.useState)(errors.default);
+  const clearErrorMessage = () => setErrorMessage(errors.default);
+  // ERRORS MANAGEMENT FUNCTIONS | END //
 
-  const clearErrorMessage = () => setErrorMessage(errors.default); // ERRORS MANAGEMENT FUNCTIONS | END //
   // INNER VALUE MANAGEMENT FUNCTIONS | START //
-
-
   const [innerValue, setInnerValue] = (0, _react.useState)([]);
   const prevValueRef = (0, _react.useRef)([]);
-
   const addInnerValueChar = _ref => {
     let {
       char,
@@ -133,7 +112,6 @@ function InputMask2() {
       return stateCopy;
     });
   };
-
   const updateInnerValueChar = function () {
     let {
       char = null
@@ -146,17 +124,14 @@ function InputMask2() {
       return stateCopy;
     });
   };
-
   const resetInnerValue = () => {
     setInnerValue(innerValue => innerValue.map(item => {
       if (!item.isSpecialSymbol && item.char !== null) item.char = "";
       return item;
     }));
   };
-
   const setValue = function (value) {
     var _maskPattern;
-
     let disableErrors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     value = value === null || value === undefined ? "" : value.toString();
     resetInnerValue();
@@ -166,14 +141,12 @@ function InputMask2() {
     setInnerValue(innerValue => {
       const newValue = innerValue.map((item, i) => {
         var _maskPattern2;
-
         const {
           isSpecialSymbol
         } = item;
         if (isSpecialSymbol) return item;
         let char = value[valueCharIndex];
         let whileLimit = ((_maskPattern2 = maskPattern) === null || _maskPattern2 === void 0 ? void 0 : _maskPattern2.length) || 0;
-
         while (whileLimit && (isSpecialSymbolChar({
           char: value[valueCharIndex]
         }) || !isValidChar({
@@ -183,9 +156,9 @@ function InputMask2() {
         }))) {
           whileLimit--;
           char = value[++valueCharIndex];
-        } // If Valid
-
+        }
 
+        // If Valid
         if (isValidChar({
           char,
           i,
@@ -193,16 +166,15 @@ function InputMask2() {
         })) {
           item.char = char;
         }
-
         ++valueCharIndex;
         return item;
       });
       return newValue;
     });
-  }; // INNER VALUE MANAGEMENT FUNCTIONS | END //
-  // CHECKERS | START //
-
+  };
+  // INNER VALUE MANAGEMENT FUNCTIONS | END //
 
+  // CHECKERS | START //
   const isValidChar = _ref2 => {
     let {
       char: key,
@@ -210,78 +182,61 @@ function InputMask2() {
       disableErrors = false
     } = _ref2;
     const maskChar = getMaskCharByIndex(i);
-
     switch (maskChar) {
       case _config.DIGIT_MASK_CHAR:
         if (!(0, _functions.isDigit)(key)) {
           if (!disableErrors) {
             setErrorMessage(errors.onlyDigit);
           }
-
           return false;
         }
-
         break;
-
       case _config.UPPERCASE_LETTER_MASK_CHAR:
         if (adaptTextCase) key = key.toUpperCase();
-
         if (!(0, _functions.isLetter)(key) && !isCaseSensitive) {
           if (!disableErrors) setErrorMessage(errors.onlyLetter);
           return false;
         }
-
         if (isCaseSensitive && !(0, _functions.isUpperCaseLetter)(key)) {
           if (!disableErrors) setErrorMessage(errors.onlyUpperCase);
           return false;
         }
-
         break;
-
       case _config.LOWERCASE_LETTER_MASK_CHAR:
         if (adaptTextCase) key = key.toLowerCase();
-
         if (!(0, _functions.isLetter)(key) && !isCaseSensitive) {
           if (!disableErrors) setErrorMessage(errors.onlyLetter);
           return false;
         }
-
         if (isCaseSensitive && !(0, _functions.isLowerCaseLetter)(key)) {
           if (!disableErrors) setErrorMessage(errors.onlyLowerCase);
           return false;
         }
-
         break;
-
       default:
         return false;
     }
-
     return true;
   };
-
   const isSpecialSymbolMaskChar = _ref3 => {
     let {
       char
     } = _ref3;
     return !(0, _functions.isDigitMaskChar)(char) && !(0, _functions.isLetterMaskChar)(char);
   };
-
   const isSpecialSymbolChar = _ref4 => {
     let {
       char
     } = _ref4;
     return !(0, _functions.isDigit)(char) && !(0, _functions.isLetter)(char);
   };
-
   const isSpecialSymbol = i => {
     var _getCharByIndex;
-
     return (_getCharByIndex = getCharByIndex(i)) === null || _getCharByIndex === void 0 ? void 0 : _getCharByIndex.isSpecialSymbol;
-  }; // CHECKERS | END //
-  // GETTERS | START //
-
+  };
+  // CHECKERS | END //
 
+  // GETTERS | START //
   const getCharObj = function (char) {
     let data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     const isSpecialSymbol = isSpecialSymbolChar({
@@ -300,35 +255,28 @@ function InputMask2() {
       ...data
     };
   };
-
   const getCharByIndex = i => {
-    return innerValue[i] ? { ...innerValue[i]
+    return innerValue[i] ? {
+      ...innerValue[i]
     } : undefined;
   };
-
   const getMaskCharByIndex = i => {
     var _innerValue$i;
-
     return ((_innerValue$i = innerValue[i]) === null || _innerValue$i === void 0 ? void 0 : _innerValue$i.maskChar) || undefined;
   };
-
   const getPlaceholderCharByIndex = i => {
     const {
       maskChar
     } = getCharByIndex(i);
-
     if (usePatternPlaceholder) {
       return maskPatternPlaceholder[i] || maskPlaceholder;
     }
-
     if ((0, _functions.isDigitMaskChar)(maskChar) && maskDigitPlaceholder) return maskDigitPlaceholder;
     if ((0, _functions.isLetterMaskChar)(maskChar) && maskLetterPlaceholder) return maskLetterPlaceholder;
     return maskPlaceholder;
   };
-
   const getClearInnerValueAsString = () => {
-    var _getInputValue, _getInputValue$split;
-
+    var _getInputValue;
     const symbolsInfo = innerValue === null || innerValue === void 0 ? void 0 : innerValue.map(_ref5 => {
       let {
         isSpecialSymbol,
@@ -341,13 +289,12 @@ function InputMask2() {
     });
     const clearValue = (_getInputValue = getInputValue({
       noLastTyppedCharIndexCheck: true
-    })) === null || _getInputValue === void 0 ? void 0 : (_getInputValue$split = _getInputValue.split("")) === null || _getInputValue$split === void 0 ? void 0 : _getInputValue$split.reduce((resultStr, symbol, i) => {
+    })) === null || _getInputValue === void 0 || (_getInputValue = _getInputValue.split("")) === null || _getInputValue === void 0 ? void 0 : _getInputValue.reduce((resultStr, symbol, i) => {
       if (!symbolsInfo[i].isSpecialSymbol || symbolsInfo[i].isCharSymbol) resultStr += symbol;
       return resultStr;
     }, "");
     return clearValue;
   };
-
   const getInputValue = function () {
     let {
       noLastTyppedCharIndexCheck
@@ -364,22 +311,21 @@ function InputMask2() {
       let {
         char
       } = _ref7;
-
       if (char !== "" && isValid && (!noLastTyppedCharIndexCheck ? i <= lastTyppedCharIndex : true)) {
         result += char;
       } else {
         isValid = false;
       }
-
       return result;
     }, "");
     return value;
   };
+  const inputValue = (0, _react.useMemo)(getInputValue, [innerValue]);
+  // GETTERS | END //
 
-  const inputValue = (0, _react.useMemo)(getInputValue, [innerValue]); // GETTERS | END //
   /// --- Event Handlers ---///
-  // GENERAL EVENT HANDLERS | START //
 
+  // GENERAL EVENT HANDLERS | START //
   const onChange = e => {
     clearErrorMessage();
     const {
@@ -391,17 +337,16 @@ function InputMask2() {
         data: char
       }
     } = e;
-
     if (caretPos > maxEditableIndex) {
       (0, _utils.disableDefaultBehavior)();
       setCaret(maxEditableIndex);
       setBlinkError(true);
       return;
     }
-
     setValue(value);
-    const caretOffset = value.length - caretPos; // Correct Caret Position
+    const caretOffset = value.length - caretPos;
 
+    // Correct Caret Position
     if (!value.lastIndexEqualsTo(caretPos - 1)) {
       if (value.longerThan(inputValue)) {
         if (!isValidChar({
@@ -420,10 +365,8 @@ function InputMask2() {
             if (isSpecialSymbol(caretPos)) {
               (0, _utils.disableDefaultBehavior)(e);
             }
-
             setCaret(caretPos);
             break;
-
           case _index.KEYBOARD_KEY_CODES.Delete:
             if (isSpecialSymbol(caretPos)) {
               (0, _utils.disableDefaultBehavior)(e);
@@ -431,21 +374,17 @@ function InputMask2() {
             } else {
               setCaret(caretPos);
             }
-
             break;
-
           default:
             if (selectedLength > 0) {
               setCaret(caretPos);
             }
-
         }
       }
     }
+
     /* Checking if the character is a special symbol and if it is not, it is checking if the character
     is valid or not. If it is not valid, it will blink the error. */
-
-
     if (blinkErrors) {
       setTimeout(() => {
         if ((value.longerThan(inputValue) && !isSpecialSymbol(caretPos - 1) || inputValue.longerThan(value) && !isSpecialSymbol(caretPos)) && (char && !isValidChar({
@@ -458,63 +397,55 @@ function InputMask2() {
       }, 0);
     }
   };
-
   const onKeyDown = e => {
-    onKeyDownProp === null || onKeyDownProp === void 0 ? void 0 : onKeyDownProp(e);
+    onKeyDownProp === null || onKeyDownProp === void 0 || onKeyDownProp(e);
     const {
       keyCode
     } = e;
     setKeyDown(keyCode);
   };
-
   const onKeyUp = e => {
-    setKeyDown(null); // On Filled Callback
-
+    setKeyDown(null);
+    // On Filled Callback
     if (getInputValue({
       noLastTyppedCharIndexCheck: true
     }).length === maskPattern.length && e.target.selectionStart >= maxEditableIndex) onFilledProp();
   };
-
   const onClearClick = e => {
     var _inputRef$current;
-
     e.stopPropagation();
     e.preventDefault();
     resetInnerValue();
-    inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+    inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
     setCaret(0);
     clearErrorMessage();
   };
-
   const onFocus = e => {
     setFocused(true);
     onFocusProp();
   };
-
   const onBlur = () => {
     setFocused(false);
     onBlurProp();
   };
-
   const onClick = e => {
     const cursor = e.target.selectionStart;
     if (cursor >= maxEditableIndex) setCaret(maxEditableIndex);
   };
-
   const onSelect = e => {
     var _e$target, _ref8;
-
     const {
       selectionStart,
       selectionEnd
     } = (_e$target = e.target) !== null && _e$target !== void 0 ? _e$target : {};
     setSelectedLength((_ref8 = selectionEnd - selectionStart) !== null && _ref8 !== void 0 ? _ref8 : 0);
     if (selectionStart >= maxEditableIndex) setCaret(maxEditableIndex);
-  }; // GENERAL EVENT HANDLERS | END //
-  /// --- OBSERVERS ---///
-  // Render Mask
+  };
 
+  // GENERAL EVENT HANDLERS | END //
 
+  /// --- OBSERVERS ---///
+  // Render Mask
   (0, _react.useEffect)(() => {
     setIsInitValue(false);
     setInnerValue([]);
@@ -539,8 +470,9 @@ function InputMask2() {
       setValue(value);
       setIsInitValue(true);
     }
-  }, [isMaskRendered, value, isInitValue]); // OnChange Observer
+  }, [isMaskRendered, value, isInitValue]);
 
+  // OnChange Observer
   (0, _react.useEffect)(() => {
     if (isMaskRendered && isInitValue) {
       setError(false);
@@ -548,8 +480,8 @@ function InputMask2() {
         noLastTyppedCharIndexCheck: true
       })];
       if (returnMaskedValue) values.reverse();
-      onChangeProp(...values); //todo Этот функционал ломает логику - инпут начиначиет возвращать промежуточные онченджи с пустым вэлью, при правильной отрисовке форма видит пустое вэлью.
-
+      onChangeProp(...values);
+      //todo Этот функционал ломает логику - инпут начиначиет возвращать промежуточные онченджи с пустым вэлью, при правильной отрисовке форма видит пустое вэлью.
       /*if (
         prevValueRef?.current?.[0] !== values[0] &&
         prevValueRef?.current?.[1] !== values[1] &&
@@ -560,8 +492,9 @@ function InputMask2() {
         onChangeProp(...values);
       }*/
     }
-  }, [innerValue, isMaskRendered, isInitValue, value]); // Blink Error
+  }, [innerValue, isMaskRendered, isInitValue, value]);
 
+  // Blink Error
   (0, _react.useEffect)(() => {
     if (blinkError) {
       setTimeout(() => {
@@ -572,7 +505,9 @@ function InputMask2() {
   (0, _react.useEffect)(() => {
     setError(customError !== "");
     setErrorMessage(customError === "" ? errors.default : customError);
-  }, [customError, isError]); /// --- RENDER ---///
+  }, [customError, isError]);
+
+  /// --- RENDER ---///
 
   const renderChar = function (obj, i) {
     let className = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
@@ -595,36 +530,27 @@ function InputMask2() {
       ref: ref
     }, !isFocused && hideMaskOnBlur && getClearInnerValueAsString().length === 0 ? _config.SPACE_CHAR : isSpecialSymbol ? maskChar : char === "" ? getPlaceholderCharByIndex(i) : char);
   };
-
   const renderMaskChar = (obj, i) => renderChar(obj, i, "input-mask_value_item_mask-char");
-
   const renderValueChar = (obj, i) => renderChar(obj, i, "input-mask_value_item_value-char");
-
   const renderSpecialChar = (obj, i) => renderChar(obj, i, "input-mask_value_item_spec-char");
-
   const renderInputValue = () => {
     return innerValue.map((obj, i) => {
       const {
         char,
         isSpecialSymbol
       } = obj;
-
       if (isSpecialSymbol) {
         return renderSpecialChar(obj, i);
       }
-
       const isMaskItem = (() => char === "")();
-
       return isMaskItem ? renderMaskChar(obj, i) : renderValueChar(obj, i);
     });
   };
-
   const renderMask = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "input-mask_value"
     }, renderInputValue());
   };
-
   const renderInput = () => {
     return /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
       name: name || fieldKey || id || testId || "",
@@ -653,7 +579,6 @@ function InputMask2() {
       onSelect: onSelect
     }, attributesOfNativeInput));
   };
-
   const render = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)("input-mask2_wrapper", className, {
@@ -693,6 +618,5 @@ function InputMask2() {
       size: "small"
     }));
   };
-
   return render();
 }