intelicoreact 0.1.29 → 0.1.32

package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _TextSwitcher = _interopRequireDefault(require("../TextSwitcher/TextSwitcher"));
@@ -24,18 +26,18 @@ var AdvancedStatus = function AdvancedStatus(_ref) {
       isPrimary = _ref.isPrimary,
       primaryStatusText = _ref.primaryStatusText;
   var isUndefined = value === undefined || value === null;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('advanced-status', {
       'advanced-status_undefined': isUndefined,
       'advanced-status_disabled': disabled
     })
-  }, /*#__PURE__*/React.createElement(_TextSwitcher.default, {
+  }, /*#__PURE__*/_react.default.createElement(_TextSwitcher.default, {
     onChange: onChange,
     isIncluded: value,
     inactiveText: inactiveText,
     activeText: activeText,
     className: "advanced-status__switcher"
-  }), isPrimary && /*#__PURE__*/React.createElement(_Status.default, {
+  }), isPrimary && /*#__PURE__*/_react.default.createElement(_Status.default, {
     className: "advanced-status__status",
     status: "warning"
   }, primaryStatusText));

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

@@ -37,10 +37,16 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var isSelect = _ref.isSelect,
-      onChange = _ref.onChange,
-      onBlur = _ref.onBlur,
-      onFocus = _ref.onFocus,
-      onKeyUp = _ref.onKeyUp,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+      _ref$onBlur = _ref.onBlur,
+      onBlur = _ref$onBlur === void 0 ? function () {} : _ref$onBlur,
+      _ref$onFocus = _ref.onFocus,
+      onFocus = _ref$onFocus === void 0 ? function () {} : _ref$onFocus,
+      _ref$onKeyUp = _ref.onKeyUp,
+      onKeyUp = _ref$onKeyUp === void 0 ? function () {} : _ref$onKeyUp,
+      _ref$onKeyDown = _ref.onKeyDown,
+      onKeyDown = _ref$onKeyDown === void 0 ? function () {} : _ref$onKeyDown,
       isNotBlinkErrors = _ref.isNotBlinkErrors,
       isPriceInput = _ref.isPriceInput,
       onlyNumbers = _ref.onlyNumbers,
@@ -64,7 +70,9 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       _ref$isFocusDefault = _ref.isFocusDefault,
       isFocusDefault = _ref$isFocusDefault === void 0 ? false : _ref$isFocusDefault,
       _ref$isNotValidateASC = _ref.isNotValidateASCII,
-      isNotValidateASCII = _ref$isNotValidateASC === void 0 ? false : _ref$isNotValidateASC;
+      isNotValidateASCII = _ref$isNotValidateASC === void 0 ? false : _ref$isNotValidateASC,
+      _ref$isNumericMobileK = _ref.isNumericMobileKeyboard,
+      isNumericMobileKeyboard = _ref$isNumericMobileK === void 0 ? false : _ref$isNumericMobileK;
   var DEFAULT_BLINK_TIME = 100; // STATES
 
   var _useState = (0, _react.useState)(false),
@@ -98,13 +106,18 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       onInputHover = _useState10[0],
       setOnInputHover = _useState10[1];
 
+  var _useState11 = (0, _react.useState)(value),
+      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+      prevValue = _useState12[0],
+      setPreviousValue = _useState12[1];
+
   var isUseBitDepthPoints = !!onlyNumbers && isPriceInput;
   var isUseErrorsBlink = !isNotBlinkErrors && !mask; // HANDLES
 
   var handle = {
     change: function change(e) {
       var inputValue = e.target ? e.target.value : e;
-      if (type === 'text' && !isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
+      if ((type === 'text' || type === 'email') && !isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
       if (symbolsLimit && inputValue.length > +symbolsLimit) inputValue = inputValue.substring(0, +symbolsLimit);
       if (onlyNumbers && isOnlyString || isOnlyString) inputValue = (0, _fieldValueFormatters.formatToLetters)(inputValue, softStringMode);else if (onlyNumbers) inputValue = (0, _fieldValueFormatters.filterNumeric)(inputValue, onlyNumbers);
       onChange(inputValue.toString());
@@ -116,7 +129,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     focus: function focus(e) {
       setIsFocused(true);
       if (onlyNumbers) onChange((0, _fieldValueFormatters.formatToRemoveComa)(value));
-      if (onFocus) onFocus(e);
+      onFocus(e);
     },
     blur: function blur(e) {
       setIsFocused(false);
@@ -127,12 +140,17 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       if (onlyNumbers || isUseBitDepthPoints) onChange(value);
       if (onBlur) onBlur(e);
     },
+    keyDown: function keyDown(e) {
+      var _e$target;
+
+      setPreviousValue(e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value);
+      onKeyDown(e.keyCode, e);
+    },
     keyUp: function keyUp(e) {
       if (isUseErrorsBlink) {
-        var _previousValueRef$cur;
+        var changedValue = '' + (value !== null && value !== void 0 ? value : ''); // const previousValue = '' + (previousValueRef.current ?? '');
 
-        var changedValue = '' + (value !== null && value !== void 0 ? value : '');
-        var previousValue = '' + ((_previousValueRef$cur = previousValueRef.current) !== null && _previousValueRef$cur !== void 0 ? _previousValueRef$cur : '');
+        var previousValue = '' + prevValue;
         var short = previousValue.length <= changedValue.length ? previousValue : changedValue;
         var long = previousValue.length > changedValue.length ? previousValue : changedValue;
         var infoAboutDifferencesSameness = short.split('').reduce(function (acc, symbol, idx) {
@@ -148,32 +166,63 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
         });
         var samePart = infoAboutDifferencesSameness.same.join('');
         var differencesLength = infoAboutDifferencesSameness.differences.length;
-        var currentSet = changedValue.replace(samePart, '');
+        var currentSet = changedValue.replace(samePart, ''); /// ????????????????
+        // const getNext = (inputPartToAdd, correctedSamePart) => {
+        //   const partToAdd = inputPartToAdd || currentSet;
+        //   const currentSamePart = correctedSamePart || samePart;
+        //   return changedValue.includes(e.key) && e.key !== changedValue[changedValue.length - 1]
+        //     ? currentSamePart + (partToAdd[0] || '')
+        //     : changedValue;
+        // };
+        /// ????????????????
+
+        if (!_index.KEYBOARD_SERVICE_KEYS.includes(e.key) && changedValue === previousValue) {
+          setIsAttemptToChange(!(!differencesLength && e.key === currentSet));
+        } /// ????????????????
+        // if (!previousValueRef.current || KEYBOARD_SERVICE_KEYS.includes(e.key)) previousValueRef.current = getNext();
+        // else if (changedValue === samePart) previousValueRef.current = getNext(changedValue, changedValue.slice(0, -1));
+        // else previousValueRef.current = getNext();
+        /// ????????????????
 
-        var getNext = function getNext(inputPartToAdd, correctedSamePart) {
-          var partToAdd = inputPartToAdd || currentSet;
-          var currentSamePart = correctedSamePart || samePart;
-          return changedValue.includes(e.key) && e.key !== changedValue[changedValue.length - 1] ? currentSamePart + (partToAdd[0] || '') : changedValue;
-        };
-
-        if (!_index.KEYBOARD_SERVICE_KEYS.includes(e.key) && changedValue === previousValue) setIsAttemptToChange(!(!differencesLength && e.key === changedValue[changedValue.length - 2]));
-        if (!previousValueRef.current || _index.KEYBOARD_SERVICE_KEYS.includes(e.key)) previousValueRef.current = getNext();else if (changedValue === samePart) previousValueRef.current = getNext(changedValue, changedValue.slice(0, -1));else previousValueRef.current = getNext();
       }
 
-      if (onKeyUp) onKeyUp(e.keyCode, e);
+      onKeyUp(e.keyCode, e);
     }
   };
+  (0, _react.useEffect)(function () {
+    var _inputRef$current, _inputRef$current$foc;
+
+    if (isEditing) inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : (_inputRef$current$foc = _inputRef$current.focus) === null || _inputRef$current$foc === void 0 ? void 0 : _inputRef$current$foc.call(_inputRef$current);
+  }, [isEditing, isFocused]);
+  (0, _react.useEffect)(function () {
+    setEditing(isSelect !== null && isSelect !== void 0 ? isSelect : false);
+  }, [isSelect]);
+  (0, _react.useEffect)(function () {
+    if (isUseErrorsBlink && isAttemptToChange) {
+      setIsAttemptToChange(null);
+      setIsToHighlightError(true);
+      setTimeout(function () {
+        setIsToHighlightError(false);
+      }, blinkTime || DEFAULT_BLINK_TIME);
+    }
+  }, [isAttemptToChange]);
+  (0, _react.useEffect)(function () {
+    if (inputRef !== null && inputRef !== void 0 && inputRef.current && typeof isFocusDefault === 'boolean') setIsFocused(isFocusDefault);
+    setEditing(isFocusDefault);
+  }, [inputRef, isFocusDefault]);
 
   function renderInput() {
     var uniProps = _objectSpread(_objectSpread({
       className: "input ".concat(className),
       placeholder: placeholder,
       value: value || '',
+      inputmode: isNumericMobileKeyboard ? "numeric" : "text",
       disabled: disabled,
       onChange: handle.change,
       onFocus: handle.focus,
       onBlur: handle.blur,
-      onKeyUp: handle.keyUp
+      onKeyUp: handle.keyUp,
+      onKeyDown: handle.keyDown
     }, maskChar ? {
       maskChar: maskChar
     } : {}), formatChars ? {
@@ -193,27 +242,6 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     }));
   }
 
-  (0, _react.useEffect)(function () {
-    var _inputRef$current, _inputRef$current$foc;
-
-    if (isEditing) inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : (_inputRef$current$foc = _inputRef$current.focus) === null || _inputRef$current$foc === void 0 ? void 0 : _inputRef$current$foc.call(_inputRef$current);
-  }, [isEditing, isFocused]);
-  (0, _react.useEffect)(function () {
-    setEditing(isSelect !== null && isSelect !== void 0 ? isSelect : false);
-  }, [isSelect]);
-  (0, _react.useEffect)(function () {
-    if (isUseErrorsBlink && isAttemptToChange) {
-      setIsAttemptToChange(null);
-      setIsToHighlightError(true);
-      setTimeout(function () {
-        setIsToHighlightError(false);
-      }, blinkTime || DEFAULT_BLINK_TIME);
-    }
-  }, [isAttemptToChange]);
-  (0, _react.useEffect)(function () {
-    if (inputRef !== null && inputRef !== void 0 && inputRef.current && typeof isFocusDefault === 'boolean') setIsFocused(isFocusDefault);
-    setEditing(isFocusDefault);
-  }, [inputRef, isFocusDefault]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("input__wrap", (0, _defineProperty2.default)({}, "input__wrap_focus", isFocused), (0, _defineProperty2.default)({}, "input__wrap_error", error || isToHighlightError), (0, _defineProperty2.default)({}, "input__wrap_disabled", disabled)),
     onMouseEnter: function onMouseEnter() {

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

@@ -88,6 +88,11 @@ var _default = {
     },
     onKeyUp: {
       description: 'custom callback on keyup, returns event keyCode'
+    },
+    isNumericMobileKeyboard: {
+      description: 'Enable Mobile Numeric Keyboard',
+      type: 'boolean',
+      default: false
     }
   }
 };
@@ -129,5 +134,6 @@ InputTemplate.args = {
   withDelete: true,
   symbolsLimit: 255,
   placeholder: 'Placeholder',
-  icon: /*#__PURE__*/_react.default.createElement(_reactFeather.User, null)
+  icon: /*#__PURE__*/_react.default.createElement(_reactFeather.User, null),
+  isNumericMobileKeyboard: false
 };

package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js

@@ -9,6 +9,8 @@ exports.default = exports.RangeListCell = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _fi = require("react-icons/fi");
@@ -20,7 +22,7 @@ var RangeListCell = function RangeListCell(_ref) {
       idx = _ref.idx,
       className = _ref.className,
       onClick = _ref.onClick;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__cell"), className, (0, _defineProperty2.default)({}, "".concat(RC, "__cell-").concat(idx), idx)),
     onClick: onClick
   }, children);
@@ -33,21 +35,21 @@ var RangeListRow = function RangeListRow(_ref2) {
       to = _ref2.to,
       idx = _ref2.idx,
       actionClick = _ref2.actionClick;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__row"), "".concat(RC, "__values"), (0, _defineProperty2.default)({}, "".concat(RC, "__values_first-value"), idx === 0))
-  }, /*#__PURE__*/React.createElement(RangeListCell, {
+  }, /*#__PURE__*/_react.default.createElement(RangeListCell, {
     idx: 1,
     className: "".concat(RC, "__cell-value")
-  }, from), /*#__PURE__*/React.createElement(RangeListCell, {
+  }, from), /*#__PURE__*/_react.default.createElement(RangeListCell, {
     idx: 2,
     className: "".concat(RC, "__cell-value")
-  }, to), /*#__PURE__*/React.createElement(RangeListCell, {
+  }, to), /*#__PURE__*/_react.default.createElement(RangeListCell, {
     idx: 3,
     className: "".concat(RC, "__cell-action"),
     onClick: function onClick() {
       return actionClick(idx);
     }
-  }, /*#__PURE__*/React.createElement(_fi.FiTrash2, null)));
+  }, /*#__PURE__*/_react.default.createElement(_fi.FiTrash2, null)));
 };
 
 var _default = RangeListRow;

package/dist/Atomic/FormElements/Spinner/Spinner.js

@@ -1,20 +1,24 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
+var _react = _interopRequireDefault(require("react"));
+
 require("./Spinner.scss");
 
 var Spinner = function Spinner(_ref) {
   var _ref$little = _ref.little,
       little = _ref$little === void 0 ? false : _ref$little;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "loader-box ".concat(little ? 'j8' : 'j5')
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "lds-ring ".concat(little ? 'lds-ring_little' : '')
-  }, /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null)));
+  }, /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null)));
 };
 
 var _default = Spinner;

package/dist/Molecular/Datepicker/components/Calendar.js

@@ -13,12 +13,12 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
+var _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _moment = _interopRequireDefault(require("moment"));
 
-var _react = _interopRequireWildcard(require("react"));
-
 var Icon = _interopRequireWildcard(require("react-feather"));
 
 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); }

package/package.json

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