decentraland-ui2 1.1.14-21177123635.commit-82aeb51 → 1.1.14-21177574475.commit-bb7b006
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.
- package/dist/components/Atlas/Atlas.d.ts +1 -1
- package/dist/components/Atlas/Atlas.js +7 -6
- package/dist/components/Atlas/Atlas.js.map +1 -1
- package/dist/components/Atlas/Atlas.types.d.ts +1 -1
- package/dist/components/Atlas/index.d.ts +1 -2
- package/dist/components/Atlas/index.js.map +1 -1
- package/dist/components/Banner/Banner.d.ts +1 -0
- package/dist/components/Banner/Banner.js +8 -2
- package/dist/components/Banner/Banner.js.map +1 -1
- package/dist/components/Banner/ContentfulRichText.d.ts +7 -0
- package/dist/components/Banner/ContentfulRichText.js +7 -0
- package/dist/components/Banner/ContentfulRichText.js.map +1 -0
- package/dist/components/CreditsToggle/CreditsToggle.js +5 -1
- package/dist/components/CreditsToggle/CreditsToggle.js.map +1 -1
- package/dist/utils/optionalDependency.d.ts +12 -0
- package/dist/utils/optionalDependency.js +19 -0
- package/dist/utils/optionalDependency.js.map +1 -0
- package/package.json +6 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import "react-tile-map/lib/styles.css";
|
|
2
3
|
import { AtlasProps } from "./Atlas.types";
|
|
3
|
-
import "react-tile-map/dist/styles.css";
|
|
4
4
|
declare const Atlas: React.MemoExoticComponent<(props: AtlasProps) => import("react/jsx-runtime").JSX.Element>;
|
|
5
5
|
export { Atlas };
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import React, { useCallback, useEffect, useMemo, useState } from "react";
|
|
3
|
-
import
|
|
3
|
+
import "react-tile-map/lib/styles.css";
|
|
4
4
|
import { getColorByType, getTiles } from "./util";
|
|
5
|
+
import { createLazyComponent } from "../../utils/optionalDependency";
|
|
5
6
|
import { AtlasColor } from "./Atlas.types";
|
|
6
|
-
|
|
7
|
+
const LazyTileMap = createLazyComponent({
|
|
8
|
+
packageName: "react-tile-map",
|
|
9
|
+
componentName: "Atlas",
|
|
10
|
+
}, () => import("react-tile-map").then((mod) => ({ default: mod.TileMap })));
|
|
7
11
|
const Atlas = React.memo((props) => {
|
|
8
12
|
const { layers } = props;
|
|
9
13
|
const [tiles, setTiles] = useState(props.tiles);
|
|
@@ -49,10 +53,7 @@ const Atlas = React.memo((props) => {
|
|
|
49
53
|
background: neutral.softBlack1,
|
|
50
54
|
}) */
|
|
51
55
|
const layersMemo = useMemo(() => [layer, ...(layers || [])], [layer, layers]);
|
|
52
|
-
return
|
|
53
|
-
/* Review this CSS */
|
|
54
|
-
/* css={atlasStyle} */
|
|
55
|
-
layers: layersMemo }));
|
|
56
|
+
return _jsx(LazyTileMap, { ...props, layers: layersMemo });
|
|
56
57
|
});
|
|
57
58
|
export { Atlas };
|
|
58
59
|
//# sourceMappingURL=Atlas.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Atlas.js","sourceRoot":"","sources":["../../../src/components/Atlas/Atlas.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Atlas.js","sourceRoot":"","sources":["../../../src/components/Atlas/Atlas.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Atlas/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Atlas/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA"}
|
|
@@ -1,10 +1,16 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { documentToReactComponents } from "@contentful/rich-text-react-renderer";
|
|
3
2
|
import { ContentfulLocale } from "@dcl/schemas";
|
|
4
3
|
import CircularProgress from "@mui/material/CircularProgress";
|
|
5
4
|
import { getAssetUrl } from "../../modules/contentful";
|
|
5
|
+
import { createLazyComponent } from "../../utils/optionalDependency";
|
|
6
6
|
import { useTabletAndBelowMediaQuery } from "../Media";
|
|
7
7
|
import { BannerContainer, Button, ButtonContainer, Content, LoadingContainer, Logo, Text, Title, } from "./Banner.styled";
|
|
8
|
+
const LazyContentfulRichText = createLazyComponent({
|
|
9
|
+
packageName: "@contentful/rich-text-react-renderer",
|
|
10
|
+
componentName: "Banner",
|
|
11
|
+
}, () => import("./ContentfulRichText").then((mod) => ({
|
|
12
|
+
default: mod.ContentfulRichText,
|
|
13
|
+
})));
|
|
8
14
|
const convertAlignmentToFlex = (alignment) => {
|
|
9
15
|
switch (alignment) {
|
|
10
16
|
case "left":
|
|
@@ -46,7 +52,7 @@ export const Banner = (props) => {
|
|
|
46
52
|
const buttonAlignment = convertAlignmentToFlex((isMobileOrTablet
|
|
47
53
|
? fields.mobileButtonAlignment[ContentfulLocale.enUS]
|
|
48
54
|
: fields.desktopButtonAlignment[ContentfulLocale.enUS])?.toLowerCase());
|
|
49
|
-
return (_jsxs(BannerContainer, { background: bannerBackgroundImage, children: [_jsxs(Content, { children: [_jsx(Title, { variant: "h1", textAlign: titleAlignment, children: title }), _jsx(Text, { textAlign: textAlignment, children: text ?
|
|
55
|
+
return (_jsxs(BannerContainer, { background: bannerBackgroundImage, children: [_jsxs(Content, { children: [_jsx(Title, { variant: "h1", textAlign: titleAlignment, children: title }), _jsx(Text, { textAlign: textAlignment, children: text ? _jsx(LazyContentfulRichText, { document: text }) : null }), fields.showButton[ContentfulLocale.enUS] &&
|
|
50
56
|
fields.buttonLink?.[ContentfulLocale.enUS] &&
|
|
51
57
|
fields.buttonsText?.[locale] ? (_jsx(ButtonContainer, { justifyContent: buttonAlignment, children: _jsx(Button, { onClick: onClick, href: fields.buttonLink[ContentfulLocale.enUS], variant: "contained", disableElevation: true, children: fields.buttonsText[locale] }) })) : null] }), fields.logo && fields.logo[ContentfulLocale.enUS] && (_jsx(Logo, { src: getAssetUrl(assets, ContentfulLocale.enUS, fields.logo[ContentfulLocale.enUS]), alt: "Banner logo" }))] }));
|
|
52
58
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Document } from "@contentful/rich-text-types";
|
|
2
|
+
type ContentfulRichTextProps = {
|
|
3
|
+
document: Document;
|
|
4
|
+
};
|
|
5
|
+
declare const ContentfulRichText: ({ document }: ContentfulRichTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export { ContentfulRichText };
|
|
7
|
+
export type { ContentfulRichTextProps };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { documentToReactComponents } from "@contentful/rich-text-react-renderer";
|
|
3
|
+
const ContentfulRichText = ({ document }) => {
|
|
4
|
+
return _jsx(_Fragment, { children: documentToReactComponents(document) });
|
|
5
|
+
};
|
|
6
|
+
export { ContentfulRichText };
|
|
7
|
+
//# sourceMappingURL=ContentfulRichText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContentfulRichText.js","sourceRoot":"","sources":["../../../src/components/Banner/ContentfulRichText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAA;AAOhF,MAAM,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACnE,OAAO,4BAAG,yBAAyB,CAAC,QAAQ,CAAC,GAAI,CAAA;AACnD,CAAC,CAAA;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAA"}
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useCallback, useMemo } from "react";
|
|
3
|
-
import Lottie from "lottie-react";
|
|
4
3
|
import toggleAnimation from "./toggleAnimation.json";
|
|
5
4
|
import { formatEther } from "../../utils/format";
|
|
5
|
+
import { createLazyComponent } from "../../utils/optionalDependency";
|
|
6
6
|
import { CreditsIcon } from "../Icon/CreditsIcon";
|
|
7
7
|
import { AnimationContainer, Container, LearnMoreButton, LeftSection, PopupContainer, StyledAmount, StyledNumber, StyledSwitch, StyledText, } from "./CreditsToggle.styled";
|
|
8
|
+
const Lottie = createLazyComponent({
|
|
9
|
+
packageName: "lottie-react",
|
|
10
|
+
componentName: "CreditsToggle",
|
|
11
|
+
}, () => import("lottie-react"));
|
|
8
12
|
const CreditsToggle = ({ totalCredits, assetPrice, useCredits, onToggle, className = "", showLearnMore = false, learnMoreUrl, label, showTooltip = true, tooltipContent, }) => {
|
|
9
13
|
const creditsToUseInEth = useMemo(() => {
|
|
10
14
|
if (!totalCredits) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CreditsToggle.js","sourceRoot":"","sources":["../../../src/components/CreditsToggle/CreditsToggle.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,
|
|
1
|
+
{"version":3,"file":"CreditsToggle.js","sourceRoot":"","sources":["../../../src/components/CreditsToggle/CreditsToggle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React, { ComponentType } from "react";
|
|
2
|
+
type OptionalDependencyConfig = {
|
|
3
|
+
packageName: string;
|
|
4
|
+
componentName: string;
|
|
5
|
+
};
|
|
6
|
+
declare class OptionalDependencyError extends Error {
|
|
7
|
+
constructor(config: OptionalDependencyConfig);
|
|
8
|
+
}
|
|
9
|
+
declare function createLazyComponent<P extends object>(config: OptionalDependencyConfig, importFn: () => Promise<{
|
|
10
|
+
default: ComponentType<P>;
|
|
11
|
+
}>, fallback?: React.ReactNode): React.FC<P>;
|
|
12
|
+
export { createLazyComponent, OptionalDependencyError };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import React, { Suspense } from "react";
|
|
3
|
+
class OptionalDependencyError extends Error {
|
|
4
|
+
constructor(config) {
|
|
5
|
+
super(`The "${config.componentName}" component requires "${config.packageName}" to be installed. ` +
|
|
6
|
+
`Please install it by running: npm install ${config.packageName}`);
|
|
7
|
+
this.name = "OptionalDependencyError";
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
function createLazyComponent(config, importFn, fallback = null) {
|
|
11
|
+
const LazyComponent = React.lazy(() => importFn().catch(() => {
|
|
12
|
+
throw new OptionalDependencyError(config);
|
|
13
|
+
}));
|
|
14
|
+
const WrappedComponent = (props) => (_jsx(Suspense, { fallback: fallback, children: _jsx(LazyComponent, { ...props }) }));
|
|
15
|
+
WrappedComponent.displayName = `Lazy${config.componentName}`;
|
|
16
|
+
return WrappedComponent;
|
|
17
|
+
}
|
|
18
|
+
export { createLazyComponent, OptionalDependencyError };
|
|
19
|
+
//# sourceMappingURL=optionalDependency.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"optionalDependency.js","sourceRoot":"","sources":["../../src/utils/optionalDependency.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAA;AAOtD,MAAM,uBAAwB,SAAQ,KAAK;IACzC,YAAY,MAAgC;QAC1C,KAAK,CACH,QAAQ,MAAM,CAAC,aAAa,yBAAyB,MAAM,CAAC,WAAW,qBAAqB;YAC1F,6CAA6C,MAAM,CAAC,WAAW,EAAE,CACpE,CAAA;QACD,IAAI,CAAC,IAAI,GAAG,yBAAyB,CAAA;IACvC,CAAC;CACF;AAED,SAAS,mBAAmB,CAC1B,MAAgC,EAChC,QAAsD,EACtD,WAA4B,IAAI;IAEhC,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CACpC,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE;QACpB,MAAM,IAAI,uBAAuB,CAAC,MAAM,CAAC,CAAA;IAC3C,CAAC,CAAC,CACuB,CAAA;IAE3B,MAAM,gBAAgB,GAAgB,CAAC,KAAK,EAAE,EAAE,CAAC,CAC/C,KAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,YAC1B,KAAC,aAAa,OAAK,KAAK,GAAI,GACnB,CACZ,CAAA;IAED,gBAAgB,CAAC,WAAW,GAAG,OAAO,MAAM,CAAC,aAAa,EAAE,CAAA;IAE5D,OAAO,gBAAgB,CAAA;AACzB,CAAC;AAED,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "decentraland-ui2",
|
|
3
|
-
"version": "1.1.14-
|
|
3
|
+
"version": "1.1.14-21177574475.commit-bb7b006",
|
|
4
4
|
"description": "Decentraland's UI components and styles",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -60,6 +60,7 @@
|
|
|
60
60
|
"@babel/preset-env": "7.24.7",
|
|
61
61
|
"@babel/preset-react": "7.24.7",
|
|
62
62
|
"@babel/preset-typescript": "7.24.7",
|
|
63
|
+
"@contentful/rich-text-react-renderer": "16.0.0",
|
|
63
64
|
"@contentful/rich-text-types": "17.2.5",
|
|
64
65
|
"@dcl/eslint-config": "3.0.0",
|
|
65
66
|
"@emotion/babel-plugin": "11.13.5",
|
|
@@ -80,14 +81,17 @@
|
|
|
80
81
|
"@typescript-eslint/parser": "8.52.0",
|
|
81
82
|
"eslint": "9.39.2",
|
|
82
83
|
"eslint-config-prettier": "10.1.8",
|
|
84
|
+
"eslint-import-resolver-babel-module": "5.3.2",
|
|
83
85
|
"eslint-import-resolver-typescript": "4.4.4",
|
|
84
86
|
"eslint-plugin-autofix": "2.2.0",
|
|
85
87
|
"eslint-plugin-import": "2.32.0",
|
|
86
88
|
"eslint-plugin-prettier": "5.5.5",
|
|
87
89
|
"eslint-plugin-react": "7.37.5",
|
|
88
90
|
"jest": "29.7.0",
|
|
91
|
+
"lottie-react": "2.4.0",
|
|
89
92
|
"npm-package-json-lint": "9.1.0",
|
|
90
93
|
"prettier": "3.7.4",
|
|
94
|
+
"react-tile-map": "0.4.0",
|
|
91
95
|
"storybook": "7.6.20",
|
|
92
96
|
"ts-jest": "29.2.0",
|
|
93
97
|
"ts-node": "10.9.2",
|
|
@@ -112,5 +116,5 @@
|
|
|
112
116
|
"url": "https://github.com/decentraland/ui2/issues"
|
|
113
117
|
},
|
|
114
118
|
"homepage": "https://github.com/decentraland/ui2#readme",
|
|
115
|
-
"commit": "
|
|
119
|
+
"commit": "bb7b006bbf1cc6136a44a347858a8ca62353d1f6"
|
|
116
120
|
}
|