intelicoreact 1.0.78 → 1.0.79

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

@@ -86,6 +86,7 @@ var Dropdown = function Dropdown(_ref) {
 
   var dropdownRef = (0, _react.useRef)(null);
   var dropdownListRef = (0, _react.useRef)(null);
+  var searchInputRef = (0, _react.useRef)(null);
 
   var _useState7 = (0, _react.useState)(null),
       _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
@@ -149,7 +150,6 @@ var Dropdown = function Dropdown(_ref) {
 
   var onChangeHandler = function onChangeHandler(item) {
     setIsOpen(false);
-    setSearchValue(null);
     onChange(item.value);
   }; // decorator
 
@@ -375,7 +375,6 @@ var Dropdown = function Dropdown(_ref) {
     setListContainerStyles();
   }, [isOpen, searchValue]);
   (0, _react.useEffect)(function () {
-    if (!value) setSearchValue(null);
     document.addEventListener('click', handleClickOutside, true);
     return function () {
       return document.removeEventListener('click', handleClickOutside, true);
@@ -404,7 +403,12 @@ var Dropdown = function Dropdown(_ref) {
   };
 
   (0, _react.useEffect)(function () {
-    if (isOpen && isSearching) setSearchValue(selectedLabel);
+    if (isOpen && isSearching) {
+      setSearchValue(selectedLabel);
+      setTimeout(function () {
+        return searchInputRef.current.select();
+      }, 1);
+    }
   }, [isSearching]);
   var postfixText = selectedLabel && ((_filteredOptions$find = filteredOptions.find(function (option) {
     return option.value === value;
@@ -431,26 +435,28 @@ var Dropdown = function Dropdown(_ref) {
       return !isFocusedByClick ? setIsOpen(true) : null;
     }
   }, isSearchable ? /*#__PURE__*/_react.default.createElement("input", {
+    ref: searchInputRef,
     className: "".concat(RC, "__input"),
     value: isSearching ? searchValue !== null && searchValue !== void 0 ? searchValue : '' : selectedLabel || '',
     onChange: function onChange(e) {
-      console.log({
-        searchValue: searchValue,
-        selectedLabel: selectedLabel
-      });
-      setIsSearching(true);
-      onSearchHandler(e.target.value);
+      return onSearchHandler(e.target.value);
     },
     placeholder: placeholder,
     onFocus: function onFocus(e) {
-      e.target.select();
+      if (!isOpen) {
+        e.preventDefault();
+        e.stopPropagation();
+        e.target.blur();
+        return;
+      } else {
+        setIsSearching(true);
+      }
     },
     onBlur: function onBlur() {
-      setSearchValue(null);
-      setIsSearching(false);
+      return setIsSearching(false);
     },
     onClick: function onClick() {
-      return setIsOpen(!isOpen);
+      if (!isOpen) setIsOpen(true);
     }
   }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
     className: "text"

package/dist/Atomic/FormElements/FileLoader/FileLoader.scss

@@ -43,7 +43,6 @@
     justify-content: space-between;
 
     box-sizing: border-box;
-    width: fit-content;
     height: 100%;
 
     text-decoration: none;

package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js

@@ -21,17 +21,14 @@ var FileLoaderLocal = function FileLoaderLocal(_ref) {
       error = _ref.error,
       isRequired = _ref.isRequired,
       accept = _ref.accept,
-      onChange = _ref.onChange,
+      _onChange = _ref.onChange,
       className = _ref.className,
       value = _ref.value,
       isNoTrashIcon = _ref.isNoTrashIcon;
 
   var getFileName = function getFileName(value) {
     var result = value.match(/[^\\]+$/);
-    return onChange({
-      value: result[0],
-      id: id
-    });
+    return result[0];
   };
 
   var renderRequiredLabel = function renderRequiredLabel() {
@@ -48,7 +45,11 @@ var FileLoaderLocal = function FileLoaderLocal(_ref) {
     className: (0, _classnames.default)('file-loader-local', className)
   }, /*#__PURE__*/_react.default.createElement("input", {
     onChange: function onChange(e) {
-      return getFileName(e.target.value);
+      return _onChange({
+        name: getFileName(e.target.value),
+        e: e,
+        id: id
+      });
     },
     className: "file-loader-local__file-input",
     id: "file-input-".concat(id),
@@ -76,7 +77,7 @@ var FileLoaderLocal = function FileLoaderLocal(_ref) {
   }, error))), value && !isNoTrashIcon && /*#__PURE__*/_react.default.createElement(_reactFeather.Trash2, {
     className: "file-loader-local__trash-icon",
     onClick: function onClick() {
-      return onChange({
+      return _onChange({
         id: id
       });
     }

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

@@ -422,10 +422,11 @@ function InputMask2() {
   };
 
   var onKeyDown = function onKeyDown(e) {
-    var _getCharByIndex2, _getCharByIndex4;
+    var _getCharByIndex2;
 
     onKeyDownProp === null || onKeyDownProp === void 0 ? void 0 : onKeyDownProp(e);
-    var keyCode = e.keyCode;
+    var keyCode = e.keyCode,
+        key = e.key;
     var cursor = e.target.selectionStart;
 
     if (keyCode === 36) {
@@ -449,26 +450,50 @@ function InputMask2() {
       return;
     }
 
-    if (keyCode === 8 && (_getCharByIndex4 = getCharByIndex(cursor - 1)) !== null && _getCharByIndex4 !== void 0 && _getCharByIndex4.isSpecialSymbol) {
-      e.preventDefault();
-      e.stopPropagation();
+    if (keyCode === 8) {
+      var _getCharByIndex4;
+
+      if ((_getCharByIndex4 = getCharByIndex(cursor - 1)) !== null && _getCharByIndex4 !== void 0 && _getCharByIndex4.isSpecialSymbol) {
+        e.preventDefault();
+        e.stopPropagation();
 
-      while ((_getCharByIndex5 = getCharByIndex(cursor - 1)) !== null && _getCharByIndex5 !== void 0 && _getCharByIndex5.isSpecialSymbol && cursor > 0) {
-        var _getCharByIndex5;
+        while ((_getCharByIndex5 = getCharByIndex(cursor - 1)) !== null && _getCharByIndex5 !== void 0 && _getCharByIndex5.isSpecialSymbol && cursor > 0) {
+          var _getCharByIndex5;
 
-        --cursor;
+          --cursor;
+        }
+
+        setCursor(cursor);
+        return;
+      } else {
+        if (cursor >= 1) setCursor(cursor - 1);
+        return;
       }
+    }
 
+    if (keyCode === 46) {
       setCursor(cursor);
       return;
     }
 
-    if (keyCode === 46) {
-      setCursor(cursor);
+    if (cursor > maxEditableIndex) {
+      setCursor(maxEditableIndex);
       return;
     }
 
-    if (cursor > maxEditableIndex) setCursor(maxEditableIndex);
+    if (isValidChar({
+      char: key,
+      i: cursor,
+      disableErrors: true
+    })) {
+      while ((_getCharByIndex6 = getCharByIndex(cursor + 1)) !== null && _getCharByIndex6 !== void 0 && _getCharByIndex6.isSpecialSymbol && cursor < maxEditableIndex) {
+        var _getCharByIndex6;
+
+        ++cursor;
+      }
+
+      setCursor(cursor + 1);
+    }
   };
 
   var onKeyUp = function onKeyUp(e) {

package/package.json

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