@ludo.ninja/components 1.0.6 → 1.0.8

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

@@ -1,36 +1,111 @@
-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';
+
+var __makeTemplateObject =
+  (this && this.__makeTemplateObject) ||
+  function (cooked, raw) {
+    if (Object.defineProperty) {
+      Object.defineProperty(cooked, 'raw', { value: raw });
+    } else {
+      cooked.raw = raw;
+    }
+    return cooked;
+  };
+
 // 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)';
-});
+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}>
+  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}>
+      </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>);
+    </StyledCardsHolder>
+  );
 };
 // Export
 export default CardsHolder;

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

@@ -1,23 +1,63 @@
-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';
+
+var __makeTemplateObject =
+  (this && this.__makeTemplateObject) ||
+  function (cooked, raw) {
+    if (Object.defineProperty) {
+      Object.defineProperty(cooked, 'raw', { value: raw });
+    } else {
+      cooked.raw = raw;
+    }
+    return cooked;
+  };
+
 // 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));
+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>);
+  var windowDimensions =
+    useWindowDimensionsWithServerInitial().windowDimensions;
+  return (
+    <StyledCardsHolderLoader
+      style={getAdaptiveScale({
+        windowDimensions: windowDimensions,
+        currentSize: 1,
+      })}
+    >
+      <LoaderIcon className={'loader'} />
+    </StyledCardsHolderLoader>
+  );
 };
 // Export
 export default CardsHolderLoader;

package/dist/system/CardsHolderWithSkeleton/index.jsx

@@ -1,17 +1,57 @@
 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}>
+  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>);
+    </CardsHolder>
+  );
 };
 // Export
 export default CardsHolderWithSkeleton;

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

@@ -1,41 +1,54 @@
 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'; });
+
+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'}>
+  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>
+    );
+    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>
+      </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();
-    });
+      </DropDown>
+    );
+    var openedContentElement = screen.getByText('Dropdown Content');
+    expect(openedContentElement).toBeInTheDocument();
+  });
 });

package/dist/system/DropDown/index.jsx

@@ -1,37 +1,78 @@
-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';
+
+var __makeTemplateObject =
+  (this && this.__makeTemplateObject) ||
+  function (cooked, raw) {
+    if (Object.defineProperty) {
+      Object.defineProperty(cooked, 'raw', { value: raw });
+    } else {
+      cooked.raw = raw;
+    }
+    return cooked;
+  };
+
 // 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) {
+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'); });
+  },
+  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);
-        }}>
+  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'}/>
+        <ArrowDownIcon className={'dropDownTabIcon'} />
       </div>
       <div className={'dropDownContent'}>
         <div className={'gridDown'}>{children}</div>
       </div>
-    </StyledDropDown>);
+    </StyledDropDown>
+  );
 };
 // Export
 export default DropDown;

package/dist/system/Filters/helpers.js

@@ -1,4 +1,18 @@
-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;
+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 +1,8 @@
 export var SelectNamesTypes;
 (function (SelectNamesTypes) {
-    SelectNamesTypes["type"] = "type";
-    SelectNamesTypes["blockchain"] = "blockchain";
-    SelectNamesTypes["category"] = "category";
-    SelectNamesTypes["status"] = "status";
-    SelectNamesTypes["time"] = "time";
+  SelectNamesTypes['type'] = 'type';
+  SelectNamesTypes['blockchain'] = 'blockchain';
+  SelectNamesTypes['category'] = 'category';
+  SelectNamesTypes['status'] = 'status';
+  SelectNamesTypes['time'] = 'time';
 })(SelectNamesTypes || (SelectNamesTypes = {}));

package/dist/system/Flex/index.jsx

@@ -1 +1 @@
-"use strict";
+'use strict';

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

@@ -1,74 +1,79 @@
 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 ({
+
+jest.mock('../ErrorLabel', function () {
+  return {
     __esModule: true,
     default: function (_a) {
-        var children = _a.children;
-        return (<div data-testid="error-label">{children}</div>);
+      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(),
+  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(),
+  name: 'inner-text-input',
+  onBlur: jest.fn(),
+  onChange: jest.fn(),
+  ref: jest.fn(),
 };
 var renderComponent = function (props) {
-    return render(<CheckboxInput {...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('renders correctly with provided props', function () {
+    renderComponent({
+      label: 'Test Label',
+      data: { name: 'test-checkbox', placeHolder: 'Placeholder' },
+      register: mockRegister,
     });
-    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();
+    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,
     });
-    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');
+    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' },
     });
-    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();
+    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();
+  });
 });