@ludo.ninja/components 2.0.10 → 2.0.12

package/build/system/Cards/Styles/Likes.js

@@ -1,15 +1,10 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const styled_components_1 = __importDefault(require("styled-components"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const ScreenWidth_1 = require("../../../styles/ScreenWidth");
-const colors_1 = require("../../../styles/colors");
-const typography_1 = require("../../../styles/typography");
+import styled from 'styled-components';
+import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
+import { mediaQuery } from "../../../styles/ScreenWidth";
+import { TextGrayColor } from "../../../styles/colors";
+import { MainText } from "../../../styles/typography";
 // Styles
-const StyledLikes = styled_components_1.default.div `
+const StyledLikes = styled.div `
   display: flex;
   align-items: end;
 
@@ -32,22 +27,22 @@ const StyledLikes = styled_components_1.default.div `
   }
 
   .counter {
-    ${typography_1.MainText};
+    ${MainText};
     font-size: 15px;
-    color: ${colors_1.TextGrayColor};
+    color: ${TextGrayColor};
     line-height: 1;
   }
 
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
+  ${mediaQuery.minWidthFourK} {
     .icon {
-      width: ${(0, _4k_1.adaptiveValueCalc)(18)};
-      height: ${(0, _4k_1.adaptiveValueCalc)(18)};
-      margin-right: ${(0, _4k_1.adaptiveValueCalc)(5)};
+      width: ${adaptiveValueCalc(18)};
+      height: ${adaptiveValueCalc(18)};
+      margin-right: ${adaptiveValueCalc(5)};
     }
 
     .counter {
-      font-size: ${(0, _4k_1.adaptiveValueCalc)(15)};
+      font-size: ${adaptiveValueCalc(15)};
     }
   }
 `;
-exports.default = StyledLikes;
+export default StyledLikes;

package/build/system/Cards/Styles/MultiHead.js

@@ -1,13 +1,8 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const styled_components_1 = __importDefault(require("styled-components"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const ScreenWidth_1 = require("../../../styles/ScreenWidth");
+import styled from 'styled-components';
+import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
+import { mediaQuery } from "../../../styles/ScreenWidth";
 // Styles
-const StyledMultiHead = styled_components_1.default.div `
+const StyledMultiHead = styled.div `
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-auto-rows: 114px;
@@ -33,12 +28,12 @@ const StyledMultiHead = styled_components_1.default.div `
     padding: 4px;
   }
 
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    grid-auto-rows: ${(0, _4k_1.adaptiveValueCalc)(114)};
-    gap: ${(0, _4k_1.adaptiveValueCalc)(8)};
-    padding: ${(0, _4k_1.adaptiveValueCalc)(8)};
-    height: ${(0, _4k_1.adaptiveValueCalc)(252)};
-    width: ${(0, _4k_1.adaptiveValueCalc)(252)};
+  ${mediaQuery.minWidthFourK} {
+    grid-auto-rows: ${adaptiveValueCalc(114)};
+    gap: ${adaptiveValueCalc(8)};
+    padding: ${adaptiveValueCalc(8)};
+    height: ${adaptiveValueCalc(252)};
+    width: ${adaptiveValueCalc(252)};
   }
 `;
-exports.default = StyledMultiHead;
+export default StyledMultiHead;

package/build/system/Cards/Styles/Video.js

@@ -1,10 +1,5 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const styled_components_1 = __importDefault(require("styled-components"));
-const StyledVideo = styled_components_1.default.video `
+import styled from 'styled-components';
+const StyledVideo = styled.video `
   display: block;
   width: 100%;
   height: 100%;
@@ -12,4 +7,4 @@ const StyledVideo = styled_components_1.default.video `
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
 `;
-exports.default = StyledVideo;
+export default StyledVideo;

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

@@ -1,17 +1,12 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const styled_components_1 = __importDefault(require("styled-components"));
-const animations_1 = require("../../../../styles/animations");
-const colors_1 = require("../../../../styles/colors");
-const vars_1 = require("../../../../fonts/vars");
-const refresh_svg_1 = __importDefault(require("../../../../public/error/refresh"));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import styled from 'styled-components';
+import { rotateReverse } from "../../../../styles/animations";
+import { TextGrayColor } from "../../../../styles/colors";
+import { poppinsFontVarCss } from "../../../../fonts/vars";
+import CardRefreshIcon from "../../../../public/error/refresh";
 // Styles
-const StyledCardsError = styled_components_1.default.div `
+const StyledCardsError = styled.div `
   padding-top: 24px;
   display: flex;
   align-items: center;
@@ -21,14 +16,14 @@ const StyledCardsError = styled_components_1.default.div `
   .icon {
     margin-bottom: 24px;
     cursor: pointer;
-    animation: ${animations_1.rotateReverse} 2s infinite linear;
+    animation: ${rotateReverse} 2s infinite linear;
   }
   .text {
     max-width: 308px;
     text-align: center;
-    color: ${colors_1.TextGrayColor};
+    color: ${TextGrayColor};
     user-select: none;
-    font-family: ${vars_1.poppinsFontVarCss.css};
+    font-family: ${poppinsFontVarCss.css};
     font-size: 18px;
     font-weight: 600;
     line-height: 26px;
@@ -36,13 +31,13 @@ const StyledCardsError = styled_components_1.default.div `
 `;
 // Component
 const CardsError = ({ refetch }) => {
-    const [isAnimated, setIsAnimated] = (0, react_1.useState)(false);
+    const [isAnimated, setIsAnimated] = useState(false);
     const handleAnimation = async () => {
         setIsAnimated(true);
         await refetch();
         setIsAnimated(false);
     };
-    return ((0, jsx_runtime_1.jsxs)(StyledCardsError, { children: [(0, jsx_runtime_1.jsx)(refresh_svg_1.default, { className: 'icon', onClick: handleAnimation }), !isAnimated && ((0, jsx_runtime_1.jsx)("h2", { className: 'text', children: "Whoops! Something went wrong. Let's try to refresh it!" }))] }));
+    return (_jsxs(StyledCardsError, { children: [_jsx(CardRefreshIcon, { className: 'icon', onClick: handleAnimation }), !isAnimated && (_jsx("h2", { className: 'text', children: "Whoops! Something went wrong. Let's try to refresh it!" }))] }));
 };
 // Export
-exports.default = CardsError;
+export default CardsError;

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

@@ -1,15 +1,10 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importDefault(require("styled-components"));
-const colors_1 = require("../../../../styles/colors");
-const typography_1 = require("../../../../styles/typography");
-const no_found_svg_1 = __importDefault(require("../../../../public/search/no_found"));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from 'styled-components';
+import { TextGrayColor } from "../../../../styles/colors";
+import { FH3 } from "../../../../styles/typography";
+import NoFoundIcon from "../../../../public/search/no_found";
 // Styles
-const StyledNoResults = styled_components_1.default.div `
+const StyledNoResults = styled.div `
   user-select: none;
   padding-top: 60px;
   display: flex;
@@ -22,13 +17,13 @@ const StyledNoResults = styled_components_1.default.div `
   }
 
   .text {
-    ${typography_1.FH3};
-    color: ${colors_1.TextGrayColor};
+    ${FH3};
+    color: ${TextGrayColor};
   }
 `;
 // Component
 const CardsNoResults = ({ noFoundText }) => {
-    return ((0, jsx_runtime_1.jsxs)(StyledNoResults, { children: [(0, jsx_runtime_1.jsx)(no_found_svg_1.default, { className: 'icon' }), (0, jsx_runtime_1.jsx)("p", { className: 'text', children: noFoundText })] }));
+    return (_jsxs(StyledNoResults, { children: [_jsx(NoFoundIcon, { className: 'icon' }), _jsx("p", { className: 'text', children: noFoundText })] }));
 };
 // Export
-exports.default = CardsNoResults;
+export default CardsNoResults;

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

@@ -1,17 +1,11 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardSkeleton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const ScreenWidth_1 = require("../../../../styles/ScreenWidth");
-const Head_1 = __importDefault(require("../../../Cards/Styles/Head"));
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+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 "../../../Cards/Styles/Head";
 // Styles
-const StyledCardSkeleton = styled_components_1.default.div `
+const StyledCardSkeleton = styled.div `
   .content {
     display: flex;
     flex-direction: column;
@@ -23,22 +17,22 @@ const StyledCardSkeleton = styled_components_1.default.div `
     justify-content: space-between;
   }
 
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
+  ${mediaQuery.minWidthFourK} {
     .content {
-      padding: ${(0, _4k_1.adaptiveValueCalc)(12)} 0 0 0;
-      gap: ${(0, _4k_1.adaptiveValueCalc)(4)};
+      padding: ${adaptiveValueCalc(12)} 0 0 0;
+      gap: ${adaptiveValueCalc(4)};
 
       .react-loading-skeleton {
-        height: ${(0, _4k_1.adaptiveValueCalc)(18)} !important;
+        height: ${adaptiveValueCalc(18)} !important;
       }
 
       .footer {
         & > *:first-child .react-loading-skeleton {
-          width: ${(0, _4k_1.adaptiveValueCalc)(120)} !important;
+          width: ${adaptiveValueCalc(120)} !important;
         }
 
         & > *:last-child .react-loading-skeleton {
-          width: ${(0, _4k_1.adaptiveValueCalc)(30)} !important;
+          width: ${adaptiveValueCalc(30)} !important;
         }
       }
     }
@@ -46,12 +40,11 @@ const StyledCardSkeleton = styled_components_1.default.div `
 `;
 const CardsSkeleton = ({ cardCount }) => {
     const arr = Array.from(Array(cardCount).keys());
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: arr.map(() => ((0, jsx_runtime_1.jsx)(exports.CardSkeleton, {}, Math.random()))) }));
+    return (_jsx(_Fragment, { children: arr.map(() => (_jsx(CardSkeleton, {}, Math.random()))) }));
 };
 // Component
-const CardSkeleton = () => {
-    return ((0, jsx_runtime_1.jsxs)(StyledCardSkeleton, { children: [(0, jsx_runtime_1.jsx)(Head_1.default, { children: (0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { height: '100%', width: '100%' }) }), (0, jsx_runtime_1.jsxs)("div", { className: 'content', children: [(0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { height: '18px', width: '70%' }), (0, jsx_runtime_1.jsxs)("div", { className: 'footer', children: [(0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { height: '18px', width: '120px' }), (0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { height: '18px', width: '30px' })] })] })] }));
+export const CardSkeleton = () => {
+    return (_jsxs(StyledCardSkeleton, { children: [_jsx(StyledCardHead, { children: _jsx(Skeleton, { height: '100%', width: '100%' }) }), _jsxs("div", { className: 'content', children: [_jsx(Skeleton, { height: '18px', width: '70%' }), _jsxs("div", { className: 'footer', children: [_jsx(Skeleton, { height: '18px', width: '120px' }), _jsx(Skeleton, { height: '18px', width: '30px' })] })] })] }));
 };
-exports.CardSkeleton = CardSkeleton;
 // Export
-exports.default = CardsSkeleton;
+export default CardsSkeleton;

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

@@ -1,18 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ScreenWidth_1 = require("../../../styles/ScreenWidth");
-const animations_1 = require("../../../styles/animations");
-const scale_1 = require("../../../utils/adaptive/scale");
-const screen_1 = require("../../../utils/screen");
-const styled_components_1 = __importDefault(require("styled-components"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const loader_svg_1 = __importDefault(require("../../../public/cardsHolderLoader/loader"));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { mediaQuery } from "../../../styles/ScreenWidth";
+import { rotate } from "../../../styles/animations";
+import { getAdaptiveScale } from "../../../utils/adaptive/scale";
+import { useWindowDimensionsWithServerInitial } from "../../../utils/screen";
+import styled from 'styled-components';
+import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
+import LoaderIcon from "../../../public/cardsHolderLoader/loader";
 // Styles
-const StyledCardsHolderLoader = styled_components_1.default.div `
+const StyledCardsHolderLoader = styled.div `
   box-sizing: border-box;
   display: flex;
   align-items: center;
@@ -20,11 +15,11 @@ const StyledCardsHolderLoader = styled_components_1.default.div `
   padding-top: 24px;
 
   .loader {
-    animation: ${animations_1.rotate} 1s ease-in-out infinite;
+    animation: ${rotate} 1s ease-in-out infinite;
   }
 
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    padding-top: ${(0, _4k_1.adaptiveValueCalc)(24)};
+  ${mediaQuery.minWidthFourK} {
+    padding-top: ${adaptiveValueCalc(24)};
   }
 
   /* &.virtual {
@@ -35,8 +30,8 @@ const StyledCardsHolderLoader = styled_components_1.default.div `
 `;
 // Component
 const CardsHolderLoader = () => {
-    const { windowDimensions } = (0, screen_1.useWindowDimensionsWithServerInitial)();
-    return ((0, jsx_runtime_1.jsx)(StyledCardsHolderLoader, { style: (0, scale_1.getAdaptiveScale)({ windowDimensions, currentSize: 1 }), children: (0, jsx_runtime_1.jsx)(loader_svg_1.default, { className: 'loader' }) }));
+    const { windowDimensions } = useWindowDimensionsWithServerInitial();
+    return (_jsx(StyledCardsHolderLoader, { style: getAdaptiveScale({ windowDimensions, currentSize: 1 }), children: _jsx(LoaderIcon, { className: 'loader' }) }));
 };
 // Export
-exports.default = CardsHolderLoader;
+export default CardsHolderLoader;

package/build/system/DropDown/DropDown.test.js

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

package/build/system/DropDown/index.js

@@ -1,16 +1,11 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const styled_components_1 = __importDefault(require("styled-components"));
-const colors_1 = require("../../styles/colors");
-const arrow_down_svg_1 = __importDefault(require("../../public/dropDown/arrow_down"));
+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";
 // Styles
-const StyledDropDown = styled_components_1.default.div `
-  border-bottom: 1px solid ${colors_1.InactiveButtonColor};
+const StyledDropDown = styled.div `
+  border-bottom: 1px solid ${InactiveButtonColor};
 
   .dropDownTab {
     display: flex;
@@ -49,17 +44,17 @@ const StyledDropDown = styled_components_1.default.div `
 `;
 // Component
 const DropDown = ({ caption, children, fallBackOnClose, active, }) => {
-    const [isActive, setActive] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
+    const [isActive, setActive] = useState(false);
+    useEffect(() => {
         if (active) {
             setActive(true);
         }
     }, []);
-    return ((0, jsx_runtime_1.jsxs)(StyledDropDown, { isActive: isActive, children: [(0, jsx_runtime_1.jsxs)("div", { className: 'dropDownTab', onClick: () => {
+    return (_jsxs(StyledDropDown, { isActive: isActive, children: [_jsxs("div", { className: 'dropDownTab', onClick: () => {
                     setActive(!isActive);
                     if (!isActive)
                         fallBackOnClose(null);
-                }, children: [(0, jsx_runtime_1.jsx)("span", { className: 'dropDownTabCaption', children: caption }), (0, jsx_runtime_1.jsx)(arrow_down_svg_1.default, { className: 'dropDownTabIcon' })] }), (0, jsx_runtime_1.jsx)("div", { className: 'dropDownContent', children: (0, jsx_runtime_1.jsx)("div", { className: 'gridDown', children: children }) })] }));
+                }, children: [_jsx("span", { className: 'dropDownTabCaption', children: caption }), _jsx(ArrowDownIcon, { className: 'dropDownTabIcon' })] }), _jsx("div", { className: 'dropDownContent', children: _jsx("div", { className: 'gridDown', children: children }) })] }));
 };
 // Export
-exports.default = DropDown;
+export default DropDown;

package/build/system/Filters/helpers.js

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

package/build/system/Filters/type.js

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

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

@@ -1,15 +1,10 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-require("@testing-library/jest-dom/extend-expect");
-const react_1 = require("@testing-library/react");
-const index_1 = __importDefault(require("./index"));
+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 "./index";
 jest.mock('../ErrorLabel', () => ({
     __esModule: true,
-    default: ({ children }) => ((0, jsx_runtime_1.jsx)("div", { "data-testid": "error-label", children: children })),
+    default: ({ children }) => (_jsx("div", { "data-testid": "error-label", children: children })),
 }));
 const mockRegister = {
     name: 'test-checkbox',
@@ -24,7 +19,7 @@ const mockInnerTextInputRef = {
     ref: jest.fn(),
 };
 const renderComponent = (props) => {
-    return (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.default, { ...props }));
+    return render(_jsx(CheckboxInput, { ...props }));
 };
 describe('CheckboxInput Component', () => {
     test('renders correctly with provided props', () => {
@@ -33,8 +28,8 @@ describe('CheckboxInput Component', () => {
             data: { name: 'test-checkbox', placeHolder: 'Placeholder' },
             register: mockRegister,
         });
-        const checkboxElement = react_1.screen.getByRole('checkbox');
-        const labelElement = react_1.screen.getByText('Test Label');
+        const checkboxElement = screen.getByRole('checkbox');
+        const labelElement = screen.getByText('Test Label');
         expect(checkboxElement).toBeInTheDocument();
         expect(labelElement).toBeInTheDocument();
     });
@@ -46,10 +41,10 @@ describe('CheckboxInput Component', () => {
             withInput: true,
             innerTextInputRef: mockInnerTextInputRef,
         });
-        const checkboxElement = react_1.screen.getByRole('checkbox');
-        const textInputElement = react_1.screen.getByRole('textbox');
+        const checkboxElement = screen.getByRole('checkbox');
+        const textInputElement = screen.getByRole('textbox');
         expect(textInputElement).toBeDisabled();
-        react_1.fireEvent.click(checkboxElement);
+        fireEvent.click(checkboxElement);
         expect(textInputElement).not.toBeDisabled();
     });
     test('displays error message when there is an error', () => {
@@ -59,7 +54,7 @@ describe('CheckboxInput Component', () => {
             register: mockRegister,
             error: { isNeedShowError: true, message: 'Error message' },
         });
-        const errorLabel = react_1.screen.getByTestId('error-label');
+        const errorLabel = screen.getByTestId('error-label');
         expect(errorLabel).toBeInTheDocument();
         expect(errorLabel).toHaveTextContent('Error message');
     });
@@ -70,7 +65,7 @@ describe('CheckboxInput Component', () => {
             register: mockRegister,
             error: { isNeedShowError: false, message: '' },
         });
-        const errorLabel = react_1.screen.queryByTestId('error-label');
+        const errorLabel = screen.queryByTestId('error-label');
         expect(errorLabel).toBeNull();
     });
 });

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

@@ -1,15 +1,10 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const styled_components_1 = __importDefault(require("styled-components"));
-const colors_1 = require("../../../styles/colors");
-const ErrorLabel_1 = __importDefault(require("../ErrorLabel"));
-const Input_1 = require("../Input");
-const BasicCheckbox = styled_components_1.default.label `
+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 "../ErrorLabel";
+import { StyledInput } from "../Input";
+const BasicCheckbox = styled.label `
   display: flex;
   align-items: center;
   gap: 6px;
@@ -18,7 +13,7 @@ const BasicCheckbox = styled_components_1.default.label `
   margin: 14px 0;
   font-size: 15px;
   font-weight: 400;
-  color: ${colors_1.TextGrayColor};
+  color: ${TextGrayColor};
   width: 100%;
   position: relative;
   cursor: pointer;
@@ -31,7 +26,7 @@ const BasicCheckbox = styled_components_1.default.label `
     width: 0;
 
     &:checked ~ .checkmark {
-      background-color: ${colors_1.AccentColor};
+      background-color: ${AccentColor};
       background-image: url('/checkboxArrow.svg');
       background-position: center;
       background-repeat: no-repeat;
@@ -44,21 +39,21 @@ const BasicCheckbox = styled_components_1.default.label `
     left: 0;
     height: 18px;
     width: 18px;
-    background-color: ${colors_1.WhiteColor};
-    border: 2px solid ${colors_1.BorderColorLight};
+    background-color: ${WhiteColor};
+    border: 2px solid ${BorderColorLight};
     border-radius: 6px;
   }
 `;
 const CheckboxInput = ({ data, label, register, error, className, value, withInput, innerTextInputRef, }) => {
-    const [textInputDisabled, setTextInputDisables] = (0, react_1.useState)(true);
+    const [textInputDisabled, setTextInputDisables] = useState(true);
     const renderError = () => {
         if (error?.isNeedShowError) {
-            return (0, jsx_runtime_1.jsx)(ErrorLabel_1.default, { children: error?.message });
+            return _jsx(BasicErrorLabel, { children: error?.message });
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(BasicCheckbox, { className: className, status: error?.isNeedShowError, children: [(0, jsx_runtime_1.jsx)("input", { ...register, onChange: (e) => {
+    return (_jsxs(_Fragment, { children: [_jsx(_Fragment, { children: _jsxs(BasicCheckbox, { className: className, status: error?.isNeedShowError, children: [_jsx("input", { ...register, onChange: (e) => {
                                 setTextInputDisables(!e.target.checked);
                                 register.onChange(e);
-                            }, className: "input", type: "checkbox", name: data.name, value: value }), (0, jsx_runtime_1.jsx)("p", { className: "checkmark" }), label, withInput && ((0, jsx_runtime_1.jsx)(Input_1.StyledInput, { status: false, ...innerTextInputRef, disabled: textInputDisabled }))] }) }), renderError()] }));
+                            }, className: "input", type: "checkbox", name: data.name, value: value }), _jsx("p", { className: "checkmark" }), label, withInput && (_jsx(StyledInput, { status: false, ...innerTextInputRef, disabled: textInputDisabled }))] }) }), renderError()] }));
 };
-exports.default = CheckboxInput;
+export default CheckboxInput;