@websolutespa/bom-mixer-hooks 1.8.3 → 1.8.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @websolutespa/bom-mixer-hooks
 
+## 1.8.5
+
+### Patch Changes
+
+- Modified: useSearchParams, useSearchParamsEncoded, useSearchParamsQs scroll false
+
+## 1.8.4
+
+### Patch Changes
+
+- Modified: usePageLoading, shallow routes do not fire loading state
+
 ## 1.8.3
 
 ### Patch Changes

package/dist/index.d.ts

@@ -396,6 +396,9 @@ declare function PageProvider({ children, page }: {
     page: IPage;
 }): react_jsx_runtime.JSX.Element;
 
+type IPageRouteOptions = {
+    shallow: boolean;
+};
 type IPageRoute = {
     pathname: string;
     query: Record<string, string>;
@@ -571,4 +574,4 @@ type WindowSize = {
 };
 declare function useWindowSize(): WindowSize;
 
-export { BodyScrollOptions, ClickOutGetContainer, CurrentStateType, ElementStackItem, ExtraProvider, Filter, FilterMode, FilterParams, FilterValues, GeoLocationSensorState, IExtra, IFilter, IFilterOption, IGeolocationPositionError, ILabelContext, ILayoutContext, ILazyModulesContext, IPageContext, IPageRoute, IPaginationInfo, IParams, IParamsEncoded, IParamsQs, IUseSearchParamsEncodedResult, IUseSearchParamsQsResult, IUseSearchParamsResult, IUseSearchParamsValueResult, KeyCode, KeyMod, KeyboardOptions, KeyboardResult, LabelProvider, LabelService, LayoutProvider, LazyModulesProvider, PageProvider, SSRState, SizeResult, SizeType, Sorting, UIReducer, UIValue, UseFiltersResultType, UseKeyboard, UseKeyboardHandler, createElementWithId, createGenericContext, detectIsBrowser, filtersToParams, getCurrentPosition, getFilteredItems, getFilters, getOwnerPaddingRight, getOwnerScrollbarWidth, getPagedItems, getPaginationInfo, getRealSize, getSearchParams, getSearchParamsEncoded, getSearchParamsQs, getUID, hasGeolocation, isElement, isPaginationInfo, 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, useBodyScroll, useBreakpoint, useClickAnyWhere, useClickOut, useCollectionApi, useCollectionApiDelete, useCollectionApiGet, useCollectionApiPatch, useCollectionApiPost, useCollectionApiPut, useCurrency, useCurrentState, useDateTimeFormat, useDebounce, useDebounceCallback, useDebugChangedProps, useDomObserver, useDrawer, useElementSize, useEventListener, useExtra, useFilters, useGeolocation, useIdle, useInfiniteLoader, useIntersectionObserver, useIsomorphicLayoutEffect, useKeyboard, useLabel, useLayout, useLazyModules, useModal, useMounted, useNumber, usePage, usePageLoading, usePagination, usePortal, usePrevious, useRealSize, useResize, useSSR, useScroll, useScrollTo, useScrolled, useSearchParams, useSearchParamsEncoded, useSearchParamsQs, useSearchParamsValue, useSorting, useSyncedRef, useUI, useUnit, useUnmountEffect, useWindowSize };
+export { BodyScrollOptions, ClickOutGetContainer, CurrentStateType, ElementStackItem, ExtraProvider, Filter, FilterMode, FilterParams, FilterValues, GeoLocationSensorState, IExtra, IFilter, IFilterOption, IGeolocationPositionError, ILabelContext, ILayoutContext, ILazyModulesContext, IPageContext, IPageRoute, IPageRouteOptions, IPaginationInfo, IParams, IParamsEncoded, IParamsQs, IUseSearchParamsEncodedResult, IUseSearchParamsQsResult, IUseSearchParamsResult, IUseSearchParamsValueResult, KeyCode, KeyMod, KeyboardOptions, KeyboardResult, LabelProvider, LabelService, LayoutProvider, LazyModulesProvider, PageProvider, SSRState, SizeResult, SizeType, Sorting, UIReducer, UIValue, UseFiltersResultType, UseKeyboard, UseKeyboardHandler, createElementWithId, createGenericContext, detectIsBrowser, filtersToParams, getCurrentPosition, getFilteredItems, getFilters, getOwnerPaddingRight, getOwnerScrollbarWidth, getPagedItems, getPaginationInfo, getRealSize, getSearchParams, getSearchParamsEncoded, getSearchParamsQs, getUID, hasGeolocation, isElement, isPaginationInfo, 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, useBodyScroll, useBreakpoint, useClickAnyWhere, useClickOut, useCollectionApi, useCollectionApiDelete, useCollectionApiGet, useCollectionApiPatch, useCollectionApiPost, useCollectionApiPut, useCurrency, useCurrentState, useDateTimeFormat, useDebounce, useDebounceCallback, useDebugChangedProps, useDomObserver, useDrawer, useElementSize, useEventListener, useExtra, useFilters, useGeolocation, useIdle, useInfiniteLoader, useIntersectionObserver, useIsomorphicLayoutEffect, useKeyboard, useLabel, useLayout, useLazyModules, useModal, useMounted, useNumber, usePage, usePageLoading, usePagination, usePortal, usePrevious, useRealSize, useResize, useSSR, useScroll, useScrollTo, useScrolled, useSearchParams, useSearchParamsEncoded, useSearchParamsQs, useSearchParamsValue, useSorting, useSyncedRef, useUI, useUnit, useUnmountEffect, useWindowSize };

package/dist/index.js

@@ -1420,22 +1420,31 @@ function usePageLoading(options = { loading: false }) {
   const [previousPageRoute, setPreviousPageRoute] = (0, import_react25.useState)();
   (0, import_react25.useEffect)(() => {
     let previousRoute;
-    const onRouteChangeStart = () => {
+    const onRouteChangeStart = (route, options2) => {
       const pageRoute2 = previousRoute ? getPageRoute(previousRoute) : void 0;
-      setLoading(true);
-      setPreviousPageRoute(pageRoute2);
       setError();
+      setPreviousPageRoute(pageRoute2);
+      if (options2 == null ? void 0 : options2.shallow) {
+        return;
+      }
+      setLoading(true);
     };
-    const onRouteChangeComplete = (route) => {
+    const onRouteChangeComplete = (route, options2) => {
       const pageRoute2 = getPageRoute(route);
       setPageRoute(pageRoute2);
       previousRoute = route;
+      if (options2 == null ? void 0 : options2.shallow) {
+        return;
+      }
       setLoading(false);
     };
-    const onRouteChangeError = (error2) => {
+    const onRouteChangeError = (error2, route, options2) => {
       console.log("usePageLoading.onRouteChangeError", error2);
-      setLoading(false);
       setError(error2);
+      if (options2 == null ? void 0 : options2.shallow) {
+        return;
+      }
+      setLoading(false);
     };
     import_router.Router.events.on("routeChangeStart", onRouteChangeStart);
     import_router.Router.events.on("routeChangeComplete", onRouteChangeComplete);
@@ -1697,7 +1706,7 @@ function pushSearchParams(router, params) {
 }
 function pushSearchParamsSilently(router, params) {
   const { pathname, query } = updateSearchParams(router.asPath, params);
-  router.push({ pathname, query }, void 0, { shallow: true });
+  router.push({ pathname, query }, void 0, { shallow: true, scroll: false });
 }
 function replaceSearchParams(router, params) {
   const { pathname, query } = updateSearchParams(router.asPath, params);
@@ -1705,7 +1714,7 @@ function replaceSearchParams(router, params) {
 }
 function replaceSearchParamsSilently(router, params) {
   const { pathname, query } = updateSearchParams(router.asPath, params);
-  router.replace({ pathname, query }, void 0, { shallow: true });
+  router.replace({ pathname, query }, void 0, { shallow: true, scroll: false });
 }
 function useSearchParams() {
   const router = (0, import_router2.useRouter)();
@@ -1904,7 +1913,7 @@ function pushSearchParamsQs(router, value, key) {
 }
 function pushSearchParamsQsSilently(router, value, key) {
   const { pathname, query } = updateSearchParamsQs(router.asPath, value, key);
-  router.push({ pathname, query }, void 0, { shallow: true });
+  router.push({ pathname, query }, void 0, { shallow: true, scroll: false });
 }
 function replaceSearchParamsQs(router, value, key) {
   const { pathname, query } = updateSearchParamsQs(router.asPath, value, key);
@@ -1912,7 +1921,7 @@ function replaceSearchParamsQs(router, value, key) {
 }
 function replaceSearchParamsQsSilently(router, value, key) {
   const { pathname, query } = updateSearchParamsQs(router.asPath, value, key);
-  router.replace({ pathname, query }, void 0, { shallow: true });
+  router.replace({ pathname, query }, void 0, { shallow: true, scroll: false });
 }
 function useSearchParamsQs(key) {
   const router = (0, import_router4.useRouter)();

package/dist/index.mjs

@@ -1280,22 +1280,31 @@ function usePageLoading(options = { loading: false }) {
   const [previousPageRoute, setPreviousPageRoute] = useState14();
   useEffect19(() => {
     let previousRoute;
-    const onRouteChangeStart = () => {
+    const onRouteChangeStart = (route, options2) => {
       const pageRoute2 = previousRoute ? getPageRoute(previousRoute) : void 0;
-      setLoading(true);
-      setPreviousPageRoute(pageRoute2);
       setError();
+      setPreviousPageRoute(pageRoute2);
+      if (options2 == null ? void 0 : options2.shallow) {
+        return;
+      }
+      setLoading(true);
     };
-    const onRouteChangeComplete = (route) => {
+    const onRouteChangeComplete = (route, options2) => {
       const pageRoute2 = getPageRoute(route);
       setPageRoute(pageRoute2);
       previousRoute = route;
+      if (options2 == null ? void 0 : options2.shallow) {
+        return;
+      }
       setLoading(false);
     };
-    const onRouteChangeError = (error2) => {
+    const onRouteChangeError = (error2, route, options2) => {
       console.log("usePageLoading.onRouteChangeError", error2);
-      setLoading(false);
       setError(error2);
+      if (options2 == null ? void 0 : options2.shallow) {
+        return;
+      }
+      setLoading(false);
     };
     Router.events.on("routeChangeStart", onRouteChangeStart);
     Router.events.on("routeChangeComplete", onRouteChangeComplete);
@@ -1557,7 +1566,7 @@ function pushSearchParams(router, params) {
 }
 function pushSearchParamsSilently(router, params) {
   const { pathname, query } = updateSearchParams(router.asPath, params);
-  router.push({ pathname, query }, void 0, { shallow: true });
+  router.push({ pathname, query }, void 0, { shallow: true, scroll: false });
 }
 function replaceSearchParams(router, params) {
   const { pathname, query } = updateSearchParams(router.asPath, params);
@@ -1565,7 +1574,7 @@ function replaceSearchParams(router, params) {
 }
 function replaceSearchParamsSilently(router, params) {
   const { pathname, query } = updateSearchParams(router.asPath, params);
-  router.replace({ pathname, query }, void 0, { shallow: true });
+  router.replace({ pathname, query }, void 0, { shallow: true, scroll: false });
 }
 function useSearchParams() {
   const router = useRouter();
@@ -1764,7 +1773,7 @@ function pushSearchParamsQs(router, value, key) {
 }
 function pushSearchParamsQsSilently(router, value, key) {
   const { pathname, query } = updateSearchParamsQs(router.asPath, value, key);
-  router.push({ pathname, query }, void 0, { shallow: true });
+  router.push({ pathname, query }, void 0, { shallow: true, scroll: false });
 }
 function replaceSearchParamsQs(router, value, key) {
   const { pathname, query } = updateSearchParamsQs(router.asPath, value, key);
@@ -1772,7 +1781,7 @@ function replaceSearchParamsQs(router, value, key) {
 }
 function replaceSearchParamsQsSilently(router, value, key) {
   const { pathname, query } = updateSearchParamsQs(router.asPath, value, key);
-  router.replace({ pathname, query }, void 0, { shallow: true });
+  router.replace({ pathname, query }, void 0, { shallow: true, scroll: false });
 }
 function useSearchParamsQs(key) {
   const router = useRouter3();

package/package.json

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

package/src/usePageLoading/usePageLoading.ts

@@ -1,6 +1,10 @@
 import { Router } from 'next/router';
 import { useEffect, useState } from 'react';
 
+export type IPageRouteOptions = {
+  shallow: boolean;
+};
+
 export type IPageRoute = {
   pathname: string;
   query: Record<string, string>;
@@ -31,24 +35,36 @@ export function usePageLoading(options: { loading: boolean } = { loading: false
 
   useEffect(() => {
     let previousRoute: string | undefined;
-    const onRouteChangeStart = () => {
+    const onRouteChangeStart = (route: string, options: IPageRouteOptions) => {
       const pageRoute = previousRoute ? getPageRoute(previousRoute) : undefined;
       // console.log('usePageLoading.onRouteChangeStart', pageRoute, previousRoute);
-      setLoading(true);
-      setPreviousPageRoute(pageRoute);
       setError();
+      setPreviousPageRoute(pageRoute);
+      // shallow routes do not fire loading state
+      if (options?.shallow) {
+        return;
+      }
+      setLoading(true);
     };
-    const onRouteChangeComplete = (route: string) => {
+    const onRouteChangeComplete = (route: string, options: IPageRouteOptions) => {
       const pageRoute = getPageRoute(route);
       // console.log('usePageLoading.onRouteChangeComplete', pageRoute);
       setPageRoute(pageRoute);
       previousRoute = route;
+      // shallow routes do not fire loading state
+      if (options?.shallow) {
+        return;
+      }
       setLoading(false);
     };
-    const onRouteChangeError = (error: Error) => {
+    const onRouteChangeError = (error: Error, route: string, options: IPageRouteOptions) => {
       console.log('usePageLoading.onRouteChangeError', error);
-      setLoading(false);
       setError(error);
+      // shallow routes do not fire loading state
+      if (options?.shallow) {
+        return;
+      }
+      setLoading(false);
     };
     Router.events.on('routeChangeStart', onRouteChangeStart);
     Router.events.on('routeChangeComplete', onRouteChangeComplete);

package/src/useSearchParams/useSearchParams.ts

@@ -49,7 +49,7 @@ export function pushSearchParams(router: NextRouter, params: IParams): void {
 
 export function pushSearchParamsSilently(router: NextRouter, params: IParams): void {
   const { pathname, query } = updateSearchParams(router.asPath, params);
-  router.push({ pathname, query }, undefined, { shallow: true });
+  router.push({ pathname, query }, undefined, { shallow: true, scroll: false });
 }
 
 export function replaceSearchParams(router: NextRouter, params: IParams): void {
@@ -59,7 +59,7 @@ export function replaceSearchParams(router: NextRouter, params: IParams): void {
 
 export function replaceSearchParamsSilently(router: NextRouter, params: IParams): void {
   const { pathname, query } = updateSearchParams(router.asPath, params);
-  router.replace({ pathname, query }, undefined, { shallow: true });
+  router.replace({ pathname, query }, undefined, { shallow: true, scroll: false });
 }
 
 export type IParams = {

package/src/useSearchParamsQs/useSearchParamsQs.ts

@@ -68,7 +68,7 @@ export function pushSearchParamsQs(router: NextRouter, value: IParamsQs, key?: s
 
 export function pushSearchParamsQsSilently(router: NextRouter, value: IParamsQs, key?: string): void {
   const { pathname, query } = updateSearchParamsQs(router.asPath, value, key);
-  router.push({ pathname, query }, undefined, { shallow: true });
+  router.push({ pathname, query }, undefined, { shallow: true, scroll: false });
 }
 
 export function replaceSearchParamsQs(router: NextRouter, value: IParamsQs, key?: string): void {
@@ -78,7 +78,7 @@ export function replaceSearchParamsQs(router: NextRouter, value: IParamsQs, key?
 
 export function replaceSearchParamsQsSilently(router: NextRouter, value: IParamsQs, key?: string): void {
   const { pathname, query } = updateSearchParamsQs(router.asPath, value, key);
-  router.replace({ pathname, query }, undefined, { shallow: true });
+  router.replace({ pathname, query }, undefined, { shallow: true, scroll: false });
 }
 
 export function useSearchParamsQs(key?: string): IUseSearchParamsQsResult {