@pipelinesolucoes/display 1.0.2 → 1.0.3
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.
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
|
|
2
|
+
import { TypographyVariant } from '@mui/material';
|
|
3
|
+
export declare const BoxTitulo: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
4
|
+
variant?: TypographyVariant | undefined;
|
|
5
|
+
color: string;
|
|
6
|
+
align: string;
|
|
7
|
+
}, {}, {}>;
|
|
3
8
|
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> & {
|
|
4
9
|
iconColor?: string;
|
|
5
10
|
}, {}, {}>;
|
|
@@ -10,6 +15,9 @@ interface ModalMotionProps {
|
|
|
10
15
|
width?: string | number;
|
|
11
16
|
height?: string | number;
|
|
12
17
|
titulo?: string;
|
|
18
|
+
variantTitulo?: TypographyVariant;
|
|
19
|
+
colorTitulo?: string;
|
|
20
|
+
alignTitulo?: string;
|
|
13
21
|
closeOnBackdrop?: boolean;
|
|
14
22
|
closeOnEsc?: boolean;
|
|
15
23
|
showCloseButton?: boolean;
|
|
@@ -19,5 +27,5 @@ interface ModalMotionProps {
|
|
|
19
27
|
iconCloseColor?: string;
|
|
20
28
|
borderRadius?: string;
|
|
21
29
|
}
|
|
22
|
-
export default function ModalMotion({ open, onClose, children, width, height, titulo, closeOnBackdrop, closeOnEsc, showCloseButton, backgroundColor, boxShadow, iconCloseColor, backgroundImage, borderRadius, }: ModalMotionProps): import("react/jsx-runtime").JSX.Element;
|
|
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;
|
|
23
31
|
export {};
|
|
@@ -4,14 +4,16 @@ import { useEffect } from 'react';
|
|
|
4
4
|
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
|
-
export const BoxTitulo = styled(Box
|
|
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: '8px 0 16px 0', gap: '16px', color: color }, theme.typography[variant])));
|
|
8
10
|
export const CloseIconStyled = styled(CloseIcon, {
|
|
9
11
|
shouldForwardProp: (prop) => prop !== "iconColor",
|
|
10
12
|
})(({ iconColor }) => ({
|
|
11
13
|
color: iconColor,
|
|
12
14
|
fontSize: "24px",
|
|
13
15
|
}));
|
|
14
|
-
export default function ModalMotion({ open, onClose, children, width, height = 'auto', titulo = '', closeOnBackdrop = false, closeOnEsc = true, showCloseButton = true, backgroundColor = "white", boxShadow = "None", iconCloseColor = "black", backgroundImage = "None", borderRadius = "0", }) {
|
|
16
|
+
export default function ModalMotion({ open, onClose, children, width, height = 'auto', titulo = '', variantTitulo = 'subtitle1', colorTitulo = "black", alignTitulo = "flex-start", closeOnBackdrop = false, closeOnEsc = true, showCloseButton = true, backgroundColor = "white", boxShadow = "None", iconCloseColor = "black", backgroundImage = "None", borderRadius = "0", }) {
|
|
15
17
|
useEffect(() => {
|
|
16
18
|
if (!open || !closeOnEsc)
|
|
17
19
|
return;
|
|
@@ -57,6 +59,6 @@ export default function ModalMotion({ open, onClose, children, width, height = '
|
|
|
57
59
|
maxHeight: '90vh',
|
|
58
60
|
overflowY: 'auto',
|
|
59
61
|
boxShadow: boxShadow,
|
|
60
|
-
}, children: [(titulo || showCloseButton) && (_jsxs(BoxTitulo, {
|
|
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] }) }) })) }));
|
|
61
63
|
}
|
|
62
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,
|
|
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;CACpF,CACD,CAA2E,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,iBAC9H,OAAO,EAAE,MAAM,EACf,mBAAmB,EAAE,UAAU,EAC/B,UAAU,EAAE,QAAQ,EACpB,YAAY,EAAE,KAAK,EACnB,SAAS,EAAE,EAAE,EACb,OAAO,EAAE,cAAc,EACvB,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,KAAK,IACT,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAC5B,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,EAAE;IAC/C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,WAAW;CAClD,CAAC,CAAwB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5C,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC,CAAC;AAsBJ,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,KAAK,EACL,MAAM,GAAG,MAAM,EACf,MAAM,GAAG,EAAE,EACX,aAAa,GAAG,WAAW,EAC3B,WAAW,GAAG,OAAO,EACrB,WAAW,GAAG,YAAY,EAC1B,eAAe,GAAG,KAAK,EACvB,UAAU,GAAG,IAAI,EACjB,eAAe,GAAG,IAAI,EACtB,eAAe,GAAG,OAAO,EACzB,SAAS,GAAG,MAAM,EAClB,cAAc,GAAG,OAAO,EACxB,eAAe,GAAG,MAAM,EACxB,YAAY,GAAG,GAAG,GACD;IAEjB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,IAAI,CAAC,UAAU;YAAE,OAAO;QAEjC,MAAM,aAAa,GAAG,CAAC,KAAoB,EAAE,EAAE;YAC7C,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC3B,OAAO,EAAE,CAAC;YACZ,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAClD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAEhC,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,IAAI,eAAe,EAAE,CAAC;YACpB,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,cACb,IAAI,IAAI,CACP,KAAC,QAAQ,IACP,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,mBAAmB,EAC5B,EAAE,EAAE;gBACF,MAAM,EAAE,IAAI;gBACZ,KAAK,EAAE,MAAM;gBACb,OAAO,EAAE,MAAM;aAChB,YAED,KAAC,MAAM,CAAC,GAAG,IACT,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAC3C,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EACvC,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EACxC,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAC9B,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAExB,MAAC,GAAG,IACF,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,IAAI,EAAC,QAAQ,gBACF,MAAM,EACjB,EAAE,EAAE;wBACF,QAAQ,EAAE,UAAU;wBACpB,OAAO,EAAE,eAAe;wBACxB,eAAe,EAAE,eAAe,IAAI,eAAe,KAAK,MAAM;4BAC5D,CAAC,CAAC,OAAO,eAAe,GAAG;4BAC3B,CAAC,CAAC,MAAM;wBACV,cAAc,EAAE,SAAS;wBACzB,kBAAkB,EAAE,QAAQ;wBAC5B,gBAAgB,EAAE,WAAW;wBAC7B,YAAY,EAAE,YAAY;wBAC1B,OAAO,EAAE,oBAAoB;wBAC7B,MAAM,EAAE,QAAQ;wBAChB,KAAK,EAAE;4BACL,EAAE,EAAE,mBAAmB;4BACvB,EAAE,EAAE,OAAO;4BACX,EAAE,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO;4BACpB,EAAE,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO;4BACpB,EAAE,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO;yBACrB;wBACD,MAAM;wBACN,SAAS,EAAE,MAAM;wBACjB,SAAS,EAAE,MAAM;wBACjB,SAAS,EAAE,SAAS;qBACrB,aAEA,CAAC,MAAM,IAAI,eAAe,CAAC,IAAI,CAC9B,MAAC,SAAS,IAAC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,aACvE,wBAAM,MAAM,GAAO,EAClB,eAAe,IAAI,CAClB,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,gBAAa,cAAc,YACrD,KAAC,eAAe,IAAC,SAAS,EAAE,cAAc,GAAG,GAClC,CACd,IACS,CACb,EAEA,QAAQ,IACL,GACK,GACJ,CACZ,GACe,CACnB,CAAC;AACJ,CAAC"}
|