@hestia-earth/ui-components 0.31.29 → 0.31.30

package/common/utils.d.ts

@@ -15,7 +15,7 @@ export declare const filterParams: (obj: any) => {
 export declare const waitFor: (variable: string, callback: () => void) => void | NodeJS.Timeout;
 export declare const bottom: (element: HTMLElement) => number;
 export declare const isScrolledBelow: (element: HTMLElement) => boolean;
-export declare const scrollToEl: (id: string, retries?: number) => void;
+export declare const scrollToEl: (id: string | Element, args?: ScrollIntoViewOptions, retries?: number) => void;
 export declare const scrollTop: () => void;
 export declare const safeJSONParse: <T>(value: string, defaultValue?: any) => any;
 export declare const safeJSONStringify: (value: string) => string;

package/fesm2022/hestia-earth-ui-components.mjs

@@ -132,9 +132,11 @@ const filterParams = (obj) => {
 const waitFor = (variable, callback) => get(window, variable, false) ? callback() : setTimeout(() => waitFor(variable, callback), 100);
 const bottom = (element) => element.offsetTop + element.getBoundingClientRect().height;
 const isScrolledBelow = (element) => (element ? window.scrollY > bottom(element) : false);
-const scrollToEl = (id, retries = 0) => {
-    const el = document.getElementById(id);
-    setTimeout(() => (el ? el.scrollIntoView() : retries < 10 ? scrollToEl(id, retries + 1) : null), 100);
+const scrollToEl = (id, args = {
+    behavior: 'smooth'
+}, retries = 0) => {
+    const el = typeof id === 'string' ? document.getElementById(id) : id;
+    setTimeout(() => (el ? el.scrollIntoView(args) : retries < 10 ? scrollToEl(id, args, retries + 1) : null), 100);
 };
 const scrollTop = () => window.scrollTo(0, 0);
 const safeJSONParse = (value, defaultValue) => {
@@ -9340,7 +9342,7 @@ const focusFirstGroupError = (element) => {
  */
 const focusFirstError = (element) => {
     const firstError = element.querySelectorAll('.is-error-danger')?.[0] || element.querySelectorAll('.is-error-warning')?.[0];
-    return firstError ? firstError.scrollIntoView({ block: 'center' }) : focusFirstGroupError(element);
+    return firstError ? scrollToEl(firstError, { behavior: 'smooth', block: 'center' }) : focusFirstGroupError(element);
 };
 class FilesFormComponent {
     constructor() {