npm - @ludo.ninja/components - Versions diffs - 1.1.1 → 1.1.3 - Mend

@ludo.ninja/components 1.1.1 → 1.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (428) hide show

package/dist/components/shareDialog/index.jsx CHANGED Viewed

@@ -1,35 +1,17 @@
-import {
-  EmailShareButton,
-  FacebookShareButton, // InstapaperShareButton,
-  RedditShareButton,
-  TelegramShareButton,
-  TwitterShareButton,
-  WhatsappShareButton,
-} from 'react-share';
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { EmailShareButton, FacebookShareButton, // InstapaperShareButton,
+RedditShareButton, TelegramShareButton, TwitterShareButton, WhatsappShareButton, } from 'react-share';
 import styled from 'styled-components';
 import { alertVariants } from '@ludo.ninja/ui/build/system/Alert/type';
 import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
 import { copyToClipboard } from '@ludo.ninja/utils';
 import { useUiStore } from '@/store/ui';
 import { mediaQuery } from '@/styles/ScreenWidth';
 import { BlackColor, TextGrayColor } from '@/styles/colors';
 import { Flex, H1, H5 } from '@system';
-var __makeTemplateObject =
-  (this && this.__makeTemplateObject) ||
-  function (cooked, raw) {
-    if (Object.defineProperty) {
-      Object.defineProperty(cooked, 'raw', { value: raw });
-    } else {
-      cooked.raw = raw;
-    }
-    return cooked;
-  };
 // import CopyIcon from '@/public/share/copy-link-btn.svg';
 // import EmailIcon from '@/public/share/email-btn.svg';
 // import FacebookIcon from '@/public/share/facebook-btn.svg';
@@ -39,228 +21,45 @@ var __makeTemplateObject =
 // import TwitterIcon from '@/public/share/twitter-btn.svg';
 // import WatsUpIcon from '@/public/share/whatsapp-btn.svg';
 // Styles
-var STitle = styled(H1)(
-  templateObject_1 ||
-    (templateObject_1 = __makeTemplateObject(
-      [
-        '\n  margin-bottom: 24px;\n  color: ',
-        ';\n  ',
-        ' {\n    margin-bottom: ',
-        ';\n  }\n',
-      ],
-      [
-        '\n  margin-bottom: 24px;\n  color: ',
-        ';\n  ',
-        ' {\n    margin-bottom: ',
-        ';\n  }\n',
-      ]
-    )),
-  BlackColor,
-  mediaQuery.minWidthFourK,
-  adaptiveValueCalc(24)
-);
-var StyledShare = styled.div(
-  templateObject_2 ||
-    (templateObject_2 = __makeTemplateObject(
-      [
-        '\n  .shareButtons {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n    row-gap: 24px;\n    column-gap: 16px;\n    margin: 0 43px 33px 43px;\n    justify-content: center;\n\n    ',
-        ' {\n      grid-template-columns: 1fr 1fr;\n      justify-items: center;\n      align-items: center;\n    }\n  }\n\n  .shareBtn {\n    width: 108px;\n    height: 64px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-direction: column;\n    cursor: pointer;\n    border: none;\n    background-color: transparent;\n\n    img {\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  ',
-        ' {\n    .shareButtons {\n      row-gap: ',
-        ';\n      column-gap: ',
-        ';\n      margin: 0 ',
-        ' ',
-        '\n        ',
-        ';\n    }\n\n    .shareBtn {\n      width: ',
-        ';\n      height: ',
-        ';\n\n      img {\n        width: ',
-        ';\n        height: ',
-        ';\n      }\n    }\n  }\n',
-      ],
-      [
-        '\n  .shareButtons {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n    row-gap: 24px;\n    column-gap: 16px;\n    margin: 0 43px 33px 43px;\n    justify-content: center;\n\n    ',
-        ' {\n      grid-template-columns: 1fr 1fr;\n      justify-items: center;\n      align-items: center;\n    }\n  }\n\n  .shareBtn {\n    width: 108px;\n    height: 64px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-direction: column;\n    cursor: pointer;\n    border: none;\n    background-color: transparent;\n\n    img {\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  ',
-        ' {\n    .shareButtons {\n      row-gap: ',
-        ';\n      column-gap: ',
-        ';\n      margin: 0 ',
-        ' ',
-        '\n        ',
-        ';\n    }\n\n    .shareBtn {\n      width: ',
-        ';\n      height: ',
-        ';\n\n      img {\n        width: ',
-        ';\n        height: ',
-        ';\n      }\n    }\n  }\n',
-      ]
-    )),
-  mediaQuery.mobile,
-  mediaQuery.minWidthFourK,
-  adaptiveValueCalc(24),
-  adaptiveValueCalc(16),
-  adaptiveValueCalc(43),
-  adaptiveValueCalc(33),
-  adaptiveValueCalc(43),
-  adaptiveValueCalc(108),
-  adaptiveValueCalc(64),
-  adaptiveValueCalc(40),
-  adaptiveValueCalc(40)
-);
+var STitle = styled(H1)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-bottom: 24px;\n  color: ", ";\n  ", " {\n    margin-bottom: ", ";\n  }\n"], ["\n  margin-bottom: 24px;\n  color: ", ";\n  ", " {\n    margin-bottom: ", ";\n  }\n"])), BlackColor, mediaQuery.minWidthFourK, adaptiveValueCalc(24));
+var StyledShare = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  .shareButtons {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n    row-gap: 24px;\n    column-gap: 16px;\n    margin: 0 43px 33px 43px;\n    justify-content: center;\n\n    ", " {\n      grid-template-columns: 1fr 1fr;\n      justify-items: center;\n      align-items: center;\n    }\n  }\n\n  .shareBtn {\n    width: 108px;\n    height: 64px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-direction: column;\n    cursor: pointer;\n    border: none;\n    background-color: transparent;\n\n    img {\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  ", " {\n    .shareButtons {\n      row-gap: ", ";\n      column-gap: ", ";\n      margin: 0 ", " ", "\n        ", ";\n    }\n\n    .shareBtn {\n      width: ", ";\n      height: ", ";\n\n      img {\n        width: ", ";\n        height: ", ";\n      }\n    }\n  }\n"], ["\n  .shareButtons {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n    row-gap: 24px;\n    column-gap: 16px;\n    margin: 0 43px 33px 43px;\n    justify-content: center;\n\n    ", " {\n      grid-template-columns: 1fr 1fr;\n      justify-items: center;\n      align-items: center;\n    }\n  }\n\n  .shareBtn {\n    width: 108px;\n    height: 64px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-direction: column;\n    cursor: pointer;\n    border: none;\n    background-color: transparent;\n\n    img {\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  ", " {\n    .shareButtons {\n      row-gap: ", ";\n      column-gap: ", ";\n      margin: 0 ", " ", "\n        ", ";\n    }\n\n    .shareBtn {\n      width: ", ";\n      height: ", ";\n\n      img {\n        width: ", ";\n        height: ", ";\n      }\n    }\n  }\n"])), mediaQuery.mobile, mediaQuery.minWidthFourK, adaptiveValueCalc(24), adaptiveValueCalc(16), adaptiveValueCalc(43), adaptiveValueCalc(33), adaptiveValueCalc(43), adaptiveValueCalc(108), adaptiveValueCalc(64), adaptiveValueCalc(40), adaptiveValueCalc(40));
 var ShareDialog = function (_a) {
-  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-  var link = _a.link,
-    onHide = _a.onHide,
-    params = _a.params;
-  var url = new URL(link || '');
-  url.search = '';
-  var urlWithoutGetParameters = url.toString();
-  var openAlert = useUiStore(function (state) {
-    return state.openAlert;
-  });
-  return (
-    <StyledShare>
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    var link = _a.link, onHide = _a.onHide, params = _a.params;
+    var url = new URL(link || '');
+    url.search = '';
+    var urlWithoutGetParameters = url.toString();
+    var openAlert = useUiStore(function (state) { return state.openAlert; });
+    return (<StyledShare>
       <Flex alignItems={'center'} justifyContent={'center'}>
         <STitle>{'Share to...'}</STitle>
       </Flex>
       <div className="shareButtons">
-        <button
-          onClick={function () {
+        <button onClick={function () {
             onHide();
             copyToClipboard(urlWithoutGetParameters).then(function () {
-              openAlert({
-                type: alertVariants.copied,
-              });
+                openAlert({
+                    type: alertVariants.copied,
+                });
             });
-          }}
-          className={'shareBtn'}
-        >
-          <img
-            src="/share/copy-link-btn.svg"
-            alt="share"
-            height={40}
-            width={40}
-          />
+        }} className={'shareBtn'}>
+          <img src="/share/copy-link-btn.svg" alt="share" height={40} width={40}/>
           <H5 color={TextGrayColor}>Copy Link</H5>
         </button>
-        <EmailShareButton
-          url={urlWithoutGetParameters}
-          body={
-            (_b =
-              params === null || params === void 0 ? void 0 : params.email) ===
-              null || _b === void 0
-              ? void 0
-              : _b.body
-          }
-          separator={
-            (_c =
-              params === null || params === void 0 ? void 0 : params.email) ===
-              null || _c === void 0
-              ? void 0
-              : _c.separator
-          }
-          subject={
-            (_d =
-              params === null || params === void 0 ? void 0 : params.email) ===
-              null || _d === void 0
-              ? void 0
-              : _d.subject
-          }
-          className="shareBtn"
-          onClick={onHide}
-        >
-          <img src="/share/email-btn.svg" alt="email" height={40} width={40} />
+        <EmailShareButton url={urlWithoutGetParameters} body={(_b = params === null || params === void 0 ? void 0 : params.email) === null || _b === void 0 ? void 0 : _b.body} separator={(_c = params === null || params === void 0 ? void 0 : params.email) === null || _c === void 0 ? void 0 : _c.separator} subject={(_d = params === null || params === void 0 ? void 0 : params.email) === null || _d === void 0 ? void 0 : _d.subject} className="shareBtn" onClick={onHide}>
+          <img src="/share/email-btn.svg" alt="email" height={40} width={40}/>
           <H5 color={TextGrayColor}>Email</H5>
         </EmailShareButton>
-        <TelegramShareButton
-          url={urlWithoutGetParameters}
-          title={
-            (_e =
-              params === null || params === void 0
-                ? void 0
-                : params.telegram) === null || _e === void 0
-              ? void 0
-              : _e.title
-          }
-          className="shareBtn"
-          onClick={onHide}
-        >
-          <img
-            src="/share/telegram-btn.svg"
-            alt="telegram"
-            height={40}
-            width={40}
-          />
+        <TelegramShareButton url={urlWithoutGetParameters} title={(_e = params === null || params === void 0 ? void 0 : params.telegram) === null || _e === void 0 ? void 0 : _e.title} className="shareBtn" onClick={onHide}>
+          <img src="/share/telegram-btn.svg" alt="telegram" height={40} width={40}/>
           <H5 color={TextGrayColor}>Telegram</H5>
         </TelegramShareButton>
-        <WhatsappShareButton
-          url={urlWithoutGetParameters}
-          title={
-            (_f =
-              params === null || params === void 0
-                ? void 0
-                : params.whatsapp) === null || _f === void 0
-              ? void 0
-              : _f.title
-          }
-          separator={
-            (_g =
-              params === null || params === void 0
-                ? void 0
-                : params.whatsapp) === null || _g === void 0
-              ? void 0
-              : _g.separator
-          }
-          className="shareBtn"
-          onClick={onHide}
-        >
-          <img
-            src="/share/whatsapp-btn.svg"
-            alt="whatsapp"
-            height={40}
-            width={40}
-          />
+        <WhatsappShareButton url={urlWithoutGetParameters} title={(_f = params === null || params === void 0 ? void 0 : params.whatsapp) === null || _f === void 0 ? void 0 : _f.title} separator={(_g = params === null || params === void 0 ? void 0 : params.whatsapp) === null || _g === void 0 ? void 0 : _g.separator} className="shareBtn" onClick={onHide}>
+          <img src="/share/whatsapp-btn.svg" alt="whatsapp" height={40} width={40}/>
           <H5 color={TextGrayColor}>WhatsApp</H5>
         </WhatsappShareButton>
-        <TwitterShareButton
-          url={urlWithoutGetParameters}
-          title={
-            (_h =
-              params === null || params === void 0
-                ? void 0
-                : params.twitter) === null || _h === void 0
-              ? void 0
-              : _h.title
-          }
-          via={
-            (_j =
-              params === null || params === void 0
-                ? void 0
-                : params.twitter) === null || _j === void 0
-              ? void 0
-              : _j.via
-          }
-          related={
-            (_k =
-              params === null || params === void 0
-                ? void 0
-                : params.twitter) === null || _k === void 0
-              ? void 0
-              : _k.related
-          }
-          hashtags={
-            (_l =
-              params === null || params === void 0
-                ? void 0
-                : params.twitter) === null || _l === void 0
-              ? void 0
-              : _l.hashtags
-          }
-          className="shareBtn"
-          onClick={onHide}
-        >
-          <img
-            src="/share/twitter-btn.svg"
-            alt="twitter"
-            width={40}
-            height={40}
-          />
+        <TwitterShareButton url={urlWithoutGetParameters} title={(_h = params === null || params === void 0 ? void 0 : params.twitter) === null || _h === void 0 ? void 0 : _h.title} via={(_j = params === null || params === void 0 ? void 0 : params.twitter) === null || _j === void 0 ? void 0 : _j.via} related={(_k = params === null || params === void 0 ? void 0 : params.twitter) === null || _k === void 0 ? void 0 : _k.related} hashtags={(_l = params === null || params === void 0 ? void 0 : params.twitter) === null || _l === void 0 ? void 0 : _l.hashtags} className="shareBtn" onClick={onHide}>
+          <img src="/share/twitter-btn.svg" alt="twitter" width={40} height={40}/>
           <H5 color={TextGrayColor}>Twitter</H5>
         </TwitterShareButton>
         {/*<InstapaperShareButton*/}
@@ -271,58 +70,16 @@ var ShareDialog = function (_a) {
         {/*  <InstagramIcon />*/}
         {/*  <H5 color={TextGrayColor}>Instagram</H5>*/}
         {/*</InstapaperShareButton>*/}
-        <RedditShareButton
-          url={urlWithoutGetParameters}
-          title={
-            (_m =
-              params === null || params === void 0 ? void 0 : params.reddit) ===
-              null || _m === void 0
-              ? void 0
-              : _m.title
-          }
-          className="shareBtn"
-          onClick={onHide}
-        >
-          <img
-            src="/share/reddit-btn.svg"
-            alt="reddit"
-            width={40}
-            height={40}
-          />
+        <RedditShareButton url={urlWithoutGetParameters} title={(_m = params === null || params === void 0 ? void 0 : params.reddit) === null || _m === void 0 ? void 0 : _m.title} className="shareBtn" onClick={onHide}>
+          <img src="/share/reddit-btn.svg" alt="reddit" width={40} height={40}/>
           <H5 color={TextGrayColor}>Reddit</H5>
         </RedditShareButton>
-        <FacebookShareButton
-          url={urlWithoutGetParameters}
-          quote={
-            ((_o =
-              params === null || params === void 0
-                ? void 0
-                : params.facebook) === null || _o === void 0
-              ? void 0
-              : _o.quote) || 'My cool NFT'
-          }
-          hashtag={
-            ((_p =
-              params === null || params === void 0
-                ? void 0
-                : params.facebook) === null || _p === void 0
-              ? void 0
-              : _p.hashtag) || '#ludo'
-          }
-          className="shareBtn"
-          onClick={onHide}
-        >
-          <img
-            src="/share/facebook-btn.svg"
-            alt="facebook"
-            width={40}
-            height={40}
-          />
+        <FacebookShareButton url={urlWithoutGetParameters} quote={((_o = params === null || params === void 0 ? void 0 : params.facebook) === null || _o === void 0 ? void 0 : _o.quote) || 'My cool NFT'} hashtag={((_p = params === null || params === void 0 ? void 0 : params.facebook) === null || _p === void 0 ? void 0 : _p.hashtag) || '#ludo'} className="shareBtn" onClick={onHide}>
+          <img src="/share/facebook-btn.svg" alt="facebook" width={40} height={40}/>
           <H5 color={TextGrayColor}>Facebook</H5>
         </FacebookShareButton>
       </div>
-    </StyledShare>
-  );
+    </StyledShare>);
 };
 // Export
 export default ShareDialog;

package/dist/components/showcaseAssets/showcaseSort/index.jsx CHANGED Viewed

@@ -1,62 +1,24 @@
+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 { BlackColor } from '@/styles/colors';
 import { FH2 } from '@/styles/typography';
 import { StyledTabsNavLink } from '@/system/Tabs/TabNavLink';
 import TabsNav from '@/system/Tabs/TabsNav';
-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 StyledShowCaseSort = styled.div(
-  templateObject_1 ||
-    (templateObject_1 = __makeTemplateObject(
-      [
-        '\n  margin-bottom: 25px;\n  display: flex;\n  align-items: center;\n  .caption {\n    user-select: none;\n    color: ',
-        ';\n    ',
-        ';\n    margin-right: 32px;\n    padding-bottom: 10px;\n  }\n  .tabs {\n    ',
-        ' {\n      margin-right: 24px;\n      margin-bottom: 10px;\n      &:last-child {\n        margin-right: 0;\n      }\n    }\n  }\n',
-      ],
-      [
-        '\n  margin-bottom: 25px;\n  display: flex;\n  align-items: center;\n  .caption {\n    user-select: none;\n    color: ',
-        ';\n    ',
-        ';\n    margin-right: 32px;\n    padding-bottom: 10px;\n  }\n  .tabs {\n    ',
-        ' {\n      margin-right: 24px;\n      margin-bottom: 10px;\n      &:last-child {\n        margin-right: 0;\n      }\n    }\n  }\n',
-      ]
-    )),
-  BlackColor,
-  FH2,
-  StyledTabsNavLink
-);
+var StyledShowCaseSort = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-bottom: 25px;\n  display: flex;\n  align-items: center;\n  .caption {\n    user-select: none;\n    color: ", ";\n    ", ";\n    margin-right: 32px;\n    padding-bottom: 10px;\n  }\n  .tabs {\n    ", " {\n      margin-right: 24px;\n      margin-bottom: 10px;\n      &:last-child {\n        margin-right: 0;\n      }\n    }\n  }\n"], ["\n  margin-bottom: 25px;\n  display: flex;\n  align-items: center;\n  .caption {\n    user-select: none;\n    color: ", ";\n    ", ";\n    margin-right: 32px;\n    padding-bottom: 10px;\n  }\n  .tabs {\n    ", " {\n      margin-right: 24px;\n      margin-bottom: 10px;\n      &:last-child {\n        margin-right: 0;\n      }\n    }\n  }\n"])), BlackColor, FH2, StyledTabsNavLink);
 // Component
 var ShowCaseSort = function (_a) {
-  var activeTab = _a.activeTab,
-    setActiveTab = _a.setActiveTab,
-    data = _a.data;
-  return (
-    <StyledShowCaseSort>
-      <span className={'caption'}>Explore</span>
+    var activeTab = _a.activeTab, setActiveTab = _a.setActiveTab, data = _a.data;
+    return (<StyledShowCaseSort>
+      <span className={"caption"}>Explore</span>
       <div className="tabs">
-        <TabsNav
-          activeTab={activeTab}
-          tabsData={data}
-          setActiveTab={setActiveTab}
-        />
+        <TabsNav activeTab={activeTab} tabsData={data} setActiveTab={setActiveTab}/>
       </div>
-    </StyledShowCaseSort>
-  );
+    </StyledShowCaseSort>);
 };
 // Export
 export default ShowCaseSort;