norma-library 0.6.70 → 0.6.72
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 +5 -5
- package/dist/esm/components/Modal.js.map +1 -1
- package/dist/esm/components/TimeLine/TimeLine.js +2 -2
- package/dist/esm/components/TimeLine/TimeLine.js.map +1 -1
- package/dist/esm/index.d.ts +2 -2
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Modal.tsx +15 -13
- package/src/components/TimeLine/TimeLine.tsx +2 -1
- package/src/index.ts +2 -1
|
@@ -6,8 +6,8 @@ import { IconButton } from './IconButton';
|
|
|
6
6
|
import { Button } from './Button';
|
|
7
7
|
var ModalStyled = styled(MuiModal)({});
|
|
8
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
|
-
var ModalHeaderStyled = styled(Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n text-align: left;\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: #
|
|
10
|
-
var ModalFooterStyled = styled(Box)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n box-sizing: border-box;\n position: relative;\n padding: 24px;\n display: flex;\n justify-content: ", ";\n gap: 24px;\n"], ["\n box-sizing: border-box;\n position: relative;\n padding: 24px;\n display: flex;\n justify-content: ", ";\n gap: 24px;\n"])), function (props) { return props.$spaceBetween ? 'space-between' : 'flex-end'; });
|
|
9
|
+
var ModalHeaderStyled = styled(Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n text-align: left;\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: #1d1d1d;\n }\n"], ["\n text-align: left;\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: #1d1d1d;\n }\n"])));
|
|
10
|
+
var ModalFooterStyled = styled(Box)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n box-sizing: border-box;\n position: relative;\n padding: 24px;\n display: flex;\n justify-content: ", ";\n gap: 24px;\n"], ["\n box-sizing: border-box;\n position: relative;\n padding: 24px;\n display: flex;\n justify-content: ", ";\n gap: 24px;\n"])), function (props) { return (props.$spaceBetween ? 'space-between' : 'flex-end'); });
|
|
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"])));
|
|
12
12
|
export function Close() {
|
|
13
13
|
return (React.createElement("svg", { fill: "#808080", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", height: "24", width: "24" },
|
|
@@ -18,10 +18,10 @@ export var Modal = function (_a) {
|
|
|
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
20
|
React.createElement(ModalContentStyled, __assign({}, paperProps, { "$w": props.width }),
|
|
21
|
+
React.createElement(IconButton, { onClick: props.onClose, size: "small", color: "inherit", variant: "text", cursor: "pointer", sx: { padding: '0', position: 'absolute', right: '22px', top: '22px' }, className: 'Modal__Close' },
|
|
22
|
+
React.createElement(Close, null)),
|
|
21
23
|
props.title && (React.createElement(ModalHeaderStyled, null,
|
|
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
|
-
React.createElement(Close, null)))),
|
|
24
|
+
React.createElement(Typography, { variant: "h2" }, props.title))),
|
|
25
25
|
React.createElement(ModalContainerChildrenStyled, null, children),
|
|
26
26
|
!!((_b = props.action) === null || _b === void 0 ? void 0 : _b.length) && (React.createElement(ModalFooterStyled, { "$spaceBetween": props.actionSpaceBetween }, props.action.map(function (_a, key) {
|
|
27
27
|
var color = _a.color, variant = _a.variant, action = _a.action, size = _a.size, label = _a.label, rest = __rest(_a, ["color", "variant", "action", "size", "label"]);
|
|
@@ -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,MAAM,MAAM,mBAAmB,CAAC;AACvC,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,8VAAA,2RAepC,IAAA,CAAC;AAEF,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,7 +16,7 @@ var colorMap = {
|
|
|
16
16
|
export var TimeLine = function (_a) {
|
|
17
17
|
var data = _a.data, _b = _a.theme, theme = _b === void 0 ? 'primary' : _b, color = _a.color;
|
|
18
18
|
var _mainColor = color || colorMap[theme];
|
|
19
|
-
var NormaTimeLine = styled(Timeline)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .", " {\n &:before {\n flex: 0;\n padding: 0;\n }\n }\n\n .MuiTimelineDot-root {\n &:last-child {\n &:before {\n content: '';\n width: 70%;\n height: 70%;\n background: ", ";\n position: absolute;\n border-radius: 50%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n }\n }\n "], ["\n .", " {\n &:before {\n flex: 0;\n padding: 0;\n }\n }\n\n .MuiTimelineDot-root {\n &:last-child {\n &:before {\n content: '';\n width: 70%;\n height: 70%;\n background: ", ";\n position: absolute;\n border-radius: 50%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n }\n }\n "])), timelineItemClasses.root, _mainColor);
|
|
19
|
+
var NormaTimeLine = styled(Timeline)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .", " {\n padding: 0;\n &:before {\n flex: 0;\n padding: 0;\n }\n }\n\n .MuiTimelineDot-root {\n &:last-child {\n &:before {\n content: '';\n width: 70%;\n height: 70%;\n background: ", ";\n position: absolute;\n border-radius: 50%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n }\n }\n "], ["\n .", " {\n padding: 0;\n &:before {\n flex: 0;\n padding: 0;\n }\n }\n\n .MuiTimelineDot-root {\n &:last-child {\n &:before {\n content: '';\n width: 70%;\n height: 70%;\n background: ", ";\n position: absolute;\n border-radius: 50%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n }\n }\n "])), timelineItemClasses.root, _mainColor);
|
|
20
20
|
var _getDotStyle = function (last) {
|
|
21
21
|
var style = {
|
|
22
22
|
background: 'none',
|
|
@@ -32,7 +32,7 @@ export var TimeLine = function (_a) {
|
|
|
32
32
|
};
|
|
33
33
|
return last ? __assign(__assign({}, style), lastStyle) : style;
|
|
34
34
|
};
|
|
35
|
-
return (React.createElement(NormaTimeLine,
|
|
35
|
+
return (React.createElement(NormaTimeLine, { sx: { padding: '0' } }, data.map(function (item, key) {
|
|
36
36
|
var last = key !== data.length - 1;
|
|
37
37
|
return (React.createElement(TimelineItem, { key: key, sx: { minHeight: 'auto' } },
|
|
38
38
|
React.createElement(TimelineSeparator, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimeLine.js","sourceRoot":"","sources":["../../../../src/components/TimeLine/TimeLine.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,mBAAmB,GACpB,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAcvC,IAAM,QAAQ,GAAiC;IAC7C,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,OAAO,CAAC,SAAS;IAC5B,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,IAAI,EAAE,OAAO,CAAC,IAAI;IAClB,OAAO,EAAE,OAAO,CAAC,OAAO;CACzB,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAA4B,UAAC,EAAkC;QAAhC,IAAI,UAAA,EAAE,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EAAE,KAAK,WAAA;IAChF,IAAM,UAAU,GAAG,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,IAAM,aAAa,GAAG,MAAM,CAAC,QAAQ,CAAC,
|
|
1
|
+
{"version":3,"file":"TimeLine.js","sourceRoot":"","sources":["../../../../src/components/TimeLine/TimeLine.tsx"],"names":[],"mappings":"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"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -27,8 +27,8 @@ import TextInput from './components/TextInput';
|
|
|
27
27
|
import Table from './components/Table';
|
|
28
28
|
import UncontrolledTable from './components/UncontrolledTable';
|
|
29
29
|
import UncontrolledTabs from './components/UncontrolledTabs/UncontrolledTabs';
|
|
30
|
-
import { TimeLine } from './components/TimeLine/TimeLine';
|
|
30
|
+
import { TimeLine, TimeLineData } from './components/TimeLine/TimeLine';
|
|
31
31
|
import { ModalStatus } from './components/StatusModal/StatusModal';
|
|
32
32
|
import { breakpoints } from './utils/styledBreakpoints';
|
|
33
33
|
import { useTheme } from '@mui/material';
|
|
34
|
-
export { Accordion, Button, Card, ChatMessage, ChatMessageBalloon, CheckBox, DatePicker, getPalette, IconButton, Icons, Modal, Paper, ProgressBar, RadioGroup, RangerSlider, Select, Tabs, Tag, TextField, NormaProvider, themes, DateInput, Box, Breadcrumb, SelectInput, MultiSelectInput, Text, Title, TextInput, Table, UncontrolledTable, UncontrolledTabs, ModalStatus, breakpoints, useTheme, TimeLine, };
|
|
34
|
+
export { Accordion, Button, Card, ChatMessage, ChatMessageBalloon, CheckBox, DatePicker, getPalette, IconButton, Icons, Modal, Paper, ProgressBar, RadioGroup, RangerSlider, Select, Tabs, Tag, TextField, NormaProvider, themes, DateInput, Box, Breadcrumb, SelectInput, MultiSelectInput, Text, Title, TextInput, Table, UncontrolledTable, UncontrolledTabs, ModalStatus, breakpoints, useTheme, TimeLine, TimeLineData, };
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,GAAG,MAAM,kBAAkB,CAAC;AACnC,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAC/D,OAAO,gBAAgB,MAAM,gDAAgD,CAAC;AAC9E,OAAO,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,GAAG,MAAM,kBAAkB,CAAC;AACnC,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAC/D,OAAO,gBAAgB,MAAM,gDAAgD,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAgB,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EACL,SAAS,EACT,MAAM,EACN,IAAI,EACJ,WAAW,EACX,kBAAkB,EAClB,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,EACV,KAAK,EACL,KAAK,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,MAAM,EACN,IAAI,EACJ,GAAG,EACH,SAAS,EACT,aAAa,EACb,MAAM,EACN,SAAS,EACT,GAAG,EACH,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,IAAI,EACJ,KAAK,EACL,SAAS,EACT,KAAK,EACL,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,GAET,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "norma-library",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.72",
|
|
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
|
@@ -31,16 +31,16 @@ const ModalHeaderStyled = styled(Box)`
|
|
|
31
31
|
font-style: normal;
|
|
32
32
|
font-weight: 600;
|
|
33
33
|
font-size: 18px;
|
|
34
|
-
color: #
|
|
34
|
+
color: #1d1d1d;
|
|
35
35
|
}
|
|
36
36
|
`;
|
|
37
37
|
|
|
38
|
-
const ModalFooterStyled = styled(Box)<{$spaceBetween?: boolean}>`
|
|
38
|
+
const ModalFooterStyled = styled(Box)<{ $spaceBetween?: boolean }>`
|
|
39
39
|
box-sizing: border-box;
|
|
40
40
|
position: relative;
|
|
41
41
|
padding: 24px;
|
|
42
42
|
display: flex;
|
|
43
|
-
justify-content: ${props => props.$spaceBetween ? 'space-between' : 'flex-end'};
|
|
43
|
+
justify-content: ${props => (props.$spaceBetween ? 'space-between' : 'flex-end')};
|
|
44
44
|
gap: 24px;
|
|
45
45
|
`;
|
|
46
46
|
|
|
@@ -72,21 +72,23 @@ export const Modal = ({ open, children, paperProps, ...props }: ModalBaseProps)
|
|
|
72
72
|
return (
|
|
73
73
|
<ModalStyled open {...props}>
|
|
74
74
|
<ModalContentStyled {...paperProps} $w={props.width}>
|
|
75
|
+
<IconButton
|
|
76
|
+
onClick={props.onClose}
|
|
77
|
+
size="small"
|
|
78
|
+
color="inherit"
|
|
79
|
+
variant="text"
|
|
80
|
+
cursor="pointer"
|
|
81
|
+
sx={{ padding: '0', position: 'absolute', right: '22px', top: '22px' }}
|
|
82
|
+
className='Modal__Close'
|
|
83
|
+
>
|
|
84
|
+
<Close />
|
|
85
|
+
</IconButton>
|
|
75
86
|
{props.title && (
|
|
76
87
|
<ModalHeaderStyled>
|
|
77
88
|
<Typography variant="h2">{props.title}</Typography>
|
|
78
|
-
<IconButton
|
|
79
|
-
onClick={props.onClose}
|
|
80
|
-
size="small"
|
|
81
|
-
color="inherit"
|
|
82
|
-
variant="text"
|
|
83
|
-
cursor="pointer"
|
|
84
|
-
sx={{ padding: '0' }}
|
|
85
|
-
>
|
|
86
|
-
<Close />
|
|
87
|
-
</IconButton>
|
|
88
89
|
</ModalHeaderStyled>
|
|
89
90
|
)}
|
|
91
|
+
|
|
90
92
|
<ModalContainerChildrenStyled>{children}</ModalContainerChildrenStyled>
|
|
91
93
|
{!!props.action?.length && (
|
|
92
94
|
<ModalFooterStyled $spaceBetween={props.actionSpaceBetween}>
|
|
@@ -42,6 +42,7 @@ export const TimeLine: React.FC<TimeLineProps> = ({ data, theme = 'primary', col
|
|
|
42
42
|
|
|
43
43
|
const NormaTimeLine = styled(Timeline)`
|
|
44
44
|
.${timelineItemClasses.root} {
|
|
45
|
+
padding: 0;
|
|
45
46
|
&:before {
|
|
46
47
|
flex: 0;
|
|
47
48
|
padding: 0;
|
|
@@ -84,7 +85,7 @@ export const TimeLine: React.FC<TimeLineProps> = ({ data, theme = 'primary', col
|
|
|
84
85
|
};
|
|
85
86
|
|
|
86
87
|
return (
|
|
87
|
-
<NormaTimeLine>
|
|
88
|
+
<NormaTimeLine sx={{ padding: '0' }}>
|
|
88
89
|
{data.map((item, key) => {
|
|
89
90
|
const last = key !== data.length - 1;
|
|
90
91
|
return (
|
package/src/index.ts
CHANGED
|
@@ -27,7 +27,7 @@ import TextInput from './components/TextInput';
|
|
|
27
27
|
import Table from './components/Table';
|
|
28
28
|
import UncontrolledTable from './components/UncontrolledTable';
|
|
29
29
|
import UncontrolledTabs from './components/UncontrolledTabs/UncontrolledTabs';
|
|
30
|
-
import { TimeLine } from './components/TimeLine/TimeLine';
|
|
30
|
+
import { TimeLine, TimeLineData } from './components/TimeLine/TimeLine';
|
|
31
31
|
import { ModalStatus } from './components/StatusModal/StatusModal';
|
|
32
32
|
import { breakpoints } from './utils/styledBreakpoints';
|
|
33
33
|
|
|
@@ -70,4 +70,5 @@ export {
|
|
|
70
70
|
breakpoints,
|
|
71
71
|
useTheme,
|
|
72
72
|
TimeLine,
|
|
73
|
+
TimeLineData,
|
|
73
74
|
};
|