intelicoreact 1.1.80 → 1.1.81

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

@@ -2,7 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof3 = require("@babel/runtime/helpers/typeof");
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -11,8 +11,6 @@ exports.default = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -25,6 +23,8 @@ var _index = require("../../../Constants/index.constants");
 
 var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
 
+var _utils = require("../../../../src/Functions/utils");
+
 var _Spinner = _interopRequireDefault(require("../../Layout/Spinner/Spinner"));
 
 require("./Input.scss");
@@ -33,12 +33,14 @@ var _DynamicIcon = _interopRequireDefault(require("../../UI/DynamicIcon/DynamicI
 
 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; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(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; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
+var HIDE_SYMBOL = "\u2022";
+
 var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var _ref$autocomplete = _ref.autocomplete,
       autocomplete = _ref$autocomplete === void 0 ? 'off' : _ref$autocomplete,
@@ -115,8 +117,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var inputInnerRef = (0, _react.useRef)(null);
   var inputRef = (0, _react.useMemo)(function () {
     return ref || inputInnerRef;
-  }, [ref]);
-  var previousValueRef = (0, _react.useRef)(value);
+  }, [ref]); // const previousValueRef = useRef(value);
 
   var _useState5 = (0, _react.useState)(false),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
@@ -138,15 +139,25 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       prevValue = _useState12[0],
       setPreviousValue = _useState12[1];
 
+  var _useState13 = (0, _react.useState)({
+    start: null,
+    end: null,
+    keyCode: null
+  }),
+      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+      keyDownData = _useState14[0],
+      setKeyDownData = _useState14[1];
+
   var isUseBitDepthPoints = !!onlyNumbers && isPriceInput;
   var isUseErrorsBlink = !isNotBlinkErrors && !mask;
-  var inputName = name || fieldKey || id || key; // HANDLES
+  var inputName = name || fieldKey || id || key;
+  var isPseudoPasswordMode = type === 'pseudoPassword'; // HANDLES
 
   var handle = {
-    correctMinMax: function correctMinMax(value, type) {
+    correctMinMax: function correctMinMax(value, correctionType) {
       if (!onlyNumbers) return value;
 
-      var _ref2 = (0, _typeof2.default)(onlyNumbers) === 'object' ? onlyNumbers : {},
+      var _ref2 = (0, _utils.getIsOnlyAnObject)(onlyNumbers) ? onlyNumbers : {},
           min = _ref2.min,
           max = _ref2.max,
           isOnlyPositive = _ref2.isOnlyPositive,
@@ -181,7 +192,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
 
       inputValue = (0, _fieldValueFormatters.filterNumeric)(inputValue, onlyNumbers);
 
-      switch (type) {
+      switch (correctionType) {
         case 'min':
           checkMin();
           break;
@@ -198,18 +209,48 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
 
       return inputValue;
     },
+    processPseudoValue: function processPseudoValue(newValue, oldValue) {
+      var insertedPart = newValue.replace(new RegExp(HIDE_SYMBOL, 'g'), ''); //? Если insertedPart.length > 1, то это точно копи-паст
+      //? По договоренности любой копипаст заменяет текущее велью
+
+      if (insertedPart.length > 1) return insertedPart;
+      var isOldValueHasBeenReduced = newValue.replace(new RegExp(/^HIDE_SYMBOL/g), '').length < oldValue.length;
+      var oldValueArr = oldValue.split('');
+
+      var getIsInclude = function getIsInclude(idx) {
+        var BACKSPACE_CODE = 8; //? Если позиции не равны, значит была выделена область, значит будем воспринимать как копи-паст
+
+        if (keyDownData.start !== keyDownData.end) return false; //? Если позиции равны и есть вставляемое значение - обрезаем "хвост"
+
+        if (insertedPart) return idx < keyDownData.start; //? Если позиции равны и нет вставляемого значения - значит симвовол удалили
+
+        return keyDownData.keyCode === BACKSPACE_CODE ? idx < keyDownData.start - 1 || idx > keyDownData.end - 1 : idx < keyDownData.start || idx > keyDownData.end;
+      };
+
+      if (!insertedPart) return oldValueArr.reduce(function (acc, sym, idx) {
+        return getIsInclude(idx) ? "".concat(acc).concat(sym) : acc;
+      }, '');
+      var outputStructure = oldValueArr.reduce(function (acc, sym, idx) {
+        if (getIsInclude(idx)) acc.result = "".concat(acc.result).concat(sym);else if (!acc.position) acc.position = insertedPart ? idx : idx - 1;
+        return acc;
+      }, {
+        result: '',
+        position: !isOldValueHasBeenReduced ? keyDownData.start : null
+      });
+      var output = "".concat(outputStructure.result.slice(0, outputStructure.position)).concat(insertedPart).concat(outputStructure.result.slice(outputStructure.position));
+      return output;
+    },
     change: function change(e) {
       var _minusSymbol3;
 
-      var _ref3 = (0, _typeof2.default)(onlyNumbers) === 'object' ? onlyNumbers : {},
-          max = _ref3.max,
-          min = _ref3.min,
-          isOnlyPositive = _ref3.isOnlyPositive,
-          isNoEmptyValues = _ref3.isNoEmptyValues;
+      var _ref3 = (0, _utils.getIsOnlyAnObject)(onlyNumbers) ? onlyNumbers : {},
+          isOnlyPositive = _ref3.isOnlyPositive;
 
       var minusSymbol;
       var inputValue = e.target ? e.target.value : e;
+      if (isPseudoPasswordMode) inputValue = inputValue.includes(HIDE_SYMBOL) ? handle.processPseudoValue(inputValue, value, e) : inputValue;
       if (isUseBitDepthPoints) inputValue = (0, _fieldValueFormatters.formatToRemoveComa)(inputValue);
+      if (onlyNumbers) inputValue = inputValue.replace(/,/g, '.');
 
       if (onlyNumbers && !isOnlyPositive && inputValue[0] === '-') {
         minusSymbol = '-';
@@ -251,6 +292,11 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       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);
+      setKeyDownData({
+        start: e.target.selectionStart,
+        end: e.target.selectionEnd,
+        keyCode: e.keyCode
+      });
       onKeyDown(e.keyCode, e);
     },
     keyUp: function keyUp(e) {
@@ -300,9 +346,26 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     if (inputRef !== null && inputRef !== void 0 && inputRef.current && typeof isFocusDefault === 'boolean') setIsFocused(isFocusDefault);
     setEditing(isFocusDefault);
   }, [inputRef, isFocusDefault]);
-  var formatedValue = (0, _fieldValueFormatters.getSafelyValue)(value);
-  if (onlyNumbers !== null && onlyNumbers !== void 0 && onlyNumbers.isNoEmptyValues) formatedValue = handle.correctMinMax(formatedValue, 'min');
-  if (isUseBitDepthPoints) formatedValue = (0, _fieldValueFormatters.formatToAddBitDepthPoints)(formatedValue, onlyNumbers);
+
+  var getInputType = function getInputType() {
+    if (isPriceInput || isPseudoPasswordMode) return 'text';
+    return type;
+  };
+
+  var formatedValue = function () {
+    var safelyValue = (0, _fieldValueFormatters.getSafelyValue)(value);
+
+    var hideSymbols = function hideSymbols() {
+      return safelyValue.split('').map(function () {
+        return HIDE_SYMBOL;
+      }).join('');
+    };
+
+    if (isPseudoPasswordMode) return hideSymbols();
+    if (onlyNumbers !== null && onlyNumbers !== void 0 && onlyNumbers.isNoEmptyValues) safelyValue = handle.correctMinMax(safelyValue, 'min');
+    if (isUseBitDepthPoints) safelyValue = (0, _fieldValueFormatters.formatToAddBitDepthPoints)(safelyValue, onlyNumbers);
+    return safelyValue;
+  }();
 
   var uniProps = _objectSpread(_objectSpread({
     name: inputName,
@@ -338,8 +401,8 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     "data-testid": "input--key-".concat(testId, "--type-").concat(type)
   }, uniProps, {
     ref: inputRef,
-    type: isPriceInput ? 'text' : type,
-    autoComplete: autocomplete,
+    type: getInputType(),
+    autoComplete: isPseudoPasswordMode ? 'off' : autocomplete,
     onFocus: function onFocus() {
       if (isUseAutoSelect) inputRef.current.select();
       if (uniProps.onFocus) uniProps.onFocus.apply(uniProps, arguments);

package/dist/Functions/utils.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.transformUTCTimeToLocal = transformUTCTimeToLocal;
 exports.transformUTCHoursToLocal = transformUTCHoursToLocal;
 exports.downloadEmulation = downloadEmulation;
-exports.getCorrectTestId = exports.disableDefaultBehavior = exports.getOS = exports.getUniqueFileExtensions = exports.renderFileSize = exports.getBase64 = exports.compareAlphabetical = exports.setCarretToEnd = exports.compare = exports.downloadFile = exports.checkedRef = exports.capitalized = exports.firstLetterCapital = exports.changeMeta = exports.addBitDepthPoints = exports.throttle = exports.debounce = exports.getColorById = exports.getStyles = exports.logout = exports.omitKeys = exports.clone = exports.useOutsideToggle = exports.handleObjectChange = void 0;
+exports.getIsOnlyAnObject = exports.getCorrectTestId = exports.disableDefaultBehavior = exports.getOS = exports.getUniqueFileExtensions = exports.renderFileSize = exports.getBase64 = exports.compareAlphabetical = exports.setCarretToEnd = exports.compare = exports.downloadFile = exports.checkedRef = exports.capitalized = exports.firstLetterCapital = exports.changeMeta = exports.addBitDepthPoints = exports.throttle = exports.debounce = exports.getColorById = exports.getStyles = exports.logout = exports.omitKeys = exports.clone = exports.useOutsideToggle = exports.handleObjectChange = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -540,4 +540,10 @@ var getCorrectTestId = function getCorrectTestId(_ref4) {
   return testId && testId !== undefined ? "".concat(withTier ? '-' : '').concat(testId) : '';
 };
 
-exports.getCorrectTestId = getCorrectTestId;
+exports.getCorrectTestId = getCorrectTestId;
+
+var getIsOnlyAnObject = function getIsOnlyAnObject(input) {
+  return (0, _typeof2.default)(input) === 'object' && input instanceof Object && !Array.isArray(input);
+};
+
+exports.getIsOnlyAnObject = getIsOnlyAnObject;

package/package.json

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