@websolutespa/bom-mixer-hooks 1.9.0 → 1.9.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @websolutespa/bom-mixer-hooks
 
+## 1.9.2
+
+### Patch Changes
+
+- 4c2d7a6: Added: useScrollDirection
+
+## 1.9.1
+
+### Patch Changes
+
+- Modified: MetaData Meta added xDefault
+- Updated dependencies
+  - @websolutespa/bom-mixer-models@1.9.5
+
 ## 1.9.0
 
 ### Minor Changes

package/dist/index.d.ts

@@ -938,6 +938,8 @@ type Scroll = {
 };
 declare function useScroll(): Scroll;
 
+declare function useScrollDirection(callback?: (top: number, left: number) => number): number;
+
 declare function useScrolled(callback?: (top: number, left: number) => boolean): boolean;
 
 declare function useScrollTo(offset?: number): (event: React.MouseEvent<HTMLElement>) => void;
@@ -1055,4 +1057,4 @@ type WindowSize = {
 };
 declare function useWindowSize(): WindowSize;
 
-export { BodyScrollOptions, ClickOutGetContainer, ColorScheme, CurrentStateType, ElementStackItem, ExtraProvider, Filter, FilterMode, FilterParams, FilterValues, GeoLocationSensorState, IExtra, IFilter, IFilterOption, IGeolocationPositionError, ILabelContext, ILayoutContext, ILazyModulesContext, IMetaDataContext, IPageContext, IPageRoute, IPageRouteOptions, IPaginationInfo, IPaginationItem, IPaginationLegacyInfo, IPaginationOptions, IParams, IParamsEncoded, IParamsQs, IUseSearchParamsEncodedResult, IUseSearchParamsQsResult, IUseSearchParamsResult, IUseSearchParamsValueResult, KeyCode, KeyMod, KeyboardOptions, KeyboardResult, LabelProvider, LabelService, LayoutProvider, LazyModulesProvider, MetaDataProvider, PageProvider, SSRState, SizeResult, SizeType, Sorting, UIReducer, UIValue, UseFiltersResultType, UseKeyboard, UseKeyboardHandler, createElementWithId, createGenericContext, detectIsBrowser, filtersToParams, getCurrentPosition, getFilteredItems, getFilters, getMoreItems, getOwnerPaddingRight, getOwnerScrollbarWidth, getPagedItems, getPagedItemsLegacy, getPaginationInfo, getPaginationLegacyInfo, getPreferredColorScheme, getPreferredReducedMotion, getRealSize, getSearchParams, getSearchParamsEncoded, getSearchParamsQs, getUID, hasGeolocation, isElement, isPaginationInfo, isPaginationLegacyInfo, localCollectionDelete, localCollectionFetch, localCollectionGet, localCollectionPatch, localCollectionPost, localCollectionPut, parseLabel, parseParams, pushSearchParams, pushSearchParamsEncoded, pushSearchParamsEncodedSilently, pushSearchParamsQs, pushSearchParamsQsSilently, pushSearchParamsSilently, replaceSearchParams, replaceSearchParamsEncoded, replaceSearchParamsEncodedSilently, replaceSearchParamsQs, replaceSearchParamsQsSilently, replaceSearchParamsSilently, scrollToRelativeY, scrollToSelector, scrollToY, setFilters, updateSearchParams, updateSearchParamsEncoded, updateSearchParamsQs, useApi, useApiDelete, useApiFetch, useApiGet, useApiPatch, useApiPost, useApiPut, useAutosizeTextArea, useBodyScroll, useBreakpoint, useClickAnyWhere, useClickOut, useCollectionApi, useCollectionApiDelete, useCollectionApiGet, useCollectionApiPatch, useCollectionApiPost, useCollectionApiPut, useColorScheme, useCurrency, useCurrentState, useDateTimeFormat, useDebounce, useDebounceCallback, useDebugChangedProps, useDomObserver, useDrawer, useElementSize, useEventListener, useExtra, useFilters, useFocusTrap, useGeolocation, useIdle, useInfiniteLoader, useIntersectionObserver, useIsomorphicLayoutEffect, useKeyboard, useLabel, useLayout, useLazyModules, useMetaData, useModal, useMounted, useNumber, usePage, usePageLoading, usePagination, usePaginationLegacy, usePortal, usePrevious, useRealSize, useReducedMotion, useReducedMotionLocal, useResize, useSSR, useScroll, useScrollTo, useScrolled, useSearchParams, useSearchParamsEncoded, useSearchParamsQs, useSearchParamsValue, useSorting, useSyncedRef, useUI, useUnit, useUnmountEffect, useWindowSize };
+export { BodyScrollOptions, ClickOutGetContainer, ColorScheme, CurrentStateType, ElementStackItem, ExtraProvider, Filter, FilterMode, FilterParams, FilterValues, GeoLocationSensorState, IExtra, IFilter, IFilterOption, IGeolocationPositionError, ILabelContext, ILayoutContext, ILazyModulesContext, IMetaDataContext, IPageContext, IPageRoute, IPageRouteOptions, IPaginationInfo, IPaginationItem, IPaginationLegacyInfo, IPaginationOptions, IParams, IParamsEncoded, IParamsQs, IUseSearchParamsEncodedResult, IUseSearchParamsQsResult, IUseSearchParamsResult, IUseSearchParamsValueResult, KeyCode, KeyMod, KeyboardOptions, KeyboardResult, LabelProvider, LabelService, LayoutProvider, LazyModulesProvider, MetaDataProvider, PageProvider, SSRState, SizeResult, SizeType, Sorting, UIReducer, UIValue, UseFiltersResultType, UseKeyboard, UseKeyboardHandler, createElementWithId, createGenericContext, detectIsBrowser, filtersToParams, getCurrentPosition, getFilteredItems, getFilters, getMoreItems, getOwnerPaddingRight, getOwnerScrollbarWidth, getPagedItems, getPagedItemsLegacy, getPaginationInfo, getPaginationLegacyInfo, getPreferredColorScheme, getPreferredReducedMotion, getRealSize, getSearchParams, getSearchParamsEncoded, getSearchParamsQs, getUID, hasGeolocation, isElement, isPaginationInfo, isPaginationLegacyInfo, localCollectionDelete, localCollectionFetch, localCollectionGet, localCollectionPatch, localCollectionPost, localCollectionPut, parseLabel, parseParams, pushSearchParams, pushSearchParamsEncoded, pushSearchParamsEncodedSilently, pushSearchParamsQs, pushSearchParamsQsSilently, pushSearchParamsSilently, replaceSearchParams, replaceSearchParamsEncoded, replaceSearchParamsEncodedSilently, replaceSearchParamsQs, replaceSearchParamsQsSilently, replaceSearchParamsSilently, scrollToRelativeY, scrollToSelector, scrollToY, setFilters, updateSearchParams, updateSearchParamsEncoded, updateSearchParamsQs, useApi, useApiDelete, useApiFetch, useApiGet, useApiPatch, useApiPost, useApiPut, useAutosizeTextArea, useBodyScroll, useBreakpoint, useClickAnyWhere, useClickOut, useCollectionApi, useCollectionApiDelete, useCollectionApiGet, useCollectionApiPatch, useCollectionApiPost, useCollectionApiPut, useColorScheme, useCurrency, useCurrentState, useDateTimeFormat, useDebounce, useDebounceCallback, useDebugChangedProps, useDomObserver, useDrawer, useElementSize, useEventListener, useExtra, useFilters, useFocusTrap, useGeolocation, useIdle, useInfiniteLoader, useIntersectionObserver, useIsomorphicLayoutEffect, useKeyboard, useLabel, useLayout, useLazyModules, useMetaData, useModal, useMounted, useNumber, usePage, usePageLoading, usePagination, usePaginationLegacy, usePortal, usePrevious, useRealSize, useReducedMotion, useReducedMotionLocal, useResize, useSSR, useScroll, useScrollDirection, useScrollTo, useScrolled, useSearchParams, useSearchParamsEncoded, useSearchParamsQs, useSearchParamsValue, useSorting, useSyncedRef, useUI, useUnit, useUnmountEffect, useWindowSize };

package/dist/index.js

@@ -189,6 +189,7 @@ __export(src_exports, {
   useResize: () => useResize,
   useSSR: () => useSSR,
   useScroll: () => useScroll,
+  useScrollDirection: () => useScrollDirection,
   useScrollTo: () => useScrollTo,
   useScrolled: () => useScrolled,
   useSearchParams: () => useSearchParams,
@@ -1512,6 +1513,7 @@ function LazyModulesProvider({ children, modules }) {
 }
 
 // src/useMetaData/useMetaData.tsx
+var import_bom_core6 = require("@websolutespa/bom-core");
 var import_bom_mixer_models = require("@websolutespa/bom-mixer-models");
 var import_html_to_text = require("html-to-text");
 var import_router = require("next/router");
@@ -1562,6 +1564,20 @@ function MetaDataProvider({ children, metaData }) {
     });
     return alternates2;
   }, [layout, page]);
+  const xDefault = (0, import_react26.useMemo)(() => {
+    var _a2, _b2;
+    const xDefaultMarket = ((_a2 = layout.markets.find((x) => x.isDefault)) == null ? void 0 : _a2.id) || import_bom_core6.defaultMarket;
+    const xDefaultLocale = ((_b2 = layout.locales.find((x) => x.isDefault)) == null ? void 0 : _b2.id) || import_bom_core6.defaultLocale;
+    const alternate = page.alternates.find((x) => x.market === xDefaultMarket && x.locale === xDefaultLocale);
+    if (alternate) {
+      return {
+        id: `${alternate.market}-${alternate.locale}`,
+        href: (0, import_bom_mixer_models.resolveHref)(alternate.id),
+        hrefLang: alternate.locale
+      };
+    }
+    return void 0;
+  }, [layout, page]);
   const meta = {
     title,
     description,
@@ -1571,7 +1587,8 @@ function MetaDataProvider({ children, metaData }) {
     slug: page.href,
     url,
     canonical,
-    alternates
+    alternates,
+    xDefault
   };
   const contactPoint = {
     "@type": "ContactPoint",
@@ -1752,9 +1769,9 @@ function usePageLoading(options = { loading: false }) {
 }
 
 // src/usePagination/pagination.service.ts
-var import_bom_core6 = require("@websolutespa/bom-core");
+var import_bom_core7 = require("@websolutespa/bom-core");
 function isPaginationInfo(item) {
-  return (0, import_bom_core6.isObject)(item) && (typeof item.page === "number" && typeof item.pages === "number" && typeof item.perPage === "number" && typeof item.total === "number" && (0, import_bom_core6.isArray)(item.items));
+  return (0, import_bom_core7.isObject)(item) && (typeof item.page === "number" && typeof item.pages === "number" && typeof item.perPage === "number" && typeof item.total === "number" && (0, import_bom_core7.isArray)(item.items));
 }
 function getPagedItems(items, page, perPage) {
   const from = (page - 1) * perPage;
@@ -1865,9 +1882,9 @@ function usePagination(items, options) {
 }
 
 // src/usePaginationLegacy/pagination-legacy.service.ts
-var import_bom_core7 = require("@websolutespa/bom-core");
+var import_bom_core8 = require("@websolutespa/bom-core");
 function isPaginationLegacyInfo(item) {
-  return (0, import_bom_core7.isObject)(item) && (typeof item.page === "number" && typeof item.pages === "number" && typeof item.total === "number" && (0, import_bom_core7.isArray)(item.items));
+  return (0, import_bom_core8.isObject)(item) && (typeof item.page === "number" && typeof item.pages === "number" && typeof item.total === "number" && (0, import_bom_core8.isArray)(item.items));
 }
 function getPagedItemsLegacy(items, page, perPage) {
   const from = (page - 1) * perPage;
@@ -1985,15 +2002,15 @@ function getComputedValue(style, parentNum) {
 }
 
 // src/useReducedMotion/useReducedMotion.ts
-var import_bom_core8 = require("@websolutespa/bom-core");
+var import_bom_core9 = require("@websolutespa/bom-core");
 var import_zustand3 = require("zustand");
 var import_middleware2 = require("zustand/middleware");
 var QUERY2 = "(prefers-reduced-motion: no-preference)";
 function getPreferredReducedMotion() {
-  return import_bom_core8.isBrowser && !window.matchMedia(QUERY2).matches;
+  return import_bom_core9.isBrowser && !window.matchMedia(QUERY2).matches;
 }
 var updateClassList2 = (reducedMotion) => {
-  if (import_bom_core8.isBrowser) {
+  if (import_bom_core9.isBrowser) {
     document.documentElement.classList.toggle("--reduced-motion", reducedMotion);
     document.documentElement.classList.toggle("--motion", !reducedMotion);
   }
@@ -2100,13 +2117,42 @@ function useScroll() {
   return scroll;
 }
 
-// src/useScrolled/useScrolled.ts
+// src/useScrollDirection/useScrollDirection.ts
 var import_react36 = require("react");
+var lastScrollTop = 0;
 var DEFAULT_CALLBACK = (top, left) => {
+  const scrollTop = window.scrollY || document.documentElement.scrollTop;
+  let direction = 0;
+  if (scrollTop > lastScrollTop) {
+    direction = 1;
+  } else if (scrollTop < lastScrollTop) {
+    direction = -1;
+  }
+  lastScrollTop = scrollTop <= 0 ? 0 : scrollTop;
+  return direction;
+};
+function useScrollDirection(callback = DEFAULT_CALLBACK) {
+  const [direction, setDirection] = (0, import_react36.useState)(0);
+  const onScrolled = () => {
+    const direction_ = callback(window.scrollY, window.scrollX);
+    if (direction !== direction_) {
+      setDirection(direction_);
+    }
+  };
+  useEventListener("scroll", onScrolled);
+  useIsomorphicLayoutEffect(() => {
+    onScrolled();
+  }, []);
+  return direction;
+}
+
+// src/useScrolled/useScrolled.ts
+var import_react37 = require("react");
+var DEFAULT_CALLBACK2 = (top, left) => {
   return top > 0;
 };
-function useScrolled(callback = DEFAULT_CALLBACK) {
-  const [scrolled, setScrolled] = (0, import_react36.useState)(false);
+function useScrolled(callback = DEFAULT_CALLBACK2) {
+  const [scrolled, setScrolled] = (0, import_react37.useState)(false);
   const onScrolled = () => {
     const scrolled_ = callback(window.scrollY, window.scrollX);
     if (scrolled !== scrolled_) {
@@ -2121,7 +2167,7 @@ function useScrolled(callback = DEFAULT_CALLBACK) {
 }
 
 // src/useScrollTo/useScrollTo.ts
-var import_bom_core9 = require("@websolutespa/bom-core");
+var import_bom_core10 = require("@websolutespa/bom-core");
 var import_framer_motion = require("framer-motion");
 function useScrollTo(offset = 0) {
   const scrollToHash = (event) => {
@@ -2134,7 +2180,7 @@ function useScrollTo(offset = 0) {
   return scrollToHash;
 }
 function scrollToSelector(selector, offset = 0) {
-  if (selector && import_bom_core9.isBrowser) {
+  if (selector && import_bom_core10.isBrowser) {
     const element = document.querySelector(selector);
     if (element) {
       const rect = element.getBoundingClientRect();
@@ -2158,7 +2204,7 @@ function scrollToY(y = 0) {
 
 // src/useSearchParams/useSearchParams.ts
 var import_router3 = require("next/router");
-var import_react37 = require("react");
+var import_react38 = require("react");
 function deserialize_(url) {
   const components = url.split("?");
   const search = components[1] || "";
@@ -2212,16 +2258,16 @@ function replaceSearchParamsSilently(router, params) {
 function useSearchParams() {
   const router = (0, import_router3.useRouter)();
   const params = getSearchParams2(router.asPath);
-  const pushParams = (0, import_react37.useCallback)((params2) => {
+  const pushParams = (0, import_react38.useCallback)((params2) => {
     pushSearchParams(router, params2);
   }, [router]);
-  const pushParamsSilently = (0, import_react37.useCallback)((params2) => {
+  const pushParamsSilently = (0, import_react38.useCallback)((params2) => {
     pushSearchParamsSilently(router, params2);
   }, [router]);
-  const replaceParams = (0, import_react37.useCallback)((params2) => {
+  const replaceParams = (0, import_react38.useCallback)((params2) => {
     replaceSearchParams(router, params2);
   }, [router]);
-  const replaceParamsSilently = (0, import_react37.useCallback)((params2) => {
+  const replaceParamsSilently = (0, import_react38.useCallback)((params2) => {
     replaceSearchParamsSilently(router, params2);
   }, [router]);
   return { params, pushParams, pushParamsSilently, replaceParams, replaceParamsSilently };
@@ -2229,25 +2275,25 @@ function useSearchParams() {
 function useSearchParamsValue(key) {
   const router = (0, import_router3.useRouter)();
   const params = getSearchParams2(router.asPath, key);
-  const pushParams = (0, import_react37.useCallback)((params2) => {
+  const pushParams = (0, import_react38.useCallback)((params2) => {
     pushSearchParams(router, params2);
   }, [router]);
-  const pushParamsSilently = (0, import_react37.useCallback)((params2) => {
+  const pushParamsSilently = (0, import_react38.useCallback)((params2) => {
     pushSearchParamsSilently(router, params2);
   }, [router]);
-  const replaceParams = (0, import_react37.useCallback)((params2) => {
+  const replaceParams = (0, import_react38.useCallback)((params2) => {
     replaceSearchParams(router, params2);
   }, [router]);
-  const replaceParamsSilently = (0, import_react37.useCallback)((params2) => {
+  const replaceParamsSilently = (0, import_react38.useCallback)((params2) => {
     replaceSearchParamsSilently(router, params2);
   }, [router]);
   return { params, pushParams, pushParamsSilently, replaceParams, replaceParamsSilently };
 }
 
 // src/useSearchParamsEncoded/useSearchParamsEncoded.ts
-var import_bom_core10 = require("@websolutespa/bom-core");
+var import_bom_core11 = require("@websolutespa/bom-core");
 var import_router4 = require("next/router");
-var import_react38 = require("react");
+var import_react39 = require("react");
 var USE_ENCRYPTION = true;
 function stringToURLSearchParams(url) {
   return new URLSearchParams(url);
@@ -2277,7 +2323,7 @@ function serialize_2(url, value, key) {
 function decode(encoded, key) {
   let decoded = null;
   if (encoded) {
-    const json = USE_ENCRYPTION ? (0, import_bom_core10.base64ToString)(encoded) : encoded;
+    const json = USE_ENCRYPTION ? (0, import_bom_core11.base64ToString)(encoded) : encoded;
     decoded = JSON.parse(json);
   }
   if (key && decoded) {
@@ -2294,7 +2340,7 @@ function encode(params, value, key) {
     params = Object.assign(params, value);
   }
   const json = JSON.stringify(params);
-  encoded = USE_ENCRYPTION ? (0, import_bom_core10.stringToBase64)(json) : json;
+  encoded = USE_ENCRYPTION ? (0, import_bom_core11.stringToBase64)(json) : json;
   return encoded;
 }
 function searchParamsToObject_2(params) {
@@ -2339,29 +2385,29 @@ function replaceSearchParamsEncodedSilently(router, value, key) {
 function useSearchParamsEncoded(key) {
   const router = (0, import_router4.useRouter)();
   const params = getSearchParamsEncoded(router.asPath, key);
-  const pushParams = (0, import_react38.useCallback)((params2) => {
+  const pushParams = (0, import_react39.useCallback)((params2) => {
     pushSearchParamsEncoded(router, params2, key);
   }, [key, router]);
-  const pushParamsSilently = (0, import_react38.useCallback)((params2) => {
+  const pushParamsSilently = (0, import_react39.useCallback)((params2) => {
     pushSearchParamsEncodedSilently(router, params2, key);
   }, [key, router]);
-  const replaceParams = (0, import_react38.useCallback)((params2) => {
+  const replaceParams = (0, import_react39.useCallback)((params2) => {
     replaceSearchParamsEncoded(router, params2, key);
   }, [key, router]);
-  const replaceParamsSilently = (0, import_react38.useCallback)((params2) => {
+  const replaceParamsSilently = (0, import_react39.useCallback)((params2) => {
     replaceSearchParamsEncodedSilently(router, params2, key);
   }, [key, router]);
   return { params, pushParams, pushParamsSilently, replaceParams, replaceParamsSilently };
 }
 
 // src/useSearchParamsQs/useSearchParamsQs.ts
-var import_bom_core11 = require("@websolutespa/bom-core");
+var import_bom_core12 = require("@websolutespa/bom-core");
 var import_router5 = require("next/router");
-var import_react39 = require("react");
+var import_react40 = require("react");
 function deserialize(encoded, key) {
   let decoded = {};
   if (encoded) {
-    decoded = (0, import_bom_core11.qsDeserializeRaw)(encoded);
+    decoded = (0, import_bom_core12.qsDeserializeRaw)(encoded);
   }
   if (key && decoded) {
     decoded = decoded[key];
@@ -2376,7 +2422,7 @@ function encode2(params, value, key) {
   } else {
     params = __spreadValues({}, params);
   }
-  const search = (0, import_bom_core11.qsSerializeRaw)(params);
+  const search = (0, import_bom_core12.qsSerializeRaw)(params);
   return { search, params };
 }
 function serialize(search, value, key) {
@@ -2419,28 +2465,28 @@ function replaceSearchParamsQsSilently(router, value, key) {
 function useSearchParamsQs(key) {
   const router = (0, import_router5.useRouter)();
   const params = getSearchParamsQs(router.asPath, key);
-  const pushParams = (0, import_react39.useCallback)((params2) => {
+  const pushParams = (0, import_react40.useCallback)((params2) => {
     pushSearchParamsQs(router, params2, key);
   }, [key, router]);
-  const pushParamsSilently = (0, import_react39.useCallback)((params2) => {
+  const pushParamsSilently = (0, import_react40.useCallback)((params2) => {
     pushSearchParamsQsSilently(router, params2, key);
   }, [key, router]);
-  const replaceParams = (0, import_react39.useCallback)((params2) => {
+  const replaceParams = (0, import_react40.useCallback)((params2) => {
     replaceSearchParamsQs(router, params2, key);
   }, [key, router]);
-  const replaceParamsSilently = (0, import_react39.useCallback)((params2) => {
+  const replaceParamsSilently = (0, import_react40.useCallback)((params2) => {
     replaceSearchParamsQsSilently(router, params2, key);
   }, [key, router]);
   return { params, pushParamsSilently, pushParams, replaceParamsSilently, replaceParams };
 }
 
 // src/useSorting/useSorting.ts
-var import_react40 = require("react");
+var import_react41 = require("react");
 function useSorting(items_, callback_, sort_) {
-  const [sort, setSort] = (0, import_react40.useState)(sort_);
-  const [items, setItems] = (0, import_react40.useState)(callback_(items_.slice(), sort));
-  const isInitialMount = (0, import_react40.useRef)(true);
-  (0, import_react40.useEffect)(() => {
+  const [sort, setSort] = (0, import_react41.useState)(sort_);
+  const [items, setItems] = (0, import_react41.useState)(callback_(items_.slice(), sort));
+  const isInitialMount = (0, import_react41.useRef)(true);
+  (0, import_react41.useEffect)(() => {
     if (isInitialMount.current) {
       isInitialMount.current = false;
     } else {
@@ -2456,11 +2502,11 @@ function useSorting(items_, callback_, sort_) {
 }
 
 // src/useSyncedRef/useSyncedRef.ts
-var import_react41 = require("react");
+var import_react42 = require("react");
 function useSyncedRef(value) {
-  const ref = (0, import_react41.useRef)(value);
+  const ref = (0, import_react42.useRef)(value);
   ref.current = value;
-  return (0, import_react41.useMemo)(() => Object.freeze({
+  return (0, import_react42.useMemo)(() => Object.freeze({
     get current() {
       return ref.current;
     }
@@ -2473,10 +2519,10 @@ function useUnit(unit = "kilometer", locale) {
 }
 
 // src/useUnmountEffect/useUnmountEffect.ts
-var import_react42 = require("react");
+var import_react43 = require("react");
 function useUnmountEffect(effect) {
   const effectRef = useSyncedRef(effect);
-  (0, import_react42.useEffect)(() => () => {
+  (0, import_react43.useEffect)(() => () => {
     effectRef.current();
   }, []);
 }
@@ -2602,6 +2648,7 @@ function useUnmountEffect(effect) {
   useResize,
   useSSR,
   useScroll,
+  useScrollDirection,
   useScrollTo,
   useScrolled,
   useSearchParams,

package/dist/index.mjs

@@ -1358,6 +1358,7 @@ function LazyModulesProvider({ children, modules }) {
 }
 
 // src/useMetaData/useMetaData.tsx
+import { defaultLocale, defaultMarket } from "@websolutespa/bom-core";
 import { getPublicUrl, resolveHref } from "@websolutespa/bom-mixer-models";
 import { convert as htmlToText } from "html-to-text";
 import { useRouter } from "next/router";
@@ -1408,6 +1409,20 @@ function MetaDataProvider({ children, metaData }) {
     });
     return alternates2;
   }, [layout, page]);
+  const xDefault = useMemo5(() => {
+    var _a2, _b2;
+    const xDefaultMarket = ((_a2 = layout.markets.find((x) => x.isDefault)) == null ? void 0 : _a2.id) || defaultMarket;
+    const xDefaultLocale = ((_b2 = layout.locales.find((x) => x.isDefault)) == null ? void 0 : _b2.id) || defaultLocale;
+    const alternate = page.alternates.find((x) => x.market === xDefaultMarket && x.locale === xDefaultLocale);
+    if (alternate) {
+      return {
+        id: `${alternate.market}-${alternate.locale}`,
+        href: resolveHref(alternate.id),
+        hrefLang: alternate.locale
+      };
+    }
+    return void 0;
+  }, [layout, page]);
   const meta = {
     title,
     description,
@@ -1417,7 +1432,8 @@ function MetaDataProvider({ children, metaData }) {
     slug: page.href,
     url,
     canonical,
-    alternates
+    alternates,
+    xDefault
   };
   const contactPoint = {
     "@type": "ContactPoint",
@@ -1946,13 +1962,42 @@ function useScroll() {
   return scroll;
 }
 
-// src/useScrolled/useScrolled.ts
+// src/useScrollDirection/useScrollDirection.ts
 import { useState as useState22 } from "react";
+var lastScrollTop = 0;
 var DEFAULT_CALLBACK = (top, left) => {
+  const scrollTop = window.scrollY || document.documentElement.scrollTop;
+  let direction = 0;
+  if (scrollTop > lastScrollTop) {
+    direction = 1;
+  } else if (scrollTop < lastScrollTop) {
+    direction = -1;
+  }
+  lastScrollTop = scrollTop <= 0 ? 0 : scrollTop;
+  return direction;
+};
+function useScrollDirection(callback = DEFAULT_CALLBACK) {
+  const [direction, setDirection] = useState22(0);
+  const onScrolled = () => {
+    const direction_ = callback(window.scrollY, window.scrollX);
+    if (direction !== direction_) {
+      setDirection(direction_);
+    }
+  };
+  useEventListener("scroll", onScrolled);
+  useIsomorphicLayoutEffect(() => {
+    onScrolled();
+  }, []);
+  return direction;
+}
+
+// src/useScrolled/useScrolled.ts
+import { useState as useState23 } from "react";
+var DEFAULT_CALLBACK2 = (top, left) => {
   return top > 0;
 };
-function useScrolled(callback = DEFAULT_CALLBACK) {
-  const [scrolled, setScrolled] = useState22(false);
+function useScrolled(callback = DEFAULT_CALLBACK2) {
+  const [scrolled, setScrolled] = useState23(false);
   const onScrolled = () => {
     const scrolled_ = callback(window.scrollY, window.scrollX);
     if (scrolled !== scrolled_) {
@@ -2281,10 +2326,10 @@ function useSearchParamsQs(key) {
 }
 
 // src/useSorting/useSorting.ts
-import { useEffect as useEffect26, useRef as useRef10, useState as useState23 } from "react";
+import { useEffect as useEffect26, useRef as useRef10, useState as useState24 } from "react";
 function useSorting(items_, callback_, sort_) {
-  const [sort, setSort] = useState23(sort_);
-  const [items, setItems] = useState23(callback_(items_.slice(), sort));
+  const [sort, setSort] = useState24(sort_);
+  const [items, setItems] = useState24(callback_(items_.slice(), sort));
   const isInitialMount = useRef10(true);
   useEffect26(() => {
     if (isInitialMount.current) {
@@ -2447,6 +2492,7 @@ export {
   useResize,
   useSSR,
   useScroll,
+  useScrollDirection,
   useScrollTo,
   useScrolled,
   useSearchParams,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@websolutespa/bom-mixer-hooks",
-  "version": "1.9.0",
+  "version": "1.9.2",
   "description": "Mixer Hooks module of the BOM Repository",
   "keywords": [
     "bom",

package/src/index.ts

@@ -50,6 +50,7 @@ export * from './useReducedMotion/useReducedMotion';
 export * from './useReducedMotion/useReducedMotionLocal';
 export * from './useResize/useResize';
 export * from './useScroll/useScroll';
+export * from './useScrollDirection/useScrollDirection';
 export * from './useScrolled/useScrolled';
 export * from './useScrollTo/useScrollTo';
 export * from './useSearchParams/useSearchParams';

package/src/useMetaData/useMetaData.tsx

@@ -1,6 +1,6 @@
-import { IMedia, IRoute } from '@websolutespa/bom-core';
+import { defaultLocale, defaultMarket, IMedia, IRoute } from '@websolutespa/bom-core';
 import { createGenericContext, useLayout, usePage } from '@websolutespa/bom-mixer-hooks';
-import { getPublicUrl, IBrand, IMeta, IMetaData, OpenGraphType, resolveHref, StructuredDataType, TwitterCardType } from '@websolutespa/bom-mixer-models';
+import { getPublicUrl, IAlternate, IBrand, IMeta, IMetaData, OpenGraphType, resolveHref, StructuredDataType, TwitterCardType } from '@websolutespa/bom-mixer-models';
 import { convert as htmlToText } from 'html-to-text';
 import { useRouter } from 'next/router';
 import React, { useMemo } from 'react';
@@ -52,7 +52,7 @@ function MetaDataProvider({ children, metaData }: {
   const queryIndex = router.asPath.indexOf('?');
   const url = `${canonical}${queryIndex !== -1 ? router.asPath.substring(queryIndex) : ''}`;
   const alternates = useMemo(() => {
-    const alternates: { id: string, href: string, hrefLang: string }[] = [];
+    const alternates: IAlternate[] = [];
     page.alternates.forEach((alternate: IRoute) => {
       const market = layout.markets.find(x => x.id === alternate.market);
       if (market) {
@@ -77,6 +77,19 @@ function MetaDataProvider({ children, metaData }: {
     });
     return alternates;
   }, [layout, page]);
+  const xDefault = useMemo(() => {
+    const xDefaultMarket = layout.markets.find(x => x.isDefault)?.id || defaultMarket;
+    const xDefaultLocale = layout.locales.find(x => x.isDefault)?.id || defaultLocale;
+    const alternate = page.alternates.find(x => x.market === xDefaultMarket && x.locale === xDefaultLocale);
+    if (alternate) {
+      return {
+        id: `${alternate.market}-${alternate.locale}`,
+        href: resolveHref(alternate.id),
+        hrefLang: alternate.locale,
+      };
+    }
+    return undefined;
+  }, [layout, page]);
   const meta: IMeta = {
     title: title,
     description: description,
@@ -87,6 +100,7 @@ function MetaDataProvider({ children, metaData }: {
     url,
     canonical,
     alternates,
+    xDefault,
   };
   const contactPoint: ContactPoint = {
     '@type': 'ContactPoint',

package/src/useScrollDirection/useScrollDirection.ts

@@ -0,0 +1,37 @@
+import { useEventListener, useIsomorphicLayoutEffect } from '@websolutespa/bom-mixer-hooks';
+import { useState } from 'react';
+
+let lastScrollTop: number = 0;
+
+const DEFAULT_CALLBACK = (top: number, left: number) => {
+  const scrollTop = window.scrollY || document.documentElement.scrollTop;
+  let direction = 0;
+  if (scrollTop > lastScrollTop) {
+    direction = 1;
+  } else if (scrollTop < lastScrollTop) {
+    direction = -1;
+  }
+  lastScrollTop = scrollTop <= 0 ? 0 : scrollTop;
+  return direction;
+};
+
+export function useScrollDirection(callback: (top: number, left: number) => number = DEFAULT_CALLBACK): number {
+  const [direction, setDirection] = useState<number>(0);
+
+  const onScrolled = () => {
+    const direction_ = callback(window.scrollY, window.scrollX);
+    if (direction !== direction_) {
+      setDirection(direction_);
+    }
+  };
+
+  useEventListener('scroll', onScrolled);
+
+  // Set size at the first client-side load
+  useIsomorphicLayoutEffect(() => {
+    onScrolled();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return direction;
+}