indicator-ui 0.0.286 → 0.0.288

package/dist/index.js

@@ -24012,13 +24012,19 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   useDeepCompareEffect: () => (/* reexport safe */ _useDeepCompareEffect__WEBPACK_IMPORTED_MODULE_3__.useDeepCompareEffect),
 /* harmony export */   useElementFixedOffset: () => (/* reexport safe */ _useElementFixedOffset__WEBPACK_IMPORTED_MODULE_4__.useElementFixedOffset),
 /* harmony export */   useFormData: () => (/* reexport safe */ _useFormData__WEBPACK_IMPORTED_MODULE_1__.useFormData),
-/* harmony export */   useIsErrorField: () => (/* reexport safe */ _useIsErrorField__WEBPACK_IMPORTED_MODULE_0__.useIsErrorField)
+/* harmony export */   useIsErrorField: () => (/* reexport safe */ _useIsErrorField__WEBPACK_IMPORTED_MODULE_0__.useIsErrorField),
+/* harmony export */   useResettableTimeout: () => (/* reexport safe */ _useResettableTimeout__WEBPACK_IMPORTED_MODULE_6__.useResettableTimeout),
+/* harmony export */   useSyncedStateRef: () => (/* reexport safe */ _useSyncedStateRef__WEBPACK_IMPORTED_MODULE_5__.useSyncedStateRef)
 /* harmony export */ });
 /* harmony import */ var _useIsErrorField__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./useIsErrorField */ "./src/hooks/useIsErrorField.ts");
 /* harmony import */ var _useFormData__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./useFormData */ "./src/hooks/useFormData.ts");
 /* harmony import */ var _useDebouncedAccumulator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./useDebouncedAccumulator */ "./src/hooks/useDebouncedAccumulator.ts");
 /* harmony import */ var _useDeepCompareEffect__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./useDeepCompareEffect */ "./src/hooks/useDeepCompareEffect.ts");
 /* harmony import */ var _useElementFixedOffset__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./useElementFixedOffset */ "./src/hooks/useElementFixedOffset.ts");
+/* harmony import */ var _useSyncedStateRef__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./useSyncedStateRef */ "./src/hooks/useSyncedStateRef.ts");
+/* harmony import */ var _useResettableTimeout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./useResettableTimeout */ "./src/hooks/useResettableTimeout.ts");
+
+
 
 
 
@@ -24412,6 +24418,97 @@ function useIsErrorField() {
 
 /***/ }),
 
+/***/ "./src/hooks/useResettableTimeout.ts":
+/*!*******************************************!*\
+  !*** ./src/hooks/useResettableTimeout.ts ***!
+  \*******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   useResettableTimeout: () => (/* binding */ useResettableTimeout)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+function useResettableTimeout() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  var timeout = args[0];
+  var timeoutRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(undefined);
+  var _clearTimeout = function _clearTimeout() {
+    var timeout = timeoutRef.current;
+    if (timeout !== undefined) {
+      clearTimeout(timeout);
+    }
+  };
+  var _setTimeout = function _setTimeout(fun) {
+    _clearTimeout();
+    timeoutRef.current = setTimeout(fun, timeout);
+  };
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    return _clearTimeout;
+  }, []);
+  return [_setTimeout, timeoutRef.current, _clearTimeout];
+}
+
+/***/ }),
+
+/***/ "./src/hooks/useSyncedStateRef.ts":
+/*!****************************************!*\
+  !*** ./src/hooks/useSyncedStateRef.ts ***!
+  \****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   useSyncedStateRef: () => (/* binding */ useSyncedStateRef)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+
+function useSyncedStateRef() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  var initialValue = args[0];
+  var refValue = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(initialValue);
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  var setValue = function setValue(value) {
+    var newState;
+    if (typeof value === "function") {
+      var updater = value;
+      var prevState = refValue.current;
+      newState = updater(prevState);
+    } else {
+      newState = value;
+    }
+    setState(newState);
+    refValue.current = newState;
+  };
+  /**
+   * Возвращает гарантированно последнее значение состояния.
+   * */
+  var getValue = function getValue() {
+    return refValue.current;
+  };
+  return [state, setValue, getValue];
+}
+
+/***/ }),
+
 /***/ "./src/lib/animation/getScrollParents.ts":
 /*!***********************************************!*\
   !*** ./src/lib/animation/getScrollParents.ts ***!
@@ -26606,6 +26703,7 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ADJUST_SCROLL_POSITION_TIMEOUT: () => (/* binding */ ADJUST_SCROLL_POSITION_TIMEOUT),
 /* harmony export */   CELL_SIZE: () => (/* binding */ CELL_SIZE),
 /* harmony export */   CHANGE_VALUE_TIMEOUT: () => (/* binding */ CHANGE_VALUE_TIMEOUT),
 /* harmony export */   DATE_RANGE_TYPE_FORMAT: () => (/* binding */ DATE_RANGE_TYPE_FORMAT),
@@ -26633,6 +26731,7 @@ var SIDES_NUM = 2;
 var SCROLL_END_TIMEOUT = 150;
 var SET_UP_DATES_NUM = 13;
 var CHANGE_VALUE_TIMEOUT = 100;
+var ADJUST_SCROLL_POSITION_TIMEOUT = 150;
 var DATE_RANGE_TYPE_FORMAT = 'yyyy-MM-dd';
 var TIME_RANGE_TYPE_FORMAT = 'HH:mmXXX';
 var DATE_TYPE_FORMAT = 'yyyy-MM-dd';
@@ -26674,6 +26773,7 @@ var WEEK_START_NUM = 1;
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ADJUST_SCROLL_POSITION_TIMEOUT: () => (/* reexport safe */ _config__WEBPACK_IMPORTED_MODULE_4__.ADJUST_SCROLL_POSITION_TIMEOUT),
 /* harmony export */   CELL_SIZE: () => (/* reexport safe */ _config__WEBPACK_IMPORTED_MODULE_4__.CELL_SIZE),
 /* harmony export */   CHANGE_VALUE_TIMEOUT: () => (/* reexport safe */ _config__WEBPACK_IMPORTED_MODULE_4__.CHANGE_VALUE_TIMEOUT),
 /* harmony export */   CalendarButton: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.CalendarButton),
@@ -27905,8 +28005,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
-/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../styles */ "./src/ui/DateTimePicker/styles/index.ts");
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../config */ "./src/ui/DateTimePicker/config/index.ts");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/hooks */ "./src/hooks/index.ts");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles */ "./src/ui/DateTimePicker/styles/index.ts");
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../config */ "./src/ui/DateTimePicker/config/index.ts");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
@@ -27922,22 +28023,25 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 
 
 
+
 function TimePickerFeed(_ref) {
   var list = _ref.list,
     _ref$centerItem = _ref.centerItem,
     centerItem = _ref$centerItem === void 0 ? 0 : _ref$centerItem,
     onChangeCenterItem = _ref.onChangeCenterItem;
   var containerRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(centerItem * _config__WEBPACK_IMPORTED_MODULE_4__.CELL_SIZE),
-    _useState2 = _slicedToArray(_useState, 2),
-    curScrollTop = _useState2[0],
-    setCurScrollTop = _useState2[1];
-  var containerHeight = _config__WEBPACK_IMPORTED_MODULE_4__.SIDES_NUM * _config__WEBPACK_IMPORTED_MODULE_4__.SIDE_ELEMENT_NUM * _config__WEBPACK_IMPORTED_MODULE_4__.CELL_SIZE + _config__WEBPACK_IMPORTED_MODULE_4__.VIEW_CELL_SIZE;
+  var _useSyncedStateRef = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useSyncedStateRef)(centerItem * _config__WEBPACK_IMPORTED_MODULE_5__.CELL_SIZE),
+    _useSyncedStateRef2 = _slicedToArray(_useSyncedStateRef, 3),
+    curScrollTop = _useSyncedStateRef2[0],
+    setCurScrollTop = _useSyncedStateRef2[1],
+    getCurScrollTop = _useSyncedStateRef2[2];
+  var containerHeight = _config__WEBPACK_IMPORTED_MODULE_5__.SIDES_NUM * _config__WEBPACK_IMPORTED_MODULE_5__.SIDE_ELEMENT_NUM * _config__WEBPACK_IMPORTED_MODULE_5__.CELL_SIZE + _config__WEBPACK_IMPORTED_MODULE_5__.VIEW_CELL_SIZE;
   var viewRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
   var scrollEndTimeout = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
   var changeValueTimeoutRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
+  var adjustScrollPositionTimeoutRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
-    containerRef.current.scrollTop = curScrollTop;
+    containerRef.current.scrollTop = getCurScrollTop();
   }, []);
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
     var _containerRef$current;
@@ -27945,7 +28049,7 @@ function TimePickerFeed(_ref) {
       ev.preventDefault();
       if (containerRef.current) {
         var direction = ev.deltaY > 0 ? 1 : -1;
-        containerRef.current.scrollTop += direction * _config__WEBPACK_IMPORTED_MODULE_4__.CELL_SIZE;
+        containerRef.current.scrollTop += direction * _config__WEBPACK_IMPORTED_MODULE_5__.CELL_SIZE;
       }
     };
     (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 || _containerRef$current.addEventListener('wheel', onWheel, {
@@ -27957,7 +28061,18 @@ function TimePickerFeed(_ref) {
     };
   }, []);
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
-    adjustScrollPosition(centerItem);
+    var _clearChangeTimeout = function _clearChangeTimeout() {
+      if (adjustScrollPositionTimeoutRef.current != null) {
+        clearTimeout(adjustScrollPositionTimeoutRef.current);
+      }
+    };
+    _clearChangeTimeout();
+    changeValueTimeoutRef.current = setTimeout(function () {
+      adjustScrollPosition(centerItem);
+    }, _config__WEBPACK_IMPORTED_MODULE_5__.ADJUST_SCROLL_POSITION_TIMEOUT);
+    return function () {
+      _clearChangeTimeout();
+    };
   }, [centerItem]);
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
     var _clearChangeTimeout = function _clearChangeTimeout() {
@@ -27969,13 +28084,13 @@ function TimePickerFeed(_ref) {
     changeValueTimeoutRef.current = setTimeout(function () {
       var centerItem = getCenterItem();
       onChangeCenterItem === null || onChangeCenterItem === void 0 || onChangeCenterItem(centerItem);
-    }, _config__WEBPACK_IMPORTED_MODULE_4__.CHANGE_VALUE_TIMEOUT);
+    }, _config__WEBPACK_IMPORTED_MODULE_5__.CHANGE_VALUE_TIMEOUT);
     return function () {
       _clearChangeTimeout();
     };
   }, [curScrollTop]);
   var getCenterItem = function getCenterItem() {
-    return Math.floor(Math.abs(curScrollTop) / _config__WEBPACK_IMPORTED_MODULE_4__.CELL_SIZE);
+    return Math.round(Math.abs(getCurScrollTop()) / _config__WEBPACK_IMPORTED_MODULE_5__.CELL_SIZE);
   };
   var getItem = function getItem(item, idx) {
     var _containerRef$current3, _containerRef$current4;
@@ -27983,7 +28098,7 @@ function TimePickerFeed(_ref) {
     var centerIdx = getCenterItem();
     var containerSize = (_containerRef$current3 = (_containerRef$current4 = containerRef.current) === null || _containerRef$current4 === void 0 ? void 0 : _containerRef$current4.clientHeight) !== null && _containerRef$current3 !== void 0 ? _containerRef$current3 : containerHeight;
     var r = containerSize / 2;
-    var y = r + curScrollTop - (idx + _config__WEBPACK_IMPORTED_MODULE_4__.SIDE_ELEMENT_NUM) * _config__WEBPACK_IMPORTED_MODULE_4__.CELL_SIZE - _config__WEBPACK_IMPORTED_MODULE_4__.CELL_SIZE / 2;
+    var y = r + getCurScrollTop() - (idx + _config__WEBPACK_IMPORTED_MODULE_5__.SIDE_ELEMENT_NUM) * _config__WEBPACK_IMPORTED_MODULE_5__.CELL_SIZE - _config__WEBPACK_IMPORTED_MODULE_5__.CELL_SIZE / 2;
     var x = Math.sqrt(Math.max(0, Math.pow(r, 2) - Math.pow(y, 2))); // Гарантируем неотрицательное значение
     var alpha = x !== 0 ? Math.atan(y / x) : Math.PI / 2;
     // Округляем значения до 2 знаков после запятой
@@ -27995,10 +28110,10 @@ function TimePickerFeed(_ref) {
       transform: "translateZ(-".concat(z * 1.5, "px) rotateX(").concat(roundedAlpha, "rad)")
     };
     var diff = Math.abs(centerIdx - idx);
-    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _config__WEBPACK_IMPORTED_MODULE_4__.ELEMENT_ATTRIBUTE_NAME, idx), "style", {
+    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _config__WEBPACK_IMPORTED_MODULE_5__.ELEMENT_ATTRIBUTE_NAME, idx), "style", {
       perspective: containerHeight
-    }), "className", (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.TimePickerFeedStyle.item, _defineProperty(_defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_3__.TimePickerFeedStyle.center, isView), _styles__WEBPACK_IMPORTED_MODULE_3__.TimePickerFeedStyle.floor1, !isView && diff === 1), _styles__WEBPACK_IMPORTED_MODULE_3__.TimePickerFeedStyle.floor2, !isView && diff === 2))), "children", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
-      className: _styles__WEBPACK_IMPORTED_MODULE_3__.TimePickerFeedStyle.content,
+    }), "className", (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_4__.TimePickerFeedStyle.item, _defineProperty(_defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_4__.TimePickerFeedStyle.center, isView), _styles__WEBPACK_IMPORTED_MODULE_4__.TimePickerFeedStyle.floor1, !isView && diff === 1), _styles__WEBPACK_IMPORTED_MODULE_4__.TimePickerFeedStyle.floor2, !isView && diff === 2))), "children", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
+      className: _styles__WEBPACK_IMPORTED_MODULE_4__.TimePickerFeedStyle.content,
       style: style,
       children: item
     })), idx);
@@ -28010,14 +28125,14 @@ function TimePickerFeed(_ref) {
     scrollEndTimeout.current = setTimeout(function () {
       if (!isDragging.current) {
         if (!containerRef.current) return;
-        var newPosition = centerIndex * _config__WEBPACK_IMPORTED_MODULE_4__.CELL_SIZE;
+        var newPosition = centerIndex * _config__WEBPACK_IMPORTED_MODULE_5__.CELL_SIZE;
         // Плавная коррекция позиции
         containerRef.current.scrollTo({
           top: newPosition,
           behavior: 'smooth'
         });
       }
-    }, _config__WEBPACK_IMPORTED_MODULE_4__.SCROLL_END_TIMEOUT);
+    }, _config__WEBPACK_IMPORTED_MODULE_5__.SCROLL_END_TIMEOUT);
   };
   var onScroll = function onScroll(event) {
     setCurScrollTop(event.currentTarget.scrollTop);
@@ -28030,18 +28145,18 @@ function TimePickerFeed(_ref) {
     var isView = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
       children: [Array.from({
-        length: _config__WEBPACK_IMPORTED_MODULE_4__.SIDE_ELEMENT_NUM
+        length: _config__WEBPACK_IMPORTED_MODULE_5__.SIDE_ELEMENT_NUM
       }).map(function (_, idx) {
         return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", {
-          className: _styles__WEBPACK_IMPORTED_MODULE_3__.TimePickerFeedStyle.item
+          className: _styles__WEBPACK_IMPORTED_MODULE_4__.TimePickerFeedStyle.item
         }, "before-".concat(idx));
       }), list === null || list === void 0 ? void 0 : list.map(function (item, idx) {
         return getItem(item, idx, isView);
       }), Array.from({
-        length: _config__WEBPACK_IMPORTED_MODULE_4__.SIDE_ELEMENT_NUM
+        length: _config__WEBPACK_IMPORTED_MODULE_5__.SIDE_ELEMENT_NUM
       }).map(function (_, idx) {
         return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", {
-          className: _styles__WEBPACK_IMPORTED_MODULE_3__.TimePickerFeedStyle.item
+          className: _styles__WEBPACK_IMPORTED_MODULE_4__.TimePickerFeedStyle.item
         }, "after-".concat(idx));
       })]
     });
@@ -28049,7 +28164,7 @@ function TimePickerFeed(_ref) {
   var getViewItem = function getViewItem() {
     return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
       ref: viewRef,
-      className: _styles__WEBPACK_IMPORTED_MODULE_3__.TimePickerFeedStyle.viewContent,
+      className: _styles__WEBPACK_IMPORTED_MODULE_4__.TimePickerFeedStyle.viewContent,
       children: getContent(true)
     });
   };
@@ -28061,7 +28176,7 @@ function TimePickerFeed(_ref) {
     isDragging.current = true;
     startY.current = e.clientY;
     startScrollTop.current = (_containerRef$current5 = (_containerRef$current6 = containerRef.current) === null || _containerRef$current6 === void 0 ? void 0 : _containerRef$current6.scrollTop) !== null && _containerRef$current5 !== void 0 ? _containerRef$current5 : 0;
-    (_containerRef$current7 = containerRef.current) === null || _containerRef$current7 === void 0 || _containerRef$current7.classList.add(_styles__WEBPACK_IMPORTED_MODULE_3__.TimePickerFeedStyle.grabbing); // добавить стиль курсора
+    (_containerRef$current7 = containerRef.current) === null || _containerRef$current7 === void 0 || _containerRef$current7.classList.add(_styles__WEBPACK_IMPORTED_MODULE_4__.TimePickerFeedStyle.grabbing); // добавить стиль курсора
   };
   var onMouseMove = function onMouseMove(e) {
     if (!isDragging.current || !containerRef.current) return;
@@ -28071,7 +28186,7 @@ function TimePickerFeed(_ref) {
   var onMouseUp = function onMouseUp() {
     var _containerRef$current8;
     isDragging.current = false;
-    (_containerRef$current8 = containerRef.current) === null || _containerRef$current8 === void 0 || _containerRef$current8.classList.remove(_styles__WEBPACK_IMPORTED_MODULE_3__.TimePickerFeedStyle.grabbing);
+    (_containerRef$current8 = containerRef.current) === null || _containerRef$current8 === void 0 || _containerRef$current8.classList.remove(_styles__WEBPACK_IMPORTED_MODULE_4__.TimePickerFeedStyle.grabbing);
     adjustScrollPosition(getCenterItem());
   };
   var isTouchedRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(false);
@@ -28082,7 +28197,7 @@ function TimePickerFeed(_ref) {
     isTouchedRef.current = false;
   };
   return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-    className: _styles__WEBPACK_IMPORTED_MODULE_3__.TimePickerFeedStyle.wrapper,
+    className: _styles__WEBPACK_IMPORTED_MODULE_4__.TimePickerFeedStyle.wrapper,
     children: [getViewItem(), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
       ref: containerRef,
       onScroll: onScroll,
@@ -28097,7 +28212,7 @@ function TimePickerFeed(_ref) {
         perspective: containerHeight,
         cursor: isDragging.current ? 'grabbing' : 'grab'
       },
-      className: _styles__WEBPACK_IMPORTED_MODULE_3__.TimePickerFeedStyle.TimePickerFeed,
+      className: _styles__WEBPACK_IMPORTED_MODULE_4__.TimePickerFeedStyle.TimePickerFeed,
       children: getContent()
     })]
   });
@@ -37773,6 +37888,7 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ADJUST_SCROLL_POSITION_TIMEOUT: () => (/* reexport safe */ _DateTimePicker__WEBPACK_IMPORTED_MODULE_24__.ADJUST_SCROLL_POSITION_TIMEOUT),
 /* harmony export */   BackgroundModalWindowWrapper: () => (/* reexport safe */ _BackgroundModalWindowWrapper__WEBPACK_IMPORTED_MODULE_12__.BackgroundModalWindowWrapper),
 /* harmony export */   Button: () => (/* reexport safe */ _Buttons__WEBPACK_IMPORTED_MODULE_0__.Button),
 /* harmony export */   CELL_SIZE: () => (/* reexport safe */ _DateTimePicker__WEBPACK_IMPORTED_MODULE_24__.CELL_SIZE),
@@ -38064,6 +38180,7 @@ var __webpack_exports__ = {};
   \**********************/
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ADJUST_SCROLL_POSITION_TIMEOUT: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.ADJUST_SCROLL_POSITION_TIMEOUT),
 /* harmony export */   BackgroundModalWindowWrapper: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.BackgroundModalWindowWrapper),
 /* harmony export */   Button: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.Button),
 /* harmony export */   CELL_SIZE: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.CELL_SIZE),
@@ -38184,7 +38301,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   useDeepCompareEffect: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useDeepCompareEffect),
 /* harmony export */   useElementFixedOffset: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useElementFixedOffset),
 /* harmony export */   useFormData: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useFormData),
-/* harmony export */   useIsErrorField: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useIsErrorField)
+/* harmony export */   useIsErrorField: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useIsErrorField),
+/* harmony export */   useResettableTimeout: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useResettableTimeout),
+/* harmony export */   useSyncedStateRef: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useSyncedStateRef)
 /* harmony export */ });
 /* harmony import */ var _styles_colors_css_variables_index_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/styles/colors/css-variables/index.css */ "./src/styles/colors/css-variables/index.css");
 /* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ui */ "./src/ui/index.ts");