@ludo.ninja/components 2.3.5 → 2.3.6

package/build/components/search/searchCloseMoreButtons/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-interface PositionProps {
-    top?: string;
-    left?: string;
-    right?: string;
-    bottom?: string;
-    transform?: string;
-}
-declare const SearchCloseMoreButtons: ({ isNeedToShow, position, clearSearchValue, }: {
-    isNeedToShow: boolean;
-    position: PositionProps;
-    clearSearchValue: React.Dispatch<React.SetStateAction<string>>;
-}) => import("react/jsx-runtime").JSX.Element;
-export default SearchCloseMoreButtons;

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

@@ -1,64 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-// import { useRouter } from 'next/router';
-const ScreenWidth_1 = require("../../../styles/ScreenWidth");
-const scale_1 = require("../../../utils/adaptive/scale");
-const screen_1 = require("../../../utils/screen");
-const styled_components_1 = __importDefault(require("styled-components"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const close_svg_1 = __importDefault(require("../../../public/search/close"));
-const StyledSearchCloseMoreButtons = styled_components_1.default.div `
-  position: absolute;
-  right: ${(props) => props.position.right};
-  top: ${(props) => props.position.top};
-  bottom: ${(props) => props.position.bottom};
-  left: ${(props) => props.position.left};
-  transform: ${(props) => props.position.transform};
-  display: flex;
-  height: 40px;
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    height: ${(0, _4k_1.adaptiveValueCalc)(40)};
-  }
-`;
-const StyledCloseIcon = styled_components_1.default.div `
-  cursor: pointer;
-  z-index: 1;
-  padding: 8px 6px;
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    display: flex;
-    align-items: center;
-    padding: ${(0, _4k_1.adaptiveValueCalc)(8)} ${(0, _4k_1.adaptiveValueCalc)(6)};
-  }
-`;
-const SearchCloseIconResize = () => {
-    const { windowDimensions } = (0, screen_1.useWindowDimensionsWithServerInitial)();
-    return ((0, jsx_runtime_1.jsx)(close_svg_1.default, { style: (0, scale_1.getAdaptiveScale)({ windowDimensions, currentSize: 1 }) }));
-};
-// Components
-const SearchCloseMoreButtons = ({ isNeedToShow, position, clearSearchValue, }) => {
-    // 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(''));
-                    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 }));
-};
-// Export
-exports.default = SearchCloseMoreButtons;

package/build/components/search/searchSimpleInput/index.d.ts

@@ -1,4 +0,0 @@
-declare const SearchSimpleInput: ({ onFocusHandler, }: {
-    onFocusHandler: (arg: boolean) => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export default SearchSimpleInput;

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

@@ -1,139 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importStar(require("styled-components"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const SearchInputContainer_1 = require("../SearchInputContainer");
-const ScreenWidth_1 = require("../../../styles/ScreenWidth");
-const typography_1 = require("../../../styles/typography");
-const scale_1 = require("../../../utils/adaptive/scale");
-const screen_1 = require("../../../utils/screen");
-const vars_1 = require("../../../fonts/vars");
-const search_svg_1 = __importDefault(require("../../../public/search/search"));
-// Styles
-const StyledSearchSimpleInput = styled_components_1.default.div `
-  position: relative;
-  width: 40%;
-
-  .suggestionBar {
-    position: absolute;
-    top: 40px;
-    left: 0;
-    right: 0;
-  }
-
-  ${ScreenWidth_1.mediaQuery.mobile} {
-    width: 188px;
-    ${(props) => props.isMobileOpen &&
-    (0, styled_components_1.css) `
-        width: 100%;
-      `}
-  }
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    .suggestionBar {
-      top: ${(0, _4k_1.adaptiveValueCalc)(40)};
-    }
-  }
-`;
-const StyledInput = styled_components_1.default.input `
-  position: relative;
-  width: 100%;
-  height: 40px;
-  outline: none;
-  border: none;
-  font-weight: 400;
-  font-size: 1.4em;
-  color: ${({ theme }) => theme.colors.primaryText};
-  background-color: ${({ theme }) => theme.colors.thirdBg};
-  padding-left: 48px;
-  padding-right: 48px;
-  box-sizing: border-box;
-  border-top-right-radius: 24px;
-  border-top-left-radius: 24px;
-  border-bottom-right-radius: ${(props) => (props.isActive ? 'none' : '24px')};
-  border-bottom-left-radius: ${(props) => (props.isActive ? 'none' : '24px')};
-  font-family: ${vars_1.dmsansFontVarCss.css};
-
-  ::placeholder {
-    color: ${({ theme }) => theme.colors.placeholderText};
-  }
-
-  ${ScreenWidth_1.mediaQuery.mobile} {
-    ${typography_1.FH6};
-    padding-left: 32px;
-    height: 36px;
-  }
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    height: ${(0, _4k_1.adaptiveValueCalc)(40)};
-    font-size: ${(0, _4k_1.adaptiveValueCalc)(14)};
-    padding-left: ${(0, _4k_1.adaptiveValueCalc)(48)};
-    padding-right: ${(0, _4k_1.adaptiveValueCalc)(48)};
-    border-top-right-radius: ${(0, _4k_1.adaptiveValueCalc)(24)};
-    border-top-left-radius: ${(0, _4k_1.adaptiveValueCalc)(24)};
-    border-bottom-right-radius: ${(props) => props.isActive ? 'none' : (0, _4k_1.adaptiveValueCalc)(24)};
-    border-bottom-left-radius: ${(props) => props.isActive ? 'none' : (0, _4k_1.adaptiveValueCalc)(24)};
-  }
-`;
-const StyledSearchIcon = styled_components_1.default.div `
-  position: absolute;
-  top: 8px;
-  bottom: 8px;
-  left: 16px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  z-index: 1;
-
-  svg path {
-    stroke: ${(props) => props.isActive
-    ? props.theme.colors.borderColor
-    : props.theme.colors.accent};
-  }
-
-  @media (max-width: 768px) {
-    left: 8px;
-  }
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    top: ${(0, _4k_1.adaptiveValueCalc)(8)};
-    bottom: ${(0, _4k_1.adaptiveValueCalc)(8)};
-    left: ${(0, _4k_1.adaptiveValueCalc)(16)};
-  }
-`;
-const SearchGlassIconResize = () => {
-    const { windowDimensions } = (0, screen_1.useWindowDimensionsWithServerInitial)();
-    return ((0, jsx_runtime_1.jsx)(search_svg_1.default, { style: (0, scale_1.getAdaptiveScale)({ windowDimensions, currentSize: 1 }) }));
-};
-// Components
-const SearchSimpleInput = ({ onFocusHandler, }) => ((0, jsx_runtime_1.jsx)(SearchInputContainer_1.SearchInputContainer, { onFocusHandler: onFocusHandler, initializeInputComponent: ({ searchValue, handle, inputRef, isSearchFocused, mobileOrDesktopPlaceHolder, searchSuggestion, isMobileOpen, searchCloseButton, }) => ((0, jsx_runtime_1.jsxs)(StyledSearchSimpleInput, { isMobileOpen: isMobileOpen, children: [(0, jsx_runtime_1.jsx)(StyledSearchIcon, { isActive: Boolean(searchValue.length), children: (0, jsx_runtime_1.jsx)(SearchGlassIconResize, {}) }), (0, jsx_runtime_1.jsx)(StyledInput, { isActive: Boolean(searchValue.length) && isSearchFocused, autoComplete: 'off', onChange: handle.change, ref: inputRef, tabIndex: 1, onFocus: handle.focus, onBlur: handle.blur, onKeyPress: handle.keyPress, value: searchValue, type: 'text', placeholder: mobileOrDesktopPlaceHolder }), searchCloseButton, isSearchFocused && searchSuggestion] })) }));
-// Export
-exports.default = SearchSimpleInput;

package/build/components/search/searchSuggestions/index.d.ts

@@ -1,14 +0,0 @@
-import { TAsset } from '../../../entities/asset/types';
-import { collectionsSchema as schema } from "@ludo.ninja/api";
-import { ProfileEntity } from "@ludo.ninja/core";
-import React from "react";
-interface Props {
-    assets: TAsset[];
-    profiles: ProfileEntity[];
-    collections: schema.ICollection[];
-    searchTerm: string;
-    isLoading: boolean;
-    isMobile?: boolean;
-}
-declare const SearchSuggestions: React.FC<Props>;
-export default SearchSuggestions;

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

@@ -1,112 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const searchSuggestionsCaption_1 = __importDefault(require("./searchSuggestionsCaption"));
-const searchSuggestionsFooter_1 = __importDefault(require("./searchSuggestionsFooter"));
-const searchSuggestionsItem_1 = __importDefault(require("./searchSuggestionsItem"));
-const searchSuggestionsItemSkeleton_1 = require("./searchSuggestionsItem/searchSuggestionsItemSkeleton");
-const searchSuggestionsNotFound_1 = __importDefault(require("./searchSuggestionsNotFound"));
-const getAssetMiniatureUrl_1 = require("../../../entities/asset/getAssetMiniatureUrl");
-const types_1 = require("../../../entities/labelCreationType/types");
-const env_1 = require("../../../store/env");
-const ScreenWidth_1 = require("../../../styles/ScreenWidth");
-const Badge_1 = __importDefault(require("../../../system/Badge"));
-const constants_1 = require("@ludo.ninja/core/build/constants");
-const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const styled_components_1 = __importDefault(require("styled-components"));
-// Styles
-const StyledSearchSuggestions = styled_components_1.default.div `
-  position: relative;
-  z-index: 1;
-  width: 100%;
-  background-color: ${({ theme }) => theme.colors.sidebarBg};
-
-  border-bottom-left-radius: 28px;
-  border-bottom-right-radius: 28px;
-
-  .content {
-    position: relative;
-    height: 100%;
-    padding: 0 44px;
-    display: flex;
-    background-color: ${({ theme }) => theme.colors.thirdBg};
-
-    flex-direction: column;
-    border-bottom-right-radius: 20px;
-    border-bottom-left-radius: 20px;
-
-    @media (max-width: 767px) {
-      background-color: unset;
-      padding: 16px 0;
-    }
-  }
-
-  @media (min-width: 768px) {
-    .scroller {
-      max-height: calc(var(--app-height) - 40px - 24px - 10px - 24px - 44px);
-      padding-left: 20px;
-      padding-right: 20px;
-      overflow-y: auto;
-      overflow-x: hidden;
-      margin-left: -20px;
-      margin-right: -20px;
-      width: calc(100% + 40px);
-    }
-  }
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    border-bottom-left-radius: ${(0, _4k_1.adaptiveValueCalc)(28)};
-    border-bottom-right-radius: ${(0, _4k_1.adaptiveValueCalc)(28)};
-
-    .content {
-      padding: 0 ${(0, _4k_1.adaptiveValueCalc)(44)};
-      border-bottom-right-radius: ${(0, _4k_1.adaptiveValueCalc)(20)};
-      border-bottom-left-radius: ${(0, _4k_1.adaptiveValueCalc)(20)};
-    }
-  }
-`;
-// Components
-const SearchSuggestions = ({ searchTerm, assets, profiles, collections, isLoading }) => {
-    const { getMediaENVDomain, NEXT_PUBLIC_ENV_VALUE, getAudioDomain, getVideoDomain } = (0, env_1.useEnvStore)((state) => ({
-        getMediaENVDomain: state.getMediaDomain,
-        NEXT_PUBLIC_ENV_VALUE: state.NEXT_PUBLIC_ENV_VALUE,
-        getAudioDomain: state.getAudioDomain,
-        getVideoDomain: state.getVideoDomain,
-    }));
-    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
-                                        ? [
-                                            {
-                                                caption: "NFTs",
-                                                children: assets.map((asset) => ((0, jsx_runtime_1.jsx)(searchSuggestionsItem_1.default, { name: asset?.name, link: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["asset"]}${asset.assetLink.replace(`${types_1.LabelKeys.asset}/`, "")}`, imgUrl: (0, getAssetMiniatureUrl_1.getAssetMiniatureUrl)({ asset, nextPublicDomain: NEXT_PUBLIC_ENV_VALUE, getAudioDomain, getVideoDomain }), searchTerm: searchTerm }, `${asset?.assetId}.${Math.random()}`))),
-                                            },
-                                        ]
-                                        : []),
-                                    ...(collections?.length
-                                        ? [
-                                            {
-                                                caption: "Collections",
-                                                children: collections.map((collection) => ((0, jsx_runtime_1.jsx)(searchSuggestionsItem_1.default, { name: collection?.collectionTitle, link: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["collections"]}/${collection?.collectionId}`, imgUrl: `${constants_1.staticLink}/public/noContent/noContent.svg`, searchTerm: searchTerm }, `${collection?.collectionId}.${Math.random()}`))),
-                                            },
-                                        ]
-                                        : []),
-                                    ...(profiles?.length
-                                        ? [
-                                            {
-                                                caption: "Profiles",
-                                                children: profiles.map((profile) => ((0, jsx_runtime_1.jsx)(searchSuggestionsItem_1.default, { borderRadius: true, name: profile.getName() || "", link: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["profile"]}/${profile.getUserId()}/nfts`, imgUrl: profile.getUserPic({
-                                                        mediaDomain: getMediaENVDomain(),
-                                                    }), additionalHTML: Boolean(profile.getFollowings()) && ((0, jsx_runtime_1.jsxs)("span", { className: "additional", children: [profile.getFollowings(), " followers"] })), afterText: (0, jsx_runtime_1.jsx)(Badge_1.default, { className: "badge", color: profile.getReferralTypeColor(), title: profile.getReferralTypeName() }), searchTerm: searchTerm }, profile.getUserId()))),
-                                            },
-                                        ]
-                                        : []),
-                                ].map(({ caption, children }) => ((0, jsx_runtime_1.jsx)(searchSuggestionsCaption_1.default, { caption: caption, children: children }, caption))) }), (0, jsx_runtime_1.jsx)(searchSuggestionsFooter_1.default, {})] })))] }) }));
-};
-// Export
-exports.default = SearchSuggestions;

package/build/components/search/searchSuggestions/searchSuggestionsCaption/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface Props {
-    caption: string;
-    children: React.ReactNode;
-}
-declare const SearchSuggestionsCaption: React.FC<Props>;
-export default SearchSuggestionsCaption;

package/build/components/search/searchSuggestions/searchSuggestionsCaption/index.js

@@ -1,45 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importDefault(require("styled-components"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const ScreenWidth_1 = require("../../../../styles/ScreenWidth");
-const colors_1 = require("../../../../styles/colors");
-const typography_1 = require("../../../../styles/typography");
-// Styles
-const StyledSearchSuggestionsCaption = styled_components_1.default.div `
-  padding: 12px 0;
-  border-top: 1px solid ${colors_1.BorderColorLight};
-  line-height: 22px;
-
-  .caption {
-    ${typography_1.FH5};
-    color: ${colors_1.TextGrayColor};
-    user-select: none;
-  }
-
-  :last-child {
-    border-bottom: none;
-  }
-
-  ${ScreenWidth_1.mediaQuery.mobile} {
-    &:first-child {
-      border-top: unset;
-    }
-  }
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    padding: ${(0, _4k_1.adaptiveValueCalc)(12)} 0;
-    border-top: ${(0, _4k_1.adaptiveValueCalc)(1)} solid ${colors_1.BorderColorLight};
-    line-height: ${(0, _4k_1.adaptiveValueCalc)(22)};
-  }
-`;
-// Components
-const SearchSuggestionsCaption = ({ caption, children }) => {
-    return ((0, jsx_runtime_1.jsxs)(StyledSearchSuggestionsCaption, { children: [(0, jsx_runtime_1.jsx)("span", { className: 'caption', children: caption }), children] }));
-};
-// Export
-exports.default = SearchSuggestionsCaption;

package/build/components/search/searchSuggestions/searchSuggestionsFooter/index.d.ts

@@ -1,2 +0,0 @@
-declare const SearchSuggestionsFooter: () => import("react/jsx-runtime").JSX.Element;
-export default SearchSuggestionsFooter;

package/build/components/search/searchSuggestions/searchSuggestionsFooter/index.js

@@ -1,52 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importDefault(require("styled-components"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const ScreenWidth_1 = require("../../../../styles/ScreenWidth");
-const colors_1 = require("../../../../styles/colors");
-const typography_1 = require("../../../../styles/typography");
-const vars_1 = require("../../../../fonts/vars");
-// Styles
-const StyledSearchSuggestionsFooter = styled_components_1.default.div `
-  .footer {
-    font-family: ${vars_1.dmsansFontVarCss.css};
-    ${typography_1.TextSmall};
-    border-top: 1px solid ${colors_1.BorderColorLight};
-    color: ${colors_1.TextGrayColor};
-    text-align: center;
-    margin-top: auto;
-    user-select: none;
-
-    .text {
-      padding: 12px 0;
-
-      strong {
-        font-weight: 700;
-        color: ${colors_1.BlackColor};
-      }
-    }
-  }
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    //border-bottom-left-radius: ${(0, _4k_1.adaptiveValueCalc)(28)};
-    //border-bottom-right-radius: ${(0, _4k_1.adaptiveValueCalc)(28)};
-
-    .footer {
-      border-top: ${(0, _4k_1.adaptiveValueCalc)(1)} solid ${colors_1.BorderColorLight};
-
-      .text {
-        padding: ${(0, _4k_1.adaptiveValueCalc)(12)} 0;
-      }
-    }
-  }
-`;
-// Components
-const SearchSuggestionsFooter = () => {
-    return ((0, jsx_runtime_1.jsx)(StyledSearchSuggestionsFooter, { children: (0, jsx_runtime_1.jsx)("div", { className: ` footer`, children: (0, jsx_runtime_1.jsxs)("p", { className: 'text', children: ["Press ", (0, jsx_runtime_1.jsx)("strong", { children: "Enter" }), " to search all results"] }) }) }));
-};
-// Export
-exports.default = SearchSuggestionsFooter;

package/build/components/search/searchSuggestions/searchSuggestionsItem/index.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-interface Props {
-    name: string;
-    link: string;
-    imgUrl: string;
-    borderRadius?: boolean;
-    additionalHTML?: React.ReactNode;
-    afterText?: React.ReactNode;
-    searchTerm?: string;
-}
-declare const SearchSuggestionsItem: React.FC<Props>;
-export default SearchSuggestionsItem;

package/build/components/search/searchSuggestions/searchSuggestionsItem/index.js

@@ -1,128 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importDefault(require("styled-components"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const utils_1 = require("@ludo.ninja/utils");
-const ScreenWidth_1 = require("../../../../styles/ScreenWidth");
-const colors_1 = require("../../../../styles/colors");
-const typography_1 = require("../../../../styles/typography");
-const ImageInterceptor_1 = require("../../../../system/Img/ImageInterceptor");
-// Styles
-const StyledSearchSuggestionsItem = styled_components_1.default.div `
-  user-select: none;
-
-  .link {
-    text-decoration: none;
-    display: flex;
-    padding: 6px 0;
-    border-radius: 8px;
-    gap: 8px;
-    align-items: center;
-    position: relative;
-
-    & > * {
-      position: relative;
-      z-index: 1;
-    }
-
-    img {
-      border-radius: ${(props) => (props.borderRadius ? '16px' : 'none')};
-      width: 32px;
-      height: 32px;
-    }
-
-    .additional {
-      white-space: nowrap;
-      ${typography_1.FH5};
-      color: ${colors_1.TextDarkGrayColor};
-      margin-left: auto;
-    }
-
-    .text {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-
-      overflow: hidden;
-
-      .badge{
-        width: 18px;
-        height: 18px;
-      }
-
-      .strong {
-        font-weight: 600;
-        color: ${colors_1.BlackColor};
-        font-size: 18px;
-        line-height: 26px;
-      }
-
-      .regular {
-        ${typography_1.FH5};
-        color: ${colors_1.TextGrayColor};
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-    }
-
-    &:before {
-      content: '';
-      position: absolute;
-      width: calc(100% + 12px);
-      height: 100%;
-      top: 0;
-      left: -6px;
-      border-radius: 8px;
-      transition: background-color 200ms;
-    }
-
-    &:hover:before {
-      background: #ecf0fc;
-    }
-  }
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    .link {
-      padding: ${(0, _4k_1.adaptiveValueCalc)(6)} 0;
-      border-radius: ${(0, _4k_1.adaptiveValueCalc)(8)};
-      gap: ${(0, _4k_1.adaptiveValueCalc)(8)};
-
-      img {
-        border-radius: ${(props) => props.borderRadius ? (0, _4k_1.adaptiveValueCalc)(16) : 'none'};
-        width: ${(0, _4k_1.adaptiveValueCalc)(32)};
-        height: ${(0, _4k_1.adaptiveValueCalc)(32)};
-      }
-
-      .text {
-        .badge{
-          width:  ${(0, _4k_1.adaptiveValueCalc)(18)};
-          height:  ${(0, _4k_1.adaptiveValueCalc)(18)};
-        }
-
-        .strong {
-          font-size: ${(0, _4k_1.adaptiveValueCalc)(18)};
-          line-height: ${(0, _4k_1.adaptiveValueCalc)(26)};
-        }
-      }
-
-      &:before {
-        width: calc(100% + ${(0, _4k_1.adaptiveValueCalc)(12)});
-        left: ${(0, _4k_1.adaptiveValueCalc)(-6)};
-        border-radius: ${(0, _4k_1.adaptiveValueCalc)(8)};
-      }
-    }
-  }
-`;
-// Components
-const SearchSuggestionsItem = ({ name, link, imgUrl, borderRadius, additionalHTML, searchTerm, afterText }) => ((0, jsx_runtime_1.jsx)(StyledSearchSuggestionsItem, { borderRadius: borderRadius, children: (0, jsx_runtime_1.jsxs)("a", { href: link, className: 'link', children: [(0, jsx_runtime_1.jsx)(ImageInterceptor_1.ImageInterceptor, { borderRadiusSkeleton: borderRadius && 16, children: (0, jsx_runtime_1.jsx)("img", { src: imgUrl, alt: 'pirate', width: 32, height: 32 }) }), (0, jsx_runtime_1.jsxs)("div", { className: 'text', children: [(0, jsx_runtime_1.jsx)("p", { className: 'regular', children: (0, utils_1.searchQueryLetters)({
-                            text: name,
-                            searchQuery: searchTerm,
-                            className: 'strong',
-                        }) }), afterText] }), additionalHTML] }) }));
-// Export
-exports.default = SearchSuggestionsItem;

package/build/components/search/searchSuggestions/searchSuggestionsItem/searchSuggestionsItemSkeleton/index.d.ts

@@ -1,3 +0,0 @@
-declare const SearchSuggestionsItemSkeleton: () => import("react/jsx-runtime").JSX.Element;
-export declare const SearchSuggestionsItemsSkeleton: () => import("react/jsx-runtime").JSX.Element;
-export default SearchSuggestionsItemSkeleton;