@ludo.ninja/components 2.1.22 → 2.1.24

package/build/api/server-medias/queries/useFetchUserPic/index.d.ts

@@ -4,7 +4,7 @@ declare const useFetchUserpic: () => {
     loading: boolean;
     error: import("@apollo/client").ApolloError | undefined;
     refetch: (variables?: Partial<schema.Exact<{
-        userId: string;
+        userId: schema.Scalars["ID"];
     }>> | undefined) => Promise<import("@apollo/client").ApolloQueryResult<schema.IFetchUserpicQuery>>;
     load: (userId: string) => void;
     userPic: string | null;

package/build/api/server-search/queries/useFetchFindAllTopEntitiesByName/index.d.ts

@@ -12,8 +12,8 @@ export declare const useFetchFindAllTopEntitiesByName: () => {
     loading: boolean;
     error: import("@apollo/client").ApolloError | undefined;
     load: ({ name, pageSize }: schema.IQueryFindAllTopEntitiesByNameArgs) => Promise<import("@apollo/client").QueryResult<schema.IFindAllTopEntitiesByNameQuery, schema.Exact<{
-        name: string;
-        pageSize: number;
+        name: schema.Scalars["String"];
+        pageSize: schema.Scalars["Int"];
     }>>>;
     topEntities: {
         assets: AssetEntity[];
@@ -28,8 +28,8 @@ declare const _default: {
         loading: boolean;
         error: import("@apollo/client").ApolloError | undefined;
         load: ({ name, pageSize }: schema.IQueryFindAllTopEntitiesByNameArgs) => Promise<import("@apollo/client").QueryResult<schema.IFindAllTopEntitiesByNameQuery, schema.Exact<{
-            name: string;
-            pageSize: number;
+            name: schema.Scalars["String"];
+            pageSize: schema.Scalars["Int"];
         }>>>;
         topEntities: {
             assets: AssetEntity[];

package/build/components/assetPage/audioVideoPlayer/index.d.ts

@@ -66,11 +66,11 @@ export interface PlayerStateTypes {
     error: boolean;
     isFullscreenMode: boolean;
 }
-export declare const ReactPlayerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const ReactPlayerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     poster: string | null | undefined;
     playerType: string;
     isFullscreenMode: boolean;
-}>> & string;
+}, never>;
 export declare class AudioVideoPlayer extends Component<ReactPlayerProps, PlayerStateTypes> {
     private player;
     constructor(props: ReactPlayerProps);

package/build/components/headers/headerSimple/index.js

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const image_1 = __importDefault(require("next/image"));
 const colors_1 = require("../../../styles/colors");
 const screen_1 = require("../../../utils/screen");
 const styled_components_1 = __importDefault(require("styled-components"));
@@ -68,7 +67,7 @@ const HeaderSimple = () => {
     const { windowWidth } = (0, screen_1.getWindowDimensions)();
     const renderDesktopLogoOrMobile = () => {
         const isMobile = windowWidth <= 768;
-        return ((0, jsx_runtime_1.jsx)(image_1.default, { width: isMobile ? 31 : 116, height: isMobile ? 32 : 28, priority: true, src: isMobile ? '/logo/mobile_logo.svg' : '/logo/main_logo.svg', alt: "Ludo - a right place for NFT art" }));
+        return ((0, jsx_runtime_1.jsx)("img", { width: isMobile ? 31 : 116, height: isMobile ? 32 : 28, src: isMobile ? '/logo/mobile_logo.svg' : '/logo/main_logo.svg', alt: "Ludo - a right place for NFT art" }));
     };
     const scrollDirection = (0, utils_1.useScrollDirection)();
     const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);

package/build/fonts/FontsInitializeLayout.d.ts

@@ -9,4 +9,4 @@ export declare const getFontsLayout: ({ poppinsFont, dmsansFont }: {
         children: ReactNode;
     }) => import("react/jsx-runtime").JSX.Element;
 };
-export declare const GlobalFontsFallback: import("styled-components").RuleSet<object>;
+export declare const GlobalFontsFallback: import("styled-components").FlattenSimpleInterpolation;

package/build/layouts/custom/styles.d.ts

@@ -1,2 +1,2 @@
-export declare const StyledMain: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
-export declare const StyledMainForms: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const StyledMain: import("styled-components").StyledComponent<"main", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledMainForms: import("styled-components").StyledComponent<"main", import("styled-components").DefaultTheme, {}, never>;

package/build/modules/gallery/ui/STopSections.d.ts

@@ -1 +1 @@
-export declare const STopSections: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const STopSections: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/build/modules/sessionScroll/index.d.ts

@@ -1,4 +1,4 @@
-import { TScrollKey } from './type';
+import { TScrollKey } from "./type";
 export declare const getScrollKeys: () => TScrollKey | null;
 export declare const removeScrollKeys: () => void;
 export declare const setScrollKeys: (data: TScrollKey) => void;

package/build/modules/sessionScroll/index.js

@@ -5,7 +5,8 @@ const react_1 = require("react");
 const router_1 = require("next/router");
 const traditional_1 = require("zustand/traditional");
 const utils_1 = require("@ludo.ninja/utils");
-const sessionKey = 'scrollPositions';
+const shallow_1 = require("zustand/shallow");
+const sessionKey = "scrollPositions";
 const getScrollKeys = () => {
     const result = (0, utils_1.getSessionKey)(sessionKey);
     if (result) {
@@ -30,7 +31,7 @@ exports.useScrollState = (0, traditional_1.createWithEqualityFn)()((setState, ge
     setIsHandleUpdateScroll: (isHandleUpdateScroll) => {
         setState({ isHandleUpdateScroll });
     },
-    backRoute: '',
+    backRoute: "",
     setBackRoute: (backRoute) => {
         setState({ backRoute });
     },
@@ -45,15 +46,15 @@ exports.useScrollState = (0, traditional_1.createWithEqualityFn)()((setState, ge
             });
         }
     },
-}));
+}), shallow_1.shallow);
 // custom Component Interceptor scroll state without global page rerender in effect
 const DeleteScrollStateInterceptor = () => {
     const removeScrollKeysWithCheckRoute = (0, exports.useScrollState)((state) => state.removeScrollKeysWithCheckRoute);
     const router = (0, router_1.useRouter)();
     (0, react_1.useEffect)(() => {
-        router.events.on('routeChangeStart', removeScrollKeysWithCheckRoute);
+        router.events.on("routeChangeStart", removeScrollKeysWithCheckRoute);
         return () => {
-            router.events.off('routeChangeStart', removeScrollKeysWithCheckRoute);
+            router.events.off("routeChangeStart", removeScrollKeysWithCheckRoute);
         };
     }, []);
     return null;

package/build/styles/animations/index.d.ts

@@ -1,2 +1,2 @@
-export declare const rotateReverse: import("styled-components/dist/models/Keyframes").default;
-export declare const rotate: import("styled-components/dist/models/Keyframes").default;
+export declare const rotateReverse: import("styled-components").Keyframes;
+export declare const rotate: import("styled-components").Keyframes;

package/build/styles/globalStyles.d.ts

@@ -1,2 +1,2 @@
-declare const GlobalStyle: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;
+declare const GlobalStyle: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
 export default GlobalStyle;

package/build/styles/mixins/boxShadow.d.ts

@@ -1,2 +1,2 @@
-declare const BoxShadow: () => import("styled-components").RuleSet<object>;
+declare const BoxShadow: () => import("styled-components").FlattenSimpleInterpolation;
 export default BoxShadow;

package/build/styles/mixins/boxTransform.d.ts

@@ -1,2 +1,2 @@
-declare const BoxTransform: () => import("styled-components").RuleSet<object>;
+declare const BoxTransform: () => import("styled-components").FlattenSimpleInterpolation;
 export default BoxTransform;

package/build/system/Cards/CardContent/CardShowMore/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-export declare const StyledCardShowMore: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledCardShowMore: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 declare const CardShowMore: ({ itemId, href }: {
     itemId: string;
     href: string;

package/build/system/Cards/Styles/Content.d.ts

@@ -1,2 +1,2 @@
-declare const StyledContentCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledContentCard: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export default StyledContentCard;

package/build/system/Cards/Styles/Head.d.ts

@@ -1,2 +1,2 @@
-declare const StyledCardHead: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledCardHead: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export default StyledCardHead;

package/build/system/Cards/Styles/Headicons.d.ts

@@ -1,4 +1,4 @@
-declare const StyledHeadIcons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+declare const StyledHeadIcons: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isMobile: boolean;
-}>> & string;
+}, never>;
 export default StyledHeadIcons;

package/build/system/Cards/Styles/Image.d.ts

@@ -1,4 +1,4 @@
-declare const StyledImg: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {
+declare const StyledImg: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
     isLoading: boolean;
-}>> & string;
+}, never>;
 export default StyledImg;

package/build/system/Cards/Styles/Likes.d.ts

@@ -1,4 +1,4 @@
-declare const StyledLikes: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+declare const StyledLikes: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isLiked: boolean;
-}>> & string;
+}, never>;
 export default StyledLikes;

package/build/system/Cards/Styles/MultiHead.d.ts

@@ -1,2 +1,2 @@
-declare const StyledMultiHead: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledMultiHead: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export default StyledMultiHead;

package/build/system/Cards/Styles/Video.d.ts

@@ -1,2 +1,2 @@
-declare const StyledVideo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, never>> & string;
+declare const StyledVideo: import("styled-components").StyledComponent<"video", import("styled-components").DefaultTheme, {}, never>;
 export default StyledVideo;

package/build/system/Forms/Input/index.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { UseFormRegisterReturn } from 'react-hook-form';
 import { inputType } from './type';
-export declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+export declare const StyledInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
     status: boolean;
-}>> & string;
+}, never>;
 interface Props {
     data: inputType;
     register: UseFormRegisterReturn;

package/build/system/Modals/ModalSidebar/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
-export declare const StyledModalSidebar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledModalSidebar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 declare const ModalSidebar: () => import("react/jsx-runtime").JSX.Element | null;
 export default ModalSidebar;

package/build/system/Tabs/TabNavLink/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { TabsNavType } from '../TabsNav/type';
-export declare const StyledTabsNavLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledTabsNavLink: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isActive: boolean;
-}>> & string;
+}, never>;
 interface Props {
     tabNavLink: TabsNavType;
     activeNavLink: boolean;

package/build/system/Tabs/TabsNav/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TActiveTab, TabsNavType } from './type';
-export declare const StyledTabsNav: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledTabsNav: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 interface Props {
     tabsData: TabsNavType[];
     activeTab: TActiveTab;

package/package.json

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