@onesy/ui-react 1.0.191 → 1.0.192

package/esm/Calendar/Calendar.js

@@ -23,7 +23,7 @@ import TypeElement from '../Type';
 import CarouselElement from '../Carousel';
 import PaginationItemElement from '../PaginationItem';
 import { IconDoneAnimated } from '../Buttons/Buttons';
-import { iconFontSize, staticClassName } from '../utils';
+import { iconFontSize, scrollToMiddleOfParent, staticClassName } from '../utils';
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const useStyle = style(theme => ({
   root: {
@@ -253,15 +253,6 @@ const Calendar = props__ => {
     if (refs.inProgressTransition.current) return;
     onUpdateCalendar((next ? add : remove)(1, unit, calendar));
   };
-  const scrollToMiddleOfParent = element => {
-    const parent = element.parentElement;
-    if (!parent) return;
-    const top = element.offsetTop - parent.clientHeight / 2 + element.offsetHeight / 2;
-    parent.scrollTo({
-      top,
-      behavior: 'smooth'
-    });
-  };
   const onOpen = (valueUpdate = 'month') => {
     const valueNew_4 = open === valueUpdate ? null : valueUpdate;
     setOpen(valueNew_4);
@@ -272,8 +263,8 @@ const Calendar = props__ => {
       if (list) {
         const valueData = valueNew_4 === 'month' ? calendar.month - 1 : calendar.year;
         Try(() => {
-          const element_0 = list.querySelector(`[data-value="${valueData}"]`);
-          if (element_0) scrollToMiddleOfParent(element_0);
+          const element = list.querySelector(`[data-value="${valueData}"]`);
+          if (element) scrollToMiddleOfParent(element);
         });
       }
     });
@@ -314,7 +305,7 @@ const Calendar = props__ => {
 
   // Prevent multiple moves of the calendar
   // before the previous transition is done
-  const onTransition = (element_1, status) => {
+  const onTransition = (element_0, status) => {
     refs.inProgressTransition.current = !['entered', 'exited', 'removed'].includes(status);
   };
   const calendarMonthProps = _objectSpread({