intelicoreact 1.0.77 → 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
 
@@ -364,16 +364,17 @@ var Dropdown = function Dropdown(_ref) {
   (0, _react.useLayoutEffect)(function () {
     window.addEventListener('resize', setListContainerStyles);
     window.addEventListener('mousewheel', closeList);
+    window.addEventListener('touchmove', closeList);
     return function () {
       window.removeEventListener('resize', setListContainerStyles);
       window.removeEventListener('mousewheel', closeList);
+      window.removeEventListener('touchmove', closeList);
     };
   }, [getListContainer]);
   (0, _react.useEffect)(function () {
     setListContainerStyles();
   }, [isOpen, searchValue]);
   (0, _react.useEffect)(function () {
-    if (!value) setSearchValue(null);
     document.addEventListener('click', handleClickOutside, true);
     return function () {
       return document.removeEventListener('click', handleClickOutside, true);
@@ -402,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;
@@ -429,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/InputDateRange/InputDateRange.js

@@ -87,7 +87,8 @@ var InputDateRange = function InputDateRange(props) {
       isCompare = _useState4[0],
       setIsCompare = _useState4[1];
 
-  var ref = !isUseAbs ? (0, _dependencies.useClickOutside)(toggleOff) : (0, _react.useRef)(null);
+  var dropdownContainers = document.getElementsByClassName('dropdown__container');
+  var ref = !isUseAbs ? (0, _dependencies.useClickOutside)(toggleOff, dropdownContainers) : (0, _react.useRef)(null);
   var internalContainerRef = (0, _react.useRef)(null);
 
   var handleChange = function handleChange(input) {

package/dist/Atomic/FormElements/InputDateRange/dependencies.js

@@ -31,9 +31,23 @@ var useClickOutside = function useClickOutside(hideComponent, additionalComponen
   var ref = (0, _react.useRef)(null);
 
   var checkCondition = function checkCondition(target) {
-    var _ref$current, _ref$current2;
+    if (additionalComponent) {
+      if (additionalComponent !== null && additionalComponent !== void 0 && additionalComponent.length) {
+        var _ref$current, _Array$from;
 
-    return additionalComponent ? !((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(target)) && !(additionalComponent !== null && additionalComponent !== void 0 && additionalComponent.contains(target)) : !((_ref$current2 = ref.current) !== null && _ref$current2 !== void 0 && _ref$current2.contains(target));
+        return !((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(target)) && !((_Array$from = Array.from(additionalComponent)) !== null && _Array$from !== void 0 && _Array$from.some(function (item) {
+          return item === null || item === void 0 ? void 0 : item.contains(target);
+        }));
+      } else {
+        var _ref$current2;
+
+        return !((_ref$current2 = ref.current) !== null && _ref$current2 !== void 0 && _ref$current2.contains(target)) && !(additionalComponent !== null && additionalComponent !== void 0 && additionalComponent.contains(target));
+      }
+    } else {
+      var _ref$current3;
+
+      return !((_ref$current3 = ref.current) !== null && _ref$current3 !== void 0 && _ref$current3.contains(target));
+    }
   };
 
   var handleClickOutside = (0, _react.useCallback)(function (_ref) {

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/dist/Atomic/FormElements/RangeList/RangeList.js

@@ -55,6 +55,8 @@ var RangeList = function RangeList(props) {
       error = props.error,
       defaultErrorText = props.defaultErrorText,
       nullValueText = props.nullValueText,
+      _props$isOnlyOneRow = props.isOnlyOneRow,
+      isOnlyOneRow = _props$isOnlyOneRow === void 0 ? false : _props$isOnlyOneRow,
       testId = props.testId;
   var NULL_VALUE_TEXT = nullValueText !== null && nullValueText !== void 0 ? nullValueText : 'No data';
 
@@ -76,6 +78,7 @@ var RangeList = function RangeList(props) {
   var inputFromRef = (0, _react.useRef)(null);
   var inputToRef = (0, _react.useRef)(null);
   var isValidRange = !!(state !== null && state !== void 0 && state.from && state !== null && state !== void 0 && state.to && +(state === null || state === void 0 ? void 0 : state.from) <= +(state === null || state === void 0 ? void 0 : state.to));
+  var isShowRow = isOnlyOneRow && (value === null || value === void 0 ? void 0 : value.length) === 0 || !isOnlyOneRow;
   var handle = {
     inputsChange: function inputsChange(val, prop) {
       return setState(_objectSpread(_objectSpread({}, state), {}, (0, _defineProperty2.default)({}, prop, val)));
@@ -126,6 +129,60 @@ var RangeList = function RangeList(props) {
       if (code === 13) inputToRef.current.blur();
     }
   };
+
+  var renderInputsAndAddButtonRow = function renderInputsAndAddButtonRow() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)("".concat(RC, "__row"), "".concat(RC, "__inputs"))
+    }, /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
+      className: "".concat(RC, "__cell-input")
+    }, /*#__PURE__*/_react.default.createElement(_Input.default, {
+      testId: "range-list".concat(testId && "--".concat(testId), "-from"),
+      ref: inputFromRef,
+      onlyNumbers: isFloatValues ? {
+        type: 'float',
+        decimalPlaces: decimalPlaces || 0
+      } : {
+        type: 'int'
+      },
+      value: state.from,
+      onBlur: function onBlur(e) {
+        return handle.rangeValidation(e, 'from');
+      },
+      onChange: function onChange(val) {
+        return handle.inputsChange(val, 'from');
+      },
+      onKeyUp: function onKeyUp(code) {
+        return handle.onKeyUpFromInput(code);
+      }
+    })), /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
+      className: "".concat(RC, "__cell-input")
+    }, /*#__PURE__*/_react.default.createElement(_Input.default, {
+      testId: "range-list".concat(testId && "--".concat(testId), "-to"),
+      ref: inputToRef,
+      onlyNumbers: isFloatValues ? {
+        type: 'float',
+        decimalPlaces: decimalPlaces || 0
+      } : {
+        type: 'int'
+      },
+      value: state.to,
+      onBlur: function onBlur(e) {
+        return handle.rangeValidation(e, 'to');
+      },
+      onChange: function onChange(val) {
+        return handle.inputsChange(val, 'to');
+      },
+      onKeyUp: function onKeyUp(code) {
+        return handle.onKeyUpToInput(code);
+      }
+    })), /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
+      className: "".concat(RC, "__cell-button")
+    }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+      testId: "range-list".concat(testId && "--".concat(testId), "-button"),
+      onClick: handle.addRange
+    }, "Add")));
+  };
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(RC, className, (0, _defineProperty2.default)({}, "".concat(RC, "_disabled"), disabled))
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -134,56 +191,7 @@ var RangeList = function RangeList(props) {
     className: "".concat(RC, "__cell-label")
   }, "From"), /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
     className: "".concat(RC, "__cell-label")
-  }, "To")), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__row"), "".concat(RC, "__inputs"))
-  }, /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
-    className: "".concat(RC, "__cell-input")
-  }, /*#__PURE__*/_react.default.createElement(_Input.default, {
-    testId: "range-list".concat(testId && "--".concat(testId), "-from"),
-    ref: inputFromRef,
-    onlyNumbers: isFloatValues ? {
-      type: 'float',
-      decimalPlaces: decimalPlaces || 0
-    } : {
-      type: 'int'
-    },
-    value: state.from,
-    onBlur: function onBlur(e) {
-      return handle.rangeValidation(e, 'from');
-    },
-    onChange: function onChange(val) {
-      return handle.inputsChange(val, 'from');
-    },
-    onKeyUp: function onKeyUp(code) {
-      return handle.onKeyUpFromInput(code);
-    }
-  })), /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
-    className: "".concat(RC, "__cell-input")
-  }, /*#__PURE__*/_react.default.createElement(_Input.default, {
-    testId: "range-list".concat(testId && "--".concat(testId), "-to"),
-    ref: inputToRef,
-    onlyNumbers: isFloatValues ? {
-      type: 'float',
-      decimalPlaces: decimalPlaces || 0
-    } : {
-      type: 'int'
-    },
-    value: state.to,
-    onBlur: function onBlur(e) {
-      return handle.rangeValidation(e, 'to');
-    },
-    onChange: function onChange(val) {
-      return handle.inputsChange(val, 'to');
-    },
-    onKeyUp: function onKeyUp(code) {
-      return handle.onKeyUpToInput(code);
-    }
-  })), /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
-    className: "".concat(RC, "__cell-button")
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    testId: "range-list".concat(testId && "--".concat(testId), "-button"),
-    onClick: handle.addRange
-  }, "Add"))), (innerError || outerError || error) && /*#__PURE__*/_react.default.createElement("span", {
+  }, "To")), isShowRow && renderInputsAndAddButtonRow(), (innerError || outerError || error) && /*#__PURE__*/_react.default.createElement("span", {
     className: "".concat(RC, "__error")
   }, innerError || error || outerError), !(value !== null && value !== void 0 && value.length) && /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__row"), "".concat(RC, "__values"), "".concat(RC, "__null-value"))

package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js

@@ -196,7 +196,9 @@ var TieredCheckboxes = function TieredCheckboxes(_ref) {
         var disabled = _ref4.disabled;
         return disabled === true;
       }) || parent.disabled
-    }), renderInner(parent));
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)("".concat(RC, "__parent__children"))
+    }, renderInner(parent)));
   }));
 };
 

package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.scss

@@ -1,6 +1,10 @@
 .tiered-checkboxes {
   &__parents {
     margin-bottom: 25px;
+
+    & > label {
+      display: inline-flex;
+    }
   }
 
   &__children {

package/dist/Atomic/UI/Box/Box.js

@@ -0,0 +1,53 @@
+"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"));
+
+require("./Box.scss");
+
+// global
+// styles
+var directionVariants = {
+  column: 'column',
+  row: 'row'
+};
+var sizes = {
+  none: 'none',
+  xs: 'xs',
+  s: 's',
+  m: 'm',
+  l: 'l',
+  xl: 'xl'
+};
+
+var Box = function Box(_ref) {
+  var children = _ref.children,
+      _ref$paddingVariant = _ref.paddingVariant,
+      paddingVariant = _ref$paddingVariant === void 0 ? sizes.m : _ref$paddingVariant,
+      _ref$radiiVariant = _ref.radiiVariant,
+      radiiVariant = _ref$radiiVariant === void 0 ? sizes.s : _ref$radiiVariant,
+      _ref$direction = _ref.direction,
+      direction = _ref$direction === void 0 ? directionVariants.column : _ref$direction,
+      className = _ref.className;
+  var styles = {
+    flexDirection: direction
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: styles,
+    className: (0, _classnames.default)('box', "box--padding-".concat(paddingVariant), "box--radii-".concat(radiiVariant), className, {
+      df: direction === directionVariants.row,
+      'dfc-jc': direction === directionVariants.column
+    })
+  }, children);
+};
+
+var _default = Box;
+exports.default = _default;

package/dist/Atomic/UI/Box/Box.scss

@@ -0,0 +1,58 @@
+@import '../../../scss/_vars';
+
+.box {
+  box-sizing: border-box;
+  height: fit-content;
+
+  border: 1px solid #E1E8F1;
+
+  &--radii-none {
+    border-radius: 0;
+  }
+
+
+  &--radii-xs {
+    border-radius: $radii-xs;
+  }
+
+  &--radii-s {
+    border-radius: $radii-s;
+  }
+
+  &--radii-m {
+    border-radius: $radii-m;
+  }
+
+  &--radii-l {
+    border-radius: $radii-l;
+  }
+
+  &--radii-xl {
+    border-radius: $radii-xl;
+  }
+
+  &--padding-none {
+    padding: 0;
+  }
+
+
+  &--padding-xs {
+    padding: $spacing-xs;
+  }
+
+  &--padding-s {
+    padding: $spacing-s;
+  }
+
+  &--padding-m {
+    padding: $spacing-m;
+  }
+
+  &--padding-l {
+    padding: $spacing-l;
+  }
+
+  &--padding-xl {
+    padding: $spacing-xl;
+  }
+}

package/dist/scss/_vars.scss

@@ -2,6 +2,19 @@
 //@import "anme/scss/anme-vars";
 @import "~anme/scss/anme-vars";
 
+$radii-xs: 4px;
+$radii-s: 8px;
+$radii-m: 16px;
+$radii-l: 24px;
+$radii-xl: 32px;
+
+
+$spacing-xs: 4px;
+$spacing-s: 8px;
+$spacing-m: 16px;
+$spacing-l: 24px;
+$spacing-xl: 32px;
+
 /* THEME COLORS */
 
 $color--secondary: #F06D8D;

package/package.json

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