@pipelinesolucoes/display 1.0.3 → 1.0.4
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.
|
@@ -4,6 +4,7 @@ export declare const BoxTitulo: import("@emotion/styled").StyledComponent<import
|
|
|
4
4
|
variant?: TypographyVariant | undefined;
|
|
5
5
|
color: string;
|
|
6
6
|
align: string;
|
|
7
|
+
padding: string;
|
|
7
8
|
}, {}, {}>;
|
|
8
9
|
export declare const CloseIconStyled: import("@emotion/styled").StyledComponent<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").SVGProps<SVGSVGElement>, "style" | "color" | "fontSize" | "shapeRendering" | "children" | "sx" | "className" | "classes" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
9
10
|
iconColor?: string;
|
|
@@ -18,6 +19,7 @@ interface ModalMotionProps {
|
|
|
18
19
|
variantTitulo?: TypographyVariant;
|
|
19
20
|
colorTitulo?: string;
|
|
20
21
|
alignTitulo?: string;
|
|
22
|
+
paddingTitulo?: string;
|
|
21
23
|
closeOnBackdrop?: boolean;
|
|
22
24
|
closeOnEsc?: boolean;
|
|
23
25
|
showCloseButton?: boolean;
|
|
@@ -27,5 +29,5 @@ interface ModalMotionProps {
|
|
|
27
29
|
iconCloseColor?: string;
|
|
28
30
|
borderRadius?: string;
|
|
29
31
|
}
|
|
30
|
-
export default function ModalMotion({ open, onClose, children, width, height, titulo, variantTitulo, colorTitulo, alignTitulo, closeOnBackdrop, closeOnEsc, showCloseButton, backgroundColor, boxShadow, iconCloseColor, backgroundImage, borderRadius, }: ModalMotionProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
export default function ModalMotion({ open, onClose, children, width, height, titulo, variantTitulo, colorTitulo, alignTitulo, paddingTitulo, closeOnBackdrop, closeOnEsc, showCloseButton, backgroundColor, boxShadow, iconCloseColor, backgroundImage, borderRadius, }: ModalMotionProps): import("react/jsx-runtime").JSX.Element;
|
|
31
33
|
export {};
|
|
@@ -5,15 +5,15 @@ import { Backdrop, Box, IconButton, styled } from '@mui/material';
|
|
|
5
5
|
import CloseIcon from '@mui/icons-material/Close';
|
|
6
6
|
import { motion, AnimatePresence } from 'framer-motion';
|
|
7
7
|
export const BoxTitulo = styled(Box, {
|
|
8
|
-
shouldForwardProp: (prop) => !["variant", "color", "align"].includes(prop),
|
|
9
|
-
})(({ theme, variant = 'subtitle1', color, align }) => (Object.assign({ display: 'grid', gridTemplateColumns: '1fr auto', alignItems: 'center', justifyItems: align, minHeight: 40, padding:
|
|
8
|
+
shouldForwardProp: (prop) => !["variant", "color", "align", 'padding'].includes(prop),
|
|
9
|
+
})(({ theme, variant = 'subtitle1', color, align, padding }) => (Object.assign({ display: 'grid', gridTemplateColumns: '1fr auto', alignItems: 'center', justifyItems: align, minHeight: 40, padding: padding, gap: '16px', color: color }, theme.typography[variant])));
|
|
10
10
|
export const CloseIconStyled = styled(CloseIcon, {
|
|
11
11
|
shouldForwardProp: (prop) => prop !== "iconColor",
|
|
12
12
|
})(({ iconColor }) => ({
|
|
13
13
|
color: iconColor,
|
|
14
14
|
fontSize: "24px",
|
|
15
15
|
}));
|
|
16
|
-
export default function ModalMotion({ open, onClose, children, width, height = 'auto', titulo = '', variantTitulo = 'subtitle1', colorTitulo = "
|
|
16
|
+
export default function ModalMotion({ open, onClose, children, width, height = 'auto', titulo = '', variantTitulo = 'subtitle1', colorTitulo = "#000", alignTitulo = "flex-start", paddingTitulo = '8px 0 16px 0', closeOnBackdrop = false, closeOnEsc = true, showCloseButton = true, backgroundColor = "#fff", boxShadow = "None", iconCloseColor = "#000", backgroundImage = "None", borderRadius = "0", }) {
|
|
17
17
|
useEffect(() => {
|
|
18
18
|
if (!open || !closeOnEsc)
|
|
19
19
|
return;
|
|
@@ -59,6 +59,6 @@ export default function ModalMotion({ open, onClose, children, width, height = '
|
|
|
59
59
|
maxHeight: '90vh',
|
|
60
60
|
overflowY: 'auto',
|
|
61
61
|
boxShadow: boxShadow,
|
|
62
|
-
}, children: [(titulo || showCloseButton) && (_jsxs(BoxTitulo, { variant: variantTitulo, color: colorTitulo, align: alignTitulo, children: [_jsx("div", { children: titulo }), showCloseButton && (_jsx(IconButton, { onClick: onClose, "aria-label": "Fechar modal", children: _jsx(CloseIconStyled, { iconColor: iconCloseColor }) }))] })), children] }) }) })) }));
|
|
62
|
+
}, children: [(titulo || showCloseButton) && (_jsxs(BoxTitulo, { variant: variantTitulo, color: colorTitulo, align: alignTitulo, padding: paddingTitulo, children: [_jsx("div", { children: titulo }), showCloseButton && (_jsx(IconButton, { onClick: onClose, "aria-label": "Fechar modal", children: _jsx(CloseIconStyled, { iconColor: iconCloseColor }) }))] })), children] }) }) })) }));
|
|
63
63
|
}
|
|
64
64
|
//# sourceMappingURL=ModalMotion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalMotion.js","sourceRoot":"","sources":["../../src/components/ModalMotion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAqB,MAAM,eAAe,CAAC;AACrF,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,EAAE;IACnC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"ModalMotion.js","sourceRoot":"","sources":["../../src/components/ModalMotion.tsx"],"names":[],"mappings":"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"}
|