intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1,160 @@
+"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 _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+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;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+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 _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    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;
+}
+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, _object_spread_props(_object_spread({}, 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
+};
+
+//# sourceMappingURL=RangeCalendar.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/RangeCalendar/RangeCalendar.stories.js"],"sourcesContent":["import React, {useState, useRef} from 'react';\nimport moment from 'moment-timezone';\n\nimport RangeCalendar from './RangeCalendar';\n\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/RangeCalendar',\n  component: RangeCalendar,\n};\n\nconst Template = args => {\n  const [dateOfRenderedMonth, setDateOfRenderedMonth] = useState(moment().subtract(1, 'month').toDate());\n\n  const [startDate, setStartDate] = useState(dateOfRenderedMonth);\n  const [endDate, setEndDate] = useState(dateOfRenderedMonth);\n  const isFirstClickRef = useRef(false);\n\n  const handleClick = date => {\n    if (!startDate || (startDate && endDate && !moment(startDate).add(1, 'd').isSame(endDate, 'day'))) {\n      setStartDate(moment(date).startOf('day').toDate());\n      setEndDate(moment(date).add(1, 'd').startOf('day').toDate());\n    } else if (moment(date).isBefore(moment(startDate), 'day')) {\n      setEndDate(moment(startDate).add(1, 'd').startOf('day').toDate());\n      setStartDate(moment(date).set('hour', parseInt(0, 10)).toDate());\n    } else if (moment(date).isAfter(moment(startDate), 'day')) {\n      setEndDate(moment(date).add(1, 'd').startOf('day').toDate());\n    }\n  };\n\n  return (\n    <RangeCalendar\n      {...args}\n      date={dateOfRenderedMonth}\n      setDate={setDateOfRenderedMonth}\n      // allowNext={true}\n      // allowPrev={true}\n      startDate={startDate}\n      endDate={endDate}\n      // startPrevDate={startPrevDate}\n      // endPrevDate={endPrevDate}\n      onClick={handleClick}\n      // onHover={handleHover}\n    />\n  );\n};\n\nexport const RangeCalendarTemplate = Template.bind({});\n\nRangeCalendarTemplate.args = {\n  limitRange: 60,\n};\n"],"names":["RangeCalendarTemplate","global","lng","title","component","RangeCalendar","Template","args","dateOfRenderedMonth","setDateOfRenderedMonth","useState","moment","subtract","toDate","startDate","setStartDate","endDate","setEndDate","isFirstClickRef","useRef","handleClick","date","add","isSame","startOf","isBefore","set","parseInt","isAfter","setDate","onClick","bind","limitRange"],"mappings":";;;;;;;;;;;IAkDaA,qBAAqB;eAArBA;;IAzCb,OAGE;eAHF;;;;+DATsC;uEACnB;sEAEO;QAEnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,sBAAa;AAC1B;AAEA,MAAMC,WAAWC,CAAAA;IACf,MAAM,CAACC,qBAAqBC,uBAAuB,GAAGC,IAAAA,eAAQ,EAACC,IAAAA,uBAAM,IAAGC,QAAQ,CAAC,GAAG,SAASC,MAAM;IAEnG,MAAM,CAACC,WAAWC,aAAa,GAAGL,IAAAA,eAAQ,EAACF;IAC3C,MAAM,CAACQ,SAASC,WAAW,GAAGP,IAAAA,eAAQ,EAACF;IACvC,MAAMU,kBAAkBC,IAAAA,aAAM,EAAC;IAE/B,MAAMC,cAAcC,CAAAA;QAClB,IAAI,CAACP,aAAcA,aAAaE,WAAW,CAACL,IAAAA,uBAAM,EAACG,WAAWQ,GAAG,CAAC,GAAG,KAAKC,MAAM,CAACP,SAAS,QAAS;YACjGD,aAAaJ,IAAAA,uBAAM,EAACU,MAAMG,OAAO,CAAC,OAAOX,MAAM;YAC/CI,WAAWN,IAAAA,uBAAM,EAACU,MAAMC,GAAG,CAAC,GAAG,KAAKE,OAAO,CAAC,OAAOX,MAAM;QAC3D,OAAO,IAAIF,IAAAA,uBAAM,EAACU,MAAMI,QAAQ,CAACd,IAAAA,uBAAM,EAACG,YAAY,QAAQ;YAC1DG,WAAWN,IAAAA,uBAAM,EAACG,WAAWQ,GAAG,CAAC,GAAG,KAAKE,OAAO,CAAC,OAAOX,MAAM;YAC9DE,aAAaJ,IAAAA,uBAAM,EAACU,MAAMK,GAAG,CAAC,QAAQC,SAAS,GAAG,KAAKd,MAAM;QAC/D,OAAO,IAAIF,IAAAA,uBAAM,EAACU,MAAMO,OAAO,CAACjB,IAAAA,uBAAM,EAACG,YAAY,QAAQ;YACzDG,WAAWN,IAAAA,uBAAM,EAACU,MAAMC,GAAG,CAAC,GAAG,KAAKE,OAAO,CAAC,OAAOX,MAAM;QAC3D;IACF;IAEA,qBACE,qBAACR,sBAAa,0CACRE;QACJc,MAAMb;QACNqB,SAASpB;QACT,mBAAmB;QACnB,mBAAmB;QACnBK,WAAWA;QACXE,SAASA;QACT,gCAAgC;QAChC,4BAA4B;QAC5Bc,SAASV;;AAIf;AAEO,MAAMpB,wBAAwBM,SAASyB,IAAI,CAAC,CAAC;AAEpD/B,sBAAsBO,IAAI,GAAG;IAC3ByB,YAAY;AACd"}

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

@@ -0,0 +1,257 @@
+"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 _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+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;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+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 _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    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;
+}
+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(_object_spread_props(_object_spread({}, 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(_object_spread_props(_object_spread({}, error), {
+                from: "Invalid range"
+            }));
+            else setError(_object_spread_props(_object_spread({}, 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;
+
+//# sourceMappingURL=RangeInputs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/RangeInputs/RangeInputs.js"],"sourcesContent":["import React, { useRef, useState } from \"react\";\n\nimport cn from \"classnames\";\n\nimport {\n  filterFloat,\n  formatOnlyNumbers,\n} from \"../../../Functions/fieldValueFormatters\";\nimport { addBitDepthPoints } from \"../../../Functions/utils.js\";\nimport Input from \"../Input/Input\";\nimport Label from \"../Label/Label\";\n\nimport \"./RangeInputs.scss\";\n\nconst RC = \"range-inputs\";\n\nconst RangeInputs = ({\n  isColumnPosition,\n  className,\n  value: valueObj = { from: \"\", to: \"\" },\n  onChange = () => {},\n  validateErrors = () => {},\n  type = \"int\",\n  setError: setInnerError,\n  label = \"\",\n  isPrice = false,\n  testId,\n  withZero = false,\n  fromPlaceholder = \"\",\n  toPlaceholder = \"\",\n  disabled,\n  isDisabled,\n}) => {\n  const [error, setError] = useState({ from: \"\", to: \"\" });\n  const inputFromRef = useRef(null);\n  const inputToRef = useRef(null);\n\n  const isFieldDisabled = disabled || isDisabled;\n\n  const isValidRange = (from, to) => {\n    const correctFrom = parseFloat(from?.toString()?.replace(/[^\\d]/g, \"\"));\n    const correctTo = parseFloat(to?.toString()?.replace(/[^\\d]/g, \"\"));\n\n    // let correctFrom;\n    // let correctTo;\n\n    // if (!withZero) {\n    //   correctFrom = parseInt(replaceNotDigitFrom);\n    //   correctTo = parseInt(replaceNotDigitFromTo);\n    // } else {\n    //   correctFrom = replaceNotDigitFrom;\n    //   correctTo = replaceNotDigitFromTo;\n    // }\n\n    return correctFrom <= correctTo;\n  };\n\n  const valueFormatter = (value) => {\n    if (type === \"float\" && !isPrice) return filterFloat(value, 2);\n    else if (type === \"float\" && isPrice)\n      return addBitDepthPoints(filterFloat(value?.replace(/[^\\d.]/g, \"\"), 2));\n    else if (type !== \"float\" && isPrice)\n      return addBitDepthPoints(value?.replace(/[^\\d]/g, \"\"));\n    else return formatOnlyNumbers(value);\n  };\n\n  const handleChange = (prop, val) => {\n    onChange({ ...valueObj, [prop]: valueFormatter(val) });\n  };\n\n  const rangeValidation = (e, key) => {\n    const oppositeKey = key === \"from\" ? \"to\" : \"from\";\n    if (!withZero && !valueObj?.from && !valueObj?.to) {\n      setError({ from: \"\", to: \"\" });\n      setInnerError?.(\"\");\n      return e;\n    } else if (!withZero && !valueObj[oppositeKey]) {\n      const mustToFocus =\n        key === \"from\" ? inputToRef.current : inputFromRef.current;\n      mustToFocus.focus();\n    } else if (!isValidRange(valueObj?.from, valueObj?.to)) {\n      if (!valueObj?.from) setError({ ...error, from: \"Invalid range\" });\n      else setError({ ...error, to: \"Invalid range\" });\n      setInnerError?.(\"Invalid range\");\n    } else if (validateErrors?.(valueObj?.from, valueObj?.to) ?? false) {\n      //проп validateErrors вернет пустую строку, в случае если ошибок нет\n      setError?.(validateErrors(valueObj.from, valueObj.to));\n    } else {\n      setError({ from: \"\", to: \"\" });\n      setInnerError?.(\"\");\n      return e;\n    }\n  };\n\n  return (\n    <div\n      className={cn(RC, className, {\n        [`${RC}_column`]: isColumnPosition,\n      })}\n    >\n      {label && label !== \" \" && <div className={`${RC}__label`}>{label}</div>}\n      <div className={`${RC}__wrapper`}>\n        <div className={`${RC}__input-from`}>\n          <span className={`${RC}__input-label`}>From</span>\n          <Input\n            testId={`${testId}--from`}\n            ref={inputFromRef}\n            value={valueObj?.from ?? \"\"}\n            onChange={(val) => handleChange(\"from\", val)}\n            onBlur={(e) => rangeValidation(e, \"from\")}\n            error={error.from}\n            onKeyUp={(code, e) => {\n              if (code === 13) {\n                if (isValidRange) inputFromRef.current.blur();\n                else {\n                  inputToRef.current.focus();\n                  inputToRef.current.select();\n                }\n              }\n            }}\n            placeholder={fromPlaceholder}\n            disabled={isFieldDisabled}\n          />\n        </div>\n        <div className={`${RC}__input-to`}>\n          <span className={`${RC}__input-label`}>to</span>\n          <Input\n            testId={`${testId}--to`}\n            ref={inputToRef}\n            value={valueObj?.to ?? \"\"}\n            onChange={(val) => handleChange(\"to\", val)}\n            onBlur={(e) => rangeValidation(e, \"to\")}\n            error={error.to}\n            onKeyUp={(code, e) => {\n              if (code === 13) inputToRef.current.blur();\n            }}\n            placeholder={toPlaceholder}\n            disabled={isFieldDisabled}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default RangeInputs;\n"],"names":["RC","RangeInputs","isColumnPosition","className","value","valueObj","from","to","onChange","validateErrors","type","setError","setInnerError","label","isPrice","testId","withZero","fromPlaceholder","toPlaceholder","disabled","isDisabled","error","useState","inputFromRef","useRef","inputToRef","isFieldDisabled","isValidRange","correctFrom","parseFloat","toString","replace","correctTo","valueFormatter","filterFloat","addBitDepthPoints","formatOnlyNumbers","handleChange","prop","val","rangeValidation","e","key","oppositeKey","mustToFocus","current","focus","div","cn","span","Input","ref","onBlur","onKeyUp","code","blur","select","placeholder"],"mappings":"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"}

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

@@ -0,0 +1,145 @@
+"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, {
+    RangeInputsTemplate: function() {
+        return RangeInputsTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _RangeInputs = /*#__PURE__*/ _interop_require_default(require("./RangeInputs"));
+require("./RangeInputs.scss");
+require("../../../../../scss/main.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+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;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+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 _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    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;
+}
+global.lng = 'en';
+const _default = {
+    title: 'Form Elements/RangeInputs',
+    component: _RangeInputs.default
+};
+const Template = (args)=>{
+    const [state, setState] = (0, _react.useState)();
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeInputs.default, _object_spread_props(_object_spread({}, args), {
+        onChange: setState,
+        value: state,
+        setError: ()=>{}
+    }));
+};
+const RangeInputsTemplate = Template.bind({});
+RangeInputsTemplate.args = {
+    isColumnPosition: true,
+    className: '',
+    type: 'int',
+    label: 'Range Inputs',
+    isPrice: true,
+    withZero: true
+};
+
+//# sourceMappingURL=RangeInputs.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/RangeInputs/RangeInputs.stories.js"],"sourcesContent":["import React, {useState} from 'react';\nimport RangeInputs from './RangeInputs';\n\nimport './RangeInputs.scss';\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/RangeInputs',\n  component: RangeInputs,\n};\n\nconst Template = args => {\n  const [state, setState] = useState();\n\n  return <RangeInputs {...args} onChange={setState} value={state} setError={() => {}} />;\n};\n\nexport const RangeInputsTemplate = Template.bind({});\n\nRangeInputsTemplate.args = {\n  isColumnPosition: true,\n  className: '',\n  type: 'int',\n  label: 'Range Inputs',\n  isPrice: true,\n  withZero: true,\n};\n"],"names":["RangeInputsTemplate","global","lng","title","component","RangeInputs","Template","args","state","setState","useState","onChange","value","setError","bind","isColumnPosition","className","type","label","isPrice","withZero"],"mappings":";;;;;;;;;;;IAmBaA,mBAAmB;eAAnBA;;IAXb,OAGE;eAHF;;;;+DAR8B;oEACN;QAEjB;QACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,oBAAW;AACxB;AAEA,MAAMC,WAAWC,CAAAA;IACf,MAAM,CAACC,OAAOC,SAAS,GAAGC,IAAAA,eAAQ;IAElC,qBAAO,qBAACL,oBAAW,0CAAKE;QAAMI,UAAUF;QAAUG,OAAOJ;QAAOK,UAAU,KAAO;;AACnF;AAEO,MAAMb,sBAAsBM,SAASQ,IAAI,CAAC,CAAC;AAElDd,oBAAoBO,IAAI,GAAG;IACzBQ,kBAAkB;IAClBC,WAAW;IACXC,MAAM;IACNC,OAAO;IACPC,SAAS;IACTC,UAAU;AACZ"}