intelicoreact 1.4.3 → 1.4.5

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

@@ -107,7 +107,6 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     name,
     fieldKey,
     id,
-    key,
     attributesOfNativeInput = {}
   } = _ref;
   const {
@@ -136,7 +135,7 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   });
   const isUseBitDepthPoints = Boolean(onlyNumbers) && isPriceInput;
   const isUseErrorsBlink = !isNotBlinkErrors && !mask;
-  const inputName = name || fieldKey || id || key;
+  const inputName = name || fieldKey || id;
   const isPseudoPasswordMode = type === "pseudoPassword"; // HANDLES
 
   const handle = {

package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js

@@ -29,6 +29,25 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
+let timer;
+const DEBOUNCE_TIME = 300;
+
+function debounce(func) {
+  var _this = this;
+
+  let timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEBOUNCE_TIME;
+  return function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    clearTimeout(timer);
+    timer = setTimeout(() => {
+      func.apply(_this, args);
+    }, timeout);
+  };
+}
+
 function RangeSlider(_ref) {
   var _value$from, _value$to;
 
@@ -140,6 +159,18 @@ function RangeSlider(_ref) {
         }
 
         validate ? setFrom(value) : setFromValue(value);
+
+        if (!isTriggerMoved) {
+          debounce(() => {
+            const values = {
+              from: prepareValue(value),
+              to
+            };
+            onChange(values);
+            setFrezeedValues(values);
+          }, DEBOUNCE_TIME)();
+        }
+
         break;
 
       case "to":
@@ -154,6 +185,18 @@ function RangeSlider(_ref) {
         }
 
         validate ? setTo(value) : setToValue(value);
+
+        if (!isTriggerMoved) {
+          debounce(() => {
+            const values = {
+              from,
+              to: prepareValue(value)
+            };
+            onChange(values);
+            setFrezeedValues(values);
+          }, DEBOUNCE_TIME)();
+        }
+
         break;
     }
   }; // MouseDown Event Controller
@@ -200,7 +243,6 @@ function RangeSlider(_ref) {
 
   const onRangeInputBlur = (e, type) => {
     setIsInputFocused(type, false);
-    onRangeChange(type, type === "from" ? from : to);
   };
 
   (0, _react.useEffect)(() => {
@@ -241,15 +283,18 @@ function RangeSlider(_ref) {
     setFrezeedValues(null);
   }, [isTriggerMoved]);
   (0, _react.useEffect)(() => {
-    if (Object.values(isInputsFocused).every(v => !v) && !isTriggerMoved) onChange({
-      from,
-      to
-    });
+    if (Object.values(isInputsFocused).every(v => !v) && !isTriggerMoved) {
+      onChange({
+        from,
+        to
+      });
+    }
+
     if (isTriggerMoved) setFrezeedValues({
       from,
       to
     });
-  }, [from, to, isInputsFocused, isTriggerMoved]);
+  }, [from, to, isTriggerMoved]);
   (0, _react.useLayoutEffect)(() => {
     setFrom(value.from);
     setTo(value.to);

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

@@ -39,7 +39,10 @@ const Textarea = _ref => {
     change: val => {
       let inputValue = val;
       if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
-      onChange(inputValue);
+
+      if (inputValue !== val) {
+        onChange(inputValue);
+      }
     }
   };
 

package/dist/Atomic/UI/Hint/Hint.js

@@ -28,7 +28,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 const time = (Date.now() * Math.random() / 1000).toString().replace(/\./g, "_");
 
 const Hint = _ref => {
-  var _ref2;
+  var _ref2, _label$replace;
 
   let {
     hint,
@@ -121,7 +121,7 @@ const Hint = _ref => {
     ref: hintRef
   }, /*#__PURE__*/_react.default.createElement("button", {
     tabIndex: isAccessability ? 0 : -1,
-    "data-testid": typeof label === "string" && label.length ? label.replace(/\s/g, "-") : testId,
+    "data-testid": typeof label === "string" && label.length ? (_label$replace = label.replace) === null || _label$replace === void 0 ? void 0 : _label$replace.call(label, /\s/g, "-") : testId,
     "aria-label": isAccessability && label || "",
     onClick: () => handleOpenType === "click" && (isCallbackExist ? onClickCallback() : setIsOpen(!isOpen)),
     onMouseEnter: () => handleOpenType === "hover" && setIsOpen(!isOpen),

package/package.json

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