feat(src/use-tabs): update compute-scroll-into-view

src/use-tabs.js

@@ -3,7 +3,7 @@ import { notifyProperty } from '@neovici/cosmoz-utils/hooks/use-notify-property'
 /* eslint-disable-next-line import/no-unresolved */
 import { useHashParam, link } from '@neovici/cosmoz-router/use-hash-param';
 import { choose, collect, getName, isValid } from './utils';
-import compute from 'compute-scroll-into-view';
+import { compute } from 'compute-scroll-into-view';
 
 const useTabSelectedEffect = (host, selectedTab) => {
 		useEffect(() => {
@@ -19,7 +19,7 @@ const useTabSelectedEffect = (host, selectedTab) => {
 			const eventOpts = { composed: true };
 			if (!selectedTab._active) {
 				selectedTab.dispatchEvent(
-					new CustomEvent('tab-first-select', eventOpts)
+					new CustomEvent('tab-first-select', eventOpts),
 				);
 				selectedTab._active = true;
 			}
@@ -44,7 +44,7 @@ const useTabSelectedEffect = (host, selectedTab) => {
 				inline: 'center',
 				boundary: el.parentElement,
 			}).forEach(({ el, top, left }) =>
-				el.scroll({ top, left, behavior: 'smooth' })
+				el.scroll({ top, left, behavior: 'smooth' }),
 			);
 		}, [selectedTab]);
 	},
@@ -82,15 +82,15 @@ const useTabSelectedEffect = (host, selectedTab) => {
 
 		const href = useCallback(
 			(tab) => (isValid(tab) ? link(hashParam, getName(tab)) : undefined),
-			[hashParam]
+			[hashParam],
 		);
 
 		return {
 			tabs,
 			selectedTab,
 			onSlot: useCallback(
 				({ target }) => requestAnimationFrame(() => setTabs(collect(target))),
-				[]
+				[],
 			),
 			onSelect: useCallback((e) => {
 				if (e.button !== 0 || e.metaKey || e.ctrlKey) {
@@ -106,7 +106,7 @@ const useTabSelectedEffect = (host, selectedTab) => {
 				e.preventDefault();
 				window.history.pushState({}, '', href(tab));
 				requestAnimationFrame(() =>
-					window.dispatchEvent(new CustomEvent('hashchange'))
+					window.dispatchEvent(new CustomEvent('hashchange')),
 				);
 			}, []),
 			href,