intelicoreact 0.1.61 → 0.1.65

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

@@ -51,6 +51,8 @@ function InputMask() {
       usePatternPlaceholder = _ref.usePatternPlaceholder,
       _ref$maskAsPlaceholde = _ref.maskAsPlaceholder,
       maskAsPlaceholder = _ref$maskAsPlaceholde === void 0 ? true : _ref$maskAsPlaceholde,
+      _ref$maxEditableLen = _ref.maxEditableLen,
+      maxEditableLen = _ref$maxEditableLen === void 0 ? -1 : _ref$maxEditableLen,
       _ref$isFocusedDefault = _ref.isFocusedDefault,
       isFocusedDefault = _ref$isFocusedDefault === void 0 ? false : _ref$isFocusedDefault,
       isClearable = _ref.isClearable,
@@ -95,7 +97,8 @@ function InputMask() {
       _ref$isHintLeft = _ref.isHintLeft,
       isHintLeft = _ref$isHintLeft === void 0 ? false : _ref$isHintLeft,
       _ref$hintPosition = _ref.hintPosition,
-      hintPosition = _ref$hintPosition === void 0 ? 'right' : _ref$hintPosition;
+      hintPosition = _ref$hintPosition === void 0 ? 'right' : _ref$hintPosition,
+      name = _ref.name;
 
   var errors = _objectSpread(_objectSpread({}, _config.DEFAULT_ERRORS), customErrors);
 
@@ -116,7 +119,7 @@ function InputMask() {
       isFocused = _useState6[0],
       setFocused = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(false),
+  var _useState7 = (0, _react.useState)(null),
       _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
       isInitValue = _useState8[0],
       setIsInitValue = _useState8[1]; // ERRORS MANAGEMENT FUNCTIONS | START //
@@ -212,13 +215,7 @@ function InputMask() {
     setInnerValue(function (state) {
       var stateCopy = (0, _toConsumableArray2.default)(state);
       var charObj = getCharObj(char, data);
-
-      if (i !== null) {
-        stateCopy[i] = charObj;
-      } else {
-        stateCopy.push(charObj);
-      }
-
+      stateCopy.push(charObj);
       return stateCopy;
     });
   };
@@ -226,16 +223,13 @@ function InputMask() {
   var updateInnerValueChar = function updateInnerValueChar() {
     var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
         _ref3$char = _ref3.char,
-        char = _ref3$char === void 0 ? null : _ref3$char,
-        _ref3$isSelected = _ref3.isSelected,
-        isSelected = _ref3$isSelected === void 0 ? null : _ref3$isSelected;
+        char = _ref3$char === void 0 ? null : _ref3$char;
 
     var i = arguments.length > 1 ? arguments[1] : undefined;
     setInnerValue(function (state) {
       if (!state[i]) return state;
       var stateCopy = (0, _toConsumableArray2.default)(state);
       if (!stateCopy[i].isSpecialSymbol && char !== null) stateCopy[i].char = char;
-      if (isSelected !== null) stateCopy[i].isSelected = isSelected;
       return stateCopy;
     });
   };
@@ -243,8 +237,7 @@ function InputMask() {
   var resetInnerValue = function resetInnerValue() {
     innerValue.map(function (v, i) {
       return updateInnerValueChar({
-        char: '',
-        isSelected: false
+        char: ''
       }, i);
     });
   }; // INNER VALUE MANAGEMENT FUNCTIONS | END //
@@ -307,8 +300,13 @@ function InputMask() {
     return true;
   };
 
-  var isSpecialSymbolChar = function isSpecialSymbolChar(_ref5) {
+  var isSpecialSymbolMaskChar = function isSpecialSymbolMaskChar(_ref5) {
     var char = _ref5.char;
+    return !(0, _functions.isDigitMaskChar)(char) && !(0, _functions.isLetterMaskChar)(char);
+  };
+
+  var isSpecialSymbolChar = function isSpecialSymbolChar(_ref6) {
+    var char = _ref6.char;
     return !(0, _functions.isDigit)(char) && !(0, _functions.isLetter)(char);
   }; // CHECKERS | END //
   // GETTERS | START //
@@ -319,12 +317,15 @@ function InputMask() {
     var isSpecialSymbol = isSpecialSymbolChar({
       char: char
     });
+    var isSpecialSymbolMask = isSpecialSymbolMaskChar({
+      char: char
+    });
     if (char === ' ') char = _config.SPACE_CHAR;
     return _objectSpread({
-      char: isSpecialSymbol ? char : '',
+      char: isSpecialSymbolMask ? char : '',
       maskChar: char,
-      isSpecialSymbol: isSpecialSymbol,
-      isSelected: false,
+      isSpecialSymbol: isSpecialSymbolMask,
+      isCharSymbol: !isSpecialSymbol && char !== '' && isSpecialSymbolMask,
       ref: /*#__PURE__*/(0, _react.createRef)()
     }, data);
   };
@@ -344,11 +345,11 @@ function InputMask() {
     var minX = selectionStartX < selectionEndX ? selectionStartX : selectionEndX;
     var maxX = selectionStartX > selectionEndX ? selectionStartX : selectionEndX;
 
-    var _innerValue$reduce = innerValue.reduce(function (resObj, _ref6, index) {
+    var _innerValue$reduce = innerValue.reduce(function (resObj, _ref7, index) {
       var _ref$current;
 
-      var char = _ref6.char,
-          ref = _ref6.ref;
+      var char = _ref7.char,
+          ref = _ref7.ref;
       if ((ref === null || ref === void 0 ? void 0 : ref.current) === null) return resObj;
 
       var _ref$current$getBound = ref === null || ref === void 0 ? void 0 : (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.getBoundingClientRect(),
@@ -387,13 +388,13 @@ function InputMask() {
   };
 
   var getInnerValueAsString = function getInnerValueAsString() {
-    var _ref7 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref7$replaceSpace = _ref7.replaceSpace,
-        replaceSpace = _ref7$replaceSpace === void 0 ? false : _ref7$replaceSpace;
+    var _ref8 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref8$replaceSpace = _ref8.replaceSpace,
+        replaceSpace = _ref8$replaceSpace === void 0 ? false : _ref8$replaceSpace;
 
-    var result = innerValue.slice(0, innerValue.length - 1).map(function (_ref8, i) {
-      var char = _ref8.char,
-          maskChar = _ref8.maskChar;
+    var result = innerValue.slice(0, innerValue.length - 1).map(function (_ref9, i) {
+      var char = _ref9.char,
+          maskChar = _ref9.maskChar;
       return char === '' ? getPlaceholderCharByIndex(i) || maskChar : char;
     }).join('');
     return replaceSpace ? result.replace(/\u00A0/g, ' ') : result;
@@ -403,14 +404,13 @@ function InputMask() {
     var start = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     return innerValue.filter(function (charObj, i) {
       return i >= start;
-    }).filter(function (_ref9) {
-      var isSpecialSymbol = _ref9.isSpecialSymbol;
-      return !isSpecialSymbol;
-    }).reduce(function (result, _ref10) {
+    }).reduce(function (result, _ref10, i, arr) {
       var char = _ref10.char,
           maskChar = _ref10.maskChar,
-          isSpecialSymbol = _ref10.isSpecialSymbol;
-      if (char !== maskChar && char !== '' || isSpecialSymbol) result += char;
+          isSpecialSymbol = _ref10.isSpecialSymbol,
+          isCharSymbol = _ref10.isCharSymbol;
+      if (char !== maskChar && char !== '' || !isSpecialSymbol || isCharSymbol) result += char; // || isCharSymbol
+
       return result;
     }, '');
   };
@@ -435,10 +435,15 @@ function InputMask() {
         isSpecialSymbol = charObj.isSpecialSymbol;
     if (!ref) return false;
 
-    if (isSpecialSymbol && i < innerValue.length - 1) {
+    if ((maxEditableLen !== -1 ? i < maxEditableLen : true) && isSpecialSymbol && i < innerValue.length - 1) {
       return prevIndex > i ? onArrowLeftDown(null, i) : onArrowRightDown(null, i);
     }
 
+    if (maxEditableLen !== -1 && i > maxEditableLen) {
+      setFocusOnChar(maxEditableLen, i);
+      return false;
+    }
+
     (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.focus();
     setTimeout(function () {
       return (0, _InputCarretPosition.setCaretPosition)(ref.current, 0);
@@ -469,7 +474,7 @@ function InputMask() {
     if (isSpecialSymbol) return onBackspaceDown(e, prevIndex);
 
     if (maskAsPlaceholder) {
-      var newText = getInnerValueAsString().substr(0, prevIndex) + getInnerValueAsString().substr(i);
+      var newText = getInnerValueAsString().substring(0, prevIndex) + getInnerValueAsString().substring(i, maxEditableLen !== -1 ? maxEditableLen : getInnerValueAsString().length);
       resetInnerValue();
 
       _onPaste({
@@ -496,7 +501,7 @@ function InputMask() {
     if (char === '') return false;
 
     if (maskAsPlaceholder) {
-      var newText = getInnerValueAsString().substr(0, i) + getInnerValueAsString().substr(nextIndex);
+      var newText = getInnerValueAsString().substring(0, i) + getInnerValueAsString().substring(nextIndex, maxEditableLen !== -1 ? maxEditableLen : getInnerValueAsString().length);
       resetInnerValue();
 
       _onPaste({
@@ -593,10 +598,11 @@ function InputMask() {
 
     if (maskAsPlaceholder && ((_getClearInnerValueAs = getClearInnerValueAsString(i)) === null || _getClearInnerValueAs === void 0 ? void 0 : _getClearInnerValueAs.length) !== 0) {
       var fromIndex = i + 1;
-      var text = innerValue.slice().filter(function (charObj, index) {
-        return index >= i;
-      }).map(function (_ref13, index) {
-        var char = _ref13.char;
+      var text = innerValue.slice().filter(function (_ref13, index) {
+        var isCharSymbol = _ref13.isCharSymbol;
+        return index >= i && !isCharSymbol;
+      }).map(function (_ref14, index) {
+        var char = _ref14.char;
         return char;
       }).join('');
 
@@ -649,9 +655,9 @@ function InputMask() {
   };
 
   var onClick = function onClick(e, cb) {
-    var _ref14 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-        _ref14$ignoreIsSelect = _ref14.ignoreIsSelecting,
-        ignoreIsSelecting = _ref14$ignoreIsSelect === void 0 ? false : _ref14$ignoreIsSelect;
+    var _ref15 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+        _ref15$ignoreIsSelect = _ref15.ignoreIsSelecting,
+        ignoreIsSelecting = _ref15$ignoreIsSelect === void 0 ? false : _ref15$ignoreIsSelect;
 
     try {
       e.stopPropagation();
@@ -724,7 +730,7 @@ function InputMask() {
         ref = charObj.ref;
     (0, _InputCarretPosition.setCaretPosition)(ref.current, 0);
 
-    if (isSpecialSymbol && i < innerValue.length - 1) {
+    if ((maxEditableLen !== -1 ? i < maxEditableLen : true) && isSpecialSymbol && i < innerValue.length - 1) {
       _onFocus(e, i + 1);
 
       return false;
@@ -735,7 +741,7 @@ function InputMask() {
   };
 
   var _onPaste = function onPaste(e, i) {
-    var _ref15, _window, _e$clipboardData;
+    var _ref16, _window, _e$clipboardData;
 
     var setFocusToEnd = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
 
@@ -746,16 +752,17 @@ function InputMask() {
 
     setIsSelecting(false);
     (0, _functions.resetSelectionText)();
-    var pastedText = ((_ref15 = (e === null || e === void 0 ? void 0 : e.clipboardData) || ((_window = window) === null || _window === void 0 ? void 0 : _window.clipboardData)) === null || _ref15 === void 0 ? void 0 : _ref15.getData('text/plain')) || (e === null || e === void 0 ? void 0 : (_e$clipboardData = e.clipboardData) === null || _e$clipboardData === void 0 ? void 0 : _e$clipboardData.getData('Text')) || e.text;
+    var pastedText = ((_ref16 = (e === null || e === void 0 ? void 0 : e.clipboardData) || ((_window = window) === null || _window === void 0 ? void 0 : _window.clipboardData)) === null || _ref16 === void 0 ? void 0 : _ref16.getData('text/plain')) || (e === null || e === void 0 ? void 0 : (_e$clipboardData = e.clipboardData) === null || _e$clipboardData === void 0 ? void 0 : _e$clipboardData.getData('Text')) || e.text;
     if (!pastedText) return false;
     var replacedIndexes = [];
 
     if (maskAsPlaceholder && (e === null || e === void 0 ? void 0 : e.type) === 'paste') {
       var fromIndex = i + parseInt(pastedText === null || pastedText === void 0 ? void 0 : pastedText.length);
-      var text = innerValue.slice().filter(function (charObj, index) {
-        return index >= i;
-      }).map(function (_ref16, index) {
-        var char = _ref16.char;
+      var text = innerValue.slice().filter(function (_ref17, index) {
+        var isCharSymbol = _ref17.isCharSymbol;
+        return index >= i && !isCharSymbol;
+      }).map(function (_ref18, index) {
+        var char = _ref18.char;
         return char;
       }).join('');
 
@@ -875,18 +882,16 @@ function InputMask() {
     var selStartInd = getSelectStartIndex();
     if (selStartInd === null || selStartInd === undefined || selStartInd < 0) return false;
     var selEndInd = (0, _functions.getSelectionText)().length + selStartInd;
-    var filteredSelLen = (0, _functions.getSelectionText)().split('').reduce(function (counter, char) {
-      if (!isSpecialSymbolChar(char)) counter += 1;
-      return counter;
-    }, 0);
     (0, _functions.resetSelectionText)();
 
     if (maskAsPlaceholder && ((_getClearInnerValueAs2 = getClearInnerValueAsString(selEndInd + 1)) === null || _getClearInnerValueAs2 === void 0 ? void 0 : _getClearInnerValueAs2.length) !== 0) {
-      var text = innerValue.slice().filter(function (_ref17, index) {
-        var isSpecialSymbol = _ref17.isSpecialSymbol;
-        return (index < selStartInd || index >= selEndInd) && !isSpecialSymbol;
-      }).map(function (_ref18, index) {
-        var char = _ref18.char;
+      var text = innerValue.slice().filter(function (_ref19, index) {
+        var isSpecialSymbol = _ref19.isSpecialSymbol,
+            isCharSymbol = _ref19.isCharSymbol;
+        if (maxEditableLen !== -1 && index > maxEditableLen - 1) return false;
+        return (index < selStartInd || index >= selEndInd) && !isSpecialSymbol && !isCharSymbol;
+      }).map(function (_ref20, index) {
+        var char = _ref20.char;
         return char;
       }).join('');
       resetInnerValue();
@@ -912,10 +917,13 @@ function InputMask() {
 
 
   (0, _react.useEffect)(function () {
+    setInnerValue([]);
+    setMaskRendered(false);
     if (!maskPattern) maskPattern = '';
     maskPattern.concat(' ').split('').map(function (char, id, i) {
       return addInnerValueChar({
         char: char,
+        i: i,
         data: {
           id: id,
           isReadOnly: id === maskPattern.length
@@ -923,14 +931,14 @@ function InputMask() {
       });
     });
     setMaskRendered(true);
-  }, []);
+  }, [maskPattern]);
   (0, _react.useEffect)(function () {
     if (!isMaskRendered || isInitValue) return false;
 
     if (value && value !== '' && value !== getClearInnerValueAsString()) {
       var valueCharIndex = 0;
-      innerValue.map(function (_ref19, i) {
-        var isSpecialSymbol = _ref19.isSpecialSymbol;
+      innerValue.map(function (_ref21, i) {
+        var isSpecialSymbol = _ref21.isSpecialSymbol;
         if (isSpecialSymbol) return false;
         var char = value[valueCharIndex];
 
@@ -953,7 +961,6 @@ function InputMask() {
 
         ++valueCharIndex;
       });
-      setIsInitValue(true);
     }
   }, [isMaskRendered, value, isInitValue]); // Focus Observer
 
@@ -973,6 +980,7 @@ function InputMask() {
     if (!isMaskRendered) return false;
     setError(false);
     clearErrorMessage();
+    console.log('getClearInnerValueAsString', getClearInnerValueAsString());
     onChangeProp(getClearInnerValueAsString(), getInnerValueAsString({
       replaceSpace: true
     }));
@@ -1040,8 +1048,7 @@ function InputMask() {
     var char = obj.char,
         ref = obj.ref,
         maskChar = obj.maskChar,
-        isSpecialSymbol = obj.isSpecialSymbol,
-        isSelected = obj.isSelected;
+        isSpecialSymbol = obj.isSpecialSymbol;
     var prevChar = getCharByIndex(i - 1);
     if (i === innerValue.length - 1 && isSelecting) return /*#__PURE__*/_react.default.createElement("span", {
       style: {
@@ -1053,7 +1060,7 @@ function InputMask() {
       key: i,
       maxLength: 1,
       "attr-char-id": i,
-      className: "\n          input-mask_value_item\n          ".concat(className, "\n          ").concat((0, _functions.isDigitMaskChar)(obj.maskChar) ? 'input-mask_value_item--digit' : '', "\n          ").concat((0, _functions.isLetterMaskChar)(obj.maskChar) ? 'input-mask_value_item--letter' : '', "\n          ").concat(obj.isSpecialSymbol ? 'input-mask_value_item--spec' : '', "\n          ").concat(isSelected ? 'input-mask_value_item--selected' : '', "\n        ") // ${char === '' || isSpecialSymbol ? 'unselectable' : ''}
+      className: "\n          input-mask_value_item\n          ".concat(className, "\n          ").concat((0, _functions.isDigitMaskChar)(obj.maskChar) ? 'input-mask_value_item--digit' : '', "\n          ").concat((0, _functions.isLetterMaskChar)(obj.maskChar) ? 'input-mask_value_item--letter' : '', "\n          ").concat(obj.isSpecialSymbol ? 'input-mask_value_item--spec' : '', "\n        ") // ${char === '' || isSpecialSymbol ? 'unselectable' : ''}
       // ${!isSelecting && (char === '' || isSpecialSymbol) ? 'unselectable' : ''}
       ,
       onClick: function onClick(e) {

package/dist/Atomic/UI/NavLine/NavLine.scss

@@ -70,6 +70,7 @@
   }
 
   &__item {
+    position: relative;
     padding: 10px 10px 14px 10px;
     cursor: pointer;
     font-size: 13px;
@@ -77,19 +78,38 @@
     border-bottom: 1px solid #cfcfcf;
     user-select: none;
     margin-bottom: -1px;
-    border-bottom: 2px solid transparent;
-    opacity: 65%;
     text-decoration: none !important;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s ease-out;
+
+    &::after {
+      content: "";
+      width: 0;
+      height: 2px;
+      position: absolute;
+      bottom: 0;
+      background-color: #6b81dd;
+      transition: all 0.2s ease-out;
+    }
+
     &:hover {
-      border-bottom: 2px solid rgba(107, 129, 221, 0.65);
-      opacity: 100%;
+      &::after {
+        width: 50%;
+        opacity: 0.6;
+      }
     }
 
     &.active {
-      border-bottom: 2px solid #6b81dd;
       font-weight: 500;
       cursor: default;
       opacity: 100%;
+
+      &::after {
+        width: 100%;
+        opacity: 1;
+      }
     }
   }
 

package/dist/Molecular/FormElement/FormElement.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Label = _interopRequireDefault(require("../../Atomic/FormElements/Label/Label"));
+
+require("./FormElement.scss");
+
+var RC = 'form-element';
+
+var FormElement = function FormElement(_ref) {
+  var label = _ref.label,
+      required = _ref.required,
+      children = _ref.children,
+      error = _ref.error,
+      className = _ref.className,
+      hint = _ref.hint,
+      isLabelBolt = _ref.isLabelBolt,
+      isNoLabel = _ref.isNoLabel;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(className, RC)
+  }, label && !isNoLabel && /*#__PURE__*/_react.default.createElement(_Label.default, {
+    className: "".concat(RC, "__label"),
+    label: label,
+    hint: hint,
+    isRequired: required,
+    isLabelBolt: isLabelBolt
+  }), children, error && /*#__PURE__*/_react.default.createElement("span", {
+    className: "".concat(RC, "__error")
+  }, error));
+};
+
+var _default = FormElement;
+exports.default = _default;

package/dist/Molecular/FormElement/FormElement.scss

@@ -0,0 +1,12 @@
+.form-element {
+  position: relative;
+}
+
+.form-element__error {
+  margin-top: 2px;
+  margin-left: 1px;
+  position: absolute;
+  display: block;
+  font-size: 10px;
+  color: #f06d8d;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "intelicoreact",
-  "version": "0.1.61",
-  "description": "fix UserBox crush",
+  "version": "0.1.65",
+  "description": "",
   "main": "dist/index.js",
   "files": [
     "dist/*",
@@ -11,18 +11,19 @@
   ],
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "babel src --out-dir dist --copy-files --no-copy-ignored"
+    "build": "node IntelicoKitVersioningBot/main.js && babel src --out-dir dist --copy-files --no-copy-ignored",
+    "release": "babel src --out-dir dist --copy-files --no-copy-ignored && npm publish && node IntelicoKitVersioningBot/main.js"
   },
   "author": "Andrey Isakov",
   "license": "ISC",
   "dependencies": {
+    "anme": "^1.0.1",
+    "classnames": "^2.3.1",
     "moment": "^2.29.1",
     "moment-timezone": "^0.5.34",
     "react": "^17.0.2",
     "react-feather": "^2.0.9",
-    "react-input-mask": "^2.0.4",
-    "classnames": "^2.3.1",
-    "anme": "^1.0.1"
+    "react-input-mask": "^2.0.4"
   },
   "devDependencies": {
     "@babel/cli": "^7.15.7",