intelicoreact 1.4.4 → 1.4.5

package/dist/Atomic/FormElements/RangeList/RangeList.js

@@ -1,27 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _operations = require("../../../Functions/operations");
+
 var _Button = _interopRequireDefault(require("../../UI/Button/Button"));
+
 var _Input = _interopRequireDefault(require("../Input/Input"));
+
 var _RangeListRow = _interopRequireWildcard(require("./partial/RangeListRow"));
+
 require("./RangeList.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 && Object.prototype.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; }
-// import { numberFilter, numberFilterWithoutDots, rounded } from '../../../Functions/utils';
 
+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 _interopRequireWildcard(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 = {}; 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; }
+
+// import { numberFilter, numberFilterWithoutDots, rounded } from '../../../Functions/utils';
 const RC = "range-list";
 const DEFAULT_STATE = {
   from: "",
   to: ""
 };
+
 const RangeList = props => {
   const {
     className,
@@ -46,12 +58,12 @@ const RangeList = props => {
   const isValidRange = Boolean((state === null || state === void 0 ? void 0 : state.from) && (state === null || state === void 0 ? void 0 : state.to) && Number(state === null || state === void 0 ? void 0 : state.from) <= Number(state === null || state === void 0 ? void 0 : state.to));
   const isShowRow = isOnlyOneRow && (value === null || value === void 0 ? void 0 : value.length) === 0 || !isOnlyOneRow;
   const handle = {
-    inputsChange: (val, prop) => setState({
-      ...state,
+    inputsChange: (val, prop) => setState({ ...state,
       [prop]: val
     }),
     addRange: () => {
       var _validateErrors;
+
       if (isValidRange && ((_validateErrors = !(validateErrors !== null && validateErrors !== void 0 && validateErrors(Number(state.from), Number(state.to)))) !== null && _validateErrors !== void 0 ? _validateErrors : true)) {
         onChange((0, _operations.addRangeDefault)(Number(state.from), Number(state.to), value, isFloatValues ? decimalPlaces : null));
         setState(DEFAULT_STATE);
@@ -62,11 +74,13 @@ const RangeList = props => {
     removeRange: index => onChange(value.filter((item, idx) => idx !== index)),
     rangeValidation: (e, key) => {
       const oppositeKey = key === "from" ? "to" : "from";
+
       if (!(state !== null && state !== void 0 && state.from) && !(state !== null && state !== void 0 && state.to)) {
         setInnerError("");
         setOuterError("");
         return e;
       }
+
       if (!state[oppositeKey]) {
         const mustToFocus = key === "from" ? inputToRef.current : inputFromRef.current;
         mustToFocus.focus();
@@ -77,6 +91,7 @@ const RangeList = props => {
         setInnerError("");
         if (validateErrors) setOuterError(validateErrors(Number(state.from), Number(state.to)));
       }
+
       return null;
     },
     onKeyUpFromInput: code => {
@@ -88,6 +103,7 @@ const RangeList = props => {
       if (code === 13) inputToRef.current.blur();
     }
   };
+
   const renderInputsAndAddButtonRow = () => /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__row"), "".concat(RC, "__inputs"))
   }, /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
@@ -126,6 +142,7 @@ const RangeList = props => {
     testId: "range-list".concat(testId && "--".concat(testId), "-button"),
     onClick: handle.addRange
   }, "Add")));
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(RC, className, {
       ["".concat(RC, "_disabled")]: disabled
@@ -148,4 +165,6 @@ const RangeList = props => {
     actionClick: () => handle.removeRange(idx)
   }))));
 };
-var _default = exports.default = RangeList;
+
+var _default = RangeList;
+exports.default = _default;

package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js

@@ -1,14 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.RangeListCell = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _reactFeather = require("react-feather");
+
 const RC = "range-list";
+
 const RangeListCell = _ref => {
   let {
     children,
@@ -23,7 +29,9 @@ const RangeListCell = _ref => {
     onClick: onClick
   }, children);
 };
+
 exports.RangeListCell = RangeListCell;
+
 const RangeListRow = _ref2 => {
   let {
     from,
@@ -47,4 +55,6 @@ const RangeListRow = _ref2 => {
     onClick: () => actionClick(idx)
   }, /*#__PURE__*/_react.default.createElement(_reactFeather.Trash2, null)));
 };
-var _default = exports.default = RangeListRow;
+
+var _default = RangeListRow;
+exports.default = _default;

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

@@ -1,23 +1,56 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = RangeSlider;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _reactFeather = require("react-feather");
+
 var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+
 var _mobileKeyboardTypesPresets = require("../../../Functions/presets/mobileKeyboardTypesPresets");
+
 var _useIsMobile = _interopRequireDefault(require("../../../Functions/useIsMobile"));
+
 var _Input = _interopRequireDefault(require("../Input/Input"));
+
 require("./RangeSlider.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 && Object.prototype.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 _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 _interopRequireWildcard(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 = {}; 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; }
+
+let timer;
+const DEBOUNCE_TIME = 300;
+
+function debounce(func) {
+  var _this = this;
+
+  let timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEBOUNCE_TIME;
+  return function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    clearTimeout(timer);
+    timer = setTimeout(() => {
+      func.apply(_this, args);
+    }, timeout);
+  };
+}
+
 function RangeSlider(_ref) {
   var _value$from, _value$to;
+
   let {
     required,
     noTrack,
@@ -45,23 +78,30 @@ function RangeSlider(_ref) {
   const [trackPosition, setTrackPosition] = (0, _react.useState)(0);
   const fromTriggerRef = (0, _react.useRef)(0);
   const toTriggerRef = (0, _react.useRef)(0);
+
   const prepareValue = value => {
     return parseInt(parseFloat(value) * 10 ** precision, 10) / 10 ** precision;
   };
+
   const [from, setFromValue] = (0, _react.useState)((_value$from = value === null || value === void 0 ? void 0 : value.from) !== null && _value$from !== void 0 ? _value$from : min);
+
   const setFrom = v => setFromValue(prepareValue(v));
+
   const [to, setToValue] = (0, _react.useState)((_value$to = value === null || value === void 0 ? void 0 : value.to) !== null && _value$to !== void 0 ? _value$to : max);
+
   const setTo = v => setToValue(prepareValue(v));
+
   const [focusedType, setFocusedType] = (0, _react.useState)(null);
   const [frezeedValues, setFrezeedValues] = (0, _react.useState)(null);
   const [isInputsFocused, setIsInputsFocused] = (0, _react.useState)({
     from: false,
     to: false
   });
-  const setIsInputFocused = (input, value) => setIsInputsFocused(state => ({
-    ...state,
+
+  const setIsInputFocused = (input, value) => setIsInputsFocused(state => ({ ...state,
     [input]: value
   }));
+
   const fromValue = frezeedValues ? frezeedValues === null || frezeedValues === void 0 ? void 0 : frezeedValues.from : from;
   const toValue = frezeedValues ? frezeedValues === null || frezeedValues === void 0 ? void 0 : frezeedValues.to : to;
   const [movingController, setMovingController] = (0, _react.useState)(null);
@@ -71,75 +111,118 @@ function RangeSlider(_ref) {
   const [pointsPerPx, setPointsPerPx] = (0, _react.useState)(0);
   const [extremumRange, setExtremumRange] = (0, _react.useState)(0);
   const [extremumWidth, setExtremumWidth] = (0, _react.useState)(0);
+
   const countPointsPerPx = width => {
     return (max - min) / width;
   };
+
   const resetRange = () => {
     setFrom(min);
     setTo(max);
   };
+
   const getTrackXByPoints = pts => {
     return (pts - min) / pointsPerPx;
   };
+
   const getRangeWidth = () => {
     return getTrackXByPoints(toValue) - getTrackXByPoints(fromValue);
   };
+
   const getRangeOffset = () => {
     return getTrackXByPoints(fromValue);
   };
+
   const getXByPoints = pts => {
     return (pts - min) / pointsPerPx + trackPosition;
   };
+
   const getPointsByX = x => {
     return (x - trackPosition) * pointsPerPx + min;
   };
+
   const onRangeChange = function (type, value) {
     let validate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
     if (validate) value = prepareValue(value);
     if (isNaN(value)) value = 0;
+
     switch (type) {
       case "from":
         if (validate) {
           if (value < min) {
             value = min;
           }
+
           if (value > to - minRange) {
             value = to - minRange;
           }
         }
+
         validate ? setFrom(value) : setFromValue(value);
+
+        if (!isTriggerMoved) {
+          debounce(() => {
+            const values = {
+              from: prepareValue(value),
+              to
+            };
+            onChange(values);
+            setFrezeedValues(values);
+          }, DEBOUNCE_TIME)();
+        }
+
         break;
+
       case "to":
         if (validate) {
           if (value > max) {
             value = max;
           }
+
           if (value < from + minRange) {
             value = from + minRange;
           }
         }
+
         validate ? setTo(value) : setToValue(value);
+
+        if (!isTriggerMoved) {
+          debounce(() => {
+            const values = {
+              from,
+              to: prepareValue(value)
+            };
+            onChange(values);
+            setFrezeedValues(values);
+          }, DEBOUNCE_TIME)();
+        }
+
         break;
     }
-  };
-  // MouseDown Event Controller
+  }; // MouseDown Event Controller
+
+
   const onTriggerMouseDown = (e, type) => {
     if (e.button !== 0 && !isMobile) return; // Отменить обработку, если нажата не левая кнопка мыши
+
     setMovingTrigger(e.target);
     setMovingTriggerType(type);
     setIsTriggerMoved(true); // Установить флаг движения в true при клике
   };
+
   const onTriggerMove = e => {
     var _e$touches;
+
     if (!isMobile) {
       e.preventDefault();
       e.stopPropagation();
     }
+
     if (!isTriggerMoved) setIsTriggerMoved(true);
     if (!movingTrigger) return false;
     let {
       clientX: x
-    } = isMobile ? e === null || e === void 0 || (_e$touches = e.touches) === null || _e$touches === void 0 ? void 0 : _e$touches[0] : e;
+    } = isMobile ? e === null || e === void 0 ? void 0 : (_e$touches = e.touches) === null || _e$touches === void 0 ? void 0 : _e$touches[0] : e;
     const {
       width: triggerWidth = 16
     } = (movingTrigger === null || movingTrigger === void 0 ? void 0 : movingTrigger.getBoundingClientRect()) || {};
@@ -147,39 +230,43 @@ function RangeSlider(_ref) {
     x -= triggerWidth / 2;
     onRangeChange(movingTriggerType, getPointsByX(x));
   };
+
   const onTriggerMoveEnd = () => {
     setMovingTrigger(null);
     setMovingTriggerType(null);
     setIsTriggerMoved(false);
   };
+
   const onRangeInputFocus = (e, type) => {
     setTimeout(() => setIsInputFocused(type, true), 1);
   };
+
   const onRangeInputBlur = (e, type) => {
     setIsInputFocused(type, false);
-    onRangeChange(type, type === "from" ? from : to);
   };
+
   (0, _react.useEffect)(() => {
     var _value$from2, _value$to2;
+
     onRangeChange("from", (_value$from2 = value === null || value === void 0 ? void 0 : value.from) !== null && _value$from2 !== void 0 ? _value$from2 : max);
     onRangeChange("to", (_value$to2 = value === null || value === void 0 ? void 0 : value.to) !== null && _value$to2 !== void 0 ? _value$to2 : min);
-  }, []);
+  }, []); /// MouseUp Event Controller
 
-  /// MouseUp Event Controller
   (0, _react.useEffect)(() => {
     document.addEventListener("mouseup", onTriggerMoveEnd);
     return () => {
       document.removeEventListener("mouseup", onTriggerMoveEnd);
     };
-  }, []);
+  }, []); // MouseMove Event Controller
 
-  // MouseMove Event Controller
   (0, _react.useEffect)(() => {
     // Прекратить обработку, если нет активного триггера или не было движения
     if (!movingTrigger || !isTriggerMoved) return;
+
     const handleMouseMove = e => {
       onTriggerMove(e);
     };
+
     document.addEventListener("mousemove", handleMouseMove);
     return () => {
       document.removeEventListener("mousemove", handleMouseMove);
@@ -196,26 +283,30 @@ function RangeSlider(_ref) {
     setFrezeedValues(null);
   }, [isTriggerMoved]);
   (0, _react.useEffect)(() => {
-    if (Object.values(isInputsFocused).every(v => !v) && !isTriggerMoved) onChange({
-      from,
-      to
-    });
+    if (Object.values(isInputsFocused).every(v => !v) && !isTriggerMoved) {
+      onChange({
+        from,
+        to
+      });
+    }
+
     if (isTriggerMoved) setFrezeedValues({
       from,
       to
     });
-  }, [from, to, isInputsFocused, isTriggerMoved]);
+  }, [from, to, isTriggerMoved]);
   (0, _react.useLayoutEffect)(() => {
     setFrom(value.from);
     setTo(value.to);
   }, [value]);
   (0, _react.useLayoutEffect)(() => {
-    var _trackRef$current, _fromTriggerRef$curre, _toTriggerRef$current;
+    var _trackRef$current, _fromTriggerRef$curre, _fromTriggerRef$curre2, _toTriggerRef$current, _toTriggerRef$current2;
+
     let {
       width,
       x
-    } = (trackRef === null || trackRef === void 0 || (_trackRef$current = trackRef.current) === null || _trackRef$current === void 0 ? void 0 : _trackRef$current.getBoundingClientRect()) || {};
-    width -= (fromTriggerRef === null || fromTriggerRef === void 0 || (_fromTriggerRef$curre = fromTriggerRef.current) === null || _fromTriggerRef$curre === void 0 || (_fromTriggerRef$curre = _fromTriggerRef$curre.getBoundingClientRect()) === null || _fromTriggerRef$curre === void 0 ? void 0 : _fromTriggerRef$curre.width) || (toTriggerRef === null || toTriggerRef === void 0 || (_toTriggerRef$current = toTriggerRef.current) === null || _toTriggerRef$current === void 0 || (_toTriggerRef$current = _toTriggerRef$current.getBoundingClientRect()) === null || _toTriggerRef$current === void 0 ? void 0 : _toTriggerRef$current.width);
+    } = (trackRef === null || trackRef === void 0 ? void 0 : (_trackRef$current = trackRef.current) === null || _trackRef$current === void 0 ? void 0 : _trackRef$current.getBoundingClientRect()) || {};
+    width -= (fromTriggerRef === null || fromTriggerRef === void 0 ? void 0 : (_fromTriggerRef$curre = fromTriggerRef.current) === null || _fromTriggerRef$curre === void 0 ? void 0 : (_fromTriggerRef$curre2 = _fromTriggerRef$curre.getBoundingClientRect()) === null || _fromTriggerRef$curre2 === void 0 ? void 0 : _fromTriggerRef$curre2.width) || (toTriggerRef === null || toTriggerRef === void 0 ? void 0 : (_toTriggerRef$current = toTriggerRef.current) === null || _toTriggerRef$current === void 0 ? void 0 : (_toTriggerRef$current2 = _toTriggerRef$current.getBoundingClientRect()) === null || _toTriggerRef$current2 === void 0 ? void 0 : _toTriggerRef$current2.width);
     setPointsPerPx(countPointsPerPx(width));
     setTrackWidth(width);
     setTrackPosition(x);
@@ -230,6 +321,7 @@ function RangeSlider(_ref) {
       });
     }
   }, [isInputsFocused]);
+
   const renderLabel = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "range-slider__header__label"
@@ -237,6 +329,7 @@ function RangeSlider(_ref) {
       className: "label_isRequired"
     }, "*"));
   };
+
   const renderSelectedRange = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "range-slider__header__selected-range"
@@ -247,11 +340,13 @@ function RangeSlider(_ref) {
       onClick: resetRange
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.X, null)));
   };
+
   const renderHeader = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "range-slider__header"
     }, renderLabel(), min !== fromValue || max !== toValue ? renderSelectedRange() : null);
   };
+
   const renderInputs = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "range-slider__inputs"
@@ -287,6 +382,7 @@ function RangeSlider(_ref) {
       isPriceInput: isUseBitPoints
     }, _mobileKeyboardTypesPresets.NUMERIC_KEYBOARD))));
   };
+
   const renderTrackRange = () => {
     const style = {
       width: "".concat(getRangeWidth(), "px"),
@@ -297,6 +393,7 @@ function RangeSlider(_ref) {
       style: style
     });
   };
+
   const renderTrackTriggers = () => {
     const fromStyle = {
       left: "".concat(getTrackXByPoints(fromValue), "px")
@@ -304,6 +401,7 @@ function RangeSlider(_ref) {
     const toStyle = {
       left: "".concat(getTrackXByPoints(toValue), "px")
     };
+
     const renderTrack = () => {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)("range-slider__track", {
@@ -314,6 +412,7 @@ function RangeSlider(_ref) {
         className: "range-slider__track__line"
       }), renderTrackRange(), renderTrackTriggers());
     };
+
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "range-slider__track__range-triggers"
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -326,6 +425,7 @@ function RangeSlider(_ref) {
       onTouchMove: onTriggerMove,
       onTouchEnd: onTriggerMoveEnd,
       onClick: () => {} // DONT REMOVE! MOBILE WILL NOT WORK WITHOUT IT
+
     }), /*#__PURE__*/_react.default.createElement("div", {
       "data-testid": "rangeSlider--track--".concat(testId, "--type-to"),
       ref: toTriggerRef,
@@ -336,8 +436,10 @@ function RangeSlider(_ref) {
       onTouchMove: onTriggerMove,
       onTouchEnd: onTriggerMoveEnd,
       onClick: () => {} // DONT REMOVE! MOBILE WILL NOT WORK WITHOUT IT
+
     }));
   };
+
   const renderTrack = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)("range-slider__track", {
@@ -348,6 +450,7 @@ function RangeSlider(_ref) {
       className: "range-slider__track__line"
     }), renderTrackRange(), renderTrackTriggers());
   };
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "range-slider"
   }, renderHeader(), renderInputs(), renderTrack());