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,18 +1,14 @@
|
|
|
1
1
|
import { __rest } from "tslib";
|
|
2
|
-
import React
|
|
3
|
-
import { FormControl, FormControlLabel, FormLabel, Radio as MuiRadio, RadioGroup as MuiRadioGroup,
|
|
4
|
-
import { themes } from '../helpers';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { FormControl, FormControlLabel, FormLabel, Radio as MuiRadio, RadioGroup as MuiRadioGroup, } from '@mui/material';
|
|
5
4
|
import { styled } from '@mui/material/styles';
|
|
6
5
|
var RadioStyled = styled(MuiRadio)({});
|
|
7
6
|
var sizes = ['small', 'medium'];
|
|
8
7
|
export var RadioGroup = function (_a) {
|
|
9
8
|
var props = __rest(_a, []);
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
React.createElement(FormLabel, { id: props.id }, props.label),
|
|
15
|
-
React.createElement(MuiRadioGroup, { "aria-labelledby": props.id, defaultValue: props.checked, name: "radio-buttons-group", row: props.direction === 'horizontal' ? true : false }, props.options &&
|
|
16
|
-
props.options.map(function (item, key) { return (React.createElement(FormControlLabel, { value: item.value, control: React.createElement(RadioStyled, { color: props.color, size: item.size ? item.size : sizes[1] }), label: item.label, key: key })); })))));
|
|
9
|
+
return (React.createElement(FormControl, null,
|
|
10
|
+
React.createElement(FormLabel, { id: props.id }, props.label),
|
|
11
|
+
React.createElement(MuiRadioGroup, { "aria-labelledby": props.id, defaultValue: props.checked, name: "radio-buttons-group", row: props.direction === 'horizontal' ? true : false }, props.options &&
|
|
12
|
+
props.options.map(function (item, key) { return (React.createElement(FormControlLabel, { value: item.value, control: React.createElement(RadioStyled, { color: props.color, size: item.size ? item.size : sizes[1] }), label: item.label, key: key })); }))));
|
|
17
13
|
};
|
|
18
14
|
//# sourceMappingURL=RadioGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,KAAK,IAAI,QAAQ,EACjB,UAAU,IAAI,aAAa,GAC5B,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAI9C,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;AACzC,IAAM,KAAK,GAA2B,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;AAE1D,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAA4B;QAAvB,KAAK,cAAV,EAAY,CAAF;IAEnC,OAAO,CACL,oBAAC,WAAW;QACV,oBAAC,SAAS,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,IAAG,KAAK,CAAC,KAAK,CAAa;QAClD,oBAAC,aAAa,uBACK,KAAK,CAAC,EAAE,EACzB,YAAY,EAAE,KAAK,CAAC,OAAO,EAC3B,IAAI,EAAC,qBAAqB,EAC1B,GAAG,EAAE,KAAK,CAAC,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,IAEnD,KAAK,CAAC,OAAO;YACZ,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CAC/B,oBAAC,gBAAgB,IACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAI,EACpF,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,GAAG,GACR,CACH,EAPgC,CAOhC,CAAC,CACU,CACJ,CACf,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React
|
|
3
|
-
import { Slider as MuiSlider
|
|
4
|
-
import { palette
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Slider as MuiSlider } 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,
|
|
@@ -56,9 +56,6 @@ var RangerSliderStyled = styled(MuiSlider)(function () { return ({
|
|
|
56
56
|
}); });
|
|
57
57
|
export var RangerSlider = function (_a) {
|
|
58
58
|
var _b = _a.defaultValue, defaultValue = _b === void 0 ? 50 : _b, _c = _a.color, color = _c === void 0 ? 'primary' : _c, props = __rest(_a, ["defaultValue", "color"]);
|
|
59
|
-
|
|
60
|
-
var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.dark); }, [prefersDarkMode]);
|
|
61
|
-
return (React.createElement(ThemeProvider, { theme: theme },
|
|
62
|
-
React.createElement(RangerSliderStyled, __assign({ "aria-label": "Default", color: color }, props))));
|
|
59
|
+
return (React.createElement(RangerSliderStyled, __assign({ "aria-label": "Default", color: color }, props)));
|
|
63
60
|
};
|
|
64
61
|
//# sourceMappingURL=RangerSlider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RangerSlider.js","sourceRoot":"","sources":["../../../src/components/RangerSlider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"RangerSlider.js","sourceRoot":"","sources":["../../../src/components/RangerSlider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAI9C,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,kBAAkB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,cAAM,OAAA,CAAC;IAClD,MAAM,EAAE,CAAC;IACT,oBAAoB,EAAE;QACpB,MAAM,EAAE,MAAM;KACf;IACD,oBAAoB,EAAE;QACpB,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;QACT,eAAe,EAAE,MAAM;QACvB,MAAM,EAAE,oBAAa,QAAQ,CAAC,SAAS,CAAC,CAAE;QAC1C,oDAAoD,EAAE;YACpD,SAAS,EAAE,SAAS;SACrB;QACD,UAAU,EAAE;YACV,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,OAAO;YAChB,UAAU,EAAE,QAAQ,CAAC,SAAS,CAAC;SAChC;KACF;IACD,yBAAyB,EAAE;QACzB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,EAAE;QACP,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,OAAO;QACxB,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC;QAC1B,UAAU,EAAE;YACV,OAAO,EAAE,MAAM;SAChB;QACD,KAAK,EAAE;YACL,UAAU,EAAE,aAAa;YACzB,KAAK,EAAE,MAAM;SACd;KACF;IACD,mBAAmB,EAAE;QACnB,KAAK,EAAE,UAAU;QACjB,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,EAAE;KACX;CACF,CAAC,EAzCiD,CAyCjD,CAAC,CAAC;AAEJ,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAAyE;IAAvE,IAAA,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EAAE,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EAAK,KAAK,cAAhD,yBAAkD,CAAF;IAC3E,OAAO,CACL,oBAAC,kBAAkB,2BAAY,SAAS,EAAC,KAAK,EAAE,KAAK,IAAM,KAAK,EAAI,CACrE,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React
|
|
3
|
-
import { FormControl, InputLabel, ListItemText, MenuItem, Select as MuiSelect, OutlinedInput,
|
|
4
|
-
import { themes } from '../helpers';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { FormControl, InputLabel, ListItemText, MenuItem, Select as MuiSelect, OutlinedInput, } from '@mui/material';
|
|
5
4
|
import { styled } from '@mui/material/styles';
|
|
6
5
|
import { CheckBox } from './CheckBox';
|
|
7
6
|
var ITEM_HEIGHT = 48;
|
|
@@ -30,16 +29,13 @@ var SelectStyled = styled(MuiSelect)(function (_a) {
|
|
|
30
29
|
});
|
|
31
30
|
export var Select = function (_a) {
|
|
32
31
|
var label = _a.label, onChange = _a.onChange, _b = _a.data, data = _b === void 0 ? [] : _b, _c = _a.value, value = _c === void 0 ? '' : _c, _d = _a.multiple, multiple = _d === void 0 ? false : _d, props = __rest(_a, ["label", "onChange", "data", "value", "multiple"]);
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
React.createElement(ListItemText, { primary: String(item.label) }))); }))) : (React.createElement(SelectStyled, __assign({ labelId: props.id, id: "demo-simple-select", value: value, onChange: onChange }, props), data &&
|
|
42
|
-
data.map(function (item, key) { return (React.createElement(MenuItem, { value: item.value, key: key },
|
|
43
|
-
React.createElement(ListItemText, { primary: String(item.label) }))); }))))));
|
|
32
|
+
return (React.createElement(FormControl, { fullWidth: true },
|
|
33
|
+
React.createElement(InputLabel, { id: props.id }, label),
|
|
34
|
+
multiple ? (React.createElement(SelectStyled, __assign({ labelId: props.id, id: "demo-simple-select", value: value, MenuProps: MenuProps, input: React.createElement(OutlinedInput, { label: "Tag" }), renderValue: function (selected) { return selected.join(', '); }, onChange: onChange, multiple: true }, props), data &&
|
|
35
|
+
data.map(function (item, key) { return (React.createElement(MenuItem, { value: item.value, key: key },
|
|
36
|
+
React.createElement(CheckBox, { checked: value.includes(String(item.value)) }),
|
|
37
|
+
React.createElement(ListItemText, { primary: String(item.label) }))); }))) : (React.createElement(SelectStyled, __assign({ labelId: props.id, id: "demo-simple-select", value: value, onChange: onChange }, props), data &&
|
|
38
|
+
data.map(function (item, key) { return (React.createElement(MenuItem, { value: item.value, key: key },
|
|
39
|
+
React.createElement(ListItemText, { primary: String(item.label) }))); })))));
|
|
44
40
|
};
|
|
45
41
|
//# sourceMappingURL=Select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React
|
|
3
|
-
import { Box, Tabs as MuiTabs, Tab,
|
|
4
|
-
import { palette
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Box, Tabs as MuiTabs, Tab, Typography } 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,
|
|
@@ -65,13 +65,10 @@ export var Tabs = function (_a) {
|
|
|
65
65
|
setValue(newValue);
|
|
66
66
|
console.log(event);
|
|
67
67
|
};
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
React.createElement(TabsStyled, __assign({ value: value, color: color, onChange: handleChange, "aria-label": "basic tabs example" }, props), data && data.map(function (item, key) { return React.createElement(TabStyled, __assign({ label: item.label, color: color }, a11yProps(key))); }))),
|
|
74
|
-
data &&
|
|
75
|
-
data.map(function (item, key) { return (React.createElement(CustomTabPanel, { value: value, index: key }, item.children)); }))));
|
|
68
|
+
return (React.createElement(Box, { sx: { width: '100%' } },
|
|
69
|
+
React.createElement(Box, { sx: { borderBottom: 1, borderColor: 'divider' } },
|
|
70
|
+
React.createElement(TabsStyled, __assign({ value: value, color: color, onChange: handleChange, "aria-label": "basic tabs example" }, props), data && data.map(function (item, key) { return React.createElement(TabStyled, __assign({ label: item.label, color: color }, a11yProps(key))); }))),
|
|
71
|
+
data &&
|
|
72
|
+
data.map(function (item, key) { return (React.createElement(CustomTabPanel, { value: value, index: key }, item.children)); })));
|
|
76
73
|
};
|
|
77
74
|
//# sourceMappingURL=Tabs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React
|
|
3
|
-
import { Chip as MuiTag
|
|
4
|
-
import { palette
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Chip as MuiTag } 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,
|
|
@@ -15,13 +15,10 @@ var colorMap = {
|
|
|
15
15
|
var TagStyled = styled(MuiTag)({});
|
|
16
16
|
export var Tag = function (_a) {
|
|
17
17
|
var label = _a.label, _b = _a.color, color = _b === void 0 ? 'primary' : _b, _c = _a.outlined, outlined = _c === void 0 ? false : _c, props = __rest(_a, ["label", "color", "outlined"]);
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
backgroundColor: outlined !== true ? colorMap[color] : 'inherit',
|
|
24
|
-
border: "1px solid ".concat(colorMap[color]),
|
|
25
|
-
} }, props))));
|
|
18
|
+
return (React.createElement(TagStyled, __assign({ label: label, sx: {
|
|
19
|
+
color: outlined !== true ? '#FFFF' : colorMap[color],
|
|
20
|
+
backgroundColor: outlined !== true ? colorMap[color] : 'inherit',
|
|
21
|
+
border: "1px solid ".concat(colorMap[color]),
|
|
22
|
+
} }, props)));
|
|
26
23
|
};
|
|
27
24
|
//# sourceMappingURL=Tag.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/Tag.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/Tag.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,eAAe,CAAC;AAE/C,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,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;AAErC,MAAM,CAAC,IAAM,GAAG,GAAG,UAAC,EAAsE;IAApE,IAAA,KAAK,WAAA,EAAE,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAK,KAAK,cAAtD,8BAAwD,CAAF;IAExE,OAAO,CACL,oBAAC,SAAS,aACR,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE;YACF,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;YACpD,eAAe,EAAE,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;YAChE,MAAM,EAAE,oBAAa,QAAQ,CAAC,KAAK,CAAC,CAAE;SACvC,IACG,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,18 +1,14 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React
|
|
3
|
-
import { FormControl,
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { FormControl, TextField as MuiTextField } from '@mui/material';
|
|
4
4
|
import { styled } from '@mui/material/styles';
|
|
5
|
-
import { themes } from '../helpers';
|
|
6
5
|
var TextFieldStyled = styled(MuiTextField)({
|
|
7
6
|
textTransform: 'none',
|
|
8
7
|
color: 'currentcolor',
|
|
9
8
|
});
|
|
10
9
|
export var TextField = function (_a) {
|
|
11
10
|
var label = _a.label, props = __rest(_a, ["label"]);
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
return (React.createElement(ThemeProvider, { theme: theme },
|
|
15
|
-
React.createElement(FormControl, { sx: { width: '100%' } },
|
|
16
|
-
React.createElement(TextFieldStyled, __assign({}, props, { label: label })))));
|
|
11
|
+
return (React.createElement(FormControl, { sx: { width: '100%' } },
|
|
12
|
+
React.createElement(TextFieldStyled, __assign({}, props, { label: label }))));
|
|
17
13
|
};
|
|
18
14
|
//# sourceMappingURL=TextField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/components/TextField.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/components/TextField.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,eAAe,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;IAC3C,aAAa,EAAE,MAAM;IACrB,KAAK,EAAE,cAAc;CACtB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,SAAS,GAAiC,UAAC,EAAmB;IAAjB,IAAA,KAAK,WAAA,EAAK,KAAK,cAAjB,SAAmB,CAAF;IACvE,OAAO,CACL,oBAAC,WAAW,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;QAChC,oBAAC,eAAe,eAAK,KAAK,IAAE,KAAK,EAAE,KAAK,IAAI,CAChC,CACf,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
var _a;
|
|
2
2
|
import { __assign, __rest } from "tslib";
|
|
3
|
-
import React
|
|
4
|
-
import {
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { Typography } from '@mui/material';
|
|
5
5
|
import { Timeline as MuiTimeLine, TimelineItem, timelineItemClasses, TimelineSeparator, TimelineConnector, TimelineContent, TimelineDot, } from '@mui/lab';
|
|
6
6
|
import { styled } from '@mui/material/styles';
|
|
7
|
-
import { palette, lightenRGB
|
|
7
|
+
import { palette, lightenRGB } from '../helpers';
|
|
8
8
|
var colorMap = {
|
|
9
9
|
inherit: palette.inherit,
|
|
10
10
|
primary: palette.primary,
|
|
@@ -39,8 +39,6 @@ var TimeLineStyled = styled(MuiTimeLine)((_a = {},
|
|
|
39
39
|
_a));
|
|
40
40
|
export var TimeLine = function (_a) {
|
|
41
41
|
var _b = _a.data, data = _b === void 0 ? sampleData : _b, _c = _a.color, color = _c === void 0 ? 'primary' : _c, _d = _a.position, position = _d === void 0 ? 'left' : _d, props = __rest(_a, ["data", "color", "position"]);
|
|
42
|
-
var prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
|
|
43
|
-
var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.light); }, [prefersDarkMode]);
|
|
44
42
|
var renderList = data.map(function (item, key) { return (React.createElement(TimelineItem, { key: key },
|
|
45
43
|
React.createElement(TimelineSeparator, null,
|
|
46
44
|
React.createElement(TimelineDot, { sx: {
|
|
@@ -53,7 +51,6 @@ export var TimeLine = function (_a) {
|
|
|
53
51
|
item.title,
|
|
54
52
|
React.createElement(Typography, { sx: { m: 'auto 0' }, variant: "body2", color: "text.secondary" }, item.data),
|
|
55
53
|
React.createElement(Typography, { sx: { m: 'auto 0', color: colorMap[color] }, variant: "body2" }, item.by)))); });
|
|
56
|
-
return (React.createElement(
|
|
57
|
-
React.createElement(TimeLineStyled, __assign({}, props), renderList)));
|
|
54
|
+
return (React.createElement(TimeLineStyled, __assign({}, props), renderList));
|
|
58
55
|
};
|
|
59
56
|
//# sourceMappingURL=TimeLine.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimeLine.js","sourceRoot":"","sources":["../../../src/components/TimeLine.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"TimeLine.js","sourceRoot":"","sources":["../../../src/components/TimeLine.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 { TimePicker as MuiTimePicker } from '@mui/x-date-pickers/TimePicker';
|
|
7
6
|
import { MobileTimePicker as MuiMobileTimePicker } from '@mui/x-date-pickers/MobileTimePicker';
|
|
8
7
|
import { DesktopTimePicker as MuiDesktopTimePicker } from '@mui/x-date-pickers/DesktopTimePicker';
|
|
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';
|
|
@@ -54,13 +52,10 @@ var MuiDesktopTimePickerStyled = styled(MuiDesktopTimePicker)({
|
|
|
54
52
|
});
|
|
55
53
|
export var TimePicker = function (_a) {
|
|
56
54
|
var label = _a.label, _b = _a.timezone, timezone = _b === void 0 ? 'America/Sao_Paulo' : _b, _c = _a.language, language = _c === void 0 ? 'pt-br' : _c, _d = _a.variant, variant = _d === void 0 ? 'desktop' : _d;
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
React.createElement(
|
|
62
|
-
variant === 'responsive' && React.createElement(MuiTimePickerStyled, { label: label, timezone: timezone }),
|
|
63
|
-
variant === 'mobile' && React.createElement(MuiMobileTimePickerStyled, { label: label, timezone: timezone }),
|
|
64
|
-
variant === 'desktop' && React.createElement(MuiDesktopTimePickerStyled, { label: label, timezone: timezone })))));
|
|
55
|
+
return (React.createElement(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: language },
|
|
56
|
+
React.createElement(DemoContainer, { components: ['TimePicker', 'MobileTimePicker', 'DesktopTimePicker'] },
|
|
57
|
+
variant === 'responsive' && React.createElement(MuiTimePickerStyled, { label: label, timezone: timezone }),
|
|
58
|
+
variant === 'mobile' && React.createElement(MuiMobileTimePickerStyled, { label: label, timezone: timezone }),
|
|
59
|
+
variant === 'desktop' && React.createElement(MuiDesktopTimePickerStyled, { label: label, timezone: timezone }))));
|
|
65
60
|
};
|
|
66
61
|
//# sourceMappingURL=TimePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../src/components/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../src/components/TimePicker.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;AAClG,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,OAAO,oBAAoB,CAAC;AAC5B,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AAEzB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,GAAG,MAAM,kBAAkB,CAAC;AACnC,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAE7C,OAAO,oBAAoB,CAAC;AAC5B,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AAGzB,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;AAClB,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;AAEvB,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,gBAA8B,EAA9B,QAAQ,mBAAG,mBAAmB,KAAA,EAC9B,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,QAAQ,EAAE,QAAQ,GAAI;YACrF,OAAO,KAAK,QAAQ,IAAI,oBAAC,yBAAyB,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI;YACvF,OAAO,KAAK,SAAS,IAAI,oBAAC,0BAA0B,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC5E,CACK,CACxB,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -14,5 +14,6 @@ import { Tabs } from './components/Tabs';
|
|
|
14
14
|
import { Tag } from './components/Tag';
|
|
15
15
|
import { TextField } from './components/TextField';
|
|
16
16
|
import { DatePicker } from './components/DatePicker';
|
|
17
|
+
import { NormaProvider } from './providers/NormaProvider';
|
|
17
18
|
import { themes, getPalette } from './helpers';
|
|
18
|
-
export { Accordion, Button, Card, CheckBox, DatePicker, getPalette, IconButton, Icons, Modal, Paper, ProgressBar, RadioGroup, RangerSlider, Select, Tabs, Tag, TextField, themes, };
|
|
19
|
+
export { Accordion, Button, Card, CheckBox, DatePicker, getPalette, IconButton, Icons, Modal, Paper, ProgressBar, RadioGroup, RangerSlider, Select, Tabs, Tag, TextField, NormaProvider, themes, };
|
package/dist/esm/index.js
CHANGED
|
@@ -14,6 +14,7 @@ import { Tabs } from './components/Tabs';
|
|
|
14
14
|
import { Tag } from './components/Tag';
|
|
15
15
|
import { TextField } from './components/TextField';
|
|
16
16
|
import { DatePicker } from './components/DatePicker';
|
|
17
|
+
import { NormaProvider } from './providers/NormaProvider';
|
|
17
18
|
import { themes, getPalette } from './helpers';
|
|
18
|
-
export { Accordion, Button, Card, CheckBox, DatePicker, getPalette, IconButton, Icons, Modal, Paper, ProgressBar, RadioGroup, RangerSlider, Select, Tabs, Tag, TextField, themes, };
|
|
19
|
+
export { Accordion, Button, Card, CheckBox, DatePicker, getPalette, IconButton, Icons, Modal, Paper, ProgressBar, RadioGroup, RangerSlider, Select, Tabs, Tag, TextField, NormaProvider, themes, };
|
|
19
20
|
//# sourceMappingURL=index.js.map
|
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,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,EACL,SAAS,EACT,MAAM,EACN,IAAI,EACJ,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,MAAM,GACP,CAAC"}
|
|
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,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,EACL,SAAS,EACT,MAAM,EACN,IAAI,EACJ,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,GACP,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ThemeProvider } from '@mui/material';
|
|
3
|
+
export var NormaProvider = function (props) {
|
|
4
|
+
var theme = props.theme, children = props.children;
|
|
5
|
+
return (React.createElement(ThemeProvider, { theme: theme }, children));
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=NormaProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NormaProvider.js","sourceRoot":"","sources":["../../../src/providers/NormaProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAG9C,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,KAAwB;IAC5C,IAAA,KAAK,GAAe,KAAK,MAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IAElC,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,IACxB,QAAQ,CACK,CACjB,CAAC;AACJ,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "norma-library",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.50",
|
|
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": {
|
|
@@ -1,21 +1,17 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import {
|
|
3
3
|
AccordionDetails,
|
|
4
4
|
AccordionSummary,
|
|
5
5
|
Accordion as MuiAccordion,
|
|
6
|
-
|
|
7
|
-
Typography,
|
|
8
|
-
useMediaQuery,
|
|
6
|
+
Typography
|
|
9
7
|
} from '@mui/material';
|
|
10
8
|
import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
|
|
11
9
|
import { AccordionBaseProps } from '../interfaces';
|
|
12
|
-
import { themes } from '../helpers';
|
|
13
10
|
import { styled } from '@mui/material/styles';
|
|
14
11
|
|
|
15
12
|
const AccordionStyled = styled(MuiAccordion)({});
|
|
16
13
|
|
|
17
14
|
export const Accordion = ({ data = [], defaultExpanded = false, ...props }: AccordionBaseProps) => {
|
|
18
|
-
const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
|
|
19
15
|
const [expanded, setExpanded] = React.useState<boolean | string>(defaultExpanded);
|
|
20
16
|
|
|
21
17
|
const handleChange = (panel: string) => (event: React.SyntheticEvent, isExpanded: boolean) => {
|
|
@@ -23,25 +19,21 @@ export const Accordion = ({ data = [], defaultExpanded = false, ...props }: Acco
|
|
|
23
19
|
setExpanded(isExpanded ? panel : false);
|
|
24
20
|
};
|
|
25
21
|
|
|
26
|
-
const theme = useMemo(() => (prefersDarkMode ? themes.light : themes.dark), [prefersDarkMode]);
|
|
27
|
-
|
|
28
22
|
return (
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
<
|
|
34
|
-
<
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
>
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
</>
|
|
45
|
-
</ThemeProvider>
|
|
23
|
+
<>
|
|
24
|
+
{data &&
|
|
25
|
+
data.map((item, key) => (
|
|
26
|
+
<AccordionStyled expanded={expanded === item.id} onChange={handleChange(item.id)} key={key} {...props}>
|
|
27
|
+
<AccordionSummary
|
|
28
|
+
expandIcon={<ExpandMoreIcon />}
|
|
29
|
+
aria-controls={`panel-${key}-content`}
|
|
30
|
+
id={`panel-${key}-header`}
|
|
31
|
+
>
|
|
32
|
+
<Typography sx={{ width: '66%', flexShrink: 0 }}>{item.label}</Typography>
|
|
33
|
+
</AccordionSummary>
|
|
34
|
+
<AccordionDetails>{item.children}</AccordionDetails>
|
|
35
|
+
</AccordionStyled>
|
|
36
|
+
))}
|
|
37
|
+
</>
|
|
46
38
|
);
|
|
47
39
|
};
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from 'react';
|
|
2
2
|
|
|
3
|
-
import {
|
|
3
|
+
import { Avatar as MuiVatar } from '@mui/material';
|
|
4
4
|
|
|
5
5
|
import { AvatarBaseProps } from '../interfaces';
|
|
6
6
|
import { styled } from '@mui/material/styles';
|
|
7
|
-
import { themes } from '../helpers';
|
|
8
7
|
|
|
9
8
|
const AvatarStyled = styled(MuiVatar)({
|
|
10
9
|
textTransform: 'none',
|
|
@@ -12,11 +11,7 @@ const AvatarStyled = styled(MuiVatar)({
|
|
|
12
11
|
});
|
|
13
12
|
|
|
14
13
|
export const Avatar: React.FC<AvatarBaseProps> = ({ src, ...props }) => {
|
|
15
|
-
const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
|
|
16
|
-
const theme = useMemo(() => (prefersDarkMode ? themes.light : themes.dark), [prefersDarkMode]);
|
|
17
14
|
return (
|
|
18
|
-
<
|
|
19
|
-
<AvatarStyled src={src} {...props} />
|
|
20
|
-
</ThemeProvider>
|
|
15
|
+
<AvatarStyled src={src} {...props} />
|
|
21
16
|
);
|
|
22
17
|
};
|
package/src/components/Badge.tsx
CHANGED
|
@@ -1,19 +1,14 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from 'react';
|
|
2
2
|
|
|
3
|
-
import {
|
|
3
|
+
import { Badge as MuiBadge } from '@mui/material';
|
|
4
4
|
|
|
5
5
|
import { BadgeBaseProps } from '../interfaces';
|
|
6
6
|
import { styled } from '@mui/material/styles';
|
|
7
|
-
import { themes } from '../helpers';
|
|
8
7
|
|
|
9
8
|
const BadgeStyled = styled(MuiBadge)({});
|
|
10
9
|
|
|
11
10
|
export const Badge: React.FC<BadgeBaseProps> = ({ ...props }) => {
|
|
12
|
-
const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
|
|
13
|
-
const theme = useMemo(() => (prefersDarkMode ? themes.dark : themes.light), [prefersDarkMode]);
|
|
14
11
|
return (
|
|
15
|
-
<
|
|
16
|
-
<BadgeStyled {...props} />
|
|
17
|
-
</ThemeProvider>
|
|
12
|
+
<BadgeStyled {...props} />
|
|
18
13
|
);
|
|
19
14
|
};
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import React
|
|
2
|
-
import { Button as MuiButton
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Button as MuiButton } from '@mui/material';
|
|
3
3
|
import { ButtonBaseProps } from '../interfaces';
|
|
4
|
-
import { themes } from '../helpers';
|
|
5
4
|
import { styled } from '@mui/material/styles';
|
|
6
5
|
|
|
7
6
|
const ButtonStyled = styled(MuiButton)({
|
|
@@ -13,19 +12,15 @@ const ButtonStyled = styled(MuiButton)({
|
|
|
13
12
|
});
|
|
14
13
|
|
|
15
14
|
export const Button = ({ label, children, ...props }: ButtonBaseProps) => {
|
|
16
|
-
|
|
17
|
-
const theme = useMemo(() => (prefersDarkMode ? themes.dark : themes.light), [prefersDarkMode]);
|
|
18
|
-
|
|
15
|
+
|
|
19
16
|
return (
|
|
20
|
-
<
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
</ButtonStyled>
|
|
29
|
-
</ThemeProvider>
|
|
17
|
+
<ButtonStyled
|
|
18
|
+
{...props}
|
|
19
|
+
sx={{
|
|
20
|
+
color: props.variant === 'contained' ? '#FFFF' : props.color,
|
|
21
|
+
}}
|
|
22
|
+
>
|
|
23
|
+
{label ? label : children}
|
|
24
|
+
</ButtonStyled>
|
|
30
25
|
);
|
|
31
26
|
};
|
package/src/components/Card.tsx
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React
|
|
2
|
-
import { Card as MuiCard
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Card as MuiCard } from '@mui/material';
|
|
3
3
|
import { CardBaseProps } from '../interfaces';
|
|
4
|
-
import { palette
|
|
4
|
+
import { palette } from '../helpers';
|
|
5
5
|
import { styled } from '@mui/material/styles';
|
|
6
6
|
import { ColorVariant } from '@/types';
|
|
7
7
|
|
|
@@ -30,15 +30,10 @@ export const Card = ({
|
|
|
30
30
|
color = 'inherit',
|
|
31
31
|
...props
|
|
32
32
|
}: CardBaseProps & { border?: boolean; color?: ColorVariant }) => {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
const theme = useMemo(() => (prefersDarkMode ? themes.light : themes.dark), [prefersDarkMode]);
|
|
36
|
-
|
|
33
|
+
|
|
37
34
|
return (
|
|
38
|
-
<
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
</CardStyled>
|
|
42
|
-
</ThemeProvider>
|
|
35
|
+
<CardStyled borderColor={border ? color : undefined} {...props}>
|
|
36
|
+
{children}
|
|
37
|
+
</CardStyled>
|
|
43
38
|
);
|
|
44
39
|
};
|