intelicoreact 1.5.38 → 1.5.41

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

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