@ludo.ninja/components 1.1.6 → 1.1.7

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

@@ -1,37 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React from 'react';
-import Skeleton from 'react-loading-skeleton';
-import styled from 'styled-components';
-import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
-import { mediaQuery } from '@/styles/ScreenWidth';
-import StyledCardHead from '@/system/Cards/Styles/Head';
-// Styles
-var StyledCardSkeleton = styled.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"])), mediaQuery.minWidthFourK, adaptiveValueCalc(12), adaptiveValueCalc(4), adaptiveValueCalc(18), adaptiveValueCalc(120), adaptiveValueCalc(30));
-var CardsSkeleton = function (_a) {
-    var cardCount = _a.cardCount;
-    var arr = Array.from(Array(cardCount).keys());
-    return (<>
-      {arr.map(function () { return (<CardSkeleton key={Math.random()}/>); })}
-    </>);
-};
-// Component
-export var CardSkeleton = function () {
-    return (<StyledCardSkeleton>
-      <StyledCardHead>
-        <Skeleton height={'100%'} width={'100%'}/>
-      </StyledCardHead>
-      <div className={'content'}>
-        <Skeleton height={'18px'} width={'70%'}/>
-        <div className={'footer'}>
-          <Skeleton height={'18px'} width={'120px'}/>
-          <Skeleton height={'18px'} width={'30px'}/>
-        </div>
-      </div>
-    </StyledCardSkeleton>);
-};
-// Export
-export default CardsSkeleton;
-var templateObject_1;

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

@@ -1,33 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled from 'styled-components';
-import { mediaQuery } from '@/styles/ScreenWidth';
-import CardsGrid from '@/system/Cards/CardsGrid';
-import CardsError from '@/system/CardsHolderWithSkeleton/CardsHolder/CardsError';
-import CardsNoResults from '@/system/CardsHolderWithSkeleton/CardsHolder/CardsNoResults';
-// Styles
-var StyledCardsHolder = styled.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)';
-}, mediaQuery.desktop, 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 (_jsx(CardsGrid, { isTwoColumnLayout: isTwoColumnLayout, isNeedShowNetWorth: isNeedShowNetWorth, isEmptyGallery: isEmptyGallery, isForVirtualize: forVirtualize, tabsSlot: tabsSlot, children: component }));
-    };
-    if (loading && (!likesArray || (likesArray === null || likesArray === void 0 ? void 0 : likesArray.length) === 0))
-        return null;
-    if (error)
-        return renderCardsWithGrid(_jsx(CardsError, { refetch: refetchQuery }), true);
-    if (!items.length)
-        return renderCardsWithGrid(_jsx(CardsNoResults, { noFoundText: notFoundText }), true, isForVirtualize);
-    return (_jsx(StyledCardsHolder, { isOneColumn: isOneColumn, isForVirtualize: isForVirtualize, children: renderCardsWithGrid(children, false, isForVirtualize) }));
-};
-// Export
-export default CardsHolder;
-var templateObject_1;

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

@@ -1,37 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React from 'react';
-import styled from 'styled-components';
-import { mediaQuery } from '@/styles/ScreenWidth';
-import CardsGrid from '@/system/Cards/CardsGrid';
-import CardsError from '@/system/CardsHolderWithSkeleton/CardsHolder/CardsError';
-import CardsNoResults from '@/system/CardsHolderWithSkeleton/CardsHolder/CardsNoResults';
-// Styles
-var StyledCardsHolder = styled.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)';
-}, mediaQuery.desktop, 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 (<CardsGrid isTwoColumnLayout={isTwoColumnLayout} isNeedShowNetWorth={isNeedShowNetWorth} isEmptyGallery={isEmptyGallery} isForVirtualize={forVirtualize} tabsSlot={tabsSlot}>
-        {component}
-      </CardsGrid>);
-    };
-    if (loading && (!likesArray || (likesArray === null || likesArray === void 0 ? void 0 : likesArray.length) === 0))
-        return null;
-    if (error)
-        return renderCardsWithGrid(<CardsError refetch={refetchQuery}/>, true);
-    if (!items.length)
-        return renderCardsWithGrid(<CardsNoResults noFoundText={notFoundText}/>, true, isForVirtualize);
-    return (<StyledCardsHolder isOneColumn={isOneColumn} isForVirtualize={isForVirtualize}>
-      {renderCardsWithGrid(children, false, isForVirtualize)}
-    </StyledCardsHolder>);
-};
-// Export
-export default CardsHolder;
-var templateObject_1;

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

@@ -1,22 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled from 'styled-components';
-import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
-import { mediaQuery } from '@/styles/ScreenWidth';
-import { rotate } from '@/styles/animations';
-import { getAdaptiveScale } from '@/utils/adaptive/scale';
-import { useWindowDimensionsWithServerInitial } from '@/utils/screen';
-import LoaderIcon from '@/public/cardsHolderLoader/loader.svg';
-// Styles
-var StyledCardsHolderLoader = styled.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"])), rotate, mediaQuery.minWidthFourK, adaptiveValueCalc(24));
-// Component
-var CardsHolderLoader = function () {
-    var windowDimensions = useWindowDimensionsWithServerInitial().windowDimensions;
-    return (_jsx(StyledCardsHolderLoader, { style: getAdaptiveScale({ windowDimensions: windowDimensions, currentSize: 1 }), children: _jsx(LoaderIcon, { className: 'loader' }) }));
-};
-// Export
-export default CardsHolderLoader;
-var templateObject_1;

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

@@ -1,24 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React from 'react';
-import styled from 'styled-components';
-import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
-import { mediaQuery } from '@/styles/ScreenWidth';
-import { rotate } from '@/styles/animations';
-import { getAdaptiveScale } from '@/utils/adaptive/scale';
-import { useWindowDimensionsWithServerInitial } from '@/utils/screen';
-import LoaderIcon from '@/public/cardsHolderLoader/loader.svg';
-// Styles
-var StyledCardsHolderLoader = styled.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"])), rotate, mediaQuery.minWidthFourK, adaptiveValueCalc(24));
-// Component
-var CardsHolderLoader = function () {
-    var windowDimensions = useWindowDimensionsWithServerInitial().windowDimensions;
-    return (<StyledCardsHolderLoader style={getAdaptiveScale({ windowDimensions: windowDimensions, currentSize: 1 })}>
-      <LoaderIcon className={'loader'}/>
-    </StyledCardsHolderLoader>);
-};
-// Export
-export default CardsHolderLoader;
-var templateObject_1;

package/dist/system/CardsHolderWithSkeleton/index.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import CardsGrid from '@/system/Cards/CardsGrid';
-import CardsHolder from '@/system/CardsHolderWithSkeleton/CardsHolder';
-import CardSkeletonWrapper from '@/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;
-    if (loading && (!likesArray || (likesArray === null || likesArray === void 0 ? void 0 : likesArray.length) === 0))
-        return (_jsx(CardsGrid, { isTwoColumnLayout: isTwoColumnLayout, isNeedShowNetWorth: isNeedShowNetWorth, isEmptyGallery: false, tabsSlot: tabsSlot, children: _jsx(CardSkeletonWrapper, { cardCount: 40 }) }));
-    return (_jsx(CardsHolder, { items: items, refetchQuery: refetchQuery, error: error, loading: loading, notFoundText: notFoundText, isOneColumn: isOneColumn, isTwoColumnLayout: isTwoColumnLayout, isNeedShowNetWorth: isNeedShowNetWorth, isForVirtualize: isForVirtualize, likesArray: likesArray, tabsSlot: tabsSlot, children: children }));
-};
-// Export
-export default CardsHolderWithSkeleton;

package/dist/system/CardsHolderWithSkeleton/index.jsx

@@ -1,17 +0,0 @@
-import React from 'react';
-import CardsGrid from '@/system/Cards/CardsGrid';
-import CardsHolder from '@/system/CardsHolderWithSkeleton/CardsHolder';
-import CardSkeletonWrapper from '@/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;
-    if (loading && (!likesArray || (likesArray === null || likesArray === void 0 ? void 0 : likesArray.length) === 0))
-        return (<CardsGrid isTwoColumnLayout={isTwoColumnLayout} isNeedShowNetWorth={isNeedShowNetWorth} isEmptyGallery={false} tabsSlot={tabsSlot}>
-        <CardSkeletonWrapper cardCount={40}/>
-      </CardsGrid>);
-    return (<CardsHolder items={items} refetchQuery={refetchQuery} error={error} loading={loading} notFoundText={notFoundText} isOneColumn={isOneColumn} isTwoColumnLayout={isTwoColumnLayout} isNeedShowNetWorth={isNeedShowNetWorth} isForVirtualize={isForVirtualize} likesArray={likesArray} tabsSlot={tabsSlot}>
-      {children}
-    </CardsHolder>);
-};
-// Export
-export default CardsHolderWithSkeleton;

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

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { fireEvent, render, screen } from '@testing-library/react';
-import 'jest-styled-components';
-import DropDown from '../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();
-        render(_jsx("div", { "data-testid": 'test_container', children: _jsx(DropDown, { caption: "Test Dropdown", fallBackOnClose: mockFallback, children: _jsx("div", { children: "Dropdown Content" }) }) }));
-        var captionElement = screen.getByText('Test Dropdown');
-        expect(captionElement).toBeInTheDocument();
-        var contentElement = (_a = screen
-            .queryByTestId('test_container')) === null || _a === void 0 ? void 0 : _a.querySelector('.dropDownContent');
-        expect(contentElement).toHaveStyle('grid-template-rows:0fr');
-        fireEvent.click(captionElement);
-        expect(contentElement).toHaveStyle('grid-template-rows:1fr');
-    });
-    test('calls fallback function when closed', function () {
-        var mockFallback = jest.fn();
-        render(_jsx(DropDown, { caption: "Test Dropdown", fallBackOnClose: mockFallback, children: _jsx("div", { children: "Dropdown Content" }) }));
-        var captionElement = screen.getByText('Test Dropdown');
-        fireEvent.click(captionElement);
-        fireEvent.click(captionElement);
-        expect(mockFallback).toHaveBeenCalledWith(null);
-    });
-    test('renders with active prop', function () {
-        var mockFallback = jest.fn();
-        render(_jsx(DropDown, { caption: "Test Dropdown", fallBackOnClose: mockFallback, active: true, children: _jsx("div", { children: "Dropdown Content" }) }));
-        var openedContentElement = screen.getByText('Dropdown Content');
-        expect(openedContentElement).toBeInTheDocument();
-    });
-});

package/dist/system/DropDown/DropDown.test.jsx

@@ -1,41 +0,0 @@
-import React from 'react';
-import { fireEvent, render, screen } from '@testing-library/react';
-import 'jest-styled-components';
-import DropDown from '../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();
-        render(<div data-testid={'test_container'}>
-        <DropDown caption="Test Dropdown" fallBackOnClose={mockFallback}>
-          <div>Dropdown Content</div>
-        </DropDown>
-      </div>);
-        var captionElement = screen.getByText('Test Dropdown');
-        expect(captionElement).toBeInTheDocument();
-        var contentElement = (_a = screen
-            .queryByTestId('test_container')) === null || _a === void 0 ? void 0 : _a.querySelector('.dropDownContent');
-        expect(contentElement).toHaveStyle('grid-template-rows:0fr');
-        fireEvent.click(captionElement);
-        expect(contentElement).toHaveStyle('grid-template-rows:1fr');
-    });
-    test('calls fallback function when closed', function () {
-        var mockFallback = jest.fn();
-        render(<DropDown caption="Test Dropdown" fallBackOnClose={mockFallback}>
-        <div>Dropdown Content</div>
-      </DropDown>);
-        var captionElement = screen.getByText('Test Dropdown');
-        fireEvent.click(captionElement);
-        fireEvent.click(captionElement);
-        expect(mockFallback).toHaveBeenCalledWith(null);
-    });
-    test('renders with active prop', function () {
-        var mockFallback = jest.fn();
-        render(<DropDown caption="Test Dropdown" fallBackOnClose={mockFallback} active>
-        <div>Dropdown Content</div>
-      </DropDown>);
-        var openedContentElement = screen.getByText('Dropdown Content');
-        expect(openedContentElement).toBeInTheDocument();
-    });
-});

package/dist/system/DropDown/index.js

@@ -1,31 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import styled from 'styled-components';
-import { InactiveButtonColor } from '@/styles/colors';
-import ArrowDownIcon from '@/public/dropDown/arrow_down.svg';
-// Styles
-var StyledDropDown = styled.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"])), 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 = useState(false), isActive = _b[0], setActive = _b[1];
-    useEffect(function () {
-        if (active) {
-            setActive(true);
-        }
-    }, []);
-    return (_jsxs(StyledDropDown, { isActive: isActive, children: [_jsxs("div", { className: 'dropDownTab', onClick: function () {
-                    setActive(!isActive);
-                    if (!isActive)
-                        fallBackOnClose(null);
-                }, children: [_jsx("span", { className: 'dropDownTabCaption', children: caption }), _jsx(ArrowDownIcon, { className: 'dropDownTabIcon' })] }), _jsx("div", { className: 'dropDownContent', children: _jsx("div", { className: 'gridDown', children: children }) })] }));
-};
-// Export
-export default DropDown;
-var templateObject_1;

package/dist/system/DropDown/index.jsx

@@ -1,38 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React, { useEffect, useState } from 'react';
-import styled from 'styled-components';
-import { InactiveButtonColor } from '@/styles/colors';
-import ArrowDownIcon from '@/public/dropDown/arrow_down.svg';
-// Styles
-var StyledDropDown = styled.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"])), 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 = useState(false), isActive = _b[0], setActive = _b[1];
-    useEffect(function () {
-        if (active) {
-            setActive(true);
-        }
-    }, []);
-    return (<StyledDropDown isActive={isActive}>
-      <div className={'dropDownTab'} onClick={function () {
-            setActive(!isActive);
-            if (!isActive)
-                fallBackOnClose(null);
-        }}>
-        <span className={'dropDownTabCaption'}>{caption}</span>
-        <ArrowDownIcon className={'dropDownTabIcon'}/>
-      </div>
-      <div className={'dropDownContent'}>
-        <div className={'gridDown'}>{children}</div>
-      </div>
-    </StyledDropDown>);
-};
-// Export
-export default DropDown;
-var templateObject_1;

package/dist/system/Filters/helpers.js

@@ -1,4 +0,0 @@
-export 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;
-};

package/dist/system/Filters/type.js

@@ -1,8 +0,0 @@
-export var SelectNamesTypes;
-(function (SelectNamesTypes) {
-    SelectNamesTypes["type"] = "type";
-    SelectNamesTypes["blockchain"] = "blockchain";
-    SelectNamesTypes["category"] = "category";
-    SelectNamesTypes["status"] = "status";
-    SelectNamesTypes["time"] = "time";
-})(SelectNamesTypes || (SelectNamesTypes = {}));

package/dist/system/Flex/index.js

@@ -1 +0,0 @@
-"use strict";

package/dist/system/Flex/index.jsx

@@ -1 +0,0 @@
-"use strict";

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

@@ -1,85 +0,0 @@
-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);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import '@testing-library/jest-dom/extend-expect';
-import { fireEvent, render, screen } from '@testing-library/react';
-import CheckboxInput from '@/system/Forms/Checkbox';
-jest.mock('../ErrorLabel', function () { return ({
-    __esModule: true,
-    default: function (_a) {
-        var children = _a.children;
-        return (_jsx("div", { "data-testid": "error-label", children: 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 render(_jsx(CheckboxInput, __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 = screen.getByRole('checkbox');
-        var labelElement = 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 = screen.getByRole('checkbox');
-        var textInputElement = screen.getByRole('textbox');
-        expect(textInputElement).toBeDisabled();
-        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 = 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 = screen.queryByTestId('error-label');
-        expect(errorLabel).toBeNull();
-    });
-});

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

@@ -1,74 +0,0 @@
-import React from 'react';
-import '@testing-library/jest-dom/extend-expect';
-import { fireEvent, render, screen } from '@testing-library/react';
-import CheckboxInput from '@/system/Forms/Checkbox';
-jest.mock('../ErrorLabel', function () { return ({
-    __esModule: true,
-    default: function (_a) {
-        var children = _a.children;
-        return (<div data-testid="error-label">{children}</div>);
-    },
-}); });
-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 render(<CheckboxInput {...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 = screen.getByRole('checkbox');
-        var labelElement = 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 = screen.getByRole('checkbox');
-        var textInputElement = screen.getByRole('textbox');
-        expect(textInputElement).toBeDisabled();
-        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 = 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 = screen.queryByTestId('error-label');
-        expect(errorLabel).toBeNull();
-    });
-});

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

@@ -1,37 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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);
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from 'react';
-import styled from 'styled-components';
-import { AccentColor, BorderColorLight, TextGrayColor, WhiteColor, } from '@/styles/colors';
-import BasicErrorLabel from '@/system/Forms/ErrorLabel';
-import { StyledInput } from '@/system/Forms/Input';
-var BasicCheckbox = styled.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding-left: 25px;\n  padding-bottom: 2px;\n  margin: 14px 0;\n  font-size: 15px;\n  font-weight: 400;\n  color: ", ";\n  width: 100%;\n  position: relative;\n  cursor: pointer;\n\n  .input {\n    position: absolute;\n    opacity: 0;\n    cursor: pointer;\n    height: 0;\n    width: 0;\n\n    &:checked ~ .checkmark {\n      background-color: ", ";\n      background-image: url('/checkboxArrow.svg');\n      background-position: center;\n      background-repeat: no-repeat;\n      border-color: transparent;\n    }\n  }\n\n  .checkmark {\n    position: absolute;\n    left: 0;\n    height: 18px;\n    width: 18px;\n    background-color: ", ";\n    border: 2px solid ", ";\n    border-radius: 6px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding-left: 25px;\n  padding-bottom: 2px;\n  margin: 14px 0;\n  font-size: 15px;\n  font-weight: 400;\n  color: ", ";\n  width: 100%;\n  position: relative;\n  cursor: pointer;\n\n  .input {\n    position: absolute;\n    opacity: 0;\n    cursor: pointer;\n    height: 0;\n    width: 0;\n\n    &:checked ~ .checkmark {\n      background-color: ", ";\n      background-image: url('/checkboxArrow.svg');\n      background-position: center;\n      background-repeat: no-repeat;\n      border-color: transparent;\n    }\n  }\n\n  .checkmark {\n    position: absolute;\n    left: 0;\n    height: 18px;\n    width: 18px;\n    background-color: ", ";\n    border: 2px solid ", ";\n    border-radius: 6px;\n  }\n"])), TextGrayColor, AccentColor, WhiteColor, BorderColorLight);
-var CheckboxInput = function (_a) {
-    var data = _a.data, label = _a.label, register = _a.register, error = _a.error, className = _a.className, value = _a.value, withInput = _a.withInput, innerTextInputRef = _a.innerTextInputRef;
-    var _b = useState(true), textInputDisabled = _b[0], setTextInputDisables = _b[1];
-    var renderError = function () {
-        if (error === null || error === void 0 ? void 0 : error.isNeedShowError) {
-            return _jsx(BasicErrorLabel, { children: error === null || error === void 0 ? void 0 : error.message });
-        }
-    };
-    return (_jsxs(_Fragment, { children: [_jsx(_Fragment, { children: _jsxs(BasicCheckbox, { className: className, status: error === null || error === void 0 ? void 0 : error.isNeedShowError, children: [_jsx("input", __assign({}, register, { onChange: function (e) {
-                                setTextInputDisables(!e.target.checked);
-                                register.onChange(e);
-                            }, className: "input", type: "checkbox", name: data.name, value: value })), _jsx("p", { className: "checkmark" }), label, withInput && (_jsx(StyledInput, __assign({ status: false }, innerTextInputRef, { disabled: textInputDisabled })))] }) }), renderError()] }));
-};
-export default CheckboxInput;
-var templateObject_1;

package/dist/system/Forms/Checkbox/index.jsx

@@ -1,35 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React, { useState } from 'react';
-import styled from 'styled-components';
-import { AccentColor, BorderColorLight, TextGrayColor, WhiteColor, } from '@/styles/colors';
-import BasicErrorLabel from '@/system/Forms/ErrorLabel';
-import { StyledInput } from '@/system/Forms/Input';
-var BasicCheckbox = styled.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding-left: 25px;\n  padding-bottom: 2px;\n  margin: 14px 0;\n  font-size: 15px;\n  font-weight: 400;\n  color: ", ";\n  width: 100%;\n  position: relative;\n  cursor: pointer;\n\n  .input {\n    position: absolute;\n    opacity: 0;\n    cursor: pointer;\n    height: 0;\n    width: 0;\n\n    &:checked ~ .checkmark {\n      background-color: ", ";\n      background-image: url('/checkboxArrow.svg');\n      background-position: center;\n      background-repeat: no-repeat;\n      border-color: transparent;\n    }\n  }\n\n  .checkmark {\n    position: absolute;\n    left: 0;\n    height: 18px;\n    width: 18px;\n    background-color: ", ";\n    border: 2px solid ", ";\n    border-radius: 6px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding-left: 25px;\n  padding-bottom: 2px;\n  margin: 14px 0;\n  font-size: 15px;\n  font-weight: 400;\n  color: ", ";\n  width: 100%;\n  position: relative;\n  cursor: pointer;\n\n  .input {\n    position: absolute;\n    opacity: 0;\n    cursor: pointer;\n    height: 0;\n    width: 0;\n\n    &:checked ~ .checkmark {\n      background-color: ", ";\n      background-image: url('/checkboxArrow.svg');\n      background-position: center;\n      background-repeat: no-repeat;\n      border-color: transparent;\n    }\n  }\n\n  .checkmark {\n    position: absolute;\n    left: 0;\n    height: 18px;\n    width: 18px;\n    background-color: ", ";\n    border: 2px solid ", ";\n    border-radius: 6px;\n  }\n"])), TextGrayColor, AccentColor, WhiteColor, BorderColorLight);
-var CheckboxInput = function (_a) {
-    var data = _a.data, label = _a.label, register = _a.register, error = _a.error, className = _a.className, value = _a.value, withInput = _a.withInput, innerTextInputRef = _a.innerTextInputRef;
-    var _b = useState(true), textInputDisabled = _b[0], setTextInputDisables = _b[1];
-    var renderError = function () {
-        if (error === null || error === void 0 ? void 0 : error.isNeedShowError) {
-            return <BasicErrorLabel>{error === null || error === void 0 ? void 0 : error.message}</BasicErrorLabel>;
-        }
-    };
-    return (<>
-      <>
-        <BasicCheckbox className={className} status={error === null || error === void 0 ? void 0 : error.isNeedShowError}>
-          <input {...register} onChange={function (e) {
-            setTextInputDisables(!e.target.checked);
-            register.onChange(e);
-        }} className="input" type="checkbox" name={data.name} value={value}/>
-          <p className="checkmark"/>
-          {label}
-          {withInput && (<StyledInput status={false} {...innerTextInputRef} disabled={textInputDisabled}/>)}
-        </BasicCheckbox>
-      </>
-      {renderError()}
-    </>);
-};
-export default CheckboxInput;
-var templateObject_1;