norma-library 0.5.3 → 0.5.50
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/Accordion.js +7 -11
- package/dist/esm/components/Accordion.js.map +1 -1
- package/dist/esm/components/Avatar.js +3 -7
- package/dist/esm/components/Avatar.js.map +1 -1
- package/dist/esm/components/Badge.js +3 -7
- package/dist/esm/components/Badge.js.map +1 -1
- package/dist/esm/components/Button.js +5 -9
- package/dist/esm/components/Button.js.map +1 -1
- package/dist/esm/components/Card.js +4 -7
- package/dist/esm/components/Card.js.map +1 -1
- package/dist/esm/components/CheckBox.js +3 -6
- package/dist/esm/components/CheckBox.js.map +1 -1
- package/dist/esm/components/DataGrid/index.js +29 -33
- package/dist/esm/components/DataGrid/index.js.map +1 -1
- package/dist/esm/components/DatePicker.js +6 -11
- package/dist/esm/components/DatePicker.js.map +1 -1
- package/dist/esm/components/DropDown.js +5 -10
- package/dist/esm/components/DropDown.js.map +1 -1
- package/dist/esm/components/IconButton.js +4 -7
- package/dist/esm/components/IconButton.js.map +1 -1
- package/dist/esm/components/Modal.js +11 -15
- package/dist/esm/components/Modal.js.map +1 -1
- package/dist/esm/components/Paper.js +3 -7
- package/dist/esm/components/Paper.js.map +1 -1
- package/dist/esm/components/ProgressBar.js +11 -15
- package/dist/esm/components/ProgressBar.js.map +1 -1
- package/dist/esm/components/RadioGroup.js +6 -10
- package/dist/esm/components/RadioGroup.js.map +1 -1
- package/dist/esm/components/RangerSlider.js +4 -7
- package/dist/esm/components/RangerSlider.js.map +1 -1
- package/dist/esm/components/Select.js +10 -14
- package/dist/esm/components/Select.js.map +1 -1
- package/dist/esm/components/Tabs.js +8 -11
- package/dist/esm/components/Tabs.js.map +1 -1
- package/dist/esm/components/Tag.js +8 -11
- package/dist/esm/components/Tag.js.map +1 -1
- package/dist/esm/components/TextField.js +4 -8
- package/dist/esm/components/TextField.js.map +1 -1
- package/dist/esm/components/TimeLine.js +4 -7
- package/dist/esm/components/TimeLine.js.map +1 -1
- package/dist/esm/components/TimePicker.js +6 -11
- package/dist/esm/components/TimePicker.js.map +1 -1
- package/dist/esm/index.d.ts +2 -1
- package/dist/esm/index.js +2 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/providers/NormaProvider.d.ts +3 -0
- package/dist/esm/providers/NormaProvider.js +7 -0
- package/dist/esm/providers/NormaProvider.js.map +1 -0
- package/package.json +1 -1
- package/src/components/Accordion.tsx +17 -25
- package/src/components/Avatar.tsx +3 -8
- package/src/components/Badge.tsx +3 -8
- package/src/components/Button.tsx +11 -16
- package/src/components/Card.tsx +7 -12
- package/src/components/CheckBox.tsx +5 -8
- package/src/components/DataGrid/index.tsx +87 -94
- package/src/components/DatePicker.tsx +9 -15
- package/src/components/DropDown.tsx +15 -22
- package/src/components/IconButton.tsx +7 -11
- package/src/components/Modal.tsx +40 -45
- package/src/components/Paper.tsx +3 -10
- package/src/components/ProgressBar.tsx +12 -19
- package/src/components/RadioGroup.tsx +21 -28
- package/src/components/RangerSlider.tsx +4 -9
- package/src/components/Select.tsx +34 -42
- package/src/components/Tabs.tsx +15 -20
- package/src/components/Tag.tsx +13 -17
- package/src/components/TextField.tsx +5 -10
- package/src/components/TimeLine.tsx +5 -9
- package/src/components/TimePicker.tsx +8 -14
- package/src/index.ts +2 -0
- package/src/providers/NormaProvider.tsx +13 -0
|
@@ -1,24 +1,20 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React
|
|
3
|
-
import { AccordionDetails, AccordionSummary, Accordion as MuiAccordion,
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { AccordionDetails, AccordionSummary, Accordion as MuiAccordion, Typography } from '@mui/material';
|
|
4
4
|
import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
|
|
5
|
-
import { themes } from '../helpers';
|
|
6
5
|
import { styled } from '@mui/material/styles';
|
|
7
6
|
var AccordionStyled = styled(MuiAccordion)({});
|
|
8
7
|
export var Accordion = function (_a) {
|
|
9
8
|
var _b = _a.data, data = _b === void 0 ? [] : _b, _c = _a.defaultExpanded, defaultExpanded = _c === void 0 ? false : _c, props = __rest(_a, ["data", "defaultExpanded"]);
|
|
10
|
-
var prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
|
|
11
9
|
var _d = React.useState(defaultExpanded), expanded = _d[0], setExpanded = _d[1];
|
|
12
10
|
var handleChange = function (panel) { return function (event, isExpanded) {
|
|
13
11
|
console.log('Event ==> ', event);
|
|
14
12
|
setExpanded(isExpanded ? panel : false);
|
|
15
13
|
}; };
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
React.createElement(Typography, { sx: { width: '66%', flexShrink: 0 } }, item.label)),
|
|
22
|
-
React.createElement(AccordionDetails, null, item.children))); }))));
|
|
14
|
+
return (React.createElement(React.Fragment, null, data &&
|
|
15
|
+
data.map(function (item, key) { return (React.createElement(AccordionStyled, __assign({ expanded: expanded === item.id, onChange: handleChange(item.id), key: key }, props),
|
|
16
|
+
React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, null), "aria-controls": "panel-".concat(key, "-content"), id: "panel-".concat(key, "-header") },
|
|
17
|
+
React.createElement(Typography, { sx: { width: '66%', flexShrink: 0 } }, item.label)),
|
|
18
|
+
React.createElement(AccordionDetails, null, item.children))); })));
|
|
23
19
|
};
|
|
24
20
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/components/Accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/components/Accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,IAAI,YAAY,EACzB,UAAU,EACX,MAAM,eAAe,CAAC;AACvB,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,eAAe,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC;AAEjD,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAAoE;IAAlE,IAAA,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,uBAAuB,EAAvB,eAAe,mBAAG,KAAK,KAAA,EAAK,KAAK,cAA9C,2BAAgD,CAAF;IAChE,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAmB,eAAe,CAAC,EAA1E,QAAQ,QAAA,EAAE,WAAW,QAAqD,CAAC;IAElF,IAAM,YAAY,GAAG,UAAC,KAAa,IAAK,OAAA,UAAC,KAA2B,EAAE,UAAmB;QACvF,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;QACjC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,EAHuC,CAGvC,CAAC;IAEF,OAAO,CACL,0CACG,IAAI;QACH,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CACtB,oBAAC,eAAe,aAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK;YACnG,oBAAC,gBAAgB,IACf,UAAU,EAAE,oBAAC,cAAc,OAAG,mBACf,gBAAS,GAAG,aAAU,EACrC,EAAE,EAAE,gBAAS,GAAG,YAAS;gBAEzB,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,IAAG,IAAI,CAAC,KAAK,CAAc,CACzD;YACnB,oBAAC,gBAAgB,QAAE,IAAI,CAAC,QAAQ,CAAoB,CACpC,CACnB,EAXuB,CAWvB,CAAC,CACH,CACJ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,17 +1,13 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React
|
|
3
|
-
import {
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Avatar as MuiVatar } from '@mui/material';
|
|
4
4
|
import { styled } from '@mui/material/styles';
|
|
5
|
-
import { themes } from '../helpers';
|
|
6
5
|
var AvatarStyled = styled(MuiVatar)({
|
|
7
6
|
textTransform: 'none',
|
|
8
7
|
color: 'currentcolor',
|
|
9
8
|
});
|
|
10
9
|
export var Avatar = function (_a) {
|
|
11
10
|
var src = _a.src, props = __rest(_a, ["src"]);
|
|
12
|
-
|
|
13
|
-
var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.dark); }, [prefersDarkMode]);
|
|
14
|
-
return (React.createElement(ThemeProvider, { theme: theme },
|
|
15
|
-
React.createElement(AvatarStyled, __assign({ src: src }, props))));
|
|
11
|
+
return (React.createElement(AvatarStyled, __assign({ src: src }, props)));
|
|
16
12
|
};
|
|
17
13
|
//# sourceMappingURL=Avatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGnD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACpC,aAAa,EAAE,MAAM;IACrB,KAAK,EAAE,cAAc;CACtB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,MAAM,GAA8B,UAAC,EAAiB;IAAf,IAAA,GAAG,SAAA,EAAK,KAAK,cAAf,OAAiB,CAAF;IAC/D,OAAO,CACL,oBAAC,YAAY,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CACtC,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,14 +1,10 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React
|
|
3
|
-
import {
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Badge as MuiBadge } from '@mui/material';
|
|
4
4
|
import { styled } from '@mui/material/styles';
|
|
5
|
-
import { themes } from '../helpers';
|
|
6
5
|
var BadgeStyled = styled(MuiBadge)({});
|
|
7
6
|
export var Badge = function (_a) {
|
|
8
7
|
var props = __rest(_a, []);
|
|
9
|
-
|
|
10
|
-
var theme = useMemo(function () { return (prefersDarkMode ? themes.dark : themes.light); }, [prefersDarkMode]);
|
|
11
|
-
return (React.createElement(ThemeProvider, { theme: theme },
|
|
12
|
-
React.createElement(BadgeStyled, __assign({}, props))));
|
|
8
|
+
return (React.createElement(BadgeStyled, __assign({}, props)));
|
|
13
9
|
};
|
|
14
10
|
//# sourceMappingURL=Badge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/Badge.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/Badge.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGlD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;AAEzC,MAAM,CAAC,IAAM,KAAK,GAA6B,UAAC,EAAY;QAAP,KAAK,cAAV,EAAY,CAAF;IACxD,OAAO,CACL,oBAAC,WAAW,eAAK,KAAK,EAAI,CAC3B,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React
|
|
3
|
-
import { Button as MuiButton
|
|
4
|
-
import { themes } from '../helpers';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Button as MuiButton } from '@mui/material';
|
|
5
4
|
import { styled } from '@mui/material/styles';
|
|
6
5
|
var ButtonStyled = styled(MuiButton)({
|
|
7
6
|
textTransform: 'none',
|
|
@@ -12,11 +11,8 @@ var ButtonStyled = styled(MuiButton)({
|
|
|
12
11
|
});
|
|
13
12
|
export var Button = function (_a) {
|
|
14
13
|
var label = _a.label, children = _a.children, props = __rest(_a, ["label", "children"]);
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
React.createElement(ButtonStyled, __assign({}, props, { sx: {
|
|
19
|
-
color: props.variant === 'contained' ? '#FFFF' : props.color,
|
|
20
|
-
} }), label ? label : children)));
|
|
14
|
+
return (React.createElement(ButtonStyled, __assign({}, props, { sx: {
|
|
15
|
+
color: props.variant === 'contained' ? '#FFFF' : props.color,
|
|
16
|
+
} }), label ? label : children));
|
|
21
17
|
};
|
|
22
18
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IACrC,aAAa,EAAE,MAAM;IACrB,wBAAwB,EAAE;QACxB,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,KAAK;KACvB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAA8C;IAA5C,IAAA,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA3B,qBAA6B,CAAF;IAEhD,OAAO,CACL,oBAAC,YAAY,eACP,KAAK,IACT,EAAE,EAAE;YACF,KAAK,EAAE,KAAK,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK;SAC7D,KAEA,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CACZ,CAChB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React
|
|
3
|
-
import { Card as MuiCard
|
|
4
|
-
import { palette
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Card as MuiCard } from '@mui/material';
|
|
4
|
+
import { palette } from '../helpers';
|
|
5
5
|
import { styled } from '@mui/material/styles';
|
|
6
6
|
var colorMap = {
|
|
7
7
|
inherit: palette.inherit,
|
|
@@ -23,9 +23,6 @@ var CardStyled = styled(MuiCard)(function (_a) {
|
|
|
23
23
|
});
|
|
24
24
|
export var Card = function (_a) {
|
|
25
25
|
var children = _a.children, border = _a.border, _b = _a.color, color = _b === void 0 ? 'inherit' : _b, props = __rest(_a, ["children", "border", "color"]);
|
|
26
|
-
|
|
27
|
-
var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.dark); }, [prefersDarkMode]);
|
|
28
|
-
return (React.createElement(ThemeProvider, { theme: theme },
|
|
29
|
-
React.createElement(CardStyled, __assign({ borderColor: border ? color : undefined }, props), children)));
|
|
26
|
+
return (React.createElement(CardStyled, __assign({ borderColor: border ? color : undefined }, props), children));
|
|
30
27
|
};
|
|
31
28
|
//# sourceMappingURL=Card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,IAAM,QAAQ,GAAiC;IAC7C,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,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,IAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAE/B,UAAC,EAAe;QAAb,WAAW,iBAAA;IAAO,OAAA,CAAC;QACvB,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,uBAAuB;QAClC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC,oBAAa,QAAQ,CAAC,WAAW,CAAC,CAAE,CAAC,CAAC,CAAC,MAAM;KACxE,CAAC;AALsB,CAKtB,CAAC,CAAC;AAEJ,MAAM,CAAC,IAAM,IAAI,GAAG,UAAC,EAKwC;IAJ3D,IAAA,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACd,KAAK,cAJW,+BAKpB,CADS;IAGR,OAAO,CACL,oBAAC,UAAU,aAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,IAAM,KAAK,GAC3D,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React
|
|
3
|
-
import { FormControlLabel, Checkbox as MuiCheckbox
|
|
4
|
-
import { themes } from '../helpers';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { FormControlLabel, Checkbox as MuiCheckbox } from '@mui/material';
|
|
5
4
|
import { styled } from '@mui/material/styles';
|
|
6
5
|
var CheckBoxStyled = styled(MuiCheckbox)({});
|
|
7
6
|
export var CheckBox = function (_a) {
|
|
8
7
|
var props = __rest(_a, []);
|
|
9
|
-
|
|
10
|
-
var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.dark); }, [prefersDarkMode]);
|
|
11
|
-
return (React.createElement(ThemeProvider, { theme: theme }, props.label ? (React.createElement(FormControlLabel, { control: React.createElement(CheckBoxStyled, __assign({}, props)), label: props.label })) : (React.createElement(CheckBoxStyled, __assign({}, props)))));
|
|
8
|
+
return (React.createElement(React.Fragment, null, props.label ? (React.createElement(FormControlLabel, { control: React.createElement(CheckBoxStyled, __assign({}, props)), label: props.label })) : (React.createElement(CheckBoxStyled, __assign({}, props)))));
|
|
12
9
|
};
|
|
13
10
|
//# sourceMappingURL=CheckBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../src/components/CheckBox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../src/components/CheckBox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAI1E,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC;AAE/C,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAA+B;QAA1B,KAAK,cAAV,EAAY,CAAF;IAEjC,OAAO,CACL,0CACG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACb,oBAAC,gBAAgB,IAAC,OAAO,EAAE,oBAAC,cAAc,eAAK,KAAK,EAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CACjF,CAAC,CAAC,CAAC,CACF,oBAAC,cAAc,eAAK,KAAK,EAAI,CAC9B,CACA,CACJ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __assign } from "tslib";
|
|
2
|
-
import React, { useEffect,
|
|
3
|
-
import { Box, Stack,
|
|
2
|
+
import React, { useEffect, useState, useRef } from 'react';
|
|
3
|
+
import { Box, Stack, Paper } from '@mui/material';
|
|
4
4
|
import Table from '@mui/material/Table';
|
|
5
5
|
import TableBody from '@mui/material/TableBody';
|
|
6
6
|
import TableCell from '@mui/material/TableCell';
|
|
@@ -9,7 +9,6 @@ import TableHead from '@mui/material/TableHead';
|
|
|
9
9
|
import TableRow from '@mui/material/TableRow';
|
|
10
10
|
import ArrowDropUpIcon from '@mui/icons-material/ArrowDropUp';
|
|
11
11
|
import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
|
|
12
|
-
import { themes } from '../../helpers';
|
|
13
12
|
import DropdownFilter from './base/dropdown';
|
|
14
13
|
import { Pagination as MuiPagination } from '@mui/material';
|
|
15
14
|
import { filterDataSource, generateRandomDataSource, groupByDataSource, sortDataSourceByColumn } from './shared';
|
|
@@ -26,8 +25,6 @@ export function Cog6ToothIcon(props) {
|
|
|
26
25
|
var dataSource = generateRandomDataSource(30);
|
|
27
26
|
export var DataGrid = function (_a) {
|
|
28
27
|
var _b = _a.data, data = _b === void 0 ? [] : _b;
|
|
29
|
-
var prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
|
|
30
|
-
var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.light); }, [prefersDarkMode]);
|
|
31
28
|
var pageSize = 10;
|
|
32
29
|
var columns = data[0].columns;
|
|
33
30
|
var _c = useState([]), selectedItems = _c[0], setSelectedItems = _c[1];
|
|
@@ -105,33 +102,32 @@ export var DataGrid = function (_a) {
|
|
|
105
102
|
setCurrentPage(1);
|
|
106
103
|
}
|
|
107
104
|
}, [selectedItems]);
|
|
108
|
-
return (React.createElement(
|
|
109
|
-
React.createElement(
|
|
110
|
-
React.createElement(
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
React.createElement(
|
|
115
|
-
|
|
116
|
-
React.createElement(
|
|
117
|
-
React.createElement(
|
|
118
|
-
React.createElement(
|
|
119
|
-
React.createElement(
|
|
120
|
-
|
|
121
|
-
React.createElement(
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
React.createElement(
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
React.createElement(MuiPagination, { variant: "outlined", shape: "rounded", count: totalPages, page: currentPage, onChange: function (_event, page) { return handleChangePage(page); } }))))));
|
|
105
|
+
return (React.createElement(Box, { sx: { width: '100%', minHeight: 480 } },
|
|
106
|
+
React.createElement(DataGridHeaderStyled, null,
|
|
107
|
+
React.createElement(TotalRecordsStyled, null,
|
|
108
|
+
totalRecords,
|
|
109
|
+
" results found for this search"),
|
|
110
|
+
React.createElement(HeaderCogStyled, { type: "button" },
|
|
111
|
+
React.createElement(Cog6ToothIcon, { width: 24, height: 24 }))),
|
|
112
|
+
React.createElement(TableContainer, { component: Paper, sx: { overflowX: 'inherit' } },
|
|
113
|
+
React.createElement(Table, { sx: { minWidth: 650, width: '100%' }, "aria-label": "a dense table" },
|
|
114
|
+
React.createElement(TableHead, null,
|
|
115
|
+
React.createElement(TableRow, null, columns &&
|
|
116
|
+
columns.map(function (item, key) { return (React.createElement(TableCellStyled, { key: key, ref: function (ref) { return (sortRefs.current[key] = ref); } },
|
|
117
|
+
React.createElement(Stack, { direction: "row", spacing: 2, sx: { position: 'relative' } },
|
|
118
|
+
React.createElement(ButtonStyled, { variant: "text", size: "small", color: currentActiveSorting === item.field ? 'primary' : 'inherit', endIcon: currentActiveSorting === item.field && sorting === 'up' ? (React.createElement(ArrowDropUpIcon, null)) : (React.createElement(ArrowDropDownIcon, null)), onClick: function () {
|
|
119
|
+
handleDropDown(item.field);
|
|
120
|
+
} }, item.headerText),
|
|
121
|
+
currentDropDownActive && currentDropDownActive === item.field && (React.createElement(DropdownFilter, { format: item.format, onOrder: handleSorting, onFilter: handleFilter, onSelected: handleItemSelected, itemsSelected: selectedItems, onFilterSelected: handleFilterSelected, onChecketAll: setSelectAll, onSelectAll: selectAll, data: groupByDataSource(dataSource, item.field) }))))); }))),
|
|
122
|
+
React.createElement(TableBody, null, newDataSource &&
|
|
123
|
+
newDataSource.map(function (item, key) { return (React.createElement(TableRowStyled, { key: key, sx: { '&:last-child td, &:last-child th': { border: 0 } } }, Object.keys(item).map(function (columnKey) { return (React.createElement(TableCell, { component: "th", scope: "row", key: columnKey }, item[columnKey])); }))); }))),
|
|
124
|
+
React.createElement(Stack, { spacing: 2, sx: {
|
|
125
|
+
display: 'flex',
|
|
126
|
+
justifyContent: 'center',
|
|
127
|
+
alignItems: 'center',
|
|
128
|
+
borderTop: '1px solid #ccc',
|
|
129
|
+
padding: 2,
|
|
130
|
+
} },
|
|
131
|
+
React.createElement(MuiPagination, { variant: "outlined", shape: "rounded", count: totalPages, page: currentPage, onChange: function (_event, page) { return handleChangePage(page); } })))));
|
|
136
132
|
};
|
|
137
133
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DataGrid/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DataGrid/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
import React
|
|
2
|
-
import { ThemeProvider, useMediaQuery } from '@mui/material';
|
|
1
|
+
import React from 'react';
|
|
3
2
|
import { DemoContainer } from '@mui/x-date-pickers/internals/demo';
|
|
4
3
|
import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
|
|
5
4
|
import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
|
|
6
5
|
import { DatePicker as MuiDatePicker } from '@mui/x-date-pickers/DatePicker';
|
|
7
6
|
import { MobileDatePicker as MuiMobileDatePicker } from '@mui/x-date-pickers/MobileDatePicker';
|
|
8
7
|
import { DesktopDatePicker as MuiDesktopDatePicker } from '@mui/x-date-pickers/DesktopDatePicker';
|
|
9
|
-
import { themes } from '../helpers';
|
|
10
8
|
import { styled } from '@mui/material/styles';
|
|
11
9
|
import 'dayjs/locale/pt-br';
|
|
12
10
|
import 'dayjs/locale/en';
|
|
@@ -46,13 +44,10 @@ var MuiDesktopDatePickerStyled = styled(MuiDesktopDatePicker)({
|
|
|
46
44
|
});
|
|
47
45
|
export var DatePicker = function (_a) {
|
|
48
46
|
var label = _a.label, _b = _a.format, format = _b === void 0 ? 'DD/MM/YYYY' : _b, _c = _a.language, language = _c === void 0 ? 'pt-br' : _c, _d = _a.variant, variant = _d === void 0 ? 'desktop' : _d;
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
React.createElement(
|
|
54
|
-
variant === 'responsive' && React.createElement(MuiDatePickerStyled, { label: label, format: format }),
|
|
55
|
-
variant === 'mobile' && React.createElement(MuiMobileDatePickerStyled, { label: label, format: format }),
|
|
56
|
-
variant === 'desktop' && React.createElement(MuiDesktopDatePickerStyled, { label: label, format: format })))));
|
|
47
|
+
return (React.createElement(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: language },
|
|
48
|
+
React.createElement(DemoContainer, { components: ['TimePicker', 'MobileTimePicker', 'DesktopTimePicker'] },
|
|
49
|
+
variant === 'responsive' && React.createElement(MuiDatePickerStyled, { label: label, format: format }),
|
|
50
|
+
variant === 'mobile' && React.createElement(MuiMobileDatePickerStyled, { label: label, format: format }),
|
|
51
|
+
variant === 'desktop' && React.createElement(MuiDesktopDatePickerStyled, { label: label, format: format }))));
|
|
57
52
|
};
|
|
58
53
|
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,gBAAgB,IAAI,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC/F,OAAO,EAAE,iBAAiB,IAAI,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAElG,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,OAAO,oBAAoB,CAAC;AAC5B,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AAEzB,IAAM,mBAAmB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;IAChD,oCAAoC,EAAE;QACpC,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,CAAC;QACf,YAAY,EAAE,mBAAmB;KAClC;IACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,MAAM;QACvB,OAAO,EAAE,OAAO;KACjB;CACF,CAAC,CAAC;AAEH,IAAM,yBAAyB,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC;IAC5D,oCAAoC,EAAE;QACpC,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,CAAC;QACf,YAAY,EAAE,mBAAmB;KAClC;IACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,MAAM;QACvB,OAAO,EAAE,OAAO;KACjB;CACF,CAAC,CAAC;AAEH,IAAM,0BAA0B,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;IAC9D,oCAAoC,EAAE;QACpC,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,CAAC;QACf,YAAY,EAAE,mBAAmB;KAClC;IACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,MAAM;QACvB,OAAO,EAAE,OAAO;KACjB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAKL;QAJpB,KAAK,WAAA,EACL,cAAqB,EAArB,MAAM,mBAAG,YAAY,KAAA,EACrB,gBAAkB,EAAlB,QAAQ,mBAAG,OAAO,KAAA,EAClB,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA;IAGnB,OAAO,CACL,oBAAC,oBAAoB,IAAC,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ;QACtE,oBAAC,aAAa,IAAC,UAAU,EAAE,CAAC,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,CAAC;YAC/E,OAAO,KAAK,YAAY,IAAI,oBAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI;YACjF,OAAO,KAAK,QAAQ,IAAI,oBAAC,yBAAyB,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI;YACnF,OAAO,KAAK,SAAS,IAAI,oBAAC,0BAA0B,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,CACxE,CACK,CACxB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,17 +1,12 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React
|
|
3
|
-
import { Menu as MuiDropDown
|
|
4
|
-
import { themes } from '../helpers';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Menu as MuiDropDown } from '@mui/material';
|
|
5
4
|
import { styled } from '@mui/material/styles';
|
|
6
5
|
var DropDownStyled = styled(MuiDropDown)({});
|
|
7
6
|
export var DropDown = function (_a) {
|
|
8
7
|
var open = _a.open, children = _a.children, props = __rest(_a, ["open", "children"]);
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
React.createElement(React.Fragment, null,
|
|
13
|
-
React.createElement(DropDownStyled, __assign({ open: true, id: "basic-menu", anchorEl: props.anchorEl, onClose: props.onClose, MenuListProps: {
|
|
14
|
-
'aria-labelledby': 'basic-button',
|
|
15
|
-
} }, props), children))));
|
|
8
|
+
return (React.createElement(DropDownStyled, __assign({ open: true, id: "basic-menu", anchorEl: props.anchorEl, onClose: props.onClose, MenuListProps: {
|
|
9
|
+
'aria-labelledby': 'basic-button',
|
|
10
|
+
} }, props), children));
|
|
16
11
|
};
|
|
17
12
|
//# sourceMappingURL=DropDown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropDown.js","sourceRoot":"","sources":["../../../src/components/DropDown.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"DropDown.js","sourceRoot":"","sources":["../../../src/components/DropDown.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC;AAE/C,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAA+C;IAA7C,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA1B,oBAA4B,CAAF;IAEjD,OAAO,CACL,oBAAC,cAAc,aACb,IAAI,QACJ,EAAE,EAAC,YAAY,EACf,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,aAAa,EAAE;YACb,iBAAiB,EAAE,cAAc;SAClC,IACG,KAAK,GAER,QAAQ,CACM,CAClB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React
|
|
3
|
-
import { IconButton as MuiIconButton
|
|
4
|
-
import { palette
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { IconButton as MuiIconButton } from '@mui/material';
|
|
4
|
+
import { palette } from '../helpers';
|
|
5
5
|
import { styled } from '@mui/material/styles';
|
|
6
6
|
var colorMap = {
|
|
7
7
|
inherit: palette.inherit,
|
|
@@ -23,9 +23,6 @@ var IconButtonStyled = styled(MuiIconButton)(function (_a) {
|
|
|
23
23
|
});
|
|
24
24
|
export var IconButton = function (_a) {
|
|
25
25
|
var _b = _a.circle, circle = _b === void 0 ? false : _b, children = _a.children, props = __rest(_a, ["circle", "children"]);
|
|
26
|
-
|
|
27
|
-
var theme = useMemo(function () { return (prefersDarkMode ? themes.dark : themes.light); }, [prefersDarkMode]);
|
|
28
|
-
return (React.createElement(ThemeProvider, { theme: theme },
|
|
29
|
-
React.createElement(IconButtonStyled, __assign({ circle: circle, color: "primary", variant: "text", cursor: "default" }, props), children)));
|
|
26
|
+
return (React.createElement(IconButtonStyled, __assign({ circle: circle, color: "primary", variant: "text", cursor: "default" }, props), children));
|
|
30
27
|
};
|
|
31
28
|
//# sourceMappingURL=IconButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/components/IconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/components/IconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,IAAM,QAAQ,GAAiC;IAC7C,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,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,IAAM,gBAAgB,GAAG,MAAM,CAAC,aAAa,CAAC,CAK3C,UAAC,EAAkC;QAAhC,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA;IAAO,OAAA,CAAC;QAC1C,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QACtC,MAAM,EAAE,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,oBAAa,QAAQ,CAAC,KAAK,CAAC,CAAE,CAAC,CAAC,CAAC,MAAM;QACxE,eAAe,EAAE,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,UAAG,QAAQ,CAAC,KAAK,CAAC,CAAE,CAAC,CAAC,CAAC,MAAM;QACxE,MAAM,EAAE,MAAM;KACf,CAAC;AALyC,CAKzC,CAAC,CAAC;AAEJ,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAA2D;IAAzD,IAAA,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAApC,sBAAsC,CAAF;IAE7D,OAAO,CACL,oBAAC,gBAAgB,aAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,MAAM,EAAC,MAAM,EAAC,SAAS,IAAK,KAAK,GACxF,QAAQ,CACQ,CACpB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { __assign, __makeTemplateObject, __rest } from "tslib";
|
|
2
|
-
import React
|
|
3
|
-
import { Modal as MuiModal, Paper, Box
|
|
4
|
-
import { themes } from '../helpers';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Modal as MuiModal, Paper, Box } from '@mui/material';
|
|
5
4
|
import { styled } from '@mui/material/styles';
|
|
6
5
|
import { IconButton } from './IconButton';
|
|
7
6
|
import { Button } from './Button';
|
|
@@ -15,18 +14,15 @@ export function Close() {
|
|
|
15
14
|
}
|
|
16
15
|
export var Modal = function (_a) {
|
|
17
16
|
var open = _a.open, children = _a.children, props = __rest(_a, ["open", "children"]);
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
React.createElement(Close, null))))),
|
|
28
|
-
children,
|
|
29
|
-
props.action && (React.createElement(ModalFooterStyled, null, props.action.map(function (item, key) { return (React.createElement(Button, { color: item.color, variant: item.variant, key: key, onClick: item.action, style: { marginLeft: 10 } }, item.label)); })))))));
|
|
17
|
+
return (React.createElement(ModalStyled, __assign({ open: true }, props),
|
|
18
|
+
React.createElement(ModalContentStyled, null,
|
|
19
|
+
props.title && (React.createElement(ModalHeaderStyled, null,
|
|
20
|
+
React.createElement(React.Fragment, null,
|
|
21
|
+
React.createElement("h2", null, props.title),
|
|
22
|
+
React.createElement(IconButton, { onClick: props.onClose, size: "small", color: "inherit", variant: "text", cursor: "pointer", sx: { position: 'absolute', right: 0, top: 5 } },
|
|
23
|
+
React.createElement(Close, null))))),
|
|
24
|
+
children,
|
|
25
|
+
props.action && (React.createElement(ModalFooterStyled, null, props.action.map(function (item, key) { return (React.createElement(Button, { color: item.color, variant: item.variant, key: key, onClick: item.action, style: { marginLeft: 10 } }, item.label)); }))))));
|
|
30
26
|
};
|
|
31
27
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
32
28
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,
|
|
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,MAAM,eAAe,CAAC;AAE9D,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,2SAAA,wOAWvC,IAAA,CAAC;AAEF,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,yTAAA,sPAapC,IAAA,CAAC;AAEF,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,kQAAA,+LASpC,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,EAA4C;IAA1C,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA1B,oBAA4B,CAAF;IAE9C,OAAO,CACL,oBAAC,WAAW,aAAC,IAAI,UAAK,KAAK;QACzB,oBAAC,kBAAkB;YAChB,KAAK,CAAC,KAAK,IAAI,CACd,oBAAC,iBAAiB;gBAChB;oBACE,gCAAK,KAAK,CAAC,KAAK,CAAM;oBACtB,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,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE;wBAE9C,oBAAC,KAAK,OAAG,CACE,CACZ,CACe,CACrB;YACA,QAAQ;YACR,KAAK,CAAC,MAAM,IAAI,CACf,oBAAC,iBAAiB,QACf,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CAC/B,oBAAC,MAAM,IACL,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,KAAK,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,IAExB,IAAI,CAAC,KAAK,CACJ,CACV,EAVgC,CAUhC,CAAC,CACgB,CACrB,CACkB,CACT,CACf,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,14 +1,10 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React
|
|
3
|
-
import { Paper as MuiPaper
|
|
4
|
-
import { themes } from '../helpers';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Paper as MuiPaper } from '@mui/material';
|
|
5
4
|
import { styled } from '@mui/material/styles';
|
|
6
5
|
var PaperStyled = styled(MuiPaper)({});
|
|
7
6
|
export var Paper = function (_a) {
|
|
8
7
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
9
|
-
|
|
10
|
-
var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.dark); }, [prefersDarkMode]);
|
|
11
|
-
return (React.createElement(ThemeProvider, { theme: theme },
|
|
12
|
-
React.createElement(PaperStyled, __assign({}, props), children)));
|
|
8
|
+
return (React.createElement(PaperStyled, __assign({}, props), children));
|
|
13
9
|
};
|
|
14
10
|
//# sourceMappingURL=Paper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Paper.js","sourceRoot":"","sources":["../../../src/components/Paper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Paper.js","sourceRoot":"","sources":["../../../src/components/Paper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;AAEzC,MAAM,CAAC,IAAM,KAAK,GAAG,UAAC,EAA2C;IAAzC,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACxC,OAAO,CACL,oBAAC,WAAW,eAAK,KAAK,GAAG,QAAQ,CAAe,CACjD,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { __assign, __makeTemplateObject, __rest } from "tslib";
|
|
2
|
-
import React
|
|
3
|
-
import { LinearProgress as MuiProgressBar, linearProgressClasses,
|
|
4
|
-
import { themes } from '../helpers';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { LinearProgress as MuiProgressBar, linearProgressClasses, Typography, } from '@mui/material';
|
|
5
4
|
import { styled } from '@mui/material/styles';
|
|
6
5
|
var ProgressBarStyled = styled(MuiProgressBar)({
|
|
7
6
|
width: '100%',
|
|
@@ -13,19 +12,16 @@ var ProgressBarStyled = styled(MuiProgressBar)({
|
|
|
13
12
|
var ProgressBarLabelStyled = styled(Typography)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 8px;\n position: relative;\n text-align: left;\n font: normal normal normal 16px/20px Source Sans Pro;\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 8px;\n position: relative;\n text-align: left;\n font: normal normal normal 16px/20px Source Sans Pro;\n"])));
|
|
14
13
|
export var ProgressBar = function (_a) {
|
|
15
14
|
var _b = _a.value, value = _b === void 0 ? 0 : _b, label = _a.label, _c = _a.variant, variant = _c === void 0 ? 'determinate' : _c, total = _a.total, props = __rest(_a, ["value", "label", "variant", "total"]);
|
|
16
|
-
var prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
|
|
17
15
|
var percentage = value && total ? (value / total) * 100 : 0;
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
"%)"))),
|
|
28
|
-
React.createElement(ProgressBarStyled, __assign({ value: value, variant: variant }, props)))));
|
|
16
|
+
return (React.createElement("div", { style: { minWidth: '100px' } },
|
|
17
|
+
label && (React.createElement(ProgressBarLabelStyled, null,
|
|
18
|
+
label,
|
|
19
|
+
React.createElement("span", { style: { right: 0 } },
|
|
20
|
+
total,
|
|
21
|
+
" (",
|
|
22
|
+
percentage.toFixed(2),
|
|
23
|
+
"%)"))),
|
|
24
|
+
React.createElement(ProgressBarStyled, __assign({ value: value, variant: variant }, props))));
|
|
29
25
|
};
|
|
30
26
|
var templateObject_1;
|
|
31
27
|
//# sourceMappingURL=ProgressBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,cAAc,IAAI,cAAc,EAChC,qBAAqB,EACrB,UAAU,GACX,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,iBAAiB,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IAC/C,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,MAAM;IACpB,QAAQ,EAAE,UAAU;IACpB,eAAe,EAAE,YAAK,qBAAqB,CAAC,WAAW,4CAErD;CACH,CAAC,CAAC;AAEH,IAAM,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC,gRAAA,6MAQhD,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAAoF;IAAlF,IAAA,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EAAE,KAAK,WAAA,EAAE,eAAuB,EAAvB,OAAO,mBAAG,aAAa,KAAA,EAAE,KAAK,WAAA,EAAK,KAAK,cAA5D,sCAA8D,CAAF;IACtF,IAAM,UAAU,GAAG,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAE9D,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;QAC9B,KAAK,IAAI,CACR,oBAAC,sBAAsB;YACpB,KAAK;YACN,8BAAM,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;gBACtB,KAAK;;gBAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;qBAC1B,CACgB,CAC1B;QACD,oBAAC,iBAAiB,aAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,EAAI,CAC5D,CACP,CAAC;AACJ,CAAC,CAAC"}
|