decentraland-ui2 0.44.2-19901709627.commit-fe73e71 → 0.44.2-20065194086.commit-a96065e
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/Assets/scene-thumbnail.png +0 -0
- package/dist/components/CatalogCard/CatalogCard.stories.js +1 -1
- package/dist/components/CatalogCard/CatalogCard.stories.js.map +1 -1
- package/dist/components/SceneCard/SceneCard.d.ts +3 -0
- package/dist/components/SceneCard/SceneCard.js +27 -0
- package/dist/components/SceneCard/SceneCard.js.map +1 -0
- package/dist/components/SceneCard/SceneCard.stories.d.ts +13 -0
- package/dist/components/SceneCard/SceneCard.stories.js +215 -0
- package/dist/components/SceneCard/SceneCard.stories.js.map +1 -0
- package/dist/components/SceneCard/SceneCard.styled.d.ts +72 -0
- package/dist/components/SceneCard/SceneCard.styled.js +355 -0
- package/dist/components/SceneCard/SceneCard.styled.js.map +1 -0
- package/dist/components/SceneCard/SceneCard.types.d.ts +15 -0
- package/dist/components/SceneCard/SceneCard.types.js +2 -0
- package/dist/components/SceneCard/SceneCard.types.js.map +1 -0
- package/dist/components/SceneCard/index.d.ts +2 -0
- package/dist/components/SceneCard/index.js +2 -0
- package/dist/components/SceneCard/index.js.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/modules/jumpIn.d.ts +1 -0
- package/dist/modules/jumpIn.js +2 -0
- package/dist/modules/jumpIn.js.map +1 -1
- package/package.json +2 -2
|
Binary file
|
|
@@ -6,7 +6,7 @@ import { MintIcon } from "../Icon";
|
|
|
6
6
|
import { i18n as rarityBadgeI18n } from "../RarityBadge/RarityBadge.i18n";
|
|
7
7
|
const meta = {
|
|
8
8
|
component: CatalogCard,
|
|
9
|
-
title: "Decentraland UI/Catalog Card",
|
|
9
|
+
title: "Decentraland UI/Cards/Catalog Card",
|
|
10
10
|
tags: ["autodocs"],
|
|
11
11
|
parameters: {
|
|
12
12
|
layout: "centered",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CatalogCard.stories.js","sourceRoot":"","sources":["../../../src/components/CatalogCard/CatalogCard.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,IAAI,IAAI,eAAe,EAAE,MAAM,iCAAiC,CAAA;AAIzE,MAAM,IAAI,GAA2B;IACnC,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"CatalogCard.stories.js","sourceRoot":"","sources":["../../../src/components/CatalogCard/CatalogCard.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,IAAI,IAAI,eAAe,EAAE,MAAM,iCAAiC,CAAA;AAIzE,MAAM,IAAI,GAA2B;IACnC,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,oCAAoC;IAC3C,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,WAAW,EAAE,oCAAoC;YACjD,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,IAAI;SACnB;QACD,KAAK,EAAE;YACL,WAAW,EAAE,wBAAwB;YACrC,OAAO,EAAE,MAAM;YACf,YAAY,EAAE,IAAI;SACnB;QACD,MAAM,EAAE;YACN,WAAW,EAAE,mBAAmB;YAChC,OAAO,EAAE,MAAM;YACf,YAAY,EAAE,UAAU;SACzB;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,wBAAwB;YACrC,OAAO,EAAE,MAAM;YACf,YAAY,EAAE,IAAI,CAAC,SAAS;SAC7B;QACD,KAAK,EAAE;YACL,WAAW,EAAE,0DAA0D;YACvE,OAAO,EAAE,QAAQ;YACjB,YAAY,EAAE,IAAI;SACnB;QACD,MAAM,EAAE;YACN,WAAW,EAAE,0CAA0C;YACvD,OAAO,EAAE,MAAM;YACf,YAAY,EAAE,2BAA2B;SAC1C;QACD,UAAU,EAAE;YACV,WAAW,EAAE,mCAAmC;YAChD,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;SACzB;QACD,gBAAgB,EAAE;YAChB,WAAW,EAAE,4CAA4C;YACzD,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;SACzB;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,6BAA6B;YAC1C,OAAO,EAAE,QAAQ;YACjB,YAAY,EAAE,eAAe;SAC9B;KACF;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,WAAW,OAAK,IAAI,GAAI;CAC5C,CAAA;AAID,MAAM,OAAO,GAAU;IACrB,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,UAAU;QAClB,QAAQ,EAAE,IAAI,CAAC,SAAS;QACxB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,2BAA2B;QACnC,UAAU,EAAE,KAAC,QAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG;QACzC,gBAAgB,EAAE,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,0BAAuB;QACpE,IAAI,EAAE,eAAe;KACtB;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,OAAO,EAAE,CAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { memo } from "react";
|
|
3
|
+
import Typography from "@mui/material/Typography";
|
|
4
|
+
import { Box } from "@mui/material";
|
|
5
|
+
import { AvatarFace } from "../AvatarFace";
|
|
6
|
+
import { LocationIcon } from "../Icon";
|
|
7
|
+
import { JumpIn } from "../JumpIn/JumpIn";
|
|
8
|
+
import { AvatarAndLocationRow, AvatarContainer, AvatarLink, AvatarTextContainer, BadgesContainer, CardContainer, ContentContainer, JumpInButtonContainer, LeftBadge, LocationChip, LocationChipContainer, MediaContainer, RightBadge, SceneInfoContainer, SceneTitle, StyledCardActionArea, StyledCardContent, StyledCardMedia, } from "./SceneCard.styled";
|
|
9
|
+
const SceneCard = memo((props) => {
|
|
10
|
+
const { image, sceneName, avatar, coordinates, withShadow, withBorder, leftBadge, rightBadge, showOnHover = [], } = props;
|
|
11
|
+
const isWorld = coordinates?.includes(".eth.dcl");
|
|
12
|
+
const jumpInUrl = isWorld
|
|
13
|
+
? `https://decentraland.org/jump?realm=${coordinates}`
|
|
14
|
+
: `https://decentraland.org/jump?position=${coordinates}`;
|
|
15
|
+
const shouldShowOnHover = (element) => showOnHover.includes(element);
|
|
16
|
+
const hasVisibleButton = !shouldShowOnHover("jumpInButton");
|
|
17
|
+
return (_jsx(CardContainer, { withShadow: withShadow, withBorder: withBorder, children: _jsxs(StyledCardActionArea, { hasVisibleButton: hasVisibleButton, children: [(leftBadge !== undefined || rightBadge !== undefined) && (_jsxs(BadgesContainer, { children: [leftBadge !== undefined && (_jsx(LeftBadge, { showOnHover: shouldShowOnHover("leftBadge"), children: _jsx(Box, { component: "span", children: leftBadge }) })), rightBadge !== undefined && (_jsx(RightBadge, { showOnHover: shouldShowOnHover("rightBadge"), children: _jsx(Box, { component: "span", children: rightBadge }) }))] })), _jsx(MediaContainer, { children: _jsx(StyledCardMedia, { image: image, shrinkOnHover: shouldShowOnHover("jumpInButton") }) }), _jsx(StyledCardContent, { children: _jsxs(ContentContainer, { children: [_jsxs(SceneInfoContainer, { children: [_jsx(SceneTitle, { children: _jsx(Typography, { variant: "h6", component: "div", gutterBottom: true, children: sceneName }) }), _jsxs(AvatarAndLocationRow, { children: [_jsxs(AvatarContainer, { showOnHover: shouldShowOnHover("avatar"), children: [_jsx(AvatarFace, { size: "small", avatar: avatar }), _jsx(AvatarTextContainer, { children: _jsxs(Typography, { variant: "body2", children: ["by", " ", _jsx(AvatarLink, { href: `https://decentraland.org/profile/accounts/${avatar?.ethAddress}`, children: avatar?.name })] }) })] }), coordinates && (_jsx(LocationChipContainer, { showOnHover: shouldShowOnHover("location"), children: _jsx(LocationChip, { label: coordinates, size: "small", icon: _jsx(LocationIcon, {}), onClick: () => {
|
|
18
|
+
window.open(jumpInUrl, "_blank");
|
|
19
|
+
} }) }))] })] }), _jsx(JumpInButtonContainer, { showOnHover: shouldShowOnHover("jumpInButton"), children: _jsx(JumpIn, { position: coordinates, variant: "button", modalProps: {
|
|
20
|
+
title: "Jump In",
|
|
21
|
+
description: "Jump in to the scene",
|
|
22
|
+
buttonLabel: "Jump in",
|
|
23
|
+
} }) })] }) })] }) }));
|
|
24
|
+
});
|
|
25
|
+
SceneCard.displayName = "SceneCard";
|
|
26
|
+
export { SceneCard };
|
|
27
|
+
//# sourceMappingURL=SceneCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SceneCard.js","sourceRoot":"","sources":["../../../src/components/SceneCard/SceneCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { SceneCard } from "./SceneCard";
|
|
2
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
3
|
+
declare const meta: Meta<typeof SceneCard>;
|
|
4
|
+
type Story = StoryObj<typeof SceneCard>;
|
|
5
|
+
declare const Default: Story;
|
|
6
|
+
declare const WithIcon: Story;
|
|
7
|
+
declare const AllVisible: Story;
|
|
8
|
+
declare const WithBorder: Story;
|
|
9
|
+
declare const BadgeVariations: Story;
|
|
10
|
+
declare const RealWorldExamples: Story;
|
|
11
|
+
declare const ShowOnHoverVariations: Story;
|
|
12
|
+
export default meta;
|
|
13
|
+
export { Default, WithIcon, AllVisible, WithBorder, BadgeVariations, RealWorldExamples, ShowOnHoverVariations, };
|
|
@@ -0,0 +1,215 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Box, Typography } from "@mui/material";
|
|
3
|
+
import { SceneCard } from "./SceneCard";
|
|
4
|
+
import sceneThumbnail from "../../Assets/scene-thumbnail.png";
|
|
5
|
+
import { Mana } from "../Mana/Mana";
|
|
6
|
+
const exampleAvatar = {
|
|
7
|
+
hasClaimedName: true,
|
|
8
|
+
description: "",
|
|
9
|
+
tutorialStep: 256,
|
|
10
|
+
name: "alelevyyyy",
|
|
11
|
+
userId: "0xe3fc7040653768efb2941a6c26fdb868ed36ca99",
|
|
12
|
+
email: "",
|
|
13
|
+
ethAddress: "0xe3fc7040653768efb2941a6c26fdb868ed36ca99",
|
|
14
|
+
version: 5,
|
|
15
|
+
avatar: {
|
|
16
|
+
bodyShape: "urn:decentraland:off-chain:base-avatars:BaseFemale",
|
|
17
|
+
wearables: [
|
|
18
|
+
"urn:decentraland:off-chain:base-avatars:black_top",
|
|
19
|
+
"urn:decentraland:off-chain:base-avatars:kilt",
|
|
20
|
+
"urn:decentraland:off-chain:base-avatars:SchoolShoes",
|
|
21
|
+
"urn:decentraland:off-chain:base-avatars:matrix_sunglasses",
|
|
22
|
+
"urn:decentraland:off-chain:base-avatars:thunder_02_earring",
|
|
23
|
+
"urn:decentraland:off-chain:base-avatars:hair_undere",
|
|
24
|
+
"urn:decentraland:off-chain:base-avatars:f_eyes_06",
|
|
25
|
+
],
|
|
26
|
+
forceRender: [],
|
|
27
|
+
emotes: [
|
|
28
|
+
{
|
|
29
|
+
slot: 0,
|
|
30
|
+
urn: "handsair",
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
slot: 1,
|
|
34
|
+
urn: "wave",
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
slot: 2,
|
|
38
|
+
urn: "fistpump",
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
slot: 3,
|
|
42
|
+
urn: "dance",
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
slot: 4,
|
|
46
|
+
urn: "raiseHand",
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
slot: 5,
|
|
50
|
+
urn: "clap",
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
slot: 6,
|
|
54
|
+
urn: "money",
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
slot: 7,
|
|
58
|
+
urn: "kiss",
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
slot: 8,
|
|
62
|
+
urn: "headexplode",
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
slot: 9,
|
|
66
|
+
urn: "shrug",
|
|
67
|
+
},
|
|
68
|
+
],
|
|
69
|
+
snapshots: {
|
|
70
|
+
face256: "https://profile-images.decentraland.org/entities/bafkreietha7mzh7q3lk4j236vut2znwqhbiapihg46p6yrv3j4lbwlzd34/face.png",
|
|
71
|
+
body: "https://profile-images.decentraland.org/entities/bafkreietha7mzh7q3lk4j236vut2znwqhbiapihg46p6yrv3j4lbwlzd34/body.png",
|
|
72
|
+
},
|
|
73
|
+
eyes: {
|
|
74
|
+
color: {
|
|
75
|
+
r: 0.2235294133424759,
|
|
76
|
+
g: 0.48627451062202454,
|
|
77
|
+
b: 0.6901960968971252,
|
|
78
|
+
},
|
|
79
|
+
},
|
|
80
|
+
hair: {
|
|
81
|
+
color: {
|
|
82
|
+
r: 0.32549020648002625,
|
|
83
|
+
g: 0.2352941334247589,
|
|
84
|
+
b: 0.1764705926179886,
|
|
85
|
+
},
|
|
86
|
+
},
|
|
87
|
+
skin: {
|
|
88
|
+
color: {
|
|
89
|
+
r: 0.9490196108818054,
|
|
90
|
+
g: 0.7607843279838562,
|
|
91
|
+
b: 0.6470588445663452,
|
|
92
|
+
},
|
|
93
|
+
},
|
|
94
|
+
},
|
|
95
|
+
blocked: [],
|
|
96
|
+
interests: [],
|
|
97
|
+
hasConnectedWeb3: true,
|
|
98
|
+
country: "",
|
|
99
|
+
employmentStatus: "",
|
|
100
|
+
gender: "",
|
|
101
|
+
pronouns: "",
|
|
102
|
+
relationshipStatus: "",
|
|
103
|
+
sexualOrientation: "",
|
|
104
|
+
language: "",
|
|
105
|
+
profession: "",
|
|
106
|
+
realName: "",
|
|
107
|
+
hobbies: "",
|
|
108
|
+
birthdate: 0,
|
|
109
|
+
links: [],
|
|
110
|
+
};
|
|
111
|
+
const meta = {
|
|
112
|
+
title: "Decentraland UI/Cards/Scene Card",
|
|
113
|
+
component: SceneCard,
|
|
114
|
+
parameters: {
|
|
115
|
+
layout: "padded",
|
|
116
|
+
},
|
|
117
|
+
tags: ["autodocs"],
|
|
118
|
+
argTypes: {
|
|
119
|
+
image: {
|
|
120
|
+
description: "Image URL",
|
|
121
|
+
control: "text",
|
|
122
|
+
defaultValue: sceneThumbnail,
|
|
123
|
+
},
|
|
124
|
+
},
|
|
125
|
+
};
|
|
126
|
+
const Default = {
|
|
127
|
+
args: {
|
|
128
|
+
image: sceneThumbnail,
|
|
129
|
+
sceneName: "My Galaxy World",
|
|
130
|
+
coordinates: "alelevyyyy.eth.dcl",
|
|
131
|
+
avatar: exampleAvatar,
|
|
132
|
+
withShadow: true,
|
|
133
|
+
leftBadge: "1",
|
|
134
|
+
rightBadge: _jsx(Mana, { inline: true, children: "1.5k" }),
|
|
135
|
+
showOnHover: ["location", "jumpInButton"],
|
|
136
|
+
},
|
|
137
|
+
};
|
|
138
|
+
const WithIcon = {
|
|
139
|
+
args: {
|
|
140
|
+
image: sceneThumbnail,
|
|
141
|
+
sceneName: "Featured Scene",
|
|
142
|
+
coordinates: "featured.eth.dcl",
|
|
143
|
+
avatar: exampleAvatar,
|
|
144
|
+
withShadow: true,
|
|
145
|
+
leftBadge: "🏆",
|
|
146
|
+
rightBadge: "New Scene with long text",
|
|
147
|
+
showOnHover: ["location", "jumpInButton"],
|
|
148
|
+
},
|
|
149
|
+
};
|
|
150
|
+
const AllVisible = {
|
|
151
|
+
args: {
|
|
152
|
+
image: sceneThumbnail,
|
|
153
|
+
sceneName: "All Elements Visible",
|
|
154
|
+
coordinates: "allvisible.eth.dcl",
|
|
155
|
+
avatar: exampleAvatar,
|
|
156
|
+
withShadow: true,
|
|
157
|
+
leftBadge: "2",
|
|
158
|
+
rightBadge: _jsx(Mana, { inline: true, children: "2.3k" }),
|
|
159
|
+
},
|
|
160
|
+
};
|
|
161
|
+
const WithBorder = {
|
|
162
|
+
args: {
|
|
163
|
+
image: sceneThumbnail,
|
|
164
|
+
sceneName: "Scene With Border",
|
|
165
|
+
coordinates: "border.eth.dcl",
|
|
166
|
+
avatar: exampleAvatar,
|
|
167
|
+
withBorder: true,
|
|
168
|
+
withShadow: true,
|
|
169
|
+
leftBadge: "1",
|
|
170
|
+
rightBadge: _jsx(Mana, { inline: true, children: "1.5k" }),
|
|
171
|
+
showOnHover: ["location", "jumpInButton"],
|
|
172
|
+
},
|
|
173
|
+
};
|
|
174
|
+
const BadgeVariations = {
|
|
175
|
+
render: () => (_jsxs(Box, { sx: {
|
|
176
|
+
display: "grid",
|
|
177
|
+
gridTemplateColumns: "repeat(auto-fit, minmax(300px, 1fr))",
|
|
178
|
+
gap: 3,
|
|
179
|
+
width: "100%",
|
|
180
|
+
alignItems: "flex-start",
|
|
181
|
+
}, children: [_jsx(SceneCard, { image: sceneThumbnail, sceneName: "Simple Numbers and the text title is long and 2 lines", avatar: exampleAvatar, withShadow: true, showOnHover: ["location", "jumpInButton"] }), _jsx(SceneCard, { image: sceneThumbnail, sceneName: "Emoji Badges", coordinates: "1,95", avatar: exampleAvatar, withShadow: true, leftBadge: "\uD83C\uDFC6", rightBadge: "\uD83D\uDD25", showOnHover: ["location", "jumpInButton"] }), _jsx(SceneCard, { image: sceneThumbnail, sceneName: "Custom Components", coordinates: "104,6", avatar: exampleAvatar, withShadow: true, leftBadge: _jsx(Typography, { variant: "caption", fontWeight: "bold", children: "TOP" }), rightBadge: _jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [_jsx(Typography, { variant: "caption", children: "\u2B50" }), _jsx(Typography, { variant: "caption", fontWeight: "bold", children: "4.8" })] }), showOnHover: ["location", "jumpInButton"] }), _jsx(SceneCard, { image: sceneThumbnail, sceneName: "Featured Scene", coordinates: "featured.eth.dcl", avatar: exampleAvatar, withShadow: true, leftBadge: "\u2B50", rightBadge: _jsx(Mana, { inline: true, children: "8.2k" }), showOnHover: ["location", "jumpInButton"] }), _jsx(SceneCard, { image: sceneThumbnail, sceneName: "New Release", coordinates: "newrelease.eth.dcl", avatar: exampleAvatar, withShadow: true, leftBadge: _jsx(Typography, { variant: "caption", fontWeight: "bold", sx: { fontSize: "10px" }, children: "NEW" }), rightBadge: _jsx(Mana, { inline: true, children: "890" }), showOnHover: ["location", "jumpInButton"] }), _jsx(SceneCard, { image: sceneThumbnail, sceneName: "Popular Place", coordinates: "popular.eth.dcl", avatar: exampleAvatar, withShadow: true, leftBadge: "2", rightBadge: _jsx(Mana, { inline: true, children: "15.7k" }), showOnHover: ["location", "jumpInButton"] })] })),
|
|
182
|
+
};
|
|
183
|
+
const RealWorldExamples = {
|
|
184
|
+
render: () => (_jsxs(Box, { sx: {
|
|
185
|
+
display: "flex",
|
|
186
|
+
gap: 3,
|
|
187
|
+
flexWrap: "wrap",
|
|
188
|
+
alignItems: "flex-start",
|
|
189
|
+
}, children: [_jsx(SceneCard, { image: sceneThumbnail, sceneName: "Top Ranking Scene", coordinates: "top-ranking.dcl.eth", avatar: exampleAvatar, withBorder: true, withShadow: true, leftBadge: "1", rightBadge: _jsx(Mana, { inline: true, children: "25.3k" }), showOnHover: ["location", "jumpInButton"] }), _jsx(SceneCard, { image: sceneThumbnail, sceneName: "Featured by DCL", coordinates: "featured.dcl.eth", avatar: exampleAvatar, withShadow: true, leftBadge: "\u2B50", showOnHover: ["location", "jumpInButton"] }), _jsx(SceneCard, { image: sceneThumbnail, sceneName: "New Release", coordinates: "newrelease.eth.dcl", avatar: exampleAvatar, withShadow: true, leftBadge: _jsx(Typography, { variant: "caption", fontWeight: "bold", sx: { fontSize: "10px" }, children: "NEW" }), rightBadge: _jsx(Mana, { inline: true, children: "890" }), showOnHover: ["location", "jumpInButton"] })] })),
|
|
190
|
+
};
|
|
191
|
+
const ShowOnHoverVariations = {
|
|
192
|
+
render: () => (_jsxs(Box, { sx: {
|
|
193
|
+
display: "grid",
|
|
194
|
+
gridTemplateColumns: "repeat(auto-fit, minmax(300px, 1fr))",
|
|
195
|
+
gap: 3,
|
|
196
|
+
width: "100%",
|
|
197
|
+
alignItems: "flex-start",
|
|
198
|
+
}, children: [_jsx(SceneCard, { image: sceneThumbnail, sceneName: "All Always Visible", coordinates: "always-visible.dcl.eth", avatar: exampleAvatar, withShadow: true, leftBadge: "1", rightBadge: _jsx(Mana, { inline: true, children: "5k" }), showOnHover: [] }), _jsx(SceneCard, { image: sceneThumbnail, sceneName: "Left Badge on Hover", coordinates: "left-badge-hover.dcl.eth", avatar: exampleAvatar, withShadow: true, leftBadge: "2", rightBadge: _jsx(Mana, { inline: true, children: "3k" }), showOnHover: ["leftBadge"] }), _jsx(SceneCard, { image: sceneThumbnail, sceneName: "Right Badge on Hover", coordinates: "right-badge-hover.dcl.eth", avatar: exampleAvatar, withShadow: true, leftBadge: "3", rightBadge: _jsx(Mana, { inline: true, children: "2.5k" }), showOnHover: ["rightBadge"] }), _jsx(SceneCard, { image: sceneThumbnail, sceneName: "Avatar on Hover", coordinates: "avatar-hover.dcl.eth", avatar: exampleAvatar, withShadow: true, leftBadge: "4", rightBadge: _jsx(Mana, { inline: true, children: "1.8k" }), showOnHover: ["avatar"] }), _jsx(SceneCard, { image: sceneThumbnail, sceneName: "Location on Hover", coordinates: "location-hover.dcl.eth", avatar: exampleAvatar, withShadow: true, leftBadge: "5", rightBadge: _jsx(Mana, { inline: true, children: "1.2k" }), showOnHover: ["location"] }), _jsx(SceneCard, { image: sceneThumbnail, sceneName: "Button on Hover and Long text Title", coordinates: "button-hover.dcl.eth", avatar: exampleAvatar, withShadow: true, leftBadge: "6", rightBadge: _jsx(Mana, { inline: true, children: "900" }), showOnHover: ["jumpInButton"] }), _jsx(SceneCard, { image: sceneThumbnail, sceneName: "Both Badges on Hover and Long text Title", coordinates: "badges-hover.dcl.eth", avatar: exampleAvatar, withShadow: true, leftBadge: "7", rightBadge: _jsx(Mana, { inline: true, children: "750" }), showOnHover: ["leftBadge", "rightBadge"] }), _jsx(SceneCard, { image: sceneThumbnail, sceneName: "Avatar & Location Hover", coordinates: "avatar-location.dcl.eth", avatar: exampleAvatar, withShadow: true, leftBadge: "8", rightBadge: _jsx(Mana, { inline: true, children: "600" }), showOnHover: ["avatar", "location"] }), _jsx(SceneCard, { image: sceneThumbnail, sceneName: "Location & Button Hover", coordinates: "location-button.dcl.eth", avatar: exampleAvatar, withShadow: true, leftBadge: "9", rightBadge: _jsx(Mana, { inline: true, children: "450" }), showOnHover: ["location", "jumpInButton"] }), _jsx(SceneCard, { image: sceneThumbnail, sceneName: "All on Hover", coordinates: "all-hover.dcl.eth", avatar: exampleAvatar, withShadow: true, leftBadge: "10", rightBadge: _jsx(Mana, { inline: true, children: "300" }), showOnHover: [
|
|
199
|
+
"leftBadge",
|
|
200
|
+
"rightBadge",
|
|
201
|
+
"avatar",
|
|
202
|
+
"location",
|
|
203
|
+
"jumpInButton",
|
|
204
|
+
] }), _jsx(SceneCard, { image: sceneThumbnail, sceneName: "Multiple Elements Hover", coordinates: "multiple-hover.dcl.eth", avatar: exampleAvatar, withShadow: true, leftBadge: "\u2B50", rightBadge: _jsx(Mana, { inline: true, children: "150" }), showOnHover: ["avatar", "location", "jumpInButton"] }), _jsx(SceneCard, { image: sceneThumbnail, sceneName: "Only Title Visible", coordinates: "title-only.dcl.eth", avatar: exampleAvatar, withBorder: true, withShadow: true, leftBadge: _jsx(Typography, { variant: "caption", fontWeight: "bold", sx: { fontSize: "10px" }, children: "NEW" }), rightBadge: _jsx(Mana, { inline: true, children: "100" }), showOnHover: [
|
|
205
|
+
"leftBadge",
|
|
206
|
+
"rightBadge",
|
|
207
|
+
"avatar",
|
|
208
|
+
"location",
|
|
209
|
+
"jumpInButton",
|
|
210
|
+
] })] })),
|
|
211
|
+
};
|
|
212
|
+
// eslint-disable-next-line import/no-default-export
|
|
213
|
+
export default meta;
|
|
214
|
+
export { Default, WithIcon, AllVisible, WithBorder, BadgeVariations, RealWorldExamples, ShowOnHoverVariations, };
|
|
215
|
+
//# sourceMappingURL=SceneCard.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SceneCard.stories.js","sourceRoot":"","sources":["../../../src/components/SceneCard/SceneCard.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
declare const CardContainer: import("@emotion/styled").StyledComponent<import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
2
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
3
|
+
}, "elevation" | "className" | "style" | "classes" | "children" | "square" | "sx" | "variant" | "raised"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
4
|
+
withShadow?: boolean;
|
|
5
|
+
withBorder?: boolean;
|
|
6
|
+
}, {}, {}>;
|
|
7
|
+
declare const StyledCardActionArea: import("@emotion/styled").StyledComponent<import("@mui/material").CardActionAreaOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
8
|
+
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
9
|
+
}, "disabled" | "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
10
|
+
hasVisibleButton?: boolean;
|
|
11
|
+
}, {}, {}>;
|
|
12
|
+
declare const MediaContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
13
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
14
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
15
|
+
declare const StyledCardMedia: import("@emotion/styled").StyledComponent<import("@mui/material").CardMediaOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
16
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
17
|
+
}, "className" | "style" | "classes" | "children" | "sx" | "image" | "src"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
18
|
+
shrinkOnHover?: boolean;
|
|
19
|
+
}, {}, {}>;
|
|
20
|
+
declare const BadgesContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
21
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
22
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
23
|
+
declare const LeftBadge: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
24
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
25
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
26
|
+
showOnHover?: boolean;
|
|
27
|
+
}, {}, {}>;
|
|
28
|
+
declare const RightBadge: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
29
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
30
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
31
|
+
showOnHover?: boolean;
|
|
32
|
+
}, {}, {}>;
|
|
33
|
+
declare const StyledCardContent: import("@emotion/styled").StyledComponent<import("@mui/material").CardContentOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
34
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
35
|
+
}, "className" | "style" | "classes" | "children" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
36
|
+
declare const SceneTitle: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
37
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
38
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
39
|
+
declare const ContentContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
40
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
41
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
42
|
+
declare const AvatarContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
43
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
44
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
45
|
+
showOnHover?: boolean;
|
|
46
|
+
}, {}, {}>;
|
|
47
|
+
declare const AvatarTextContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
48
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
49
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
50
|
+
declare const AvatarLink: import("@emotion/styled").StyledComponent<import("@mui/material").LinkOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
|
|
51
|
+
ref?: ((instance: HTMLAnchorElement | null) => void) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
|
|
52
|
+
}, "typography" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "TypographyClasses" | "underline"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
53
|
+
declare const AvatarAndLocationRow: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
54
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
55
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
56
|
+
declare const LocationChipContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
57
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
58
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
59
|
+
showOnHover?: boolean;
|
|
60
|
+
}, {}, {}>;
|
|
61
|
+
declare const LocationChip: import("@emotion/styled").StyledComponent<import("@mui/material").ChipOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
62
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
63
|
+
}, "disabled" | "icon" | "color" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "label" | "tabIndex" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
64
|
+
declare const JumpInButtonContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
65
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
66
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
67
|
+
showOnHover?: boolean;
|
|
68
|
+
}, {}, {}>;
|
|
69
|
+
declare const SceneInfoContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
70
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
71
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
72
|
+
export { AvatarAndLocationRow, AvatarContainer, AvatarLink, AvatarTextContainer, BadgesContainer, CardContainer, ContentContainer, JumpInButtonContainer, LeftBadge, LocationChip, LocationChipContainer, MediaContainer, RightBadge, SceneInfoContainer, SceneTitle, StyledCardActionArea, StyledCardContent, StyledCardMedia, };
|
|
@@ -0,0 +1,355 @@
|
|
|
1
|
+
import { Box, Card, CardActionArea, CardContent, CardMedia, Chip, Link, styled, } from "@mui/material";
|
|
2
|
+
import { hexToRgba } from "../../utils/colors";
|
|
3
|
+
const CardContainer = styled(Card)(({ theme, withShadow, withBorder }) => ({
|
|
4
|
+
borderRadius: theme.spacing(2),
|
|
5
|
+
boxSizing: "border-box",
|
|
6
|
+
maxWidth: theme.spacing(50.625),
|
|
7
|
+
backgroundColor: "transparent",
|
|
8
|
+
position: "relative",
|
|
9
|
+
overflow: "hidden",
|
|
10
|
+
transition: [
|
|
11
|
+
theme.transitions.create("transform", {
|
|
12
|
+
duration: theme.transitions.duration.complex,
|
|
13
|
+
}),
|
|
14
|
+
theme.transitions.create("box-shadow", {
|
|
15
|
+
duration: theme.transitions.duration.complex,
|
|
16
|
+
}),
|
|
17
|
+
theme.transitions.create(["height", "min-height"], {
|
|
18
|
+
duration: theme.transitions.duration.complex,
|
|
19
|
+
}),
|
|
20
|
+
],
|
|
21
|
+
...(withBorder && {
|
|
22
|
+
"&::before": {
|
|
23
|
+
content: '""',
|
|
24
|
+
position: "absolute",
|
|
25
|
+
inset: 0,
|
|
26
|
+
borderRadius: theme.spacing(2),
|
|
27
|
+
background: "linear-gradient(to bottom, #FF2D55, #FFBC5B)",
|
|
28
|
+
mask: `linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)`,
|
|
29
|
+
maskComposite: "exclude",
|
|
30
|
+
padding: theme.spacing(0.5),
|
|
31
|
+
pointerEvents: "none",
|
|
32
|
+
zIndex: 1,
|
|
33
|
+
},
|
|
34
|
+
}),
|
|
35
|
+
[theme.breakpoints.up("sm")]: {
|
|
36
|
+
"&:hover": {
|
|
37
|
+
boxShadow: withShadow
|
|
38
|
+
? `0px 0px 20px 6px ${hexToRgba("#DD56FF", 0.37)}`
|
|
39
|
+
: "none",
|
|
40
|
+
transition: [
|
|
41
|
+
theme.transitions.create("transform", {
|
|
42
|
+
duration: theme.transitions.duration.complex,
|
|
43
|
+
}),
|
|
44
|
+
theme.transitions.create("box-shadow", {
|
|
45
|
+
duration: theme.transitions.duration.complex,
|
|
46
|
+
}),
|
|
47
|
+
theme.transitions.create(["height", "min-height"], {
|
|
48
|
+
duration: theme.transitions.duration.complex,
|
|
49
|
+
}),
|
|
50
|
+
].join(", "),
|
|
51
|
+
},
|
|
52
|
+
},
|
|
53
|
+
}));
|
|
54
|
+
const StyledCardActionArea = styled(CardActionArea)(({ theme, hasVisibleButton }) => ({
|
|
55
|
+
borderRadius: theme.spacing(2),
|
|
56
|
+
overflow: "hidden",
|
|
57
|
+
height: hasVisibleButton ? theme.spacing(56) : theme.spacing(48.5),
|
|
58
|
+
display: "flex",
|
|
59
|
+
flexDirection: "column",
|
|
60
|
+
position: "relative",
|
|
61
|
+
backgroundColor: "transparent",
|
|
62
|
+
"&:hover .MuiCardActionArea-focusHighlight": {
|
|
63
|
+
opacity: 0,
|
|
64
|
+
},
|
|
65
|
+
[theme.breakpoints.down("sm")]: {
|
|
66
|
+
height: "auto",
|
|
67
|
+
},
|
|
68
|
+
}));
|
|
69
|
+
const MediaContainer = styled(Box)({
|
|
70
|
+
position: "relative",
|
|
71
|
+
flexShrink: 0,
|
|
72
|
+
width: "100%",
|
|
73
|
+
});
|
|
74
|
+
const StyledCardMedia = styled(CardMedia)(({ theme, shrinkOnHover }) => ({
|
|
75
|
+
height: shrinkOnHover ? theme.spacing(28) : theme.spacing(32),
|
|
76
|
+
width: "100%",
|
|
77
|
+
borderRadius: `${theme.spacing(2)} ${theme.spacing(2)} 0 0`,
|
|
78
|
+
backgroundSize: "cover",
|
|
79
|
+
paddingBottom: "50%",
|
|
80
|
+
...(shrinkOnHover && {
|
|
81
|
+
[theme.breakpoints.up("sm")]: {
|
|
82
|
+
transition: theme.transitions.create("height", {
|
|
83
|
+
duration: theme.transitions.duration.complex,
|
|
84
|
+
}),
|
|
85
|
+
".MuiCardActionArea-root:hover &": {
|
|
86
|
+
height: theme.spacing(24),
|
|
87
|
+
},
|
|
88
|
+
},
|
|
89
|
+
}),
|
|
90
|
+
[theme.breakpoints.down("sm")]: {
|
|
91
|
+
height: theme.spacing(25),
|
|
92
|
+
},
|
|
93
|
+
}));
|
|
94
|
+
const BadgesContainer = styled(Box)(({ theme }) => ({
|
|
95
|
+
position: "absolute",
|
|
96
|
+
top: theme.spacing(2),
|
|
97
|
+
left: theme.spacing(2),
|
|
98
|
+
right: theme.spacing(2),
|
|
99
|
+
display: "flex",
|
|
100
|
+
alignItems: "center",
|
|
101
|
+
justifyContent: "space-between",
|
|
102
|
+
gap: theme.spacing(1),
|
|
103
|
+
zIndex: 10,
|
|
104
|
+
pointerEvents: "none",
|
|
105
|
+
"& > *": {
|
|
106
|
+
pointerEvents: "auto",
|
|
107
|
+
},
|
|
108
|
+
}));
|
|
109
|
+
const LeftBadge = styled(Box)(({ theme, showOnHover }) => ({
|
|
110
|
+
padding: theme.spacing(1, 1),
|
|
111
|
+
minWidth: theme.spacing(4),
|
|
112
|
+
height: theme.spacing(4),
|
|
113
|
+
maxWidth: "45%",
|
|
114
|
+
backgroundColor: theme.palette.background.default,
|
|
115
|
+
color: theme.palette.text.primary,
|
|
116
|
+
borderRadius: theme.spacing(1),
|
|
117
|
+
display: "flex",
|
|
118
|
+
alignItems: "center",
|
|
119
|
+
justifyContent: "center",
|
|
120
|
+
fontSize: theme.typography.subtitle1.fontSize,
|
|
121
|
+
fontWeight: theme.typography.fontWeightBold,
|
|
122
|
+
overflow: "hidden",
|
|
123
|
+
"& > *": {
|
|
124
|
+
overflow: "hidden",
|
|
125
|
+
textOverflow: "ellipsis",
|
|
126
|
+
whiteSpace: "nowrap",
|
|
127
|
+
minWidth: 0,
|
|
128
|
+
maxWidth: "100%",
|
|
129
|
+
},
|
|
130
|
+
...(showOnHover && {
|
|
131
|
+
[theme.breakpoints.up("sm")]: {
|
|
132
|
+
opacity: 0,
|
|
133
|
+
visibility: "hidden",
|
|
134
|
+
transition: [
|
|
135
|
+
theme.transitions.create("opacity", {
|
|
136
|
+
duration: theme.transitions.duration.complex,
|
|
137
|
+
}),
|
|
138
|
+
theme.transitions.create("visibility", {
|
|
139
|
+
duration: theme.transitions.duration.complex,
|
|
140
|
+
}),
|
|
141
|
+
].join(", "),
|
|
142
|
+
".MuiCardActionArea-root:hover &": {
|
|
143
|
+
opacity: 1,
|
|
144
|
+
visibility: "visible",
|
|
145
|
+
},
|
|
146
|
+
},
|
|
147
|
+
}),
|
|
148
|
+
}));
|
|
149
|
+
const RightBadge = styled(Box)(({ theme, showOnHover }) => ({
|
|
150
|
+
padding: theme.spacing(1, 2),
|
|
151
|
+
height: theme.spacing(4),
|
|
152
|
+
maxWidth: "45%",
|
|
153
|
+
backgroundColor: theme.palette.background.default,
|
|
154
|
+
color: theme.palette.text.primary,
|
|
155
|
+
borderRadius: theme.spacing(1.5),
|
|
156
|
+
display: "flex",
|
|
157
|
+
alignItems: "center",
|
|
158
|
+
justifyContent: "center",
|
|
159
|
+
fontSize: theme.typography.body1.fontSize,
|
|
160
|
+
overflow: "hidden",
|
|
161
|
+
"& > *": {
|
|
162
|
+
overflow: "hidden",
|
|
163
|
+
textOverflow: "ellipsis",
|
|
164
|
+
whiteSpace: "nowrap",
|
|
165
|
+
minWidth: 0,
|
|
166
|
+
maxWidth: "100%",
|
|
167
|
+
},
|
|
168
|
+
...(showOnHover && {
|
|
169
|
+
[theme.breakpoints.up("sm")]: {
|
|
170
|
+
opacity: 0,
|
|
171
|
+
visibility: "hidden",
|
|
172
|
+
transition: [
|
|
173
|
+
theme.transitions.create("opacity", {
|
|
174
|
+
duration: theme.transitions.duration.complex,
|
|
175
|
+
}),
|
|
176
|
+
theme.transitions.create("visibility", {
|
|
177
|
+
duration: theme.transitions.duration.complex,
|
|
178
|
+
}),
|
|
179
|
+
].join(", "),
|
|
180
|
+
".MuiCardActionArea-root:hover &": {
|
|
181
|
+
opacity: 1,
|
|
182
|
+
visibility: "visible",
|
|
183
|
+
},
|
|
184
|
+
},
|
|
185
|
+
}),
|
|
186
|
+
}));
|
|
187
|
+
const StyledCardContent = styled(CardContent)(({ theme }) => ({
|
|
188
|
+
backgroundColor: theme.palette.mode === "dark"
|
|
189
|
+
? "rgba(0, 0, 0, 0.4)"
|
|
190
|
+
: "rgba(255, 255, 255, 0.4)",
|
|
191
|
+
borderRadius: `0 0 ${theme.spacing(2)} ${theme.spacing(2)}`,
|
|
192
|
+
display: "flex",
|
|
193
|
+
flexDirection: "column",
|
|
194
|
+
justifyContent: "space-between",
|
|
195
|
+
width: "100%",
|
|
196
|
+
flex: "1 1 auto",
|
|
197
|
+
minHeight: theme.spacing(17),
|
|
198
|
+
}));
|
|
199
|
+
const SceneTitle = styled(Box)({
|
|
200
|
+
display: "-webkit-box",
|
|
201
|
+
WebkitLineClamp: 2,
|
|
202
|
+
WebkitBoxOrient: "vertical",
|
|
203
|
+
overflow: "hidden",
|
|
204
|
+
textOverflow: "ellipsis",
|
|
205
|
+
wordBreak: "break-word",
|
|
206
|
+
});
|
|
207
|
+
const ContentContainer = styled(Box)(({ theme }) => ({
|
|
208
|
+
display: "flex",
|
|
209
|
+
flexDirection: "column",
|
|
210
|
+
height: "100%",
|
|
211
|
+
justifyContent: "space-between",
|
|
212
|
+
gap: theme.spacing(1),
|
|
213
|
+
[theme.breakpoints.down("sm")]: {
|
|
214
|
+
flexDirection: "row",
|
|
215
|
+
alignItems: "center",
|
|
216
|
+
gap: theme.spacing(2),
|
|
217
|
+
},
|
|
218
|
+
}));
|
|
219
|
+
const AvatarContainer = styled(Box)(({ theme, showOnHover }) => ({
|
|
220
|
+
display: "flex",
|
|
221
|
+
gap: theme.spacing(1),
|
|
222
|
+
alignItems: "center",
|
|
223
|
+
flex: "1 1 auto",
|
|
224
|
+
maxWidth: "50%",
|
|
225
|
+
overflow: "hidden",
|
|
226
|
+
[theme.breakpoints.down("sm")]: {
|
|
227
|
+
maxWidth: "100%",
|
|
228
|
+
},
|
|
229
|
+
...(showOnHover && {
|
|
230
|
+
[theme.breakpoints.up("sm")]: {
|
|
231
|
+
opacity: 0,
|
|
232
|
+
height: 0,
|
|
233
|
+
transition: [
|
|
234
|
+
theme.transitions.create("opacity", {
|
|
235
|
+
duration: theme.transitions.duration.complex,
|
|
236
|
+
}),
|
|
237
|
+
theme.transitions.create("height", {
|
|
238
|
+
duration: theme.transitions.duration.complex,
|
|
239
|
+
}),
|
|
240
|
+
].join(", "),
|
|
241
|
+
".MuiCardActionArea-root:hover &": {
|
|
242
|
+
opacity: 1,
|
|
243
|
+
height: "auto",
|
|
244
|
+
},
|
|
245
|
+
},
|
|
246
|
+
}),
|
|
247
|
+
}));
|
|
248
|
+
const AvatarTextContainer = styled(Box)({
|
|
249
|
+
flex: 1,
|
|
250
|
+
minWidth: 0,
|
|
251
|
+
overflow: "hidden",
|
|
252
|
+
"& .MuiTypography-root": {
|
|
253
|
+
overflow: "hidden",
|
|
254
|
+
textOverflow: "ellipsis",
|
|
255
|
+
whiteSpace: "nowrap",
|
|
256
|
+
},
|
|
257
|
+
});
|
|
258
|
+
const AvatarLink = styled(Link)(({ theme }) => ({
|
|
259
|
+
textDecoration: "none",
|
|
260
|
+
fontWeight: theme.typography.fontWeightBold,
|
|
261
|
+
"&:hover": {
|
|
262
|
+
textDecoration: "none",
|
|
263
|
+
},
|
|
264
|
+
}));
|
|
265
|
+
const AvatarAndLocationRow = styled(Box)(({ theme }) => ({
|
|
266
|
+
display: "flex",
|
|
267
|
+
gap: theme.spacing(1),
|
|
268
|
+
alignItems: "center",
|
|
269
|
+
justifyContent: "space-between",
|
|
270
|
+
flex: 1,
|
|
271
|
+
minWidth: 0,
|
|
272
|
+
}));
|
|
273
|
+
const LocationChipContainer = styled(Box)(({ theme, showOnHover }) => ({
|
|
274
|
+
flex: "1 1 auto",
|
|
275
|
+
minWidth: 0,
|
|
276
|
+
maxWidth: "50%",
|
|
277
|
+
display: "flex",
|
|
278
|
+
justifyContent: "flex-end",
|
|
279
|
+
...(showOnHover && {
|
|
280
|
+
opacity: 0,
|
|
281
|
+
height: 0,
|
|
282
|
+
overflow: "hidden",
|
|
283
|
+
transform: "translateX(20px)",
|
|
284
|
+
transition: [
|
|
285
|
+
theme.transitions.create("opacity", {
|
|
286
|
+
duration: theme.transitions.duration.complex,
|
|
287
|
+
}),
|
|
288
|
+
theme.transitions.create("height", {
|
|
289
|
+
duration: theme.transitions.duration.complex,
|
|
290
|
+
}),
|
|
291
|
+
theme.transitions.create("transform", {
|
|
292
|
+
duration: theme.transitions.duration.complex,
|
|
293
|
+
}),
|
|
294
|
+
].join(", "),
|
|
295
|
+
".MuiCardActionArea-root:hover &": {
|
|
296
|
+
opacity: 1,
|
|
297
|
+
height: "auto",
|
|
298
|
+
transform: "translateX(0)",
|
|
299
|
+
},
|
|
300
|
+
}),
|
|
301
|
+
[theme.breakpoints.down("sm")]: {
|
|
302
|
+
display: "none",
|
|
303
|
+
},
|
|
304
|
+
}));
|
|
305
|
+
const LocationChip = styled(Chip)(({ theme }) => ({
|
|
306
|
+
backgroundColor: theme.palette.mode === "dark"
|
|
307
|
+
? "rgba(0, 0, 0, 0.4)"
|
|
308
|
+
: "rgba(255, 255, 255, 0.4)",
|
|
309
|
+
color: theme.palette.text.primary,
|
|
310
|
+
cursor: "pointer",
|
|
311
|
+
borderRadius: theme.spacing(1),
|
|
312
|
+
maxWidth: "100%",
|
|
313
|
+
"& .MuiChip-label": {
|
|
314
|
+
overflow: "hidden",
|
|
315
|
+
textOverflow: "ellipsis",
|
|
316
|
+
whiteSpace: "nowrap",
|
|
317
|
+
},
|
|
318
|
+
"& path:last-child": {
|
|
319
|
+
fill: theme.palette.text.primary,
|
|
320
|
+
},
|
|
321
|
+
}));
|
|
322
|
+
const JumpInButtonContainer = styled(Box)(({ theme, showOnHover }) => ({
|
|
323
|
+
...(showOnHover && {
|
|
324
|
+
[theme.breakpoints.up("sm")]: {
|
|
325
|
+
opacity: 0,
|
|
326
|
+
height: 0,
|
|
327
|
+
overflow: "hidden",
|
|
328
|
+
transform: "translateY(20px)",
|
|
329
|
+
transition: [
|
|
330
|
+
theme.transitions.create("opacity", {
|
|
331
|
+
duration: theme.transitions.duration.complex,
|
|
332
|
+
}),
|
|
333
|
+
theme.transitions.create("height", {
|
|
334
|
+
duration: theme.transitions.duration.complex,
|
|
335
|
+
}),
|
|
336
|
+
theme.transitions.create("transform", {
|
|
337
|
+
duration: theme.transitions.duration.complex,
|
|
338
|
+
}),
|
|
339
|
+
].join(", "),
|
|
340
|
+
".MuiCardActionArea-root:hover &": {
|
|
341
|
+
opacity: 1,
|
|
342
|
+
height: "auto",
|
|
343
|
+
transform: "translateY(0)",
|
|
344
|
+
},
|
|
345
|
+
},
|
|
346
|
+
}),
|
|
347
|
+
[theme.breakpoints.down("sm")]: {
|
|
348
|
+
display: "none",
|
|
349
|
+
},
|
|
350
|
+
}));
|
|
351
|
+
const SceneInfoContainer = styled(Box)({
|
|
352
|
+
width: "100%",
|
|
353
|
+
});
|
|
354
|
+
export { AvatarAndLocationRow, AvatarContainer, AvatarLink, AvatarTextContainer, BadgesContainer, CardContainer, ContentContainer, JumpInButtonContainer, LeftBadge, LocationChip, LocationChipContainer, MediaContainer, RightBadge, SceneInfoContainer, SceneTitle, StyledCardActionArea, StyledCardContent, StyledCardMedia, };
|
|
355
|
+
//# sourceMappingURL=SceneCard.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SceneCard.styled.js","sourceRoot":"","sources":["../../../src/components/SceneCard/SceneCard.styled.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import { Avatar } from "@dcl/schemas";
|
|
3
|
+
type SceneCardHoverElement = "leftBadge" | "rightBadge" | "avatar" | "location" | "jumpInButton";
|
|
4
|
+
interface SceneCardProps {
|
|
5
|
+
image: string;
|
|
6
|
+
sceneName: string;
|
|
7
|
+
avatar?: Avatar;
|
|
8
|
+
coordinates?: string;
|
|
9
|
+
withShadow?: boolean;
|
|
10
|
+
withBorder?: boolean;
|
|
11
|
+
leftBadge?: string | ReactNode;
|
|
12
|
+
rightBadge?: string | ReactNode;
|
|
13
|
+
showOnHover?: SceneCardHoverElement[];
|
|
14
|
+
}
|
|
15
|
+
export type { SceneCardHoverElement, SceneCardProps };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SceneCard.types.js","sourceRoot":"","sources":["../../../src/components/SceneCard/SceneCard.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SceneCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}
|
package/dist/index.d.ts
CHANGED
|
@@ -28,10 +28,12 @@ export * from "./components/Banner";
|
|
|
28
28
|
export * from "./components/WearablePreview";
|
|
29
29
|
export * from "./components/Profile";
|
|
30
30
|
export * from "./components/Footer";
|
|
31
|
+
export * from "./components/FooterLanding";
|
|
31
32
|
export * from "./components/LanguageDropdown";
|
|
32
33
|
export * from "./components/RarityBadge";
|
|
33
34
|
export * from "./components/CatalogCard";
|
|
34
35
|
export * from "./components/CreditsToggle";
|
|
36
|
+
export * from "./components/SceneCard";
|
|
35
37
|
export * as dclNetworkUtils from "./lib/network";
|
|
36
38
|
export * from "./modules/jumpIn";
|
|
37
39
|
export * as dclTools from "./modules";
|
package/dist/index.js
CHANGED
|
@@ -29,10 +29,12 @@ export * from "./components/Banner";
|
|
|
29
29
|
export * from "./components/WearablePreview";
|
|
30
30
|
export * from "./components/Profile";
|
|
31
31
|
export * from "./components/Footer";
|
|
32
|
+
export * from "./components/FooterLanding";
|
|
32
33
|
export * from "./components/LanguageDropdown";
|
|
33
34
|
export * from "./components/RarityBadge";
|
|
34
35
|
export * from "./components/CatalogCard";
|
|
35
36
|
export * from "./components/CreditsToggle";
|
|
37
|
+
export * from "./components/SceneCard";
|
|
36
38
|
export * as dclNetworkUtils from "./lib/network";
|
|
37
39
|
export * from "./modules/jumpIn";
|
|
38
40
|
export * as dclTools from "./modules";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAA;AAC9C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAA;AAE/C,gBAAgB;AAChB,OAAO,EACL,KAAK,IAAI,UAAU,EACnB,IAAI,IAAI,SAAS,EACjB,aAAa,IAAI,gBAAgB,GAClC,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,SAAS,MAAM,gBAAgB,CAAA;AAE3C,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAA;AAC9D,cAAc,sBAAsB,CAAA;AACpC,OAAO,KAAK,eAAe,MAAM,iCAAiC,CAAA;AAClE,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,OAAO,KAAK,QAAQ,MAAM,oBAAoB,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAA;AAC9C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAA;AAE/C,gBAAgB;AAChB,OAAO,EACL,KAAK,IAAI,UAAU,EACnB,IAAI,IAAI,SAAS,EACjB,aAAa,IAAI,gBAAgB,GAClC,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,SAAS,MAAM,gBAAgB,CAAA;AAE3C,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAA;AAC9D,cAAc,sBAAsB,CAAA;AACpC,OAAO,KAAK,eAAe,MAAM,iCAAiC,CAAA;AAClE,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,OAAO,KAAK,QAAQ,MAAM,oBAAoB,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AAEtC,OAAO,KAAK,eAAe,MAAM,eAAe,CAAA;AAEhD,cAAc,kBAAkB,CAAA;AAChC,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAA;AAErC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA"}
|
package/dist/modules/jumpIn.d.ts
CHANGED
package/dist/modules/jumpIn.js
CHANGED
|
@@ -4,6 +4,8 @@ function buildDecentralandUrl(opts) {
|
|
|
4
4
|
params.set("position", opts.position);
|
|
5
5
|
if (opts.realm)
|
|
6
6
|
params.set("realm", opts.realm);
|
|
7
|
+
if (opts.communityId)
|
|
8
|
+
params.set("community", opts.communityId);
|
|
7
9
|
return `decentraland://?${params.toString()}`;
|
|
8
10
|
}
|
|
9
11
|
function isElectronApp() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"jumpIn.js","sourceRoot":"","sources":["../../src/modules/jumpIn.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"jumpIn.js","sourceRoot":"","sources":["../../src/modules/jumpIn.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "decentraland-ui2",
|
|
3
|
-
"version": "0.44.2-
|
|
3
|
+
"version": "0.44.2-20065194086.commit-a96065e",
|
|
4
4
|
"description": "Decentraland's UI components and styles",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -100,5 +100,5 @@
|
|
|
100
100
|
"files": [
|
|
101
101
|
"dist"
|
|
102
102
|
],
|
|
103
|
-
"commit": "
|
|
103
|
+
"commit": "a96065ee0358d43c230670f5cdc11e7ea81569fb"
|
|
104
104
|
}
|