@ludo.ninja/components 2.0.9 → 2.0.11

package/build/modules/gallery/ui/itemsPreview/index.js

@@ -1,35 +1,29 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useVirtuosoData = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
-const react_virtuoso_1 = require("react-virtuoso");
-const styled_components_1 = __importDefault(require("styled-components"));
-const ScreenWidth_1 = require("@ludo.ninja/ui/build/styles/ScreenWidth");
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const CollectionCreationEntity_1 = __importDefault(require("../../../../dto/Collection/CollectionCreationEntity"));
-const ScreenWidth_2 = require("../../../../styles/ScreenWidth");
-const colors_1 = require("../../../../styles/colors");
-const typography_1 = require("../../../../styles/typography");
-const CardImage_1 = __importDefault(require("../../../../system/Cards/CardMedia/CardImage"));
-const CardsHolderLoader_1 = __importDefault(require("../../../../system/CardsHolderWithSkeleton/CardsHolderLoader"));
-const check4k_1 = require("../../../../utils/adaptive/check4k");
-const screen_1 = require("../../../../utils/screen");
-// import DeleteIcon from '@/public/gallery/delete.svg';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import Skeleton from 'react-loading-skeleton';
+import { Virtuoso } from 'react-virtuoso';
+import styled from 'styled-components';
+import { ScreenWidth } from '@ludo.ninja/ui/build/styles/ScreenWidth';
+import { adaptiveValueCalc, getAdaptiveValue, } from '@ludo.ninja/ui/build/utils/4k';
+import CollectionCreationEntity from "../../../../dto/Collection/CollectionCreationEntity";
+import { mediaQuery } from "../../../../styles/ScreenWidth";
+import { BlackColor } from "../../../../styles/colors";
+import { FH3 } from "../../../../styles/typography";
+import CardImage from "../../../../system/Cards/CardMedia/CardImage";
+import CardsHolderLoader from "../../../../system/CardsHolderWithSkeleton/CardsHolderLoader";
+import { getAdaptiveValueWithCheck4k } from "../../../../utils/adaptive/check4k";
+import { useWindowDimensionsWithServerInitial } from "../../../../utils/screen";
+// import DeleteIcon from "../../../../public/gallery/delete";
 // Styles
-const StyledItemsPreview = styled_components_1.default.div `
+const StyledItemsPreview = styled.div `
   margin-right: 40px;
 
   .head {
     margin-bottom: 20px;
 
     .tittle {
-      ${typography_1.FH3};
-      color: ${colors_1.BlackColor};
+      ${FH3};
+      color: ${BlackColor};
       margin: 0;
     }
   }
@@ -99,48 +93,48 @@ const StyledItemsPreview = styled_components_1.default.div `
     }
   }
 
-  ${ScreenWidth_2.mediaQuery.minWidthFourK} {
-    margin-right: ${(0, _4k_1.adaptiveValueCalc)(40)};
+  ${mediaQuery.minWidthFourK} {
+    margin-right: ${adaptiveValueCalc(40)};
 
     .head {
-      margin-bottom: ${(0, _4k_1.adaptiveValueCalc)(20)};
+      margin-bottom: ${adaptiveValueCalc(20)};
     }
 
     .content {
-      gap: ${(0, _4k_1.adaptiveValueCalc)(8)};
-      max-height: ${(0, _4k_1.adaptiveValueCalc)(302)};
-      min-width: ${(0, _4k_1.adaptiveValueCalc)(168)};
+      gap: ${adaptiveValueCalc(8)};
+      max-height: ${adaptiveValueCalc(302)};
+      min-width: ${adaptiveValueCalc(168)};
     }
 
     .content-item {
-      width: ${(0, _4k_1.adaptiveValueCalc)(80)};
-      height: ${(0, _4k_1.adaptiveValueCalc)(80)};
+      width: ${adaptiveValueCalc(80)};
+      height: ${adaptiveValueCalc(80)};
 
       > img,
       video {
-        border-radius: ${(0, _4k_1.adaptiveValueCalc)(6)};
+        border-radius: ${adaptiveValueCalc(6)};
       }
 
       .content-item-gallery-pic {
-        border-radius: ${(0, _4k_1.adaptiveValueCalc)(6)};
+        border-radius: ${adaptiveValueCalc(6)};
       }
 
       .content-item-gallery-deleteIcon {
-        right: ${(0, _4k_1.adaptiveValueCalc)(4)};
-        bottom: ${(0, _4k_1.adaptiveValueCalc)(4)};
-        width: ${(0, _4k_1.adaptiveValueCalc)(24)};
-        height: ${(0, _4k_1.adaptiveValueCalc)(24)};
+        right: ${adaptiveValueCalc(4)};
+        bottom: ${adaptiveValueCalc(4)};
+        width: ${adaptiveValueCalc(24)};
+        height: ${adaptiveValueCalc(24)};
       }
     }
   }
 `;
-const SCardsRow = styled_components_1.default.div `
+const SCardsRow = styled.div `
   display: flex;
   justify-content: space-between;
 `;
 // Component
-const useVirtuosoData = ({ creations, isMobile, }) => {
-    const virtuosoData = (0, react_1.useMemo)(() => {
+export const useVirtuosoData = ({ creations, isMobile, }) => {
+    const virtuosoData = useMemo(() => {
         const columnCount = isMobile ? 4 : 2;
         const creationPacks = [];
         let indexPack = 0;
@@ -155,7 +149,7 @@ const useVirtuosoData = ({ creations, isMobile, }) => {
         });
         return { creationPacks, creations };
     }, [isMobile, creations]);
-    const placeholderData = (0, react_1.useMemo)(() => {
+    const placeholderData = useMemo(() => {
         const columnCount = isMobile ? 4 : 2;
         const creationPacks = [[]];
         let indexPack = 0;
@@ -177,18 +171,17 @@ const useVirtuosoData = ({ creations, isMobile, }) => {
         placeholderData,
     };
 };
-exports.useVirtuosoData = useVirtuosoData;
 const ItemsPreview = ({ creations, deleteMethod, title, loadMore, isLoading, isNextLoading, allCount, }) => {
-    const { isMobile, windowDimensions } = (0, screen_1.useWindowDimensionsWithServerInitial)();
-    const { virtuosoData, placeholderData } = (0, exports.useVirtuosoData)({
+    const { isMobile, windowDimensions } = useWindowDimensionsWithServerInitial();
+    const { virtuosoData, placeholderData } = useVirtuosoData({
         creations,
         isMobile,
     });
     const virtuosoBody = (() => {
         const getGapCards = () => {
             if (windowDimensions &&
-                windowDimensions.windowWidth >= ScreenWidth_1.ScreenWidth.FOUR_K_MIN) {
-                return (0, _4k_1.getAdaptiveValue)({
+                windowDimensions.windowWidth >= ScreenWidth.FOUR_K_MIN) {
+                return getAdaptiveValue({
                     currentSize: 8,
                     windowWidth: windowDimensions.windowWidth,
                 });
@@ -199,7 +192,7 @@ const ItemsPreview = ({ creations, deleteMethod, title, loadMore, isLoading, isN
             return {
                 totalCount: placeholderData.length,
                 itemContent: (index) => {
-                    return ((0, jsx_runtime_1.jsx)(SCardsRow, { style: {
+                    return (_jsx(SCardsRow, { style: {
                             paddingBottom: (() => {
                                 if (index === virtuosoData.creationPacks.length - 1) {
                                     return 0;
@@ -207,14 +200,14 @@ const ItemsPreview = ({ creations, deleteMethod, title, loadMore, isLoading, isN
                                 return getGapCards();
                             })(),
                             gap: getGapCards(),
-                        }, children: placeholderData[index].map((_, ind) => ((0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { height: isMobile
+                        }, children: placeholderData[index].map((_, ind) => (_jsx(Skeleton, { height: isMobile
                                 ? 68
-                                : (0, check4k_1.getAdaptiveValueWithCheck4k)({
+                                : getAdaptiveValueWithCheck4k({
                                     currentSize: 80,
                                     windowDimensions,
                                 }), width: isMobile
                                 ? 68
-                                : (0, check4k_1.getAdaptiveValueWithCheck4k)({
+                                : getAdaptiveValueWithCheck4k({
                                     currentSize: 80,
                                     windowDimensions,
                                 }) }, ind))) }));
@@ -233,14 +226,14 @@ const ItemsPreview = ({ creations, deleteMethod, title, loadMore, isLoading, isN
             totalCount: virtuosoData.creationPacks.length,
             itemContent: (index) => {
                 const data = virtuosoData.creationPacks[index];
-                return ((0, jsx_runtime_1.jsx)(SCardsRow, { style: {
+                return (_jsx(SCardsRow, { style: {
                         paddingBottom: (() => {
                             if (index === virtuosoData.creationPacks.length - 1) {
                                 return 0;
                             }
                             return getGapCards();
                         })(),
-                    }, children: data.map((creation) => ((0, jsx_runtime_1.jsxs)("div", { className: "content-item", children: [creation instanceof CollectionCreationEntity_1.default ? ((0, jsx_runtime_1.jsx)(CardImage_1.default, { alt: `${creation.getName()} ${creation.getAddress() || ''}`, imgSrc: creation.getOriginalUrls()?.[0] ?? '', errorImg: '/noContent/noContent.svg' })) : (creation.detectMediaType().displaySingleMedia()), (0, jsx_runtime_1.jsx)("img", { src: "/gallery/delete.svg", alt: "delete", width: 24, height: 24, className: 'content-item-gallery-deleteIcon', onClick: () => deleteMethod(creation instanceof CollectionCreationEntity_1.default
+                    }, children: data.map((creation) => (_jsxs("div", { className: "content-item", children: [creation instanceof CollectionCreationEntity ? (_jsx(CardImage, { alt: `${creation.getName()} ${creation.getAddress() || ''}`, imgSrc: creation.getOriginalUrls()?.[0] ?? '', errorImg: '/noContent/noContent.svg' })) : (creation.detectMediaType().displaySingleMedia()), _jsx("img", { src: "/gallery/delete.svg", alt: "delete", width: 24, height: 24, className: 'content-item-gallery-deleteIcon', onClick: () => deleteMethod(creation instanceof CollectionCreationEntity
                                     ? `${creation.getItemType() +
                                         '.' +
                                         creation.getCreationId()}`
@@ -248,13 +241,13 @@ const ItemsPreview = ({ creations, deleteMethod, title, loadMore, isLoading, isN
             },
         };
     })();
-    return ((0, jsx_runtime_1.jsxs)(StyledItemsPreview, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'head', children: (0, jsx_runtime_1.jsx)("h3", { className: 'tittle', children: `${title} (${allCount || creations?.length})` }) }), (0, jsx_runtime_1.jsx)(react_virtuoso_1.Virtuoso, { style: {
+    return (_jsxs(StyledItemsPreview, { children: [_jsx("div", { className: 'head', children: _jsx("h3", { className: 'tittle', children: `${title} (${allCount || creations?.length})` }) }), _jsx(Virtuoso, { style: {
                     height: isMobile
                         ? 144
                         : (() => {
                             if (windowDimensions &&
-                                windowDimensions.windowWidth >= ScreenWidth_1.ScreenWidth.FOUR_K_MIN) {
-                                return (0, _4k_1.getAdaptiveValue)({
+                                windowDimensions.windowWidth >= ScreenWidth.FOUR_K_MIN) {
+                                return getAdaptiveValue({
                                     currentSize: 302,
                                     windowWidth: windowDimensions.windowWidth,
                                 });
@@ -263,8 +256,8 @@ const ItemsPreview = ({ creations, deleteMethod, title, loadMore, isLoading, isN
                         })(),
                     minWidth: (() => {
                         if (windowDimensions &&
-                            windowDimensions.windowWidth >= ScreenWidth_1.ScreenWidth.FOUR_K_MIN) {
-                            return (0, _4k_1.getAdaptiveValue)({
+                            windowDimensions.windowWidth >= ScreenWidth.FOUR_K_MIN) {
+                            return getAdaptiveValue({
                                 currentSize: 168,
                                 windowWidth: windowDimensions.windowWidth,
                             });
@@ -272,8 +265,8 @@ const ItemsPreview = ({ creations, deleteMethod, title, loadMore, isLoading, isN
                         return 168;
                     })(),
                 }, totalCount: virtuosoBody.totalCount, endReached: loadMore, overscan: 200, itemContent: virtuosoBody.itemContent, components: {
-                    Footer: () => (isNextLoading ? (0, jsx_runtime_1.jsx)(CardsHolderLoader_1.default, {}) : null),
+                    Footer: () => (isNextLoading ? _jsx(CardsHolderLoader, {}) : null),
                 } })] }));
 };
 // Export
-exports.default = ItemsPreview;
+export default ItemsPreview;

package/build/modules/gallery/useToGalleryAsset.js

@@ -1,18 +1,11 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInitializeToGalleryAsset = exports.useToGalleryStore = exports.getIsActiveCreation = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const shallow_1 = require("zustand/shallow");
-const traditional_1 = require("zustand/traditional");
-const addCreationToGallery_1 = __importDefault(require("../../components/gallery/add/addCreationToGallery"));
-const ui_1 = require("../../store/ui");
-const getIsActiveCreation = (creations, creation) => !!creations.find((gCreation) => gCreation.getCreationId() === creation.getCreationId());
-exports.getIsActiveCreation = getIsActiveCreation;
-exports.useToGalleryStore = (0, traditional_1.createWithEqualityFn)()((setState, getState) => ({
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { shallow } from 'zustand/shallow';
+import { createWithEqualityFn } from 'zustand/traditional';
+import AddCreationToGallery from "../../components/gallery/add/addCreationToGallery";
+import { useUiStore } from "../../store/ui";
+export const getIsActiveCreation = (creations, creation) => !!creations.find((gCreation) => gCreation.getCreationId() === creation.getCreationId());
+export const useToGalleryStore = createWithEqualityFn()((setState, getState) => ({
     isActiveGalleryMode: false,
     activateGalleryMode: () => {
         setState({
@@ -54,7 +47,7 @@ exports.useToGalleryStore = (0, traditional_1.createWithEqualityFn)()((setState,
     },
     toggleCreationToGallery: (creation) => {
         const { removeCreationFromGallery, addCreationToGallery, creationsToGallery, } = getState();
-        if ((0, exports.getIsActiveCreation)(creationsToGallery, creation)) {
+        if (getIsActiveCreation(creationsToGallery, creation)) {
             removeCreationFromGallery(creation.getCreationId());
         }
         else {
@@ -67,22 +60,21 @@ exports.useToGalleryStore = (0, traditional_1.createWithEqualityFn)()((setState,
             isActiveGalleryMode: false,
         });
     },
-}), shallow_1.shallow);
-const useInitializeToGalleryAsset = () => {
-    const openModalSidebarPortal = (0, ui_1.useUiStore)((state) => state.openModalSidebarPortal);
-    const { resetCreationsInGallery } = (0, exports.useToGalleryStore)((state) => ({
+}), shallow);
+export const useInitializeToGalleryAsset = () => {
+    const openModalSidebarPortal = useUiStore((state) => state.openModalSidebarPortal);
+    const { resetCreationsInGallery } = useToGalleryStore((state) => ({
         resetCreationsInGallery: state.resetCreationsInGallery,
     }));
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         return () => {
             resetCreationsInGallery();
         };
     }, []);
     const handleAddToGallery = () => {
-        openModalSidebarPortal((0, jsx_runtime_1.jsx)(addCreationToGallery_1.default, {}));
+        openModalSidebarPortal(_jsx(AddCreationToGallery, {}));
     };
     return {
         handleAddToGallery,
     };
 };
-exports.useInitializeToGalleryAsset = useInitializeToGalleryAsset;

package/build/modules/notifications/CreatorNotifications.js

@@ -1,41 +1,11 @@
-"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;
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import dynamic from 'next/dynamic';
+import { useIsOpenNotifications } from '@ludo.ninja/ui/build/modules/notifications/useIsOpenNotifications';
+import { useUiStore } from "../../store/ui";
+const Notifications = dynamic(() => import('@ludo.ninja/ui/build/modules/notifications').then((_) => _.Notifications));
+export const CreatorNotifications = () => {
+    const notifications = useUiStore((state) => state.notifications);
+    const removeNotification = useUiStore((state) => state.removeNotification);
+    const isOpen = useIsOpenNotifications({ notifications });
+    return (_jsx(_Fragment, { children: isOpen && (_jsx(Notifications, { notifications: notifications, removeNotification: removeNotification })) }));
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CreatorNotifications = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const dynamic_1 = __importDefault(require("next/dynamic"));
-const useIsOpenNotifications_1 = require("@ludo.ninja/ui/build/modules/notifications/useIsOpenNotifications");
-const ui_1 = require("../../store/ui");
-const Notifications = (0, dynamic_1.default)(() => Promise.resolve().then(() => __importStar(require('@ludo.ninja/ui/build/modules/notifications'))).then((_) => _.Notifications));
-const CreatorNotifications = () => {
-    const notifications = (0, ui_1.useUiStore)((state) => state.notifications);
-    const removeNotification = (0, ui_1.useUiStore)((state) => state.removeNotification);
-    const isOpen = (0, useIsOpenNotifications_1.useIsOpenNotifications)({ notifications });
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isOpen && ((0, jsx_runtime_1.jsx)(Notifications, { notifications: notifications, removeNotification: removeNotification })) }));
-};
-exports.CreatorNotifications = CreatorNotifications;

package/build/modules/notifications/index.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createInviteNotification = exports.createXpNotification = void 0;
-const variants_1 = require("@ludo.ninja/ui/build/modules/notifications/variants");
-exports.createXpNotification = variants_1.createNotificationVariants.newXp;
-exports.createInviteNotification = variants_1.createNotificationVariants.inviteCode;
+import { createNotificationVariants } from '@ludo.ninja/ui/build/modules/notifications/variants';
+export const createXpNotification = createNotificationVariants.newXp;
+export const createInviteNotification = createNotificationVariants.inviteCode;