indicator-ui 0.0.384 → 0.1.1

package/dist/index.js

@@ -48010,19 +48010,23 @@ var FADE_IN_SCALE_UP_ANIMATION = function FADE_IN_SCALE_UP_ANIMATION(_ref) {
   var modal = _ref.modal,
     backdrop = _ref.backdrop,
     predictPos = _ref.predictPos;
-  var appear = function appear(timeline) {
+  var appear = function appear(timeline, options) {
+    var _options$zIndex, _options$zIndex2;
+    var modalZIndex = (options === null || options === void 0 || (_options$zIndex = options.zIndex) === null || _options$zIndex === void 0 ? void 0 : _options$zIndex.modal) || Z_INDEX_MODAL_DEFAULT;
+    var backdropZIndex = (options === null || options === void 0 || (_options$zIndex2 = options.zIndex) === null || _options$zIndex2 === void 0 ? void 0 : _options$zIndex2.backdrop) || Z_INDEX_BACKDROP_DEFAULT;
+    var backdropColor = (options === null || options === void 0 ? void 0 : options.backdropColor) || BACKDROP_BACKGROUND_COLOR;
     timeline.clear().set(modal, {
       visibility: 'visible',
       left: predictPos[0],
       top: predictPos[1],
-      zIndex: Z_INDEX_MODAL_DEFAULT,
+      zIndex: modalZIndex,
       opacity: 0,
       scale: 0.97
     }).set(backdrop, {
       visibility: 'visible',
-      backgroundColor: BACKDROP_BACKGROUND_COLOR,
+      backgroundColor: backdropColor,
       opacity: 0,
-      zIndex: Z_INDEX_BACKDROP_DEFAULT
+      zIndex: backdropZIndex
     }).to(modal, {
       opacity: 1,
       scale: 1,
@@ -48063,18 +48067,22 @@ var SLIDE_BASE_FADE_IN_ANIMATION = function SLIDE_BASE_FADE_IN_ANIMATION(_ref2,
   var modal = _ref2.modal,
     backdrop = _ref2.backdrop,
     predictPos = _ref2.predictPos;
-  var appear = function appear(timeline) {
+  var appear = function appear(timeline, options) {
+    var _options$zIndex3, _options$zIndex4;
+    var modalZIndex = (options === null || options === void 0 || (_options$zIndex3 = options.zIndex) === null || _options$zIndex3 === void 0 ? void 0 : _options$zIndex3.modal) || Z_INDEX_MODAL_DEFAULT;
+    var backdropZIndex = (options === null || options === void 0 || (_options$zIndex4 = options.zIndex) === null || _options$zIndex4 === void 0 ? void 0 : _options$zIndex4.backdrop) || Z_INDEX_BACKDROP_DEFAULT;
+    var backdropColor = (options === null || options === void 0 ? void 0 : options.backdropColor) || BACKDROP_BACKGROUND_COLOR;
     timeline.clear().set(modal, {
       visibility: 'visible',
       left: predictPos[0],
       top: hideHeight,
-      zIndex: Z_INDEX_MODAL_DEFAULT,
+      zIndex: modalZIndex,
       opacity: 0
     }).set(backdrop, {
       visibility: 'visible',
-      backgroundColor: BACKDROP_BACKGROUND_COLOR,
+      backgroundColor: backdropColor,
       opacity: 0,
-      zIndex: Z_INDEX_BACKDROP_DEFAULT
+      zIndex: backdropZIndex
     }).to(modal, {
       top: predictPos[1],
       duration: 0.3,
@@ -48134,18 +48142,22 @@ var FADE_IN_ANIMATION = function FADE_IN_ANIMATION(_ref3) {
   var modal = _ref3.modal,
     backdrop = _ref3.backdrop,
     predictPos = _ref3.predictPos;
-  var appear = function appear(timeline) {
+  var appear = function appear(timeline, options) {
+    var _options$zIndex5, _options$zIndex6;
+    var modalZIndex = (options === null || options === void 0 || (_options$zIndex5 = options.zIndex) === null || _options$zIndex5 === void 0 ? void 0 : _options$zIndex5.modal) || Z_INDEX_MODAL_DEFAULT;
+    var backdropZIndex = (options === null || options === void 0 || (_options$zIndex6 = options.zIndex) === null || _options$zIndex6 === void 0 ? void 0 : _options$zIndex6.backdrop) || Z_INDEX_BACKDROP_DEFAULT;
+    var backdropColor = (options === null || options === void 0 ? void 0 : options.backdropColor) || BACKDROP_BACKGROUND_COLOR;
     timeline.clear().set(modal, {
       visibility: 'visible',
       left: predictPos[0],
       top: predictPos[1],
-      zIndex: Z_INDEX_MODAL_DEFAULT,
+      zIndex: modalZIndex,
       opacity: 0
     }).set(backdrop, {
       visibility: 'visible',
-      backgroundColor: BACKDROP_BACKGROUND_COLOR,
+      backgroundColor: backdropColor,
       opacity: 0,
-      zIndex: Z_INDEX_BACKDROP_DEFAULT
+      zIndex: backdropZIndex
     }).to(modal, {
       opacity: 1,
       duration: 0.25,
@@ -48224,21 +48236,23 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   MODAL_ANIMATIONS: () => (/* binding */ MODAL_ANIMATIONS)
 /* harmony export */ });
+var BACKDROP_BACKGROUND_COLOR = 'rgba(0, 0, 0, 0.3)';
 var Z_INDEX_MODAL_DEFAULT = 10;
 var Z_INDEX_BACKDROP_DEFAULT = 9;
 var Z_INDEX_TARGET_DEFAULT = 11;
-var BACKDROP_BACKGROUND_COLOR = 'rgba(0, 0, 0, 0.3)';
 var POPOVER_ANIMATION = function POPOVER_ANIMATION(_ref) {
   var modal = _ref.modal,
     predictPos = _ref.predictPos;
-  var appear = function appear(timeline) {
+  var appear = function appear(timeline, options) {
+    var _options$zIndex;
+    var modalZIndex = (options === null || options === void 0 || (_options$zIndex = options.zIndex) === null || _options$zIndex === void 0 ? void 0 : _options$zIndex.modal) || Z_INDEX_MODAL_DEFAULT;
     timeline.clear().set(modal, {
       visibility: 'visible',
       left: predictPos[0],
       top: predictPos[1],
       opacity: 0,
       transform: 'none',
-      zIndex: Z_INDEX_MODAL_DEFAULT
+      zIndex: modalZIndex
     }).to(modal, {
       opacity: 0.95
     }).to(modal, {
@@ -48269,14 +48283,16 @@ var POPOVER_ANIMATION = function POPOVER_ANIMATION(_ref) {
 var DROPDOWN_ANIMATION = function DROPDOWN_ANIMATION(_ref2) {
   var modal = _ref2.modal,
     predictPos = _ref2.predictPos;
-  var appear = function appear(timeline) {
+  var appear = function appear(timeline, options) {
+    var _options$zIndex2;
+    var modalZIndex = (options === null || options === void 0 || (_options$zIndex2 = options.zIndex) === null || _options$zIndex2 === void 0 ? void 0 : _options$zIndex2.modal) || Z_INDEX_MODAL_DEFAULT;
     timeline.clear().set(modal, {
       visibility: 'visible',
       left: predictPos[0],
       top: predictPos[1] - 10,
       opacity: 0,
       transform: 'none',
-      zIndex: Z_INDEX_MODAL_DEFAULT
+      zIndex: modalZIndex
     }).to(modal, {
       opacity: 1,
       top: predictPos[1],
@@ -48306,13 +48322,15 @@ var DROPDOWN_ANIMATION = function DROPDOWN_ANIMATION(_ref2) {
 var CONTEXT_MENU_ANIMATION = function CONTEXT_MENU_ANIMATION(_ref3) {
   var modal = _ref3.modal,
     predictPos = _ref3.predictPos;
-  var appear = function appear(timeline) {
+  var appear = function appear(timeline, options) {
+    var _options$zIndex3;
+    var modalZIndex = (options === null || options === void 0 || (_options$zIndex3 = options.zIndex) === null || _options$zIndex3 === void 0 ? void 0 : _options$zIndex3.modal) || Z_INDEX_MODAL_DEFAULT;
     timeline.clear().set(modal, {
       visibility: 'visible',
       left: predictPos[0],
       top: predictPos[1],
       opacity: 0,
-      zIndex: Z_INDEX_MODAL_DEFAULT,
+      zIndex: modalZIndex,
       scale: 0.95
     }).to(modal, {
       opacity: 1,
@@ -48350,20 +48368,25 @@ var ACTION_SHEET_ANIMATION = function ACTION_SHEET_ANIMATION(_ref4) {
     backdrop = _ref4.backdrop,
     target = _ref4.target,
     predictPos = _ref4.predictPos;
-  var appear = function appear(timeline) {
+  var appear = function appear(timeline, options) {
+    var _options$zIndex4, _options$zIndex5, _options$zIndex6;
+    var modalZIndex = (options === null || options === void 0 || (_options$zIndex4 = options.zIndex) === null || _options$zIndex4 === void 0 ? void 0 : _options$zIndex4.modal) || Z_INDEX_MODAL_DEFAULT;
+    var backdropZIndex = (options === null || options === void 0 || (_options$zIndex5 = options.zIndex) === null || _options$zIndex5 === void 0 ? void 0 : _options$zIndex5.backdrop) || Z_INDEX_BACKDROP_DEFAULT;
+    var targetZIndex = (options === null || options === void 0 || (_options$zIndex6 = options.zIndex) === null || _options$zIndex6 === void 0 ? void 0 : _options$zIndex6.target) || Z_INDEX_TARGET_DEFAULT;
+    var backdropColor = (options === null || options === void 0 ? void 0 : options.backdropColor) || BACKDROP_BACKGROUND_COLOR;
     timeline.clear().set(modal, {
       visibility: 'visible',
       left: predictPos[0],
       top: predictPos[1],
       opacity: 0,
-      zIndex: Z_INDEX_MODAL_DEFAULT
+      zIndex: modalZIndex
     }).set(target, {
-      zIndex: Z_INDEX_TARGET_DEFAULT
+      zIndex: targetZIndex
     }).set(backdrop, {
       visibility: 'visible',
-      backgroundColor: BACKDROP_BACKGROUND_COLOR,
+      backgroundColor: backdropColor,
       opacity: 0,
-      zIndex: Z_INDEX_BACKDROP_DEFAULT
+      zIndex: backdropZIndex
     }).to(modal, {
       opacity: 1,
       duration: 0.25,
@@ -48545,7 +48568,9 @@ function useBackgroundModalAnim() {
     onViewing = options.onViewing,
     backdropClassName = options.backdropClassName,
     _options$animeType = options.animeType,
-    animeType = _options$animeType === void 0 ? 'fade-in-scale-up' : _options$animeType;
+    animeType = _options$animeType === void 0 ? 'fade-in-scale-up' : _options$animeType,
+    zIndex = options.zIndex,
+    backdropColor = options.backdropColor;
   var backdropRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     init();
@@ -48643,7 +48668,10 @@ function useBackgroundModalAnim() {
     });
     if (timeline) {
       var anim = getAnim();
-      anim === null || anim === void 0 || anim[animeType].appear(timeline).play();
+      anim === null || anim === void 0 || anim[animeType].appear(timeline, {
+        zIndex: zIndex,
+        backdropColor: backdropColor
+      }).play();
     }
   }
   var disappearanceAnim = function disappearanceAnim() {
@@ -48653,7 +48681,10 @@ function useBackgroundModalAnim() {
     if (timeline) {
       var _anim$animeType;
       var anim = getAnim();
-      anim === null || anim === void 0 || (_anim$animeType = anim[animeType]) === null || _anim$animeType === void 0 || _anim$animeType.disappear(timeline).play();
+      anim === null || anim === void 0 || (_anim$animeType = anim[animeType]) === null || _anim$animeType === void 0 || _anim$animeType.disappear(timeline, {
+        zIndex: zIndex,
+        backdropColor: backdropColor
+      }).play();
     }
   };
   return {
@@ -48683,7 +48714,7 @@ function useBackgroundModalAnim() {
     backdrop.style.left = '0';
     backdrop.style.visibility = 'hidden';
     backdrop.className = backdropClassName || '';
-    (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.parentElement.appendChild(backdrop);
+    (_ref$current = ref.current) === null || _ref$current === void 0 || (_ref$current = _ref$current.parentElement) === null || _ref$current === void 0 || _ref$current.appendChild(backdrop);
     backdropRef.current = backdrop;
   }
   function removeBackdropObj() {
@@ -48786,7 +48817,9 @@ function useModalAnim() {
     _options$animeType = options.animeType,
     animeType = _options$animeType === void 0 ? 'popover' : _options$animeType,
     _options$position = options.position,
-    position = _options$position === void 0 ? 'fixed' : _options$position;
+    position = _options$position === void 0 ? 'fixed' : _options$position,
+    zIndex = options.zIndex,
+    backdropColor = options.backdropColor;
   var backdropRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   var smartPlacementServices = (0,_useSmartPlacementResolver__WEBPACK_IMPORTED_MODULE_1__.useSmartPlacementResolver)(ref, _objectSpread({
     parentRef: targetRef,
@@ -48861,10 +48894,10 @@ function useModalAnim() {
       targetSize = _getObjData.targetSize,
       objSize = _getObjData.objSize,
       targetPos = _getObjData.targetPos;
-    var target = targetRef === null || targetRef === void 0 ? void 0 : targetRef.current;
+    var target = (targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) || ref.current;
     var modal = ref.current;
     var backdrop = backdropRef.current;
-    if (modal && backdrop) {
+    if (modal && backdrop && target) {
       return (0,_assets__WEBPACK_IMPORTED_MODULE_2__.MODAL_ANIMATIONS)({
         predictPos: predictPlace,
         modalSize: objSize,
@@ -48884,7 +48917,10 @@ function useModalAnim() {
     });
     if (timeline) {
       var anim = getAnim();
-      anim === null || anim === void 0 || anim[animeType].appear(timeline).play();
+      anim === null || anim === void 0 || anim[animeType].appear(timeline, {
+        zIndex: zIndex,
+        backdropColor: backdropColor
+      }).play();
     }
   }
   var disappearanceAnim = function disappearanceAnim() {
@@ -48894,7 +48930,10 @@ function useModalAnim() {
     if (timeline) {
       var _anim$animeType;
       var anim = getAnim();
-      anim === null || anim === void 0 || (_anim$animeType = anim[animeType]) === null || _anim$animeType === void 0 || _anim$animeType.disappear(timeline).play();
+      anim === null || anim === void 0 || (_anim$animeType = anim[animeType]) === null || _anim$animeType === void 0 || _anim$animeType.disappear(timeline, {
+        zIndex: zIndex,
+        backdropColor: backdropColor
+      }).play();
     }
   };
   return {
@@ -48924,7 +48963,7 @@ function useModalAnim() {
     backdrop.style.left = '0';
     backdrop.style.visibility = 'hidden';
     backdrop.className = backdropClassName || '';
-    (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.parentElement.appendChild(backdrop);
+    (_ref$current = ref.current) === null || _ref$current === void 0 || (_ref$current = _ref$current.parentElement) === null || _ref$current === void 0 || _ref$current.appendChild(backdrop);
     backdropRef.current = backdrop;
   }
   function removeBackdropObj() {
@@ -49087,7 +49126,9 @@ function useShimmerComponent() {
     var container = containerRef.current;
     if (container) {
       var shimmer = document.createElement("div");
-      shimmer.className = shimmerClassName;
+      if (shimmerClassName) {
+        shimmer.className = shimmerClassName;
+      }
       var defaultStyles = {
         position: 'absolute',
         top: '0',
@@ -50011,7 +50052,8 @@ function useSmartPlacementResolver() {
     args[_key] = arguments[_key];
   }
   var ref = args[0],
-    options = args[1];
+    _args$ = args[1],
+    options = _args$ === void 0 ? {} : _args$;
   var parentRef = options.parentRef,
     windowRef = options.windowRef,
     _options$offset = options.offset,
@@ -50025,44 +50067,44 @@ function useSmartPlacementResolver() {
     _options$alignY = options.alignY,
     alignY = _options$alignY === void 0 ? 'center' : _options$alignY;
   var getSizeOfObj = function getSizeOfObj() {
-    var _ref$current;
-    var rect = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.getBoundingClientRect();
-    return [rect === null || rect === void 0 ? void 0 : rect.width, rect === null || rect === void 0 ? void 0 : rect.height];
+    assertRefObject(ref.current);
+    var rect = ref.current.getBoundingClientRect();
+    return [rect.width, rect.height];
   };
   var getPosOfObj = function getPosOfObj() {
-    var _ref$current2;
-    var rect = (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.getBoundingClientRect();
-    return [rect === null || rect === void 0 ? void 0 : rect.x, rect === null || rect === void 0 ? void 0 : rect.y];
+    assertRefObject(ref.current);
+    var rect = ref.current.getBoundingClientRect();
+    return [rect.x, rect.y];
   };
   var getSizeOfParent = function getSizeOfParent() {
     if (parentRef) {
-      var _parentRef$current;
-      var rect = (_parentRef$current = parentRef.current) === null || _parentRef$current === void 0 ? void 0 : _parentRef$current.getBoundingClientRect();
-      return [rect === null || rect === void 0 ? void 0 : rect.width, rect === null || rect === void 0 ? void 0 : rect.height];
+      assertRefObject(parentRef.current);
+      var rect = parentRef.current.getBoundingClientRect();
+      return [rect.width, rect.height];
     }
     return [0, 0];
   };
   var getPosOfParent = function getPosOfParent() {
     if (parentRef) {
-      var _parentRef$current2;
-      var rect = (_parentRef$current2 = parentRef.current) === null || _parentRef$current2 === void 0 ? void 0 : _parentRef$current2.getBoundingClientRect();
-      return [rect === null || rect === void 0 ? void 0 : rect.x, rect === null || rect === void 0 ? void 0 : rect.y];
+      assertRefObject(parentRef.current);
+      var rect = parentRef.current.getBoundingClientRect();
+      return [rect.x, rect.y];
     }
     return getPosOfObj();
   };
   var getSizeOfWindow = function getSizeOfWindow() {
     if (windowRef) {
-      var _windowRef$current;
-      var rect = (_windowRef$current = windowRef.current) === null || _windowRef$current === void 0 ? void 0 : _windowRef$current.getBoundingClientRect();
-      return [rect === null || rect === void 0 ? void 0 : rect.width, rect === null || rect === void 0 ? void 0 : rect.height];
+      assertRefObject(windowRef.current);
+      var rect = windowRef.current.getBoundingClientRect();
+      return [rect.width, rect.height];
     }
     return [window.innerWidth, window.innerHeight];
   };
   var getPosOfWindow = function getPosOfWindow() {
     if (windowRef) {
-      var _windowRef$current2;
-      var rect = (_windowRef$current2 = windowRef.current) === null || _windowRef$current2 === void 0 ? void 0 : _windowRef$current2.getBoundingClientRect();
-      return [rect === null || rect === void 0 ? void 0 : rect.x, rect === null || rect === void 0 ? void 0 : rect.y];
+      assertRefObject(windowRef.current);
+      var rect = windowRef.current.getBoundingClientRect();
+      return [rect.x, rect.y];
     }
     return [0, 0];
   };
@@ -50328,6 +50370,11 @@ function elementwiseMultiply(m1, m2) {
     });
   });
 }
+function assertRefObject(obj) {
+  if (obj === null) {
+    throw new Error('Object not null');
+  }
+}
 
 /***/ }),
 
@@ -50364,6 +50411,10 @@ function useSmartPosition() {
   var _useSmartPlacementRes = (0,_hooks_useSmartPlacementResolver__WEBPACK_IMPORTED_MODULE_0__.useSmartPlacementResolver)(ref, options),
     init = _useSmartPlacementRes.init,
     calc = _useSmartPlacementRes.calc;
+  var handleInitPlacement = function handleInitPlacement(pos) {
+    onInitPlacement === null || onInitPlacement === void 0 || onInitPlacement(pos);
+    lastPlacement.current = pos;
+  };
   var setUp = function setUp() {
     var pos = init();
     setPos(pos);
@@ -50381,16 +50432,12 @@ function useSmartPosition() {
       obj.style.left = pos.left + 'px';
     }
   };
-  var handleInitPlacement = function handleInitPlacement(pos) {
-    onInitPlacement === null || onInitPlacement === void 0 || onInitPlacement(pos);
-    lastPlacement.current = pos;
-  };
   var isEqualPos = function isEqualPos(a, b) {
     return a.left === b.left && a.top === b.top;
   };
   var handleChangePlacement = function handleChangePlacement(pos) {
     var lastPos = lastPlacement.current;
-    if (!isEqualPos(lastPos, pos)) {
+    if (lastPos && !isEqualPos(lastPos, pos)) {
       onChangePlacement === null || onChangePlacement === void 0 || onChangePlacement(pos);
       lastPlacement.current = pos;
     }
@@ -50681,9 +50728,10 @@ function useSmartScroll() {
     return flexDirection === 'column-reverse' ? -1 : 1;
   };
   var getScrollDirection = function getScrollDirection() {
+    var _ref$current;
     var sign = getScrollSign();
-    var _old = lastScrollTop.current;
-    var _new = ref.current.scrollTop;
+    var _old = lastScrollTop.current || 0;
+    var _new = ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollTop) || 0;
     return (0,_utils__WEBPACK_IMPORTED_MODULE_2__.getScrollStatus)(_old, _new, sign);
   };
   var saveLastScroll = function saveLastScroll() {
@@ -50718,18 +50766,22 @@ function useSmartScroll() {
     return [start, view, end];
   };
   var getScrollCurState = function getScrollCurState() {
-    if (ref.current) {
-      var scrollTop = ref.current.scrollTop;
-      var scrollHeight = ref.current.scrollHeight;
-      var clientHeight = ref.current.clientHeight;
-      return {
-        scrollTop: scrollTop,
-        scrollHeight: scrollHeight,
-        clientHeight: clientHeight,
-        state: getScrollState(scrollTop, scrollHeight, clientHeight),
-        parts: getParts(scrollTop, scrollHeight, clientHeight)
-      };
+    var scrollTop = 0;
+    var scrollHeight = 0;
+    var clientHeight = 0;
+    var obj = ref.current;
+    if (obj) {
+      scrollTop = obj.scrollTop;
+      scrollHeight = obj.scrollHeight;
+      clientHeight = obj.clientHeight;
     }
+    return {
+      scrollTop: scrollTop,
+      scrollHeight: scrollHeight,
+      clientHeight: clientHeight,
+      state: getScrollState(scrollTop, scrollHeight, clientHeight),
+      parts: getParts(scrollTop, scrollHeight, clientHeight)
+    };
   };
   var scrollListener = function scrollListener() {
     if (ref.current) {
@@ -50819,15 +50871,17 @@ function useSmartScroll() {
     getScrollCurState: getScrollCurState
   };
   function onMoveStart() {
-    var scrollTop = ref.current.scrollTop;
+    var _ref$current2;
+    var scrollTop = ((_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.scrollTop) || 0;
     if ((0,_utils__WEBPACK_IMPORTED_MODULE_2__.isScrollInStart)(scrollTop, delayPx)) {
       _onScrollStart();
     }
   }
   function onMoveEnd() {
-    var scrollTop = ref.current.scrollTop;
-    var scrollHeight = ref.current.scrollHeight;
-    var clientHeight = ref.current.clientHeight;
+    var _ref$current3, _ref$current4, _ref$current5;
+    var scrollTop = ((_ref$current3 = ref.current) === null || _ref$current3 === void 0 ? void 0 : _ref$current3.scrollTop) || 0;
+    var scrollHeight = ((_ref$current4 = ref.current) === null || _ref$current4 === void 0 ? void 0 : _ref$current4.scrollHeight) || 0;
+    var clientHeight = ((_ref$current5 = ref.current) === null || _ref$current5 === void 0 ? void 0 : _ref$current5.clientHeight) || 0;
     if ((0,_utils__WEBPACK_IMPORTED_MODULE_2__.isScrollInEnd)(scrollTop, scrollHeight, clientHeight, delayPx)) {
       _onScrollEnd();
     }
@@ -50874,8 +50928,10 @@ function useTouchmove() {
     args[_key] = arguments[_key];
   }
   var ref = args[0],
-    callbacks = args[1],
-    options = args[2];
+    _args$ = args[1],
+    callbacks = _args$ === void 0 ? {} : _args$,
+    _args$2 = args[2],
+    options = _args$2 === void 0 ? {} : _args$2;
   var onTouchmoveDown = callbacks.onTouchmoveDown,
     onTouchmoveUp = callbacks.onTouchmoveUp,
     onTouchmoveRight = callbacks.onTouchmoveRight,
@@ -50960,8 +51016,10 @@ function useWheelEvent() {
     args[_key] = arguments[_key];
   }
   var ref = args[0],
-    callbacks = args[1],
-    options = args[2];
+    _args$ = args[1],
+    callbacks = _args$ === void 0 ? {} : _args$,
+    _args$2 = args[2],
+    options = _args$2 === void 0 ? {} : _args$2;
   var onWheelDown = callbacks.onWheelDown,
     onWheelUp = callbacks.onWheelUp,
     onWheelRight = callbacks.onWheelRight,
@@ -51209,16 +51267,19 @@ __webpack_require__.r(__webpack_exports__);
  */
 function throttle(func) {
   var ms = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10;
-  var isThrottled = false,
-    savedArgs,
-    savedThis;
+  var isThrottled = false;
+  var savedArgs = null;
+  var savedThis = null;
   function wrapper() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
     if (isThrottled) {
-      savedArgs = arguments;
+      savedArgs = args;
       savedThis = this;
       return;
     }
-    func.apply(this, arguments);
+    func.apply(this, args);
     isThrottled = true;
     setTimeout(function () {
       isThrottled = false;
@@ -51333,12 +51394,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   uniqueByKey: () => (/* binding */ uniqueByKey)
 /* harmony export */ });
-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); }
+/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
+
 function uniqueByKey(arr, key) {
   var seen = new Set();
   return arr.filter(function (item) {
     var value = item;
-    if (_typeof(item) === 'object' && key) {
+    if ((0,_lib__WEBPACK_IMPORTED_MODULE_0__.isObject)(item) && key) {
       value = item[key];
     }
     return seen.has(value) ? false : seen.add(value);
@@ -51445,21 +51507,20 @@ function compKeyWays(a, b) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (/* binding */ getDeepValue)
+/* harmony export */   getDeepValue: () => (/* binding */ getDeepValue)
 /* harmony export */ });
-/* harmony import */ var _dict__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../dict */ "./src/lib/dict/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); }
+/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
 
 function getDeepValue(dict, keyWay) {
   var curPlace = dict;
   for (var i = 0; i < (keyWay === null || keyWay === void 0 ? void 0 : keyWay.length) || 0; i++) {
-    if (!(0,_dict__WEBPACK_IMPORTED_MODULE_0__.isDict)(curPlace) && !Array.isArray(curPlace)) {
+    if (!(0,_lib__WEBPACK_IMPORTED_MODULE_0__.isObject)(curPlace)) {
       return undefined; // Если это не объект и не массив, возвращаем undefined
     }
-    if (_typeof(keyWay[i]) === 'object') {
-      var _keyWay$i = keyWay[i],
-        name = _keyWay$i.name,
-        index = _keyWay$i.index;
+    var keyItem = keyWay[i];
+    if ((0,_lib__WEBPACK_IMPORTED_MODULE_0__.isObject)(keyItem)) {
+      var name = keyItem.name,
+        index = keyItem.index;
       if (name in curPlace) {
         var nextPlace = curPlace[name];
         // Если путь ведет к массиву
@@ -51477,9 +51538,8 @@ function getDeepValue(dict, keyWay) {
         return undefined; // Если ключ не найден в объекте
       }
     } else {
-      var item = keyWay[i];
-      if (item in curPlace) {
-        curPlace = curPlace[item];
+      if (keyItem in curPlace) {
+        curPlace = curPlace[keyItem];
       } else {
         return undefined; // Если ключ не найден
       }
@@ -51501,7 +51561,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   clearDeepValue: () => (/* reexport safe */ _clearDeepValue__WEBPACK_IMPORTED_MODULE_4__.clearDeepValue),
 /* harmony export */   compKeyWays: () => (/* reexport safe */ _compKeyWays__WEBPACK_IMPORTED_MODULE_3__.compKeyWays),
-/* harmony export */   getDeepValue: () => (/* reexport safe */ _getDeepValue__WEBPACK_IMPORTED_MODULE_2__["default"]),
+/* harmony export */   getDeepValue: () => (/* reexport safe */ _getDeepValue__WEBPACK_IMPORTED_MODULE_2__.getDeepValue),
 /* harmony export */   isDict: () => (/* reexport safe */ _isDict__WEBPACK_IMPORTED_MODULE_0__["default"]),
 /* harmony export */   setDeepValue: () => (/* reexport safe */ _setDeepValue__WEBPACK_IMPORTED_MODULE_1__["default"])
 /* harmony export */ });
@@ -51614,6 +51674,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   isCustomComponent: () => (/* reexport safe */ _reactComponents__WEBPACK_IMPORTED_MODULE_2__.isCustomComponent),
 /* harmony export */   isDict: () => (/* reexport safe */ _dict__WEBPACK_IMPORTED_MODULE_0__.isDict),
 /* harmony export */   isEqualArrays: () => (/* reexport safe */ _array__WEBPACK_IMPORTED_MODULE_1__.isEqualArrays),
+/* harmony export */   isObject: () => (/* reexport safe */ _tsCheck__WEBPACK_IMPORTED_MODULE_6__.isObject),
 /* harmony export */   saveFormatDate: () => (/* reexport safe */ _time__WEBPACK_IMPORTED_MODULE_3__.saveFormatDate),
 /* harmony export */   saveParseDate: () => (/* reexport safe */ _time__WEBPACK_IMPORTED_MODULE_3__.saveParseDate),
 /* harmony export */   setDeepValue: () => (/* reexport safe */ _dict__WEBPACK_IMPORTED_MODULE_0__.setDeepValue),
@@ -51629,6 +51690,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _time__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./time */ "./src/lib/time/index.ts");
 /* harmony import */ var _animation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./animation */ "./src/lib/animation/index.ts");
 /* harmony import */ var _searchParams__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./searchParams */ "./src/lib/searchParams/index.ts");
+/* harmony import */ var _tsCheck__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./tsCheck */ "./src/lib/tsCheck/index.ts");
+
 
 
 
@@ -51941,6 +52004,24 @@ function startOfDayUTC(date) {
 
 /***/ }),
 
+/***/ "./src/lib/tsCheck/index.ts":
+/*!**********************************!*\
+  !*** ./src/lib/tsCheck/index.ts ***!
+  \**********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   isObject: () => (/* binding */ isObject)
+/* harmony export */ });
+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 isObject(value) {
+  return _typeof(value) === 'object' && value !== null;
+}
+
+/***/ }),
+
 /***/ "./src/styles/colors/css-variables/index.css":
 /*!***************************************************!*\
   !*** ./src/styles/colors/css-variables/index.css ***!
@@ -52040,22 +52121,25 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
 
 
-var BackgroundModalWindowWrapper = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_ref, ref) {
-  var children = _ref.children,
-    _ref$isShow = _ref.isShow,
-    isShow = _ref$isShow === void 0 ? false : _ref$isShow,
-    setIsShow = _ref.setIsShow,
-    _ref$additionElements = _ref.additionElements,
-    additionElements = _ref$additionElements === void 0 ? [] : _ref$additionElements,
-    onClose = _ref.onClose,
-    className = _ref.className,
-    styles = _ref.styles;
+var BackgroundModalWindowWrapper = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
+  var children = props.children,
+    _props$isShow = props.isShow,
+    isShow = _props$isShow === void 0 ? false : _props$isShow,
+    setIsShow = props.setIsShow,
+    _props$additionElemen = props.additionElements,
+    additionElements = _props$additionElemen === void 0 ? [] : _props$additionElemen,
+    onClose = props.onClose,
+    className = props.className,
+    styles = props.styles;
   var localRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useImperativeHandle)(ref, function () {
+    return localRef.current;
+  });
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
     var handleMouseDown = function handleMouseDown(e) {
       if (!isShow) return;
       var target = e.target;
-      var modalRef = ref || localRef;
+      var modalRef = localRef;
       if (modalRef && 'current' in modalRef) {
         var _modalRef$current;
         if (target === modalRef.current || !((_modalRef$current = modalRef.current) !== null && _modalRef$current !== void 0 && _modalRef$current.contains(target)) && !additionElements.filter(function (item) {
@@ -52073,9 +52157,9 @@ var BackgroundModalWindowWrapper = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODUL
       document.removeEventListener('mousedown', handleMouseDown);
     };
   }, [additionElements]);
-  if (!isShow) return undefined;
+  if (!isShow) return null;
   return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
-    ref: ref || localRef,
+    ref: localRef,
     style: styles,
     className: className,
     children: children
@@ -52551,15 +52635,15 @@ function getAllValues(options) {
   var res = [];
   var stack = [options];
   while (stack.length > 0) {
-    var first = stack.pop();
+    var first = stack.pop() || [];
     var _iterator = _createForOfIteratorHelper(first),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var option = _step.value;
-        if ('value' in option) {
+        if ('value' in option && option.value) {
           res.push(option.value);
-        } else if ('options' in option) {
+        } else if ('options' in option && option.options) {
           stack.push(option.options);
         }
       }
@@ -52620,18 +52704,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _CascadeBlock_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./CascadeBlock.module.scss */ "./src/ui/CascadeSelector/styles/CascadeBlock.module.scss");
 
 
-/***/ }),
-
-/***/ "./src/ui/CascadeSelector/types/CascadeBlockTypes.ts":
-/*!***********************************************************!*\
-  !*** ./src/ui/CascadeSelector/types/CascadeBlockTypes.ts ***!
-  \***********************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-
-
 /***/ }),
 
 /***/ "./src/ui/CascadeSelector/types/CascadeSelectorTypes.ts":
@@ -52655,8 +52727,6 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _CascadeSelectorTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./CascadeSelectorTypes */ "./src/ui/CascadeSelector/types/CascadeSelectorTypes.ts");
-/* harmony import */ var _CascadeBlockTypes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./CascadeBlockTypes */ "./src/ui/CascadeSelector/types/CascadeBlockTypes.ts");
-
 
 
 /***/ }),
@@ -52701,7 +52771,8 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 
 
 function CascadeBlock(_ref) {
-  var options = _ref.options,
+  var _ref$options = _ref.options,
+    options = _ref$options === void 0 ? [] : _ref$options,
     changeValue = _ref.changeValue,
     addValues = _ref.addValues,
     removeValues = _ref.removeValues,
@@ -53466,7 +53537,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   setDateMonth: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_1__.setDateMonth),
 /* harmony export */   setDateYear: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_1__.setDateYear),
 /* harmony export */   setOnlyDate: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_1__.setOnlyDate),
-/* harmony export */   setOnlyTime: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_1__.setOnlyTime),
 /* harmony export */   subDateYear: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_1__.subDateYear)
 /* harmony export */ });
 /* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/DateTimePicker/ui/index.ts");
@@ -53535,8 +53605,8 @@ function changeInterval(date, prevInterval) {
   if (!start && end) {
     return (0,date_fns__WEBPACK_IMPORTED_MODULE_3__.differenceInDays)(end, day) > 0 ? [day, end] : [end, day];
   }
-  var diffToStart = Math.abs((0,date_fns__WEBPACK_IMPORTED_MODULE_3__.differenceInDays)(day, start));
-  var diffToEnd = Math.abs((0,date_fns__WEBPACK_IMPORTED_MODULE_3__.differenceInDays)(day, end));
+  var diffToStart = start ? Math.abs((0,date_fns__WEBPACK_IMPORTED_MODULE_3__.differenceInDays)(day, start)) : 0;
+  var diffToEnd = end ? Math.abs((0,date_fns__WEBPACK_IMPORTED_MODULE_3__.differenceInDays)(day, end)) : 0;
   return diffToStart <= diffToEnd ? [day, end] : [start, day];
 }
 
@@ -53590,12 +53660,12 @@ function convertDate(_ref) {
       });
     case 'date':
       resDate = Array.isArray(checkedDate) ? checkedDate[0] : checkedDate;
-      return (0,_lib__WEBPACK_IMPORTED_MODULE_0__.saveFormatDate)(resDate, {
+      return (0,_lib__WEBPACK_IMPORTED_MODULE_0__.saveFormatDate)(resDate || '', {
         to: _ui_DateTimePicker_config__WEBPACK_IMPORTED_MODULE_1__.DATE_TYPE_FORMAT
       });
     case 'time':
       resDate = Array.isArray(checkedDate) ? checkedDate[0] : checkedDate;
-      return (0,_lib__WEBPACK_IMPORTED_MODULE_0__.saveFormatDate)(resDate, {
+      return (0,_lib__WEBPACK_IMPORTED_MODULE_0__.saveFormatDate)(resDate || '', {
         to: _ui_DateTimePicker_config__WEBPACK_IMPORTED_MODULE_1__.TIME_TYPE_FORMAT
       });
     case 'datetime':
@@ -53672,21 +53742,18 @@ var equalDates = function equalDates(a, b) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   addDateYear: () => (/* reexport safe */ _helperFunctions__WEBPACK_IMPORTED_MODULE_3__.addDateYear),
+/* harmony export */   addDateYear: () => (/* reexport safe */ _helperFunctions__WEBPACK_IMPORTED_MODULE_2__.addDateYear),
 /* harmony export */   changeInterval: () => (/* reexport safe */ _changeInterval__WEBPACK_IMPORTED_MODULE_0__.changeInterval),
-/* harmony export */   convertDate: () => (/* reexport safe */ _helperFunctions__WEBPACK_IMPORTED_MODULE_3__.convertDate),
-/* harmony export */   equalDates: () => (/* reexport safe */ _helperFunctions__WEBPACK_IMPORTED_MODULE_3__.equalDates),
-/* harmony export */   setDateMonth: () => (/* reexport safe */ _helperFunctions__WEBPACK_IMPORTED_MODULE_3__.setDateMonth),
-/* harmony export */   setDateYear: () => (/* reexport safe */ _helperFunctions__WEBPACK_IMPORTED_MODULE_3__.setDateYear),
+/* harmony export */   convertDate: () => (/* reexport safe */ _helperFunctions__WEBPACK_IMPORTED_MODULE_2__.convertDate),
+/* harmony export */   equalDates: () => (/* reexport safe */ _helperFunctions__WEBPACK_IMPORTED_MODULE_2__.equalDates),
+/* harmony export */   setDateMonth: () => (/* reexport safe */ _helperFunctions__WEBPACK_IMPORTED_MODULE_2__.setDateMonth),
+/* harmony export */   setDateYear: () => (/* reexport safe */ _helperFunctions__WEBPACK_IMPORTED_MODULE_2__.setDateYear),
 /* harmony export */   setOnlyDate: () => (/* reexport safe */ _setOnlyDate__WEBPACK_IMPORTED_MODULE_1__.setOnlyDate),
-/* harmony export */   setOnlyTime: () => (/* reexport safe */ _setOnlyTime__WEBPACK_IMPORTED_MODULE_2__.setOnlyTime),
-/* harmony export */   subDateYear: () => (/* reexport safe */ _helperFunctions__WEBPACK_IMPORTED_MODULE_3__.subDateYear)
+/* harmony export */   subDateYear: () => (/* reexport safe */ _helperFunctions__WEBPACK_IMPORTED_MODULE_2__.subDateYear)
 /* harmony export */ });
 /* harmony import */ var _changeInterval__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./changeInterval */ "./src/ui/DateTimePicker/lib/changeInterval.ts");
 /* harmony import */ var _setOnlyDate__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./setOnlyDate */ "./src/ui/DateTimePicker/lib/setOnlyDate.ts");
-/* harmony import */ var _setOnlyTime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./setOnlyTime */ "./src/ui/DateTimePicker/lib/setOnlyTime.ts");
-/* harmony import */ var _helperFunctions__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helperFunctions */ "./src/ui/DateTimePicker/lib/helperFunctions.ts");
-
+/* harmony import */ var _helperFunctions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./helperFunctions */ "./src/ui/DateTimePicker/lib/helperFunctions.ts");
 
 
 
@@ -53727,40 +53794,6 @@ function setOnlyDate(_ref) {
 
 /***/ }),
 
-/***/ "./src/ui/DateTimePicker/lib/setOnlyTime.ts":
-/*!**************************************************!*\
-  !*** ./src/ui/DateTimePicker/lib/setOnlyTime.ts ***!
-  \**************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   setOnlyTime: () => (/* binding */ setOnlyTime)
-/* harmony export */ });
-/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
-/* harmony import */ var date_fns__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! date-fns */ "./node_modules/date-fns/set.js");
-
-
-function setOnlyTime(_ref) {
-  var newTime = _ref.newTime,
-    source = _ref.source;
-  var parseSource = (0,_lib__WEBPACK_IMPORTED_MODULE_0__.saveParseDate)(source, {
-    from: 'iso-8601'
-  });
-  var parseNewTime = (0,_lib__WEBPACK_IMPORTED_MODULE_0__.saveParseDate)(newTime, {
-    from: 'iso-8601'
-  });
-  var res = (0,date_fns__WEBPACK_IMPORTED_MODULE_1__.set)(parseSource, {
-    hours: parseNewTime.getHours(),
-    minutes: parseNewTime.getMinutes(),
-    seconds: parseNewTime.getSeconds()
-  });
-  return res.toISOString();
-}
-
-/***/ }),
-
 /***/ "./src/ui/DateTimePicker/styles/DateTimePicker.module.scss":
 /*!*****************************************************************!*\
   !*** ./src/ui/DateTimePicker/styles/DateTimePicker.module.scss ***!
@@ -54235,7 +54268,7 @@ var DateTimePicker = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardR
     onCancel = props.onCancel,
     subTitle = props.subTitle;
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((0,_ui__WEBPACK_IMPORTED_MODULE_4__.convertDate)({
-      initDate: date,
+      initDate: date || undefined,
       type: type
     })),
     _useState2 = _slicedToArray(_useState, 2),
@@ -54247,21 +54280,21 @@ var DateTimePicker = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardR
     setPickerType = _useState4[1];
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
     var convertedDate = (0,_ui__WEBPACK_IMPORTED_MODULE_4__.convertDate)({
-      initDate: date,
+      initDate: date || undefined,
       type: type
     });
     setChosenDate(convertedDate);
   }, [date]);
   var getFormatDate = function getFormatDate() {
     var viewDate = Array.isArray(chosenDate) ? chosenDate[0] : chosenDate;
-    return (0,_lib__WEBPACK_IMPORTED_MODULE_3__.saveFormatDate)(viewDate, {
+    return (0,_lib__WEBPACK_IMPORTED_MODULE_3__.saveFormatDate)(viewDate || '', {
       from: 'iso-8601',
       to: 'dd.MM.yyyy'
     });
   };
   var getFormatTime = function getFormatTime() {
     var viewDate = Array.isArray(chosenDate) ? chosenDate[0] : chosenDate;
-    return (0,_lib__WEBPACK_IMPORTED_MODULE_3__.saveFormatDate)(viewDate, {
+    return (0,_lib__WEBPACK_IMPORTED_MODULE_3__.saveFormatDate)(viewDate || '', {
       from: 'iso-8601',
       to: 'HH:mm'
     });
@@ -54692,7 +54725,10 @@ function TimePickerFeed(_ref) {
   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 = getCurScrollTop();
+    var startScrollTop = getCurScrollTop();
+    if (containerRef.current && startScrollTop !== undefined) {
+      containerRef.current.scrollTop = startScrollTop;
+    }
   }, []);
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
     var _containerRef$current;
@@ -54718,9 +54754,11 @@ function TimePickerFeed(_ref) {
       }
     };
     _clearChangeTimeout();
-    changeValueTimeoutRef.current = setTimeout(function () {
-      adjustScrollPosition(centerItem);
-    }, _config__WEBPACK_IMPORTED_MODULE_5__.ADJUST_SCROLL_POSITION_TIMEOUT);
+    if (changeValueTimeoutRef.current) {
+      changeValueTimeoutRef.current = setTimeout(function () {
+        adjustScrollPosition(centerItem);
+      }, _config__WEBPACK_IMPORTED_MODULE_5__.ADJUST_SCROLL_POSITION_TIMEOUT);
+    }
     return function () {
       _clearChangeTimeout();
     };
@@ -54732,10 +54770,12 @@ function TimePickerFeed(_ref) {
       }
     };
     _clearChangeTimeout();
-    changeValueTimeoutRef.current = setTimeout(function () {
-      var centerItem = getCenterItem();
-      onChangeCenterItem === null || onChangeCenterItem === void 0 || onChangeCenterItem(centerItem);
-    }, _config__WEBPACK_IMPORTED_MODULE_5__.CHANGE_VALUE_TIMEOUT);
+    if (changeValueTimeoutRef.current) {
+      changeValueTimeoutRef.current = setTimeout(function () {
+        var centerItem = getCenterItem();
+        onChangeCenterItem === null || onChangeCenterItem === void 0 || onChangeCenterItem(centerItem);
+      }, _config__WEBPACK_IMPORTED_MODULE_5__.CHANGE_VALUE_TIMEOUT);
+    }
     return function () {
       _clearChangeTimeout();
     };
@@ -54787,7 +54827,9 @@ function TimePickerFeed(_ref) {
   };
   var onScroll = function onScroll(event) {
     setCurScrollTop(event.currentTarget.scrollTop);
-    viewRef.current.scrollTop = event.currentTarget.scrollTop;
+    if (viewRef.current) {
+      viewRef.current.scrollTop = event.currentTarget.scrollTop;
+    }
     if (isTouchedRef.current) {
       adjustScrollPosition(getCenterItem());
     }
@@ -55204,7 +55246,7 @@ function DatePicker(_ref) {
     try {
       if (date == null) return false;
       var resDate = Array.isArray(date) ? date[0] : date;
-      return resDate && (0,_lib__WEBPACK_IMPORTED_MODULE_7__.equalDates)(curDate, resDate);
+      return !!(resDate && (0,_lib__WEBPACK_IMPORTED_MODULE_7__.equalDates)(curDate, resDate));
     } catch (e) {
       return false;
     }
@@ -55214,7 +55256,7 @@ function DatePicker(_ref) {
     try {
       if (date == null || !Array.isArray(date)) return false;
       var resDate = date[1];
-      return resDate && (0,_lib__WEBPACK_IMPORTED_MODULE_7__.equalDates)(curDate, resDate);
+      return !!(resDate && (0,_lib__WEBPACK_IMPORTED_MODULE_7__.equalDates)(curDate, resDate));
     } catch (e) {
       return false;
     }
@@ -55222,7 +55264,7 @@ function DatePicker(_ref) {
   var isActive = function isActive(curDate) {
     var isStart = isStartInterval(curDate);
     var isEnd = isEndInterval(curDate);
-    return isStart || isEnd;
+    return !!(isStart || isEnd);
   };
   var isFilter = function isFilter(curDate) {
     // Работа с внешней датой, поэтому лучше обезопасить код
@@ -55230,10 +55272,10 @@ function DatePicker(_ref) {
       if (date == null || !Array.isArray(date)) return false;
       var start = date[0];
       var end = date[1];
-      return end && start && ((0,date_fns__WEBPACK_IMPORTED_MODULE_14__.isWithinInterval)(curDate, {
+      return !!(end && start && ((0,date_fns__WEBPACK_IMPORTED_MODULE_14__.isWithinInterval)(curDate, {
         start: start,
         end: end
-      }) || isActive(curDate));
+      }) || isActive(curDate)));
     } catch (e) {
       return false;
     }
@@ -55376,7 +55418,7 @@ function MonthPicker(_ref) {
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((0,_ui__WEBPACK_IMPORTED_MODULE_2__.convertDate)({
       initDate: targetDate,
       type: 'date'
-    })),
+    }) || new Date().toISOString()),
     _useState2 = _slicedToArray(_useState, 2),
     target = _useState2[0],
     setTarget = _useState2[1];
@@ -55386,7 +55428,7 @@ function MonthPicker(_ref) {
         initDate: targetDate,
         type: 'date'
       });
-      if (!(0,date_fns__WEBPACK_IMPORTED_MODULE_7__.isSameMonth)(convertedDate, target)) {
+      if (convertedDate && !(0,date_fns__WEBPACK_IMPORTED_MODULE_7__.isSameMonth)(convertedDate, target)) {
         setTarget(convertedDate);
       }
     } catch (e) {
@@ -55403,7 +55445,10 @@ function MonthPicker(_ref) {
         initDate: newState,
         type: type
       });
-      setTarget(Array.isArray(convertedDate) ? convertedDate[0] : convertedDate);
+      var newTarget = Array.isArray(convertedDate) ? convertedDate[0] : convertedDate;
+      if (newTarget) {
+        setTarget(newTarget);
+      }
       return convertedDate;
     });
   };
@@ -55417,7 +55462,10 @@ function MonthPicker(_ref) {
         initDate: newState,
         type: type
       });
-      setTarget(Array.isArray(convertedDate) ? convertedDate[0] : convertedDate);
+      var newTarget = Array.isArray(convertedDate) ? convertedDate[0] : convertedDate;
+      if (newTarget) {
+        setTarget(newTarget);
+      }
       return convertedDate;
     });
   };
@@ -55436,7 +55484,10 @@ function MonthPicker(_ref) {
         initDate: newState,
         type: type
       });
-      setTarget(Array.isArray(convertedDate) ? convertedDate[0] : convertedDate);
+      var newTarget = Array.isArray(convertedDate) ? convertedDate[0] : convertedDate;
+      if (newTarget) {
+        setTarget(newTarget);
+      }
       onChoose === null || onChoose === void 0 || onChoose();
       return convertedDate;
     });
@@ -55523,12 +55574,12 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 var getHours = function getHours(_ref) {
   var onlyTime = _ref.onlyTime,
     time = _ref.time;
-  var formatedDate = (0,_lib__WEBPACK_IMPORTED_MODULE_2__.saveFormatDate)(time, {
+  var formatedDate = (0,_lib__WEBPACK_IMPORTED_MODULE_2__.saveFormatDate)(time || '', {
     to: 'HH',
     from: onlyTime ? _config__WEBPACK_IMPORTED_MODULE_5__.TIME_TYPE_FORMAT : undefined,
     errorNull: true
   });
-  formatedDate = formatedDate || (0,_lib__WEBPACK_IMPORTED_MODULE_2__.saveFormatDate)(time, {
+  formatedDate = formatedDate || (0,_lib__WEBPACK_IMPORTED_MODULE_2__.saveFormatDate)(time || '', {
     to: 'HH',
     errorNull: true
   });
@@ -55537,12 +55588,12 @@ var getHours = function getHours(_ref) {
 var getMinutes = function getMinutes(_ref2) {
   var onlyTime = _ref2.onlyTime,
     time = _ref2.time;
-  var formatedDate = (0,_lib__WEBPACK_IMPORTED_MODULE_2__.saveFormatDate)(time, {
+  var formatedDate = (0,_lib__WEBPACK_IMPORTED_MODULE_2__.saveFormatDate)(time || '', {
     to: 'mm',
     from: onlyTime ? _config__WEBPACK_IMPORTED_MODULE_5__.TIME_TYPE_FORMAT : undefined,
     errorNull: true
   });
-  formatedDate = formatedDate || (0,_lib__WEBPACK_IMPORTED_MODULE_2__.saveFormatDate)(time, {
+  formatedDate = formatedDate || (0,_lib__WEBPACK_IMPORTED_MODULE_2__.saveFormatDate)(time || '', {
     to: 'mm',
     errorNull: true
   });
@@ -55551,11 +55602,11 @@ var getMinutes = function getMinutes(_ref2) {
 var getTime = function getTime(_ref3) {
   var time = _ref3.time,
     onlyTime = _ref3.onlyTime;
-  var parsedDate = (0,_lib__WEBPACK_IMPORTED_MODULE_2__.saveParseDate)(time, {
+  var parsedDate = (0,_lib__WEBPACK_IMPORTED_MODULE_2__.saveParseDate)(time || '', {
     from: onlyTime ? _config__WEBPACK_IMPORTED_MODULE_5__.TIME_TYPE_FORMAT : undefined,
     errorNull: true
   });
-  parsedDate = parsedDate && (0,_lib__WEBPACK_IMPORTED_MODULE_2__.saveParseDate)(time, {
+  parsedDate = parsedDate && (0,_lib__WEBPACK_IMPORTED_MODULE_2__.saveParseDate)(time || '', {
     errorNull: true
   });
   return (parsedDate ? time : (0,_lib__WEBPACK_IMPORTED_MODULE_2__.saveFormatDate)(new Date(), {
@@ -55604,13 +55655,13 @@ function TimePicker(_ref4) {
     var parseDate = (0,_lib__WEBPACK_IMPORTED_MODULE_2__.saveParseDate)(getTime({
       time: time,
       onlyTime: onlyTime
-    }), {
+    }) || '', {
       from: onlyTime ? _config__WEBPACK_IMPORTED_MODULE_5__.TIME_TYPE_FORMAT : undefined,
       errorNull: true
     });
-    parseDate.setHours(hoursCenter);
-    parseDate.setMinutes(minuteCenter);
-    var resDate = (0,_lib__WEBPACK_IMPORTED_MODULE_2__.saveFormatDate)(parseDate, {
+    parseDate === null || parseDate === void 0 || parseDate.setHours(hoursCenter);
+    parseDate === null || parseDate === void 0 || parseDate.setMinutes(minuteCenter);
+    var resDate = (0,_lib__WEBPACK_IMPORTED_MODULE_2__.saveFormatDate)(parseDate || '', {
       to: onlyTime ? _config__WEBPACK_IMPORTED_MODULE_5__.TIME_TYPE_FORMAT : undefined,
       errorNull: true
     });
@@ -55711,7 +55762,7 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 
 
 var getTarget = function getTarget(targetDate) {
-  return Array.isArray(targetDate) ? targetDate[0] : targetDate;
+  return (Array.isArray(targetDate) ? targetDate[0] : targetDate) || new Date().toISOString();
 };
 function YearPicker(_ref) {
   var targetDate = _ref.targetDate,
@@ -55734,7 +55785,7 @@ function YearPicker(_ref) {
     }
   }, [targetDate]);
   var getYearInterval = function getYearInterval() {
-    var year = (0,date_fns__WEBPACK_IMPORTED_MODULE_8__.getYear)(showTarget);
+    var year = (0,date_fns__WEBPACK_IMPORTED_MODULE_8__.getYear)(showTarget || Date.now());
     var start = year - _config__WEBPACK_IMPORTED_MODULE_6__.YEAR_PICKER_TARGET_YEAR_INDEX;
     // Минус 1, так как старт с первого года промежутка
     var end = start + _config__WEBPACK_IMPORTED_MODULE_6__.YEAR_PICKER_YEARS_COUNT - 1;
@@ -55935,10 +55986,11 @@ __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 _ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
-/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../styles */ "./src/ui/Dropdown/styles/index.ts");
-var _excluded = ["items", "title", "size", "onClick", "width", "isActive", "className", "styles"];
+/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../styles */ "./src/ui/Dropdown/styles/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); }
+var _excluded = ["items", "title", "size", "onClick", "width", "isActive", "className", "styles"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
@@ -55952,6 +56004,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
+
 var _Dropdown = function _Dropdown(props, ref) {
   var items = props.items,
     title = props.title,
@@ -55979,14 +56032,14 @@ var _Dropdown = function _Dropdown(props, ref) {
     }, styles);
   };
   var getValue = function getValue(curItem) {
-    if (_typeof(curItem) === 'object' && 'value' in curItem) {
+    if ((0,_lib__WEBPACK_IMPORTED_MODULE_3__.isObject)(curItem) && 'value' in curItem) {
       return curItem.value;
     } else {
       return curItem;
     }
   };
   var getItemProps = function getItemProps(curItem) {
-    if (_typeof(curItem) === 'object' && 'value' in curItem) {
+    if ((0,_lib__WEBPACK_IMPORTED_MODULE_3__.isObject)(curItem) && 'value' in curItem) {
       return curItem;
     } else {
       return {
@@ -56002,7 +56055,7 @@ var _Dropdown = function _Dropdown(props, ref) {
     var value = getValue(curItem);
     var itemProps = getItemProps(curItem);
     var active = isActive === null || isActive === void 0 ? void 0 : isActive(value);
-    if (_typeof(curItem) === 'object' && 'customComponent' in curItem) {
+    if ((0,_lib__WEBPACK_IMPORTED_MODULE_3__.isObject)(curItem) && 'customComponent' in curItem && curItem.customComponent) {
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(curItem.customComponent, {
         onClick: function onClick() {
           return handleClick(curItem);
@@ -56011,7 +56064,7 @@ var _Dropdown = function _Dropdown(props, ref) {
         key: idx
       });
     }
-    return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createElement)(_ui__WEBPACK_IMPORTED_MODULE_3__.DropdownItem, _objectSpread(_objectSpread({
+    return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createElement)(_ui__WEBPACK_IMPORTED_MODULE_4__.DropdownItem, _objectSpread(_objectSpread({
       width: 'fill',
       size: size,
       onClick: function onClick() {
@@ -56022,13 +56075,13 @@ var _Dropdown = function _Dropdown(props, ref) {
       key: idx
     }));
   };
-  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_ui__WEBPACK_IMPORTED_MODULE_3__.ScrollProvider, _objectSpread(_objectSpread({
-    className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_4__.DropdownStyle.Dropdown, className),
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_ui__WEBPACK_IMPORTED_MODULE_4__.ScrollProvider, _objectSpread(_objectSpread({
+    className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_5__.DropdownStyle.Dropdown, className),
     style: getStyle()
   }, anotherProps), {}, {
     ref: ref,
     children: [title !== undefined && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h6", {
-      className: _styles__WEBPACK_IMPORTED_MODULE_4__.DropdownStyle.header,
+      className: _styles__WEBPACK_IMPORTED_MODULE_5__.DropdownStyle.header,
       children: title
     }), items.map(getItem)]
   }));
@@ -57413,7 +57466,7 @@ function DateField(_ref) {
   // Получение даты компонента
   var getDateTimeValue = function getDateTimeValue() {
     var resDate = new Date();
-    (0,_lib__WEBPACK_IMPORTED_MODULE_9__.setDateInDate)(resDate, date, dateFormat);
+    (0,_lib__WEBPACK_IMPORTED_MODULE_9__.setDateInDate)(resDate, date || '', dateFormat);
     return resDate;
   };
   // Получение форматированной даты компонента
@@ -57448,15 +57501,14 @@ function DateField(_ref) {
     }
   };
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
-    var _saveParseDate;
-    setDateTime((_saveParseDate = (0,_lib__WEBPACK_IMPORTED_MODULE_6__.saveParseDate)(value, {
+    setDateTime((0,_lib__WEBPACK_IMPORTED_MODULE_6__.saveParseDate)(value || '', {
       from: _ui__WEBPACK_IMPORTED_MODULE_5__.DATE_TYPE_FORMAT,
       errorNull: true
-    })) !== null && _saveParseDate !== void 0 ? _saveParseDate : undefined);
+    }));
   }, [value]);
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
     var resDate = getDateTime();
-    onChange === null || onChange === void 0 || onChange(resDate);
+    onChange === null || onChange === void 0 || onChange(resDate || undefined);
   }, [date]);
   var clearDateTime = function clearDateTime() {
     if (clearButton && !disabled && date) {
@@ -57553,10 +57605,10 @@ function DateFieldBase(_ref) {
     disabled = _ref.disabled,
     required = _ref.required,
     onChange = _ref.onChange,
-    onFocus = _ref.onFocus,
+    _onFocus = _ref.onFocus,
     _ref$dateFormat = _ref.dateFormat,
     dateFormat = _ref$dateFormat === void 0 ? 'dd.MM.yyyy' : _ref$dateFormat,
-    onBlur = _ref.onBlur,
+    _onBlur = _ref.onBlur,
     _ref$minYear = _ref.minYear,
     minYear = _ref$minYear === void 0 ? 1900 : _ref$minYear,
     _ref$maxYear = _ref.maxYear,
@@ -57577,10 +57629,10 @@ function DateFieldBase(_ref) {
       to: dateFormat,
       errorNull: true
     });
-    if (newDate.length === dateFormat.length && formatDate !== null && onChange) {
-      onChange(formatDate);
+    if (newDate.length === dateFormat.length && formatDate !== null) {
+      onChange === null || onChange === void 0 || onChange(formatDate);
     } else if (newDate.length === 0) {
-      onChange('');
+      onChange === null || onChange === void 0 || onChange('');
     }
   };
   return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_imask__WEBPACK_IMPORTED_MODULE_2__.IMaskInput, {
@@ -57588,8 +57640,12 @@ function DateFieldBase(_ref) {
     placeholder: placeholder,
     onAccept: handleChange,
     disabled: disabled,
-    onFocus: onFocus,
-    onBlur: onBlur,
+    onFocus: function onFocus() {
+      return _onFocus === null || _onFocus === void 0 ? void 0 : _onFocus();
+    },
+    onBlur: function onBlur() {
+      return _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur();
+    },
     mask: dateFormat,
     blocks: {
       YYYY: {
@@ -57753,8 +57809,8 @@ function DateTimeField(_ref) {
   // Получение даты компонента
   var getDateTimeValue = function getDateTimeValue() {
     var resDate = new Date();
-    (0,_lib__WEBPACK_IMPORTED_MODULE_9__.setDateInDate)(resDate, date, dateFormat);
-    (0,_lib__WEBPACK_IMPORTED_MODULE_9__.setTimeInDate)(resDate, time, timeFormat);
+    (0,_lib__WEBPACK_IMPORTED_MODULE_9__.setDateInDate)(resDate, date || '', dateFormat);
+    (0,_lib__WEBPACK_IMPORTED_MODULE_9__.setTimeInDate)(resDate, time || '', timeFormat);
     return resDate;
   };
   // Получение форматированной даты компонента
@@ -57794,10 +57850,9 @@ function DateTimeField(_ref) {
     }
   };
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
-    var _saveParseDate;
-    setDateTime((_saveParseDate = (0,_lib__WEBPACK_IMPORTED_MODULE_6__.saveParseDate)(value, {
+    setDateTime((0,_lib__WEBPACK_IMPORTED_MODULE_6__.saveParseDate)(value || '', {
       errorNull: true
-    })) !== null && _saveParseDate !== void 0 ? _saveParseDate : undefined);
+    }));
   }, [value]);
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
     var resDate = getDateTime();
@@ -57981,12 +58036,12 @@ function TimeField(_ref) {
     return newValue ? (0,_lib__WEBPACK_IMPORTED_MODULE_6__.saveFormatDate)(newValue, {
       to: outFormat,
       errorNull: true
-    }) : undefined;
+    }) : null;
   };
   // Получение даты компонента
   var getDateTimeValue = function getDateTimeValue() {
     var resDate = new Date();
-    (0,_lib__WEBPACK_IMPORTED_MODULE_9__.setTimeInDate)(resDate, time, timeFormat);
+    (0,_lib__WEBPACK_IMPORTED_MODULE_9__.setTimeInDate)(resDate, time || '', timeFormat);
     return resDate;
   };
   // Получение форматированной даты компонента
@@ -58021,15 +58076,14 @@ function TimeField(_ref) {
     }
   };
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
-    var _saveParseDate;
-    setDateTime((_saveParseDate = (0,_lib__WEBPACK_IMPORTED_MODULE_6__.saveParseDate)(value, {
+    setDateTime((0,_lib__WEBPACK_IMPORTED_MODULE_6__.saveParseDate)(value || '', {
       from: _ui__WEBPACK_IMPORTED_MODULE_3__.TIME_TYPE_FORMAT,
-      errorNull: null
-    })) !== null && _saveParseDate !== void 0 ? _saveParseDate : undefined);
+      errorNull: true
+    }));
   }, [value]);
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
     var resDate = getDateTime();
-    onChange === null || onChange === void 0 || onChange(resDate);
+    onChange === null || onChange === void 0 || onChange(resDate || undefined);
   }, [time]);
   var clearDateTime = function clearDateTime() {
     if (clearButton && !disabled && time) {
@@ -58126,10 +58180,10 @@ function TimeFieldBase(_ref) {
     disabled = _ref.disabled,
     required = _ref.required,
     onChange = _ref.onChange,
-    onFocus = _ref.onFocus,
+    _onFocus = _ref.onFocus,
     _ref$timeFormat = _ref.timeFormat,
     timeFormat = _ref$timeFormat === void 0 ? 'HH:mm' : _ref$timeFormat,
-    onBlur = _ref.onBlur,
+    _onBlur = _ref.onBlur,
     placeholder = _ref.placeholder,
     className = _ref.className;
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(value),
@@ -58149,7 +58203,7 @@ function TimeFieldBase(_ref) {
     if (newTime.length === timeFormat.length && formatTime !== null && onChange) {
       onChange(formatTime);
     } else if (newTime.length === 0) {
-      onChange('');
+      onChange === null || onChange === void 0 || onChange('');
     }
   };
   return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_imask__WEBPACK_IMPORTED_MODULE_2__.IMaskInput, {
@@ -58157,8 +58211,12 @@ function TimeFieldBase(_ref) {
     placeholder: placeholder,
     onAccept: handleChange,
     disabled: disabled,
-    onFocus: onFocus,
-    onBlur: onBlur,
+    onFocus: function onFocus() {
+      return _onFocus === null || _onFocus === void 0 ? void 0 : _onFocus();
+    },
+    onBlur: function onBlur() {
+      return _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur();
+    },
     mask: timeFormat,
     blocks: {
       HH: {
@@ -59891,7 +59949,7 @@ function getSelectFieldOptionsByValue(value, options) {
     });
   } else {
     filteredOptions = options.filter(function (item) {
-      return (0,_compValue__WEBPACK_IMPORTED_MODULE_2__.compValue)(value, (0,_getSelectFieldOptionsItemValue__WEBPACK_IMPORTED_MODULE_1__.getSelectFieldOptionsItemValue)(item));
+      return value && (0,_compValue__WEBPACK_IMPORTED_MODULE_2__.compValue)(value, (0,_getSelectFieldOptionsItemValue__WEBPACK_IMPORTED_MODULE_1__.getSelectFieldOptionsItemValue)(item));
     });
   }
   return (0,_lib__WEBPACK_IMPORTED_MODULE_0__.uniqueByKey)(filteredOptions, 'value');
@@ -59910,9 +59968,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   getSelectFieldOptionsItemValue: () => (/* binding */ getSelectFieldOptionsItemValue)
 /* harmony export */ });
-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); }
+/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
+
 function getSelectFieldOptionsItemValue(item) {
-  if (_typeof(item) === 'object' && 'value' in item) {
+  if ((0,_lib__WEBPACK_IMPORTED_MODULE_0__.isObject)(item) && 'value' in item) {
     return item.value;
   }
   return item;
@@ -59931,13 +59990,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   getStringValue: () => (/* binding */ getStringValue)
 /* harmony export */ });
-/* harmony import */ var _getSelectFieldOptionsByValue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getSelectFieldOptionsByValue */ "./src/ui/InputFields/SelectField/lib/getSelectFieldOptionsByValue.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); }
+/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
+/* harmony import */ var _getSelectFieldOptionsByValue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getSelectFieldOptionsByValue */ "./src/ui/InputFields/SelectField/lib/getSelectFieldOptionsByValue.ts");
+
 
 function getStringValue(value) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var labels = (0,_getSelectFieldOptionsByValue__WEBPACK_IMPORTED_MODULE_0__.getSelectFieldOptionsByValue)(value, options).map(function (item) {
-    return _typeof(item) === 'object' && 'value' in item ? item.label : String(item);
+  var labels = (0,_getSelectFieldOptionsByValue__WEBPACK_IMPORTED_MODULE_1__.getSelectFieldOptionsByValue)(value, options).map(function (item) {
+    return (0,_lib__WEBPACK_IMPORTED_MODULE_0__.isObject)(item) && 'value' in item ? item.label : String(item);
   });
   return labels.join(', ');
 }
@@ -60048,6 +60108,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../lib */ "./src/ui/InputFields/SelectField/lib/index.ts");
 /* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../styles */ "./src/ui/InputFields/SelectField/styles/index.ts");
 /* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../config */ "./src/ui/InputFields/SelectField/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); }
 var _excluded = ["label", "value"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -60059,7 +60120,6 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
 function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
 function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-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 _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
@@ -60139,7 +60199,7 @@ function SelectField(_ref) {
   }, [options]);
   // Получение value из options
   var getItemValue = function getItemValue(item) {
-    if (_typeof(item) === 'object' && 'value' in item) {
+    if ((0,_lib__WEBPACK_IMPORTED_MODULE_4__.isObject)(item) && 'value' in item) {
       return item.value;
     }
     return item;
@@ -60179,7 +60239,7 @@ function SelectField(_ref) {
     } else {
       onChange === null || onChange === void 0 || onChange(resValues[resValues.length - 1]);
       setIsShowModalWindow(false);
-      onBlur === null || onBlur === void 0 || onBlur({});
+      onBlur === null || onBlur === void 0 || onBlur();
     }
   };
   var paginateOptions = /*#__PURE__*/function () {
@@ -60265,8 +60325,7 @@ function SelectField(_ref) {
   };
   var getOptionsItems = function getOptionsItems() {
     return optionsState.map(function (item) {
-      var value = (0,_lib__WEBPACK_IMPORTED_MODULE_6__.getSelectFieldOptionsItemValue)(item);
-      if (_typeof(item) === 'object' && 'value' in item) {
+      if ((0,_lib__WEBPACK_IMPORTED_MODULE_4__.isObject)(item) && 'value' in item) {
         var label = item.label,
           _value = item.value,
           anotherProps = _objectWithoutProperties(item, _excluded);
@@ -60288,7 +60347,7 @@ function SelectField(_ref) {
         clearTimeout(searchingTimeoutRef.current);
       }
       searchingTimeoutRef.current = setTimeout(function () {
-        searching(searchString, optionsState).then(function (newOptions) {
+        searching === null || searching === void 0 || searching(searchString, optionsState).then(function (newOptions) {
           return newOptions !== undefined && setOptionsState((0,_lib__WEBPACK_IMPORTED_MODULE_4__.uniqueByKey)(newOptions, 'value'));
         });
       }, _config__WEBPACK_IMPORTED_MODULE_8__.SEARCHING_DELAY_TIME);
@@ -60303,7 +60362,7 @@ function SelectField(_ref) {
         onFocus: function onFocus() {
           setIsShowModalWindow(true);
           setIsFocus(true);
-          _onFocus === null || _onFocus === void 0 || _onFocus({});
+          _onFocus === null || _onFocus === void 0 || _onFocus();
         },
         onBlur: function onBlur() {
           return setIsFocus(false);
@@ -60345,7 +60404,7 @@ function SelectField(_ref) {
         isShow: isShowModalWindow,
         setIsShow: function setIsShow(newValue) {
           if (newValue === false) {
-            onBlur === null || onBlur === void 0 || onBlur({});
+            onBlur === null || onBlur === void 0 || onBlur();
           }
           setIsShowModalWindow(newValue);
         },
@@ -61620,7 +61679,7 @@ function VideoViewer(_ref) {
         type: 'play',
         color: 'dark',
         onClick: function onClick() {
-          return onChangePlay(true);
+          return onChangePlay === null || onChangePlay === void 0 ? void 0 : onChangePlay(true);
         }
       })
     }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
@@ -62881,17 +62940,17 @@ function SlideTransition(_ref) {
     };
   }, []);
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
-    if (isShowAnimation() && clientHeight != null) {
+    if (isShowAnimation() && clientHeight != null && wrapperRef.current) {
       wrapperRef.current.style.height = clientHeight + 'px';
     }
   }, [clientHeight]);
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
     var _wrapperRef$current;
     var contentClientHeight = clientHeight;
-    if (contentClientHeight != null) {
+    if (contentClientHeight != null && wrapperRef.current) {
       wrapperRef.current.style.height = contentClientHeight + 'px';
     }
-    if (!isShowAnimation()) {
+    if (!isShowAnimation() && wrapperRef.current) {
       wrapperRef.current.style.overflow = 'hidden';
     }
     var handleAnimationEnd = function handleAnimationEnd() {
@@ -64096,6 +64155,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../lib */ "./src/ui/Tooltip/lib/index.ts");
 /* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
 /* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @/hooks */ "./src/hooks/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 + ""; }
@@ -64107,6 +64167,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 
 
 
+
 /**
  * @param arrow Положение стрелки по фигме
  * @param targetRef Tooltip автоматически центрируется относительно targetRef
@@ -64145,7 +64206,7 @@ function Tooltip(_ref) {
       }, 10)();
     });
     observer.observe(elementRef.current);
-    var scrollHandler = (0,_lib__WEBPACK_IMPORTED_MODULE_6__.throttle)(updatePosition, 10);
+    var scrollHandler = (0,_hooks__WEBPACK_IMPORTED_MODULE_7__.useDebouncedInvoker)(updatePosition, 10);
     // Отслеживание скролла на window и любых родительских элеметнах для обновления положения Tooltip в окне
     var parents = (0,_lib__WEBPACK_IMPORTED_MODULE_6__.getScrollParents)(targetRef.current);
     parents.forEach(function (parent) {
@@ -64168,10 +64229,13 @@ function Tooltip(_ref) {
     if (!(targetRef !== null && targetRef !== void 0 && targetRef.current) || !(elementRef !== null && elementRef !== void 0 && elementRef.current) || (elementRect === null || elementRect === void 0 || (_elementRect$current = elementRect.current) === null || _elementRect$current === void 0 ? void 0 : _elementRect$current.height) === 0) return;
     targetRect.current = targetRef === null || targetRef === void 0 || (_targetRef$current2 = targetRef.current) === null || _targetRef$current2 === void 0 ? void 0 : _targetRef$current2.getBoundingClientRect();
     // Позиционирование относительно размеров целевого и позиционируемого элементов
-    var offset = arrow ? (0,_lib__WEBPACK_IMPORTED_MODULE_4__.getOffset)(targetRect.current, elementRect === null || elementRect === void 0 ? void 0 : elementRect.current, arrow) : {
+    var offset = {
       x: 0,
       y: 24
     };
+    if (arrow && targetRect.current && elementRect.current) {
+      offset = (0,_lib__WEBPACK_IMPORTED_MODULE_4__.getOffset)(targetRect.current, elementRect.current, arrow);
+    }
     // Устанавливаем положение с учетом смещения
     var top = "".concat(targetRect.current.top + offset.y, "px");
     var left = "".concat(targetRect.current.left + offset.x, "px");
@@ -64723,7 +64787,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   setDateMonth: () => (/* reexport safe */ _DateTimePicker__WEBPACK_IMPORTED_MODULE_24__.setDateMonth),
 /* harmony export */   setDateYear: () => (/* reexport safe */ _DateTimePicker__WEBPACK_IMPORTED_MODULE_24__.setDateYear),
 /* harmony export */   setOnlyDate: () => (/* reexport safe */ _DateTimePicker__WEBPACK_IMPORTED_MODULE_24__.setOnlyDate),
-/* harmony export */   setOnlyTime: () => (/* reexport safe */ _DateTimePicker__WEBPACK_IMPORTED_MODULE_24__.setOnlyTime),
 /* harmony export */   subDateYear: () => (/* reexport safe */ _DateTimePicker__WEBPACK_IMPORTED_MODULE_24__.subDateYear)
 /* harmony export */ });
 /* harmony import */ var _Buttons__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Buttons */ "./src/ui/Buttons/index.ts");
@@ -65020,6 +65083,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   isCustomComponent: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_4__.isCustomComponent),
 /* harmony export */   isDict: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_4__.isDict),
 /* harmony export */   isEqualArrays: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_4__.isEqualArrays),
+/* harmony export */   isObject: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_4__.isObject),
 /* harmony export */   reactNodeComponent: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.reactNodeComponent),
 /* harmony export */   saveFormatDate: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_4__.saveFormatDate),
 /* harmony export */   saveParseDate: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_4__.saveParseDate),
@@ -65027,7 +65091,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   setDateYear: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.setDateYear),
 /* harmony export */   setDeepValue: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_4__.setDeepValue),
 /* harmony export */   setOnlyDate: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.setOnlyDate),
-/* harmony export */   setOnlyTime: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.setOnlyTime),
 /* harmony export */   startOfDayUTC: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_4__.startOfDayUTC),
 /* harmony export */   subDateYear: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.subDateYear),
 /* harmony export */   throttle: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_4__.throttle),