decentraland-ui2 0.9.1 → 0.9.2-12873998059.commit-37a11d9

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,7 +1,8 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { documentToReactComponents } from "@contentful/rich-text-react-renderer";
3
+ import { ContentfulLocale } from "@dcl/schemas";
3
4
  import CircularProgress from "@mui/material/CircularProgress";
4
- import { Locales, getAssetUrl } from "../../hooks/contentful";
5
+ import { getAssetUrl } from "../../hooks/contentful";
5
6
  import { useTabletAndBelowMediaQuery } from "../Media";
6
7
  import { BannerContainer, Button, ButtonContainer, Content, LoadingContainer, Logo, Text, Title, } from "./Banner.styled";
7
8
  const convertAlignmentToFlex = (alignment) => {
@@ -17,36 +18,36 @@ const convertAlignmentToFlex = (alignment) => {
17
18
  }
18
19
  };
19
20
  export const Banner = (props) => {
20
- const { isLoading, fields, assets, locale = Locales.enUS, error } = props;
21
+ const { isLoading, fields, assets, locale = ContentfulLocale.enUS, error, } = props;
21
22
  const isMobileOrTablet = useTabletAndBelowMediaQuery();
22
23
  if (isLoading) {
23
24
  return (_jsx(LoadingContainer, { children: _jsx(CircularProgress, {}) }));
24
25
  }
25
26
  // If there is no banner fields or the banner is not supposed to be shown, return null
26
- if (!fields || !fields.showBanner[Locales.enUS] || error) {
27
+ if (!fields || error) {
27
28
  return null;
28
29
  }
29
30
  // Build the parameteres based on the size of the screen
30
- const bannerBackgroundImage = getAssetUrl(assets, Locales.enUS, isMobileOrTablet
31
- ? fields.mobileBackground[Locales.enUS]
32
- : fields.fullSizeBackground[Locales.enUS]);
31
+ const bannerBackgroundImage = getAssetUrl(assets, ContentfulLocale.enUS, isMobileOrTablet
32
+ ? fields.mobileBackground[ContentfulLocale.enUS]
33
+ : fields.fullSizeBackground[ContentfulLocale.enUS]);
33
34
  const title = isMobileOrTablet
34
35
  ? fields.mobileTitle[locale]
35
36
  : fields.desktopTitle[locale];
36
37
  const titleAlignment = (isMobileOrTablet
37
- ? fields.mobileTitleAlignment[Locales.enUS]
38
- : fields.desktopTitleAlignment[Locales.enUS])?.toLowerCase();
38
+ ? fields.mobileTitleAlignment[ContentfulLocale.enUS]
39
+ : fields.desktopTitleAlignment[ContentfulLocale.enUS])?.toLowerCase();
39
40
  const text = isMobileOrTablet
40
41
  ? fields.mobileText[locale]
41
42
  : fields.desktopText[locale];
42
43
  const textAlignment = (isMobileOrTablet
43
- ? fields.mobileTextAlignment[Locales.enUS]
44
- : fields.desktopTextAlignment[Locales.enUS])?.toLowerCase();
44
+ ? fields.mobileTextAlignment[ContentfulLocale.enUS]
45
+ : fields.desktopTextAlignment[ContentfulLocale.enUS])?.toLowerCase();
45
46
  const buttonAlignment = convertAlignmentToFlex((isMobileOrTablet
46
- ? fields.mobileButtonAlignment[Locales.enUS]
47
- : fields.desktopButtonAlignment[Locales.enUS])?.toLowerCase());
48
- return (_jsxs(BannerContainer, { background: bannerBackgroundImage, children: [_jsxs(Content, { children: [_jsx(Title, { variant: "h1", textAlign: titleAlignment, children: title }), _jsx(Text, { textAlign: textAlignment, children: text ? documentToReactComponents(text) : null }), fields.showButton[Locales.enUS] &&
49
- fields.buttonLink?.[Locales.enUS] &&
50
- fields.buttonsText?.[locale] ? (_jsx(ButtonContainer, { justifyContent: buttonAlignment, children: _jsx(Button, { href: fields.buttonLink[Locales.enUS], variant: "contained", disableElevation: true, children: fields.buttonsText[locale] }) })) : null] }), fields.logo && fields.logo[Locales.enUS] && (_jsx(Logo, { src: getAssetUrl(assets, Locales.enUS, fields.logo[Locales.enUS]), alt: "Banner logo" }))] }));
47
+ ? fields.mobileButtonAlignment[ContentfulLocale.enUS]
48
+ : 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 ? documentToReactComponents(text) : null }), fields.showButton[ContentfulLocale.enUS] &&
50
+ fields.buttonLink?.[ContentfulLocale.enUS] &&
51
+ fields.buttonsText?.[locale] ? (_jsx(ButtonContainer, { justifyContent: buttonAlignment, children: _jsx(Button, { 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" }))] }));
51
52
  };
52
53
  //# sourceMappingURL=Banner.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"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"}
@@ -1,31 +1,10 @@
1
- import { AlignmentFieldType, ContentfulAsset, Locales, LocalizedField, SysAssetLink } from "../../hooks/contentful";
2
- import type { Document } from "@contentful/rich-text-types";
3
- type IBannerFields = {
4
- id: LocalizedField<string>;
5
- showBanner: LocalizedField<boolean>;
6
- desktopTitle: LocalizedField<string>;
7
- mobileTitle: LocalizedField<string>;
8
- mobileTitleAlignment: LocalizedField<AlignmentFieldType>;
9
- desktopTitleAlignment: LocalizedField<AlignmentFieldType>;
10
- desktopText: LocalizedField<Document>;
11
- mobileText: LocalizedField<Document>;
12
- desktopTextAlignment: LocalizedField<AlignmentFieldType>;
13
- mobileTextAlignment: LocalizedField<AlignmentFieldType>;
14
- showButton: LocalizedField<boolean>;
15
- buttonLink?: LocalizedField<string>;
16
- buttonsText?: LocalizedField<string>;
17
- desktopButtonAlignment: LocalizedField<AlignmentFieldType>;
18
- mobileButtonAlignment: LocalizedField<AlignmentFieldType>;
19
- fullSizeBackground: LocalizedField<SysAssetLink>;
20
- mobileBackground: LocalizedField<SysAssetLink>;
21
- logo?: LocalizedField<SysAssetLink>;
22
- };
1
+ import { BannerFields, ContentfulAsset, ContentfulLocale } from "@dcl/schemas";
23
2
  type BannerProps = {
24
- fields: IBannerFields | null;
3
+ fields: BannerFields | null;
25
4
  assets: Record<string, ContentfulAsset>;
26
5
  isLoading: boolean;
27
- locale?: Locales;
6
+ locale?: ContentfulLocale;
28
7
  error: string | null;
29
8
  };
30
9
  type LowercasedAlignment = "left" | "center" | "right";
31
- export type { BannerProps, IBannerFields, LowercasedAlignment };
10
+ export type { BannerProps, BannerFields, LowercasedAlignment };
@@ -1,2 +1,2 @@
1
1
  export { Banner } from "./Banner";
2
- export type { BannerProps, IBannerFields } from "./Banner.types";
2
+ export type { BannerProps } from "./Banner.types";
@@ -1,9 +1,10 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { ContentfulLocale } from "@dcl/schemas";
2
3
  import { Banner } from "../../components/Banner";
3
- import { Locales, useGetContentfulEntry } from "../../hooks/contentful";
4
+ import { useGetContentfulEntry } from "../../hooks/contentful";
4
5
  const BANNER_CONTENT_TYPE = "banner";
5
6
  export const MarketingBanner = (props) => {
6
- const { id, environment, token, space, locale = Locales.enUS } = props;
7
+ const { id, environment, token, space, locale = ContentfulLocale.enUS, } = props;
7
8
  const { fields, assets, isLoading, error } = useGetContentfulEntry(id, environment, BANNER_CONTENT_TYPE, token, space);
8
9
  return (_jsx(Banner, { fields: fields, assets: assets, isLoading: isLoading, error: error, locale: locale }));
9
10
  };
@@ -1 +1 @@
1
- {"version":3,"file":"MarketingBanner.js","sourceRoot":"","sources":["../../../src/components/MarketingBanner/MarketingBanner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAiB,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAGvE,MAAM,mBAAmB,GAAG,QAAQ,CAAA;AAEpC,MAAM,CAAC,MAAM,eAAe,GAAmC,CAC7D,KAA2B,EAC3B,EAAE;IACF,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,EAAE,GAAG,KAAK,CAAA;IACtE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GACxC,qBAAqB,CACnB,EAAE,EACF,WAAW,EACX,mBAAmB,EACnB,KAAK,EACL,KAAK,CACN,CAAA;IAEH,OAAO,CACL,KAAC,MAAM,IACL,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GACd,CACH,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"MarketingBanner.js","sourceRoot":"","sources":["../../../src/components/MarketingBanner/MarketingBanner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAgB,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAG9D,MAAM,mBAAmB,GAAG,QAAQ,CAAA;AAEpC,MAAM,CAAC,MAAM,eAAe,GAAmC,CAC7D,KAA2B,EAC3B,EAAE;IACF,MAAM,EACJ,EAAE,EACF,WAAW,EACX,KAAK,EACL,KAAK,EACL,MAAM,GAAG,gBAAgB,CAAC,IAAI,GAC/B,GAAG,KAAK,CAAA;IACT,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GACxC,qBAAqB,CACnB,EAAE,EACF,WAAW,EACX,mBAAmB,EACnB,KAAK,EACL,KAAK,CACN,CAAA;IAEH,OAAO,CACL,KAAC,MAAM,IACL,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GACd,CACH,CAAA;AACH,CAAC,CAAA"}
@@ -1,5 +1,5 @@
1
+ import { ContentfulLocale } from "@dcl/schemas";
1
2
  import { MarketingBanner } from "./MarketingBanner";
2
- import { Locales } from "../../hooks/contentful";
3
3
  const meta = {
4
4
  title: "Decentraland UI/MarketingBanner",
5
5
  component: MarketingBanner,
@@ -19,13 +19,13 @@ const Default = {
19
19
  const SpanishLocale = {
20
20
  args: {
21
21
  ...Default.args,
22
- locale: Locales.es,
22
+ locale: ContentfulLocale.es,
23
23
  },
24
24
  };
25
25
  const ChineseLocale = {
26
26
  args: {
27
27
  ...Default.args,
28
- locale: Locales.zh,
28
+ locale: ContentfulLocale.zh,
29
29
  },
30
30
  };
31
31
  export { Default, SpanishLocale, ChineseLocale };
@@ -1 +1 @@
1
- {"version":3,"file":"MarketingBanner.stories.js","sourceRoot":"","sources":["../../../src/components/MarketingBanner/MarketingBanner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAGhD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACoB,CAAA;AAIxC,MAAM,OAAO,GAAU;IACrB,IAAI,EAAE;QACJ,EAAE,EAAE,wBAAwB;QAC5B,WAAW,EAAE,aAAa;QAC1B,KAAK,EAAE,6CAA6C;QACpD,KAAK,EAAE,cAAc;KACtB;CACF,CAAA;AAED,MAAM,aAAa,GAAU;IAC3B,IAAI,EAAE;QACJ,GAAG,OAAO,CAAC,IAAI;QACf,MAAM,EAAE,OAAO,CAAC,EAAE;KACnB;CACF,CAAA;AAED,MAAM,aAAa,GAAU;IAC3B,IAAI,EAAE;QACJ,GAAG,OAAO,CAAC,IAAI;QACf,MAAM,EAAE,OAAO,CAAC,EAAE;KACnB;CACF,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAChD,oDAAoD;AACpD,eAAe,IAAI,CAAA"}
1
+ {"version":3,"file":"MarketingBanner.stories.js","sourceRoot":"","sources":["../../../src/components/MarketingBanner/MarketingBanner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAGnD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACoB,CAAA;AAIxC,MAAM,OAAO,GAAU;IACrB,IAAI,EAAE;QACJ,EAAE,EAAE,wBAAwB;QAC5B,WAAW,EAAE,aAAa;QAC1B,KAAK,EAAE,6CAA6C;QACpD,KAAK,EAAE,cAAc;KACtB;CACF,CAAA;AAED,MAAM,aAAa,GAAU;IAC3B,IAAI,EAAE;QACJ,GAAG,OAAO,CAAC,IAAI;QACf,MAAM,EAAE,gBAAgB,CAAC,EAAE;KAC5B;CACF,CAAA;AAED,MAAM,aAAa,GAAU;IAC3B,IAAI,EAAE;QACJ,GAAG,OAAO,CAAC,IAAI;QACf,MAAM,EAAE,gBAAgB,CAAC,EAAE;KAC5B;CACF,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAChD,oDAAoD;AACpD,eAAe,IAAI,CAAA"}
@@ -1,9 +1,9 @@
1
- import { Locales } from "hooks/contentful";
1
+ import { ContentfulLocale } from "@dcl/schemas";
2
2
  type MarketingBannerProps = {
3
3
  id: string;
4
4
  environment: string;
5
5
  token: string;
6
6
  space: string;
7
- locale?: Locales;
7
+ locale?: ContentfulLocale;
8
8
  };
9
9
  export type { MarketingBannerProps };
@@ -1,5 +1,5 @@
1
- import { ContentfulAsset, Locales, LocalizedField, LocalizedFieldType, SysAssetLink } from "./contentful.types";
2
- declare const getAssetUrl: (assets: Record<string, ContentfulAsset>, locale: Locales, assetLink?: SysAssetLink) => string;
1
+ import { ContentfulAsset, ContentfulLocale, LocalizedField, LocalizedFieldType, SysLink } from "@dcl/schemas";
2
+ declare const getAssetUrl: (assets: Record<string, ContentfulAsset>, locale: ContentfulLocale, assetLink?: SysLink<"Asset">) => string;
3
3
  declare const useGetContentfulEntry: <T extends Record<string, LocalizedField<LocalizedFieldType>>>(id: string, environment: string, contentType: string, token: string, space: string) => {
4
4
  fields: T | null;
5
5
  assets: {};
@@ -32,7 +32,7 @@ const useGetContentfulEntry = (id, environment, contentType, token, space) => {
32
32
  if (!data.items || data.items.length === 0) {
33
33
  throw new Error("No entity found with the specified ID");
34
34
  }
35
- const assetsMap = data.includes.Asset.reduce((acc, asset) => {
35
+ const assetsMap = (data.includes.Asset ?? []).reduce((acc, asset) => {
36
36
  acc[asset.sys.id] = asset;
37
37
  return acc;
38
38
  }, {});
@@ -1 +1 @@
1
- {"version":3,"file":"contentful.js","sourceRoot":"","sources":["../../../src/hooks/contentful/contentful.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"contentful.js","sourceRoot":"","sources":["../../../src/hooks/contentful/contentful.ts"],"names":[],"mappings":"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"}
@@ -1,2 +1 @@
1
- export * from "./contentful.types";
2
1
  export * from "./contentful";
@@ -1,3 +1,2 @@
1
- export * from "./contentful.types";
2
1
  export * from "./contentful";
3
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/contentful/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,cAAc,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/contentful/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "decentraland-ui2",
3
- "version": "0.9.1",
3
+ "version": "0.9.2-12873998059.commit-37a11d9",
4
4
  "description": "Decentraland's UI components and styles",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -38,7 +38,7 @@
38
38
  "homepage": "https://github.com/decentraland/ui2#readme",
39
39
  "dependencies": {
40
40
  "@contentful/rich-text-react-renderer": "^16.0.1",
41
- "@dcl/schemas": "^13.9.0",
41
+ "@dcl/schemas": "^15.6.0",
42
42
  "@dcl/ui-env": "^1.5.1",
43
43
  "@emotion/react": "^11.11.4",
44
44
  "@emotion/styled": "^11.11.5",
@@ -92,5 +92,5 @@
92
92
  "files": [
93
93
  "dist"
94
94
  ],
95
- "commit": "939b2ceb085a71f79ce1a30c3183982d30affa97"
95
+ "commit": "37a11d91d25820de1cbb9cbc27a660178956bc1a"
96
96
  }
@@ -1,55 +0,0 @@
1
- import type { Document } from "@contentful/rich-text-types";
2
- declare enum ContentfulLocale {
3
- enUS = "en-US",
4
- es = "es",
5
- zh = "zh"
6
- }
7
- type LocalizedField<T> = {
8
- [ContentfulLocale.enUS]: T;
9
- [ContentfulLocale.es]?: T;
10
- [ContentfulLocale.zh]?: T;
11
- };
12
- type SysAssetLink = {
13
- sys: {
14
- type: "Link";
15
- linkType: "Asset";
16
- id: string;
17
- };
18
- };
19
- type ContentfulAsset = {
20
- sys: {
21
- id: string;
22
- type: "Asset";
23
- };
24
- fields: {
25
- title: LocalizedField<string>;
26
- description: LocalizedField<string>;
27
- file: LocalizedField<{
28
- url: string;
29
- details: {
30
- size: number;
31
- image?: {
32
- width: number;
33
- height: number;
34
- };
35
- };
36
- fileName: string;
37
- contentType: string;
38
- }>;
39
- };
40
- };
41
- type AlignmentFieldType = "Left" | "Center" | "Right";
42
- type LocalizedFieldType = string | boolean | Document | SysAssetLink | AlignmentFieldType;
43
- type ContentfulResponse<T extends Record<string, LocalizedField<LocalizedFieldType>>> = {
44
- items: Array<{
45
- fields: T;
46
- sys: {
47
- id: string;
48
- type: "Entry";
49
- };
50
- }>;
51
- includes: {
52
- Asset: ContentfulAsset[];
53
- };
54
- };
55
- export { ContentfulLocale as Locales, LocalizedField, SysAssetLink, ContentfulAsset, AlignmentFieldType, LocalizedFieldType, ContentfulResponse, };
@@ -1,8 +0,0 @@
1
- var ContentfulLocale;
2
- (function (ContentfulLocale) {
3
- ContentfulLocale["enUS"] = "en-US";
4
- ContentfulLocale["es"] = "es";
5
- ContentfulLocale["zh"] = "zh";
6
- })(ContentfulLocale || (ContentfulLocale = {}));
7
- export { ContentfulLocale as Locales, };
8
- //# sourceMappingURL=contentful.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"contentful.types.js","sourceRoot":"","sources":["../../../src/hooks/contentful/contentful.types.ts"],"names":[],"mappings":"AAEA,IAAK,gBAIJ;AAJD,WAAK,gBAAgB;IACnB,kCAAc,CAAA;IACd,6BAAS,CAAA;IACT,6BAAS,CAAA;AACX,CAAC,EAJI,gBAAgB,KAAhB,gBAAgB,QAIpB;AA8DD,OAAO,EACL,gBAAgB,IAAI,OAAO,GAO5B,CAAA"}