@ludo.ninja/components 2.0.10 → 2.0.12

package/build/components/assetPage/marketPlaces/index.js

@@ -1,57 +1,50 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MarketPlaces = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const image_1 = __importDefault(require("next/image"));
-const link_1 = __importDefault(require("next/link"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const env_1 = require("../../../store/env");
-const ScreenWidth_1 = require("../../../styles/ScreenWidth");
-const boxShadow_1 = __importDefault(require("../../../styles/mixins/boxShadow"));
-const boxTransform_1 = __importDefault(require("../../../styles/mixins/boxTransform"));
-const Container = styled_components_1.default.div `
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import Image from 'next/image';
+import Link from 'next/link';
+import styled from 'styled-components';
+import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
+import { useEnvStore } from "../../../store/env";
+import { mediaQuery } from "../../../styles/ScreenWidth";
+import BoxShadow from "../../../styles/mixins/boxShadow";
+import BoxTransform from "../../../styles/mixins/boxTransform";
+const Container = styled.div `
   margin: 30px 0 0 0;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
 
-  ${ScreenWidth_1.mediaQuery.tablet} {
+  ${mediaQuery.tablet} {
     margin: 20px 0 0;
   }
 
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    margin: ${(0, _4k_1.adaptiveValueCalc)(30)} 0 0 0;
+  ${mediaQuery.minWidthFourK} {
+    margin: ${adaptiveValueCalc(30)} 0 0 0;
   }
 `;
-const StyledImage = (0, styled_components_1.default)(image_1.default) `
-  ${boxShadow_1.default};
-  ${boxTransform_1.default};
+const StyledImage = styled(Image) `
+  ${BoxShadow};
+  ${BoxTransform};
   border-radius: 6px;
   margin: 0 7px 6px 0;
   width: 40px;
   height: 40px;
 
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    border-radius: ${(0, _4k_1.adaptiveValueCalc)(6)};
-    margin: 0 ${(0, _4k_1.adaptiveValueCalc)(7)} ${(0, _4k_1.adaptiveValueCalc)(6)} 0;
-    width: ${(0, _4k_1.adaptiveValueCalc)(40)};
-    height: ${(0, _4k_1.adaptiveValueCalc)(40)};
+  ${mediaQuery.minWidthFourK} {
+    border-radius: ${adaptiveValueCalc(6)};
+    margin: 0 ${adaptiveValueCalc(7)} ${adaptiveValueCalc(6)} 0;
+    width: ${adaptiveValueCalc(40)};
+    height: ${adaptiveValueCalc(40)};
   }
 `;
 const MarketLinkWrapper = ({ market, children, }) => {
     if (market.getMarketPlaceUrl()) {
-        return ((0, jsx_runtime_1.jsx)(link_1.default, { target: "_blank", title: market.getMarketPlaceName(), href: market.getMarketPlaceUrl(), children: children }));
+        return (_jsx(Link, { target: "_blank", title: market.getMarketPlaceName(), href: market.getMarketPlaceUrl(), children: children }));
     }
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+    return _jsx(_Fragment, { children: children });
 };
-const MarketPlaces = ({ markets }) => {
-    const getStaticENVDomain = (0, env_1.useEnvStore)((state) => state.getStaticDomain);
-    return ((0, jsx_runtime_1.jsx)(Container, { children: markets?.map((market) => ((0, jsx_runtime_1.jsx)(MarketLinkWrapper, { market: market, children: (0, jsx_runtime_1.jsx)(StyledImage, { width: 40, height: 40, src: market.getMarketPlaceIconRegular({
+export const MarketPlaces = ({ markets }) => {
+    const getStaticENVDomain = useEnvStore((state) => state.getStaticDomain);
+    return (_jsx(Container, { children: markets?.map((market) => (_jsx(MarketLinkWrapper, { market: market, children: _jsx(StyledImage, { width: 40, height: 40, src: market.getMarketPlaceIconRegular({
                     domain: getStaticENVDomain(),
                 }), alt: market.getMarketPlaceName() }) }, market.getMarketPlaceId()))) }));
 };
-exports.MarketPlaces = MarketPlaces;

package/build/components/assetPage/media/AssetImage/index.js

@@ -1,49 +1,21 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const link_1 = __importDefault(require("next/link"));
-const ScreenWidth_1 = require("../../../../styles/ScreenWidth");
-const imageProportionsSize_1 = require("../../../../utils/imageProportionsSize");
-const react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
-const styled_components_1 = __importStar(require("styled-components"));
-const colors_1 = require("@ludo.ninja/ui/build/styles/colors");
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const vars_1 = require("../../../../fonts/vars");
-const SScreenshotContainer = styled_components_1.default.div `
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useLayoutEffect, useRef, useState } from 'react';
+import Link from 'next/link';
+import { mediaQuery } from "../../../../styles/ScreenWidth";
+import { defineImgProportion } from "../../../../utils/imageProportionsSize";
+import Skeleton from 'react-loading-skeleton';
+import styled, { css } from 'styled-components';
+import { AccentColor, InactiveButtonColor, WhiteColor, } from '@ludo.ninja/ui/build/styles/colors';
+import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
+import { poppinsFontVarCss } from "../../../../fonts/vars";
+const SScreenshotContainer = styled.div `
   border-radius: 16px;
   overflow: hidden;
-  background-color: ${colors_1.WhiteColor};
+  background-color: ${WhiteColor};
   transition: background-color 150ms;
 
   &:hover {
-    background-color: ${colors_1.InactiveButtonColor};
+    background-color: ${InactiveButtonColor};
   }
 
   .link {
@@ -53,14 +25,14 @@ const SScreenshotContainer = styled_components_1.default.div `
     width: 100%;
     height: 48px;
 
-    ${ScreenWidth_1.mediaQuery.desktop} {
+    ${mediaQuery.desktop} {
       height: 42px;
     }
 
     span {
       text-align: center;
-      color: ${colors_1.AccentColor};
-      font-family: ${vars_1.poppinsFontVarCss.css};
+      color: ${AccentColor};
+      font-family: ${poppinsFontVarCss.css};
       font-size: 15px;
       font-weight: 500;
       line-height: 22px;
@@ -70,21 +42,21 @@ const SScreenshotContainer = styled_components_1.default.div `
     }
   }
 
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    border-radius: ${(0, _4k_1.adaptiveValueCalc)(16)};
+  ${mediaQuery.minWidthFourK} {
+    border-radius: ${adaptiveValueCalc(16)};
 
     .link {
-      padding: ${(0, _4k_1.adaptiveValueCalc)(10)};
-      height: ${(0, _4k_1.adaptiveValueCalc)(48)};
+      padding: ${adaptiveValueCalc(10)};
+      height: ${adaptiveValueCalc(48)};
 
       span {
-        font-size: ${(0, _4k_1.adaptiveValueCalc)(15)};
-        line-height: ${(0, _4k_1.adaptiveValueCalc)(22)};
+        font-size: ${adaptiveValueCalc(15)};
+        line-height: ${adaptiveValueCalc(22)};
       }
     }
   }
 `;
-const ImageContainer = styled_components_1.default.div `
+const ImageContainer = styled.div `
   display: flex;
   position: relative;
   align-self: center;
@@ -102,76 +74,76 @@ const ImageContainer = styled_components_1.default.div `
   }
 
   ${(props) => props.isScreenshot
-    ? (0, styled_components_1.css) `
+    ? css `
           width: 508px;
           height: 244px;
 
-          ${ScreenWidth_1.mediaQuery.desktop} {
+          ${mediaQuery.desktop} {
             width: 336px;
             height: 164px;
           }
 
-          ${ScreenWidth_1.mediaQuery.mobile} {
+          ${mediaQuery.mobile} {
             width: 320px;
             height: 154px;
           }
         `
-    : (0, styled_components_1.css) `
+    : css `
           border-radius: 16px;
           width: 510px;
           height: 510px;
 
-          ${ScreenWidth_1.mediaQuery.desktop} {
+          ${mediaQuery.desktop} {
             width: 335px;
             height: 335px;
           }
 
-          ${ScreenWidth_1.mediaQuery.mobile} {
+          ${mediaQuery.mobile} {
             width: 320px;
             height: 320px;
           }
         `}
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
+  ${mediaQuery.minWidthFourK} {
     & img {
-      border-radius: ${(0, _4k_1.adaptiveValueCalc)(16)};
-      max-height: ${(0, _4k_1.adaptiveValueCalc)(510)};
-      max-width: ${(0, _4k_1.adaptiveValueCalc)(510)};
+      border-radius: ${adaptiveValueCalc(16)};
+      max-height: ${adaptiveValueCalc(510)};
+      max-width: ${adaptiveValueCalc(510)};
     }
 
     ${(props) => props.isScreenshot
-    ? (0, styled_components_1.css) `
-            width: ${(0, _4k_1.adaptiveValueCalc)(508)};
-            height: ${(0, _4k_1.adaptiveValueCalc)(244)};
+    ? css `
+            width: ${adaptiveValueCalc(508)};
+            height: ${adaptiveValueCalc(244)};
           `
-    : (0, styled_components_1.css) `
-            border-radius: ${(0, _4k_1.adaptiveValueCalc)(16)};
-            width: ${(0, _4k_1.adaptiveValueCalc)(510)};
-            height: ${(0, _4k_1.adaptiveValueCalc)(510)};
+    : css `
+            border-radius: ${adaptiveValueCalc(16)};
+            width: ${adaptiveValueCalc(510)};
+            height: ${adaptiveValueCalc(510)};
           `}
   }
 `;
 const AssetImage = ({ imageUrl, errorImg, originalUrl, alt, isScreenshot, }) => {
-    const [size, setSize] = (0, react_1.useState)({});
-    const [loading, setLoading] = (0, react_1.useState)(true);
-    const ref = (0, react_1.useRef)(null);
-    (0, react_1.useLayoutEffect)(() => {
-        const { width, height } = (0, imageProportionsSize_1.defineImgProportion)(ref, 80);
+    const [size, setSize] = useState({});
+    const [loading, setLoading] = useState(true);
+    const ref = useRef(null);
+    useLayoutEffect(() => {
+        const { width, height } = defineImgProportion(ref, 80);
         if (imageUrl && parseFloat(height) && parseFloat(width)) {
-            (0, imageProportionsSize_1.defineImgProportion)(ref, 80);
+            defineImgProportion(ref, 80);
             setSize({ width, height });
         }
     }, [imageUrl]);
-    const LinkComponent = originalUrl ? link_1.default : react_1.default.Fragment;
+    const LinkComponent = originalUrl ? Link : React.Fragment;
     const ScreenShotContainer = isScreenshot
         ? SScreenshotContainer
-        : react_1.default.Fragment;
-    return ((0, jsx_runtime_1.jsx)(LinkComponent, { href: `${originalUrl}`, target: "_blank", children: (0, jsx_runtime_1.jsxs)(ScreenShotContainer, { children: [(0, jsx_runtime_1.jsxs)(ImageContainer, { isScreenshot: isScreenshot, children: [loading && ((0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { height: '100%', width: '100%', style: {
+        : React.Fragment;
+    return (_jsx(LinkComponent, { href: `${originalUrl}`, target: "_blank", children: _jsxs(ScreenShotContainer, { children: [_jsxs(ImageContainer, { isScreenshot: isScreenshot, children: [loading && (_jsx(Skeleton, { height: '100%', width: '100%', style: {
                                 lineHeight: 'normal',
                                 position: 'absolute',
                                 top: 0,
                                 left: 0,
                                 visibility: `${loading ? 'hidden' : 'visible'}`,
-                            } })), (0, jsx_runtime_1.jsx)("img", { alt: alt, ref: ref, src: imageUrl, onError: (e) => {
+                            } })), _jsx("img", { alt: alt, ref: ref, src: imageUrl, onError: (e) => {
                                 e.target.src = errorImg;
                                 setSize({ width: '100%', height: '100%' });
                             }, onLoad: () => setLoading(false), style: {
@@ -182,6 +154,6 @@ const AssetImage = ({ imageUrl, errorImg, originalUrl, alt, isScreenshot, }) =>
                                         maxWidth: '100%',
                                     }
                                     : size),
-                            } })] }), isScreenshot && originalUrl && ((0, jsx_runtime_1.jsx)("div", { className: "link", title: originalUrl, children: (0, jsx_runtime_1.jsx)("span", { children: originalUrl }) }))] }) }));
+                            } })] }), isScreenshot && originalUrl && (_jsx("div", { className: "link", title: originalUrl, children: _jsx("span", { children: originalUrl }) }))] }) }));
 };
-exports.default = AssetImage;
+export default AssetImage;

package/build/components/assetPage/moreDropDown/index.js

@@ -1,58 +1,29 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MoreDropDown = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ScreenWidth_1 = require("../../../styles/ScreenWidth");
-const colors_1 = require("../../../styles/colors");
-const scale_1 = require("../../../utils/adaptive/scale");
-const screen_1 = require("../../../utils/screen");
-const styled_components_1 = __importStar(require("styled-components"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const utils_1 = require("@ludo.ninja/utils");
-const IconWithButton_1 = __importDefault(require("../../../system/Buttons/IconWithButton"));
-const vars_1 = require("../../../fonts/vars");
-const moreBtn_svg_1 = __importDefault(require("../../../public/creation/card/moreBtn"));
-const SContainer = styled_components_1.default.div `
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { mediaQuery } from "../../../styles/ScreenWidth";
+import { BackgroundColorLight, BlackColor, TextGrayColor, WhiteColor, } from "../../../styles/colors";
+import { getAdaptiveScale } from "../../../utils/adaptive/scale";
+import { useWindowDimensionsWithServerInitial } from "../../../utils/screen";
+import styled, { css } from 'styled-components';
+import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
+import { ClickAwayListener } from '@ludo.ninja/utils';
+import IconWithButton from "../../../system/Buttons/IconWithButton";
+import { dmsansFontVarCss } from "../../../fonts/vars";
+import MoreIcon from "../../../public/creation/card/moreBtn";
+const SContainer = styled.div `
   position: relative;
 
   & > *:first-child {
     width: 24px;
     height: 24px;
 
-    ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-      width: ${(0, _4k_1.adaptiveValueCalc)(24)};
-      height: ${(0, _4k_1.adaptiveValueCalc)(24)};
+    ${mediaQuery.minWidthFourK} {
+      width: ${adaptiveValueCalc(24)};
+      height: ${adaptiveValueCalc(24)};
     }
   }
 `;
-const SContent = styled_components_1.default.div `
+const SContent = styled.div `
   position: absolute;
   padding: 8px;
   top: calc(100% + 8px);
@@ -66,32 +37,32 @@ const SContent = styled_components_1.default.div `
   opacity: ${(props) => (props.isOpen ? '1' : '0')};
 
   border-radius: 6px;
-  background: ${colors_1.WhiteColor};
+  background: ${WhiteColor};
   box-shadow: 0px 8px 16px -16px rgba(33, 21, 95, 0.1);
   width: 184px;
 
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    padding: ${(0, _4k_1.adaptiveValueCalc)(8)};
-    top: calc(100% + ${(0, _4k_1.adaptiveValueCalc)(8)});
-    border-radius: ${(0, _4k_1.adaptiveValueCalc)(6)};
-    box-shadow: 0 ${(0, _4k_1.adaptiveValueCalc)(8)} ${(0, _4k_1.adaptiveValueCalc)(16)}
-      ${(0, _4k_1.adaptiveValueCalc)(-16)} rgba(33, 21, 95, 0.1);
-    width: ${(0, _4k_1.adaptiveValueCalc)(184)};
+  ${mediaQuery.minWidthFourK} {
+    padding: ${adaptiveValueCalc(8)};
+    top: calc(100% + ${adaptiveValueCalc(8)});
+    border-radius: ${adaptiveValueCalc(6)};
+    box-shadow: 0 ${adaptiveValueCalc(8)} ${adaptiveValueCalc(16)}
+      ${adaptiveValueCalc(-16)} rgba(33, 21, 95, 0.1);
+    width: ${adaptiveValueCalc(184)};
   }
 `;
-const hover = (0, styled_components_1.css) `
-  color: ${colors_1.BlackColor};
+const hover = css `
+  color: ${BlackColor};
   border-radius: 4px;
-  background: ${colors_1.BackgroundColorLight};
+  background: ${BackgroundColorLight};
 
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    border-radius: ${(0, _4k_1.adaptiveValueCalc)(4)};
+  ${mediaQuery.minWidthFourK} {
+    border-radius: ${adaptiveValueCalc(4)};
   }
 `;
-const SButton = styled_components_1.default.button `
-  font-family: ${vars_1.dmsansFontVarCss.css};
+const SButton = styled.button `
+  font-family: ${dmsansFontVarCss.css};
   padding: 6px 8px;
-  color: ${colors_1.TextGrayColor};
+  color: ${TextGrayColor};
   font-size: 13px;
   font-weight: 400;
   line-height: 18px;
@@ -111,31 +82,31 @@ const SButton = styled_components_1.default.button `
     }
   }
 
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    padding: ${(0, _4k_1.adaptiveValueCalc)(6)} ${(0, _4k_1.adaptiveValueCalc)(8)};
-    font-size: ${(0, _4k_1.adaptiveValueCalc)(13)};
-    line-height: ${(0, _4k_1.adaptiveValueCalc)(18)};
+  ${mediaQuery.minWidthFourK} {
+    padding: ${adaptiveValueCalc(6)} ${adaptiveValueCalc(8)};
+    font-size: ${adaptiveValueCalc(13)};
+    line-height: ${adaptiveValueCalc(18)};
   }
 `;
-const SIcon = styled_components_1.default.div `
+const SIcon = styled.div `
   display: flex;
   align-items: center;
   justify-content: center;
 
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    width: ${(0, _4k_1.adaptiveValueCalc)(17)};
-    height: ${(0, _4k_1.adaptiveValueCalc)(4)};
+  ${mediaQuery.minWidthFourK} {
+    width: ${adaptiveValueCalc(17)};
+    height: ${adaptiveValueCalc(4)};
   }
 `;
 const IconResize = () => {
-    const { windowDimensions } = (0, screen_1.useWindowDimensionsWithServerInitial)();
-    return ((0, jsx_runtime_1.jsx)(SIcon, { children: (0, jsx_runtime_1.jsx)(moreBtn_svg_1.default, { style: (0, scale_1.getAdaptiveScale)({
+    const { windowDimensions } = useWindowDimensionsWithServerInitial();
+    return (_jsx(SIcon, { children: _jsx(MoreIcon, { style: getAdaptiveScale({
                 windowDimensions,
                 currentSize: 1,
             }) }) }));
 };
-const MoreDropDown = ({ items }) => {
-    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+export const MoreDropDown = ({ items }) => {
+    const [isOpen, setIsOpen] = useState(false);
     const handle = {
         close() {
             setIsOpen(false);
@@ -144,9 +115,8 @@ const MoreDropDown = ({ items }) => {
             setIsOpen((prev) => !prev);
         },
     };
-    return ((0, jsx_runtime_1.jsx)(utils_1.ClickAwayListener, { onClickAway: handle.close, children: (0, jsx_runtime_1.jsxs)(SContainer, { children: [(0, jsx_runtime_1.jsx)(IconWithButton_1.default, { variant: 'dots', onClick: handle.toggle, children: (0, jsx_runtime_1.jsx)(IconResize, {}) }), (0, jsx_runtime_1.jsx)(SContent, { isOpen: isOpen, children: items.map(({ title, onClick, id }) => ((0, jsx_runtime_1.jsx)(SButton, { onClick: () => {
+    return (_jsx(ClickAwayListener, { onClickAway: handle.close, children: _jsxs(SContainer, { children: [_jsx(IconWithButton, { variant: 'dots', onClick: handle.toggle, children: _jsx(IconResize, {}) }), _jsx(SContent, { isOpen: isOpen, children: items.map(({ title, onClick, id }) => (_jsx(SButton, { onClick: () => {
                             onClick?.();
                             handle.close();
-                        }, children: (0, jsx_runtime_1.jsx)("span", { children: title }) }, id))) })] }) }));
+                        }, children: _jsx("span", { children: title }) }, id))) })] }) }));
 };
-exports.MoreDropDown = MoreDropDown;