@ludo.ninja/components 1.1.1 → 1.1.3

package/dist/components/filters/index.jsx

@@ -1,223 +1,91 @@
+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 React, { useEffect, useState } from 'react';
-
 import styled from 'styled-components';
-
 import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
-
 import { useUiStore } from '@/store/ui';
-
 import { mediaQuery } from '@/styles/ScreenWidth';
-import {
-  AccentColor,
-  BlackColor,
-  BorderColorLight,
-  InactiveButtonColor,
-} from '@/styles/colors';
-
+import { AccentColor, BlackColor, BorderColorLight, InactiveButtonColor, } from '@/styles/colors';
 import ApplyResetButtons from '@/components/filters/applyResetBtns';
 import MobileFilters from '@/components/filters/mobileFilters';
 import SidebarFilters from '@/components/sidebar/sidebarFilters';
-
 import DesktopSelect from '@/system/Forms/Selects/DesktopSelect';
 import MobileSelect from '@/system/Forms/Selects/MobileSelect';
-
-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);
-  };
-
 // Styles
-var StyledFilters = styled.div(
-  templateObject_1 ||
-    (templateObject_1 = __makeTemplateObject(
-      [
-        '\n  display: flex;\n  flex-wrap: wrap;\n\n  .select {\n    margin-right: 8px;\n    margin-top: 8px;\n  }\n\n  .type {\n    width: 154px;\n  }\n\n  .blockchain {\n    width: 163px;\n  }\n\n  .category {\n    width: 156px;\n  }\n\n  .time {\n    width: 125px;\n  }\n\n  .status {\n    width: 135px;\n    margin-right: 24px;\n  }\n\n  .filterButton {\n    width: 100%;\n\n    button {\n      position: relative;\n      width: 100%;\n      border: 1px solid transparent;\n      outline: none;\n      background-color: white;\n      padding: 10px 85px;\n      border-radius: 6px;\n      min-height: 40px;\n      font-size: 1.4em;\n      color: ',
-        ';\n      font-weight: 500;\n      transition: all 0.3s ease-in;\n\n      &:hover {\n        transition: all 0.3s ease-in-out;\n        background: ',
-        ';\n        color: ',
-        ';\n        border: 1px solid ',
-        ';\n      }\n\n      .counter {\n        position: absolute;\n        background-color: ',
-        ';\n        color: white;\n        right: -5px;\n        padding: 8px;\n        font-size: 0.86em;\n        font-weight: 500;\n        border-radius: 50%;\n        top: -10px;\n        width: 16px;\n        height: 16px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n    }\n  }\n\n  ',
-        ' {\n    .select {\n      margin-right: ',
-        ';\n      margin-top: ',
-        ';\n    }\n    .type {\n      width: ',
-        ';\n    }\n    .blockchain {\n      width: ',
-        ';\n    }\n    .category {\n      width: ',
-        ';\n    }\n    .time {\n      width: ',
-        ';\n    }\n    .status {\n      width: ',
-        ';\n      margin-right: ',
-        ';\n    }\n  }\n',
-      ],
-      [
-        '\n  display: flex;\n  flex-wrap: wrap;\n\n  .select {\n    margin-right: 8px;\n    margin-top: 8px;\n  }\n\n  .type {\n    width: 154px;\n  }\n\n  .blockchain {\n    width: 163px;\n  }\n\n  .category {\n    width: 156px;\n  }\n\n  .time {\n    width: 125px;\n  }\n\n  .status {\n    width: 135px;\n    margin-right: 24px;\n  }\n\n  .filterButton {\n    width: 100%;\n\n    button {\n      position: relative;\n      width: 100%;\n      border: 1px solid transparent;\n      outline: none;\n      background-color: white;\n      padding: 10px 85px;\n      border-radius: 6px;\n      min-height: 40px;\n      font-size: 1.4em;\n      color: ',
-        ';\n      font-weight: 500;\n      transition: all 0.3s ease-in;\n\n      &:hover {\n        transition: all 0.3s ease-in-out;\n        background: ',
-        ';\n        color: ',
-        ';\n        border: 1px solid ',
-        ';\n      }\n\n      .counter {\n        position: absolute;\n        background-color: ',
-        ';\n        color: white;\n        right: -5px;\n        padding: 8px;\n        font-size: 0.86em;\n        font-weight: 500;\n        border-radius: 50%;\n        top: -10px;\n        width: 16px;\n        height: 16px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n    }\n  }\n\n  ',
-        ' {\n    .select {\n      margin-right: ',
-        ';\n      margin-top: ',
-        ';\n    }\n    .type {\n      width: ',
-        ';\n    }\n    .blockchain {\n      width: ',
-        ';\n    }\n    .category {\n      width: ',
-        ';\n    }\n    .time {\n      width: ',
-        ';\n    }\n    .status {\n      width: ',
-        ';\n      margin-right: ',
-        ';\n    }\n  }\n',
-      ]
-    )),
-  BlackColor,
-  InactiveButtonColor,
-  AccentColor,
-  BorderColorLight,
-  AccentColor,
-  mediaQuery.minWidthFourK,
-  adaptiveValueCalc(8),
-  adaptiveValueCalc(8),
-  adaptiveValueCalc(154),
-  adaptiveValueCalc(163),
-  adaptiveValueCalc(156),
-  adaptiveValueCalc(125),
-  adaptiveValueCalc(135),
-  adaptiveValueCalc(24)
-);
+var StyledFilters = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n\n  .select {\n    margin-right: 8px;\n    margin-top: 8px;\n  }\n\n  .type {\n    width: 154px;\n  }\n\n  .blockchain {\n    width: 163px;\n  }\n\n  .category {\n    width: 156px;\n  }\n\n  .time {\n    width: 125px;\n  }\n\n  .status {\n    width: 135px;\n    margin-right: 24px;\n  }\n\n  .filterButton {\n    width: 100%;\n\n    button {\n      position: relative;\n      width: 100%;\n      border: 1px solid transparent;\n      outline: none;\n      background-color: white;\n      padding: 10px 85px;\n      border-radius: 6px;\n      min-height: 40px;\n      font-size: 1.4em;\n      color: ", ";\n      font-weight: 500;\n      transition: all 0.3s ease-in;\n\n      &:hover {\n        transition: all 0.3s ease-in-out;\n        background: ", ";\n        color: ", ";\n        border: 1px solid ", ";\n      }\n\n      .counter {\n        position: absolute;\n        background-color: ", ";\n        color: white;\n        right: -5px;\n        padding: 8px;\n        font-size: 0.86em;\n        font-weight: 500;\n        border-radius: 50%;\n        top: -10px;\n        width: 16px;\n        height: 16px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n    }\n  }\n\n  ", " {\n    .select {\n      margin-right: ", ";\n      margin-top: ", ";\n    }\n    .type {\n      width: ", ";\n    }\n    .blockchain {\n      width: ", ";\n    }\n    .category {\n      width: ", ";\n    }\n    .time {\n      width: ", ";\n    }\n    .status {\n      width: ", ";\n      margin-right: ", ";\n    }\n  }\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n\n  .select {\n    margin-right: 8px;\n    margin-top: 8px;\n  }\n\n  .type {\n    width: 154px;\n  }\n\n  .blockchain {\n    width: 163px;\n  }\n\n  .category {\n    width: 156px;\n  }\n\n  .time {\n    width: 125px;\n  }\n\n  .status {\n    width: 135px;\n    margin-right: 24px;\n  }\n\n  .filterButton {\n    width: 100%;\n\n    button {\n      position: relative;\n      width: 100%;\n      border: 1px solid transparent;\n      outline: none;\n      background-color: white;\n      padding: 10px 85px;\n      border-radius: 6px;\n      min-height: 40px;\n      font-size: 1.4em;\n      color: ", ";\n      font-weight: 500;\n      transition: all 0.3s ease-in;\n\n      &:hover {\n        transition: all 0.3s ease-in-out;\n        background: ", ";\n        color: ", ";\n        border: 1px solid ", ";\n      }\n\n      .counter {\n        position: absolute;\n        background-color: ", ";\n        color: white;\n        right: -5px;\n        padding: 8px;\n        font-size: 0.86em;\n        font-weight: 500;\n        border-radius: 50%;\n        top: -10px;\n        width: 16px;\n        height: 16px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n    }\n  }\n\n  ", " {\n    .select {\n      margin-right: ", ";\n      margin-top: ", ";\n    }\n    .type {\n      width: ", ";\n    }\n    .blockchain {\n      width: ", ";\n    }\n    .category {\n      width: ", ";\n    }\n    .time {\n      width: ", ";\n    }\n    .status {\n      width: ", ";\n      margin-right: ", ";\n    }\n  }\n"])), BlackColor, InactiveButtonColor, AccentColor, BorderColorLight, AccentColor, mediaQuery.minWidthFourK, adaptiveValueCalc(8), adaptiveValueCalc(8), adaptiveValueCalc(154), adaptiveValueCalc(163), adaptiveValueCalc(156), adaptiveValueCalc(125), adaptiveValueCalc(135), adaptiveValueCalc(24));
 // Component
 var Filters = function (_a) {
-  var filterInputHandler = _a.filterInputHandler,
-    handleResetFilter = _a.handleResetFilter,
-    selectData = _a.selectData,
-    filterInput = _a.filterInput,
-    handleMobileFilterInput = _a.handleMobileFilterInput,
-    isMobile = _a.isMobile;
-  var _b = useState(false),
-    isSideBarOpen = _b[0],
-    setSidebarOpen = _b[1];
-  var selectedFiltersCount = useState(0)[0];
-  var _c = useUiStore(function (state) {
-      return {
+    var filterInputHandler = _a.filterInputHandler, handleResetFilter = _a.handleResetFilter, selectData = _a.selectData, filterInput = _a.filterInput, handleMobileFilterInput = _a.handleMobileFilterInput, isMobile = _a.isMobile;
+    var _b = useState(false), isSideBarOpen = _b[0], setSidebarOpen = _b[1];
+    var selectedFiltersCount = useState(0)[0];
+    var _c = useUiStore(function (state) { return ({
         openOverLay: state.openOverLay,
         closeOverlay: state.closeOverlay,
-      };
-    }),
-    openOverLay = _c.openOverLay,
-    closeOverlay = _c.closeOverlay;
-  var _d = useState(filterInput),
-    mobileFilterInput = _d[0],
-    setMobileFilterInput = _d[1];
-  useEffect(
-    function () {
-      if (JSON.stringify(mobileFilterInput) !== JSON.stringify(filterInput)) {
-        setMobileFilterInput(filterInput);
-      }
-    },
-    [filterInput]
-  );
-  var handleMobileFilters = function (fieldName, fieldValue) {
-    setMobileFilterInput(function (prevFilters) {
-      var _a;
-      return __assign(
-        __assign({}, prevFilters),
-        ((_a = {}), (_a[fieldName] = fieldValue), _a)
-      );
-    });
-  };
-  var closeFiltersMobile = function () {
-    closeOverlay();
-    setSidebarOpen(false);
-  };
-  return (
-    <StyledFilters>
+    }); }), openOverLay = _c.openOverLay, closeOverlay = _c.closeOverlay;
+    var _d = useState(filterInput), mobileFilterInput = _d[0], setMobileFilterInput = _d[1];
+    useEffect(function () {
+        if (JSON.stringify(mobileFilterInput) !== JSON.stringify(filterInput)) {
+            setMobileFilterInput(filterInput);
+        }
+    }, [filterInput]);
+    var handleMobileFilters = function (fieldName, fieldValue) {
+        setMobileFilterInput(function (prevFilters) {
+            var _a;
+            return (__assign(__assign({}, prevFilters), (_a = {}, _a[fieldName] = fieldValue, _a)));
+        });
+    };
+    var closeFiltersMobile = function () {
+        closeOverlay();
+        setSidebarOpen(false);
+    };
+    return (<StyledFilters>
       {!isMobile &&
-        selectData.map(function (select) {
-          return (
-            <div
-              key={select.id}
-              className={'select '.concat(select.data.selectName)}
-            >
-              <DesktopSelect
-                defaultOptionValue={filterInput[select.data.selectName]}
-                options={select.data.selectOptions}
-                isLoading={false}
-                onChangeHandler={filterInputHandler}
-                name={select.data.selectName}
-              />
-            </div>
-          );
-        })}
-      {isMobile && (
-        <>
+            selectData.map(function (select) { return (<div key={select.id} className={"select ".concat(select.data.selectName)}>
+            <DesktopSelect defaultOptionValue={filterInput[select.data.selectName]} options={select.data.selectOptions} isLoading={false} onChangeHandler={filterInputHandler} name={select.data.selectName}/>
+          </div>); })}
+      {isMobile && (<>
           <div className={'filterButton'}>
-            <button
-              onClick={function (e) {
+            <button onClick={function (e) {
                 e.stopPropagation();
                 e.preventDefault();
                 openOverLay();
                 setSidebarOpen(true);
-              }}
-            >
+            }}>
               Filters
-              {selectedFiltersCount ? (
-                <span className={'counter'}>{selectedFiltersCount}</span>
-              ) : null}
+              {selectedFiltersCount ? (<span className={'counter'}>{selectedFiltersCount}</span>) : null}
             </button>
           </div>
-          <SidebarFilters
-            isOpen={isSideBarOpen}
-            handleClose={function () {
-              setMobileFilterInput(filterInput);
-              closeFiltersMobile();
-            }}
-          >
+          <SidebarFilters isOpen={isSideBarOpen} handleClose={function () {
+                setMobileFilterInput(filterInput);
+                closeFiltersMobile();
+            }}>
             <MobileFilters>
-              {selectData.map(function (select) {
-                return (
-                  <MobileSelect
-                    key={select.id}
-                    defaultOptionValue={
-                      mobileFilterInput[select.data.selectName]
-                    }
-                    options={select.data.selectOptions}
-                    name={select.data.selectName}
-                    onChangeHandler={handleMobileFilters}
-                  />
-                );
-              })}
+              {selectData.map(function (select) { return (<MobileSelect key={select.id} defaultOptionValue={mobileFilterInput[select.data
+                    .selectName]} options={select.data.selectOptions} name={select.data.selectName} onChangeHandler={handleMobileFilters}/>); })}
             </MobileFilters>
-            <ApplyResetButtons
-              onReset={function () {
+            <ApplyResetButtons onReset={function () {
                 handleResetFilter();
                 closeFiltersMobile();
-              }}
-              onApply={function () {
+            }} onApply={function () {
                 handleMobileFilterInput(mobileFilterInput);
                 closeFiltersMobile();
-              }}
-            />
+            }}/>
           </SidebarFilters>
-        </>
-      )}
-    </StyledFilters>
-  );
+        </>)}
+    </StyledFilters>);
 };
 // Export
 export default Filters;

package/dist/components/filters/mobileFilters/index.jsx

@@ -1,34 +1,15 @@
+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';
-
-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 StyledMobileFilters = styled.div(
-  templateObject_1 ||
-    (templateObject_1 = __makeTemplateObject(
-      [
-        '\n  position: relative;\n  flex: 1;\n  overflow-y: auto;\n  padding: 0 32px;\n\n  & > div:last-child {\n    margin-bottom: 30px;\n    border-bottom: unset;\n  }\n',
-      ],
-      [
-        '\n  position: relative;\n  flex: 1;\n  overflow-y: auto;\n  padding: 0 32px;\n\n  & > div:last-child {\n    margin-bottom: 30px;\n    border-bottom: unset;\n  }\n',
-      ]
-    ))
-);
+var StyledMobileFilters = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  flex: 1;\n  overflow-y: auto;\n  padding: 0 32px;\n\n  & > div:last-child {\n    margin-bottom: 30px;\n    border-bottom: unset;\n  }\n"], ["\n  position: relative;\n  flex: 1;\n  overflow-y: auto;\n  padding: 0 32px;\n\n  & > div:last-child {\n    margin-bottom: 30px;\n    border-bottom: unset;\n  }\n"])));
 // Component
 var MobileFilters = function (_a) {
-  var children = _a.children;
-  return <StyledMobileFilters>{children}</StyledMobileFilters>;
+    var children = _a.children;
+    return <StyledMobileFilters>{children}</StyledMobileFilters>;
 };
 // Export
 export default MobileFilters;

package/dist/components/filters/setsFiltersForm/index.jsx

@@ -1,130 +1,60 @@
+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 DropDown from '@/system/DropDown';
 import BasicRadioInput from '@/system/Forms/RadioInput';
-
-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 StyledSetsFiltersForm = styled.div(
-  templateObject_1 ||
-    (templateObject_1 = __makeTemplateObject(
-      ['\n  position: relative;\n'],
-      ['\n  position: relative;\n']
-    ))
-);
+var StyledSetsFiltersForm = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
 // Component
 var SetsFiltersForm = function (_a) {
-  var selectTypeSearchResult = _a.selectTypeSearchResult,
-    selectBlockchainCategoryResult = _a.selectBlockchainCategoryResult,
-    selectBlockchainTimeResult = _a.selectBlockchainTimeResult,
-    handleNeedShowButtons = _a.handleNeedShowButtons,
-    handleFiltersCount = _a.handleFiltersCount;
-  var _b = useState(null),
-    selectedSearchResult = _b[0],
-    setSelectedSearchResult = _b[1];
-  var _c = useState(null),
-    selectedBlockchainCategoryResult = _c[0],
-    setSelectedBlockchainCategoryResult = _c[1];
-  var _d = useState(null),
-    selectedBlockchainTimeResult = _d[0],
-    setSelectedBlockchainTimeResult = _d[1];
-  useEffect(
-    function () {
-      if (
-        selectedSearchResult ||
-        selectedBlockchainCategoryResult ||
-        selectedBlockchainTimeResult
-      ) {
-        handleNeedShowButtons(true);
-      } else {
-        handleNeedShowButtons(false);
-      }
-      var arr = [
+    var selectTypeSearchResult = _a.selectTypeSearchResult, selectBlockchainCategoryResult = _a.selectBlockchainCategoryResult, selectBlockchainTimeResult = _a.selectBlockchainTimeResult, handleNeedShowButtons = _a.handleNeedShowButtons, handleFiltersCount = _a.handleFiltersCount;
+    var _b = useState(null), selectedSearchResult = _b[0], setSelectedSearchResult = _b[1];
+    var _c = useState(null), selectedBlockchainCategoryResult = _c[0], setSelectedBlockchainCategoryResult = _c[1];
+    var _d = useState(null), selectedBlockchainTimeResult = _d[0], setSelectedBlockchainTimeResult = _d[1];
+    useEffect(function () {
+        if (selectedSearchResult ||
+            selectedBlockchainCategoryResult ||
+            selectedBlockchainTimeResult) {
+            handleNeedShowButtons(true);
+        }
+        else {
+            handleNeedShowButtons(false);
+        }
+        var arr = [
+            selectedSearchResult,
+            selectedBlockchainCategoryResult,
+            selectedBlockchainTimeResult,
+        ];
+        var count = arr.filter(function (value) { return value; }).length;
+        handleFiltersCount(count);
+    }, [
         selectedSearchResult,
         selectedBlockchainCategoryResult,
         selectedBlockchainTimeResult,
-      ];
-      var count = arr.filter(function (value) {
-        return value;
-      }).length;
-      handleFiltersCount(count);
-    },
-    [
-      selectedSearchResult,
-      selectedBlockchainCategoryResult,
-      selectedBlockchainTimeResult,
-    ]
-  );
-  var handleChangeSearchResult = function (value) {
-    setSelectedSearchResult(value);
-  };
-  var handleChangeBlockchainCategoryResult = function (value) {
-    setSelectedBlockchainCategoryResult(value);
-  };
-  var handleChangeBlockchainTimeResult = function (value) {
-    setSelectedBlockchainTimeResult(value);
-  };
-  return (
-    <StyledSetsFiltersForm>
+    ]);
+    var handleChangeSearchResult = function (value) {
+        setSelectedSearchResult(value);
+    };
+    var handleChangeBlockchainCategoryResult = function (value) {
+        setSelectedBlockchainCategoryResult(value);
+    };
+    var handleChangeBlockchainTimeResult = function (value) {
+        setSelectedBlockchainTimeResult(value);
+    };
+    return (<StyledSetsFiltersForm>
       <DropDown caption={'Type'} fallBackOnClose={handleChangeSearchResult}>
-        {selectTypeSearchResult.map(function (select) {
-          return (
-            <BasicRadioInput
-              key={select.id}
-              radioLabel={select.label}
-              radioValue={select.id}
-              handleChange={handleChangeSearchResult}
-              radioChecked={selectedSearchResult === select.id}
-            />
-          );
-        })}
+        {selectTypeSearchResult.map(function (select) { return (<BasicRadioInput key={select.id} radioLabel={select.label} radioValue={select.id} handleChange={handleChangeSearchResult} radioChecked={selectedSearchResult === select.id}/>); })}
       </DropDown>
-      <DropDown
-        caption={'Category'}
-        fallBackOnClose={handleChangeBlockchainCategoryResult}
-      >
-        {selectBlockchainCategoryResult.map(function (select) {
-          return (
-            <BasicRadioInput
-              key={select.id}
-              radioLabel={select.label}
-              radioValue={select.id}
-              handleChange={handleChangeBlockchainCategoryResult}
-              radioChecked={selectedSearchResult === select.id}
-            />
-          );
-        })}
+      <DropDown caption={'Category'} fallBackOnClose={handleChangeBlockchainCategoryResult}>
+        {selectBlockchainCategoryResult.map(function (select) { return (<BasicRadioInput key={select.id} radioLabel={select.label} radioValue={select.id} handleChange={handleChangeBlockchainCategoryResult} radioChecked={selectedSearchResult === select.id}/>); })}
       </DropDown>
-      <DropDown
-        caption={'Time'}
-        fallBackOnClose={handleChangeBlockchainTimeResult}
-      >
-        {selectBlockchainTimeResult.map(function (select) {
-          return (
-            <BasicRadioInput
-              key={select.id}
-              radioLabel={select.label}
-              radioValue={select.id}
-              handleChange={handleChangeBlockchainTimeResult}
-              radioChecked={selectedSearchResult === select.id}
-            />
-          );
-        })}
+      <DropDown caption={'Time'} fallBackOnClose={handleChangeBlockchainTimeResult}>
+        {selectBlockchainTimeResult.map(function (select) { return (<BasicRadioInput key={select.id} radioLabel={select.label} radioValue={select.id} handleChange={handleChangeBlockchainTimeResult} radioChecked={selectedSearchResult === select.id}/>); })}
       </DropDown>
-    </StyledSetsFiltersForm>
-  );
+    </StyledSetsFiltersForm>);
 };
 // Export
 export default SetsFiltersForm;