@ludo.ninja/components 1.1.2 → 1.1.4

package/dist/components/assetPage/category/index.jsx

@@ -1,108 +1,35 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
 import Link from 'next/link';
-
 import styled from 'styled-components';
-
 import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
-
 import { mediaQuery } from '@/styles/ScreenWidth';
-
 import { Box, Text } from '@system';
-
 import { poppinsFontVarCss } from '@/fonts/vars';
-
-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 StyledBox = styled(Box)(
-  templateObject_1 ||
-    (templateObject_1 = __makeTemplateObject(
-      [
-        '\n  text-align: center;\n  width: max-content;\n  background: ',
-        ';\n  transition: all 0.2s ease-in;\n  padding: 8px 16px;\n  border-radius: 6px;\n\n  :hover {\n    background: ',
-        ';\n  }\n\n  ',
-        ' {\n    padding: ',
-        ' ',
-        ';\n    border-radius: ',
-        ';\n  }\n',
-      ],
-      [
-        '\n  text-align: center;\n  width: max-content;\n  background: ',
-        ';\n  transition: all 0.2s ease-in;\n  padding: 8px 16px;\n  border-radius: 6px;\n\n  :hover {\n    background: ',
-        ';\n  }\n\n  ',
-        ' {\n    padding: ',
-        ' ',
-        ';\n    border-radius: ',
-        ';\n  }\n',
-      ]
-    )),
-  function (_a) {
+var StyledBox = styled(Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  text-align: center;\n  width: max-content;\n  background: ", ";\n  transition: all 0.2s ease-in;\n  padding: 8px 16px;\n  border-radius: 6px;\n\n  :hover {\n    background: ", ";\n  }\n\n  ", " {\n    padding: ", " ", ";\n    border-radius: ", ";\n  }\n"], ["\n  text-align: center;\n  width: max-content;\n  background: ", ";\n  transition: all 0.2s ease-in;\n  padding: 8px 16px;\n  border-radius: 6px;\n\n  :hover {\n    background: ", ";\n  }\n\n  ", " {\n    padding: ", " ", ";\n    border-radius: ", ";\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.colors.buttonInactive;
-  },
-  function (_a) {
+}, function (_a) {
     var theme = _a.theme;
     return theme.colors.accentHoverBg;
-  },
-  mediaQuery.minWidthFourK,
-  adaptiveValueCalc(8),
-  adaptiveValueCalc(16),
-  adaptiveValueCalc(6)
-);
-var StyledText = styled(Text)(
-  templateObject_2 ||
-    (templateObject_2 = __makeTemplateObject(
-      [
-        '\n  font-family: ',
-        ';\n\n  font-weight: 500;\n  font-size: 1.5em;\n  line-height: 1.46;\n  color: ',
-        ';\n\n  ',
-        ' {\n    font-size: 1.4em;\n    line-height: 1.42;\n  }\n\n  ',
-        ' {\n    font-size: ',
-        ';\n  }\n',
-      ],
-      [
-        '\n  font-family: ',
-        ';\n\n  font-weight: 500;\n  font-size: 1.5em;\n  line-height: 1.46;\n  color: ',
-        ';\n\n  ',
-        ' {\n    font-size: 1.4em;\n    line-height: 1.42;\n  }\n\n  ',
-        ' {\n    font-size: ',
-        ';\n  }\n',
-      ]
-    )),
-  poppinsFontVarCss.css,
-  function (_a) {
+}, mediaQuery.minWidthFourK, adaptiveValueCalc(8), adaptiveValueCalc(16), adaptiveValueCalc(6));
+var StyledText = styled(Text)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-family: ", ";\n\n  font-weight: 500;\n  font-size: 1.5em;\n  line-height: 1.46;\n  color: ", ";\n\n  ", " {\n    font-size: 1.4em;\n    line-height: 1.42;\n  }\n\n  ", " {\n    font-size: ", ";\n  }\n"], ["\n  font-family: ", ";\n\n  font-weight: 500;\n  font-size: 1.5em;\n  line-height: 1.46;\n  color: ", ";\n\n  ", " {\n    font-size: 1.4em;\n    line-height: 1.42;\n  }\n\n  ", " {\n    font-size: ", ";\n  }\n"])), poppinsFontVarCss.css, function (_a) {
     var theme = _a.theme;
     return theme.colors.primaryText;
-  },
-  mediaQuery.mobile,
-  mediaQuery.minWidthFourK,
-  adaptiveValueCalc(15)
-);
+}, mediaQuery.mobile, mediaQuery.minWidthFourK, adaptiveValueCalc(15));
 export var Category = function (_a) {
-  var _b, _c;
-  var asset = _a.asset;
-  //update
-  var category =
-    (_b = asset.getCategory()) !== null && _b !== void 0 ? _b : 'all';
-  var categoryLabel =
-    (_c = asset.getCategoryLabel()) !== null && _c !== void 0 ? _c : 'All';
-  return (
-    <Link
-      style={{ display: 'block', width: 'max-content' }}
-      href={'/search/nfts?category='.concat(category)}
-    >
+    var _b, _c;
+    var asset = _a.asset;
+    //update
+    var category = (_b = asset.getCategory()) !== null && _b !== void 0 ? _b : 'all';
+    var categoryLabel = (_c = asset.getCategoryLabel()) !== null && _c !== void 0 ? _c : 'All';
+    return (<Link style={{ display: 'block', width: 'max-content' }} href={"/search/nfts?category=".concat(category)}>
       <StyledBox>
         <StyledText>{categoryLabel}</StyledText>
       </StyledBox>
-    </Link>
-  );
+    </Link>);
 };
 var templateObject_1, templateObject_2;

package/dist/components/assetPage/description/index.jsx

@@ -1,83 +1,30 @@
+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 Hyphenated from 'react-hyphen';
 import styled from 'styled-components';
-
 import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
-
 import { mediaQuery } from '@/styles/ScreenWidth';
 import { TextGrayColor } from '@/styles/colors';
-
 import { Flex, H3 } 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;
-  };
-
-var SH3 = styled(H3)(
-  templateObject_1 ||
-    (templateObject_1 = __makeTemplateObject(
-      [
-        '\n  margin-top: 20px;\n  margin-bottom: 5px;\n\n  ',
-        ' {\n    margin-top: ',
-        ';\n    margin-bottom: ',
-        ';\n  }\n',
-      ],
-      [
-        '\n  margin-top: 20px;\n  margin-bottom: 5px;\n\n  ',
-        ' {\n    margin-top: ',
-        ';\n    margin-bottom: ',
-        ';\n  }\n',
-      ]
-    )),
-  mediaQuery.minWidthFourK,
-  adaptiveValueCalc(20),
-  adaptiveValueCalc(5)
-);
-var SFlex = styled(Flex)(
-  templateObject_2 ||
-    (templateObject_2 = __makeTemplateObject(
-      [
-        '\n  .text {\n    font-size: 14px;\n    color: ',
-        ';\n\n    ',
-        ' {\n      font-size: ',
-        ';\n    }\n  }\n',
-      ],
-      [
-        '\n  .text {\n    font-size: 14px;\n    color: ',
-        ';\n\n    ',
-        ' {\n      font-size: ',
-        ';\n    }\n  }\n',
-      ]
-    )),
-  TextGrayColor,
-  mediaQuery.minWidthFourK,
-  adaptiveValueCalc(14)
-);
+var SH3 = styled(H3)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-top: 20px;\n  margin-bottom: 5px;\n\n  ", " {\n    margin-top: ", ";\n    margin-bottom: ", ";\n  }\n"], ["\n  margin-top: 20px;\n  margin-bottom: 5px;\n\n  ", " {\n    margin-top: ", ";\n    margin-bottom: ", ";\n  }\n"])), mediaQuery.minWidthFourK, adaptiveValueCalc(20), adaptiveValueCalc(5));
+var SFlex = styled(Flex)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  .text {\n    font-size: 14px;\n    color: ", ";\n\n    ", " {\n      font-size: ", ";\n    }\n  }\n"], ["\n  .text {\n    font-size: 14px;\n    color: ", ";\n\n    ", " {\n      font-size: ", ";\n    }\n  }\n"])), TextGrayColor, mediaQuery.minWidthFourK, adaptiveValueCalc(14));
 export var Description = function (_a) {
-  var description = _a.description;
-  if (!description) return null;
-  return (
-    <SFlex className="description" flexDirection="column">
+    var description = _a.description;
+    if (!description)
+        return null;
+    return (<SFlex className="description" flexDirection="column">
       <SH3>Description</SH3>
       <Hyphenated>
-        <div
-          // style={{
-          //   color: TextGrayColor,
-          //   fontSize: '14px',
-          // }}
-          className="text"
-          dangerouslySetInnerHTML={{ __html: description }}
-        />
+        <div 
+    // style={{
+    //   color: TextGrayColor,
+    //   fontSize: '14px',
+    // }}
+    className="text" dangerouslySetInnerHTML={{ __html: description }}/>
       </Hyphenated>
-    </SFlex>
-  );
+    </SFlex>);
 };
 var templateObject_1, templateObject_2;

package/dist/components/assetPage/detailsAccordeon/index.jsx

@@ -1,112 +1,49 @@
+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 Accordion from 'react-bootstrap/Accordion';
 import styled from 'styled-components';
-
 import { adaptiveValueCalc } from '@ludo.ninja/ui/build/utils/4k';
-
 import { mediaQuery } from '@/styles/ScreenWidth';
-
 import { H3 } from '@system';
-
 import { Category } from '../category';
 import { Information } from '../information';
 import { Properties } from '../properties';
-
-var __makeTemplateObject =
-  (this && this.__makeTemplateObject) ||
-  function (cooked, raw) {
-    if (Object.defineProperty) {
-      Object.defineProperty(cooked, 'raw', { value: raw });
-    } else {
-      cooked.raw = raw;
-    }
-    return cooked;
-  };
-
-var StyledAccordion = styled.div(
-  templateObject_1 ||
-    (templateObject_1 = __makeTemplateObject(
-      [
-        "\n  .accordion {\n    width: 100%;\n\n    &-header {\n      .accordion-button::after {\n        transform: rotate(90deg);\n        background-image: url('/tabs/arrow_right_dark.svg');\n        width: 24px;\n        height: 24px;\n        background-size: 100%;\n      }\n\n      .accordion-button:not(.collapsed)::after {\n        transform: rotate(-90deg);\n      }\n    }\n\n    &-item {\n      border: none;\n      border-radius: 0;\n      background: transparent;\n    }\n\n    &-body {\n      padding: 10px 0;\n    }\n\n    &-button {\n      padding: 10px 0;\n      color: inherit;\n      box-shadow: none;\n      background: transparent;\n\n      &:not(.collapsed) {\n        background: transparent;\n      }\n    }\n  }\n\n  ",
-        ' {\n    .accordion {\n      &-header {\n        .accordion-button::after {\n          width: ',
-        ';\n          height: ',
-        ';\n        }\n      }\n\n      &-body {\n        padding: ',
-        ' 0;\n      }\n\n      &-button {\n        padding: ',
-        ' 0;\n      }\n    }\n  }\n',
-      ],
-      [
-        "\n  .accordion {\n    width: 100%;\n\n    &-header {\n      .accordion-button::after {\n        transform: rotate(90deg);\n        background-image: url('/tabs/arrow_right_dark.svg');\n        width: 24px;\n        height: 24px;\n        background-size: 100%;\n      }\n\n      .accordion-button:not(.collapsed)::after {\n        transform: rotate(-90deg);\n      }\n    }\n\n    &-item {\n      border: none;\n      border-radius: 0;\n      background: transparent;\n    }\n\n    &-body {\n      padding: 10px 0;\n    }\n\n    &-button {\n      padding: 10px 0;\n      color: inherit;\n      box-shadow: none;\n      background: transparent;\n\n      &:not(.collapsed) {\n        background: transparent;\n      }\n    }\n  }\n\n  ",
-        ' {\n    .accordion {\n      &-header {\n        .accordion-button::after {\n          width: ',
-        ';\n          height: ',
-        ';\n        }\n      }\n\n      &-body {\n        padding: ',
-        ' 0;\n      }\n\n      &-button {\n        padding: ',
-        ' 0;\n      }\n    }\n  }\n',
-      ]
-    )),
-  mediaQuery.minWidthFourK,
-  adaptiveValueCalc(24),
-  adaptiveValueCalc(24),
-  adaptiveValueCalc(10),
-  adaptiveValueCalc(10)
-);
-var StyledCategoryH3 = styled(H3)(
-  templateObject_2 ||
-    (templateObject_2 = __makeTemplateObject(
-      [
-        '\n  padding-top: 10px;\n  margin-bottom: 20px;\n\n  ',
-        ' {\n    padding-top: ',
-        ';\n    margin-bottom: ',
-        ';\n  }\n',
-      ],
-      [
-        '\n  padding-top: 10px;\n  margin-bottom: 20px;\n\n  ',
-        ' {\n    padding-top: ',
-        ';\n    margin-bottom: ',
-        ';\n  }\n',
-      ]
-    )),
-  mediaQuery.minWidthFourK,
-  adaptiveValueCalc(10),
-  adaptiveValueCalc(20)
-);
+var StyledAccordion = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .accordion {\n    width: 100%;\n\n    &-header {\n      .accordion-button::after {\n        transform: rotate(90deg);\n        background-image: url('/tabs/arrow_right_dark.svg');\n        width: 24px;\n        height: 24px;\n        background-size: 100%;\n      }\n\n      .accordion-button:not(.collapsed)::after {\n        transform: rotate(-90deg);\n      }\n    }\n\n    &-item {\n      border: none;\n      border-radius: 0;\n      background: transparent;\n    }\n\n    &-body {\n      padding: 10px 0;\n    }\n\n    &-button {\n      padding: 10px 0;\n      color: inherit;\n      box-shadow: none;\n      background: transparent;\n\n      &:not(.collapsed) {\n        background: transparent;\n      }\n    }\n  }\n\n  ", " {\n    .accordion {\n      &-header {\n        .accordion-button::after {\n          width: ", ";\n          height: ", ";\n        }\n      }\n\n      &-body {\n        padding: ", " 0;\n      }\n\n      &-button {\n        padding: ", " 0;\n      }\n    }\n  }\n"], ["\n  .accordion {\n    width: 100%;\n\n    &-header {\n      .accordion-button::after {\n        transform: rotate(90deg);\n        background-image: url('/tabs/arrow_right_dark.svg');\n        width: 24px;\n        height: 24px;\n        background-size: 100%;\n      }\n\n      .accordion-button:not(.collapsed)::after {\n        transform: rotate(-90deg);\n      }\n    }\n\n    &-item {\n      border: none;\n      border-radius: 0;\n      background: transparent;\n    }\n\n    &-body {\n      padding: 10px 0;\n    }\n\n    &-button {\n      padding: 10px 0;\n      color: inherit;\n      box-shadow: none;\n      background: transparent;\n\n      &:not(.collapsed) {\n        background: transparent;\n      }\n    }\n  }\n\n  ", " {\n    .accordion {\n      &-header {\n        .accordion-button::after {\n          width: ", ";\n          height: ", ";\n        }\n      }\n\n      &-body {\n        padding: ", " 0;\n      }\n\n      &-button {\n        padding: ", " 0;\n      }\n    }\n  }\n"])), mediaQuery.minWidthFourK, adaptiveValueCalc(24), adaptiveValueCalc(24), adaptiveValueCalc(10), adaptiveValueCalc(10));
+var StyledCategoryH3 = styled(H3)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding-top: 10px;\n  margin-bottom: 20px;\n\n  ", " {\n    padding-top: ", ";\n    margin-bottom: ", ";\n  }\n"], ["\n  padding-top: 10px;\n  margin-bottom: 20px;\n\n  ", " {\n    padding-top: ", ";\n    margin-bottom: ", ";\n  }\n"])), mediaQuery.minWidthFourK, adaptiveValueCalc(10), adaptiveValueCalc(20));
 export var DetailsAccordeon = function (_a) {
-  var asset = _a.asset;
-  var attributes = asset.getAttributes();
-  return (
-    <StyledAccordion>
+    var asset = _a.asset;
+    var attributes = asset.getAttributes();
+    return (<StyledAccordion>
       <Accordion defaultActiveKey="1" style={{ width: '100%' }}>
-        {(attributes.length && (
-          <>
+        {(attributes.length && (<>
             <Accordion.Item eventKey="0">
               <Accordion.Header>
                 <H3>Properties</H3>
               </Accordion.Header>
               <Accordion.Body>
-                <Properties attributes={attributes} />
+                <Properties attributes={attributes}/>
               </Accordion.Body>
             </Accordion.Item>
             <hr />
-          </>
-        )) ||
-          null}
+          </>)) ||
+            null}
         <Accordion.Item eventKey="1">
           <Accordion.Header>
             <H3>Chain Info</H3>
           </Accordion.Header>
           <Accordion.Body>
-            <Information asset={asset} />
+            <Information asset={asset}/>
           </Accordion.Body>
         </Accordion.Item>
         <hr />
-        {asset.getCategory() && (
-          <>
+        {asset.getCategory() && (<>
             <StyledCategoryH3>Category</StyledCategoryH3>
-            <Category asset={asset} />
-          </>
-        )}
+            <Category asset={asset}/>
+          </>)}
       </Accordion>
-    </StyledAccordion>
-  );
+    </StyledAccordion>);
 };
 var templateObject_1, templateObject_2;