intelicoreact 0.1.40 → 0.1.43

package/dist/Atomic/FormElements/Dropdown/Dropdown.js

@@ -27,6 +27,8 @@ var _DropdownLoader = _interopRequireDefault(require("./components/DropdownLoade
 
 require("./Dropdown.scss");
 
+var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(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; }
@@ -51,7 +53,9 @@ var Dropdown = function Dropdown(_ref) {
       isSearchable = _ref.isSearchable,
       entity = _ref.entity,
       scrollReactionObj = _ref.scrollReactionObj,
-      isListTop = _ref.isListTop;
+      isListTop = _ref.isListTop,
+      _ref$isNotValidateASC = _ref.isNotValidateASCII,
+      isNotValidateASCII = _ref$isNotValidateASC === void 0 ? false : _ref$isNotValidateASC;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -133,7 +137,9 @@ var Dropdown = function Dropdown(_ref) {
   };
 
   var onSearchHandler = function onSearchHandler(name) {
-    setSearchValue(name);
+    var inputValue = name;
+    if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
+    setSearchValue(inputValue);
   };
 
   var hightlightedText = function hightlightedText(text, postfix) {

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

@@ -157,5 +157,6 @@ DropdownTemplate.args = {
       value: 'group23'
     }]
   }],
-  error: ''
+  error: '',
+  isNotValidateASCII: false
 };

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

@@ -135,5 +135,6 @@ InputTemplate.args = {
   symbolsLimit: 255,
   placeholder: 'Placeholder',
   icon: /*#__PURE__*/_react.default.createElement(_reactFeather.User, null),
-  isNumericMobileKeyboard: false
+  isNumericMobileKeyboard: false,
+  isNotValidateASCII: false
 };

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

@@ -83,14 +83,14 @@ function InputMask() {
       _ref$errors = _ref.errors,
       customErrors = _ref$errors === void 0 ? DEFAULT_ERRORS : _ref$errors,
       _ref$error = _ref.error,
-      error = _ref$error === void 0 ? '' : _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,
@@ -227,7 +227,7 @@ function InputMask() {
       var char = _ref4.char,
           maskChar = _ref4.maskChar;
       return char === '' ? getPlaceholderCharByIndex(i) || maskChar : char;
-    }).join('');
+    }).join('').replace(/\u00A0/g, ' ');
   };
 
   var getSelectedValueAsString = function getSelectedValueAsString() {
@@ -278,7 +278,10 @@ function InputMask() {
     switch (maskChar) {
       case DIGIT_MASK_CHAR:
         if (!isDigit(key)) {
-          if (!disableErrors) setErrorMessage(errors.onlyDigit);
+          if (!disableErrors) {
+            setErrorMessage(errors.onlyDigit);
+          }
+
           return false;
         }
 
@@ -522,6 +525,8 @@ function InputMask() {
     var key = e.key,
         ctrlKey = e.ctrlKey,
         altKey = e.altKey;
+    setError(false);
+    clearErrorMessage();
 
     if (ctrlKey || altKey) {
       if (!_index.KEYBOARD_SERVICE_KEYS.includes(key)) handleKeyCombinations(e, i);
@@ -720,6 +725,7 @@ function InputMask() {
 
   (0, _react.useEffect)(function () {
     if (!isMaskRendered) return false;
+    setError(false);
     clearErrorMessage();
     onChangeProp(getInnerValueAsString(), getClearInnerValueAsString());
   }, [innerValue, isMaskRendered]); // Blink Error
@@ -753,10 +759,9 @@ function InputMask() {
     });
   }, []);
   (0, _react.useEffect)(function () {
-    if (isError) return;
-    setError(error !== '');
-    setErrorMessage(error === '' ? errors.default : error);
-  }, [error, isError]); ///--- RENDER ---///
+    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] : '';
@@ -771,7 +776,7 @@ function InputMask() {
       }
     });
     return /*#__PURE__*/_react.default.createElement("span", {
-      tabIndex: i === 0 ? 1 : -1,
+      tabIndex: i === 0 ? 'auto' : -1,
       key: i,
       maxLength: 1,
       "attr-char-id": i,
@@ -849,10 +854,11 @@ function InputMask() {
 
   var render = function render() {
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: "input-mask_wrapper ".concat(className, " ").concat(isError ? 'input-mask_error' : ''),
-      onBlur: onBlur
+      className: "input-mask_wrapper ".concat(className, " ").concat(isError ? 'input-mask_error' : '', " ").concat(isFocused ? 'input-mask_focus' : '', " ").concat(blinkError ? 'input-mask_blink-error' : ''),
+      onBlur: onBlur,
+      tabIndex: "auto"
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "input-mask ".concat(isFocused ? 'input-mask_focus' : '', " ").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);
       },

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

@@ -206,7 +206,7 @@ var Template = function Template(args) {
       fontSize: "24px",
       fontWeight: '200'
     }
-  }, "Clear Value: ", clearValue)), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_InputMask.default, (0, _extends2.default)({}, args, {
+  }, "Clear Value: ", clearValue)), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("input", null), /*#__PURE__*/_react.default.createElement("input", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_InputMask.default, (0, _extends2.default)({}, args, {
     value: value,
     onChange: function onChange(v, cv) {
       setValue(v);

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js

@@ -25,6 +25,8 @@ var _Tag = _interopRequireDefault(require("../Tag/Tag"));
 
 var _Label = _interopRequireDefault(require("../Label/Label"));
 
+var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+
 require("./TagsDropdown.scss");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -46,7 +48,9 @@ var TagsDropdown = function TagsDropdown(_ref) {
       hint = _ref.hint,
       hintSide = _ref.hintSide,
       disabled = _ref.disabled,
-      isValuesInTags = _ref.isValuesInTags;
+      isValuesInTags = _ref.isValuesInTags,
+      _ref$isNotValidateASC = _ref.isNotValidateASCII,
+      isNotValidateASCII = _ref$isNotValidateASC === void 0 ? false : _ref$isNotValidateASC;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -91,7 +95,9 @@ var TagsDropdown = function TagsDropdown(_ref) {
   };
 
   var onSearchHandler = function onSearchHandler(name) {
-    setSearchValue(name);
+    var inputValue = name;
+    if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
+    setSearchValue(inputValue);
   };
 
   var getMarkupForElement = function getMarkupForElement(item) {

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

@@ -120,5 +120,6 @@ TagsDropdownTemplate.args = {
       value: 'group23',
       disabled: false
     }]
-  }]
+  }],
+  isNotValidateASCII: false
 };

package/dist/Atomic/FormElements/Textarea/Textarea.js

@@ -13,23 +13,34 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Label = _interopRequireDefault(require("../Label/Label"));
 
+var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+
 require("./Textarea.scss");
 
 var RC = 'textarea';
 
 var Textarea = function Textarea(_ref) {
   var value = _ref.value,
-      _onChange = _ref.onChange,
+      onChange = _ref.onChange,
       placeholder = _ref.placeholder,
       disabled = _ref.disabled,
-      className = _ref.className;
+      className = _ref.className,
+      _ref$isNotValidateASC = _ref.isNotValidateASCII,
+      isNotValidateASCII = _ref$isNotValidateASC === void 0 ? false : _ref$isNotValidateASC;
+  var handle = {
+    change: function change(value) {
+      var inputValue = value;
+      if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
+      onChange(inputValue);
+    }
+  };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC), className)
   }, /*#__PURE__*/_react.default.createElement("textarea", {
     className: "".concat(RC, "__textarea"),
     value: value,
     onChange: function onChange(e) {
-      return _onChange(e.target.value);
+      return handle.change(e.target.value);
     },
     placeholder: placeholder,
     disabled: disabled

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

@@ -45,5 +45,6 @@ exports.TextareaTemplate = TextareaTemplate;
 TextareaTemplate.args = {
   disabled: false,
   placeholder: 'Placeholder',
-  className: "any-class"
+  className: "any-class",
+  isNotValidateASCII: false
 };

package/package.json

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