decentraland-ui2 0.32.2-18683632701.commit-cd9f703 → 0.33.1-18756972795.commit-4e19f1a
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/custom-welcome-background.webp +0 -0
- package/dist/components/Modal/Modal.d.ts +1 -1
- package/dist/components/Modal/Modal.js +2 -2
- package/dist/components/Modal/Modal.js.map +1 -1
- package/dist/components/Modal/Modal.stories.d.ts +2 -1
- package/dist/components/Modal/Modal.stories.js +16 -1
- package/dist/components/Modal/Modal.stories.js.map +1 -1
- package/dist/components/Modal/Modal.styled.d.ts +1 -1
- package/dist/components/Modal/Modal.styled.js +5 -1
- package/dist/components/Modal/Modal.styled.js.map +1 -1
- package/dist/components/Modal/Modal.types.d.ts +4 -0
- package/package.json +2 -2
|
Binary file
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ModalProps } from "./Modal.types";
|
|
3
|
-
declare const ModalContent: React.MemoExoticComponent<(props: Partial<Pick<ModalProps, "header" | "children" | "actions" | "title" | "subtitle" | "size" | "onClose" | "onBack">>) => import("react/jsx-runtime").JSX.Element>;
|
|
3
|
+
declare const ModalContent: React.MemoExoticComponent<(props: Partial<Pick<ModalProps, "header" | "children" | "actions" | "title" | "subtitle" | "size" | "onClose" | "onBack" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat">>) => import("react/jsx-runtime").JSX.Element>;
|
|
4
4
|
declare const Modal: React.MemoExoticComponent<(props: ModalProps) => import("react/jsx-runtime").JSX.Element>;
|
|
5
5
|
export { Modal, ModalContent };
|
|
@@ -5,8 +5,8 @@ import CancelRoundedIcon from "@mui/icons-material/CancelRounded";
|
|
|
5
5
|
import { IconButton, Typography } from "@mui/material";
|
|
6
6
|
import { Modal as BaseModal, ModalActionsContainer, ModalContainer, ModalContentContainer, ModalTitleContainer, } from "./Modal.styled";
|
|
7
7
|
const ModalContent = React.memo((props) => {
|
|
8
|
-
const { children, header, actions, title, subtitle, size, onClose, onBack, } = props;
|
|
9
|
-
return (_jsxs(ModalContainer, { elevation: 24, size: size, children: [header, (title || onClose || onBack) && (_jsxs(ModalTitleContainer, { children: [onBack && (_jsx(IconButton, { "aria-label": "back", size: "large", onClick: onBack, children: _jsx(ArrowBackIosNewRoundedIcon, {}) })), title && _jsx(Typography, { variant: "h5", children: title }), onClose && (_jsx(IconButton, { "aria-label": "close", size: "large", onClick: onClose, children: _jsx(CancelRoundedIcon, {}) }))] })), subtitle && _jsx(Typography, { variant: "subtitle1", children: subtitle }), _jsx(ModalContentContainer, { children: children }), actions && _jsx(ModalActionsContainer, { children: actions })] }));
|
|
8
|
+
const { children, header, actions, title, subtitle, size, onClose, onBack, backgroundImage, backgroundSize, backgroundPosition, backgroundRepeat, } = props;
|
|
9
|
+
return (_jsxs(ModalContainer, { elevation: 24, size: size, backgroundImage: backgroundImage, backgroundSize: backgroundSize, backgroundPosition: backgroundPosition, backgroundRepeat: backgroundRepeat, children: [header, (title || onClose || onBack) && (_jsxs(ModalTitleContainer, { children: [onBack && (_jsx(IconButton, { "aria-label": "back", size: "large", onClick: onBack, children: _jsx(ArrowBackIosNewRoundedIcon, {}) })), title && _jsx(Typography, { variant: "h5", children: title }), onClose && (_jsx(IconButton, { "aria-label": "close", size: "large", onClick: onClose, children: _jsx(CancelRoundedIcon, {}) }))] })), subtitle && _jsx(Typography, { variant: "subtitle1", children: subtitle }), _jsx(ModalContentContainer, { children: children }), actions && _jsx(ModalActionsContainer, { children: actions })] }));
|
|
10
10
|
});
|
|
11
11
|
const Modal = React.memo((props) => {
|
|
12
12
|
const { open, onClose, children, className, ...modalContentProps } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,0BAA0B,MAAM,4CAA4C,CAAA;AACnF,OAAO,iBAAiB,MAAM,mCAAmC,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAEtD,OAAO,EACL,KAAK,IAAI,SAAS,EAClB,qBAAqB,EACrB,cAAc,EACd,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,gBAAgB,CAAA;AAEvB,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAC7B,CACE,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,0BAA0B,MAAM,4CAA4C,CAAA;AACnF,OAAO,iBAAiB,MAAM,mCAAmC,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAEtD,OAAO,EACL,KAAK,IAAI,SAAS,EAClB,qBAAqB,EACrB,cAAc,EACd,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,gBAAgB,CAAA;AAEvB,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAC7B,CACE,KAgBC,EACD,EAAE;IACF,MAAM,EACJ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,MAAM,EACN,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,gBAAgB,GACjB,GAAG,KAAK,CAAA;IAET,OAAO,CACL,MAAC,cAAc,IACb,SAAS,EAAE,EAAE,EACb,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE,kBAAkB,EACtC,gBAAgB,EAAE,gBAAgB,aAEjC,MAAM,EACN,CAAC,KAAK,IAAI,OAAO,IAAI,MAAM,CAAC,IAAI,CAC/B,MAAC,mBAAmB,eACjB,MAAM,IAAI,CACT,KAAC,UAAU,kBAAY,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,MAAM,YACxD,KAAC,0BAA0B,KAAG,GACnB,CACd,EACA,KAAK,IAAI,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,YAAE,KAAK,GAAc,EACtD,OAAO,IAAI,CACV,KAAC,UAAU,kBAAY,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,YAC1D,KAAC,iBAAiB,KAAG,GACV,CACd,IACmB,CACvB,EACA,QAAQ,IAAI,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,YAAE,QAAQ,GAAc,EACpE,KAAC,qBAAqB,cAAE,QAAQ,GAAyB,EACxD,OAAO,IAAI,KAAC,qBAAqB,cAAE,OAAO,GAAyB,IACrD,CAClB,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAAiB,EAAE,EAAE;IAC7C,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,iBAAiB,EAAE,GAAG,KAAK,CAAA;IAC1E,OAAO,CACL,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,YAC3D,KAAC,YAAY,OAAK,iBAAiB,EAAE,OAAO,EAAE,OAAO,YAClD,QAAQ,GACI,GACL,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -24,5 +24,6 @@ declare const CustomHeader: Story;
|
|
|
24
24
|
declare const Form: Story;
|
|
25
25
|
declare const Closable: Story;
|
|
26
26
|
declare const Navigation: Story;
|
|
27
|
+
declare const BackgroundImage: Story;
|
|
27
28
|
export default meta;
|
|
28
|
-
export { Simple, Actionable, Tiny, Small, CustomHeader, Form, Closable, Navigation, };
|
|
29
|
+
export { Simple, Actionable, Tiny, Small, CustomHeader, Form, Closable, Navigation, BackgroundImage, };
|
|
@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
2
2
|
import { useState } from "react";
|
|
3
3
|
import { Box, Button, Checkbox, FormControlLabel, TextField, Typography, } from "@mui/material";
|
|
4
4
|
import { Modal, ModalContent } from "./Modal";
|
|
5
|
+
import CustomWelcomeBackground from "../../Assets/custom-welcome-background.webp";
|
|
5
6
|
import { Mana } from "../Mana";
|
|
6
7
|
const meta = {
|
|
7
8
|
component: Modal,
|
|
@@ -97,7 +98,21 @@ const Navigation = {
|
|
|
97
98
|
actions: (_jsxs(_Fragment, { children: [_jsx(Button, { color: "primary", variant: "contained", children: "Proceed" }), _jsx(Button, { variant: "outlined", children: "Cancel" })] })),
|
|
98
99
|
},
|
|
99
100
|
};
|
|
101
|
+
const BackgroundImage = {
|
|
102
|
+
args: {
|
|
103
|
+
open: false,
|
|
104
|
+
backgroundImage: CustomWelcomeBackground,
|
|
105
|
+
backgroundSize: "cover",
|
|
106
|
+
backgroundPosition: "center",
|
|
107
|
+
backgroundRepeat: "no-repeat",
|
|
108
|
+
title: "Are you sure?",
|
|
109
|
+
onClose: () => alert("Close!"),
|
|
110
|
+
onBack: () => alert("Back!"),
|
|
111
|
+
children: (_jsx(_Fragment, { children: _jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: "16px" }, children: [_jsx(TextField, { label: "Name", variant: "standard", placeholder: "Luis XVII" }), _jsx(TextField, { label: "Email", variant: "standard", placeholder: "luigi@mail.com" }), _jsx(FormControlLabel, { control: _jsx(Checkbox, { defaultChecked: true }), label: "Check me" })] }) })),
|
|
112
|
+
actions: (_jsxs(_Fragment, { children: [_jsx(Button, { color: "primary", variant: "contained", children: "Proceed" }), _jsx(Button, { variant: "outlined", children: "Cancel" })] })),
|
|
113
|
+
},
|
|
114
|
+
};
|
|
100
115
|
// eslint-disable-next-line import/no-default-export
|
|
101
116
|
export default meta;
|
|
102
|
-
export { Simple, Actionable, Tiny, Small, CustomHeader, Form, Closable, Navigation, };
|
|
117
|
+
export { Simple, Actionable, Tiny, Small, CustomHeader, Form, Closable, Navigation, BackgroundImage, };
|
|
103
118
|
//# sourceMappingURL=Modal.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.stories.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ModalProps } from "./Modal.types";
|
|
2
|
-
interface StyledModalProps extends Pick<ModalProps, "size"> {
|
|
2
|
+
interface StyledModalProps extends Pick<ModalProps, "size" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat"> {
|
|
3
3
|
}
|
|
4
4
|
declare const Modal: import("@emotion/styled").StyledComponent<import("@mui/material").ModalOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
5
5
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
@@ -6,7 +6,7 @@ const Modal = styled(MuiModal)({
|
|
|
6
6
|
justifyContent: "center",
|
|
7
7
|
});
|
|
8
8
|
const ModalContainer = styled(PaperMui)((props) => {
|
|
9
|
-
const { size, theme } = props;
|
|
9
|
+
const { size, theme, backgroundImage, backgroundSize, backgroundPosition, backgroundRepeat, } = props;
|
|
10
10
|
let width = "900px";
|
|
11
11
|
if (size === "tiny") {
|
|
12
12
|
width = "540px";
|
|
@@ -18,6 +18,10 @@ const ModalContainer = styled(PaperMui)((props) => {
|
|
|
18
18
|
width,
|
|
19
19
|
borderRadius: "12px",
|
|
20
20
|
overflow: "hidden",
|
|
21
|
+
backgroundImage: backgroundImage && `url(${backgroundImage})`,
|
|
22
|
+
backgroundSize: backgroundImage && backgroundSize,
|
|
23
|
+
backgroundPosition: backgroundImage && backgroundPosition,
|
|
24
|
+
backgroundRepeat: backgroundImage && backgroundRepeat,
|
|
21
25
|
[theme.breakpoints.down("xs")]: {
|
|
22
26
|
minWidth: "100vw",
|
|
23
27
|
maxWidth: "100vw",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.styled.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EACL,GAAG,IAAI,MAAM,EACb,KAAK,IAAI,QAAQ,EACjB,KAAK,IAAI,QAAQ,GAClB,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"Modal.styled.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EACL,GAAG,IAAI,MAAM,EACb,KAAK,IAAI,QAAQ,EACjB,KAAK,IAAI,QAAQ,GAClB,MAAM,eAAe,CAAA;AAatB,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC7B,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;CACzB,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAmB,CAAC,KAAK,EAAE,EAAE;IAClE,MAAM,EACJ,IAAI,EACJ,KAAK,EACL,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,gBAAgB,GACjB,GAAG,KAAK,CAAA;IACT,IAAI,KAAK,GAAG,OAAO,CAAA;IACnB,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QACpB,KAAK,GAAG,OAAO,CAAA;IACjB,CAAC;SAAM,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QAC5B,KAAK,GAAG,OAAO,CAAA;IACjB,CAAC;IAED,OAAO;QACL,KAAK;QACL,YAAY,EAAE,MAAM;QACpB,QAAQ,EAAE,QAAQ;QAClB,eAAe,EAAE,eAAe,IAAI,OAAO,eAAe,GAAG;QAC7D,cAAc,EAAE,eAAe,IAAI,cAAc;QACjD,kBAAkB,EAAE,eAAe,IAAI,kBAAkB;QACzD,gBAAgB,EAAE,eAAe,IAAI,gBAAgB;QACrD,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;YAC9B,QAAQ,EAAE,OAAO;YACjB,QAAQ,EAAE,OAAO;YACjB,SAAS,EAAE,OAAO;YAClB,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,GAAG;YACX,OAAO,EAAE,GAAG;SACb;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IACzC,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,eAAe;IAC/B,OAAO,EAAE,MAAM;CAChB,CAAC,CAAA;AAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAC3C,OAAO,EAAE,MAAM;CAChB,CAAC,CAAA;AAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAC3C,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,MAAM;IACf,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;KACR;IACD,2CAA2C,EAAE;QAC3C,WAAW,EAAE,MAAM;KACpB;CACF,CAAC,CAAA;AAEF,OAAO,EACL,KAAK,EACL,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,GACtB,CAAA"}
|
|
@@ -9,5 +9,9 @@ type ModalProps = {
|
|
|
9
9
|
actions?: React.ReactNode;
|
|
10
10
|
onClose?: React.MouseEventHandler<HTMLButtonElement>;
|
|
11
11
|
onBack?: React.MouseEventHandler<HTMLButtonElement>;
|
|
12
|
+
backgroundImage?: string;
|
|
13
|
+
backgroundSize?: "cover" | "contain" | "auto" | "initial" | "inherit";
|
|
14
|
+
backgroundPosition?: "center" | "top" | "bottom" | "left" | "right" | "initial" | "inherit";
|
|
15
|
+
backgroundRepeat?: "no-repeat" | "repeat" | "repeat-x" | "repeat-y";
|
|
12
16
|
};
|
|
13
17
|
export type { ModalProps };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "decentraland-ui2",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.33.1-18756972795.commit-4e19f1a",
|
|
4
4
|
"description": "Decentraland's UI components and styles",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -99,5 +99,5 @@
|
|
|
99
99
|
"files": [
|
|
100
100
|
"dist"
|
|
101
101
|
],
|
|
102
|
-
"commit": "
|
|
102
|
+
"commit": "4e19f1a977aa17e7a7d2e4d4d5519bdf3cff55bd"
|
|
103
103
|
}
|