@onesy/ui-react 1.0.189 → 1.0.191

package/Calendar/Calendar.js

@@ -261,6 +261,15 @@ const Calendar = props__ => {
     if (refs.inProgressTransition.current) return;
     onUpdateCalendar((next ? _date.add : _date.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,11 +281,8 @@ const Calendar = props__ => {
       if (list) {
         const valueData = valueNew_4 === 'month' ? calendar.month - 1 : calendar.year;
         (0, _utils.Try)(() => {
-          const element = list.querySelector(`[data-value="${valueData}"]`);
-          if (element) list.scrollTo({
-            top: (0, _utils.clamp)(element.offsetTop - element.parentElement.offsetTop + (menu === 'month' ? -104 : 51), 0),
-            behavior: 'smooth'
-          });
+          const element_0 = list.querySelector(`[data-value="${valueData}"]`);
+          if (element_0) scrollToMiddleOfParent(element_0);
         });
       }
     });
@@ -318,7 +324,7 @@ const Calendar = props__ => {
 
   // Prevent multiple moves of the calendar
   // before the previous transition is done
-  const onTransition = (element_0, status) => {
+  const onTransition = (element_1, status) => {
     refs.inProgressTransition.current = !['entered', 'exited', 'removed'].includes(status);
   };
   const calendarMonthProps = _objectSpread({

package/Surface/Surface.js

@@ -829,7 +829,7 @@ const Surface = props_ => {
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread(_objectSpread(_objectSpread({}, AdditionalProps), {}, {
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)("Surface", theme) && ["onesy-Surface-root"], AdditionalProps === null || AdditionalProps === void 0 ? void 0 : AdditionalProps.className, className, classes.root, classes[`version_${version}`], classes[`version_${version}_color_${color}`], classes[`elevation_${elevation}`], tonal && classes[`version_${version}_tonal_${(0, _utils.is)("string", tonal) ? `${tonal}_` : ""}color_${color}`], noBackground && classes.noBackground, noOutline && classes.noOutline]),
-    style: _objectSpread(_objectSpread({}, style), styles.root)
+    style: _objectSpread(_objectSpread({}, styles.root), style)
   }, other), {}, {
     children: children && _react.default.Children.toArray(children).filter(Boolean).map(_temp)
   }));

package/esm/Calendar/Calendar.js

@@ -4,7 +4,7 @@ const _excluded = ["ref", "tonal", "color", "version", "size", "value", "valueDe
 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; }
 import React from 'react';
-import { clamp, is, isEnvironment, Try } from '@onesy/utils';
+import { is, isEnvironment, Try } from '@onesy/utils';
 import { classNames, style, useOnesyTheme } from '@onesy/style-react';
 import { OnesyDate, add, remove, format, set } from '@onesy/date';
 import IconMaterialNavigateBefore from '@onesy/icons-material-rounded-react/IconMaterialNavigateBeforeW100';
@@ -253,6 +253,15 @@ 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);
@@ -263,11 +272,8 @@ const Calendar = props__ => {
       if (list) {
         const valueData = valueNew_4 === 'month' ? calendar.month - 1 : calendar.year;
         Try(() => {
-          const element = list.querySelector(`[data-value="${valueData}"]`);
-          if (element) list.scrollTo({
-            top: clamp(element.offsetTop - element.parentElement.offsetTop + (menu === 'month' ? -104 : 51), 0),
-            behavior: 'smooth'
-          });
+          const element_0 = list.querySelector(`[data-value="${valueData}"]`);
+          if (element_0) scrollToMiddleOfParent(element_0);
         });
       }
     });
@@ -308,7 +314,7 @@ const Calendar = props__ => {
 
   // Prevent multiple moves of the calendar
   // before the previous transition is done
-  const onTransition = (element_0, status) => {
+  const onTransition = (element_1, status) => {
     refs.inProgressTransition.current = !['entered', 'exited', 'removed'].includes(status);
   };
   const calendarMonthProps = _objectSpread({

package/esm/Surface/Surface.js

@@ -821,7 +821,7 @@ const Surface = props_ => {
   }
   return /*#__PURE__*/_jsx(Component, _objectSpread(_objectSpread(_objectSpread({}, AdditionalProps), {}, {
     className: classNames([staticClassName("Surface", theme) && ["onesy-Surface-root"], AdditionalProps?.className, className, classes.root, classes[`version_${version}`], classes[`version_${version}_color_${color}`], classes[`elevation_${elevation}`], tonal && classes[`version_${version}_tonal_${is("string", tonal) ? `${tonal}_` : ""}color_${color}`], noBackground && classes.noBackground, noOutline && classes.noOutline]),
-    style: _objectSpread(_objectSpread({}, style), styles.root)
+    style: _objectSpread(_objectSpread({}, styles.root), style)
   }, other), {}, {
     children: children && React.Children.toArray(children).filter(Boolean).map(_temp)
   }));

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.188
+/** @license UiReact v1.0.190
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.188
+/** @license UiReact v1.0.190
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onesy/ui-react",
-  "version": "1.0.189",
+  "version": "1.0.191",
   "description": "UI for React",
   "repository": "https://github.com/onesy-me/onesy.git",
   "author": "Lazar Erić <lazareric1@proton.me>",