intelicoreact 1.5.32 → 1.5.34

package/dist/src/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.stories.js

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    RadioRowSwitcherTemplate: function() {
+        return RadioRowSwitcherTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _RadioRowSwitcher = /*#__PURE__*/ _interop_require_default(require("./RadioRowSwitcher"));
+require("../../../../../scss/main.scss");
+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;
+}
+global.lng = 'en';
+const _default = {
+    title: 'Form Elements/RadioRowSwitcher',
+    component: _RadioRowSwitcher.default,
+    argTypes: {
+        value: {
+            description: 'string'
+        },
+        label: {
+            description: 'string'
+        }
+    }
+};
+const Template = (args)=>{
+    const [state, setState] = (0, _react.useState)(args.value);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RadioRowSwitcher.default, {
+        ...args,
+        value: state,
+        onChange: setState
+    });
+};
+const RadioRowSwitcherTemplate = Template.bind({});
+RadioRowSwitcherTemplate.args = {
+    label: 'RadioRowSwitcher label',
+    value: 'pass',
+    radios: [
+        {
+            key: 'pass',
+            label: 'Pass'
+        },
+        {
+            key: 'fail',
+            label: 'Fail'
+        },
+        {
+            key: 'pending',
+            label: 'Pending'
+        },
+        {
+            key: 'na',
+            label: 'N/A'
+        },
+        {
+            key: 'exception',
+            label: 'Exception'
+        }
+    ]
+};

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

@@ -0,0 +1,176 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+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 _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 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}`))
+        ]
+    });
+};
+const _default = RangeCalendar;

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

@@ -0,0 +1,107 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    RangeCalendarTemplate: function() {
+        return RangeCalendarTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _momenttimezone = /*#__PURE__*/ _interop_require_default(require("moment-timezone"));
+const _RangeCalendar = /*#__PURE__*/ _interop_require_default(require("./RangeCalendar"));
+require("../../../../../scss/main.scss");
+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;
+}
+global.lng = 'en';
+const _default = {
+    title: 'Form Elements/RangeCalendar',
+    component: _RangeCalendar.default
+};
+const Template = (args)=>{
+    const [dateOfRenderedMonth, setDateOfRenderedMonth] = (0, _react.useState)((0, _momenttimezone.default)().subtract(1, 'month').toDate());
+    const [startDate, setStartDate] = (0, _react.useState)(dateOfRenderedMonth);
+    const [endDate, setEndDate] = (0, _react.useState)(dateOfRenderedMonth);
+    const isFirstClickRef = (0, _react.useRef)(false);
+    const handleClick = (date)=>{
+        if (!startDate || startDate && endDate && !(0, _momenttimezone.default)(startDate).add(1, 'd').isSame(endDate, 'day')) {
+            setStartDate((0, _momenttimezone.default)(date).startOf('day').toDate());
+            setEndDate((0, _momenttimezone.default)(date).add(1, 'd').startOf('day').toDate());
+        } else if ((0, _momenttimezone.default)(date).isBefore((0, _momenttimezone.default)(startDate), 'day')) {
+            setEndDate((0, _momenttimezone.default)(startDate).add(1, 'd').startOf('day').toDate());
+            setStartDate((0, _momenttimezone.default)(date).set('hour', parseInt(0, 10)).toDate());
+        } else if ((0, _momenttimezone.default)(date).isAfter((0, _momenttimezone.default)(startDate), 'day')) {
+            setEndDate((0, _momenttimezone.default)(date).add(1, 'd').startOf('day').toDate());
+        }
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeCalendar.default, {
+        ...args,
+        date: dateOfRenderedMonth,
+        setDate: setDateOfRenderedMonth,
+        // allowNext={true}
+        // allowPrev={true}
+        startDate: startDate,
+        endDate: endDate,
+        // startPrevDate={startPrevDate}
+        // endPrevDate={endPrevDate}
+        onClick: handleClick
+    });
+};
+const RangeCalendarTemplate = Template.bind({});
+RangeCalendarTemplate.args = {
+    limitRange: 60
+};

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

@@ -0,0 +1,206 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+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 _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 = ({ isColumnPosition, className, value: valueObj = {
+    from: "",
+    to: ""
+}, onChange = ()=>{}, validateErrors = ()=>{}, type = "int", setError: setInnerError, label = "", isPrice = false, testId, withZero = false, fromPlaceholder = "", toPlaceholder = "", disabled, isDisabled })=>{
+    const [error, setError] = (0, _react.useState)({
+        from: "",
+        to: ""
+    });
+    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;
+        }
+    };
+    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
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+const _default = RangeInputs;