norma-library 0.5.134 → 0.5.136
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/esm/components/Modal.js +4 -4
- package/dist/esm/components/Modal.js.map +1 -1
- package/dist/esm/components/UncontrolledTable/index.js +1 -1
- package/dist/esm/components/UncontrolledTable/index.js.map +1 -1
- package/dist/esm/components/UncontrolledTable/interface.d.ts +1 -1
- package/dist/esm/interfaces/Modal.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/Modal.tsx +10 -20
- package/src/components/UncontrolledTable/index.tsx +2 -2
- package/src/components/UncontrolledTable/interface.ts +1 -1
- package/src/interfaces/Modal.ts +1 -1
- package/src/stories/Modal.stories.tsx +55 -4
|
@@ -5,7 +5,7 @@ import { styled } from '@mui/material/styles';
|
|
|
5
5
|
import { IconButton } from './IconButton';
|
|
6
6
|
import { Button } from './Button';
|
|
7
7
|
var ModalStyled = styled(MuiModal)({});
|
|
8
|
-
var ModalContentStyled = styled(Paper)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border: 1px solid #00000033;\n border-radius: 4px;\n position: absolute;\n top: 50%;\n left: 50%;\n width:
|
|
8
|
+
var ModalContentStyled = styled(Paper)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border: 1px solid #00000033;\n border-radius: 4px;\n position: absolute;\n top: 50%;\n left: 50%;\n width: ", ";\n transform: translate(-50%, -50%);\n background-color: #fff;\n"], ["\n border: 1px solid #00000033;\n border-radius: 4px;\n position: absolute;\n top: 50%;\n left: 50%;\n width: ", ";\n transform: translate(-50%, -50%);\n background-color: #fff;\n"])), function (props) { return props.$w || '421px'; });
|
|
9
9
|
var ModalHeaderStyled = styled(Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n text-align: left;\n border-bottom: 1px solid #00000033;\n box-sizing: border-box;\n margin: 0;\n position: relative;\n padding: 22px 26px 15px 26px;\n justify-content: space-between;\n display: flex;\n\n & h2 {\n font-style: normal;\n font-weight: 600;\n font-size: 18px;\n color: #292929;\n }\n"], ["\n text-align: left;\n border-bottom: 1px solid #00000033;\n box-sizing: border-box;\n margin: 0;\n position: relative;\n padding: 22px 26px 15px 26px;\n justify-content: space-between;\n display: flex;\n\n & h2 {\n font-style: normal;\n font-weight: 600;\n font-size: 18px;\n color: #292929;\n }\n"])));
|
|
10
10
|
var ModalFooterStyled = styled(Box)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border-top: 1px solid #00000033;\n box-sizing: border-box;\n position: relative;\n padding: 24px;\n display: flex;\n justify-content: end;\n gap: 24px;\n"], ["\n border-top: 1px solid #00000033;\n box-sizing: border-box;\n position: relative;\n padding: 24px;\n display: flex;\n justify-content: end;\n gap: 24px;\n"])));
|
|
11
11
|
var ModalContainerChildrenStyled = styled(Box)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n box-sizing: border-box;\n padding: 24px;\n"], ["\n box-sizing: border-box;\n padding: 24px;\n"])));
|
|
@@ -17,10 +17,10 @@ export var Modal = function (_a) {
|
|
|
17
17
|
var _b;
|
|
18
18
|
var open = _a.open, children = _a.children, paperProps = _a.paperProps, props = __rest(_a, ["open", "children", "paperProps"]);
|
|
19
19
|
return (React.createElement(ModalStyled, __assign({ open: true }, props),
|
|
20
|
-
React.createElement(ModalContentStyled, __assign({}, paperProps),
|
|
20
|
+
React.createElement(ModalContentStyled, __assign({}, paperProps, { "$w": props.width }),
|
|
21
21
|
props.title && (React.createElement(ModalHeaderStyled, null,
|
|
22
|
-
React.createElement(Typography, { variant:
|
|
23
|
-
React.createElement(IconButton, { onClick: props.onClose, size: "small", color: "inherit", variant: "text", cursor: "pointer", sx: { padding:
|
|
22
|
+
React.createElement(Typography, { variant: "h2" }, props.title),
|
|
23
|
+
React.createElement(IconButton, { onClick: props.onClose, size: "small", color: "inherit", variant: "text", cursor: "pointer", sx: { padding: '0' } },
|
|
24
24
|
React.createElement(Close, null)))),
|
|
25
25
|
React.createElement(ModalContainerChildrenStyled, null, children),
|
|
26
26
|
!!((_b = props.action) === null || _b === void 0 ? void 0 : _b.length) && (React.createElement(ModalFooterStyled, null, props.action.map(function (_a, key) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE1E,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;AAEzC,IAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE1E,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;AAEzC,IAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC,gQAAiB,sHAM9C,EAA4B,qEAGtC,KAHU,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,EAAE,IAAI,OAAO,EAAnB,CAAmB,CAGtC,CAAC;AAEF,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,qYAAA,kUAgBpC,IAAA,CAAC;AAEF,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,wOAAA,qKAQpC,IAAA,CAAC;AAEF,IAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,CAAC,oHAAA,iDAG/C,IAAA,CAAC;AAEF,MAAM,UAAU,KAAK;IACnB,OAAO,CACL,6BACE,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,iBACtB,MAAM,EAClB,MAAM,EAAC,IAAI,EACX,KAAK,EAAC,IAAI;QAEV,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+LAA+L,GACjM,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,UAAC,EAAwD;;IAAtD,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAK,KAAK,cAAtC,kCAAwC,CAAF;IAC1D,OAAO,CACL,oBAAC,WAAW,aAAC,IAAI,UAAK,KAAK;QACzB,oBAAC,kBAAkB,eAAK,UAAU,UAAM,KAAK,CAAC,KAAK;YAChD,KAAK,CAAC,KAAK,IAAI,CACd,oBAAC,iBAAiB;gBAChB,oBAAC,UAAU,IAAC,OAAO,EAAC,IAAI,IAAE,KAAK,CAAC,KAAK,CAAc;gBACnD,oBAAC,UAAU,IACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,SAAS,EAChB,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;oBAEpB,oBAAC,KAAK,OAAG,CACE,CACK,CACrB;YACD,oBAAC,4BAA4B,QAAE,QAAQ,CAAgC;YACtE,CAAC,CAAC,CAAA,MAAA,KAAK,CAAC,MAAM,0CAAE,MAAM,CAAA,IAAI,CACzB,oBAAC,iBAAiB,QACf,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,UAAC,EAAgD,EAAE,GAAG;gBAAnD,IAAA,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAK,IAAI,cAA9C,+CAAgD,CAAF;gBAAY,OAAA,CAC3E,oBAAC,MAAM,aAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,IAAM,IAAI,GACpF,KAAK,CACC,CACV,CAAA;aAAA,CAAC,CACgB,CACrB,CACkB,CACT,CACf,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -81,7 +81,7 @@ var UncontrolledTable = function (props) {
|
|
|
81
81
|
React.createElement("p", null, (labels === null || labels === void 0 ? void 0 : labels.filter) || 'Filtrar por'))))))))));
|
|
82
82
|
}))); })),
|
|
83
83
|
React.createElement(TBody, { table: table, onClick: onClick, onMouseOver: onMouseOver, onMouseOut: onMouseOut }))),
|
|
84
|
-
React.createElement(Pagination, { pagination: pagination, count: totalPages, onChangePage: function (page) { return onChangePage(__assign(__assign({}, pagination), { pageIndex: page })); } })));
|
|
84
|
+
pagination && React.createElement(Pagination, { pagination: pagination, count: totalPages, onChangePage: function (page) { return onChangePage(__assign(__assign({}, pagination), { pageIndex: page })); } })));
|
|
85
85
|
};
|
|
86
86
|
export default UncontrolledTable;
|
|
87
87
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,8 +9,8 @@ export interface ModalBaseProps extends MuiModalBaseProps {
|
|
|
9
9
|
onClose?: React.ReactEventHandler<{}>;
|
|
10
10
|
action?: OnAction[];
|
|
11
11
|
className?: string;
|
|
12
|
-
full?: boolean;
|
|
13
12
|
title?: string;
|
|
14
13
|
id?: string;
|
|
15
14
|
paperProps?: MuiPaperBaseProps;
|
|
15
|
+
width?: string;
|
|
16
16
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "norma-library",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.136",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.",
|
|
6
6
|
"scripts": {
|
package/src/components/Modal.tsx
CHANGED
|
@@ -7,16 +7,15 @@ import { Button } from './Button';
|
|
|
7
7
|
|
|
8
8
|
const ModalStyled = styled(MuiModal)({});
|
|
9
9
|
|
|
10
|
-
const ModalContentStyled = styled(Paper)
|
|
10
|
+
const ModalContentStyled = styled(Paper)<{ $w?: string }>`
|
|
11
11
|
border: 1px solid #00000033;
|
|
12
12
|
border-radius: 4px;
|
|
13
13
|
position: absolute;
|
|
14
14
|
top: 50%;
|
|
15
15
|
left: 50%;
|
|
16
|
-
width: 421px;
|
|
16
|
+
width: ${props => props.$w || '421px'};
|
|
17
17
|
transform: translate(-50%, -50%);
|
|
18
|
-
background-color: #
|
|
19
|
-
box-shadow: 24px;
|
|
18
|
+
background-color: #fff;
|
|
20
19
|
`;
|
|
21
20
|
|
|
22
21
|
const ModalHeaderStyled = styled(Box)`
|
|
@@ -74,36 +73,27 @@ export function Close() {
|
|
|
74
73
|
export const Modal = ({ open, children, paperProps, ...props }: ModalBaseProps) => {
|
|
75
74
|
return (
|
|
76
75
|
<ModalStyled open {...props}>
|
|
77
|
-
<ModalContentStyled {...paperProps}>
|
|
76
|
+
<ModalContentStyled {...paperProps} $w={props.width}>
|
|
78
77
|
{props.title && (
|
|
79
78
|
<ModalHeaderStyled>
|
|
80
|
-
<Typography variant=
|
|
79
|
+
<Typography variant="h2">{props.title}</Typography>
|
|
81
80
|
<IconButton
|
|
82
81
|
onClick={props.onClose}
|
|
83
82
|
size="small"
|
|
84
83
|
color="inherit"
|
|
85
84
|
variant="text"
|
|
86
85
|
cursor="pointer"
|
|
87
|
-
sx={{padding:
|
|
86
|
+
sx={{ padding: '0' }}
|
|
88
87
|
>
|
|
89
88
|
<Close />
|
|
90
89
|
</IconButton>
|
|
91
90
|
</ModalHeaderStyled>
|
|
92
91
|
)}
|
|
93
|
-
<ModalContainerChildrenStyled>
|
|
94
|
-
|
|
95
|
-
</ModalContainerChildrenStyled>
|
|
96
|
-
{!!props.action?.length && (
|
|
92
|
+
<ModalContainerChildrenStyled>{children}</ModalContainerChildrenStyled>
|
|
93
|
+
{!!props.action?.length && (
|
|
97
94
|
<ModalFooterStyled>
|
|
98
|
-
{props.action.map(({color, variant, action, size, label, ...rest}, key) => (
|
|
99
|
-
<Button
|
|
100
|
-
color={color}
|
|
101
|
-
variant={variant}
|
|
102
|
-
key={key}
|
|
103
|
-
onClick={action}
|
|
104
|
-
size={size}
|
|
105
|
-
{...rest}
|
|
106
|
-
>
|
|
95
|
+
{props.action.map(({ color, variant, action, size, label, ...rest }, key) => (
|
|
96
|
+
<Button color={color} variant={variant} key={key} onClick={action} size={size} {...rest}>
|
|
107
97
|
{label}
|
|
108
98
|
</Button>
|
|
109
99
|
))}
|
|
@@ -214,11 +214,11 @@ const UncontrolledTable = (props: UncontrolledTableProps) => {
|
|
|
214
214
|
<TBody table={table} onClick={onClick} onMouseOver={onMouseOver} onMouseOut={onMouseOut} />
|
|
215
215
|
</S.Table>
|
|
216
216
|
</S.Content>
|
|
217
|
-
<Pagination
|
|
217
|
+
{pagination && <Pagination
|
|
218
218
|
pagination={pagination}
|
|
219
219
|
count={totalPages}
|
|
220
220
|
onChangePage={(page: number) => onChangePage({ ...pagination, pageIndex: page })}
|
|
221
|
-
/>
|
|
221
|
+
/>}
|
|
222
222
|
</S.Container>
|
|
223
223
|
);
|
|
224
224
|
};
|
package/src/interfaces/Modal.ts
CHANGED
|
@@ -9,8 +9,8 @@ export interface ModalBaseProps extends MuiModalBaseProps {
|
|
|
9
9
|
onClose?: React.ReactEventHandler<{}>;
|
|
10
10
|
action?: OnAction[];
|
|
11
11
|
className?: string;
|
|
12
|
-
full?: boolean;
|
|
13
12
|
title?: string;
|
|
14
13
|
id?: string;
|
|
15
14
|
paperProps?: MuiPaperBaseProps;
|
|
15
|
+
width?: string;
|
|
16
16
|
}
|
|
@@ -16,8 +16,6 @@ const meta = {
|
|
|
16
16
|
|
|
17
17
|
export default meta;
|
|
18
18
|
|
|
19
|
-
type Story = StoryObj<typeof meta>;
|
|
20
|
-
|
|
21
19
|
export const ModalBasic = () => {
|
|
22
20
|
const [open, setOpen] = React.useState(false);
|
|
23
21
|
const handleOpen = () => setOpen(true);
|
|
@@ -122,8 +120,8 @@ export const ModalAction = () => {
|
|
|
122
120
|
action={defaultAction}
|
|
123
121
|
paperProps={{
|
|
124
122
|
sx: {
|
|
125
|
-
width:
|
|
126
|
-
}
|
|
123
|
+
width: '90vw',
|
|
124
|
+
},
|
|
127
125
|
}}
|
|
128
126
|
>
|
|
129
127
|
<>
|
|
@@ -193,3 +191,56 @@ export const ModalProps = () => {
|
|
|
193
191
|
};
|
|
194
192
|
|
|
195
193
|
ModalProps.storyName = 'Modal Title and Action';
|
|
194
|
+
|
|
195
|
+
export const ModalSize = () => {
|
|
196
|
+
const [open, setOpen] = React.useState(false);
|
|
197
|
+
const handleOpen = () => setOpen(true);
|
|
198
|
+
const handleClose = () => setOpen(false);
|
|
199
|
+
|
|
200
|
+
const defaultAction = [
|
|
201
|
+
{
|
|
202
|
+
label: 'Cancelar',
|
|
203
|
+
action: handleClose,
|
|
204
|
+
color: 'error',
|
|
205
|
+
size: 'medium',
|
|
206
|
+
variant: 'outlined',
|
|
207
|
+
},
|
|
208
|
+
{
|
|
209
|
+
label: 'Confirmar',
|
|
210
|
+
action: handleClose,
|
|
211
|
+
color: 'primary',
|
|
212
|
+
size: 'medium',
|
|
213
|
+
variant: 'contained',
|
|
214
|
+
},
|
|
215
|
+
];
|
|
216
|
+
return (
|
|
217
|
+
<>
|
|
218
|
+
<Button onClick={handleOpen} color="primary" variant="outlined">
|
|
219
|
+
Open modal
|
|
220
|
+
</Button>
|
|
221
|
+
|
|
222
|
+
{open && (
|
|
223
|
+
<Modal
|
|
224
|
+
open={open}
|
|
225
|
+
onClose={handleClose}
|
|
226
|
+
aria-labelledby="modal-modal-title"
|
|
227
|
+
aria-describedby="modal-modal-description"
|
|
228
|
+
action={defaultAction}
|
|
229
|
+
title="Select a company"
|
|
230
|
+
width='90vw'
|
|
231
|
+
>
|
|
232
|
+
<>
|
|
233
|
+
<Typography id="modal-modal-title" variant="h6" component="h2">
|
|
234
|
+
Text in a modal
|
|
235
|
+
</Typography>
|
|
236
|
+
<Typography id="modal-modal-description" sx={{ mt: 2 }}>
|
|
237
|
+
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
|
|
238
|
+
</Typography>
|
|
239
|
+
</>
|
|
240
|
+
</Modal>
|
|
241
|
+
)}
|
|
242
|
+
</>
|
|
243
|
+
);
|
|
244
|
+
};
|
|
245
|
+
|
|
246
|
+
ModalSize.storyName = 'Modal width and height';
|