norma-library 0.5.60 → 0.5.62
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/Card.js +4 -7
- package/dist/esm/components/Card.js.map +1 -1
- package/dist/esm/components/DataGrid/index.js +3 -4
- package/dist/esm/components/DataGrid/index.js.map +1 -1
- package/dist/esm/components/DataGrid/styled.d.ts +2 -1
- package/dist/esm/components/DataGrid/styled.js +13 -1
- package/dist/esm/components/DataGrid/styled.js.map +1 -1
- package/dist/esm/interfaces/DataGrid.d.ts +2 -0
- package/package.json +1 -1
- package/src/components/Card.tsx +6 -12
- package/src/components/DataGrid/index.tsx +4 -4
- package/src/components/DataGrid/styled.ts +10 -0
- package/src/interfaces/DataGrid.ts +1 -0
- package/src/stories/DataGrid.stories.tsx +1 -1
|
@@ -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;IAER,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"}
|
|
@@ -3,7 +3,6 @@ import React, { useEffect, useState, useRef } from 'react';
|
|
|
3
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
|
-
import TableCell from '@mui/material/TableCell';
|
|
7
6
|
import TableContainer from '@mui/material/TableContainer';
|
|
8
7
|
import TableHead from '@mui/material/TableHead';
|
|
9
8
|
import TableRow from '@mui/material/TableRow';
|
|
@@ -12,7 +11,7 @@ import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
|
|
|
12
11
|
import DropdownFilter from './base/dropdown';
|
|
13
12
|
import { Pagination as MuiPagination } from '@mui/material';
|
|
14
13
|
import { filterDataSource, groupByDataSource, sortDataSourceByColumn } from './shared';
|
|
15
|
-
import { ButtonStyled, DataGridHeaderStyled, HeaderCogStyled, TableCellStyled, TableRowStyled, TotalRecordsStyled, } from './styled';
|
|
14
|
+
import { ButtonStyled, DataGridHeaderStyled, HeaderCogStyled, TableCellStyled, TableRowStyled, TotalRecordsStyled, TableCellBodyStyled } from './styled';
|
|
16
15
|
export function ArrowSmallUpIcon(props) {
|
|
17
16
|
return (React.createElement("svg", __assign({ fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, props),
|
|
18
17
|
React.createElement("path", { clipRule: "evenodd", fillRule: "evenodd", d: "M12 20.25a.75.75 0 01-.75-.75V6.31l-5.47 5.47a.75.75 0 01-1.06-1.06l6.75-6.75a.75.75 0 011.06 0l6.75 6.75a.75.75 0 11-1.06 1.06l-5.47-5.47V19.5a.75.75 0 01-.75.75z" })));
|
|
@@ -24,7 +23,7 @@ export function Cog6ToothIcon(props) {
|
|
|
24
23
|
}
|
|
25
24
|
// const dataSource = generateRandomDataSource(30);
|
|
26
25
|
export var DataGrid = function (_a) {
|
|
27
|
-
var _b = _a.data, data = _b === void 0 ? [] : _b;
|
|
26
|
+
var _b = _a.data, data = _b === void 0 ? [] : _b, onRowClick = _a.onRowClick;
|
|
28
27
|
var pageSize = 10;
|
|
29
28
|
var columns = data[0].columns;
|
|
30
29
|
var dataSource = data[0].dataSource;
|
|
@@ -123,7 +122,7 @@ export var DataGrid = function (_a) {
|
|
|
123
122
|
React.createElement(TableBody, null, newDataSource &&
|
|
124
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) {
|
|
125
124
|
var _a;
|
|
126
|
-
return (React.createElement(
|
|
125
|
+
return (React.createElement(TableCellBodyStyled, { className: !!onRowClick ? 'is-interactive' : '', onClick: function (e) { !!onRowClick && onRowClick(e); }, component: "th", scope: "row", key: columnKey, sx: { textAlign: ((_a = columns.find(function (c) { return c.field === columnKey; })) === null || _a === void 0 ? void 0 : _a.textAlign) || "center" } }, item[columnKey]));
|
|
127
126
|
}))); }))),
|
|
128
127
|
React.createElement(Stack, { spacing: 2, sx: {
|
|
129
128
|
display: 'flex',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DataGrid/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DataGrid/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,8 @@ declare const DataGridHeaderStyled: StyledComponent<BoxProps>;
|
|
|
4
4
|
declare const TotalRecordsStyled: StyledComponent<TypographyProps>;
|
|
5
5
|
declare const HeaderCogStyled: StyledComponent<ButtonProps>;
|
|
6
6
|
declare const TableCellStyled: StyledComponent<TableCellProps>;
|
|
7
|
+
declare const TableCellBodyStyled: StyledComponent<TableCellProps>;
|
|
7
8
|
declare const TableRowStyled: StyledComponent<TableRowProps>;
|
|
8
9
|
declare const ButtonStyled: StyledComponent<ButtonProps>;
|
|
9
10
|
declare const DropDownStyled: StyledComponent<BoxProps>;
|
|
10
|
-
export { DataGridHeaderStyled, TotalRecordsStyled, HeaderCogStyled, TableCellStyled, TableRowStyled, ButtonStyled, DropDownStyled, };
|
|
11
|
+
export { DataGridHeaderStyled, TotalRecordsStyled, HeaderCogStyled, TableCellStyled, TableRowStyled, ButtonStyled, DropDownStyled, TableCellBodyStyled };
|
|
@@ -37,6 +37,18 @@ var TableCellStyled = styled(TableCell)(function () {
|
|
|
37
37
|
},
|
|
38
38
|
_a);
|
|
39
39
|
});
|
|
40
|
+
var TableCellBodyStyled = styled(TableCell)(function () {
|
|
41
|
+
var _a, _b;
|
|
42
|
+
return (_a = {},
|
|
43
|
+
_a["&.is-interactive"] = (_b = {
|
|
44
|
+
cursor: 'pointer'
|
|
45
|
+
},
|
|
46
|
+
_b["&:hover"] = {
|
|
47
|
+
opacity: .75
|
|
48
|
+
},
|
|
49
|
+
_b),
|
|
50
|
+
_a);
|
|
51
|
+
});
|
|
40
52
|
var TableRowStyled = styled(TableRow)(function (_a) {
|
|
41
53
|
var theme = _a.theme;
|
|
42
54
|
return ({
|
|
@@ -70,5 +82,5 @@ var DropDownStyled = styled(Box)({
|
|
|
70
82
|
flexDirection: 'column',
|
|
71
83
|
justifyContent: 'flex-start',
|
|
72
84
|
});
|
|
73
|
-
export { DataGridHeaderStyled, TotalRecordsStyled, HeaderCogStyled, TableCellStyled, TableRowStyled, ButtonStyled, DropDownStyled, };
|
|
85
|
+
export { DataGridHeaderStyled, TotalRecordsStyled, HeaderCogStyled, TableCellStyled, TableRowStyled, ButtonStyled, DropDownStyled, TableCellBodyStyled };
|
|
74
86
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +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,CAAC;IAC9E,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,MAAM;IACrB,WAAW,EAAE,MAAM;IACnB,IAAI,EAAE,gDAAgD;CACvD,CAAC,CAAC;AAEH,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,CAAC;;IAAM,OAAA;QAC/E,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;AAZ+E,CAY/E,CAAC,CAAC;AAEJ,IAAM,cAAc,GAAmC,MAAM,CAAC,QAAQ,CAAC,CAAC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC;QACtF,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;AARqF,CAQrF,CAAC,CAAC;AAEJ,IAAM,YAAY,GAAiC,MAAM,CAAC,MAAM,CAAC,CAAC;IAChE,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,SAAS,EAAE,MAAM;CAClB,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,
|
|
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,CAAC;IAC9E,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,MAAM;IACrB,WAAW,EAAE,MAAM;IACnB,IAAI,EAAE,gDAAgD;CACvD,CAAC,CAAC;AAEH,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,CAAC;;IAAM,OAAA;QAC/E,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;AAZ+E,CAY/E,CAAC,CAAC;AAEJ,IAAM,mBAAmB,GAAoC,MAAM,CAAC,SAAS,CAAC,CAAC;;IAAM,OAAA;QACnF,GAAC,kBAAkB;gBACjB,MAAM,EAAE,SAAS;;YACjB,GAAC,SAAS,IAAG;gBACX,OAAO,EAAE,GAAG;aACb;eACF;WACD;AAPmF,CAOnF,CAAC,CAAC;AAEJ,IAAM,cAAc,GAAmC,MAAM,CAAC,QAAQ,CAAC,CAAC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC;QACtF,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;AARqF,CAQrF,CAAC,CAAC;AAEJ,IAAM,YAAY,GAAiC,MAAM,CAAC,MAAM,CAAC,CAAC;IAChE,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,SAAS,EAAE,MAAM;CAClB,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,EACd,mBAAmB,EACpB,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { MuiDataGridBaseProps } from '@/types';
|
|
2
3
|
import { SxProps, Theme } from '@mui/material';
|
|
3
4
|
import { OverridableStringUnion } from '@mui/types';
|
|
@@ -13,6 +14,7 @@ export interface DataGridBaseProps extends MuiDataGridBaseProps {
|
|
|
13
14
|
columns: any;
|
|
14
15
|
}[];
|
|
15
16
|
sx?: SxProps<Theme>;
|
|
17
|
+
onRowClick?: React.MouseEventHandler;
|
|
16
18
|
variant?: OverridableStringUnion<'standard' | 'standard-divider' | 'standard-selectable' | 'quiet' | 'quiet-divider' | 'quiet-selectable', DataGridPropsVariantOverrides>;
|
|
17
19
|
width?: string;
|
|
18
20
|
height?: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "norma-library",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.62",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.",
|
|
6
6
|
"scripts": {
|
package/src/components/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,9 @@ export const Card = ({
|
|
|
30
30
|
color = 'inherit',
|
|
31
31
|
...props
|
|
32
32
|
}: CardBaseProps & { border?: boolean; color?: ColorVariant }) => {
|
|
33
|
-
const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
|
|
34
|
-
|
|
35
|
-
const theme = useMemo(() => (prefersDarkMode ? themes.light : themes.dark), [prefersDarkMode]);
|
|
36
|
-
|
|
37
33
|
return (
|
|
38
|
-
<
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
</CardStyled>
|
|
42
|
-
</ThemeProvider>
|
|
34
|
+
<CardStyled borderColor={border ? color : undefined} {...props}>
|
|
35
|
+
{children}
|
|
36
|
+
</CardStyled>
|
|
43
37
|
);
|
|
44
38
|
};
|
|
@@ -4,7 +4,6 @@ import { Box, Stack, Paper } from '@mui/material';
|
|
|
4
4
|
|
|
5
5
|
import Table from '@mui/material/Table';
|
|
6
6
|
import TableBody from '@mui/material/TableBody';
|
|
7
|
-
import TableCell from '@mui/material/TableCell';
|
|
8
7
|
import TableContainer from '@mui/material/TableContainer';
|
|
9
8
|
import TableHead from '@mui/material/TableHead';
|
|
10
9
|
import TableRow from '@mui/material/TableRow';
|
|
@@ -26,6 +25,7 @@ import {
|
|
|
26
25
|
TableCellStyled,
|
|
27
26
|
TableRowStyled,
|
|
28
27
|
TotalRecordsStyled,
|
|
28
|
+
TableCellBodyStyled
|
|
29
29
|
} from './styled';
|
|
30
30
|
|
|
31
31
|
export function ArrowSmallUpIcon(props: any) {
|
|
@@ -63,7 +63,7 @@ export function Cog6ToothIcon(props: any) {
|
|
|
63
63
|
|
|
64
64
|
// const dataSource = generateRandomDataSource(30);
|
|
65
65
|
|
|
66
|
-
export const DataGrid: React.FC<DataGridBaseProps> = ({ data = [] }) => {
|
|
66
|
+
export const DataGrid: React.FC<DataGridBaseProps> = ({ data = [], onRowClick }) => {
|
|
67
67
|
const pageSize = 10;
|
|
68
68
|
const columns = data[0].columns;
|
|
69
69
|
const dataSource = data[0].dataSource;
|
|
@@ -216,9 +216,9 @@ export const DataGrid: React.FC<DataGridBaseProps> = ({ data = [] }) => {
|
|
|
216
216
|
newDataSource.map((item: DataSourceItem, key: number) => (
|
|
217
217
|
<TableRowStyled key={key} sx={{ '&:last-child td, &:last-child th': { border: 0 } }}>
|
|
218
218
|
{Object.keys(item).map(columnKey => (
|
|
219
|
-
<
|
|
219
|
+
<TableCellBodyStyled className={!!onRowClick ? 'is-interactive' : ''} onClick={(e) => { !!onRowClick && onRowClick(e) }} component="th" scope="row" key={columnKey} sx={{ textAlign: columns.find((c:any) => c.field === columnKey)?.textAlign || "center"}}>
|
|
220
220
|
{item[columnKey]}
|
|
221
|
-
</
|
|
221
|
+
</TableCellBodyStyled>
|
|
222
222
|
))}
|
|
223
223
|
</TableRowStyled>
|
|
224
224
|
))}
|
|
@@ -53,6 +53,15 @@ const TableCellStyled: StyledComponent<TableCellProps> = styled(TableCell)(() =>
|
|
|
53
53
|
},
|
|
54
54
|
}));
|
|
55
55
|
|
|
56
|
+
const TableCellBodyStyled: StyledComponent<TableCellProps> = styled(TableCell)(() => ({
|
|
57
|
+
[`&.is-interactive`]: {
|
|
58
|
+
cursor: 'pointer',
|
|
59
|
+
[`&:hover`]: {
|
|
60
|
+
opacity: .75
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}));
|
|
64
|
+
|
|
56
65
|
const TableRowStyled: StyledComponent<TableRowProps> = styled(TableRow)(({ theme }) => ({
|
|
57
66
|
'&:nth-of-type(odd)': {
|
|
58
67
|
backgroundColor: theme.palette.action.hover,
|
|
@@ -94,4 +103,5 @@ export {
|
|
|
94
103
|
TableRowStyled,
|
|
95
104
|
ButtonStyled,
|
|
96
105
|
DropDownStyled,
|
|
106
|
+
TableCellBodyStyled
|
|
97
107
|
};
|
|
@@ -12,6 +12,7 @@ export interface SortingProps {
|
|
|
12
12
|
export interface DataGridBaseProps extends MuiDataGridBaseProps {
|
|
13
13
|
data: { dataSource: any; columns: any }[];
|
|
14
14
|
sx?: SxProps<Theme>;
|
|
15
|
+
onRowClick?: React.MouseEventHandler;
|
|
15
16
|
variant?: OverridableStringUnion<
|
|
16
17
|
'standard' | 'standard-divider' | 'standard-selectable' | 'quiet' | 'quiet-divider' | 'quiet-selectable',
|
|
17
18
|
DataGridPropsVariantOverrides
|