@terraware/web-components 2.0.9 → 2.0.10
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/components/table/TableCellRenderer.d.ts.map +1 -1
- package/components/table/TableCellRenderer.js +10 -5
- package/components/table/TableHeader.d.ts.map +1 -1
- package/components/table/TableHeader.js +24 -12
- package/components/table/index.d.ts +2 -1
- package/components/table/index.d.ts.map +1 -1
- package/components/table/index.js +9 -5
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCellRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableCellRenderer.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"TableCellRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableCellRenderer.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAmBxC,oBAAY,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,GAAG,GAAG,CAAC,OAAO,CAepF;AAED,eAAO,MAAM,iBAAiB,kCAAqB,MAAM,GAAG,SAI3D,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,KAAK,EACL,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,GAAG,CAAC,OAAO,CAUd;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,KAAK,EACL,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,EAAE,GAAG,SAAS,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,GAAG,CAAC,OAAO,CAUd;AAED,wBAAgB,mBAAmB,CAAC,EAClC,EAAE,EACF,KAAK,EACL,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,EAAE,GAAG,SAAS,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,GAAG,CAAC,OAAO,CAUd;AAED,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,KAAK,EACL,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,GAAG,CAAC,OAAO,CAUd;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,UAAU,EACV,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,GAAG,CAAC,OAAO,CAwBd"}
|
|
@@ -33,6 +33,9 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
|
33
33
|
},
|
|
34
34
|
date: {
|
|
35
35
|
whiteSpace: 'nowrap'
|
|
36
|
+
},
|
|
37
|
+
default: {
|
|
38
|
+
borderBottom: "1px solid ".concat(theme.palette.TwClrBrdrSecondary, " !important")
|
|
36
39
|
}
|
|
37
40
|
};
|
|
38
41
|
});
|
|
@@ -94,7 +97,7 @@ function CellDateRenderer(_ref) {
|
|
|
94
97
|
return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
|
|
95
98
|
id: id,
|
|
96
99
|
align: "left",
|
|
97
|
-
className: classes.date
|
|
100
|
+
className: "".concat(classes.date, " ").concat(classes.default, " ").concat(className)
|
|
98
101
|
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
|
99
102
|
component: "p",
|
|
100
103
|
variant: "body1"
|
|
@@ -110,7 +113,7 @@ function CellTextRenderer(_ref2) {
|
|
|
110
113
|
id: id,
|
|
111
114
|
align: "left",
|
|
112
115
|
title: typeof value === 'string' ? value : '',
|
|
113
|
-
className: className
|
|
116
|
+
className: "".concat(classes.default, " ").concat(className)
|
|
114
117
|
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
|
115
118
|
component: "p",
|
|
116
119
|
variant: "body1",
|
|
@@ -125,10 +128,11 @@ function CellBooleanRenderer(_ref3) {
|
|
|
125
128
|
var id = _ref3.id,
|
|
126
129
|
value = _ref3.value,
|
|
127
130
|
className = _ref3.className;
|
|
131
|
+
var classes = useStyles();
|
|
128
132
|
return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
|
|
129
133
|
id: id,
|
|
130
134
|
align: "left",
|
|
131
|
-
className: className
|
|
135
|
+
className: "".concat(classes.default, " ").concat(className)
|
|
132
136
|
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
|
133
137
|
component: "p",
|
|
134
138
|
variant: "body1"
|
|
@@ -139,10 +143,11 @@ function CellNotesRenderer(_ref4) {
|
|
|
139
143
|
var id = _ref4.id,
|
|
140
144
|
value = _ref4.value,
|
|
141
145
|
className = _ref4.className;
|
|
146
|
+
var classes = useStyles();
|
|
142
147
|
return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
|
|
143
148
|
id: id,
|
|
144
149
|
align: "left",
|
|
145
|
-
className: className
|
|
150
|
+
className: "".concat(classes.default, " ").concat(className)
|
|
146
151
|
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
|
147
152
|
id: id,
|
|
148
153
|
component: "p",
|
|
@@ -158,7 +163,7 @@ function CellEditRenderer(_ref5) {
|
|
|
158
163
|
return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
|
|
159
164
|
id: id,
|
|
160
165
|
align: "left",
|
|
161
|
-
className: className
|
|
166
|
+
className: "".concat(classes.default, " ").concat(className)
|
|
162
167
|
}, /*#__PURE__*/_react.default.createElement(_material.Link, {
|
|
163
168
|
id: "".concat(id, "-button"),
|
|
164
169
|
href: "#",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAY1C,UAAU,KAAK;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5E,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACzE;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAuCnE"}
|
|
@@ -17,19 +17,18 @@ var _sortable = require("@dnd-kit/sortable");
|
|
|
17
17
|
|
|
18
18
|
var _TableHeaderItem = _interopRequireDefault(require("./TableHeaderItem"));
|
|
19
19
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
});
|
|
30
|
-
}
|
|
20
|
+
var _styles = require("@mui/styles");
|
|
21
|
+
|
|
22
|
+
var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
23
|
+
return {
|
|
24
|
+
headerCell: {
|
|
25
|
+
borderBottom: "2px solid ".concat(theme.palette.TwClrBrdrSecondary, " !important")
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
});
|
|
31
29
|
|
|
32
30
|
function EnhancedTableHead(props) {
|
|
31
|
+
var classes = useStyles();
|
|
33
32
|
var order = props.order,
|
|
34
33
|
orderBy = props.orderBy,
|
|
35
34
|
onRequestSort = props.onRequestSort,
|
|
@@ -46,10 +45,23 @@ function EnhancedTableHead(props) {
|
|
|
46
45
|
setHeadCells(columnsToHeadCells(props.columns));
|
|
47
46
|
}, [props.columns]);
|
|
48
47
|
|
|
48
|
+
function columnsToHeadCells(columns) {
|
|
49
|
+
return columns.map(function (c) {
|
|
50
|
+
return {
|
|
51
|
+
id: c.key,
|
|
52
|
+
disablePadding: false,
|
|
53
|
+
label: typeof c.name === 'string' ? c.name.toUpperCase() : c.name,
|
|
54
|
+
className: "".concat(classes.headerCell, " ").concat(c.className),
|
|
55
|
+
tooltipTitle: c.tooltipTitle
|
|
56
|
+
};
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
|
|
49
60
|
return /*#__PURE__*/_react.default.createElement(_material.TableHead, null, /*#__PURE__*/_react.default.createElement(_material.TableRow, {
|
|
50
61
|
id: "table-header"
|
|
51
62
|
}, numSelected !== undefined && rowCount !== undefined && rowCount > 0 && onSelectAllClick && /*#__PURE__*/_react.default.createElement(_material.TableCell, {
|
|
52
|
-
padding: "checkbox"
|
|
63
|
+
padding: "checkbox",
|
|
64
|
+
className: classes.headerCell
|
|
53
65
|
}, /*#__PURE__*/_react.default.createElement(_material.Checkbox, {
|
|
54
66
|
color: "primary",
|
|
55
67
|
indeterminate: numSelected > 0 && numSelected < rowCount,
|
|
@@ -33,6 +33,7 @@ export interface Props<T> {
|
|
|
33
33
|
controlledOnSelect?: boolean;
|
|
34
34
|
reloadData?: () => void;
|
|
35
35
|
stickyHeader?: boolean;
|
|
36
|
+
hideHeader?: boolean;
|
|
36
37
|
}
|
|
37
38
|
export declare type TopBarButton = {
|
|
38
39
|
buttonText?: string;
|
|
@@ -40,6 +41,6 @@ export declare type TopBarButton = {
|
|
|
40
41
|
onButtonClick: () => void;
|
|
41
42
|
icon?: IconName;
|
|
42
43
|
};
|
|
43
|
-
export default function EnhancedTable<T>({ id, columns, rows, order: _order, orderBy: _orderBy, Renderer, onSelect, DetailsRenderer, sortComparator, sortHandler, isInactive, onReorderEnd, isClickable, emptyTableMessage, showCheckbox, showTopBar, topBarButtons, selectedRows, setSelectedRows, showPagination, controlledOnSelect, reloadData, stickyHeader, }: Props<T>): JSX.Element;
|
|
44
|
+
export default function EnhancedTable<T>({ id, columns, rows, order: _order, orderBy: _orderBy, Renderer, onSelect, DetailsRenderer, sortComparator, sortHandler, isInactive, onReorderEnd, isClickable, emptyTableMessage, showCheckbox, showTopBar, topBarButtons, selectedRows, setSelectedRows, showPagination, controlledOnSelect, reloadData, stickyHeader, hideHeader, }: Props<T>): JSX.Element;
|
|
44
45
|
export declare function tableSort<T>(ignore: boolean, array: T[], comparator: (a: T, b: T) => number): T[];
|
|
45
46
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2F,YAAY,EAAc,MAAM,eAAe,CAAC;AAClJ,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAuC,SAAS,EAAc,MAAM,QAAQ,CAAC;AAGpF,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAK/E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -52,6 +52,9 @@ var tableStyles = (0, _styles.makeStyles)(function (theme) {
|
|
|
52
52
|
'&.MuiTableRow-root.Mui-selected': {
|
|
53
53
|
backgroundColor: 'initial'
|
|
54
54
|
}
|
|
55
|
+
},
|
|
56
|
+
cellDefault: {
|
|
57
|
+
borderBottom: "1px solid ".concat(theme.palette.TwClrBrdrSecondary, " !important")
|
|
55
58
|
}
|
|
56
59
|
};
|
|
57
60
|
});
|
|
@@ -84,7 +87,8 @@ function EnhancedTable(_ref) {
|
|
|
84
87
|
controlledOnSelect = _ref.controlledOnSelect,
|
|
85
88
|
reloadData = _ref.reloadData,
|
|
86
89
|
_ref$stickyHeader = _ref.stickyHeader,
|
|
87
|
-
stickyHeader = _ref$stickyHeader === void 0 ? true : _ref$stickyHeader
|
|
90
|
+
stickyHeader = _ref$stickyHeader === void 0 ? true : _ref$stickyHeader,
|
|
91
|
+
hideHeader = _ref.hideHeader;
|
|
88
92
|
|
|
89
93
|
var classes = tableStyles();
|
|
90
94
|
|
|
@@ -236,7 +240,7 @@ function EnhancedTable(_ref) {
|
|
|
236
240
|
size: "medium",
|
|
237
241
|
"aria-label": "enhanced table",
|
|
238
242
|
className: classes.table
|
|
239
|
-
}, /*#__PURE__*/_react.default.createElement(_TableHeader.default, {
|
|
243
|
+
}, !hideHeader && /*#__PURE__*/_react.default.createElement(_TableHeader.default, {
|
|
240
244
|
order: order,
|
|
241
245
|
orderBy: orderBy,
|
|
242
246
|
onRequestSort: handleRequestSort,
|
|
@@ -277,7 +281,8 @@ function EnhancedTable(_ref) {
|
|
|
277
281
|
selected: isItemSelected,
|
|
278
282
|
"aria-checked": isItemSelected
|
|
279
283
|
}, showCheckbox && /*#__PURE__*/_react.default.createElement(_material.TableCell, {
|
|
280
|
-
padding: "checkbox"
|
|
284
|
+
padding: "checkbox",
|
|
285
|
+
className: classes.cellDefault
|
|
281
286
|
}, /*#__PURE__*/_react.default.createElement(_material.Checkbox, {
|
|
282
287
|
color: "primary",
|
|
283
288
|
checked: isItemSelected,
|
|
@@ -304,8 +309,7 @@ function EnhancedTable(_ref) {
|
|
|
304
309
|
display: "flex",
|
|
305
310
|
alignItems: "center",
|
|
306
311
|
justifyContent: "flex-end",
|
|
307
|
-
paddingTop: "24px"
|
|
308
|
-
paddingBottom: "24px"
|
|
312
|
+
paddingTop: "24px"
|
|
309
313
|
}, rows.length ? itemsToSkip + maxItemsPerPage < rows.length ? /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
|
310
314
|
paddingRight: "24px",
|
|
311
315
|
fontSize: "14px"
|