@ludo.ninja/components 2.2.39 → 2.2.40

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,8 +84,10 @@ 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)();
@@ -143,7 +145,8 @@ 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 },
@@ -171,13 +174,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/build/components/search/searchSuggestions/index.js

@@ -71,11 +71,11 @@ const StyledSearchSuggestions = styled_components_1.default.div `
 `;
 // Components
 const SearchSuggestions = ({ searchTerm, assets, profiles, collections, isLoading }) => {
-    const isNotFound = !assets?.length && !profiles?.length && !collections?.length;
     const { getMediaENVDomain, NEXT_PUBLIC_ENV_VALUE } = (0, env_1.useEnvStore)((state) => ({
         getMediaENVDomain: state.getMediaDomain,
         NEXT_PUBLIC_ENV_VALUE: state.NEXT_PUBLIC_ENV_VALUE,
     }));
+    const isNotFound = !assets?.length && !profiles?.length && !collections?.length;
     return ((0, jsx_runtime_1.jsx)(StyledSearchSuggestions, { children: (0, jsx_runtime_1.jsxs)("div", { className: "content", children: [isLoading && (0, jsx_runtime_1.jsx)(searchSuggestionsItemSkeleton_1.SearchSuggestionsItemsSkeleton, {}), !isLoading &&
                     (isNotFound ? ((0, jsx_runtime_1.jsx)(searchSuggestionsNotFound_1.default, { notFoundText: searchTerm })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "scroller", children: [
                                     ...(assets?.length

package/package.json

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