intelicoreact 1.5.40 → 1.6.0

package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js

@@ -1,127 +1,176 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
-var _Arrow = _interopRequireDefault(require("../../UI/Arrow/Arrow"));
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _momenttimezone = /*#__PURE__*/ _interop_require_default(require("moment-timezone"));
+const _Arrow = /*#__PURE__*/ _interop_require_default(require("../../UI/Arrow/Arrow"));
 require("./RangeCalendar.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const RangeCalendar = props => {
-  const {
-    className,
-    date,
-    setDate,
-    startDate,
-    endDate,
-    allowPrev = true,
-    allowNext = true,
-    onClick = () => {},
-    onHover = () => {},
-    startPrevDate,
-    endPrevDate,
-    limitRange,
-    isShortWeekNames,
-    minDate,
-    maxDate,
-    momentMinDate,
-    momentMaxDate,
-    isDontLimitFuture,
-    testId = "range-calendar"
-  } = props;
-  const [days, setDays] = (0, _react.useState)({});
-  const title = (0, _react.useMemo)(() => `${(0, _momentTimezone.default)(date).format("MMM")} ${(0, _momentTimezone.default)(date).format("YYYY")}`, [date]);
-  (0, _react.useEffect)(() => {
-    const result = {};
-    const day = (0, _momentTimezone.default)(date).startOf("month");
-    const daysInMonth = day.daysInMonth();
-    for (let d = 0; d < daysInMonth; d += 1) {
-      let week = day.week();
-      if (day.month() === 11 && week === 1) week = 53;
-      if (day.month() === 0 && week === 53) week = 0;
-      if (!Object.prototype.hasOwnProperty.call(result, week)) {
-        result[week] = {};
-      }
-      result[week][day.weekday()] = {
-        date: day.toDate()
-      };
-      day.add(1, "d");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(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 = {
+        __proto__: null
+    };
+    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);
     }
-    setDays(result);
-  }, [date]);
-  const renderDay = (week, dayOfWeek) => {
-    const day = days[week][dayOfWeek];
-    const isFutureDay = day && (0, _momentTimezone.default)(day.date).isAfter((0, _momentTimezone.default)(), "day");
-    const isPastDay = limitRange ? day && (0, _momentTimezone.default)(day.date).isBefore((0, _momentTimezone.default)().subtract(limitRange, "days"), "day") : null;
-    const isRangeStart = day && (0, _momentTimezone.default)(day.date).isSame(startDate, "day");
-    const isRangeEnd = day && (0, _momentTimezone.default)(day.date).isSame((0, _momentTimezone.default)(endDate).subtract(1, "hour"), "day");
-    const isRangeInside = day && startDate && endDate && (0, _momentTimezone.default)(day.date).isAfter(startDate, "day") && (0, _momentTimezone.default)(day.date).isBefore((0, _momentTimezone.default)(endDate).subtract(1, "hour"), "day");
-    const isPrevRangeEnd = day && ((0, _momentTimezone.default)(day.date).isSame(startPrevDate, "day") || (0, _momentTimezone.default)(day.date).isSame((0, _momentTimezone.default)(endPrevDate).subtract(1, "day"), "day"));
-    const isPrevRangeInside = day && startPrevDate && endPrevDate && (0, _momentTimezone.default)(day.date).isAfter(startPrevDate, "day") && (0, _momentTimezone.default)(day.date).isBefore((0, _momentTimezone.default)(endPrevDate).subtract(1, "day"), "day");
-    const classNames = (0, _classnames.default)("range-calendar__day", {
-      "range-calendar__day--clickable": day
-    }, {
-      "range-calendar__day--disabled": isPastDay || minDate && (0, _momentTimezone.default)(day?.date).isBefore(momentMinDate, "day") || !isDontLimitFuture && (maxDate ? (0, _momentTimezone.default)(day?.date).isAfter(momentMaxDate) : isFutureDay)
-    }, {
-      "range-calendar__day--range-start": isRangeStart
-    }, {
-      "range-calendar__day--range-end": isRangeEnd
-    }, {
-      "range-calendar__day--range-inside": isRangeInside
-    }, {
-      "range-calendar__day--prev-range-end": isPrevRangeEnd
-    }, {
-      "range-calendar__day--prev-range-inside": isPrevRangeInside
+    return newObj;
+}
+const RangeCalendar = (props)=>{
+    const { className, date, setDate, startDate, endDate, allowPrev = true, allowNext = true, onClick = ()=>{}, onHover = ()=>{}, startPrevDate, endPrevDate, limitRange, isShortWeekNames, minDate, maxDate, momentMinDate, momentMaxDate, isDontLimitFuture, testId = "range-calendar" } = props;
+    const [days, setDays] = (0, _react.useState)({});
+    const title = (0, _react.useMemo)(()=>`${(0, _momenttimezone.default)(date).format("MMM")} ${(0, _momenttimezone.default)(date).format("YYYY")}`, [
+        date
+    ]);
+    (0, _react.useEffect)(()=>{
+        const result = {};
+        const day = (0, _momenttimezone.default)(date).startOf("month");
+        const daysInMonth = day.daysInMonth();
+        for(let d = 0; d < daysInMonth; d += 1){
+            let week = day.week();
+            if (day.month() === 11 && week === 1) week = 53;
+            if (day.month() === 0 && week === 53) week = 0;
+            if (!Object.prototype.hasOwnProperty.call(result, week)) {
+                result[week] = {};
+            }
+            result[week][day.weekday()] = {
+                date: day.toDate()
+            };
+            day.add(1, "d");
+        }
+        setDays(result);
+    }, [
+        date
+    ]);
+    const renderDay = (week, dayOfWeek)=>{
+        const day = days[week][dayOfWeek];
+        const isFutureDay = day && (0, _momenttimezone.default)(day.date).isAfter((0, _momenttimezone.default)(), "day");
+        const isPastDay = limitRange ? day && (0, _momenttimezone.default)(day.date).isBefore((0, _momenttimezone.default)().subtract(limitRange, "days"), "day") : null;
+        const isRangeStart = day && (0, _momenttimezone.default)(day.date).isSame(startDate, "day");
+        const isRangeEnd = day && (0, _momenttimezone.default)(day.date).isSame((0, _momenttimezone.default)(endDate).subtract(1, "hour"), "day");
+        const isRangeInside = day && startDate && endDate && (0, _momenttimezone.default)(day.date).isAfter(startDate, "day") && (0, _momenttimezone.default)(day.date).isBefore((0, _momenttimezone.default)(endDate).subtract(1, "hour"), "day");
+        const isPrevRangeEnd = day && ((0, _momenttimezone.default)(day.date).isSame(startPrevDate, "day") || (0, _momenttimezone.default)(day.date).isSame((0, _momenttimezone.default)(endPrevDate).subtract(1, "day"), "day"));
+        const isPrevRangeInside = day && startPrevDate && endPrevDate && (0, _momenttimezone.default)(day.date).isAfter(startPrevDate, "day") && (0, _momenttimezone.default)(day.date).isBefore((0, _momenttimezone.default)(endPrevDate).subtract(1, "day"), "day");
+        const classNames = (0, _classnames.default)("range-calendar__day", {
+            "range-calendar__day--clickable": day
+        }, {
+            "range-calendar__day--disabled": isPastDay || minDate && (0, _momenttimezone.default)(day === null || day === void 0 ? void 0 : day.date).isBefore(momentMinDate, "day") || !isDontLimitFuture && (maxDate ? (0, _momenttimezone.default)(day === null || day === void 0 ? void 0 : day.date).isAfter(momentMaxDate) : isFutureDay)
+        }, {
+            "range-calendar__day--range-start": isRangeStart
+        }, {
+            "range-calendar__day--range-end": isRangeEnd
+        }, {
+            "range-calendar__day--range-inside": isRangeInside
+        }, {
+            "range-calendar__day--prev-range-end": isPrevRangeEnd
+        }, {
+            "range-calendar__day--prev-range-inside": isPrevRangeInside
+        });
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            className: classNames,
+            onClick: day ? (e)=>onClick(day.date, e) : null,
+            onMouseOver: day ? ()=>onHover(day.date) : null,
+            onMouseLeave: ()=>onHover(null),
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                className: "calendar__day-num",
+                children: day && day.date.getDate()
+            })
+        }, `${week}_${dayOfWeek}`);
+    };
+    const handlePrev = ()=>{
+        setDate((0, _momenttimezone.default)(date).subtract(1, "month").toDate());
+    };
+    const handleNext = ()=>{
+        setDate((0, _momenttimezone.default)(date).add(1, "month").toDate());
+    };
+    const getFormatedWeekName = (input)=>isShortWeekNames ? input.charAt(0) : input;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: (0, _classnames.default)("range-calendar", className),
+        "data-testid": testId,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "range-calendar-header",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Arrow.default, {
+                        type: "left",
+                        disabled: !allowPrev || minDate && (0, _momenttimezone.default)(date).startOf("month").isSameOrBefore(momentMinDate, "months"),
+                        onClick: handlePrev,
+                        className: "range-calendar-header__prev"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "range-calendar-header__title",
+                        children: title
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Arrow.default, {
+                        type: "right",
+                        disabled: !allowNext || !isDontLimitFuture && (0, _momenttimezone.default)(date).startOf("month").isSameOrAfter(maxDate ? momentMaxDate : (0, _momenttimezone.default)().add(1, "day").startOf("day"), "months"),
+                        onClick: handleNext,
+                        className: "range-calendar-header__next"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "range-calendar__week range-calendar__week-title",
+                children: [
+                    ...Array(7).keys()
+                ].map((dayOfWeek)=>{
+                    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "range-calendar__day range-calendar__day--title",
+                        children: getFormatedWeekName((0, _momenttimezone.default)().weekday(dayOfWeek).format("dd"))
+                    }, `day-of-week_${dayOfWeek}`);
+                })
+            }),
+            Object.keys(days).map((week, index)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: "range-calendar__week",
+                    children: [
+                        ...Array(7).keys()
+                    ].map((dayOfWeek)=>renderDay(week, dayOfWeek))
+                }, `week_${index}`))
+        ]
     });
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: `${week}_${dayOfWeek}`,
-      className: classNames,
-      onClick: day ? e => onClick(day.date, e) : null,
-      onMouseOver: day ? () => onHover(day.date) : null,
-      onMouseLeave: () => onHover(null)
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "calendar__day-num"
-    }, day && day.date.getDate()));
-  };
-  const handlePrev = () => {
-    setDate((0, _momentTimezone.default)(date).subtract(1, "month").toDate());
-  };
-  const handleNext = () => {
-    setDate((0, _momentTimezone.default)(date).add(1, "month").toDate());
-  };
-  const getFormatedWeekName = input => isShortWeekNames ? input.charAt(0) : input;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("range-calendar", className),
-    "data-testid": testId
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "range-calendar-header"
-  }, /*#__PURE__*/_react.default.createElement(_Arrow.default, {
-    type: "left",
-    disabled: !allowPrev || minDate && (0, _momentTimezone.default)(date).startOf("month").isSameOrBefore(momentMinDate, "months"),
-    onClick: handlePrev,
-    className: "range-calendar-header__prev"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "range-calendar-header__title"
-  }, title), /*#__PURE__*/_react.default.createElement(_Arrow.default, {
-    type: "right",
-    disabled: !allowNext || !isDontLimitFuture && (0, _momentTimezone.default)(date).startOf("month").isSameOrAfter(maxDate ? momentMaxDate : (0, _momentTimezone.default)().add(1, "day").startOf("day"), "months"),
-    onClick: handleNext,
-    className: "range-calendar-header__next"
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "range-calendar__week range-calendar__week-title"
-  }, [...Array(7).keys()].map(dayOfWeek => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: `day-of-week_${dayOfWeek}`,
-      className: "range-calendar__day range-calendar__day--title"
-    }, getFormatedWeekName((0, _momentTimezone.default)().weekday(dayOfWeek).format("dd")));
-  })), Object.keys(days).map((week, index) => /*#__PURE__*/_react.default.createElement("div", {
-    key: `week_${index}`,
-    className: "range-calendar__week"
-  }, [...Array(7).keys()].map(dayOfWeek => renderDay(week, dayOfWeek)))));
 };
-var _default = exports.default = RangeCalendar;
+const _default = RangeCalendar;

package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js

@@ -1,152 +1,206 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
-var _utils = require("../../../Functions/utils.js");
-var _Input = _interopRequireDefault(require("../Input/Input"));
-var _Label = _interopRequireDefault(require("../Label/Label"));
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+const _utils = require("../../../Functions/utils.js");
+const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
 require("./RangeInputs.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(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 = {
+        __proto__: null
+    };
+    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;
+}
 const RC = "range-inputs";
-const RangeInputs = _ref => {
-  let {
-    isColumnPosition,
-    className,
-    value: valueObj = {
-      from: "",
-      to: ""
-    },
-    onChange = () => {},
-    validateErrors = () => {},
-    type = "int",
-    setError: setInnerError,
-    label = "",
-    isPrice = false,
-    testId,
-    withZero = false,
-    fromPlaceholder = "",
-    toPlaceholder = "",
-    disabled,
-    isDisabled
-  } = _ref;
-  const [error, setError] = (0, _react.useState)({
+const RangeInputs = ({ isColumnPosition, className, value: valueObj = {
     from: "",
     to: ""
-  });
-  const inputFromRef = (0, _react.useRef)(null);
-  const inputToRef = (0, _react.useRef)(null);
-  const isFieldDisabled = disabled || isDisabled;
-  const isValidRange = (from, to) => {
-    const correctFrom = parseFloat(from?.toString()?.replace(/[^\d]/g, ""));
-    const correctTo = parseFloat(to?.toString()?.replace(/[^\d]/g, ""));
-
-    // let correctFrom;
-    // let correctTo;
-
-    // if (!withZero) {
-    //   correctFrom = parseInt(replaceNotDigitFrom);
-    //   correctTo = parseInt(replaceNotDigitFromTo);
-    // } else {
-    //   correctFrom = replaceNotDigitFrom;
-    //   correctTo = replaceNotDigitFromTo;
-    // }
-
-    return correctFrom <= correctTo;
-  };
-  const valueFormatter = value => {
-    if (type === "float" && !isPrice) return (0, _fieldValueFormatters.filterFloat)(value, 2);else if (type === "float" && isPrice) return (0, _utils.addBitDepthPoints)((0, _fieldValueFormatters.filterFloat)(value?.replace(/[^\d.]/g, ""), 2));else if (type !== "float" && isPrice) return (0, _utils.addBitDepthPoints)(value?.replace(/[^\d]/g, ""));else return (0, _fieldValueFormatters.formatOnlyNumbers)(value);
-  };
-  const handleChange = (prop, val) => {
-    onChange({
-      ...valueObj,
-      [prop]: valueFormatter(val)
-    });
-  };
-  const rangeValidation = (e, key) => {
-    const oppositeKey = key === "from" ? "to" : "from";
-    if (!withZero && !valueObj?.from && !valueObj?.to) {
-      setError({
-        from: "",
-        to: ""
-      });
-      setInnerError?.("");
-      return e;
-    } else if (!withZero && !valueObj[oppositeKey]) {
-      const mustToFocus = key === "from" ? inputToRef.current : inputFromRef.current;
-      mustToFocus.focus();
-    } else if (!isValidRange(valueObj?.from, valueObj?.to)) {
-      if (!valueObj?.from) setError({
-        ...error,
-        from: "Invalid range"
-      });else setError({
-        ...error,
-        to: "Invalid range"
-      });
-      setInnerError?.("Invalid range");
-    } else if (validateErrors?.(valueObj?.from, valueObj?.to) ?? false) {
-      //проп validateErrors вернет пустую строку, в случае если ошибок нет
-      setError?.(validateErrors(valueObj.from, valueObj.to));
-    } else {
-      setError({
+}, onChange = ()=>{}, validateErrors = ()=>{}, type = "int", setError: setInnerError, label = "", isPrice = false, testId, withZero = false, fromPlaceholder = "", toPlaceholder = "", disabled, isDisabled })=>{
+    const [error, setError] = (0, _react.useState)({
         from: "",
         to: ""
-      });
-      setInnerError?.("");
-      return e;
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, className, {
-      [`${RC}_column`]: isColumnPosition
-    })
-  }, label && label !== " " && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${RC}__label`
-  }, label), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${RC}__wrapper`
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${RC}__input-from`
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: `${RC}__input-label`
-  }, "From"), /*#__PURE__*/_react.default.createElement(_Input.default, {
-    testId: `${testId}--from`,
-    ref: inputFromRef,
-    value: valueObj?.from ?? "",
-    onChange: val => handleChange("from", val),
-    onBlur: e => rangeValidation(e, "from"),
-    error: error.from,
-    onKeyUp: (code, e) => {
-      if (code === 13) {
-        if (isValidRange) inputFromRef.current.blur();else {
-          inputToRef.current.focus();
-          inputToRef.current.select();
+    });
+    const inputFromRef = (0, _react.useRef)(null);
+    const inputToRef = (0, _react.useRef)(null);
+    const isFieldDisabled = disabled || isDisabled;
+    const isValidRange = (from, to)=>{
+        var _from_toString, _to_toString;
+        const correctFrom = parseFloat(from === null || from === void 0 ? void 0 : (_from_toString = from.toString()) === null || _from_toString === void 0 ? void 0 : _from_toString.replace(/[^\d]/g, ""));
+        const correctTo = parseFloat(to === null || to === void 0 ? void 0 : (_to_toString = to.toString()) === null || _to_toString === void 0 ? void 0 : _to_toString.replace(/[^\d]/g, ""));
+        // let correctFrom;
+        // let correctTo;
+        // if (!withZero) {
+        //   correctFrom = parseInt(replaceNotDigitFrom);
+        //   correctTo = parseInt(replaceNotDigitFromTo);
+        // } else {
+        //   correctFrom = replaceNotDigitFrom;
+        //   correctTo = replaceNotDigitFromTo;
+        // }
+        return correctFrom <= correctTo;
+    };
+    const valueFormatter = (value)=>{
+        if (type === "float" && !isPrice) return (0, _fieldValueFormatters.filterFloat)(value, 2);
+        else if (type === "float" && isPrice) return (0, _utils.addBitDepthPoints)((0, _fieldValueFormatters.filterFloat)(value === null || value === void 0 ? void 0 : value.replace(/[^\d.]/g, ""), 2));
+        else if (type !== "float" && isPrice) return (0, _utils.addBitDepthPoints)(value === null || value === void 0 ? void 0 : value.replace(/[^\d]/g, ""));
+        else return (0, _fieldValueFormatters.formatOnlyNumbers)(value);
+    };
+    const handleChange = (prop, val)=>{
+        onChange({
+            ...valueObj,
+            [prop]: valueFormatter(val)
+        });
+    };
+    const rangeValidation = (e, key)=>{
+        const oppositeKey = key === "from" ? "to" : "from";
+        var _validateErrors;
+        if (!withZero && !(valueObj === null || valueObj === void 0 ? void 0 : valueObj.from) && !(valueObj === null || valueObj === void 0 ? void 0 : valueObj.to)) {
+            setError({
+                from: "",
+                to: ""
+            });
+            setInnerError === null || setInnerError === void 0 ? void 0 : setInnerError("");
+            return e;
+        } else if (!withZero && !valueObj[oppositeKey]) {
+            const mustToFocus = key === "from" ? inputToRef.current : inputFromRef.current;
+            mustToFocus.focus();
+        } else if (!isValidRange(valueObj === null || valueObj === void 0 ? void 0 : valueObj.from, valueObj === null || valueObj === void 0 ? void 0 : valueObj.to)) {
+            if (!(valueObj === null || valueObj === void 0 ? void 0 : valueObj.from)) setError({
+                ...error,
+                from: "Invalid range"
+            });
+            else setError({
+                ...error,
+                to: "Invalid range"
+            });
+            setInnerError === null || setInnerError === void 0 ? void 0 : setInnerError("Invalid range");
+        } else if ((_validateErrors = validateErrors === null || validateErrors === void 0 ? void 0 : validateErrors(valueObj === null || valueObj === void 0 ? void 0 : valueObj.from, valueObj === null || valueObj === void 0 ? void 0 : valueObj.to)) !== null && _validateErrors !== void 0 ? _validateErrors : false) {
+            //проп validateErrors вернет пустую строку, в случае если ошибок нет
+            setError === null || setError === void 0 ? void 0 : setError(validateErrors(valueObj.from, valueObj.to));
+        } else {
+            setError({
+                from: "",
+                to: ""
+            });
+            setInnerError === null || setInnerError === void 0 ? void 0 : setInnerError("");
+            return e;
         }
-      }
-    },
-    placeholder: fromPlaceholder,
-    disabled: isFieldDisabled
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${RC}__input-to`
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: `${RC}__input-label`
-  }, "to"), /*#__PURE__*/_react.default.createElement(_Input.default, {
-    testId: `${testId}--to`,
-    ref: inputToRef,
-    value: valueObj?.to ?? "",
-    onChange: val => handleChange("to", val),
-    onBlur: e => rangeValidation(e, "to"),
-    error: error.to,
-    onKeyUp: (code, e) => {
-      if (code === 13) inputToRef.current.blur();
-    },
-    placeholder: toPlaceholder,
-    disabled: isFieldDisabled
-  }))));
+    };
+    var _valueObj_from, _valueObj_to;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: (0, _classnames.default)(RC, className, {
+            [`${RC}_column`]: isColumnPosition
+        }),
+        children: [
+            label && label !== " " && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: `${RC}__label`,
+                children: label
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: `${RC}__wrapper`,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        className: `${RC}__input-from`,
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                                className: `${RC}__input-label`,
+                                children: "From"
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                                testId: `${testId}--from`,
+                                ref: inputFromRef,
+                                value: (_valueObj_from = valueObj === null || valueObj === void 0 ? void 0 : valueObj.from) !== null && _valueObj_from !== void 0 ? _valueObj_from : "",
+                                onChange: (val)=>handleChange("from", val),
+                                onBlur: (e)=>rangeValidation(e, "from"),
+                                error: error.from,
+                                onKeyUp: (code, e)=>{
+                                    if (code === 13) {
+                                        if (isValidRange) inputFromRef.current.blur();
+                                        else {
+                                            inputToRef.current.focus();
+                                            inputToRef.current.select();
+                                        }
+                                    }
+                                },
+                                placeholder: fromPlaceholder,
+                                disabled: isFieldDisabled
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        className: `${RC}__input-to`,
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                                className: `${RC}__input-label`,
+                                children: "to"
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                                testId: `${testId}--to`,
+                                ref: inputToRef,
+                                value: (_valueObj_to = valueObj === null || valueObj === void 0 ? void 0 : valueObj.to) !== null && _valueObj_to !== void 0 ? _valueObj_to : "",
+                                onChange: (val)=>handleChange("to", val),
+                                onBlur: (e)=>rangeValidation(e, "to"),
+                                error: error.to,
+                                onKeyUp: (code, e)=>{
+                                    if (code === 13) inputToRef.current.blur();
+                                },
+                                placeholder: toPlaceholder,
+                                disabled: isFieldDisabled
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
 };
-var _default = exports.default = RangeInputs;
+const _default = RangeInputs;