intelicoreact 0.1.38 → 0.1.41

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

@@ -76,19 +76,21 @@ function InputMask() {
       blinkErrors = _ref$blinkErrors === void 0 ? true : _ref$blinkErrors,
       _ref$blinkDuration = _ref.blinkDuration,
       blinkDuration = _ref$blinkDuration === void 0 ? 100 : _ref$blinkDuration,
-      _ref$showNativeErrors = _ref.showNativeErrors,
-      showNativeErrors = _ref$showNativeErrors === void 0 ? true : _ref$showNativeErrors,
+      _ref$showErrors = _ref.showErrors,
+      showErrors = _ref$showErrors === void 0 ? false : _ref$showErrors,
       _ref$className = _ref.className,
       className = _ref$className === void 0 ? '' : _ref$className,
       _ref$errors = _ref.errors,
       customErrors = _ref$errors === void 0 ? DEFAULT_ERRORS : _ref$errors,
+      _ref$error = _ref.error,
+      customError = _ref$error === void 0 ? '' : _ref$error,
       ref = _ref.ref,
       _ref$onFocus = _ref.onFocus,
       onFocusProp = _ref$onFocus === void 0 ? function () {} : _ref$onFocus,
       _ref$onBlur = _ref.onBlur,
       onBlurProp = _ref$onBlur === void 0 ? function () {} : _ref$onBlur,
       _ref$imitateTypingOnP = _ref.imitateTypingOnPaste,
-      imitateTypingOnPaste = _ref$imitateTypingOnP === void 0 ? true : _ref$imitateTypingOnP,
+      imitateTypingOnPaste = _ref$imitateTypingOnP === void 0 ? false : _ref$imitateTypingOnP,
       _ref$imitateTypingOnP2 = _ref.imitateTypingOnPasteDelay,
       imitateTypingOnPasteDelay = _ref$imitateTypingOnP2 === void 0 ? 100 : _ref$imitateTypingOnP2,
       _ref$showHint = _ref.showHint,
@@ -221,7 +223,7 @@ function InputMask() {
   };
 
   var getInnerValueAsString = function getInnerValueAsString() {
-    return innerValue.map(function (_ref4, i) {
+    return innerValue.slice(0, innerValue.length - 1).map(function (_ref4, i) {
       var char = _ref4.char,
           maskChar = _ref4.maskChar;
       return char === '' ? getPlaceholderCharByIndex(i) || maskChar : char;
@@ -749,7 +751,13 @@ function InputMask() {
         return false;
       });
     });
-  }, []); ///--- RENDER ---///
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (isError) return false;
+    console.log(customError !== '', customError);
+    setError(customError !== '');
+    setErrorMessage(customError === '' ? errors.default : customError);
+  }, [customError, isError]); ///--- RENDER ---///
 
   var renderChar = function renderChar(obj, i) {
     var className = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
@@ -842,10 +850,10 @@ function InputMask() {
 
   var render = function render() {
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: "input-mask_wrapper ".concat(className),
+      className: "input-mask_wrapper ".concat(className, " ").concat(isError ? 'input-mask_error' : '', " ").concat(isFocused ? 'input-mask_focus' : '', " ").concat(blinkError ? 'input-mask_blink-error' : ''),
       onBlur: onBlur
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "input-mask ".concat(isFocused ? 'input-mask_focus' : '', " ").concat(isError ? 'input-mask_error' : '', " ").concat(blinkError ? 'input-mask_blink-error' : ''),
+      className: "input-mask ".concat(isError ? 'input-mask_error' : '', " ").concat(isFocused ? 'input-mask_focus' : '', " ").concat(blinkError ? 'input-mask_blink-error' : ''),
       onMouseDown: function onMouseDown() {
         return setIsMouseDown(true);
       },
@@ -887,7 +895,7 @@ function InputMask() {
       hint: hintText,
       className: hintClassName,
       side: hintPosition
-    }))), showNativeErrors && errorMessage && /*#__PURE__*/_react.default.createElement("div", {
+    }))), showErrors && errorMessage && /*#__PURE__*/_react.default.createElement("div", {
       className: "input-mask_error-text"
     }, errorMessage));
   };

package/dist/Atomic/FormElements/InputMask/InputMask.scss

@@ -1,8 +1,8 @@
-.input-mask_wrapper {
+.input-mask_wrapper{
   outline: none;
   display: block;
   // width: fit-content;
-  width: 250px;
+  width: 100%;
 
   .input-mask{
     display: inline-flex;
@@ -19,10 +19,6 @@
     &_focus{
       border-color: #6b81dd;
       filter: drop-shadow(0px 0px 4px rgba(93, 120, 255, 0.5));
-
-      .input-mask_value {
-        opacity: 1;
-      }
     }
 
     &_error,
@@ -90,7 +86,6 @@
     }
 
     &_value{
-      opacity: 0.6;
       display: flex;
       align-items: center;
       outline: none;
@@ -124,6 +119,7 @@
         }
 
         &:last-child{
+          color: #333333;
           max-width: 1px;
         }
       }

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

@@ -108,15 +108,20 @@ var _default = {
       description: 'Duration of <b>Error Blink</b> in <b>ms</b>.',
       default: 100
     },
-    showNativeErrors: {
+    showErrors: {
       type: 'boolean',
       default: true,
-      description: 'Turn <b>On/Off</b> Display of Native Event Errors.'
+      description: 'Turn <b>On/Off</b> Display of Errors.'
     },
     errors: {
       type: 'object',
       description: "Errors Descriptions: <br/>\n\n      {\n        onlyLetter: 'Type letter',\n        onlyDigit: 'Type digit',\n        onlyUpperCase: 'Type letter in UpperCase',\n        onlyLowerCase: 'Type letter in LowerCase',\n        default: null\n      }\n"
     },
+    error: {
+      type: 'string',
+      default: '',
+      description: 'Custom Error Text. If is not empty, field would be hightlited'
+    },
     onFocus: {
       type: 'function',
       description: 'Callback Function for Handle <b>Input Focus</b>'
@@ -230,8 +235,9 @@ InputMaskTemplate.args = {
   onChange: function onChange() {},
   blinkErrors: false,
   blinkDuration: 100,
-  showNativeErrors: true,
+  showErrors: true,
   errors: {},
+  error: 'Pipec',
   onFocus: function onFocus() {},
   onBlur: function onBlur() {},
   className: '',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "0.1.38",
+  "version": "0.1.41",
   "description": "fixes",
   "main": "dist/index.js",
   "files": ["dist/*", "node_modules/anme/*", "node_modules/moment/*", "node_modules/moment-timezone/*"],