norma-library 0.4.7 → 0.4.9
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/ChatMessage.d.ts +3 -0
- package/dist/esm/components/ChatMessage.js +63 -0
- package/dist/esm/components/ChatMessage.js.map +1 -0
- package/dist/esm/components/DataGrid/base/dropdown.d.ts +4 -0
- package/dist/esm/components/DataGrid/base/dropdown.js +126 -0
- package/dist/esm/components/DataGrid/base/dropdown.js.map +1 -0
- package/dist/esm/components/DataGrid/base/number-filter.d.ts +4 -0
- package/dist/esm/components/DataGrid/base/number-filter.js +30 -0
- package/dist/esm/components/DataGrid/base/number-filter.js.map +1 -0
- package/dist/esm/components/DataGrid/base/sorting.d.ts +5 -0
- package/dist/esm/components/DataGrid/base/sorting.js +15 -0
- package/dist/esm/components/DataGrid/base/sorting.js.map +1 -0
- package/dist/esm/components/DataGrid/icons.d.ts +4 -0
- package/dist/esm/components/DataGrid/icons.js +15 -0
- package/dist/esm/components/DataGrid/icons.js.map +1 -0
- package/dist/esm/components/DataGrid/index.d.ts +5 -0
- package/dist/esm/components/DataGrid/index.js +146 -0
- package/dist/esm/components/DataGrid/index.js.map +1 -0
- package/dist/esm/components/DataGrid/shared.d.ts +20 -0
- package/dist/esm/components/DataGrid/shared.js +141 -0
- package/dist/esm/components/DataGrid/shared.js.map +1 -0
- package/dist/esm/components/DataGrid/styled.d.ts +10 -0
- package/dist/esm/components/DataGrid/styled.js +73 -0
- package/dist/esm/components/DataGrid/styled.js.map +1 -0
- package/dist/esm/components/Icons.js +1 -1
- package/dist/esm/components/ProgressBar.d.ts +0 -3
- package/dist/esm/components/ProgressBar.js +1 -1
- package/dist/esm/components/ProgressBar.js.map +1 -1
- package/dist/esm/components/TimeLine.d.ts +3 -0
- package/dist/esm/components/TimeLine.js +59 -0
- package/dist/esm/components/TimeLine.js.map +1 -0
- package/dist/esm/components/index.d.ts +3 -0
- package/dist/esm/components/index.js +3 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/helpers/colors.d.ts +3 -1
- package/dist/esm/helpers/colors.js +39 -10
- package/dist/esm/helpers/colors.js.map +1 -1
- package/dist/esm/interfaces/ChatMessage.d.ts +12 -0
- package/dist/esm/interfaces/ChatMessage.js +2 -0
- package/dist/esm/interfaces/ChatMessage.js.map +1 -0
- package/dist/esm/interfaces/DataGrid.d.ts +40 -0
- package/dist/esm/interfaces/DataGrid.js +2 -0
- package/dist/esm/interfaces/DataGrid.js.map +1 -0
- package/dist/esm/interfaces/TimeLine.d.ts +11 -0
- package/dist/esm/interfaces/TimeLine.js +2 -0
- package/dist/esm/interfaces/TimeLine.js.map +1 -0
- package/dist/esm/interfaces/index.d.ts +4 -1
- package/dist/esm/interfaces/index.js +4 -1
- package/dist/esm/interfaces/index.js.map +1 -1
- package/dist/esm/types/index.d.ts +12 -2
- package/dist/esm/types/index.js.map +1 -1
- package/norma-library.tar +0 -0
- package/package.json +3 -2
- package/src/components/ChatMessage.tsx +89 -0
- package/src/components/DataGrid/allData.json +2918 -0
- package/src/components/DataGrid/base/dropdown.tsx +235 -0
- package/src/components/DataGrid/base/number-filter.tsx +43 -0
- package/src/components/DataGrid/base/sorting.tsx +35 -0
- package/src/components/DataGrid/icons.tsx +61 -0
- package/src/components/DataGrid/index.tsx +319 -0
- package/src/components/DataGrid/shared.ts +179 -0
- package/src/components/DataGrid/styled.ts +102 -0
- package/src/components/DataGrid/styles/dropdown.module.css +86 -0
- package/src/components/DataGrid/styles/number-filter.module.css +16 -0
- package/src/components/DataGrid/styles/styles.module.css +107 -0
- package/src/components/Icons.tsx +1 -1
- package/src/components/ProgressBar.tsx +2 -1
- package/src/components/TimeLine.tsx +103 -0
- package/src/components/index.ts +3 -0
- package/src/helpers/colors.ts +44 -10
- package/src/interfaces/ChatMessage.ts +12 -0
- package/src/interfaces/DataGrid.ts +51 -0
- package/src/interfaces/TimeLine.ts +16 -0
- package/src/interfaces/index.ts +4 -1
- package/src/sample-data.json +178 -0
- package/src/stories/ChatMessage.stories.tsx +85 -0
- package/src/stories/DataGrid.stories.tsx +28 -0
- package/src/stories/TimeLine.stories.tsx +43 -0
- package/src/types/index.ts +26 -1
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
export function groupByDataSource(dataSource, key) {
|
|
2
|
+
var groupedValues = [];
|
|
3
|
+
dataSource.forEach(function (item) {
|
|
4
|
+
var value = item[key];
|
|
5
|
+
var existingGroup = groupedValues.find(function (group) { return group === value; });
|
|
6
|
+
if (!existingGroup) {
|
|
7
|
+
groupedValues.push(value);
|
|
8
|
+
}
|
|
9
|
+
});
|
|
10
|
+
return groupedValues;
|
|
11
|
+
}
|
|
12
|
+
export function sortDataSourceByColumn(jsonData, column, order) {
|
|
13
|
+
return jsonData.sort(function (a, b) {
|
|
14
|
+
var valueA = a[column];
|
|
15
|
+
var valueB = b[column];
|
|
16
|
+
if (typeof valueA === "string" && typeof valueB === "string") {
|
|
17
|
+
if (order === "asc") {
|
|
18
|
+
return valueA.localeCompare(valueB);
|
|
19
|
+
}
|
|
20
|
+
else if (order === "desc") {
|
|
21
|
+
return valueB.localeCompare(valueA);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
else if (typeof valueA === "number" && typeof valueB === "number") {
|
|
25
|
+
if (order === "asc") {
|
|
26
|
+
return valueA - valueB;
|
|
27
|
+
}
|
|
28
|
+
else if (order === "desc") {
|
|
29
|
+
return valueB - valueA;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
return 0;
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
export function filterDataSource(dataSource, column, filter, exactTime) {
|
|
36
|
+
if (exactTime === void 0) { exactTime = false; }
|
|
37
|
+
return dataSource.filter(function (item) {
|
|
38
|
+
var value = item[column];
|
|
39
|
+
if (typeof value === "string" || value.constructor === Date) {
|
|
40
|
+
var stringValue = value.toString().toLowerCase();
|
|
41
|
+
var filterValue = filter.toLowerCase();
|
|
42
|
+
if (exactTime && filterValue.length === 5) {
|
|
43
|
+
return stringValue === filterValue;
|
|
44
|
+
}
|
|
45
|
+
if (stringValue.includes(filterValue)) {
|
|
46
|
+
return true;
|
|
47
|
+
}
|
|
48
|
+
if (stringValue.includes(":") && filterValue.includes(":")) {
|
|
49
|
+
var _a = stringValue.split(":"), hour = _a[0], minute = _a[1];
|
|
50
|
+
var _b = filterValue.split(":"), filterHour = _b[0], filterMinute = _b[1];
|
|
51
|
+
if (filterValue.length === 5) {
|
|
52
|
+
return stringValue === filterValue;
|
|
53
|
+
}
|
|
54
|
+
if (filterHour.length === 1 && hour === filterHour) {
|
|
55
|
+
return true;
|
|
56
|
+
}
|
|
57
|
+
if (filterMinute.length === 1 && minute === filterMinute) {
|
|
58
|
+
return true;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
else if (typeof value === "number") {
|
|
63
|
+
var numberValue = value.toString();
|
|
64
|
+
return numberValue.includes(filter);
|
|
65
|
+
}
|
|
66
|
+
return false;
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
export function filterItemsByColumn(dataSource, column, filterValues) {
|
|
70
|
+
return dataSource.filter(function (item) {
|
|
71
|
+
var columnValue = item[column];
|
|
72
|
+
return filterValues.includes(columnValue);
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
// PROVISORIO BAIXO
|
|
76
|
+
export function generateRandomDataSource(numRows) {
|
|
77
|
+
var campanhas = [
|
|
78
|
+
"Campanha 1",
|
|
79
|
+
"Campanha 2",
|
|
80
|
+
"Campanha 3",
|
|
81
|
+
"Campanha 4",
|
|
82
|
+
"Campanha 5",
|
|
83
|
+
];
|
|
84
|
+
var agents = [16321, 16322, 16323, 16324, 16325];
|
|
85
|
+
var disposals = [
|
|
86
|
+
"Tabulação 1",
|
|
87
|
+
"Tabulação 2",
|
|
88
|
+
"Tabulação 3",
|
|
89
|
+
"Tabulação 4",
|
|
90
|
+
"Tabulação 5",
|
|
91
|
+
];
|
|
92
|
+
var dataSource = [];
|
|
93
|
+
for (var i = 0; i < numRows; i++) {
|
|
94
|
+
var data = generateRandomDate();
|
|
95
|
+
var duration = generateRandomDuration();
|
|
96
|
+
var campanha = getRandomElement(campanhas);
|
|
97
|
+
var agente = getRandomElement(agents);
|
|
98
|
+
var ani = generateRandomNumber(50000000, 60000000);
|
|
99
|
+
var dnis = generateRandomNumber(100000, 999999);
|
|
100
|
+
var disposition = getRandomElement(disposals);
|
|
101
|
+
var origem = generateRandomNumber(12000, 13000);
|
|
102
|
+
var id = i + 1;
|
|
103
|
+
var item = {
|
|
104
|
+
data: data,
|
|
105
|
+
duration: duration,
|
|
106
|
+
campanha: campanha,
|
|
107
|
+
agente: agente,
|
|
108
|
+
ani: ani,
|
|
109
|
+
dnis: dnis,
|
|
110
|
+
disposition: disposition,
|
|
111
|
+
origem: origem,
|
|
112
|
+
id: id,
|
|
113
|
+
};
|
|
114
|
+
dataSource.push(item);
|
|
115
|
+
}
|
|
116
|
+
return dataSource;
|
|
117
|
+
}
|
|
118
|
+
export function generateRandomDate() {
|
|
119
|
+
var startDate = new Date("2020-01-01");
|
|
120
|
+
var currentDate = new Date();
|
|
121
|
+
var randomTimestamp = Math.random() * (currentDate.getTime() - startDate.getTime()) +
|
|
122
|
+
startDate.getTime();
|
|
123
|
+
var randomDate = new Date(randomTimestamp);
|
|
124
|
+
var day = randomDate.getDate().toString().padStart(2, "0");
|
|
125
|
+
var month = (randomDate.getMonth() + 1).toString().padStart(2, "0");
|
|
126
|
+
var year = randomDate.getFullYear();
|
|
127
|
+
return "".concat(day, "/").concat(month, "/").concat(year);
|
|
128
|
+
}
|
|
129
|
+
export function generateRandomDuration() {
|
|
130
|
+
var hours = generateRandomNumber(0, 10).toString().padStart(2, "0");
|
|
131
|
+
var minutes = generateRandomNumber(0, 59).toString().padStart(2, "0");
|
|
132
|
+
return "".concat(hours, ":").concat(minutes);
|
|
133
|
+
}
|
|
134
|
+
export function generateRandomNumber(min, max) {
|
|
135
|
+
return Math.floor(Math.random() * (max - min + 1) + min);
|
|
136
|
+
}
|
|
137
|
+
export function getRandomElement(array) {
|
|
138
|
+
var randomIndex = Math.floor(Math.random() * array.length);
|
|
139
|
+
return array[randomIndex];
|
|
140
|
+
}
|
|
141
|
+
//# sourceMappingURL=shared.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../../src/components/DataGrid/shared.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { TypographyProps, BoxProps, ButtonProps, TableCellProps, TableRowProps } from "@mui/material";
|
|
2
|
+
import { StyledComponent } from "@emotion/styled";
|
|
3
|
+
declare const DataGridHeaderStyled: StyledComponent<BoxProps>;
|
|
4
|
+
declare const TotalRecordsStyled: StyledComponent<TypographyProps>;
|
|
5
|
+
declare const HeaderCogStyled: StyledComponent<ButtonProps>;
|
|
6
|
+
declare const TableCellStyled: StyledComponent<TableCellProps>;
|
|
7
|
+
declare const TableRowStyled: StyledComponent<TableRowProps>;
|
|
8
|
+
declare const ButtonStyled: StyledComponent<ButtonProps>;
|
|
9
|
+
declare const DropDownStyled: StyledComponent<BoxProps>;
|
|
10
|
+
export { DataGridHeaderStyled, TotalRecordsStyled, HeaderCogStyled, TableCellStyled, TableRowStyled, ButtonStyled, DropDownStyled, };
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { Box, Button, Typography, TableRow, TableCell, tableCellClasses, } from "@mui/material";
|
|
2
|
+
import { styled } from "@mui/material/styles";
|
|
3
|
+
var DataGridHeaderStyled = styled(Box)({
|
|
4
|
+
display: "flex",
|
|
5
|
+
position: "relative",
|
|
6
|
+
});
|
|
7
|
+
var TotalRecordsStyled = styled(Typography)({
|
|
8
|
+
paddingTop: "24px",
|
|
9
|
+
paddingBottom: "24px",
|
|
10
|
+
paddingLeft: "15px",
|
|
11
|
+
font: "normal normal normal 18px/24px Source Sans Pro",
|
|
12
|
+
});
|
|
13
|
+
var HeaderCogStyled = styled(Button)({
|
|
14
|
+
position: "absolute",
|
|
15
|
+
top: "24px",
|
|
16
|
+
right: "30px",
|
|
17
|
+
border: "0",
|
|
18
|
+
padding: 0,
|
|
19
|
+
background: "none",
|
|
20
|
+
width: "24px",
|
|
21
|
+
height: "24px",
|
|
22
|
+
cursor: "pointer",
|
|
23
|
+
});
|
|
24
|
+
var TableCellStyled = styled(TableCell)(function () {
|
|
25
|
+
var _a;
|
|
26
|
+
return (_a = {},
|
|
27
|
+
_a["&.".concat(tableCellClasses.head)] = {
|
|
28
|
+
backgroundColor: "#FFF",
|
|
29
|
+
color: "#333",
|
|
30
|
+
font: "normal normal 600 14px/20px Source Sans Pro",
|
|
31
|
+
position: "relative",
|
|
32
|
+
fontWeight: "bold",
|
|
33
|
+
padding: 15,
|
|
34
|
+
},
|
|
35
|
+
_a["&.".concat(tableCellClasses.body)] = {
|
|
36
|
+
fontSize: 14,
|
|
37
|
+
},
|
|
38
|
+
_a);
|
|
39
|
+
});
|
|
40
|
+
var TableRowStyled = styled(TableRow)(function (_a) {
|
|
41
|
+
var theme = _a.theme;
|
|
42
|
+
return ({
|
|
43
|
+
"&:nth-of-type(odd)": {
|
|
44
|
+
backgroundColor: theme.palette.action.hover,
|
|
45
|
+
},
|
|
46
|
+
// hide last border
|
|
47
|
+
"&:last-child td, &:last-child th": {
|
|
48
|
+
border: 0,
|
|
49
|
+
},
|
|
50
|
+
});
|
|
51
|
+
});
|
|
52
|
+
var ButtonStyled = styled(Button)({
|
|
53
|
+
fontWeight: "bold",
|
|
54
|
+
margin: 0,
|
|
55
|
+
padding: 0,
|
|
56
|
+
});
|
|
57
|
+
var DropDownStyled = styled(Box)({
|
|
58
|
+
position: "absolute",
|
|
59
|
+
minHeight: "220px",
|
|
60
|
+
top: "30px",
|
|
61
|
+
left: "-50%",
|
|
62
|
+
width: "292px",
|
|
63
|
+
display: "flex",
|
|
64
|
+
background: "#fff",
|
|
65
|
+
zIndex: 9,
|
|
66
|
+
border: 0,
|
|
67
|
+
boxShadow: "0 0 10px #ccc",
|
|
68
|
+
padding: "5px",
|
|
69
|
+
flexDirection: "column",
|
|
70
|
+
justifyContent: "flex-start",
|
|
71
|
+
});
|
|
72
|
+
export { DataGridHeaderStyled, TotalRecordsStyled, HeaderCogStyled, TableCellStyled, TableRowStyled, ButtonStyled, DropDownStyled, };
|
|
73
|
+
//# sourceMappingURL=styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../src/components/DataGrid/styled.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EACH,MAAM,EACN,UAAU,EACV,QAAQ,EACR,SAAS,EACT,gBAAgB,GAMjB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,oBAAoB,GAA8B,MAAM,CAAC,GAAG,CAAC,CAAC;IAClE,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC;AAEH,IAAM,kBAAkB,GAAqC,MAAM,CAAC,UAAU,CAAC,CAC7E;IACE,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,MAAM;IACrB,WAAW,EAAE,MAAM;IACnB,IAAI,EAAE,gDAAgD;CACvD,CACF,CAAC;AAEF,IAAM,eAAe,GAAiC,MAAM,CAAC,MAAM,CAAC,CAAC;IACnE,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,MAAM;IACX,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,CAAC;IACV,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,SAAS;CAClB,CAAC,CAAC;AAEH,IAAM,eAAe,GAAoC,MAAM,CAAC,SAAS,CAAC,CACxE;;IAAM,OAAA;QACJ,GAAC,YAAK,gBAAgB,CAAC,IAAI,CAAE,IAAG;YAC9B,eAAe,EAAE,MAAM;YACvB,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,6CAA6C;YACnD,QAAQ,EAAE,UAAU;YACpB,UAAU,EAAE,MAAM;YAClB,OAAO,EAAE,EAAE;SACZ;QACD,GAAC,YAAK,gBAAgB,CAAC,IAAI,CAAE,IAAG;YAC9B,QAAQ,EAAE,EAAE;SACb;WACD;AAZI,CAYJ,CACH,CAAC;AAEF,IAAM,cAAc,GAAmC,MAAM,CAAC,QAAQ,CAAC,CACrE,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC;QACd,oBAAoB,EAAE;YACpB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;SAC5C;QACD,mBAAmB;QACnB,kCAAkC,EAAE;YAClC,MAAM,EAAE,CAAC;SACV;KACF,CAAC;AARa,CAQb,CACH,CAAC;AAEF,IAAM,YAAY,GAAiC,MAAM,CAAC,MAAM,CAAC,CAAC;IAChE,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;CACX,CAAC,CAAC;AAEH,IAAM,cAAc,GAA8B,MAAM,CAAC,GAAG,CAAC,CAAC;IAC5D,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,OAAO;IAClB,GAAG,EAAE,MAAM;IACX,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;IACT,SAAS,EAAE,eAAe;IAC1B,OAAO,EAAE,KAAK;IACd,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,YAAY;CAC7B,CAAC,CAAC;AAEH,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,cAAc,EACd,YAAY,EACZ,cAAc,GACf,CAAC"}
|
|
@@ -43,7 +43,7 @@ export var Icons = function (_a) {
|
|
|
43
43
|
var fill = colors[color];
|
|
44
44
|
var stroke = colors[color];
|
|
45
45
|
var Svg = styled.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-block;\n shape-rendering: inherit;\n vertical-align: middle;\n fill: ", ";\n path {\n stroke: ", ";\n }\n circle {\n stroke: ", ";\n }\n rect {\n stroke: ", ";\n }\n "], ["\n display: inline-block;\n shape-rendering: inherit;\n vertical-align: middle;\n fill: ", ";\n path {\n stroke: ", ";\n }\n circle {\n stroke: ", ";\n }\n rect {\n stroke: ", ";\n }\n "])), fill, stroke, stroke, stroke);
|
|
46
|
-
return (React.createElement(Svg, __assign({ viewBox: "0 0
|
|
46
|
+
return (React.createElement(Svg, __assign({ viewBox: "0 0 56 56", width: "".concat(width, "px"), height: "".concat(height, "px") }, props), useSymbol ? (React.createElement("use", { xlinkHref: "#icon--".concat(icon), fill: fill, stroke: stroke })) : (React.cloneElement(iconsSVG[icon], { fill: fill, stroke: stroke }))));
|
|
47
47
|
};
|
|
48
48
|
var templateObject_1;
|
|
49
49
|
//# sourceMappingURL=Icons.js.map
|
|
@@ -1,6 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ProgressBarBaseProps } from "../interfaces";
|
|
3
|
-
export declare const ProgressBarLabelStyled: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
4
|
-
ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
|
|
5
|
-
}, "p" | "style" | "className" | "classes" | "children" | "sx" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
6
3
|
export declare const ProgressBar: ({ value, label, variant, total, ...props }: ProgressBarBaseProps) => React.JSX.Element;
|
|
@@ -10,7 +10,7 @@ var ProgressBarStyled = styled(MuiProgressBar)({
|
|
|
10
10
|
position: "relative",
|
|
11
11
|
backgroundColor: "&.".concat(linearProgressClasses.determinate, " {\n background-color: #e0e0e0,\n }"),
|
|
12
12
|
});
|
|
13
|
-
|
|
13
|
+
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
14
|
export var ProgressBar = function (_a) {
|
|
15
15
|
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
16
|
var prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,cAAc,IAAI,cAAc,EAChC,qBAAqB,EACrB,aAAa,EACb,aAAa,EACb,UAAU,GACX,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,cAAc,IAAI,cAAc,EAChC,qBAAqB,EACrB,aAAa,EACb,aAAa,EACb,UAAU,GACX,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,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,EAML;IALrB,IAAA,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EACT,KAAK,WAAA,EACL,eAAuB,EAAvB,OAAO,mBAAG,aAAa,KAAA,EACvB,KAAK,WAAA,EACF,KAAK,cALkB,sCAM3B,CADS;IAER,IAAM,eAAe,GAAG,aAAa,CAAC,8BAA8B,CAAC,CAAC;IACtE,IAAM,UAAU,GAAG,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9D,IAAM,KAAK,GAAG,OAAO,CACnB,cAAM,OAAA,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAA9C,CAA8C,EACpD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK;QACzB,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;YAC9B,KAAK,IAAI,CACR,oBAAC,sBAAsB;gBACpB,KAAK;gBACN,8BAAM,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;oBACtB,KAAK;;oBAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;yBAC1B,CACgB,CAC1B;YACD,oBAAC,iBAAiB,aAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,EAAI,CAC5D,CACQ,CACjB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
var _a;
|
|
2
|
+
import { __assign, __rest } from "tslib";
|
|
3
|
+
import React, { useMemo } from "react";
|
|
4
|
+
import { ThemeProvider, useMediaQuery, Typography } from "@mui/material";
|
|
5
|
+
import { Timeline as MuiTimeLine, TimelineItem, timelineItemClasses, TimelineSeparator, TimelineConnector, TimelineContent, TimelineDot, } from "@mui/lab";
|
|
6
|
+
import { styled } from "@mui/material/styles";
|
|
7
|
+
import { palette, lightenRGB, themes } from "../helpers";
|
|
8
|
+
var colorMap = {
|
|
9
|
+
inherit: palette.inherit,
|
|
10
|
+
primary: palette.primary,
|
|
11
|
+
secondary: palette.secondary,
|
|
12
|
+
error: palette.error,
|
|
13
|
+
warning: palette.warning,
|
|
14
|
+
info: palette.info,
|
|
15
|
+
success: palette.success,
|
|
16
|
+
};
|
|
17
|
+
var sampleData = [
|
|
18
|
+
{
|
|
19
|
+
title: "imported register",
|
|
20
|
+
data: "01/04/2023 at 07h00",
|
|
21
|
+
by: "By IEM",
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
title: "80% score applied on register",
|
|
25
|
+
data: "01/04/2023 at 07h05",
|
|
26
|
+
by: "By IEM",
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
title: "Registers transfered to campaign ID 10",
|
|
30
|
+
data: "",
|
|
31
|
+
by: "",
|
|
32
|
+
},
|
|
33
|
+
];
|
|
34
|
+
var TimeLineStyled = styled(MuiTimeLine)((_a = {},
|
|
35
|
+
_a["& .".concat(timelineItemClasses.root, ":before")] = {
|
|
36
|
+
flex: 0,
|
|
37
|
+
padding: 0,
|
|
38
|
+
},
|
|
39
|
+
_a));
|
|
40
|
+
export var TimeLine = function (_a) {
|
|
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
|
+
var renderList = data.map(function (item, key) { return (React.createElement(TimelineItem, { key: key },
|
|
45
|
+
React.createElement(TimelineSeparator, null,
|
|
46
|
+
React.createElement(TimelineDot, { sx: {
|
|
47
|
+
bgcolor: colorMap[color],
|
|
48
|
+
p: "6px",
|
|
49
|
+
border: "4px solid ".concat(lightenRGB(colorMap[color], 50)),
|
|
50
|
+
} }),
|
|
51
|
+
key !== data.length - 1 && (React.createElement(TimelineConnector, { sx: { bgcolor: colorMap[color], pt: "55px", pl: "3px" } }))),
|
|
52
|
+
React.createElement(TimelineContent, null,
|
|
53
|
+
item.title,
|
|
54
|
+
React.createElement(Typography, { sx: { m: "auto 0" }, variant: "body2", color: "text.secondary" }, item.data),
|
|
55
|
+
React.createElement(Typography, { sx: { m: "auto 0", color: colorMap[color] }, variant: "body2" }, item.by)))); });
|
|
56
|
+
return (React.createElement(ThemeProvider, { theme: theme },
|
|
57
|
+
React.createElement(TimeLineStyled, __assign({}, props), renderList)));
|
|
58
|
+
};
|
|
59
|
+
//# sourceMappingURL=TimeLine.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimeLine.js","sourceRoot":"","sources":["../../../src/components/TimeLine.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,9 @@ export * from "./Avatar";
|
|
|
3
3
|
export * from "./Badge";
|
|
4
4
|
export * from "./Button";
|
|
5
5
|
export * from "./Card";
|
|
6
|
+
export * from "./ChatMessage";
|
|
6
7
|
export * from "./CheckBox";
|
|
8
|
+
export * from "./DataGrid";
|
|
7
9
|
export * from "./DatePicker";
|
|
8
10
|
export * from "./DropDown";
|
|
9
11
|
export * from "./IconButton";
|
|
@@ -17,4 +19,5 @@ export * from "./Select";
|
|
|
17
19
|
export * from "./Tabs";
|
|
18
20
|
export * from "./Tag";
|
|
19
21
|
export * from "./TextField";
|
|
22
|
+
export * from "./TimeLine";
|
|
20
23
|
export * from "./TimePicker";
|
|
@@ -3,7 +3,9 @@ export * from "./Avatar";
|
|
|
3
3
|
export * from "./Badge";
|
|
4
4
|
export * from "./Button";
|
|
5
5
|
export * from "./Card";
|
|
6
|
+
export * from "./ChatMessage";
|
|
6
7
|
export * from "./CheckBox";
|
|
8
|
+
export * from "./DataGrid";
|
|
7
9
|
export * from "./DatePicker";
|
|
8
10
|
export * from "./DropDown";
|
|
9
11
|
export * from "./IconButton";
|
|
@@ -17,5 +19,6 @@ export * from "./Select";
|
|
|
17
19
|
export * from "./Tabs";
|
|
18
20
|
export * from "./Tag";
|
|
19
21
|
export * from "./TextField";
|
|
22
|
+
export * from "./TimeLine";
|
|
20
23
|
export * from "./TimePicker";
|
|
21
24
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC"}
|
|
@@ -169,4 +169,6 @@ export declare const themes: {
|
|
|
169
169
|
};
|
|
170
170
|
type PaletteKey = keyof typeof getPalette;
|
|
171
171
|
declare const getColor: (key: PaletteKey) => string;
|
|
172
|
-
|
|
172
|
+
declare const extractRGB: (rgbString: string) => string | null;
|
|
173
|
+
declare const lightenRGB: (rgbString: string, amount?: number) => string | null;
|
|
174
|
+
export { getColor, extractRGB, lightenRGB };
|
|
@@ -2,19 +2,19 @@ import { __assign } from "tslib";
|
|
|
2
2
|
import { createTheme } from "@mui/material/styles";
|
|
3
3
|
export var getPalette = function () {
|
|
4
4
|
return {
|
|
5
|
-
primary: "
|
|
5
|
+
primary: "rgb(219, 102, 25)",
|
|
6
6
|
primaryLight: "#FFDB9F",
|
|
7
7
|
primaryMedium: "#FFA84C",
|
|
8
8
|
primaryDark: "#B74608",
|
|
9
|
-
inherit: "
|
|
10
|
-
secondary: "
|
|
11
|
-
error: "
|
|
12
|
-
warning: "
|
|
13
|
-
info: "
|
|
14
|
-
success: "
|
|
9
|
+
inherit: "rgb(102, 102, 102)",
|
|
10
|
+
secondary: "rgb(67, 187, 242)",
|
|
11
|
+
error: "rgb(214, 54, 67)",
|
|
12
|
+
warning: "rgb(255, 195, 0)",
|
|
13
|
+
info: "rgb(113, 213, 247)",
|
|
14
|
+
success: "rgb(107, 194, 53)",
|
|
15
15
|
white: "#ffffff",
|
|
16
|
-
black: "
|
|
17
|
-
helper: "
|
|
16
|
+
black: "rgb(0, 0, 0)",
|
|
17
|
+
helper: "rgb(90, 42, 121)",
|
|
18
18
|
secondaryLight: "#D9FCFE",
|
|
19
19
|
secondaryMedium: "#71D5F7",
|
|
20
20
|
secondaryDark: "#154F8C",
|
|
@@ -152,5 +152,34 @@ var getColor = function (key) {
|
|
|
152
152
|
return "#CCC";
|
|
153
153
|
}
|
|
154
154
|
};
|
|
155
|
-
|
|
155
|
+
var extractRGB = function (rgbString) {
|
|
156
|
+
if (typeof rgbString === "string") {
|
|
157
|
+
var match = rgbString.match(/\((\d+), (\d+), (\d+)\)/);
|
|
158
|
+
if (match) {
|
|
159
|
+
var r = match[1];
|
|
160
|
+
var g = match[2];
|
|
161
|
+
var b = match[3];
|
|
162
|
+
return "".concat(r, ",").concat(g, ",").concat(b);
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
return null;
|
|
166
|
+
};
|
|
167
|
+
var lightenRGB = function (rgbString, amount) {
|
|
168
|
+
if (amount === void 0) { amount = 20; }
|
|
169
|
+
console.log("RGB ==> ", rgbString);
|
|
170
|
+
if (typeof rgbString === "string") {
|
|
171
|
+
var match = rgbString.match(/\((\d+), (\d+), (\d+)\)/);
|
|
172
|
+
if (match) {
|
|
173
|
+
var r = parseInt(match[1]);
|
|
174
|
+
var g = parseInt(match[2]);
|
|
175
|
+
var b = parseInt(match[3]);
|
|
176
|
+
var newR = Math.min(255, r + amount);
|
|
177
|
+
var newG = Math.min(255, g + amount);
|
|
178
|
+
var newB = Math.min(255, b + amount);
|
|
179
|
+
return "rgb(".concat(newR, ",").concat(newG, ",").concat(newB, ")");
|
|
180
|
+
}
|
|
181
|
+
}
|
|
182
|
+
return null;
|
|
183
|
+
};
|
|
184
|
+
export { getColor, extractRGB, lightenRGB };
|
|
156
185
|
//# sourceMappingURL=colors.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/helpers/colors.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,MAAM,CAAC,IAAM,UAAU,GAAG;IACxB,OAAO;QACL,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/helpers/colors.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,MAAM,CAAC,IAAM,UAAU,GAAG;IACxB,OAAO;QACL,OAAO,EAAE,mBAAmB;QAC5B,YAAY,EAAE,SAAS;QACvB,aAAa,EAAE,SAAS;QACxB,WAAW,EAAE,SAAS;QAEtB,OAAO,EAAE,oBAAoB;QAC7B,SAAS,EAAE,mBAAmB;QAC9B,KAAK,EAAE,kBAAkB;QACzB,OAAO,EAAE,kBAAkB;QAC3B,IAAI,EAAE,oBAAoB;QAC1B,OAAO,EAAE,mBAAmB;QAC5B,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,cAAc;QACrB,MAAM,EAAE,kBAAkB;QAC1B,cAAc,EAAE,SAAS;QACzB,eAAe,EAAE,SAAS;QAC1B,aAAa,EAAE,SAAS;QACxB,YAAY,EAAE,SAAS;QACvB,aAAa,EAAE,SAAS;QACxB,WAAW,EAAE,SAAS;QACtB,UAAU,EAAE,SAAS;QACrB,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,SAAS;QACpB,YAAY,EAAE,SAAS;QACvB,aAAa,EAAE,SAAS;QACxB,WAAW,EAAE,SAAS;QACtB,UAAU,EAAE,SAAS;QACrB,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,SAAS;QACpB,YAAY,EAAE,SAAS;QACvB,aAAa,EAAE,SAAS;QACxB,WAAW,EAAE,SAAS;QACtB,WAAW,EAAE,SAAS;QACtB,YAAY,EAAE,SAAS;QACvB,UAAU,EAAE,SAAS;KACtB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,UAAU,EAAE,CAAC;AAEpC,MAAM,CAAC,IAAM,UAAU,GAAG;IACxB,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;IACxB,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,MAAM,EAAE,OAAO,CAAC,MAAM;IACtB,YAAY,EAAE,OAAO,CAAC,YAAY;IAClC,aAAa,EAAE,OAAO,CAAC,aAAa;IACpC,WAAW,EAAE,OAAO,CAAC,WAAW;IAChC,cAAc,EAAE,OAAO,CAAC,cAAc;IACtC,eAAe,EAAE,OAAO,CAAC,eAAe;IACxC,aAAa,EAAE,OAAO,CAAC,aAAa;IACpC,YAAY,EAAE,OAAO,CAAC,YAAY;IAClC,aAAa,EAAE,OAAO,CAAC,aAAa;IACpC,WAAW,EAAE,OAAO,CAAC,WAAW;IAChC,UAAU,EAAE,OAAO,CAAC,UAAU;IAC9B,WAAW,EAAE,OAAO,CAAC,WAAW;IAChC,SAAS,EAAE,OAAO,CAAC,SAAS;IAC5B,YAAY,EAAE,OAAO,CAAC,YAAY;IAClC,aAAa,EAAE,OAAO,CAAC,aAAa;IACpC,WAAW,EAAE,OAAO,CAAC,WAAW;IAChC,UAAU,EAAE,OAAO,CAAC,UAAU;IAC9B,WAAW,EAAE,OAAO,CAAC,WAAW;IAChC,SAAS,EAAE,OAAO,CAAC,SAAS;IAC5B,YAAY,EAAE,OAAO,CAAC,YAAY;IAClC,aAAa,EAAE,OAAO,CAAC,aAAa;IACpC,WAAW,EAAE,OAAO,CAAC,WAAW;IAChC,WAAW,EAAE,OAAO,CAAC,WAAW;IAChC,YAAY,EAAE,OAAO,CAAC,YAAY;IAClC,UAAU,EAAE,OAAO,CAAC,UAAU;CAC/B,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG;IAC9B,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;IACxB,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,YAAY,EAAE,OAAO,CAAC,YAAY;IAClC,aAAa,EAAE,OAAO,CAAC,aAAa;IACpC,WAAW,EAAE,OAAO,CAAC,WAAW;IAChC,cAAc,EAAE,OAAO,CAAC,cAAc;IACtC,eAAe,EAAE,OAAO,CAAC,eAAe;IACxC,aAAa,EAAE,OAAO,CAAC,aAAa;IACpC,YAAY,EAAE,OAAO,CAAC,YAAY;IAClC,aAAa,EAAE,OAAO,CAAC,aAAa;IACpC,WAAW,EAAE,OAAO,CAAC,WAAW;IAChC,UAAU,EAAE,OAAO,CAAC,UAAU;IAC9B,WAAW,EAAE,OAAO,CAAC,WAAW;IAChC,SAAS,EAAE,OAAO,CAAC,SAAS;IAC5B,YAAY,EAAE,OAAO,CAAC,YAAY;IAClC,aAAa,EAAE,OAAO,CAAC,aAAa;IACpC,WAAW,EAAE,OAAO,CAAC,WAAW;IAChC,UAAU,EAAE,OAAO,CAAC,UAAU;IAC9B,WAAW,EAAE,OAAO,CAAC,WAAW;IAChC,SAAS,EAAE,OAAO,CAAC,SAAS;IAC5B,YAAY,EAAE,OAAO,CAAC,YAAY;IAClC,aAAa,EAAE,OAAO,CAAC,aAAa;IACpC,WAAW,EAAE,OAAO,CAAC,WAAW;IAChC,WAAW,EAAE,OAAO,CAAC,WAAW;IAChC,YAAY,EAAE,OAAO,CAAC,YAAY;IAClC,UAAU,EAAE,OAAO,CAAC,UAAU;CAC/B,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG;IACzB,OAAO,EAAE;QACP,IAAI,EAAE,OAAO,CAAC,OAAO;KACtB;IACD,SAAS,EAAE;QACT,IAAI,EAAE,OAAO,CAAC,SAAS;KACxB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,OAAO,CAAC,KAAK;KACpB;IACD,OAAO,EAAE;QACP,IAAI,EAAE,OAAO,CAAC,OAAO;KACtB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO,CAAC,IAAI;KACnB;IACD,OAAO,EAAE;QACP,IAAI,EAAE,OAAO,CAAC,OAAO;KACtB;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAG,WAAW,CAAC;IACpC,OAAO,aACL,IAAI,EAAE,OAAO,IACV,WAAW,CACf;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,SAAS,GAAG,WAAW,CAAC;IACnC,OAAO,sBACL,IAAI,EAAE,MAAM,IACT,WAAW,KACd,UAAU,EAAE;YACV,OAAO,EAAE,OAAO,CAAC,YAAY;YAC7B,KAAK,EAAE,OAAO,CAAC,WAAW;SAC3B,GACF;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,KAAK,EAAE,UAAU;IACjB,IAAI,EAAE,SAAS;CAChB,CAAC;AAIF,IAAM,QAAQ,GAAG,UAAC,GAAe;IAC/B,IAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,IAAI,OAAO,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE;QAC/B,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC;KACrB;SAAM;QACL,OAAO,MAAM,CAAC;KACf;AACH,CAAC,CAAC;AAEF,IAAM,UAAU,GAAG,UAAC,SAAiB;IACnC,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;QACjC,IAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,yBAAyB,CAAC,CAAC;QAEzD,IAAI,KAAK,EAAE;YACT,IAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACnB,IAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACnB,IAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACnB,OAAO,UAAG,CAAC,cAAI,CAAC,cAAI,CAAC,CAAE,CAAC;SACzB;KACF;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,IAAM,UAAU,GAAG,UAAC,SAAiB,EAAE,MAAW;IAAX,uBAAA,EAAA,WAAW;IAChD,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IACnC,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;QACjC,IAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,yBAAyB,CAAC,CAAC;QAEzD,IAAI,KAAK,EAAE;YACT,IAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;YAC7B,IAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;YAC7B,IAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;YAE7B,IAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC;YACvC,IAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC;YACvC,IAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC;YAEvC,OAAO,cAAO,IAAI,cAAI,IAAI,cAAI,IAAI,MAAG,CAAC;SACvC;KACF;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface ChatProps {
|
|
3
|
+
name: string;
|
|
4
|
+
message: string;
|
|
5
|
+
emotion?: React.ReactNode;
|
|
6
|
+
emotionReplay?: React.ReactNode;
|
|
7
|
+
time: string;
|
|
8
|
+
send: "me" | "replay";
|
|
9
|
+
}
|
|
10
|
+
export interface ChatMessageProps {
|
|
11
|
+
data: ChatProps[];
|
|
12
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChatMessage.js","sourceRoot":"","sources":["../../../src/interfaces/ChatMessage.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { MuiDataGridBaseProps } from "@/types";
|
|
2
|
+
import { SxProps, Theme } from "@mui/material";
|
|
3
|
+
import { OverridableStringUnion } from "@mui/types";
|
|
4
|
+
export interface DataGridPropsVariantOverrides {
|
|
5
|
+
}
|
|
6
|
+
export interface SortingProps {
|
|
7
|
+
sort?: string;
|
|
8
|
+
active?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export interface DataGridBaseProps extends MuiDataGridBaseProps {
|
|
11
|
+
data: {
|
|
12
|
+
dataSource: any;
|
|
13
|
+
columns: any;
|
|
14
|
+
}[];
|
|
15
|
+
sx?: SxProps<Theme>;
|
|
16
|
+
variant?: OverridableStringUnion<"standard" | "standard-divider" | "standard-selectable" | "quiet" | "quiet-divider" | "quiet-selectable", DataGridPropsVariantOverrides>;
|
|
17
|
+
width?: string;
|
|
18
|
+
height?: string;
|
|
19
|
+
}
|
|
20
|
+
export interface DataSourceItem {
|
|
21
|
+
[key: string]: string | number;
|
|
22
|
+
}
|
|
23
|
+
export interface DropdownFilterProps {
|
|
24
|
+
onSelectAll: boolean;
|
|
25
|
+
format?: string;
|
|
26
|
+
data: (string | number)[];
|
|
27
|
+
onFilter: (item: string) => void;
|
|
28
|
+
onOrder: (item: string) => void;
|
|
29
|
+
onChecketAll: (item: boolean) => void;
|
|
30
|
+
onSelected: (item: (string | number)[]) => void;
|
|
31
|
+
itemsSelected: (string | number)[];
|
|
32
|
+
onFilterSelected: () => void;
|
|
33
|
+
}
|
|
34
|
+
export interface NumberFilterProps {
|
|
35
|
+
onClick: (selectedOption: string) => void;
|
|
36
|
+
}
|
|
37
|
+
export interface PaginationProps {
|
|
38
|
+
totalItems: number;
|
|
39
|
+
pageSize: number;
|
|
40
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataGrid.js","sourceRoot":"","sources":["../../../src/interfaces/DataGrid.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { SxProps } from "@mui/material";
|
|
3
|
+
import { Theme } from "@emotion/react";
|
|
4
|
+
import { ColorVariant, DataTimeLine, MuiTimeLineBaseProps, PositionVariant } from "../types";
|
|
5
|
+
export interface TimeLineBaseProps extends MuiTimeLineBaseProps {
|
|
6
|
+
position?: PositionVariant;
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
sx?: SxProps<Theme>;
|
|
9
|
+
color: ColorVariant;
|
|
10
|
+
data: DataTimeLine[];
|
|
11
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimeLine.js","sourceRoot":"","sources":["../../../src/interfaces/TimeLine.ts"],"names":[],"mappings":""}
|
|
@@ -3,7 +3,9 @@ export * from "./Avatar";
|
|
|
3
3
|
export * from "./Badge";
|
|
4
4
|
export * from "./Button";
|
|
5
5
|
export * from "./Card";
|
|
6
|
+
export * from "./ChatMessage";
|
|
6
7
|
export * from "./CheckBox";
|
|
8
|
+
export * from "./DataGrid";
|
|
7
9
|
export * from "./DatePicker";
|
|
8
10
|
export * from "./DropDown";
|
|
9
11
|
export * from "./IconButton";
|
|
@@ -12,9 +14,10 @@ export * from "./Modal";
|
|
|
12
14
|
export * from "./Paper";
|
|
13
15
|
export * from "./ProgressBar";
|
|
14
16
|
export * from "./RadioGroup";
|
|
15
|
-
export * from "./RadioGroup";
|
|
16
17
|
export * from "./RangerSlider";
|
|
17
18
|
export * from "./Select";
|
|
18
19
|
export * from "./Tabs";
|
|
19
20
|
export * from "./Tag";
|
|
20
21
|
export * from "./TextField";
|
|
22
|
+
export * from "./TimeLine";
|
|
23
|
+
export * from "./TimePicker";
|
|
@@ -3,7 +3,9 @@ export * from "./Avatar";
|
|
|
3
3
|
export * from "./Badge";
|
|
4
4
|
export * from "./Button";
|
|
5
5
|
export * from "./Card";
|
|
6
|
+
export * from "./ChatMessage";
|
|
6
7
|
export * from "./CheckBox";
|
|
8
|
+
export * from "./DataGrid";
|
|
7
9
|
export * from "./DatePicker";
|
|
8
10
|
export * from "./DropDown";
|
|
9
11
|
export * from "./IconButton";
|
|
@@ -12,10 +14,11 @@ export * from "./Modal";
|
|
|
12
14
|
export * from "./Paper";
|
|
13
15
|
export * from "./ProgressBar";
|
|
14
16
|
export * from "./RadioGroup";
|
|
15
|
-
export * from "./RadioGroup";
|
|
16
17
|
export * from "./RangerSlider";
|
|
17
18
|
export * from "./Select";
|
|
18
19
|
export * from "./Tabs";
|
|
19
20
|
export * from "./Tag";
|
|
20
21
|
export * from "./TextField";
|
|
22
|
+
export * from "./TimeLine";
|
|
23
|
+
export * from "./TimePicker";
|
|
21
24
|
//# sourceMappingURL=index.js.map
|