@ludo.ninja/components 2.2.38 → 2.2.39

package/build/components/search/SearchInputContainer.d.ts

@@ -22,5 +22,5 @@ interface IUseSearch {
         searchCloseButton: ReactNode;
     }) => ReactNode;
 }
-export declare const SearchInputContainer: ({ onFocusHandler, isClearOnBlur, initializeInputComponent, }: IUseSearch) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchInputContainer: ({ onFocusHandler, isClearOnBlur, initializeInputComponent }: IUseSearch) => import("react/jsx-runtime").JSX.Element;
 export {};

package/build/components/search/SearchInputContainer.js

@@ -28,25 +28,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SearchInputContainer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-// 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");
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const utils_1 = require("@ludo.ninja/utils");
 const useFetchFindAllTopEntitiesByName_1 = require("../../api/server-search/queries/useFetchFindAllTopEntitiesByName");
 const searchCloseMoreButtons_1 = __importDefault(require("./searchCloseMoreButtons"));
 const searchSuggestions_1 = __importDefault(require("./searchSuggestions"));
+const back_svg_1 = __importDefault(require("../../public/search/back"));
 const env_1 = require("../../store/env");
 const ui_1 = require("../../store/ui");
 const ScreenWidth_1 = require("../../styles/ScreenWidth");
 const screen_1 = require("../../utils/screen");
 const seacrhTabs_1 = require("../../utils/seacrhTabs");
-const back_svg_1 = __importDefault(require("../../public/search/back"));
 const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
+const colors_1 = require("@ludo.ninja/ui/build/styles/colors");
+const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+const utils_1 = require("@ludo.ninja/utils");
+// import { useRouter } from "next/router";
+const lodash_debounce_1 = __importDefault(require("lodash.debounce"));
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importStar(require("styled-components"));
 const enterKey = "Enter";
-const SearchInputContainer = ({ onFocusHandler, isClearOnBlur, initializeInputComponent, }) => {
+const SearchInputContainer = ({ onFocusHandler, isClearOnBlur, initializeInputComponent }) => {
     const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
     const inputSearch = (0, react_1.useRef)(null);
     const [searchValue, setSearchValue] = (0, react_1.useState)("");
@@ -84,10 +84,8 @@ const SearchInputContainer = ({ onFocusHandler, isClearOnBlur, initializeInputCo
     }, [debouncedValue]);
     const [isMobileOpen, setIsMobileOpen] = (0, react_1.useState)(false);
     const Container = isMobileOpen ? SMobileContainer : react_1.default.Fragment;
-    const SearchContainer = isMobileOpen
-        ? SMobileSearchContainer
-        : react_1.default.Fragment;
-    const searchSuggestion = ((0, jsx_runtime_1.jsx)(searchSuggestions_1.default, { isLoading: loading || isDebounceLoading, searchTerm: debouncedValue, assets: topEntities?.assets || [], profiles: topEntities?.profiles || [], collections: topEntities?.collections || [] }));
+    const SearchContainer = isMobileOpen ? SMobileSearchContainer : react_1.default.Fragment;
+    const searchSuggestion = () => ((0, jsx_runtime_1.jsx)(searchSuggestions_1.default, { isLoading: loading || isDebounceLoading, searchTerm: debouncedValue, assets: topEntities?.assets || [], profiles: topEntities?.profiles || [], collections: topEntities?.collections || [] }));
     return ((0, jsx_runtime_1.jsxs)(Container, { children: [(0, jsx_runtime_1.jsxs)(SearchContainer, { children: [isMobileOpen && ((0, jsx_runtime_1.jsx)(back_svg_1.default, { onClick: () => {
                             setIsMobileOpen(false);
                             (0, utils_1.rootRemoveOverflow)();
@@ -145,8 +143,7 @@ const SearchInputContainer = ({ onFocusHandler, isClearOnBlur, initializeInputCo
                                     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) => currentPath.includes(el.link))) {
+                                    if (searchDomain === window.origin && seacrhTabs_1.searchTabs.find((el) => currentPath.includes(el.link))) {
                                         // await router.replace(
                                         //   {
                                         //     query: { ...router.query, term: newSearchValue },
@@ -174,13 +171,13 @@ const SearchInputContainer = ({ onFocusHandler, isClearOnBlur, initializeInputCo
                                 }
                             },
                         },
-                        searchSuggestion: !isMobile && searchValue && ((0, jsx_runtime_1.jsx)("div", { className: "suggestionBar", children: searchSuggestion })),
+                        searchSuggestion: !isMobile && searchValue && (0, jsx_runtime_1.jsx)("div", { className: "suggestionBar", children: searchSuggestion() }),
                         searchCloseButton: ((0, jsx_runtime_1.jsx)(searchCloseMoreButtons_1.default, { isNeedToShow: Boolean(searchValue.length), position: {
                                 top: "50%",
                                 right: "0",
                                 transform: "translate(-50%, -50%)",
                             }, clearSearchValue: setSearchValue })),
-                    })] }), isMobileOpen && searchValue && ((0, jsx_runtime_1.jsx)(SSuggestions, { children: searchSuggestion }))] }));
+                    })] }), isMobileOpen && searchValue && (0, jsx_runtime_1.jsx)(SSuggestions, { children: searchSuggestion() })] }));
 };
 exports.SearchInputContainer = SearchInputContainer;
 const show = (0, styled_components_1.keyframes) `

package/package.json

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