homeflowjs 1.0.15 → 1.0.16

package/hooks/index.js

@@ -6,6 +6,7 @@ import usePropertyInfiniteScroll from './use-property-inifinite-scroll';
 import useLoadBranches from './use-load-branches';
 import useLoadPreviousProperties from './use-load-previous-properties';
 import useRecaptcha from './use-recaptcha';
+import useScrollTo from './use-scroll-to.hook';
 
 export {
   useDefaultSort,
@@ -15,5 +16,6 @@ export {
   usePropertyInfiniteScroll,
   useLoadBranches,
   useLoadPreviousProperties,
-  useRecaptcha
+  useRecaptcha,
+  useScrollTo,
 };

package/hooks/use-scroll-to.hook.js

@@ -0,0 +1,67 @@
+import { useEffect } from 'react';
+import { isFunction } from '../utils';
+
+const scrollToTarget = (target, { yOffset = 0 } = {}) => {
+  // If target is chunk ID
+  let targetElement;
+  if (!isNaN(target)) {
+    targetElement = document.querySelector(
+      `[data-content-id="${target}"]`,
+    );
+  }
+
+  // Check for ID or class name
+  if (!targetElement) targetElement = document.querySelector(`.${target}`);
+  if (!targetElement) targetElement = document.querySelector(`#${target}`);
+
+  if (targetElement) {
+    let verticalOffset = 0;
+    if (typeof yOffset === 'number') {
+      verticalOffset = yOffset;
+    } else if (isFunction(yOffset)) {
+      const value = yOffset();
+      if (typeof value === 'number') {
+        verticalOffset = value;
+      }
+    }
+
+    const y = targetElement.getBoundingClientRect().top
+      + window.pageYOffset + verticalOffset;
+
+    window.scrollTo({ top: y, behavior: 'smooth' });
+    history.scrollRestoration = 'manual';
+  }
+};
+
+const getTarget = (hash) => {
+  const [, search] = hash.split('?');
+  const { target } = Object.fromEntries(new URLSearchParams(search));
+  return target;
+};
+
+function handleScrollToClick(options) {
+  // eslint-disable-next-line func-names
+  return function () {
+    const target = getTarget(this.hash);
+    if (target) {
+      scrollToTarget(target, options);
+    }
+  };
+}
+
+const useScrollTo = (options) => {
+  useEffect(() => {
+    const scrollToEls = document.querySelectorAll('[href^="#scroll-to"]');
+    scrollToEls.forEach((el) => {
+      el.addEventListener(
+        'click',
+        handleScrollToClick(options),
+      );
+    });
+
+    const target = getTarget(window.location.hash);
+    scrollToTarget(target, options);
+  }, []);
+};
+
+export default useScrollTo;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "homeflowjs",
-  "version": "1.0.15",
+  "version": "1.0.16",
   "sideEffects": [
     "modal/**/*",
     "user/default-profile/**/*",

package/utils/index.js

@@ -153,3 +153,7 @@ export function JSON_to_URLEncoded(element,key,list){
   }
   return encodeURI(list.join('&'));
 }
+
+export function isFunction(functionToCheck) {
+  return functionToCheck && Object.prototype.toString.call(functionToCheck) === '[object Function]';
+}