@ludo.ninja/components 2.1.60 → 2.1.61

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/assetPage/media/AssetImage/index.js

@@ -27,15 +27,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const link_1 = __importDefault(require("next/link"));
+const vars_1 = require("../../../../fonts/vars");
+const creation_1 = require("../../../../store/creation");
+// import { useCreationStore } from "@/store/creation";
 const ScreenWidth_1 = require("../../../../styles/ScreenWidth");
 const imageProportionsSize_1 = require("../../../../utils/imageProportionsSize");
-const react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
-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 vars_1 = require("../../../../fonts/vars");
+const link_1 = __importDefault(require("next/link"));
+const react_1 = __importStar(require("react"));
+const react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
+const styled_components_1 = __importStar(require("styled-components"));
 const SScreenshotContainer = styled_components_1.default.div `
   border-radius: 16px;
   overflow: hidden;
@@ -151,8 +153,16 @@ const ImageContainer = styled_components_1.default.div `
   }
 `;
 const AssetImage = ({ imageUrl, errorImg, originalUrl, alt, isScreenshot, }) => {
+    // const { urlsActive, addUrlsActive } = useCreationStore((state) => ({
+    //   urlsActive: state.urlsActive,
+    //   addUrlsActive: state.addUrlsActive,
+    // }));
+    const isFirstLoading = !creation_1.urlsActive[imageUrl];
     const [size, setSize] = (0, react_1.useState)({});
-    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [loading, setLoading] = (0, react_1.useState)(isFirstLoading);
+    if (isFirstLoading) {
+        (0, creation_1.addUrlsActive)(imageUrl);
+    }
     const ref = (0, react_1.useRef)(null);
     (0, react_1.useLayoutEffect)(() => {
         const { width, height } = (0, imageProportionsSize_1.defineImgProportion)(ref, 80);
@@ -162,24 +172,22 @@ const AssetImage = ({ imageUrl, errorImg, originalUrl, alt, isScreenshot, }) =>
         }
     }, [imageUrl]);
     const LinkComponent = originalUrl ? link_1.default : react_1.default.Fragment;
-    const ScreenShotContainer = isScreenshot
-        ? SScreenshotContainer
-        : react_1.default.Fragment;
-    return ((0, jsx_runtime_1.jsx)(LinkComponent, { href: `${originalUrl}`, target: "_blank", children: (0, jsx_runtime_1.jsxs)(ScreenShotContainer, { children: [(0, jsx_runtime_1.jsxs)(ImageContainer, { isScreenshot: isScreenshot, children: [loading && ((0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { height: '100%', width: '100%', style: {
-                                lineHeight: 'normal',
-                                position: 'absolute',
+    const ScreenShotContainer = isScreenshot ? SScreenshotContainer : react_1.default.Fragment;
+    return ((0, jsx_runtime_1.jsx)(LinkComponent, { href: `${originalUrl}`, target: "_blank", children: (0, jsx_runtime_1.jsxs)(ScreenShotContainer, { children: [(0, jsx_runtime_1.jsxs)(ImageContainer, { isScreenshot: isScreenshot, children: [loading && ((0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { height: "100%", width: "100%", style: {
+                                lineHeight: "normal",
+                                position: "absolute",
                                 top: 0,
                                 left: 0,
-                                visibility: `${loading ? 'hidden' : 'visible'}`,
+                                visibility: `${loading ? "hidden" : "visible"}`,
                             } })), (0, jsx_runtime_1.jsx)("img", { alt: alt, ref: ref, src: imageUrl, onError: (e) => {
                                 e.target.src = errorImg;
-                                setSize({ width: '100%', height: '100%' });
+                                setSize({ width: "100%", height: "100%" });
                             }, onLoad: () => setLoading(false), style: {
-                                opacity: loading ? '0' : '1',
+                                opacity: loading ? "0" : "1",
                                 ...(isScreenshot
                                     ? {
-                                        maxHeight: '100%',
-                                        maxWidth: '100%',
+                                        maxHeight: "100%",
+                                        maxWidth: "100%",
                                     }
                                     : size),
                             } })] }), isScreenshot && originalUrl && ((0, jsx_runtime_1.jsx)("div", { className: "link", title: originalUrl, children: (0, jsx_runtime_1.jsx)("span", { children: originalUrl }) }))] }) }));

package/build/components/sidebar/sidebarSpa.d.ts

@@ -1,8 +1,8 @@
-export declare const SLinkStyles: (Link: any) => import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<any, {
+export declare const SLinkStyles: (Link: any) => import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, {
     scale: {
         transform: string;
     } | object;
-}>> & string & (import("styled-components/dist/types").BaseObject | Omit<any, keyof import("react").Component<any, {}, any>>);
+}, string | number | symbol>;
 export declare const SidebarSpa: ({ SLink, UserPic, SidebarInviteCodeLabel }: {
     SLink: any;
     UserPic: any;

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/store/creation/index.d.ts

@@ -0,0 +1,5 @@
+export declare let urlsActive: {
+    [a: string]: boolean;
+};
+export declare const addUrlsActive: (url: string) => void;
+export declare const clearAllUrlsActive: () => void;

package/build/store/creation/index.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearAllUrlsActive = exports.addUrlsActive = exports.urlsActive = void 0;
+// interface ICreationStore {
+//   urlsActive: { [a: string]: boolean };
+//   addUrlsActive: (url: string) => void;
+//   clearAllUrlsActive: () => void;
+// }
+//
+// export const useCreationStore = createWithEqualityFn<ICreationStore>()(
+//   (setState) => ({
+//     urlsActive: {},
+//     addUrlsActive: (url) => {
+//       setState((prev) => ({
+//         urlsActive: {
+//           ...prev.urlsActive,
+//           [url]: true,
+//         },
+//       }));
+//     },
+//     clearAllUrlsActive: () => {
+//       setState({
+//         urlsActive: {},
+//       });
+//     },
+//   }),
+//   shallow,
+// );
+//without rerenders include stack
+exports.urlsActive = {};
+const addUrlsActive = (url) => {
+    exports.urlsActive[url] = true;
+};
+exports.addUrlsActive = addUrlsActive;
+const clearAllUrlsActive = () => {
+    exports.urlsActive = {};
+};
+exports.clearAllUrlsActive = clearAllUrlsActive;

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.60",
+  "version": "2.1.61",
   "private": false,
   "main": "build/index.js",
   "types": "build/index.d.ts",