@ludo.ninja/components 1.1.1 → 1.1.3

package/dist/components/navigation/index.jsx

@@ -1,180 +1,50 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
 import React, { useState } from 'react';
-
 import { useRouter } from 'next/router';
-
 import styled from 'styled-components';
-
 import { mediaQuery } from '@/styles/ScreenWidth';
 // import NotificationIcon from '@/public/settings_page/notifications.svg';
 // import NotificationActiveIcon from '@/public/settings_page/notifications_active.svg';
-import {
-  BackgroundColorLight,
-  BlackColor,
-  InactiveButtonColor,
-  TextGrayColor,
-} from '@/styles/colors';
-
-import {
-  Flex,
-  H1, // Box
-} from '@system';
-
+import { BackgroundColorLight, BlackColor, InactiveButtonColor, TextGrayColor, } from '@/styles/colors';
+import { Flex, H1, // Box
+ } from '@system';
 import BackIcon from '@/public/settings_page/back.svg';
 import MenuIcon from '@/public/settings_page/burger_menu.svg';
 // import PrivacyIcon from '@/public/settings_page/privacy.svg';
 // import PrivacyActiveIcon from '@/public/settings_page/privacy_active.svg';
 import SettingsIcon from '@/public/settings_page/settings.svg';
 import SettingsActiveIcon from '@/public/settings_page/settings_active.svg';
-
-var __makeTemplateObject =
-  (this && this.__makeTemplateObject) ||
-  function (cooked, raw) {
-    if (Object.defineProperty) {
-      Object.defineProperty(cooked, 'raw', { value: raw });
-    } else {
-      cooked.raw = raw;
-    }
-    return cooked;
-  };
-
 export var NavigationTabs;
 (function (NavigationTabs) {
-  NavigationTabs['settings'] = 'settings';
-  NavigationTabs['notifications'] = 'notifications';
-  NavigationTabs['privacy'] = 'privacy';
+    NavigationTabs["settings"] = "settings";
+    NavigationTabs["notifications"] = "notifications";
+    NavigationTabs["privacy"] = "privacy";
 })(NavigationTabs || (NavigationTabs = {}));
-var StyledFlex = styled(Flex)(
-  templateObject_1 ||
-    (templateObject_1 = __makeTemplateObject(
-      [
-        '\n  display: none;\n\n  ',
-        ' {\n    cursor: pointer;\n    position: relative;\n    // position: ',
-        ';\n    z-index: 1;\n    display: flex;\n  }\n',
-      ],
-      [
-        '\n  display: none;\n\n  ',
-        ' {\n    cursor: pointer;\n    position: relative;\n    // position: ',
-        ';\n    z-index: 1;\n    display: flex;\n  }\n',
-      ]
-    )),
-  mediaQuery.tablet,
-  function (props) {
-    return props.isOpen ? 'fixed' : 'relative';
-  }
-);
-var Wrapper = styled(Flex)(
-  templateObject_2 ||
-    (templateObject_2 = __makeTemplateObject(
-      [
-        '\n  flex-direction: column;\n  width: 250px;\n\n  ',
-        ' {\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 100%;\n    padding-top: 110px;\n    padding-left: 25px;\n    position: fixed;\n    overflow: hidden;\n    transition: transform ease-in-out 300ms;\n    background: ',
-        ';\n    box-shadow: 20px 16px 32px -16px rgba(33, 21, 95, 0.2);\n    z-index: 1;\n\n    &.hide {\n      transform: translate(calc(-100% - 20px), 0);\n    }\n\n    &.show {\n      transform: translate(0%, 0%);\n    }\n  }\n',
-      ],
-      [
-        '\n  flex-direction: column;\n  width: 250px;\n\n  ',
-        ' {\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 100%;\n    padding-top: 110px;\n    padding-left: 25px;\n    position: fixed;\n    overflow: hidden;\n    transition: transform ease-in-out 300ms;\n    background: ',
-        ';\n    box-shadow: 20px 16px 32px -16px rgba(33, 21, 95, 0.2);\n    z-index: 1;\n\n    &.hide {\n      transform: translate(calc(-100% - 20px), 0);\n    }\n\n    &.show {\n      transform: translate(0%, 0%);\n    }\n  }\n',
-      ]
-    )),
-  mediaQuery.tablet,
-  BackgroundColorLight
-);
-var StyledH1 = styled(H1)(
-  templateObject_3 ||
-    (templateObject_3 = __makeTemplateObject(
-      [
-        '\n  ',
-        ' {\n    padding-top: 25px;\n    text-align: center;\n  }\n  ',
-        ' {\n    margin-top: -45px;\n  }\n\n  svg {\n    display: none;\n    ',
-        ' {\n      display: flex;\n      cursor: pointer;\n      position: absolute;\n      left: 15px;\n      margin-top: -25px;\n    }\n    // ',
-        ' {\n    //   margin-top: -25px;\n    // }\n  }\n',
-      ],
-      [
-        '\n  ',
-        ' {\n    padding-top: 25px;\n    text-align: center;\n  }\n  ',
-        ' {\n    margin-top: -45px;\n  }\n\n  svg {\n    display: none;\n    ',
-        ' {\n      display: flex;\n      cursor: pointer;\n      position: absolute;\n      left: 15px;\n      margin-top: -25px;\n    }\n    // ',
-        ' {\n    //   margin-top: -25px;\n    // }\n  }\n',
-      ]
-    )),
-  mediaQuery.tablet,
-  mediaQuery.bigPhone,
-  mediaQuery.tablet,
-  mediaQuery.bigPhone
-);
-var List = styled.ul(
-  templateObject_4 ||
-    (templateObject_4 = __makeTemplateObject(
-      [
-        '\n  margin: 0;\n  padding: 20px 0 0 0;\n  list-style-type: none;\n\n  ',
-        ' {\n    padding-left: 50px;\n  }\n\n  li {\n    padding-left: 5px;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: 50px;\n    font-size: 15px;\n    cursor: pointer;\n    color: ',
-        ';\n\n    svg {\n      margin-right: 5px;\n\n      ',
-        ' {\n        margin-right: 15px;\n      }\n    }\n\n    .activeIcon {\n      display: none;\n    }\n    .icon {\n      display: flex;\n    }\n\n    &.activeTab {\n      background: ',
-        ';\n      color: ',
-        ';\n\n      ',
-        ' {\n        background: transparent;\n      }\n\n      .icon {\n        display: none;\n      }\n      .activeIcon {\n        display: flex;\n      }\n    }\n  }\n',
-      ],
-      [
-        '\n  margin: 0;\n  padding: 20px 0 0 0;\n  list-style-type: none;\n\n  ',
-        ' {\n    padding-left: 50px;\n  }\n\n  li {\n    padding-left: 5px;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: 50px;\n    font-size: 15px;\n    cursor: pointer;\n    color: ',
-        ';\n\n    svg {\n      margin-right: 5px;\n\n      ',
-        ' {\n        margin-right: 15px;\n      }\n    }\n\n    .activeIcon {\n      display: none;\n    }\n    .icon {\n      display: flex;\n    }\n\n    &.activeTab {\n      background: ',
-        ';\n      color: ',
-        ';\n\n      ',
-        ' {\n        background: transparent;\n      }\n\n      .icon {\n        display: none;\n      }\n      .activeIcon {\n        display: flex;\n      }\n    }\n  }\n',
-      ]
-    )),
-  mediaQuery.tablet,
-  TextGrayColor,
-  mediaQuery.tablet,
-  InactiveButtonColor,
-  BlackColor,
-  mediaQuery.tablet
-);
+var StyledFlex = styled(Flex)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: none;\n\n  ", " {\n    cursor: pointer;\n    position: relative;\n    // position: ", ";\n    z-index: 1;\n    display: flex;\n  }\n"], ["\n  display: none;\n\n  ", " {\n    cursor: pointer;\n    position: relative;\n    // position: ", ";\n    z-index: 1;\n    display: flex;\n  }\n"])), mediaQuery.tablet, function (props) { return (props.isOpen ? 'fixed' : 'relative'); });
+var Wrapper = styled(Flex)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex-direction: column;\n  width: 250px;\n\n  ", " {\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 100%;\n    padding-top: 110px;\n    padding-left: 25px;\n    position: fixed;\n    overflow: hidden;\n    transition: transform ease-in-out 300ms;\n    background: ", ";\n    box-shadow: 20px 16px 32px -16px rgba(33, 21, 95, 0.2);\n    z-index: 1;\n\n    &.hide {\n      transform: translate(calc(-100% - 20px), 0);\n    }\n\n    &.show {\n      transform: translate(0%, 0%);\n    }\n  }\n"], ["\n  flex-direction: column;\n  width: 250px;\n\n  ", " {\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 100%;\n    padding-top: 110px;\n    padding-left: 25px;\n    position: fixed;\n    overflow: hidden;\n    transition: transform ease-in-out 300ms;\n    background: ", ";\n    box-shadow: 20px 16px 32px -16px rgba(33, 21, 95, 0.2);\n    z-index: 1;\n\n    &.hide {\n      transform: translate(calc(-100% - 20px), 0);\n    }\n\n    &.show {\n      transform: translate(0%, 0%);\n    }\n  }\n"])), mediaQuery.tablet, BackgroundColorLight);
+var StyledH1 = styled(H1)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", " {\n    padding-top: 25px;\n    text-align: center;\n  }\n  ", " {\n    margin-top: -45px;\n  }\n\n  svg {\n    display: none;\n    ", " {\n      display: flex;\n      cursor: pointer;\n      position: absolute;\n      left: 15px;\n      margin-top: -25px;\n    }\n    // ", " {\n    //   margin-top: -25px;\n    // }\n  }\n"], ["\n  ", " {\n    padding-top: 25px;\n    text-align: center;\n  }\n  ", " {\n    margin-top: -45px;\n  }\n\n  svg {\n    display: none;\n    ", " {\n      display: flex;\n      cursor: pointer;\n      position: absolute;\n      left: 15px;\n      margin-top: -25px;\n    }\n    // ", " {\n    //   margin-top: -25px;\n    // }\n  }\n"])), mediaQuery.tablet, mediaQuery.bigPhone, mediaQuery.tablet, mediaQuery.bigPhone);
+var List = styled.ul(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin: 0;\n  padding: 20px 0 0 0;\n  list-style-type: none;\n\n  ", " {\n    padding-left: 50px;\n  }\n\n  li {\n    padding-left: 5px;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: 50px;\n    font-size: 15px;\n    cursor: pointer;\n    color: ", ";\n\n    svg {\n      margin-right: 5px;\n\n      ", " {\n        margin-right: 15px;\n      }\n    }\n\n    .activeIcon {\n      display: none;\n    }\n    .icon {\n      display: flex;\n    }\n\n    &.activeTab {\n      background: ", ";\n      color: ", ";\n\n      ", " {\n        background: transparent;\n      }\n\n      .icon {\n        display: none;\n      }\n      .activeIcon {\n        display: flex;\n      }\n    }\n  }\n"], ["\n  margin: 0;\n  padding: 20px 0 0 0;\n  list-style-type: none;\n\n  ", " {\n    padding-left: 50px;\n  }\n\n  li {\n    padding-left: 5px;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: 50px;\n    font-size: 15px;\n    cursor: pointer;\n    color: ", ";\n\n    svg {\n      margin-right: 5px;\n\n      ", " {\n        margin-right: 15px;\n      }\n    }\n\n    .activeIcon {\n      display: none;\n    }\n    .icon {\n      display: flex;\n    }\n\n    &.activeTab {\n      background: ", ";\n      color: ", ";\n\n      ", " {\n        background: transparent;\n      }\n\n      .icon {\n        display: none;\n      }\n      .activeIcon {\n        display: flex;\n      }\n    }\n  }\n"])), mediaQuery.tablet, TextGrayColor, mediaQuery.tablet, InactiveButtonColor, BlackColor, mediaQuery.tablet);
 var Navigation = function () {
-  var _a = useState(false),
-    isOpen = _a[0],
-    setIsOpen = _a[1];
-  var router = useRouter();
-  var activeTab = router.pathname.split('/').at(-2);
-  return (
-    <>
+    var _a = useState(false), isOpen = _a[0], setIsOpen = _a[1];
+    var router = useRouter();
+    var activeTab = router.pathname.split('/').at(-2);
+    return (<>
       <StyledFlex isOpen={isOpen}>
-        {isOpen ? (
-          <BackIcon
-            onClick={function () {
-              return setIsOpen(false);
-            }}
-          />
-        ) : (
-          <MenuIcon
-            onClick={function () {
-              return setIsOpen(true);
-            }}
-          />
-        )}
+        {isOpen ? (<BackIcon onClick={function () { return setIsOpen(false); }}/>) : (<MenuIcon onClick={function () { return setIsOpen(true); }}/>)}
         {/*<MenuIcon onClick={() => setIsOpen(true)}/>*/}
       </StyledFlex>
-      <Wrapper className={'mobile_menu '.concat(isOpen ? 'show' : 'hide')}>
+      <Wrapper className={"mobile_menu ".concat(isOpen ? 'show' : 'hide')}>
         <StyledH1>
-          {isOpen && (
-            <BackIcon
-              onClick={function () {
-                return setIsOpen(false);
-              }}
-            />
-          )}
+          {isOpen && <BackIcon onClick={function () { return setIsOpen(false); }}/>}
           Settings
         </StyledH1>
         <List>
-          <li
-            className={''.concat(
-              activeTab === NavigationTabs.settings ? 'activeTab' : '',
-              ' '
-            )}
-          >
-            <SettingsIcon className={'icon'} />
-            <SettingsActiveIcon className={'activeIcon'} />
+          <li className={"".concat(activeTab === NavigationTabs.settings ? 'activeTab' : '', " ")}>
+            <SettingsIcon className={'icon'}/>
+            <SettingsActiveIcon className={'activeIcon'}/>
             <span>Settings</span>
           </li>
           {/*<li className={`${activeTab === NavigationTabs.notifications ? 'activeTab' : ''} `}>*/}
@@ -189,8 +59,7 @@ var Navigation = function () {
           {/*</li>*/}
         </List>
       </Wrapper>
-    </>
-  );
+    </>);
 };
 export default Navigation;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/components/profile/ProfileTabs.jsx

@@ -1,68 +1,41 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import React from 'react';
-
 import { useRouter } from 'next/router';
-
 import LinkTabs from '@/components/linkTabs';
 import LinkTab from '@/components/linkTabs/linkTab';
-
 import { isProd } from '@/utils/env';
-
-var __spreadArray =
-  (this && this.__spreadArray) ||
-  function (to, from, pack) {
-    if (pack || arguments.length === 2)
-      for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-          if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-          ar[i] = from[i];
-        }
-      }
-    return to.concat(ar || Array.prototype.slice.call(from));
-  };
-
 export var ProfileTabs = function (_a) {
-  var _b = _a.totalResults,
-    totalResults = _b === void 0 ? null : _b,
-    profileId = _a.profileId,
-    style = _a.style,
-    isMobile = _a.isMobile;
-  var router = useRouter();
-  return (
-    <LinkTabs isUnderlined style={style}>
-      {__spreadArray(
-        [
-          {
-            link: '/profile/'.concat(profileId, '/nfts'),
-            text: 'NFTs',
-          },
-        ],
-        isProd()
-          ? []
-          : [
-              {
-                link: '/profile/'.concat(profileId, '/galleries'),
-                text: 'Galleries',
-              },
-              {
-                link: '/profile/'.concat(profileId, '/favorite-lists'),
-                text: isMobile ? 'Fav.Lists' : 'Favorite Lists',
-              },
-            ],
-        true
-      ).map(function (_a) {
-        var link = _a.link,
-          text = _a.text;
-        var isActive = router.asPath.includes(link);
-        return (
-          <LinkTab
-            key={link}
-            link={link}
-            isActive={isActive}
-            countItems={isActive ? totalResults : null}
-            text={text}
-          />
-        );
-      })}
-    </LinkTabs>
-  );
+    var _b = _a.totalResults, totalResults = _b === void 0 ? null : _b, profileId = _a.profileId, style = _a.style, isMobile = _a.isMobile;
+    var router = useRouter();
+    return (<LinkTabs isUnderlined style={style}>
+      {__spreadArray([
+            {
+                link: "/profile/".concat(profileId, "/nfts"),
+                text: 'NFTs',
+            }
+        ], (isProd()
+            ? []
+            : [
+                {
+                    link: "/profile/".concat(profileId, "/galleries"),
+                    text: 'Galleries',
+                },
+                {
+                    link: "/profile/".concat(profileId, "/favorite-lists"),
+                    text: isMobile ? 'Fav.Lists' : 'Favorite Lists',
+                },
+            ]), true).map(function (_a) {
+            var link = _a.link, text = _a.text;
+            var isActive = router.asPath.includes(link);
+            return (<LinkTab key={link} link={link} isActive={isActive} countItems={isActive ? totalResults : null} text={text}/>);
+        })}
+    </LinkTabs>);
 };