@ludo.ninja/components 2.3.5 → 2.3.6

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

@@ -1,279 +0,0 @@
-"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 CreationMediaView_1 = require("../../../../entities/creation/CreationMediaView");
-const types_1 = require("../../../../entities/labelCreationType/types");
-const ScreenWidth_1 = 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");
-const constants_1 = require("@ludo.ninja/core/build/constants");
-const ScreenWidth_2 = require("@ludo.ninja/ui/build/styles/ScreenWidth");
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-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"));
-// Styles
-const StyledItemsPreview = styled_components_1.default.div `
-  margin-right: 40px;
-
-  .head {
-    margin-bottom: 20px;
-
-    .tittle {
-      ${typography_1.FH3};
-      color: ${colors_1.BlackColor};
-      margin: 0;
-    }
-  }
-
-  .content {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    gap: 8px;
-    max-height: 302px;
-    min-width: 168px;
-    overflow-x: auto;
-  }
-
-  .content-item {
-    position: relative;
-    width: 80px;
-    height: 80px;
-    cursor: pointer;
-    transition: transform 0.2s;
-    transform: scale(1);
-    will-change: transform;
-
-    > img,
-    video {
-      border-radius: 6px;
-    }
-
-    .content-item-gallery-pic {
-      border-radius: 6px;
-      width: 100%;
-      height: 100%;
-    }
-
-    .content-item-gallery-deleteIcon {
-      position: absolute;
-      right: 4px;
-      bottom: 4px;
-      transition: transform 0.2s;
-      transform: scale(1);
-
-      :hover {
-        transform: scale(1.15);
-        transition: transform 0.2s;
-      }
-    }
-
-    &:hover {
-      .content-item-gallery-deleteIcon {
-        transform: scale(1.15);
-        transition: transform 0.2s;
-      }
-    }
-  }
-
-  @media (max-width: 767px) {
-    margin-right: 0;
-    margin-bottom: 32px;
-
-    .content-item {
-      width: 68px;
-      height: 68px;
-    }
-
-    .content {
-      height: 144px;
-      grid-template-columns: 1fr 1fr 1fr 1fr;
-    }
-  }
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    margin-right: ${(0, _4k_1.adaptiveValueCalc)(40)};
-
-    .head {
-      margin-bottom: ${(0, _4k_1.adaptiveValueCalc)(20)};
-    }
-
-    .content {
-      gap: ${(0, _4k_1.adaptiveValueCalc)(8)};
-      max-height: ${(0, _4k_1.adaptiveValueCalc)(302)};
-      min-width: ${(0, _4k_1.adaptiveValueCalc)(168)};
-    }
-
-    .content-item {
-      width: ${(0, _4k_1.adaptiveValueCalc)(80)};
-      height: ${(0, _4k_1.adaptiveValueCalc)(80)};
-
-      > img,
-      video {
-        border-radius: ${(0, _4k_1.adaptiveValueCalc)(6)};
-      }
-
-      .content-item-gallery-pic {
-        border-radius: ${(0, _4k_1.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)};
-      }
-    }
-  }
-`;
-const SCardsRow = styled_components_1.default.div `
-  display: flex;
-  justify-content: space-between;
-`;
-// Component
-const useVirtuosoData = ({ creations, isMobile }) => {
-    const virtuosoData = (0, react_1.useMemo)(() => {
-        const columnCount = isMobile ? 4 : 2;
-        const creationPacks = [];
-        let indexPack = 0;
-        creations.forEach((creation) => {
-            if (!creationPacks[indexPack]) {
-                creationPacks[indexPack] = [];
-            }
-            creationPacks[indexPack].push(creation);
-            if (creationPacks[indexPack].length >= columnCount) {
-                indexPack++;
-            }
-        });
-        return { creationPacks, creations };
-    }, [isMobile, creations]);
-    const placeholderData = (0, react_1.useMemo)(() => {
-        const columnCount = isMobile ? 4 : 2;
-        const creationPacks = [[]];
-        let indexPack = 0;
-        Array.from({
-            length: 12,
-        }).forEach((_, index) => {
-            if (!creationPacks[indexPack]) {
-                creationPacks[indexPack] = [];
-            }
-            creationPacks[indexPack].push(index);
-            if (creationPacks[indexPack].length >= columnCount) {
-                indexPack++;
-            }
-        });
-        return creationPacks;
-    }, [isMobile]);
-    return {
-        virtuosoData,
-        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)({
-        creations,
-        isMobile,
-    });
-    const virtuosoBody = (() => {
-        const getGapCards = () => {
-            if (windowDimensions && windowDimensions.windowWidth >= ScreenWidth_2.ScreenWidth.FOUR_K_MIN) {
-                return (0, _4k_1.getAdaptiveValue)({
-                    currentSize: 8,
-                    windowWidth: windowDimensions.windowWidth,
-                });
-            }
-            return 8;
-        };
-        if (isLoading) {
-            return {
-                totalCount: placeholderData.length,
-                itemContent: (index) => {
-                    return ((0, jsx_runtime_1.jsx)(SCardsRow, { style: {
-                            paddingBottom: (() => {
-                                if (index === virtuosoData.creationPacks.length - 1) {
-                                    return 0;
-                                }
-                                return getGapCards();
-                            })(),
-                            gap: getGapCards(),
-                        }, children: placeholderData[index].map((_, ind) => ((0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { height: isMobile
-                                ? 68
-                                : (0, check4k_1.getAdaptiveValueWithCheck4k)({
-                                    currentSize: 80,
-                                    windowDimensions,
-                                }), width: isMobile
-                                ? 68
-                                : (0, check4k_1.getAdaptiveValueWithCheck4k)({
-                                    currentSize: 80,
-                                    windowDimensions,
-                                }) }, ind))) }));
-                },
-            };
-        }
-        // if (error) {
-        //   return {
-        //     totalCount: 1,
-        //     itemContent: () => {
-        //       return <CardsError refetch={refetchQuery}/>;
-        //     },
-        //   };
-        // }
-        return {
-            totalCount: virtuosoData.creationPacks.length,
-            itemContent: (index) => {
-                const data = virtuosoData.creationPacks[index];
-                return ((0, jsx_runtime_1.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.itemType === types_1.LabelKeys.collection ? ((0, jsx_runtime_1.jsx)(CardImage_1.default, { alt: `${creation.name} ${creation.address || ""}`, imgSrc: creation.originalUrls?.[0] ?? "", errorImg: `${constants_1.staticLink}/public/noContent/noContent.svg` })) : ((0, jsx_runtime_1.jsx)(CreationMediaView_1.CreationMediaView, { media: creation.media })), (0, jsx_runtime_1.jsx)("img", { src: `${constants_1.staticLink}/public/gallery/delete.svg`, alt: "delete", width: 24, height: 24, className: "content-item-gallery-deleteIcon", onClick: () => 
-                                // deleteMethod(
-                                //   creation instanceof CollectionCreationEntity
-                                //     ? `${creation.getItemType() + "." + creation.getCreationId()}`
-                                //     : creation.getCreationId(),
-                                // )
-                                deleteMethod(creation.creationId) })] }, creation.creationId))) }));
-            },
-        };
-    })();
-    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: {
-                    height: isMobile
-                        ? 144
-                        : (() => {
-                            if (windowDimensions && windowDimensions.windowWidth >= ScreenWidth_2.ScreenWidth.FOUR_K_MIN) {
-                                return (0, _4k_1.getAdaptiveValue)({
-                                    currentSize: 302,
-                                    windowWidth: windowDimensions.windowWidth,
-                                });
-                            }
-                            return 302;
-                        })(),
-                    minWidth: (() => {
-                        if (windowDimensions && windowDimensions.windowWidth >= ScreenWidth_2.ScreenWidth.FOUR_K_MIN) {
-                            return (0, _4k_1.getAdaptiveValue)({
-                                currentSize: 168,
-                                windowWidth: windowDimensions.windowWidth,
-                            });
-                        }
-                        return 168;
-                    })(),
-                }, totalCount: virtuosoBody.totalCount, endReached: loadMore, overscan: 200, itemContent: virtuosoBody.itemContent, components: {
-                    Footer: () => (isNextLoading ? (0, jsx_runtime_1.jsx)(CardsHolderLoader_1.default, {}) : null),
-                } })] }));
-};
-// Export
-exports.default = ItemsPreview;

package/build/modules/gallery/useToGalleryAsset.d.ts

@@ -1,18 +0,0 @@
-import { TCreation } from '../../entities/creation/types';
-interface IGalleryAsset {
-    isActiveGalleryMode: boolean;
-    activateGalleryMode: () => void;
-    disableGalleryMode: () => void;
-    creationsToGallery: TCreation[];
-    toggleCreationToGallery: (creation: TCreation) => void;
-    addCreationToGallery: (creation: TCreation) => void;
-    removeCreationFromGallery: (itemId: string) => void;
-    removeCreationFromGalleryWithCallback: (itemId: string, closeCallback: () => void) => void;
-    resetCreationsInGallery: () => void;
-}
-export declare const getIsActiveCreation: (creations: TCreation[], creation: TCreation) => boolean;
-export declare const useToGalleryStore: import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<IGalleryAsset>>;
-export declare const useInitializeToGalleryAsset: () => {
-    handleAddToGallery: () => void;
-};
-export {};

package/build/modules/gallery/useToGalleryAsset.js

@@ -1,88 +0,0 @@
-"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 addCreationToGallery_1 = __importDefault(require("../../components/gallery/add/addCreationToGallery"));
-const ui_1 = require("../../store/ui");
-const react_1 = require("react");
-const shallow_1 = require("zustand/shallow");
-const traditional_1 = require("zustand/traditional");
-const getIsActiveCreation = (creations, creation) => !!creations.find((gCreation) => gCreation.creationId === creation.creationId);
-exports.getIsActiveCreation = getIsActiveCreation;
-exports.useToGalleryStore = (0, traditional_1.createWithEqualityFn)()((setState, getState) => ({
-    isActiveGalleryMode: false,
-    activateGalleryMode: () => {
-        setState({
-            isActiveGalleryMode: true,
-        });
-    },
-    disableGalleryMode: () => {
-        setState({
-            isActiveGalleryMode: false,
-        });
-    },
-    creationsToGallery: [],
-    addCreationToGallery: (creation) => {
-        setState((prev) => ({
-            ...prev,
-            creationsToGallery: [...prev.creationsToGallery, creation],
-        }));
-    },
-    removeCreationFromGallery: (itemId) => {
-        setState((prev) => ({
-            ...prev,
-            creationsToGallery: prev.creationsToGallery.filter((pCreation) => pCreation.creationId !== itemId),
-        }));
-    },
-    removeCreationFromGalleryWithCallback: (itemId, closeCallback) => {
-        setState((prev) => {
-            const newCreations = prev.creationsToGallery.filter((pCreation) => pCreation.creationId !== itemId);
-            if (!newCreations.length) {
-                closeCallback();
-                return {
-                    creationsToGallery: newCreations,
-                    isActiveGalleryMode: false,
-                };
-            }
-            return {
-                creationsToGallery: newCreations,
-            };
-        });
-    },
-    toggleCreationToGallery: (creation) => {
-        const { removeCreationFromGallery, addCreationToGallery, creationsToGallery } = getState();
-        if ((0, exports.getIsActiveCreation)(creationsToGallery, creation)) {
-            removeCreationFromGallery(creation.creationId);
-        }
-        else {
-            addCreationToGallery(creation);
-        }
-    },
-    resetCreationsInGallery: () => {
-        setState({
-            creationsToGallery: [],
-            isActiveGalleryMode: false,
-        });
-    },
-}), shallow_1.shallow);
-const useInitializeToGalleryAsset = () => {
-    const openModalSidebarPortal = (0, ui_1.useUiStore)((state) => state.openModalSidebarPortal);
-    const { resetCreationsInGallery } = (0, exports.useToGalleryStore)((state) => ({
-        resetCreationsInGallery: state.resetCreationsInGallery,
-    }));
-    (0, react_1.useEffect)(() => {
-        return () => {
-            resetCreationsInGallery();
-        };
-    }, []);
-    const handleAddToGallery = () => {
-        openModalSidebarPortal((0, jsx_runtime_1.jsx)(addCreationToGallery_1.default, {}));
-    };
-    return {
-        handleAddToGallery,
-    };
-};
-exports.useInitializeToGalleryAsset = useInitializeToGalleryAsset;

package/build/modules/notifications/CreatorNotifications.d.ts

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

package/build/modules/notifications/CreatorNotifications.js

@@ -1,41 +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 });
-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.d.ts

@@ -1,17 +0,0 @@
-export type { TNotificationData, TNotifications, } from '@ludo.ninja/ui/build/modules/notifications/types';
-export declare const createXpNotification: (arg: {
-    xpsIncrement: string | number;
-    description?: string;
-    onClick?: () => void;
-}) => import("@ludo.ninja/ui/build/modules/notifications/types").INotification["content"];
-export declare const createInviteNotification: (arg: {
-    inviteCode: string;
-    description?: string;
-    onClick?: () => void;
-}) => import("@ludo.ninja/ui/build/modules/notifications/types").INotification["content"];
-export declare const createOpportunityNotification: (arg: {
-    title: string;
-    image?: string;
-    description?: string;
-    onClick?: () => void;
-}) => import("@ludo.ninja/ui/build/modules/notifications/types").INotification["content"];

package/build/modules/notifications/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createOpportunityNotification = 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;
-exports.createOpportunityNotification = variants_1.createNotificationVariants.opportunity;

package/build/modules/opportunity/OpportunityCard.d.ts

@@ -1,5 +0,0 @@
-import { TOpportunity } from './type';
-export declare const OpportunityCard: ({ opportunity, toolsForRemove, }: {
-    opportunity: TOpportunity;
-    toolsForRemove?: ((itemType: "asset" | "collection" | "opportunity") => void) | undefined;
-}) => import("react/jsx-runtime").JSX.Element;