@websolutespa/bom-mixer-hooks 1.8.0 → 1.8.2

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @websolutespa/bom-mixer-hooks
 
+## 1.8.2
+
+### Patch Changes
+
+- Modified: useSearchParams, useSearchParamsEncoded, useSearchParamsQs added pushParams
+
+## 1.8.1
+
+### Patch Changes
+
+- Updated dependencies
+  - @websolutespa/bom-core@1.8.5
+
 ## 1.8.0
 
 ### Minor Changes

package/dist/index.d.ts

@@ -461,21 +461,23 @@ declare function updateSearchParams(currentPath: string, params: IParams): {
         [key: string]: string;
     };
 };
-declare function replaceSearchParams(router: NextRouter, params: IParams): void;
 declare function pushSearchParams(router: NextRouter, params: IParams): void;
+declare function pushSearchParamsSilently(params: IParams): void;
+declare function replaceSearchParams(router: NextRouter, params: IParams): void;
 declare function replaceSearchParamsSilently(params: IParams): void;
-declare function useSearchParams(): IUseSearchParamsResult;
 type IParams = {
     [key: string]: string;
 };
-type IUseSearchParamsValueResult = {
-    params: string | null;
-    replaceParamsSilently: (params: IParams) => void;
-};
 type IUseSearchParamsResult = {
     params: IParams;
-    replaceParamsSilently: (params: IParams) => void;
+    pushParams: (params: IParams) => void;
+    pushParamsSilently: (params: IParams) => void;
     replaceParams: (params: IParams) => void;
+    replaceParamsSilently: (params: IParams) => void;
+};
+declare function useSearchParams(): IUseSearchParamsResult;
+type IUseSearchParamsValueResult = Omit<IUseSearchParamsResult, 'params'> & {
+    params: string | null;
 };
 declare function useSearchParamsValue(key: string): IUseSearchParamsValueResult;
 
@@ -486,32 +488,38 @@ declare function updateSearchParamsEncoded(currentPath: string, value: IParamsEn
         [key: string]: string;
     };
 };
-declare function replaceSearchParamsEncoded(router: NextRouter, value: IParamsEncoded, key?: string): void;
 declare function pushSearchParamsEncoded(router: NextRouter, value: IParamsEncoded, key?: string): void;
+declare function pushSearchParamsEncodedSilently(value: IParamsEncoded, key?: string): void;
+declare function replaceSearchParamsEncoded(router: NextRouter, value: IParamsEncoded, key?: string): void;
 declare function replaceSearchParamsEncodedSilently(value: IParamsEncoded, key?: string): void;
 type IParamsEncoded = {
     [key: string]: any;
 } | null;
 type IUseSearchParamsEncodedResult = {
     params: IParamsEncoded;
-    replaceParamsSilently: (params: IParamsEncoded) => void;
+    pushParams: (params: IParamsEncoded) => void;
+    pushParamsSilently: (params: IParamsEncoded) => void;
     replaceParams: (params: IParamsEncoded) => void;
+    replaceParamsSilently: (params: IParamsEncoded) => void;
 };
 declare function useSearchParamsEncoded(key?: string): IUseSearchParamsEncodedResult;
 
 type IParamsQs = Record<string, any>;
 type IUseSearchParamsQsResult = {
     params: IParamsQs;
-    replaceParamsSilently: (params: IParamsQs) => void;
+    pushParams: (params: IParamsQs) => void;
+    pushParamsSilently: (params: IParamsQs) => void;
     replaceParams: (params: IParamsQs) => void;
+    replaceParamsSilently: (params: IParamsQs) => void;
 };
 declare function getSearchParamsQs(url: string, key?: string): IParamsQs;
 declare function updateSearchParamsQs(url: string, value: IParamsQs, key?: string): {
     pathname: string;
     query: string;
 };
-declare function replaceSearchParamsQs(router: NextRouter, value: IParamsQs, key?: string): void;
 declare function pushSearchParamsQs(router: NextRouter, value: IParamsQs, key?: string): void;
+declare function pushSearchParamsQsSilently(value: IParamsQs, key?: string): void;
+declare function replaceSearchParamsQs(router: NextRouter, value: IParamsQs, key?: string): void;
 declare function replaceSearchParamsQsSilently(value: IParamsQs, key?: string): void;
 declare function useSearchParamsQs(key?: string): IUseSearchParamsQsResult;
 
@@ -549,4 +557,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, 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, pushSearchParamsQs, 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, 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, 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, usePagination, usePortal, usePrevious, useRealSize, useResize, useSSR, useScroll, useScrollTo, useScrolled, useSearchParams, useSearchParamsEncoded, useSearchParamsQs, useSearchParamsValue, useSorting, useSyncedRef, useUI, useUnit, useUnmountEffect, useWindowSize };

package/dist/index.js

@@ -96,7 +96,10 @@ __export(src_exports, {
   parseParams: () => parseParams,
   pushSearchParams: () => pushSearchParams,
   pushSearchParamsEncoded: () => pushSearchParamsEncoded,
+  pushSearchParamsEncodedSilently: () => pushSearchParamsEncodedSilently,
   pushSearchParamsQs: () => pushSearchParamsQs,
+  pushSearchParamsQsSilently: () => pushSearchParamsQsSilently,
+  pushSearchParamsSilently: () => pushSearchParamsSilently,
   replaceSearchParams: () => replaceSearchParams,
   replaceSearchParamsEncoded: () => replaceSearchParamsEncoded,
   replaceSearchParamsEncodedSilently: () => replaceSearchParamsEncodedSilently,
@@ -1601,13 +1604,6 @@ function useScrolled(callback = DEFAULT_CALLBACK) {
 var import_bom_core7 = require("@websolutespa/bom-core");
 var import_router = require("next/router");
 var import_react31 = require("react");
-function replace_(params) {
-  if (window.history) {
-    const title = document.title;
-    const url = `${window.location.href.split("?")[0]}?${params.toString()}`;
-    window.history.replaceState(params.toString(), title, url);
-  }
-}
 function deserialize_(url) {
   const components = url.split("?");
   const search = components[1] || "";
@@ -1642,18 +1638,38 @@ function updateSearchParams(currentPath, params) {
   const pathname = components[0] || "";
   return { pathname, query };
 }
+function pushSearchParams(router, params) {
+  const { pathname, query } = updateSearchParams(router.asPath, params);
+  router.push({ pathname, query });
+}
+function historyPushState(params) {
+  if (window.history) {
+    const title = document.title;
+    const url = `${window.location.href.split("?")[0]}?${params.toString()}`;
+    window.history.pushState(params.toString(), title, url);
+  }
+}
+function pushSearchParamsSilently(params) {
+  if (import_bom_core7.isBrowser) {
+    const searchParams = serialize_(window.location.search, params);
+    historyPushState(searchParams);
+  }
+}
 function replaceSearchParams(router, params) {
   const { pathname, query } = updateSearchParams(router.asPath, params);
   router.replace({ pathname, query });
 }
-function pushSearchParams(router, params) {
-  const { pathname, query } = updateSearchParams(router.asPath, params);
-  router.push({ pathname, query });
+function historyReplaceState(params) {
+  if (window.history) {
+    const title = document.title;
+    const url = `${window.location.href.split("?")[0]}?${params.toString()}`;
+    window.history.replaceState(params.toString(), title, url);
+  }
 }
 function replaceSearchParamsSilently(params) {
   if (import_bom_core7.isBrowser) {
     const searchParams = serialize_(window.location.search, params);
-    replace_(searchParams);
+    historyReplaceState(searchParams);
   }
 }
 function useSearchParams() {
@@ -1664,13 +1680,19 @@ function useSearchParams() {
     return value;
   }, [router.asPath]);
   const params = initialValue;
-  const replaceParamsSilently = (0, import_react31.useCallback)((params2) => {
-    replaceSearchParamsSilently(params2);
+  const pushParams = (0, import_react31.useCallback)((params2) => {
+    pushSearchParams(router, params2);
+  }, [router]);
+  const pushParamsSilently = (0, import_react31.useCallback)((params2) => {
+    pushSearchParamsSilently(params2);
   }, []);
   const replaceParams = (0, import_react31.useCallback)((params2) => {
     replaceSearchParams(router, params2);
   }, [router]);
-  return { params, replaceParamsSilently, replaceParams };
+  const replaceParamsSilently = (0, import_react31.useCallback)((params2) => {
+    replaceSearchParamsSilently(params2);
+  }, []);
+  return { params, pushParams, pushParamsSilently, replaceParams, replaceParamsSilently };
 }
 function useSearchParamsValue(key) {
   const router = (0, import_router.useRouter)();
@@ -1680,10 +1702,19 @@ function useSearchParamsValue(key) {
     return value;
   }, [key, router.asPath]);
   const params = initialValue;
+  const pushParams = (0, import_react31.useCallback)((params2) => {
+    pushSearchParams(router, params2);
+  }, [router]);
+  const pushParamsSilently = (0, import_react31.useCallback)((params2) => {
+    pushSearchParamsSilently(params2);
+  }, []);
+  const replaceParams = (0, import_react31.useCallback)((params2) => {
+    replaceSearchParams(router, params2);
+  }, [router]);
   const replaceParamsSilently = (0, import_react31.useCallback)((params2) => {
     replaceSearchParamsSilently(params2);
   }, []);
-  return { params, replaceParamsSilently };
+  return { params, pushParams, pushParamsSilently, replaceParams, replaceParamsSilently };
 }
 
 // src/useSearchParamsEncoded/useSearchParamsEncoded.ts
@@ -1691,16 +1722,6 @@ var import_bom_core8 = require("@websolutespa/bom-core");
 var import_router2 = require("next/router");
 var import_react32 = require("react");
 var USE_ENCRYPTION = true;
-function base64ToString(base64) {
-  if (!USE_ENCRYPTION)
-    return base64;
-  return import_bom_core8.isBrowser ? window.atob(base64) : Buffer.from(base64, "base64").toString();
-}
-function stringToBase64(text) {
-  if (!USE_ENCRYPTION)
-    return text;
-  return import_bom_core8.isBrowser ? window.btoa(text) : Buffer.from(text).toString("base64");
-}
 function stringToURLSearchParams(url) {
   return new URLSearchParams(url);
 }
@@ -1717,13 +1738,6 @@ function setURLSearchParams(url, keyOrValue, value) {
   }
   return params;
 }
-function replace_2(params) {
-  if (window.history) {
-    const title = document.title;
-    const url = `${window.location.href.split("?")[0]}?${params.toString()}`;
-    window.history.replaceState(params.toString(), title, url);
-  }
-}
 function deserialize_2(url, key) {
   const encoded = getURLSearchParams(url, "params");
   return decode(encoded, key);
@@ -1736,7 +1750,7 @@ function serialize_2(url, value, key) {
 function decode(encoded, key) {
   let decoded = null;
   if (encoded) {
-    const json = base64ToString(encoded);
+    const json = USE_ENCRYPTION ? (0, import_bom_core8.base64ToString)(encoded) : encoded;
     decoded = JSON.parse(json);
   }
   if (key && decoded) {
@@ -1753,7 +1767,7 @@ function encode(params, value, key) {
     params = Object.assign(params, value);
   }
   const json = JSON.stringify(params);
-  encoded = stringToBase64(json);
+  encoded = USE_ENCRYPTION ? (0, import_bom_core8.stringToBase64)(json) : json;
   return encoded;
 }
 function searchParamsToObject_2(params) {
@@ -1779,18 +1793,38 @@ function updateSearchParamsEncoded(currentPath, value, key) {
   const pathname = components[0] || "";
   return { pathname, query };
 }
+function pushSearchParamsEncoded(router, value, key) {
+  const { pathname, query } = updateSearchParamsEncoded(router.asPath, value, key);
+  router.push({ pathname, query });
+}
+function historyPushState2(params) {
+  if (window.history) {
+    const title = document.title;
+    const url = `${window.location.href.split("?")[0]}?${params.toString()}`;
+    window.history.pushState(params.toString(), title, url);
+  }
+}
+function pushSearchParamsEncodedSilently(value, key) {
+  if (import_bom_core8.isBrowser) {
+    const searchParams = serialize_2(window.location.search, value, key);
+    historyPushState2(searchParams);
+  }
+}
 function replaceSearchParamsEncoded(router, value, key) {
   const { pathname, query } = updateSearchParamsEncoded(router.asPath, value, key);
   router.replace({ pathname, query });
 }
-function pushSearchParamsEncoded(router, value, key) {
-  const { pathname, query } = updateSearchParamsEncoded(router.asPath, value, key);
-  router.push({ pathname, query });
+function historyReplaceState2(params) {
+  if (window.history) {
+    const title = document.title;
+    const url = `${window.location.href.split("?")[0]}?${params.toString()}`;
+    window.history.replaceState(params.toString(), title, url);
+  }
 }
 function replaceSearchParamsEncodedSilently(value, key) {
   if (import_bom_core8.isBrowser) {
     const searchParams = serialize_2(window.location.search, value, key);
-    replace_2(searchParams);
+    historyReplaceState2(searchParams);
   }
 }
 function useSearchParamsEncoded(key) {
@@ -1800,26 +1834,25 @@ function useSearchParamsEncoded(key) {
     return value;
   }, [key, router.asPath]);
   const params = initialValue;
-  const replaceParamsSilently = (0, import_react32.useCallback)((params2) => {
-    replaceSearchParamsEncodedSilently(params2, key);
+  const pushParams = (0, import_react32.useCallback)((params2) => {
+    pushSearchParamsEncoded(router, params2, key);
+  }, [key, router]);
+  const pushParamsSilently = (0, import_react32.useCallback)((params2) => {
+    pushSearchParamsEncodedSilently(params2, key);
   }, [key]);
   const replaceParams = (0, import_react32.useCallback)((params2) => {
     replaceSearchParamsEncoded(router, params2, key);
   }, [key, router]);
-  return { params, replaceParamsSilently, replaceParams };
+  const replaceParamsSilently = (0, import_react32.useCallback)((params2) => {
+    replaceSearchParamsEncodedSilently(params2, key);
+  }, [key]);
+  return { params, pushParams, pushParamsSilently, replaceParams, replaceParamsSilently };
 }
 
 // src/useSearchParamsQs/useSearchParamsQs.ts
 var import_bom_core9 = require("@websolutespa/bom-core");
 var import_router3 = require("next/router");
 var import_react33 = require("react");
-function replace(search) {
-  if (window.history) {
-    const title = document.title;
-    const url = `${window.location.href.split("?")[0]}?${search}`;
-    window.history.replaceState(search, title, url);
-  }
-}
 function deserialize(encoded, key) {
   let decoded = {};
   if (encoded) {
@@ -1862,18 +1895,38 @@ function updateSearchParamsQs(url, value, key) {
   const { search, params } = serialize(components.search, value, key);
   return { pathname: components.pathname, query: search };
 }
+function pushSearchParamsQs(router, value, key) {
+  const { pathname, query } = updateSearchParamsQs(router.asPath, value, key);
+  router.push({ pathname, query });
+}
+function historyPushState3(search) {
+  if (window.history) {
+    const title = document.title;
+    const url = `${window.location.href.split("?")[0]}?${search}`;
+    window.history.pushState(search, title, url);
+  }
+}
+function pushSearchParamsQsSilently(value, key) {
+  if (import_bom_core9.isBrowser) {
+    const { search } = serialize(window.location.search, value, key);
+    historyPushState3(search);
+  }
+}
 function replaceSearchParamsQs(router, value, key) {
   const { pathname, query } = updateSearchParamsQs(router.asPath, value, key);
   router.replace({ pathname, query });
 }
-function pushSearchParamsQs(router, value, key) {
-  const { pathname, query } = updateSearchParamsQs(router.asPath, value, key);
-  router.push({ pathname, query });
+function historyReplaceState3(search) {
+  if (window.history) {
+    const title = document.title;
+    const url = `${window.location.href.split("?")[0]}?${search}`;
+    window.history.replaceState(search, title, url);
+  }
 }
 function replaceSearchParamsQsSilently(value, key) {
   if (import_bom_core9.isBrowser) {
     const { search } = serialize(window.location.search, value, key);
-    replace(search);
+    historyReplaceState3(search);
   }
 }
 function useSearchParamsQs(key) {
@@ -1883,13 +1936,19 @@ function useSearchParamsQs(key) {
     return value;
   }, [key, router.asPath]);
   const params = initialValue;
-  const replaceParamsSilently = (0, import_react33.useCallback)((params2) => {
-    replaceSearchParamsQsSilently(params2, key);
+  const pushParams = (0, import_react33.useCallback)((params2) => {
+    pushSearchParamsQs(router, params2, key);
+  }, [key, router]);
+  const pushParamsSilently = (0, import_react33.useCallback)((params2) => {
+    pushSearchParamsQsSilently(params2, key);
   }, [key]);
   const replaceParams = (0, import_react33.useCallback)((params2) => {
     replaceSearchParamsQs(router, params2, key);
   }, [key, router]);
-  return { params, replaceParamsSilently, replaceParams };
+  const replaceParamsSilently = (0, import_react33.useCallback)((params2) => {
+    replaceSearchParamsQsSilently(params2, key);
+  }, [key]);
+  return { params, pushParamsSilently, pushParams, replaceParamsSilently, replaceParams };
 }
 
 // src/useSorting/useSorting.ts
@@ -1979,7 +2038,10 @@ function useUnmountEffect(effect) {
   parseParams,
   pushSearchParams,
   pushSearchParamsEncoded,
+  pushSearchParamsEncodedSilently,
   pushSearchParamsQs,
+  pushSearchParamsQsSilently,
+  pushSearchParamsSilently,
   replaceSearchParams,
   replaceSearchParamsEncoded,
   replaceSearchParamsEncodedSilently,

package/dist/index.mjs

@@ -1465,13 +1465,6 @@ function useScrolled(callback = DEFAULT_CALLBACK) {
 import { isBrowser as isBrowser3 } from "@websolutespa/bom-core";
 import { useRouter } from "next/router";
 import { useCallback as useCallback5, useMemo as useMemo5 } from "react";
-function replace_(params) {
-  if (window.history) {
-    const title = document.title;
-    const url = `${window.location.href.split("?")[0]}?${params.toString()}`;
-    window.history.replaceState(params.toString(), title, url);
-  }
-}
 function deserialize_(url) {
   const components = url.split("?");
   const search = components[1] || "";
@@ -1506,18 +1499,38 @@ function updateSearchParams(currentPath, params) {
   const pathname = components[0] || "";
   return { pathname, query };
 }
+function pushSearchParams(router, params) {
+  const { pathname, query } = updateSearchParams(router.asPath, params);
+  router.push({ pathname, query });
+}
+function historyPushState(params) {
+  if (window.history) {
+    const title = document.title;
+    const url = `${window.location.href.split("?")[0]}?${params.toString()}`;
+    window.history.pushState(params.toString(), title, url);
+  }
+}
+function pushSearchParamsSilently(params) {
+  if (isBrowser3) {
+    const searchParams = serialize_(window.location.search, params);
+    historyPushState(searchParams);
+  }
+}
 function replaceSearchParams(router, params) {
   const { pathname, query } = updateSearchParams(router.asPath, params);
   router.replace({ pathname, query });
 }
-function pushSearchParams(router, params) {
-  const { pathname, query } = updateSearchParams(router.asPath, params);
-  router.push({ pathname, query });
+function historyReplaceState(params) {
+  if (window.history) {
+    const title = document.title;
+    const url = `${window.location.href.split("?")[0]}?${params.toString()}`;
+    window.history.replaceState(params.toString(), title, url);
+  }
 }
 function replaceSearchParamsSilently(params) {
   if (isBrowser3) {
     const searchParams = serialize_(window.location.search, params);
-    replace_(searchParams);
+    historyReplaceState(searchParams);
   }
 }
 function useSearchParams() {
@@ -1528,13 +1541,19 @@ function useSearchParams() {
     return value;
   }, [router.asPath]);
   const params = initialValue;
-  const replaceParamsSilently = useCallback5((params2) => {
-    replaceSearchParamsSilently(params2);
+  const pushParams = useCallback5((params2) => {
+    pushSearchParams(router, params2);
+  }, [router]);
+  const pushParamsSilently = useCallback5((params2) => {
+    pushSearchParamsSilently(params2);
   }, []);
   const replaceParams = useCallback5((params2) => {
     replaceSearchParams(router, params2);
   }, [router]);
-  return { params, replaceParamsSilently, replaceParams };
+  const replaceParamsSilently = useCallback5((params2) => {
+    replaceSearchParamsSilently(params2);
+  }, []);
+  return { params, pushParams, pushParamsSilently, replaceParams, replaceParamsSilently };
 }
 function useSearchParamsValue(key) {
   const router = useRouter();
@@ -1544,27 +1563,26 @@ function useSearchParamsValue(key) {
     return value;
   }, [key, router.asPath]);
   const params = initialValue;
+  const pushParams = useCallback5((params2) => {
+    pushSearchParams(router, params2);
+  }, [router]);
+  const pushParamsSilently = useCallback5((params2) => {
+    pushSearchParamsSilently(params2);
+  }, []);
+  const replaceParams = useCallback5((params2) => {
+    replaceSearchParams(router, params2);
+  }, [router]);
   const replaceParamsSilently = useCallback5((params2) => {
     replaceSearchParamsSilently(params2);
   }, []);
-  return { params, replaceParamsSilently };
+  return { params, pushParams, pushParamsSilently, replaceParams, replaceParamsSilently };
 }
 
 // src/useSearchParamsEncoded/useSearchParamsEncoded.ts
-import { isBrowser as isBrowser4 } from "@websolutespa/bom-core";
+import { base64ToString, isBrowser as isBrowser4, stringToBase64 } from "@websolutespa/bom-core";
 import { useRouter as useRouter2 } from "next/router";
 import { useCallback as useCallback6, useMemo as useMemo6 } from "react";
 var USE_ENCRYPTION = true;
-function base64ToString(base64) {
-  if (!USE_ENCRYPTION)
-    return base64;
-  return isBrowser4 ? window.atob(base64) : Buffer.from(base64, "base64").toString();
-}
-function stringToBase64(text) {
-  if (!USE_ENCRYPTION)
-    return text;
-  return isBrowser4 ? window.btoa(text) : Buffer.from(text).toString("base64");
-}
 function stringToURLSearchParams(url) {
   return new URLSearchParams(url);
 }
@@ -1581,13 +1599,6 @@ function setURLSearchParams(url, keyOrValue, value) {
   }
   return params;
 }
-function replace_2(params) {
-  if (window.history) {
-    const title = document.title;
-    const url = `${window.location.href.split("?")[0]}?${params.toString()}`;
-    window.history.replaceState(params.toString(), title, url);
-  }
-}
 function deserialize_2(url, key) {
   const encoded = getURLSearchParams(url, "params");
   return decode(encoded, key);
@@ -1600,7 +1611,7 @@ function serialize_2(url, value, key) {
 function decode(encoded, key) {
   let decoded = null;
   if (encoded) {
-    const json = base64ToString(encoded);
+    const json = USE_ENCRYPTION ? base64ToString(encoded) : encoded;
     decoded = JSON.parse(json);
   }
   if (key && decoded) {
@@ -1617,7 +1628,7 @@ function encode(params, value, key) {
     params = Object.assign(params, value);
   }
   const json = JSON.stringify(params);
-  encoded = stringToBase64(json);
+  encoded = USE_ENCRYPTION ? stringToBase64(json) : json;
   return encoded;
 }
 function searchParamsToObject_2(params) {
@@ -1643,18 +1654,38 @@ function updateSearchParamsEncoded(currentPath, value, key) {
   const pathname = components[0] || "";
   return { pathname, query };
 }
+function pushSearchParamsEncoded(router, value, key) {
+  const { pathname, query } = updateSearchParamsEncoded(router.asPath, value, key);
+  router.push({ pathname, query });
+}
+function historyPushState2(params) {
+  if (window.history) {
+    const title = document.title;
+    const url = `${window.location.href.split("?")[0]}?${params.toString()}`;
+    window.history.pushState(params.toString(), title, url);
+  }
+}
+function pushSearchParamsEncodedSilently(value, key) {
+  if (isBrowser4) {
+    const searchParams = serialize_2(window.location.search, value, key);
+    historyPushState2(searchParams);
+  }
+}
 function replaceSearchParamsEncoded(router, value, key) {
   const { pathname, query } = updateSearchParamsEncoded(router.asPath, value, key);
   router.replace({ pathname, query });
 }
-function pushSearchParamsEncoded(router, value, key) {
-  const { pathname, query } = updateSearchParamsEncoded(router.asPath, value, key);
-  router.push({ pathname, query });
+function historyReplaceState2(params) {
+  if (window.history) {
+    const title = document.title;
+    const url = `${window.location.href.split("?")[0]}?${params.toString()}`;
+    window.history.replaceState(params.toString(), title, url);
+  }
 }
 function replaceSearchParamsEncodedSilently(value, key) {
   if (isBrowser4) {
     const searchParams = serialize_2(window.location.search, value, key);
-    replace_2(searchParams);
+    historyReplaceState2(searchParams);
   }
 }
 function useSearchParamsEncoded(key) {
@@ -1664,26 +1695,25 @@ function useSearchParamsEncoded(key) {
     return value;
   }, [key, router.asPath]);
   const params = initialValue;
-  const replaceParamsSilently = useCallback6((params2) => {
-    replaceSearchParamsEncodedSilently(params2, key);
+  const pushParams = useCallback6((params2) => {
+    pushSearchParamsEncoded(router, params2, key);
+  }, [key, router]);
+  const pushParamsSilently = useCallback6((params2) => {
+    pushSearchParamsEncodedSilently(params2, key);
   }, [key]);
   const replaceParams = useCallback6((params2) => {
     replaceSearchParamsEncoded(router, params2, key);
   }, [key, router]);
-  return { params, replaceParamsSilently, replaceParams };
+  const replaceParamsSilently = useCallback6((params2) => {
+    replaceSearchParamsEncodedSilently(params2, key);
+  }, [key]);
+  return { params, pushParams, pushParamsSilently, replaceParams, replaceParamsSilently };
 }
 
 // src/useSearchParamsQs/useSearchParamsQs.ts
 import { isBrowser as isBrowser5, qsDeserializeRaw, qsSerializeRaw } from "@websolutespa/bom-core";
 import { useRouter as useRouter3 } from "next/router";
 import { useCallback as useCallback7, useMemo as useMemo7 } from "react";
-function replace(search) {
-  if (window.history) {
-    const title = document.title;
-    const url = `${window.location.href.split("?")[0]}?${search}`;
-    window.history.replaceState(search, title, url);
-  }
-}
 function deserialize(encoded, key) {
   let decoded = {};
   if (encoded) {
@@ -1726,18 +1756,38 @@ function updateSearchParamsQs(url, value, key) {
   const { search, params } = serialize(components.search, value, key);
   return { pathname: components.pathname, query: search };
 }
+function pushSearchParamsQs(router, value, key) {
+  const { pathname, query } = updateSearchParamsQs(router.asPath, value, key);
+  router.push({ pathname, query });
+}
+function historyPushState3(search) {
+  if (window.history) {
+    const title = document.title;
+    const url = `${window.location.href.split("?")[0]}?${search}`;
+    window.history.pushState(search, title, url);
+  }
+}
+function pushSearchParamsQsSilently(value, key) {
+  if (isBrowser5) {
+    const { search } = serialize(window.location.search, value, key);
+    historyPushState3(search);
+  }
+}
 function replaceSearchParamsQs(router, value, key) {
   const { pathname, query } = updateSearchParamsQs(router.asPath, value, key);
   router.replace({ pathname, query });
 }
-function pushSearchParamsQs(router, value, key) {
-  const { pathname, query } = updateSearchParamsQs(router.asPath, value, key);
-  router.push({ pathname, query });
+function historyReplaceState3(search) {
+  if (window.history) {
+    const title = document.title;
+    const url = `${window.location.href.split("?")[0]}?${search}`;
+    window.history.replaceState(search, title, url);
+  }
 }
 function replaceSearchParamsQsSilently(value, key) {
   if (isBrowser5) {
     const { search } = serialize(window.location.search, value, key);
-    replace(search);
+    historyReplaceState3(search);
   }
 }
 function useSearchParamsQs(key) {
@@ -1747,13 +1797,19 @@ function useSearchParamsQs(key) {
     return value;
   }, [key, router.asPath]);
   const params = initialValue;
-  const replaceParamsSilently = useCallback7((params2) => {
-    replaceSearchParamsQsSilently(params2, key);
+  const pushParams = useCallback7((params2) => {
+    pushSearchParamsQs(router, params2, key);
+  }, [key, router]);
+  const pushParamsSilently = useCallback7((params2) => {
+    pushSearchParamsQsSilently(params2, key);
   }, [key]);
   const replaceParams = useCallback7((params2) => {
     replaceSearchParamsQs(router, params2, key);
   }, [key, router]);
-  return { params, replaceParamsSilently, replaceParams };
+  const replaceParamsSilently = useCallback7((params2) => {
+    replaceSearchParamsQsSilently(params2, key);
+  }, [key]);
+  return { params, pushParamsSilently, pushParams, replaceParamsSilently, replaceParams };
 }
 
 // src/useSorting/useSorting.ts
@@ -1842,7 +1898,10 @@ export {
   parseParams,
   pushSearchParams,
   pushSearchParamsEncoded,
+  pushSearchParamsEncodedSilently,
   pushSearchParamsQs,
+  pushSearchParamsQsSilently,
+  pushSearchParamsSilently,
   replaceSearchParams,
   replaceSearchParamsEncoded,
   replaceSearchParamsEncodedSilently,

package/package.json

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

package/src/useSearchParams/useSearchParams.ts

@@ -2,14 +2,6 @@ import { isBrowser } from '@websolutespa/bom-core';
 import { NextRouter, useRouter } from 'next/router';
 import { useCallback, useMemo } from 'react';
 
-function replace_(params: URLSearchParams) {
-  if (window.history) {
-    const title = document.title;
-    const url = `${window.location.href.split('?')[0]}?${params.toString()}`;
-    window.history.replaceState(params.toString(), title, url);
-  }
-}
-
 function deserialize_(url: string): URLSearchParams {
   const components = url.split('?');
   const search = components[1] || '';
@@ -51,23 +43,58 @@ export function updateSearchParams(currentPath: string, params: IParams): { path
   return { pathname, query };
 }
 
+export function pushSearchParams(router: NextRouter, params: IParams): void {
+  const { pathname, query } = updateSearchParams(router.asPath, params);
+  router.push({ pathname, query });
+}
+
+function historyPushState(params: URLSearchParams) {
+  if (window.history) {
+    const title = document.title;
+    const url = `${window.location.href.split('?')[0]}?${params.toString()}`;
+    window.history.pushState(params.toString(), title, url);
+  }
+}
+
+export function pushSearchParamsSilently(params: IParams): void {
+  if (isBrowser) {
+    const searchParams = serialize_(window.location.search, params);
+    historyPushState(searchParams);
+  }
+}
+
 export function replaceSearchParams(router: NextRouter, params: IParams): void {
   const { pathname, query } = updateSearchParams(router.asPath, params);
   router.replace({ pathname, query });
 }
 
-export function pushSearchParams(router: NextRouter, params: IParams): void {
-  const { pathname, query } = updateSearchParams(router.asPath, params);
-  router.push({ pathname, query });
+function historyReplaceState(params: URLSearchParams) {
+  if (window.history) {
+    const title = document.title;
+    const url = `${window.location.href.split('?')[0]}?${params.toString()}`;
+    window.history.replaceState(params.toString(), title, url);
+  }
 }
 
 export function replaceSearchParamsSilently(params: IParams): void {
   if (isBrowser) {
     const searchParams = serialize_(window.location.search, params);
-    replace_(searchParams);
+    historyReplaceState(searchParams);
   }
 }
 
+export type IParams = {
+  [key: string]: string;
+};
+
+export type IUseSearchParamsResult = {
+  params: IParams;
+  pushParams: (params: IParams) => void;
+  pushParamsSilently: (params: IParams) => void;
+  replaceParams: (params: IParams) => void;
+  replaceParamsSilently: (params: IParams) => void;
+};
+
 export function useSearchParams(): IUseSearchParamsResult {
   const router = useRouter();
 
@@ -79,31 +106,27 @@ export function useSearchParams(): IUseSearchParamsResult {
 
   const params = initialValue;
 
-  const replaceParamsSilently = useCallback((params: IParams) => {
-    replaceSearchParamsSilently(params);
+  const pushParams = useCallback((params: IParams) => {
+    pushSearchParams(router, params);
+  }, [router]);
+
+  const pushParamsSilently = useCallback((params: IParams) => {
+    pushSearchParamsSilently(params);
   }, []);
 
   const replaceParams = useCallback((params: IParams) => {
     replaceSearchParams(router, params);
   }, [router]);
 
-  return { params, replaceParamsSilently, replaceParams };
-}
-
-export type IParams = {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  [key: string]: string;
-};
+  const replaceParamsSilently = useCallback((params: IParams) => {
+    replaceSearchParamsSilently(params);
+  }, []);
 
-export type IUseSearchParamsValueResult = {
-  params: string | null,
-  replaceParamsSilently: (params: IParams) => void
-};
+  return { params, pushParams, pushParamsSilently, replaceParams, replaceParamsSilently };
+}
 
-export type IUseSearchParamsResult = {
-  params: IParams,
-  replaceParamsSilently: (params: IParams) => void,
-  replaceParams: (params: IParams) => void
+export type IUseSearchParamsValueResult = Omit<IUseSearchParamsResult, 'params'> & {
+  params: string | null;
 };
 
 export function useSearchParamsValue(key: string): IUseSearchParamsValueResult {
@@ -117,9 +140,21 @@ export function useSearchParamsValue(key: string): IUseSearchParamsValueResult {
 
   const params = initialValue;
 
+  const pushParams = useCallback((params: IParams) => {
+    pushSearchParams(router, params);
+  }, [router]);
+
+  const pushParamsSilently = useCallback((params: IParams) => {
+    pushSearchParamsSilently(params);
+  }, []);
+
+  const replaceParams = useCallback((params: IParams) => {
+    replaceSearchParams(router, params);
+  }, [router]);
+
   const replaceParamsSilently = useCallback((params: IParams) => {
     replaceSearchParamsSilently(params);
   }, []);
 
-  return { params, replaceParamsSilently };
+  return { params, pushParams, pushParamsSilently, replaceParams, replaceParamsSilently };
 }

package/src/useSearchParamsEncoded/useSearchParamsEncoded.ts

@@ -1,19 +1,9 @@
-import { isBrowser } from '@websolutespa/bom-core';
+import { base64ToString, isBrowser, stringToBase64 } from '@websolutespa/bom-core';
 import { NextRouter, useRouter } from 'next/router';
 import { useCallback, useMemo } from 'react';
 
 const USE_ENCRYPTION = true;
 
-function base64ToString(base64: string): string {
-  if (!USE_ENCRYPTION) return base64;
-  return isBrowser ? window.atob(base64) : Buffer.from(base64, 'base64').toString();
-}
-
-function stringToBase64(text: string): string {
-  if (!USE_ENCRYPTION) return text;
-  return isBrowser ? window.btoa(text) : Buffer.from(text).toString('base64');
-}
-
 function stringToURLSearchParams(url: string): URLSearchParams {
   // console.log('stringToURLSearchParams', url);
   return new URLSearchParams(url);
@@ -40,44 +30,9 @@ function setURLSearchParams(url: string, keyOrValue: string, value: string | nul
   }
   return params;
   // push_(params);
-  // replace_(params);
+  // historyReplaceState(params);
 }
 
-/*
-function push_(params: URLSearchParams) {
-  if (window.history) {
-    const title = document.title;
-    const url = `${window.location.href.split('?')[0]}?${params.toString()}`;
-    window.history.pushState(params.toString(), title, url);
-  }
-}
-*/
-
-function replace_(params: URLSearchParams) {
-  if (window.history) {
-    const title = document.title;
-    const url = `${window.location.href.split('?')[0]}?${params.toString()}`;
-    window.history.replaceState(params.toString(), title, url);
-  }
-}
-
-/*
-function replace__(from: string, to: string) {
-  const history = window.history;
-  if (history && history.replaceState) {
-    const location = window.location;
-    const title = document.title;
-    if (location.pathname === '/') {
-      const url = location.origin + to + location.search;
-      history.replaceState(history.state, title, url);
-    } else if (location.href.indexOf(from) !== -1) {
-      const url = location.href.replace(from, to);
-      history.replaceState(history.state, title, url);
-    }
-  }
-}
-*/
-
 function deserialize_(url: string, key?: string) {
   const encoded = getURLSearchParams(url, 'params');
   return decode(encoded, key);
@@ -92,7 +47,7 @@ function serialize_(url: string, value: IParamsEncoded, key?: string): URLSearch
 function decode(encoded: string | null | undefined, key?: string): IParamsEncoded {
   let decoded = null;
   if (encoded) {
-    const json = base64ToString(encoded);
+    const json = USE_ENCRYPTION ? base64ToString(encoded) : encoded;
     decoded = JSON.parse(json);
   }
   // console.log('useSearchParamsEncoded.decode', decoded);
@@ -112,7 +67,7 @@ function encode(params: IParamsEncoded, value: IParamsEncoded, key?: string) {
   }
   // console.log('useSearchParamsEncoded.encode', params);
   const json = JSON.stringify(params);
-  encoded = stringToBase64(json);
+  encoded = USE_ENCRYPTION ? stringToBase64(json) : json;
   return encoded;
 }
 
@@ -144,20 +99,43 @@ export function updateSearchParamsEncoded(currentPath: string, value: IParamsEnc
   return { pathname, query };
 }
 
+export function pushSearchParamsEncoded(router: NextRouter, value: IParamsEncoded, key?: string): void {
+  const { pathname, query } = updateSearchParamsEncoded(router.asPath, value, key);
+  router.push({ pathname, query });
+}
+
+function historyPushState(params: URLSearchParams) {
+  if (window.history) {
+    const title = document.title;
+    const url = `${window.location.href.split('?')[0]}?${params.toString()}`;
+    window.history.pushState(params.toString(), title, url);
+  }
+}
+
+export function pushSearchParamsEncodedSilently(value: IParamsEncoded, key?: string): void {
+  if (isBrowser) {
+    const searchParams = serialize_(window.location.search, value, key);
+    historyPushState(searchParams);
+  }
+}
+
 export function replaceSearchParamsEncoded(router: NextRouter, value: IParamsEncoded, key?: string): void {
   const { pathname, query } = updateSearchParamsEncoded(router.asPath, value, key);
   router.replace({ pathname, query });
 }
 
-export function pushSearchParamsEncoded(router: NextRouter, value: IParamsEncoded, key?: string): void {
-  const { pathname, query } = updateSearchParamsEncoded(router.asPath, value, key);
-  router.push({ pathname, query });
+function historyReplaceState(params: URLSearchParams) {
+  if (window.history) {
+    const title = document.title;
+    const url = `${window.location.href.split('?')[0]}?${params.toString()}`;
+    window.history.replaceState(params.toString(), title, url);
+  }
 }
 
 export function replaceSearchParamsEncodedSilently(value: IParamsEncoded, key?: string): void {
   if (isBrowser) {
     const searchParams = serialize_(window.location.search, value, key);
-    replace_(searchParams);
+    historyReplaceState(searchParams);
   }
 }
 
@@ -167,9 +145,11 @@ export type IParamsEncoded = {
 } | null;
 
 export type IUseSearchParamsEncodedResult = {
-  params: IParamsEncoded,
-  replaceParamsSilently: (params: IParamsEncoded) => void,
-  replaceParams: (params: IParamsEncoded) => void
+  params: IParamsEncoded;
+  pushParams: (params: IParamsEncoded) => void;
+  pushParamsSilently: (params: IParamsEncoded) => void;
+  replaceParams: (params: IParamsEncoded) => void;
+  replaceParamsSilently: (params: IParamsEncoded) => void;
 };
 
 export function useSearchParamsEncoded(key?: string): IUseSearchParamsEncodedResult {
@@ -181,22 +161,22 @@ export function useSearchParamsEncoded(key?: string): IUseSearchParamsEncodedRes
   }, [key, router.asPath]);
 
   const params = initialValue;
-  // console.log('useSearchParamsEncoded', params);
-  // const [params, setParams_] = useState(initialValue);
 
-  /*
-  const setParams = useCallback((params: IParamsEncoded) => {
-    replaceSearchParamsEncoded(router, params, key);
+  const pushParams = useCallback((params: IParamsEncoded) => {
+    pushSearchParamsEncoded(router, params, key);
   }, [key, router]);
-  */
 
-  const replaceParamsSilently = useCallback((params: IParamsEncoded) => {
-    replaceSearchParamsEncodedSilently(params, key);
+  const pushParamsSilently = useCallback((params: IParamsEncoded) => {
+    pushSearchParamsEncodedSilently(params, key);
   }, [key]);
 
   const replaceParams = useCallback((params: IParamsEncoded) => {
     replaceSearchParamsEncoded(router, params, key);
   }, [key, router]);
 
-  return { params, replaceParamsSilently, replaceParams };
+  const replaceParamsSilently = useCallback((params: IParamsEncoded) => {
+    replaceSearchParamsEncodedSilently(params, key);
+  }, [key]);
+
+  return { params, pushParams, pushParamsSilently, replaceParams, replaceParamsSilently };
 }

package/src/useSearchParamsQs/useSearchParamsQs.ts

@@ -6,18 +6,12 @@ export type IParamsQs = Record<string, any>;
 
 export type IUseSearchParamsQsResult = {
   params: IParamsQs,
-  replaceParamsSilently: (params: IParamsQs) => void,
+  pushParams: (params: IParamsQs) => void
+  pushParamsSilently: (params: IParamsQs) => void,
   replaceParams: (params: IParamsQs) => void
+  replaceParamsSilently: (params: IParamsQs) => void,
 };
 
-function replace(search: string) {
-  if (window.history) {
-    const title = document.title;
-    const url = `${window.location.href.split('?')[0]}?${search}`;
-    window.history.replaceState(search, title, url);
-  }
-}
-
 function deserialize(encoded: string | null | undefined, key?: string): IParamsQs {
   let decoded = {};
   if (encoded) {
@@ -67,20 +61,43 @@ export function updateSearchParamsQs(url: string, value: IParamsQs, key?: string
   return { pathname: components.pathname, query: search };
 }
 
+export function pushSearchParamsQs(router: NextRouter, value: IParamsQs, key?: string): void {
+  const { pathname, query } = updateSearchParamsQs(router.asPath, value, key);
+  router.push({ pathname, query });
+}
+
+function historyPushState(search: string) {
+  if (window.history) {
+    const title = document.title;
+    const url = `${window.location.href.split('?')[0]}?${search}`;
+    window.history.pushState(search, title, url);
+  }
+}
+
+export function pushSearchParamsQsSilently(value: IParamsQs, key?: string): void {
+  if (isBrowser) {
+    const { search } = serialize(window.location.search, value, key);
+    historyPushState(search);
+  }
+}
+
 export function replaceSearchParamsQs(router: NextRouter, value: IParamsQs, key?: string): void {
   const { pathname, query } = updateSearchParamsQs(router.asPath, value, key);
   router.replace({ pathname, query });
 }
 
-export function pushSearchParamsQs(router: NextRouter, value: IParamsQs, key?: string): void {
-  const { pathname, query } = updateSearchParamsQs(router.asPath, value, key);
-  router.push({ pathname, query });
+function historyReplaceState(search: string) {
+  if (window.history) {
+    const title = document.title;
+    const url = `${window.location.href.split('?')[0]}?${search}`;
+    window.history.replaceState(search, title, url);
+  }
 }
 
 export function replaceSearchParamsQsSilently(value: IParamsQs, key?: string): void {
   if (isBrowser) {
     const { search } = serialize(window.location.search, value, key);
-    replace(search);
+    historyReplaceState(search);
   }
 }
 
@@ -94,13 +111,21 @@ export function useSearchParamsQs(key?: string): IUseSearchParamsQsResult {
 
   const params = initialValue;
 
-  const replaceParamsSilently = useCallback((params: IParamsQs) => {
-    replaceSearchParamsQsSilently(params, key);
+  const pushParams = useCallback((params: IParamsQs) => {
+    pushSearchParamsQs(router, params, key);
+  }, [key, router]);
+
+  const pushParamsSilently = useCallback((params: IParamsQs) => {
+    pushSearchParamsQsSilently(params, key);
   }, [key]);
 
   const replaceParams = useCallback((params: IParamsQs) => {
     replaceSearchParamsQs(router, params, key);
   }, [key, router]);
 
-  return { params, replaceParamsSilently, replaceParams };
+  const replaceParamsSilently = useCallback((params: IParamsQs) => {
+    replaceSearchParamsQsSilently(params, key);
+  }, [key]);
+
+  return { params, pushParamsSilently, pushParams, replaceParamsSilently, replaceParams };
 }