@ludo.ninja/components 1.9.6 → 2.0.0

package/dist/system/CardsHolderWithSkeleton/CardsHolder/CardsError/index.js

@@ -1,100 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var animations_1 = require("@/styles/animations");
-var colors_1 = require("@/styles/colors");
-var vars_1 = require("@/fonts/vars");
-var refresh_svg_1 = __importDefault(require("@/public/error/refresh.svg"));
-// Styles
-var StyledCardsError = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding-top: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  .icon {\n    margin-bottom: 24px;\n    cursor: pointer;\n    animation: ", " 2s infinite linear;\n  }\n  .text {\n    max-width: 308px;\n    text-align: center;\n    color: ", ";\n    user-select: none;\n    font-family: ", ";\n    font-size: 18px;\n    font-weight: 600;\n    line-height: 26px;\n  }\n"], ["\n  padding-top: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  .icon {\n    margin-bottom: 24px;\n    cursor: pointer;\n    animation: ", " 2s infinite linear;\n  }\n  .text {\n    max-width: 308px;\n    text-align: center;\n    color: ", ";\n    user-select: none;\n    font-family: ", ";\n    font-size: 18px;\n    font-weight: 600;\n    line-height: 26px;\n  }\n"])), animations_1.rotateReverse, colors_1.TextGrayColor, vars_1.poppinsFontVarCss.css);
-// Component
-var CardsError = function (_a) {
-    var refetch = _a.refetch;
-    var _b = (0, react_1.useState)(false), isAnimated = _b[0], setIsAnimated = _b[1];
-    var handleAnimation = function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    setIsAnimated(true);
-                    return [4 /*yield*/, refetch()];
-                case 1:
-                    _a.sent();
-                    setIsAnimated(false);
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    return (react_1.default.createElement(StyledCardsError, null,
-        react_1.default.createElement(refresh_svg_1.default, { className: 'icon', onClick: handleAnimation }),
-        !isAnimated && (react_1.default.createElement("h2", { className: 'text' }, "Whoops! Something went wrong. Let's try to refresh it!"))));
-};
-// Export
-exports.default = CardsError;
-var templateObject_1;

package/dist/system/CardsHolderWithSkeleton/CardsHolder/CardsNoResults/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-declare const CardsNoResults: ({ noFoundText }: {
-    noFoundText: string;
-}) => React.JSX.Element;
-export default CardsNoResults;

package/dist/system/CardsHolderWithSkeleton/CardsHolder/CardsNoResults/index.js

@@ -1,26 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var colors_1 = require("@/styles/colors");
-var typography_1 = require("@/styles/typography");
-var no_found_svg_1 = __importDefault(require("@/public/search/no_found.svg"));
-// Styles
-var StyledNoResults = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  user-select: none;\n  padding-top: 60px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  .icon {\n    margin-bottom: 38px;\n  }\n\n  .text {\n    ", ";\n    color: ", ";\n  }\n"], ["\n  user-select: none;\n  padding-top: 60px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  .icon {\n    margin-bottom: 38px;\n  }\n\n  .text {\n    ", ";\n    color: ", ";\n  }\n"])), typography_1.FH3, colors_1.TextGrayColor);
-// Component
-var CardsNoResults = function (_a) {
-    var noFoundText = _a.noFoundText;
-    return (react_1.default.createElement(StyledNoResults, null,
-        react_1.default.createElement(no_found_svg_1.default, { className: 'icon' }),
-        react_1.default.createElement("p", { className: 'text' }, noFoundText)));
-};
-// Export
-exports.default = CardsNoResults;
-var templateObject_1;

package/dist/system/CardsHolderWithSkeleton/CardsHolder/CardsSkeleton/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-declare const CardsSkeleton: ({ cardCount }: {
-    cardCount: number;
-}) => React.JSX.Element;
-export declare const CardSkeleton: () => React.JSX.Element;
-export default CardsSkeleton;

package/dist/system/CardsHolderWithSkeleton/CardsHolder/CardsSkeleton/index.js

@@ -1,38 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardSkeleton = void 0;
-var react_1 = __importDefault(require("react"));
-var react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var styles_1 = require("@ludo.ninja/components/dist/styles");
-var system_1 = require("@ludo.ninja/components/dist/system");
-// Styles
-var StyledCardSkeleton = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .content {\n    display: flex;\n    flex-direction: column;\n    padding: 12px 0 0 0;\n  }\n\n  .footer {\n    display: flex;\n    justify-content: space-between;\n  }\n\n  ", " {\n    .content {\n      padding: ", " 0 0 0;\n      gap: ", ";\n\n      .react-loading-skeleton {\n        height: ", " !important;\n      }\n\n      .footer {\n        & > *:first-child .react-loading-skeleton {\n          width: ", " !important;\n        }\n\n        & > *:last-child .react-loading-skeleton {\n          width: ", " !important;\n        }\n      }\n    }\n  }\n"], ["\n  .content {\n    display: flex;\n    flex-direction: column;\n    padding: 12px 0 0 0;\n  }\n\n  .footer {\n    display: flex;\n    justify-content: space-between;\n  }\n\n  ", " {\n    .content {\n      padding: ", " 0 0 0;\n      gap: ", ";\n\n      .react-loading-skeleton {\n        height: ", " !important;\n      }\n\n      .footer {\n        & > *:first-child .react-loading-skeleton {\n          width: ", " !important;\n        }\n\n        & > *:last-child .react-loading-skeleton {\n          width: ", " !important;\n        }\n      }\n    }\n  }\n"])), styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(12), (0, _4k_1.adaptiveValueCalc)(4), (0, _4k_1.adaptiveValueCalc)(18), (0, _4k_1.adaptiveValueCalc)(120), (0, _4k_1.adaptiveValueCalc)(30));
-var CardsSkeleton = function (_a) {
-    var cardCount = _a.cardCount;
-    var arr = Array.from(Array(cardCount).keys());
-    return (react_1.default.createElement(react_1.default.Fragment, null, arr.map(function () { return (react_1.default.createElement(exports.CardSkeleton, { key: Math.random() })); })));
-};
-// Component
-var CardSkeleton = function () {
-    return (react_1.default.createElement(StyledCardSkeleton, null,
-        react_1.default.createElement(system_1.StyledCardHead, null,
-            react_1.default.createElement(react_loading_skeleton_1.default, { height: '100%', width: '100%' })),
-        react_1.default.createElement("div", { className: 'content' },
-            react_1.default.createElement(react_loading_skeleton_1.default, { height: '18px', width: '70%' }),
-            react_1.default.createElement("div", { className: 'footer' },
-                react_1.default.createElement(react_loading_skeleton_1.default, { height: '18px', width: '120px' }),
-                react_1.default.createElement(react_loading_skeleton_1.default, { height: '18px', width: '30px' })))));
-};
-exports.CardSkeleton = CardSkeleton;
-// Export
-exports.default = CardsSkeleton;
-var templateObject_1;

package/dist/system/CardsHolderWithSkeleton/CardsHolder/index.d.ts

@@ -1,22 +0,0 @@
-import React, { ReactNode } from 'react';
-import { ApolloError } from '@apollo/client';
-import { IDynamicAssetData, IDynamicCollectionData } from '@ludo.ninja/api/build/graphql_tools/__generated__/searchHost/schema';
-import CollectionCreationEntity from '@/dto/Collection/CollectionCreationEntity';
-import CreationEntity from '@/dto/CreationEntity';
-import GalleryEntityV2 from '@/dto/GalleryEntityV2';
-interface Props {
-    loading: boolean;
-    items: GalleryEntityV2[] | CreationEntity[] | CollectionCreationEntity[];
-    refetchQuery: () => Promise<void>;
-    error: ApolloError | undefined;
-    children: React.ReactNode;
-    notFoundText: string;
-    isOneColumn?: number;
-    isTwoColumnLayout: boolean;
-    isNeedShowNetWorth: boolean;
-    isForVirtualize?: boolean;
-    likesArray?: Array<IDynamicAssetData | IDynamicCollectionData> | [];
-    tabsSlot?: ReactNode;
-}
-declare const CardsHolder: React.FC<Props>;
-export default CardsHolder;

package/dist/system/CardsHolderWithSkeleton/CardsHolder/index.js

@@ -1,38 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var styles_1 = require("@ludo.ninja/components/dist/styles");
-var CardsGrid_1 = __importDefault(require("@/system/Cards/CardsGrid"));
-var CardsError_1 = __importDefault(require("@/system/CardsHolderWithSkeleton/CardsHolder/CardsError"));
-var CardsNoResults_1 = __importDefault(require("@/system/CardsHolderWithSkeleton/CardsHolder/CardsNoResults"));
-// Styles
-var StyledCardsHolder = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: ", ";\n  gap: 24px;\n  overflow: hidden;\n\n  ", " {\n    gap: 16px;\n  }\n\n  ", " {\n    gap: 12px;\n    grid-template-columns: ", ";\n  }\n"], ["\n  display: grid;\n  grid-template-columns: ", ";\n  gap: 24px;\n  overflow: hidden;\n\n  ", " {\n    gap: 16px;\n  }\n\n  ", " {\n    gap: 12px;\n    grid-template-columns: ", ";\n  }\n"])), function (props) {
-    return props.isOneColumn || props.isForVirtualize ? '1fr' : 'repeat( 4, 1fr)';
-}, styles_1.mediaQuery.desktop, styles_1.mediaQuery.tablet, function (props) {
-    return props.isOneColumn || props.isForVirtualize ? '1fr' : 'repeat( 2, 1fr)';
-});
-// Component
-var CardsHolder = function (_a) {
-    var loading = _a.loading, error = _a.error, items = _a.items, refetchQuery = _a.refetchQuery, children = _a.children, notFoundText = _a.notFoundText, isOneColumn = _a.isOneColumn, isTwoColumnLayout = _a.isTwoColumnLayout, isNeedShowNetWorth = _a.isNeedShowNetWorth, isForVirtualize = _a.isForVirtualize, likesArray = _a.likesArray, tabsSlot = _a.tabsSlot;
-    var renderCardsWithGrid = function (component, isEmptyGallery, forVirtualize) {
-        return (react_1.default.createElement(CardsGrid_1.default, { isTwoColumnLayout: isTwoColumnLayout, isNeedShowNetWorth: isNeedShowNetWorth, isEmptyGallery: isEmptyGallery, isForVirtualize: forVirtualize, tabsSlot: tabsSlot, isProdENV: isProdENV }, component));
-    };
-    if (loading && (!likesArray || (likesArray === null || likesArray === void 0 ? void 0 : likesArray.length) === 0))
-        return null;
-    if (error)
-        return renderCardsWithGrid(react_1.default.createElement(CardsError_1.default, { refetch: refetchQuery }), true);
-    if (!items.length)
-        return renderCardsWithGrid(react_1.default.createElement(CardsNoResults_1.default, { noFoundText: notFoundText }), true, isForVirtualize);
-    return (react_1.default.createElement(StyledCardsHolder, { isOneColumn: isOneColumn, isForVirtualize: isForVirtualize }, renderCardsWithGrid(children, false, isForVirtualize)));
-};
-// Export
-exports.default = CardsHolder;
-var templateObject_1;

package/dist/system/CardsHolderWithSkeleton/CardsHolderLoader/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const CardsHolderLoader: () => React.JSX.Element;
-export default CardsHolderLoader;

package/dist/system/CardsHolderWithSkeleton/CardsHolderLoader/index.js

@@ -1,26 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var styles_1 = require("@ludo.ninja/components/dist/styles");
-var utils_1 = require("@ludo.ninja/components/dist/utils");
-var loader_svg_1 = __importDefault(require("@/public/cardsHolderLoader/loader.svg"));
-// Styles
-var StyledCardsHolderLoader = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-top: 24px;\n\n  .loader {\n    animation: ", " 1s ease-in-out infinite;\n  }\n\n  ", " {\n    padding-top: ", ";\n  }\n\n  /* &.virtual {\n  position: fixed;\n    bottom: 90px;\n    right: 30px;\n } */\n"], ["\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-top: 24px;\n\n  .loader {\n    animation: ", " 1s ease-in-out infinite;\n  }\n\n  ", " {\n    padding-top: ", ";\n  }\n\n  /* &.virtual {\n  position: fixed;\n    bottom: 90px;\n    right: 30px;\n } */\n"])), styles_1.rotate, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(24));
-// Component
-var CardsHolderLoader = function () {
-    var windowDimensions = (0, utils_1.useWindowDimensionsWithServerInitial)().windowDimensions;
-    return (react_1.default.createElement(StyledCardsHolderLoader, { style: (0, utils_1.getAdaptiveScale)({ windowDimensions: windowDimensions, currentSize: 1 }) },
-        react_1.default.createElement(loader_svg_1.default, { className: 'loader' })));
-};
-// Export
-exports.default = CardsHolderLoader;
-var templateObject_1;

package/dist/system/CardsHolderWithSkeleton/index.d.ts

@@ -1,30 +0,0 @@
-import React, { ReactNode } from 'react';
-import { ApolloError } from '@apollo/client';
-import { IDynamicAssetData, IDynamicCollectionData } from '@ludo.ninja/api/build/graphql_tools/__generated__/searchHost/schema';
-import CollectionCreationEntity from '@/dto/Collection/CollectionCreationEntity';
-import CreationEntity from '@/dto/CreationEntity';
-import GalleryEntityV2 from '@/dto/GalleryEntityV2';
-interface Props {
-    loading: boolean;
-    items: CreationEntity[] | GalleryEntityV2[] | CollectionCreationEntity[];
-    scrollKeys: {
-        pageOffsetKey: string;
-        itemsCountKey: string;
-    };
-    nextPageToken: string | null;
-    refetchQuery: () => Promise<void>;
-    loadMore: (pageToken: string) => Promise<void>;
-    error: ApolloError | undefined;
-    children: React.ReactNode;
-    notFoundText: string;
-    isOneColumn?: number;
-    isTwoColumnLayout: boolean;
-    isNeedShowNetWorth: boolean;
-    infinityScrollLoader?: boolean;
-    isForVirtualize?: boolean;
-    likesArray?: Array<IDynamicAssetData | IDynamicCollectionData> | [];
-    tabsSlot?: ReactNode;
-    isProdENV: string;
-}
-declare const CardsHolderWithSkeleton: React.FC<Props>;
-export default CardsHolderWithSkeleton;

package/dist/system/CardsHolderWithSkeleton/index.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var CardsGrid_1 = __importDefault(require("@/system/Cards/CardsGrid"));
-var CardsHolder_1 = __importDefault(require("@/system/CardsHolderWithSkeleton/CardsHolder"));
-var CardsSkeleton_1 = __importDefault(require("@/system/CardsHolderWithSkeleton/CardsHolder/CardsSkeleton"));
-// Component
-var CardsHolderWithSkeleton = function (_a) {
-    var loading = _a.loading, error = _a.error, items = _a.items, refetchQuery = _a.refetchQuery, children = _a.children, notFoundText = _a.notFoundText, isOneColumn = _a.isOneColumn, isTwoColumnLayout = _a.isTwoColumnLayout, isNeedShowNetWorth = _a.isNeedShowNetWorth, isForVirtualize = _a.isForVirtualize, likesArray = _a.likesArray, tabsSlot = _a.tabsSlot, isProdENV = _a.isProdENV;
-    if (loading && (!likesArray || (likesArray === null || likesArray === void 0 ? void 0 : likesArray.length) === 0))
-        return (react_1.default.createElement(CardsGrid_1.default, { isTwoColumnLayout: isTwoColumnLayout, isNeedShowNetWorth: isNeedShowNetWorth, isEmptyGallery: false, tabsSlot: tabsSlot, isProdENV: isProdENV },
-            react_1.default.createElement(CardsSkeleton_1.default, { cardCount: 40 })));
-    return (react_1.default.createElement(CardsHolder_1.default, { items: items, refetchQuery: refetchQuery, error: error, loading: loading, notFoundText: notFoundText, isOneColumn: isOneColumn, isTwoColumnLayout: isTwoColumnLayout, isNeedShowNetWorth: isNeedShowNetWorth, isForVirtualize: isForVirtualize, likesArray: likesArray, tabsSlot: tabsSlot, isProdENV: isProdENV }, children));
-};
-// Export
-exports.default = CardsHolderWithSkeleton;

package/dist/system/DropDown/DropDown.test.d.ts

@@ -1 +0,0 @@
-import 'jest-styled-components';

package/dist/system/DropDown/DropDown.test.js

@@ -1,42 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@testing-library/react");
-require("jest-styled-components");
-var DropDown_1 = __importDefault(require("../DropDown"));
-jest.mock('@/public/dropDown/arrow_down.svg', function () { return 'div'; });
-describe('DropDown Component', function () {
-    test('renders with caption and closed by default', function () {
-        var _a;
-        var mockFallback = jest.fn();
-        (0, react_2.render)(react_1.default.createElement("div", { "data-testid": 'test_container' },
-            react_1.default.createElement(DropDown_1.default, { caption: "Test Dropdown", fallBackOnClose: mockFallback },
-                react_1.default.createElement("div", null, "Dropdown Content"))));
-        var captionElement = react_2.screen.getByText('Test Dropdown');
-        expect(captionElement).toBeInTheDocument();
-        var contentElement = (_a = react_2.screen
-            .queryByTestId('test_container')) === null || _a === void 0 ? void 0 : _a.querySelector('.dropDownContent');
-        expect(contentElement).toHaveStyle('grid-template-rows:0fr');
-        react_2.fireEvent.click(captionElement);
-        expect(contentElement).toHaveStyle('grid-template-rows:1fr');
-    });
-    test('calls fallback function when closed', function () {
-        var mockFallback = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(DropDown_1.default, { caption: "Test Dropdown", fallBackOnClose: mockFallback },
-            react_1.default.createElement("div", null, "Dropdown Content")));
-        var captionElement = react_2.screen.getByText('Test Dropdown');
-        react_2.fireEvent.click(captionElement);
-        react_2.fireEvent.click(captionElement);
-        expect(mockFallback).toHaveBeenCalledWith(null);
-    });
-    test('renders with active prop', function () {
-        var mockFallback = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(DropDown_1.default, { caption: "Test Dropdown", fallBackOnClose: mockFallback, active: true },
-            react_1.default.createElement("div", null, "Dropdown Content")));
-        var openedContentElement = react_2.screen.getByText('Dropdown Content');
-        expect(openedContentElement).toBeInTheDocument();
-    });
-});

package/dist/system/DropDown/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-declare const DropDown: ({ caption, children, fallBackOnClose, active, }: {
-    caption: string;
-    children: React.ReactNode;
-    fallBackOnClose: (value: null | string) => void;
-    active?: boolean;
-}) => React.JSX.Element;
-export default DropDown;

package/dist/system/DropDown/index.js

@@ -1,63 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 });
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var colors_1 = require("@/styles/colors");
-var arrow_down_svg_1 = __importDefault(require("@/public/dropDown/arrow_down.svg"));
-// Styles
-var StyledDropDown = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-bottom: 1px solid ", ";\n\n  .dropDownTab {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    padding: 18px 0;\n    text-transform: capitalize;\n    width: 100%;\n\n    &Caption {\n      font-size: 1.4em;\n      font-weight: 500;\n      color: #000000;\n    }\n\n    &Icon {\n      transform: ", ";\n      transition: transform 0.3s;\n    }\n  }\n\n  .dropDownContent {\n    display: grid;\n    grid-template-rows: ", ";\n\n    overflow: hidden;\n    transition: grid-template-rows 300ms ease-in-out;\n    .gridDown {\n      min-height: 0;\n      & > *:last-child {\n        margin-bottom: 24px;\n      }\n    }\n  }\n"], ["\n  border-bottom: 1px solid ", ";\n\n  .dropDownTab {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    padding: 18px 0;\n    text-transform: capitalize;\n    width: 100%;\n\n    &Caption {\n      font-size: 1.4em;\n      font-weight: 500;\n      color: #000000;\n    }\n\n    &Icon {\n      transform: ", ";\n      transition: transform 0.3s;\n    }\n  }\n\n  .dropDownContent {\n    display: grid;\n    grid-template-rows: ", ";\n\n    overflow: hidden;\n    transition: grid-template-rows 300ms ease-in-out;\n    .gridDown {\n      min-height: 0;\n      & > *:last-child {\n        margin-bottom: 24px;\n      }\n    }\n  }\n"])), colors_1.InactiveButtonColor, function (props) {
-    return props.isActive ? 'rotate(180deg)' : 'rotate(0deg)';
-}, function (props) { return (props.isActive ? '1fr' : '0fr'); });
-// Component
-var DropDown = function (_a) {
-    var caption = _a.caption, children = _a.children, fallBackOnClose = _a.fallBackOnClose, active = _a.active;
-    var _b = (0, react_1.useState)(false), isActive = _b[0], setActive = _b[1];
-    (0, react_1.useEffect)(function () {
-        if (active) {
-            setActive(true);
-        }
-    }, []);
-    return (react_1.default.createElement(StyledDropDown, { isActive: isActive },
-        react_1.default.createElement("div", { className: 'dropDownTab', onClick: function () {
-                setActive(!isActive);
-                if (!isActive)
-                    fallBackOnClose(null);
-            } },
-            react_1.default.createElement("span", { className: 'dropDownTabCaption' }, caption),
-            react_1.default.createElement(arrow_down_svg_1.default, { className: 'dropDownTabIcon' })),
-        react_1.default.createElement("div", { className: 'dropDownContent' },
-            react_1.default.createElement("div", { className: 'gridDown' }, children))));
-};
-// Export
-exports.default = DropDown;
-var templateObject_1;

package/dist/system/Filters/helpers.d.ts

@@ -1,7 +0,0 @@
-import { preferencesSchema } from '@ludo.ninja/api';
-import { Maybe } from "graphql/jsutils/Maybe";
-type Selection = Maybe<Pick<preferencesSchema.ISelection, 'label'> & {
-    id: string;
-}>;
-export declare const findDefaultFilterValue: (queryValue: string | string[] | undefined, selectionsArr?: Selection[], defaultSelectionValue?: string) => string;
-export {};

package/dist/system/Filters/helpers.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.findDefaultFilterValue = void 0;
-var findDefaultFilterValue = function (queryValue, selectionsArr, defaultSelectionValue) {
-    var findedValue = selectionsArr && selectionsArr.find(function (value) { return queryValue === (value === null || value === void 0 ? void 0 : value.id); });
-    return (findedValue === null || findedValue === void 0 ? void 0 : findedValue.id) || defaultSelectionValue;
-};
-exports.findDefaultFilterValue = findDefaultFilterValue;

package/dist/system/Filters/index.d.ts

@@ -1,2 +0,0 @@
-export * from './type';
-export * from './helpers';

package/dist/system/Filters/index.js

@@ -1,18 +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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./type"), exports);
-__exportStar(require("./helpers"), exports);

package/dist/system/Filters/type.d.ts

@@ -1,16 +0,0 @@
-import { ISelectInput } from '@/system/Forms/Selects/MobileSelect';
-export declare enum SelectNamesTypes {
-    type = "type",
-    blockchain = "blockchain",
-    category = "category",
-    status = "status",
-    time = "time"
-}
-export type SelectNamesWithOptions = {
-    selectName: SelectNamesTypes;
-    selectOptions: ISelectInput[];
-};
-export type SelectsType = {
-    id: number;
-    data: SelectNamesWithOptions;
-};

package/dist/system/Filters/type.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectNamesTypes = void 0;
-var SelectNamesTypes;
-(function (SelectNamesTypes) {
-    SelectNamesTypes["type"] = "type";
-    SelectNamesTypes["blockchain"] = "blockchain";
-    SelectNamesTypes["category"] = "category";
-    SelectNamesTypes["status"] = "status";
-    SelectNamesTypes["time"] = "time";
-})(SelectNamesTypes || (exports.SelectNamesTypes = SelectNamesTypes = {}));

package/dist/system/Forms/Checkbox/Checkbox.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';

package/dist/system/Forms/Checkbox/Checkbox.test.js

@@ -1,90 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-require("@testing-library/jest-dom/extend-expect");
-var react_2 = require("@testing-library/react");
-var Checkbox_1 = __importDefault(require("@/system/Forms/Checkbox"));
-jest.mock('../ErrorLabel', function () { return ({
-    __esModule: true,
-    default: function (_a) {
-        var children = _a.children;
-        return (react_1.default.createElement("div", { "data-testid": "error-label" }, children));
-    },
-}); });
-var mockRegister = {
-    name: 'test-checkbox',
-    onBlur: jest.fn(),
-    onChange: jest.fn(),
-    ref: jest.fn(),
-};
-var mockInnerTextInputRef = {
-    name: 'inner-text-input',
-    onBlur: jest.fn(),
-    onChange: jest.fn(),
-    ref: jest.fn(),
-};
-var renderComponent = function (props) {
-    return (0, react_2.render)(react_1.default.createElement(Checkbox_1.default, __assign({}, props)));
-};
-describe('CheckboxInput Component', function () {
-    test('renders correctly with provided props', function () {
-        renderComponent({
-            label: 'Test Label',
-            data: { name: 'test-checkbox', placeHolder: 'Placeholder' },
-            register: mockRegister,
-        });
-        var checkboxElement = react_2.screen.getByRole('checkbox');
-        var labelElement = react_2.screen.getByText('Test Label');
-        expect(checkboxElement).toBeInTheDocument();
-        expect(labelElement).toBeInTheDocument();
-    });
-    test('toggles text input field based on checkbox', function () {
-        renderComponent({
-            label: 'Test Label',
-            data: { name: 'test-checkbox', placeHolder: 'Placeholder' },
-            register: mockRegister,
-            withInput: true,
-            innerTextInputRef: mockInnerTextInputRef,
-        });
-        var checkboxElement = react_2.screen.getByRole('checkbox');
-        var textInputElement = react_2.screen.getByRole('textbox');
-        expect(textInputElement).toBeDisabled();
-        react_2.fireEvent.click(checkboxElement);
-        expect(textInputElement).not.toBeDisabled();
-    });
-    test('displays error message when there is an error', function () {
-        renderComponent({
-            label: 'Test Label',
-            data: { name: 'test-checkbox', placeHolder: 'Placeholder' },
-            register: mockRegister,
-            error: { isNeedShowError: true, message: 'Error message' },
-        });
-        var errorLabel = react_2.screen.getByTestId('error-label');
-        expect(errorLabel).toBeInTheDocument();
-        expect(errorLabel).toHaveTextContent('Error message');
-    });
-    test('does not display error message when there is no error', function () {
-        renderComponent({
-            label: 'Test Label',
-            data: { name: 'test-checkbox', placeHolder: 'Placeholder' },
-            register: mockRegister,
-            error: { isNeedShowError: false, message: '' },
-        });
-        var errorLabel = react_2.screen.queryByTestId('error-label');
-        expect(errorLabel).toBeNull();
-    });
-});