intelicoreact 0.3.16 → 0.3.17

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

@@ -115,10 +115,15 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       onInputHover = _useState10[0],
       setOnInputHover = _useState10[1];
 
-  var _useState11 = (0, _react.useState)(value),
+  var _useState11 = (0, _react.useState)(''),
       _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      prevValue = _useState12[0],
-      setPreviousValue = _useState12[1];
+      formatedValue = _useState12[0],
+      setFormatedValue = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(value),
+      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+      prevValue = _useState14[0],
+      setPreviousValue = _useState14[1];
 
   var isUseBitDepthPoints = !!onlyNumbers && isPriceInput;
   var isUseErrorsBlink = !isNotBlinkErrors && !mask; // HANDLES
@@ -136,6 +141,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       var maximum = !Number.isNaN(+max) && max !== null && (max >= 0 || !isOnlyPositive) ? max : undefined;
       var minusSymbol;
       var inputValue = e.target ? e.target.value : e;
+      if (isUseBitDepthPoints) inputValue = (0, _fieldValueFormatters.formatToRemoveComa)(inputValue);
 
       if (onlyNumbers && !isOnlyPositive && inputValue[0] === '-') {
         minusSymbol = '-';
@@ -166,16 +172,11 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     },
     focus: function focus(e) {
       setIsFocused(true);
-      if (onlyNumbers) onChange((0, _fieldValueFormatters.formatToRemoveComa)(value));
       onFocus(e);
     },
     blur: function blur(e) {
       setIsFocused(false);
       setEditing(false);
-      var value = e.target.value;
-      if (onlyNumbers) value = (0, _fieldValueFormatters.formatToCutOffDotAtTheEnd)(value);
-      if (isUseBitDepthPoints) value = (0, _fieldValueFormatters.formatToAddBitDepthPoints)(value);
-      if (onlyNumbers || isUseBitDepthPoints) onChange(value);
       if (onBlur) onBlur(e);
     },
     keyDown: function keyDown(e) {
@@ -210,6 +211,9 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       onKeyUp(e.keyCode, e);
     }
   };
+  (0, _react.useLayoutEffect)(function () {
+    if (isUseBitDepthPoints) setFormatedValue((0, _fieldValueFormatters.formatToAddBitDepthPoints)(value === undefined || value === null ? '' : value));
+  }, [value]);
   (0, _react.useEffect)(function () {
     var _inputRef$current, _inputRef$current$foc;
 
@@ -236,7 +240,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     var uniProps = _objectSpread(_objectSpread({
       className: "input ".concat(className),
       placeholder: placeholder,
-      value: value === undefined || value === null ? '' : value,
+      value: isUseBitDepthPoints ? formatedValue : value === undefined || value === null ? '' : value,
       inputMode: isNumericMobileKeyboard ? 'numeric' : 'text',
       disabled: disabled,
       onChange: handle.change,

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

@@ -17,6 +17,8 @@ var _reactFeather = require("react-feather");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+
 var _Input = _interopRequireDefault(require("../Input/Input"));
 
 require("./RangeSlider.scss");
@@ -36,6 +38,8 @@ function RangeSlider(_ref) {
       min = _ref$min === void 0 ? 0 : _ref$min,
       _ref$max = _ref.max,
       max = _ref$max === void 0 ? 100 : _ref$max,
+      _ref$decimalPlaces = _ref.decimalPlaces,
+      decimalPlaces = _ref$decimalPlaces === void 0 ? 2 : _ref$decimalPlaces,
       _ref$minRange = _ref.minRange,
       minRange = _ref$minRange === void 0 ? 0 : _ref$minRange,
       _ref$precision = _ref.precision,
@@ -50,6 +54,8 @@ function RangeSlider(_ref) {
       unit = _ref$unit === void 0 ? '' : _ref$unit,
       _ref$label = _ref.label,
       label = _ref$label === void 0 ? '' : _ref$label,
+      _ref$isUseBitPoints = _ref.isUseBitPoints,
+      isUseBitPoints = _ref$isUseBitPoints === void 0 ? true : _ref$isUseBitPoints,
       _ref$onChange = _ref.onChange,
       onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
   var trackRef = (0, _react.useRef)(0);
@@ -312,7 +318,7 @@ function RangeSlider(_ref) {
       className: "range-slider__header__selected-range"
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "range-slider__header__selected-range--text"
-    }, "from ", from, " to ", to, rangeSymbol, unit), /*#__PURE__*/_react.default.createElement("div", {
+    }, "from ", isUseBitPoints ? (0, _fieldValueFormatters.formatToAddBitDepthPoints)(from) : from, " to ", isUseBitPoints ? (0, _fieldValueFormatters.formatToAddBitDepthPoints)(to) : to, rangeSymbol, unit), /*#__PURE__*/_react.default.createElement("div", {
       className: "range-slider__header__selected-range--reset",
       onClick: resetRange
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.X, null)));
@@ -338,7 +344,14 @@ function RangeSlider(_ref) {
       onBlur: function onBlur(e) {
         return onRangeInputBlur(e, 'from');
       },
-      onChange: setTempValue
+      onChange: setTempValue,
+      onlyNumbers: {
+        type: 'float',
+        decimalPlaces: decimalPlaces,
+        min: min,
+        max: max
+      },
+      isPriceInput: isUseBitPoints
     })), /*#__PURE__*/_react.default.createElement("div", {
       className: "range-slider__inputs__input"
     }, /*#__PURE__*/_react.default.createElement(_Input.default, {
@@ -350,7 +363,14 @@ function RangeSlider(_ref) {
       onBlur: function onBlur(e) {
         return onRangeInputBlur(e, 'to');
       },
-      onChange: setTempValue
+      onChange: setTempValue,
+      onlyNumbers: {
+        type: 'float',
+        decimalPlaces: decimalPlaces,
+        min: min,
+        max: max
+      },
+      isPriceInput: isUseBitPoints
     })));
   };
 

package/package.json

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