@ludo.ninja/components 2.1.38 → 2.1.39

package/build/components/search/SearchInputContainer.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SearchInputContainer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
-const router_1 = require("next/router");
+// import { useRouter } from "next/router";
 const lodash_debounce_1 = __importDefault(require("lodash.debounce"));
 const styled_components_1 = __importStar(require("styled-components"));
 const colors_1 = require("@ludo.ninja/ui/build/styles/colors");
@@ -60,9 +60,10 @@ const SearchInputContainer = ({ onFocusHandler, isClearOnBlur, initializeInputCo
     }));
     const { isMobile } = (0, screen_1.useWindowDimensionsWithServerInitial)();
     const { load, topEntities, loading, clearTopEntitiesState } = (0, useFetchFindAllTopEntitiesByName_1.useFetchFindAllTopEntitiesByName)();
-    const router = (0, router_1.useRouter)();
+    // const router = useRouter();
     (0, react_1.useEffect)(() => {
-        const term = router.query?.term;
+        // const term = router.query?.term;
+        const term = new URLSearchParams(window.location.search).get("term");
         if (term) {
             setSearchValue(term);
         }
@@ -143,11 +144,19 @@ const SearchInputContainer = ({ onFocusHandler, isClearOnBlur, initializeInputCo
                                     const { value } = e.target;
                                     const newSearchValue = value.length ? searchValue : "";
                                     const searchDomain = ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["search"];
+                                    const currentPath = window.location.pathname;
                                     if (searchDomain === window.origin &&
-                                        seacrhTabs_1.searchTabs.find((el) => router.pathname.includes(el.link))) {
-                                        await router.replace({
-                                            query: { ...router.query, term: newSearchValue },
-                                        }, undefined, { shallow: true });
+                                        seacrhTabs_1.searchTabs.find((el) => currentPath.includes(el.link))) {
+                                        // await router.replace(
+                                        //   {
+                                        //     query: { ...router.query, term: newSearchValue },
+                                        //   },
+                                        //   undefined,
+                                        //   { shallow: true },
+                                        // );
+                                        const newUrl = new URL(window.location.href);
+                                        newUrl.searchParams.set("term", newSearchValue);
+                                        window.history.replaceState({}, "", newUrl.toString());
                                         setSearchFocused(false);
                                         onFocusHandler?.(false);
                                         closeOverlay();

package/build/components/search/searchCloseMoreButtons/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const router_1 = require("next/router");
+// import { useRouter } from 'next/router';
 const ScreenWidth_1 = require("../../../styles/ScreenWidth");
 const scale_1 = require("../../../utils/adaptive/scale");
 const screen_1 = require("../../../utils/screen");
@@ -41,15 +41,21 @@ const SearchCloseIconResize = () => {
 };
 // Components
 const SearchCloseMoreButtons = ({ isNeedToShow, position, clearSearchValue, }) => {
-    const router = (0, router_1.useRouter)();
-    const { term } = router.query;
+    // const router = useRouter();
+    // const { term } = router.query;
     return ((0, jsx_runtime_1.jsx)(StyledSearchCloseMoreButtons, { position: position, children: isNeedToShow ? ((0, jsx_runtime_1.jsx)(StyledCloseIcon, { onClick: () => {
+                const term = new URLSearchParams(window.location.search).get('term');
                 if (term) {
-                    router
-                        .push({
-                        query: { ...router.query, term: [] },
-                    })
-                        .then(() => clearSearchValue(''));
+                    // router
+                    //   .push({
+                    //     query: { ...router.query, term: [] },
+                    //   })
+                    //   .then(() => clearSearchValue(''));
+                    const params = new URLSearchParams(window.location.search);
+                    params.delete('term');
+                    const newUrl = `${window.location.pathname}?${params.toString()}`;
+                    window.history.pushState({}, '', newUrl);
+                    clearSearchValue('');
                 }
                 clearSearchValue('');
             }, children: (0, jsx_runtime_1.jsx)(SearchCloseIconResize, {}) })) : null }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ludo.ninja/components",
-  "version": "2.1.38",
+  "version": "2.1.39",
   "private": false,
   "main": "build/index.js",
   "types": "build/index.d.ts",