decentraland-ui2 0.45.2 → 0.45.3-20110676064.commit-a4a3462
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/ScenesTable/ScenesTable.d.ts +3 -0
- package/dist/components/ScenesTable/ScenesTable.js +38 -0
- package/dist/components/ScenesTable/ScenesTable.js.map +1 -0
- package/dist/components/ScenesTable/ScenesTable.stories.d.ts +8 -0
- package/dist/components/ScenesTable/ScenesTable.stories.js +176 -0
- package/dist/components/ScenesTable/ScenesTable.stories.js.map +1 -0
- package/dist/components/ScenesTable/ScenesTable.types.d.ts +14 -0
- package/dist/components/ScenesTable/ScenesTable.types.js +2 -0
- package/dist/components/ScenesTable/ScenesTable.types.js.map +1 -0
- package/dist/components/ScenesTable/index.d.ts +2 -0
- package/dist/components/ScenesTable/index.js +2 -0
- package/dist/components/ScenesTable/index.js.map +1 -0
- package/dist/components/ScenesTable/rows/ActionRow/ActionRow.d.ts +3 -0
- package/dist/components/ScenesTable/rows/ActionRow/ActionRow.js +22 -0
- package/dist/components/ScenesTable/rows/ActionRow/ActionRow.js.map +1 -0
- package/dist/components/ScenesTable/rows/ActionRow/ActionRow.styled.d.ts +12 -0
- package/dist/components/ScenesTable/rows/ActionRow/ActionRow.styled.js +68 -0
- package/dist/components/ScenesTable/rows/ActionRow/ActionRow.styled.js.map +1 -0
- package/dist/components/ScenesTable/rows/ActionRow/ActionRow.types.d.ts +5 -0
- package/dist/components/ScenesTable/rows/ActionRow/ActionRow.types.js +2 -0
- package/dist/components/ScenesTable/rows/ActionRow/ActionRow.types.js.map +1 -0
- package/dist/components/ScenesTable/rows/ActionRow/index.d.ts +2 -0
- package/dist/components/ScenesTable/rows/ActionRow/index.js +2 -0
- package/dist/components/ScenesTable/rows/ActionRow/index.js.map +1 -0
- package/dist/components/ScenesTable/rows/AvatarRow/AvatarRow.d.ts +3 -0
- package/dist/components/ScenesTable/rows/AvatarRow/AvatarRow.js +10 -0
- package/dist/components/ScenesTable/rows/AvatarRow/AvatarRow.js.map +1 -0
- package/dist/components/ScenesTable/rows/AvatarRow/AvatarRow.types.d.ts +5 -0
- package/dist/components/ScenesTable/rows/AvatarRow/AvatarRow.types.js +2 -0
- package/dist/components/ScenesTable/rows/AvatarRow/AvatarRow.types.js.map +1 -0
- package/dist/components/ScenesTable/rows/AvatarRow/index.d.ts +2 -0
- package/dist/components/ScenesTable/rows/AvatarRow/index.js +2 -0
- package/dist/components/ScenesTable/rows/AvatarRow/index.js.map +1 -0
- package/dist/components/ScenesTable/rows/LocationRow/LocationRow.d.ts +3 -0
- package/dist/components/ScenesTable/rows/LocationRow/LocationRow.js +15 -0
- package/dist/components/ScenesTable/rows/LocationRow/LocationRow.js.map +1 -0
- package/dist/components/ScenesTable/rows/LocationRow/LocationRow.styled.d.ts +7 -0
- package/dist/components/ScenesTable/rows/LocationRow/LocationRow.styled.js +22 -0
- package/dist/components/ScenesTable/rows/LocationRow/LocationRow.styled.js.map +1 -0
- package/dist/components/ScenesTable/rows/LocationRow/LocationRow.types.d.ts +4 -0
- package/dist/components/ScenesTable/rows/LocationRow/LocationRow.types.js +2 -0
- package/dist/components/ScenesTable/rows/LocationRow/LocationRow.types.js.map +1 -0
- package/dist/components/ScenesTable/rows/LocationRow/index.d.ts +2 -0
- package/dist/components/ScenesTable/rows/LocationRow/index.js +2 -0
- package/dist/components/ScenesTable/rows/LocationRow/index.js.map +1 -0
- package/dist/components/ScenesTable/rows/SceneRow/SceneRow.d.ts +3 -0
- package/dist/components/ScenesTable/rows/SceneRow/SceneRow.js +13 -0
- package/dist/components/ScenesTable/rows/SceneRow/SceneRow.js.map +1 -0
- package/dist/components/ScenesTable/rows/SceneRow/SceneRow.styled.d.ts +26 -0
- package/dist/components/ScenesTable/rows/SceneRow/SceneRow.styled.js +88 -0
- package/dist/components/ScenesTable/rows/SceneRow/SceneRow.styled.js.map +1 -0
- package/dist/components/ScenesTable/rows/SceneRow/SceneRow.types.d.ts +8 -0
- package/dist/components/ScenesTable/rows/SceneRow/SceneRow.types.js +2 -0
- package/dist/components/ScenesTable/rows/SceneRow/SceneRow.types.js.map +1 -0
- package/dist/components/ScenesTable/rows/SceneRow/index.d.ts +2 -0
- package/dist/components/ScenesTable/rows/SceneRow/index.js +2 -0
- package/dist/components/ScenesTable/rows/SceneRow/index.js.map +1 -0
- package/dist/components/ScenesTable/rows/index.d.ts +8 -0
- package/dist/components/ScenesTable/rows/index.js +5 -0
- package/dist/components/ScenesTable/rows/index.js.map +1 -0
- package/dist/components/Table/Table.d.ts +7 -0
- package/dist/components/Table/Table.js +21 -0
- package/dist/components/Table/Table.js.map +1 -0
- package/dist/components/Table/Table.stories.d.ts +17 -0
- package/dist/components/Table/Table.stories.js +183 -0
- package/dist/components/Table/Table.stories.js.map +1 -0
- package/dist/components/Table/Table.styled.d.ts +41 -0
- package/dist/components/Table/Table.styled.js +121 -0
- package/dist/components/Table/Table.styled.js.map +1 -0
- package/dist/components/Table/Table.types.d.ts +24 -0
- package/dist/components/Table/Table.types.js +2 -0
- package/dist/components/Table/Table.types.js.map +1 -0
- package/dist/components/Table/index.d.ts +2 -0
- package/dist/components/Table/index.js +2 -0
- package/dist/components/Table/index.js.map +1 -0
- package/dist/components/UserLabel/UserLabel.d.ts +3 -0
- package/dist/components/UserLabel/UserLabel.js +12 -0
- package/dist/components/UserLabel/UserLabel.js.map +1 -0
- package/dist/components/UserLabel/UserLabel.stories.d.ts +7 -0
- package/dist/components/UserLabel/UserLabel.stories.js +93 -0
- package/dist/components/UserLabel/UserLabel.stories.js.map +1 -0
- package/dist/components/UserLabel/UserLabel.styled.d.ts +7 -0
- package/dist/components/UserLabel/UserLabel.styled.js +17 -0
- package/dist/components/UserLabel/UserLabel.styled.js.map +1 -0
- package/dist/components/UserLabel/UserLabel.types.d.ts +5 -0
- package/dist/components/UserLabel/UserLabel.types.js +2 -0
- package/dist/components/UserLabel/UserLabel.types.js.map +1 -0
- package/dist/components/UserLabel/index.d.ts +2 -0
- package/dist/components/UserLabel/index.js +2 -0
- package/dist/components/UserLabel/index.js.map +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -1
- package/dist/theme/colors.d.ts +3 -0
- package/dist/theme/colors.js +6 -0
- package/dist/theme/colors.js.map +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { memo, useMemo } from "react";
|
|
3
|
+
import { ActionRow, AvatarRow, LocationRow, SceneRow } from "./rows";
|
|
4
|
+
import { Table } from "../Table";
|
|
5
|
+
const ScenesTable = memo((props) => {
|
|
6
|
+
const { rows } = props;
|
|
7
|
+
const columns = useMemo(() => [
|
|
8
|
+
{
|
|
9
|
+
id: "scene",
|
|
10
|
+
header: "Scene Name",
|
|
11
|
+
width: { desktop: "40%", mobile: "100%" },
|
|
12
|
+
cellPadding: 0,
|
|
13
|
+
render: (row) => (_jsx(SceneRow, { name: row.sceneName, thumbnail: row.thumbnail, creator: row.creator, location: row.location })),
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
id: "creator",
|
|
17
|
+
header: "Creator",
|
|
18
|
+
hideOnMobile: true,
|
|
19
|
+
render: (row) => _jsx(AvatarRow, { avatar: row.creator }),
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
id: "location",
|
|
23
|
+
header: "Location",
|
|
24
|
+
hideOnMobile: true,
|
|
25
|
+
render: (row) => _jsx(LocationRow, { location: row.location }),
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
id: "action",
|
|
29
|
+
header: "",
|
|
30
|
+
width: { mobile: 50 },
|
|
31
|
+
render: (row) => (_jsx(ActionRow, { positionChange: row.positionChange, location: row.location })),
|
|
32
|
+
},
|
|
33
|
+
], []);
|
|
34
|
+
return _jsx(Table, { columns: columns, rows: rows });
|
|
35
|
+
});
|
|
36
|
+
ScenesTable.displayName = "ScenesTable";
|
|
37
|
+
export { ScenesTable };
|
|
38
|
+
//# sourceMappingURL=ScenesTable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScenesTable.js","sourceRoot":"","sources":["../../../src/components/ScenesTable/ScenesTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACpE,OAAO,EAAU,KAAK,EAAE,MAAM,UAAU,CAAA;AAGxC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC,KAAuB,EAAE,EAAE;IACnD,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IAEtB,MAAM,OAAO,GAA2B,OAAO,CAC7C,GAAG,EAAE,CAAC;QACJ;YACE,EAAE,EAAE,OAAO;YACX,MAAM,EAAE,YAAY;YACpB,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;YACzC,WAAW,EAAE,CAAC;YACd,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CACf,KAAC,QAAQ,IACP,IAAI,EAAE,GAAG,CAAC,SAAS,EACnB,SAAS,EAAE,GAAG,CAAC,SAAS,EACxB,OAAO,EAAE,GAAG,CAAC,OAAO,EACpB,QAAQ,EAAE,GAAG,CAAC,QAAQ,GACtB,CACH;SACF;QACD;YACE,EAAE,EAAE,SAAS;YACb,MAAM,EAAE,SAAS;YACjB,YAAY,EAAE,IAAI;YAClB,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,KAAC,SAAS,IAAC,MAAM,EAAE,GAAG,CAAC,OAAO,GAAI;SACpD;QACD;YACE,EAAE,EAAE,UAAU;YACd,MAAM,EAAE,UAAU;YAClB,YAAY,EAAE,IAAI;YAClB,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,KAAC,WAAW,IAAC,QAAQ,EAAE,GAAG,CAAC,QAAQ,GAAI;SACzD;QACD;YACE,EAAE,EAAE,QAAQ;YACZ,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;YACrB,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CACf,KAAC,SAAS,IACR,cAAc,EAAE,GAAG,CAAC,cAAc,EAClC,QAAQ,EAAE,GAAG,CAAC,QAAQ,GACtB,CACH;SACF;KACF,EACD,EAAE,CACH,CAAA;IAED,OAAO,KAAC,KAAK,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAI,CAAA;AAChD,CAAC,CAAC,CAAA;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ScenesTable } from "./ScenesTable";
|
|
2
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
3
|
+
declare const meta: Meta<typeof ScenesTable>;
|
|
4
|
+
type Story = StoryObj<typeof ScenesTable>;
|
|
5
|
+
declare const Default: Story;
|
|
6
|
+
declare const WithColorBorders: Story;
|
|
7
|
+
export default meta;
|
|
8
|
+
export { Default, WithColorBorders };
|
|
@@ -0,0 +1,176 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { ScenesTable } from "./ScenesTable";
|
|
3
|
+
import sceneThumbnail from "../../Assets/scene-thumbnail.png";
|
|
4
|
+
import { gradient } from "../../theme/colors";
|
|
5
|
+
const exampleAvatar = {
|
|
6
|
+
hasClaimedName: true,
|
|
7
|
+
description: "",
|
|
8
|
+
tutorialStep: 256,
|
|
9
|
+
name: "alelevyyyy",
|
|
10
|
+
userId: "0xe3fc7040653768efb2941a6c26fdb868ed36ca99",
|
|
11
|
+
email: "",
|
|
12
|
+
ethAddress: "0xe3fc7040653768efb2941a6c26fdb868ed36ca99",
|
|
13
|
+
version: 5,
|
|
14
|
+
avatar: {
|
|
15
|
+
bodyShape: "urn:decentraland:off-chain:base-avatars:BaseFemale",
|
|
16
|
+
wearables: [
|
|
17
|
+
"urn:decentraland:off-chain:base-avatars:black_top",
|
|
18
|
+
"urn:decentraland:off-chain:base-avatars:kilt",
|
|
19
|
+
"urn:decentraland:off-chain:base-avatars:SchoolShoes",
|
|
20
|
+
"urn:decentraland:off-chain:base-avatars:matrix_sunglasses",
|
|
21
|
+
"urn:decentraland:off-chain:base-avatars:thunder_02_earring",
|
|
22
|
+
"urn:decentraland:off-chain:base-avatars:hair_undere",
|
|
23
|
+
"urn:decentraland:off-chain:base-avatars:f_eyes_06",
|
|
24
|
+
],
|
|
25
|
+
forceRender: [],
|
|
26
|
+
emotes: [
|
|
27
|
+
{ slot: 0, urn: "handsair" },
|
|
28
|
+
{ slot: 1, urn: "wave" },
|
|
29
|
+
{ slot: 2, urn: "fistpump" },
|
|
30
|
+
{ slot: 3, urn: "dance" },
|
|
31
|
+
{ slot: 4, urn: "raiseHand" },
|
|
32
|
+
{ slot: 5, urn: "clap" },
|
|
33
|
+
{ slot: 6, urn: "money" },
|
|
34
|
+
{ slot: 7, urn: "kiss" },
|
|
35
|
+
{ slot: 8, urn: "headexplode" },
|
|
36
|
+
{ slot: 9, urn: "shrug" },
|
|
37
|
+
],
|
|
38
|
+
snapshots: {
|
|
39
|
+
face256: "https://profile-images.decentraland.org/entities/bafkreietha7mzh7q3lk4j236vut2znwqhbiapihg46p6yrv3j4lbwlzd34/face.png",
|
|
40
|
+
body: "https://profile-images.decentraland.org/entities/bafkreietha7mzh7q3lk4j236vut2znwqhbiapihg46p6yrv3j4lbwlzd34/body.png",
|
|
41
|
+
},
|
|
42
|
+
eyes: {
|
|
43
|
+
color: {
|
|
44
|
+
r: 0.2235294133424759,
|
|
45
|
+
g: 0.48627451062202454,
|
|
46
|
+
b: 0.6901960968971252,
|
|
47
|
+
},
|
|
48
|
+
},
|
|
49
|
+
hair: {
|
|
50
|
+
color: {
|
|
51
|
+
r: 0.32549020648002625,
|
|
52
|
+
g: 0.2352941334247589,
|
|
53
|
+
b: 0.1764705926179886,
|
|
54
|
+
},
|
|
55
|
+
},
|
|
56
|
+
skin: {
|
|
57
|
+
color: {
|
|
58
|
+
r: 0.9490196108818054,
|
|
59
|
+
g: 0.7607843279838562,
|
|
60
|
+
b: 0.6470588445663452,
|
|
61
|
+
},
|
|
62
|
+
},
|
|
63
|
+
},
|
|
64
|
+
blocked: [],
|
|
65
|
+
interests: [],
|
|
66
|
+
hasConnectedWeb3: true,
|
|
67
|
+
country: "",
|
|
68
|
+
employmentStatus: "",
|
|
69
|
+
gender: "",
|
|
70
|
+
pronouns: "",
|
|
71
|
+
relationshipStatus: "",
|
|
72
|
+
sexualOrientation: "",
|
|
73
|
+
language: "",
|
|
74
|
+
profession: "",
|
|
75
|
+
realName: "",
|
|
76
|
+
hobbies: "",
|
|
77
|
+
birthdate: 0,
|
|
78
|
+
links: [],
|
|
79
|
+
};
|
|
80
|
+
const exampleRows = [
|
|
81
|
+
{
|
|
82
|
+
key: "1",
|
|
83
|
+
sceneName: "My Galaxy World and mor things",
|
|
84
|
+
thumbnail: sceneThumbnail,
|
|
85
|
+
creator: exampleAvatar,
|
|
86
|
+
location: "alelevyyyyworldamazing.eth.dcl",
|
|
87
|
+
positionChange: 3,
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
key: "2",
|
|
91
|
+
sceneName: "My Galaxy World and more and more and this is anoter",
|
|
92
|
+
thumbnail: sceneThumbnail,
|
|
93
|
+
creator: exampleAvatar,
|
|
94
|
+
location: "-17,5",
|
|
95
|
+
positionChange: -1,
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
key: "3",
|
|
99
|
+
sceneName: "Eclair",
|
|
100
|
+
thumbnail: sceneThumbnail,
|
|
101
|
+
creator: exampleAvatar,
|
|
102
|
+
location: "alelevyyyy.eth.dcl",
|
|
103
|
+
positionChange: 5,
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
key: "4",
|
|
107
|
+
sceneName: "Cupcake",
|
|
108
|
+
thumbnail: sceneThumbnail,
|
|
109
|
+
creator: exampleAvatar,
|
|
110
|
+
location: "87,56",
|
|
111
|
+
},
|
|
112
|
+
];
|
|
113
|
+
const exampleRowsWithBorders = [
|
|
114
|
+
{
|
|
115
|
+
key: "1",
|
|
116
|
+
sceneName: "Gold Border Scene",
|
|
117
|
+
thumbnail: sceneThumbnail,
|
|
118
|
+
creator: exampleAvatar,
|
|
119
|
+
location: "alelevyyyyworldamazing.eth.dcl",
|
|
120
|
+
positionChange: 3,
|
|
121
|
+
borderColor: gradient.gold,
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
key: "2",
|
|
125
|
+
sceneName: "Silver Border Scene",
|
|
126
|
+
thumbnail: sceneThumbnail,
|
|
127
|
+
creator: exampleAvatar,
|
|
128
|
+
location: "-17,5",
|
|
129
|
+
positionChange: -1,
|
|
130
|
+
borderColor: gradient.silver,
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
key: "3",
|
|
134
|
+
sceneName: "Bronze Border Scene",
|
|
135
|
+
thumbnail: sceneThumbnail,
|
|
136
|
+
creator: exampleAvatar,
|
|
137
|
+
location: "alelevyyyy.eth.dcl",
|
|
138
|
+
positionChange: 5,
|
|
139
|
+
borderColor: gradient.bronze,
|
|
140
|
+
},
|
|
141
|
+
{
|
|
142
|
+
key: "4",
|
|
143
|
+
sceneName: "No Border Scene",
|
|
144
|
+
thumbnail: sceneThumbnail,
|
|
145
|
+
creator: exampleAvatar,
|
|
146
|
+
location: "87,56",
|
|
147
|
+
},
|
|
148
|
+
];
|
|
149
|
+
const meta = {
|
|
150
|
+
title: "Decentraland UI/Tables/Scenes Table",
|
|
151
|
+
component: ScenesTable,
|
|
152
|
+
tags: ["autodocs"],
|
|
153
|
+
parameters: {
|
|
154
|
+
layout: "fullscreen",
|
|
155
|
+
globals: {
|
|
156
|
+
backgrounds: { value: "red" },
|
|
157
|
+
},
|
|
158
|
+
},
|
|
159
|
+
decorators: [
|
|
160
|
+
(Story) => (_jsx("div", { style: { width: "100%", padding: "16px" }, children: _jsx(Story, {}) })),
|
|
161
|
+
],
|
|
162
|
+
};
|
|
163
|
+
const Default = {
|
|
164
|
+
args: {
|
|
165
|
+
rows: exampleRows,
|
|
166
|
+
},
|
|
167
|
+
};
|
|
168
|
+
const WithColorBorders = {
|
|
169
|
+
args: {
|
|
170
|
+
rows: exampleRowsWithBorders,
|
|
171
|
+
},
|
|
172
|
+
};
|
|
173
|
+
// eslint-disable-next-line import/no-default-export
|
|
174
|
+
export default meta;
|
|
175
|
+
export { Default, WithColorBorders };
|
|
176
|
+
//# sourceMappingURL=ScenesTable.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScenesTable.stories.js","sourceRoot":"","sources":["../../../src/components/ScenesTable/ScenesTable.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Avatar } from "@dcl/schemas";
|
|
2
|
+
type SceneRowData = {
|
|
3
|
+
key: string;
|
|
4
|
+
sceneName: string;
|
|
5
|
+
creator: Avatar;
|
|
6
|
+
location: string;
|
|
7
|
+
thumbnail: string;
|
|
8
|
+
positionChange?: number;
|
|
9
|
+
borderColor?: string;
|
|
10
|
+
};
|
|
11
|
+
type ScenesTableProps = {
|
|
12
|
+
rows: SceneRowData[];
|
|
13
|
+
};
|
|
14
|
+
export type { SceneRowData, ScenesTableProps };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScenesTable.types.js","sourceRoot":"","sources":["../../../src/components/ScenesTable/ScenesTable.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ScenesTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { memo } from "react";
|
|
3
|
+
import ArrowDownwardIcon from "@mui/icons-material/ArrowDownward";
|
|
4
|
+
import ArrowUpwardIcon from "@mui/icons-material/ArrowUpward";
|
|
5
|
+
import { JumpIn } from "../../../JumpIn";
|
|
6
|
+
import { ActionRowContainer, PositionChangeContainer, PositionContent, } from "./ActionRow.styled";
|
|
7
|
+
const ActionRow = memo((props) => {
|
|
8
|
+
const { positionChange, location } = props;
|
|
9
|
+
const hasPositionChange = positionChange !== undefined && positionChange !== 0;
|
|
10
|
+
const isPositive = positionChange !== undefined && positionChange > 0;
|
|
11
|
+
const ArrowIcon = isPositive ? ArrowUpwardIcon : ArrowDownwardIcon;
|
|
12
|
+
return (_jsxs(ActionRowContainer, { children: [hasPositionChange && (_jsx(PositionChangeContainer, { children: _jsxs(PositionContent, { isPositive: isPositive, children: [_jsx(ArrowIcon, { fontSize: "small" }), Math.abs(positionChange)] }) })), _jsx(JumpIn, { variant: "button", buttonProps: { className: "jump-in-button" }, modalProps: {
|
|
13
|
+
title: "Download Decentraland",
|
|
14
|
+
description: "To jump into this scene, you need to download the Decentraland desktop app.",
|
|
15
|
+
buttonLabel: "Download",
|
|
16
|
+
}, desktopAppOptions: location.includes(".dcl")
|
|
17
|
+
? { realm: location }
|
|
18
|
+
: { position: location } })] }));
|
|
19
|
+
});
|
|
20
|
+
ActionRow.displayName = "ActionRow";
|
|
21
|
+
export { ActionRow };
|
|
22
|
+
//# sourceMappingURL=ActionRow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionRow.js","sourceRoot":"","sources":["../../../../../src/components/ScenesTable/rows/ActionRow/ActionRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAC5B,OAAO,iBAAiB,MAAM,mCAAmC,CAAA;AACjE,OAAO,eAAe,MAAM,iCAAiC,CAAA;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,eAAe,GAChB,MAAM,oBAAoB,CAAA;AAE3B,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,KAAqB,EAAE,EAAE;IAC/C,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAE1C,MAAM,iBAAiB,GAAG,cAAc,KAAK,SAAS,IAAI,cAAc,KAAK,CAAC,CAAA;IAC9E,MAAM,UAAU,GAAG,cAAc,KAAK,SAAS,IAAI,cAAc,GAAG,CAAC,CAAA;IACrE,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAAA;IAElE,OAAO,CACL,MAAC,kBAAkB,eAChB,iBAAiB,IAAI,CACpB,KAAC,uBAAuB,cACtB,MAAC,eAAe,IAAC,UAAU,EAAE,UAAU,aACrC,KAAC,SAAS,IAAC,QAAQ,EAAC,OAAO,GAAG,EAC7B,IAAI,CAAC,GAAG,CAAC,cAAe,CAAC,IACV,GACM,CAC3B,EACD,KAAC,MAAM,IACL,OAAO,EAAC,QAAQ,EAChB,WAAW,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,EAC5C,UAAU,EAAE;oBACV,KAAK,EAAE,uBAAuB;oBAC9B,WAAW,EACT,6EAA6E;oBAC/E,WAAW,EAAE,UAAU;iBACxB,EACD,iBAAiB,EACf,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC;oBACvB,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE;oBACrB,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAE5B,IACiB,CACtB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,OAAO,EAAE,SAAS,EAAE,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
declare const ActionRowContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
2
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
3
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
4
|
+
declare const PositionChangeContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
5
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
6
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
7
|
+
declare const PositionContent: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
8
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
9
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
10
|
+
isPositive: boolean;
|
|
11
|
+
}, {}, {}>;
|
|
12
|
+
export { ActionRowContainer, PositionChangeContainer, PositionContent };
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { Box, styled } from "@mui/material";
|
|
2
|
+
const ActionRowContainer = styled(Box)(({ theme }) => ({
|
|
3
|
+
display: "flex",
|
|
4
|
+
alignItems: "center",
|
|
5
|
+
justifyContent: "flex-end",
|
|
6
|
+
position: "relative",
|
|
7
|
+
width: "100%",
|
|
8
|
+
minWidth: theme.spacing(16),
|
|
9
|
+
"& .jump-in-button": {
|
|
10
|
+
opacity: 0,
|
|
11
|
+
visibility: "hidden",
|
|
12
|
+
position: "absolute",
|
|
13
|
+
right: 0,
|
|
14
|
+
height: 40,
|
|
15
|
+
transition: theme.transitions.create(["opacity", "visibility"], {
|
|
16
|
+
duration: theme.transitions.duration.shortest,
|
|
17
|
+
}),
|
|
18
|
+
},
|
|
19
|
+
"tr:hover & .jump-in-button": {
|
|
20
|
+
opacity: 1,
|
|
21
|
+
visibility: "visible",
|
|
22
|
+
},
|
|
23
|
+
[theme.breakpoints.down("sm")]: {
|
|
24
|
+
minWidth: "auto",
|
|
25
|
+
justifyContent: "center",
|
|
26
|
+
"& .jump-in-button": {
|
|
27
|
+
display: "none",
|
|
28
|
+
},
|
|
29
|
+
},
|
|
30
|
+
}));
|
|
31
|
+
const PositionChangeContainer = styled(Box)(({ theme }) => ({
|
|
32
|
+
display: "flex",
|
|
33
|
+
alignItems: "center",
|
|
34
|
+
justifyContent: "center",
|
|
35
|
+
width: "fit-content",
|
|
36
|
+
padding: theme.spacing(0.5),
|
|
37
|
+
borderRadius: theme.spacing(1),
|
|
38
|
+
backgroundColor: "rgba(0, 0, 0, 0.5)",
|
|
39
|
+
fontWeight: theme.typography.fontWeightBold,
|
|
40
|
+
transition: theme.transitions.create("opacity", {
|
|
41
|
+
duration: theme.transitions.duration.shorter,
|
|
42
|
+
}),
|
|
43
|
+
"tr:hover &": {
|
|
44
|
+
opacity: 0,
|
|
45
|
+
},
|
|
46
|
+
[theme.breakpoints.down("sm")]: {
|
|
47
|
+
"tr:hover &": {
|
|
48
|
+
opacity: 1,
|
|
49
|
+
},
|
|
50
|
+
},
|
|
51
|
+
}));
|
|
52
|
+
const PositionContent = styled(Box)(({ theme, isPositive, }) => {
|
|
53
|
+
const color = isPositive
|
|
54
|
+
? theme.palette.success.main
|
|
55
|
+
: theme.palette.error.main;
|
|
56
|
+
return {
|
|
57
|
+
display: "flex",
|
|
58
|
+
alignItems: "center",
|
|
59
|
+
color,
|
|
60
|
+
fontSize: "12px",
|
|
61
|
+
fontWeight: theme.typography.fontWeightBold,
|
|
62
|
+
"& .MuiSvgIcon-root": {
|
|
63
|
+
fill: color,
|
|
64
|
+
},
|
|
65
|
+
};
|
|
66
|
+
});
|
|
67
|
+
export { ActionRowContainer, PositionChangeContainer, PositionContent };
|
|
68
|
+
//# sourceMappingURL=ActionRow.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionRow.styled.js","sourceRoot":"","sources":["../../../../../src/components/ScenesTable/rows/ActionRow/ActionRow.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACrD,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,UAAU;IAC1B,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;IAC3B,mBAAmB,EAAE;QACnB,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,EAAE;QACV,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,YAAY,CAAC,EAAE;YAC9D,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,QAAQ;SAC9C,CAAC;KACH;IACD,4BAA4B,EAAE;QAC5B,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,SAAS;KACtB;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;QAC9B,QAAQ,EAAE,MAAM;QAChB,cAAc,EAAE,QAAQ;QACxB,mBAAmB,EAAE;YACnB,OAAO,EAAE,MAAM;SAChB;KACF;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,KAAK,EAAE,aAAa;IACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAC3B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9B,eAAe,EAAE,oBAAoB;IACrC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc;IAC3C,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,SAAS,EAAE;QAC9C,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO;KAC7C,CAAC;IACF,YAAY,EAAE;QACZ,OAAO,EAAE,CAAC;KACX;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;QAC9B,YAAY,EAAE;YACZ,OAAO,EAAE,CAAC;SACX;KACF;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAC,CAA0B,CAAC,EAC5D,KAAK,EACL,UAAU,GACX,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,UAAU;QACtB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;QAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAA;IAE5B,OAAO;QACL,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,KAAK;QACL,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc;QAC3C,oBAAoB,EAAE;YACpB,IAAI,EAAE,KAAK;SACZ;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,eAAe,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionRow.types.js","sourceRoot":"","sources":["../../../../../src/components/ScenesTable/rows/ActionRow/ActionRow.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/ScenesTable/rows/ActionRow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { memo } from "react";
|
|
3
|
+
import { UserLabel } from "../../../UserLabel";
|
|
4
|
+
const AvatarRow = memo((props) => {
|
|
5
|
+
const { avatar } = props;
|
|
6
|
+
return _jsx(UserLabel, { avatar: avatar });
|
|
7
|
+
});
|
|
8
|
+
AvatarRow.displayName = "AvatarRow";
|
|
9
|
+
export { AvatarRow };
|
|
10
|
+
//# sourceMappingURL=AvatarRow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarRow.js","sourceRoot":"","sources":["../../../../../src/components/ScenesTable/rows/AvatarRow/AvatarRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAC5B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAG9C,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,KAAqB,EAAE,EAAE;IAC/C,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAExB,OAAO,KAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI,CAAA;AACtC,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,OAAO,EAAE,SAAS,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarRow.types.js","sourceRoot":"","sources":["../../../../../src/components/ScenesTable/rows/AvatarRow/AvatarRow.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/ScenesTable/rows/AvatarRow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { memo } from "react";
|
|
3
|
+
import { LocationIcon } from "../../../Icon";
|
|
4
|
+
import { LocationLink, LocationRowContainer } from "./LocationRow.styled";
|
|
5
|
+
const LocationRow = memo((props) => {
|
|
6
|
+
const { location } = props;
|
|
7
|
+
const isWorld = location?.includes(".dcl.eth");
|
|
8
|
+
const jumpInUrl = isWorld
|
|
9
|
+
? `https://decentraland.org/jump?realm=${location}`
|
|
10
|
+
: `https://decentraland.org/jump?position=${location}`;
|
|
11
|
+
return (_jsxs(LocationRowContainer, { children: [_jsx(LocationIcon, {}), _jsx(LocationLink, { href: jumpInUrl, target: "_blank", rel: "noopener noreferrer", children: location })] }));
|
|
12
|
+
});
|
|
13
|
+
LocationRow.displayName = "LocationRow";
|
|
14
|
+
export { LocationRow };
|
|
15
|
+
//# sourceMappingURL=LocationRow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LocationRow.js","sourceRoot":"","sources":["../../../../../src/components/ScenesTable/rows/LocationRow/LocationRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE5C,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAEzE,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC,KAAuB,EAAE,EAAE;IACnD,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAE1B,MAAM,OAAO,GAAG,QAAQ,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAA;IAC9C,MAAM,SAAS,GAAG,OAAO;QACvB,CAAC,CAAC,uCAAuC,QAAQ,EAAE;QACnD,CAAC,CAAC,0CAA0C,QAAQ,EAAE,CAAA;IAExD,OAAO,CACL,MAAC,oBAAoB,eACnB,KAAC,YAAY,KAAG,EAChB,KAAC,YAAY,IAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,YACrE,QAAQ,GACI,IACM,CACxB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
declare const LocationRowContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
2
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
3
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
4
|
+
declare const LocationLink: import("@emotion/styled").StyledComponent<import("@mui/material").LinkOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
|
|
5
|
+
ref?: ((instance: HTMLAnchorElement | null) => void) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
|
|
6
|
+
}, "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>, {}, {}>;
|
|
7
|
+
export { LocationRowContainer, LocationLink };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Box, Link, styled } from "@mui/material";
|
|
2
|
+
const LocationRowContainer = styled(Box)(({ theme }) => ({
|
|
3
|
+
display: "flex",
|
|
4
|
+
alignItems: "center",
|
|
5
|
+
gap: theme.spacing(0.5),
|
|
6
|
+
"& path:last-child": {
|
|
7
|
+
fill: theme.palette.text.primary,
|
|
8
|
+
},
|
|
9
|
+
}));
|
|
10
|
+
const LocationLink = styled(Link)(({ theme }) => ({
|
|
11
|
+
textDecoration: "none",
|
|
12
|
+
color: theme.palette.primary.main,
|
|
13
|
+
fontWeight: theme.typography.fontWeightBold,
|
|
14
|
+
overflow: "hidden",
|
|
15
|
+
textOverflow: "ellipsis",
|
|
16
|
+
whiteSpace: "nowrap",
|
|
17
|
+
"&:hover": {
|
|
18
|
+
textDecoration: "none",
|
|
19
|
+
},
|
|
20
|
+
}));
|
|
21
|
+
export { LocationRowContainer, LocationLink };
|
|
22
|
+
//# sourceMappingURL=LocationRow.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LocationRow.styled.js","sourceRoot":"","sources":["../../../../../src/components/ScenesTable/rows/LocationRow/LocationRow.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEjD,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACvD,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IACvB,mBAAmB,EAAE;QACnB,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KACjC;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChD,cAAc,EAAE,MAAM;IACtB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;IACjC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc;IAC3C,QAAQ,EAAE,QAAQ;IAClB,YAAY,EAAE,UAAU;IACxB,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE;QACT,cAAc,EAAE,MAAM;KACvB;CACF,CAAC,CAAC,CAAA;AAEH,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LocationRow.types.js","sourceRoot":"","sources":["../../../../../src/components/ScenesTable/rows/LocationRow/LocationRow.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/ScenesTable/rows/LocationRow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { memo } from "react";
|
|
3
|
+
import { Typography } from "@mui/material";
|
|
4
|
+
import { AvatarFace } from "../../../AvatarFace/AvatarFace";
|
|
5
|
+
import { LocationIcon } from "../../../Icon";
|
|
6
|
+
import { MobileAvatarContainer, MobileAvatarName, MobileInfoRow, MobileLocation, MobileLocationText, SceneContentContainer, SceneName, SceneRowContainer, SceneThumbnail, } from "./SceneRow.styled";
|
|
7
|
+
const SceneRow = memo((props) => {
|
|
8
|
+
const { name, thumbnail, creator, location } = props;
|
|
9
|
+
return (_jsxs(SceneRowContainer, { children: [_jsx(SceneThumbnail, { src: thumbnail, alt: name }), _jsxs(SceneContentContainer, { children: [_jsx(SceneName, { children: name }), _jsxs(MobileInfoRow, { children: [creator && (_jsxs(MobileAvatarContainer, { children: [_jsx(AvatarFace, { size: "tiny", avatar: creator }), _jsxs(Typography, { component: "span", fontSize: "12px", children: ["By", " "] }), _jsx(MobileAvatarName, { href: `https://decentraland.org/profile/accounts/${creator.ethAddress}`, children: creator.name })] })), location && (_jsxs(MobileLocation, { children: [_jsx(LocationIcon, {}), _jsx(MobileLocationText, { children: location })] }))] })] })] }));
|
|
10
|
+
});
|
|
11
|
+
SceneRow.displayName = "SceneRow";
|
|
12
|
+
export { SceneRow };
|
|
13
|
+
//# sourceMappingURL=SceneRow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SceneRow.js","sourceRoot":"","sources":["../../../../../src/components/ScenesTable/rows/SceneRow/SceneRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAC5B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE5C,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,SAAS,EACT,iBAAiB,EACjB,cAAc,GACf,MAAM,mBAAmB,CAAA;AAE1B,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,KAAoB,EAAE,EAAE;IAC7C,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAEpD,OAAO,CACL,MAAC,iBAAiB,eAChB,KAAC,cAAc,IAAC,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,GAAI,EAC7C,MAAC,qBAAqB,eACpB,KAAC,SAAS,cAAE,IAAI,GAAa,EAC7B,MAAC,aAAa,eACX,OAAO,IAAI,CACV,MAAC,qBAAqB,eACpB,KAAC,UAAU,IAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAE,OAAO,GAAI,EAC3C,MAAC,UAAU,IAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,mBACvC,GAAG,IACK,EACb,KAAC,gBAAgB,IACf,IAAI,EAAE,6CAA6C,OAAO,CAAC,UAAU,EAAE,YAEtE,OAAO,CAAC,IAAI,GACI,IACG,CACzB,EACA,QAAQ,IAAI,CACX,MAAC,cAAc,eACb,KAAC,YAAY,KAAG,EAChB,KAAC,kBAAkB,cAAE,QAAQ,GAAsB,IACpC,CAClB,IACa,IACM,IACN,CACrB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|