@oc-digital/react-component-library 7.2.2 → 7.2.3-beta.0
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/build/index.js +63000 -1
- package/build/index.js.map +1 -1
- package/build/style.css +1 -0
- package/package.json +22 -19
- package/build/Alert/Alert.d.ts +0 -4
- package/build/Alert/Alert.js +0 -48
- package/build/Alert/Alert.js.map +0 -1
- package/build/Alert/Alert.types.d.ts +0 -13
- package/build/Alert/Alert.types.js +0 -2
- package/build/Alert/Alert.types.js.map +0 -1
- package/build/AlphabeticalList/AlphabeticalList.d.ts +0 -4
- package/build/AlphabeticalList/AlphabeticalList.js +0 -91
- package/build/AlphabeticalList/AlphabeticalList.js.map +0 -1
- package/build/AlphabeticalList/AlphabeticalList.types.d.ts +0 -22
- package/build/AlphabeticalList/AlphabeticalList.types.js +0 -2
- package/build/AlphabeticalList/AlphabeticalList.types.js.map +0 -1
- package/build/AutoSave/Select/AutoSave.types.d.ts +0 -11
- package/build/AutoSave/Select/AutoSave.types.js +0 -2
- package/build/AutoSave/Select/AutoSave.types.js.map +0 -1
- package/build/AutoSave/Select/index.d.ts +0 -3
- package/build/AutoSave/Select/index.js +0 -31
- package/build/AutoSave/Select/index.js.map +0 -1
- package/build/AutoSave/Text/AutoSave.types.d.ts +0 -16
- package/build/AutoSave/Text/AutoSave.types.js +0 -2
- package/build/AutoSave/Text/AutoSave.types.js.map +0 -1
- package/build/AutoSave/Text/index.d.ts +0 -3
- package/build/AutoSave/Text/index.js +0 -140
- package/build/AutoSave/Text/index.js.map +0 -1
- package/build/Breadcrumbs/Breadcrumbs.d.ts +0 -4
- package/build/Breadcrumbs/Breadcrumbs.js +0 -126
- package/build/Breadcrumbs/Breadcrumbs.js.map +0 -1
- package/build/Breadcrumbs/Breadcrumbs.types.d.ts +0 -23
- package/build/Breadcrumbs/Breadcrumbs.types.js +0 -2
- package/build/Breadcrumbs/Breadcrumbs.types.js.map +0 -1
- package/build/Button/Button.d.ts +0 -4
- package/build/Button/Button.js +0 -54
- package/build/Button/Button.js.map +0 -1
- package/build/Button/Button.types.d.ts +0 -10
- package/build/Button/Button.types.js +0 -2
- package/build/Button/Button.types.js.map +0 -1
- package/build/ButtonWithConfirm/ButtonWithConfirm.d.ts +0 -4
- package/build/ButtonWithConfirm/ButtonWithConfirm.js +0 -63
- package/build/ButtonWithConfirm/ButtonWithConfirm.js.map +0 -1
- package/build/ButtonWithConfirm/ButtonWithConfirm.types.d.ts +0 -9
- package/build/ButtonWithConfirm/ButtonWithConfirm.types.js +0 -2
- package/build/ButtonWithConfirm/ButtonWithConfirm.types.js.map +0 -1
- package/build/ContentBox/ContentBox.d.ts +0 -4
- package/build/ContentBox/ContentBox.js +0 -21
- package/build/ContentBox/ContentBox.js.map +0 -1
- package/build/ContentBox/ContentBox.types.d.ts +0 -7
- package/build/ContentBox/ContentBox.types.js +0 -2
- package/build/ContentBox/ContentBox.types.js.map +0 -1
- package/build/ContentLabel/ContentLabel.d.ts +0 -4
- package/build/ContentLabel/ContentLabel.js +0 -10
- package/build/ContentLabel/ContentLabel.js.map +0 -1
- package/build/ContentLabel/ContentLabel.types.d.ts +0 -5
- package/build/ContentLabel/ContentLabel.types.js +0 -2
- package/build/ContentLabel/ContentLabel.types.js.map +0 -1
- package/build/DatePicker/DatePicker.d.ts +0 -4
- package/build/DatePicker/DatePicker.js +0 -38
- package/build/DatePicker/DatePicker.js.map +0 -1
- package/build/DatePicker/DatePicker.types.d.ts +0 -5
- package/build/DatePicker/DatePicker.types.js +0 -2
- package/build/DatePicker/DatePicker.types.js.map +0 -1
- package/build/EditableTable/EditableTable.d.ts +0 -4
- package/build/EditableTable/EditableTable.js +0 -398
- package/build/EditableTable/EditableTable.js.map +0 -1
- package/build/EditableTable/EditableTable.types.d.ts +0 -106
- package/build/EditableTable/EditableTable.types.js +0 -2
- package/build/EditableTable/EditableTable.types.js.map +0 -1
- package/build/EditableTable/components/TableCheckbox.d.ts +0 -8
- package/build/EditableTable/components/TableCheckbox.js +0 -8
- package/build/EditableTable/components/TableCheckbox.js.map +0 -1
- package/build/EditableTable/components/TableDateInput.d.ts +0 -9
- package/build/EditableTable/components/TableDateInput.js +0 -20
- package/build/EditableTable/components/TableDateInput.js.map +0 -1
- package/build/EditableTable/components/TableTextInput.d.ts +0 -20
- package/build/EditableTable/components/TableTextInput.js +0 -89
- package/build/EditableTable/components/TableTextInput.js.map +0 -1
- package/build/EditableTable/components/styled/Checkbox.d.ts +0 -5
- package/build/EditableTable/components/styled/CheckboxLabel.d.ts +0 -5
- package/build/EditableTable/components/styled/Input.d.ts +0 -21
- package/build/EditableTable/components/styled/InputAdornmentWrapper.d.ts +0 -5
- package/build/EditableTable/components/styled/InputWrapper.d.ts +0 -5
- package/build/EditableTable/components/styled/SmallError.d.ts +0 -5
- package/build/EditableTable/components/utils/getTextWidth.d.ts +0 -13
- package/build/EditableTable/components/utils/getTextWidth.js +0 -58
- package/build/EditableTable/components/utils/getTextWidth.js.map +0 -1
- package/build/EditableTable/defaultCells.d.ts +0 -30
- package/build/EditableTable/defaultCells.js +0 -118
- package/build/EditableTable/defaultCells.js.map +0 -1
- package/build/EntityList/EntityList.d.ts +0 -4
- package/build/EntityList/EntityList.js +0 -53
- package/build/EntityList/EntityList.js.map +0 -1
- package/build/EntityList/EntityList.types.d.ts +0 -14
- package/build/EntityList/EntityList.types.js +0 -2
- package/build/EntityList/EntityList.types.js.map +0 -1
- package/build/ErrorIndicator/ErrorIndicator.d.ts +0 -4
- package/build/ErrorIndicator/ErrorIndicator.js +0 -22
- package/build/ErrorIndicator/ErrorIndicator.js.map +0 -1
- package/build/ErrorIndicator/ErrorIndicator.types.d.ts +0 -4
- package/build/ErrorIndicator/ErrorIndicator.types.js +0 -2
- package/build/ErrorIndicator/ErrorIndicator.types.js.map +0 -1
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.d.ts +0 -4
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.js +0 -293
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.js.map +0 -1
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.types.d.ts +0 -8
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.types.js +0 -2
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.types.js.map +0 -1
- package/build/KeyboardDatePicker/KeyboardDatePicker.d.ts +0 -4
- package/build/KeyboardDatePicker/KeyboardDatePicker.js +0 -38
- package/build/KeyboardDatePicker/KeyboardDatePicker.js.map +0 -1
- package/build/KeyboardDatePicker/KeyboardDatePicker.types.d.ts +0 -5
- package/build/KeyboardDatePicker/KeyboardDatePicker.types.js +0 -2
- package/build/KeyboardDatePicker/KeyboardDatePicker.types.js.map +0 -1
- package/build/LeftNavigation/LeftNavigation.d.ts +0 -4
- package/build/LeftNavigation/LeftNavigation.js +0 -47
- package/build/LeftNavigation/LeftNavigation.js.map +0 -1
- package/build/LeftNavigation/LeftNavigation.types.d.ts +0 -96
- package/build/LeftNavigation/LeftNavigation.types.js +0 -2
- package/build/LeftNavigation/LeftNavigation.types.js.map +0 -1
- package/build/LeftNavigation/NavListItem.d.ts +0 -4
- package/build/LeftNavigation/NavListItem.js +0 -122
- package/build/LeftNavigation/NavListItem.js.map +0 -1
- package/build/LeftNavigation/PrimaryLeftNavigation.d.ts +0 -4
- package/build/LeftNavigation/PrimaryLeftNavigation.js +0 -108
- package/build/LeftNavigation/PrimaryLeftNavigation.js.map +0 -1
- package/build/LeftNavigation/SecondaryLeftNavigation.d.ts +0 -4
- package/build/LeftNavigation/SecondaryLeftNavigation.js +0 -88
- package/build/LeftNavigation/SecondaryLeftNavigation.js.map +0 -1
- package/build/LoadingSpinner/LoadingSpinner.d.ts +0 -4
- package/build/LoadingSpinner/LoadingSpinner.js +0 -21
- package/build/LoadingSpinner/LoadingSpinner.js.map +0 -1
- package/build/LoadingSpinner/LoadingSpinner.types.d.ts +0 -5
- package/build/LoadingSpinner/LoadingSpinner.types.js +0 -2
- package/build/LoadingSpinner/LoadingSpinner.types.js.map +0 -1
- package/build/MainLayout/MainLayout.d.ts +0 -4
- package/build/MainLayout/MainLayout.js +0 -46
- package/build/MainLayout/MainLayout.js.map +0 -1
- package/build/MainLayout/MainLayout.types.d.ts +0 -10
- package/build/MainLayout/MainLayout.types.js +0 -2
- package/build/MainLayout/MainLayout.types.js.map +0 -1
- package/build/MobileDatePicker/MobileDatePicker.d.ts +0 -4
- package/build/MobileDatePicker/MobileDatePicker.js +0 -38
- package/build/MobileDatePicker/MobileDatePicker.js.map +0 -1
- package/build/MobileDatePicker/MobileDatePicker.types.d.ts +0 -5
- package/build/MobileDatePicker/MobileDatePicker.types.js +0 -2
- package/build/MobileDatePicker/MobileDatePicker.types.js.map +0 -1
- package/build/NavbarLayout/Navbar.d.ts +0 -12
- package/build/NavbarLayout/Navbar.js +0 -101
- package/build/NavbarLayout/Navbar.js.map +0 -1
- package/build/NavbarLayout/NavbarLayout.d.ts +0 -16
- package/build/NavbarLayout/NavbarLayout.js +0 -52
- package/build/NavbarLayout/NavbarLayout.js.map +0 -1
- package/build/NavbarLayout/index.d.ts +0 -2
- package/build/NavbarLayout/index.js +0 -2
- package/build/NavbarLayout/index.js.map +0 -1
- package/build/SearchBar/SearchBar.d.ts +0 -4
- package/build/SearchBar/SearchBar.js +0 -75
- package/build/SearchBar/SearchBar.js.map +0 -1
- package/build/SearchBar/SearchBar.types.d.ts +0 -33
- package/build/SearchBar/SearchBar.types.js +0 -2
- package/build/SearchBar/SearchBar.types.js.map +0 -1
- package/build/Select/Select.d.ts +0 -4
- package/build/Select/Select.js +0 -140
- package/build/Select/Select.js.map +0 -1
- package/build/Select/Select.types.d.ts +0 -16
- package/build/Select/Select.types.js +0 -2
- package/build/Select/Select.types.js.map +0 -1
- package/build/StaticTable/StaticTable.d.ts +0 -4
- package/build/StaticTable/StaticTable.js +0 -147
- package/build/StaticTable/StaticTable.js.map +0 -1
- package/build/StaticTable/StaticTable.types.d.ts +0 -21
- package/build/StaticTable/StaticTable.types.js +0 -2
- package/build/StaticTable/StaticTable.types.js.map +0 -1
- package/build/SvgComponents/ContainedPartnersLogo.d.ts +0 -4
- package/build/SvgComponents/ContainedPartnersLogo.js +0 -8
- package/build/SvgComponents/ContainedPartnersLogo.js.map +0 -1
- package/build/SvgComponents/HomeSvg.d.ts +0 -4
- package/build/SvgComponents/HomeSvg.js +0 -8
- package/build/SvgComponents/HomeSvg.js.map +0 -1
- package/build/SvgComponents/NovelLogoSvg.d.ts +0 -4
- package/build/SvgComponents/NovelLogoSvg.js +0 -8
- package/build/SvgComponents/NovelLogoSvg.js.map +0 -1
- package/build/SvgComponents/OrganisationList.d.ts +0 -4
- package/build/SvgComponents/OrganisationList.js +0 -8
- package/build/SvgComponents/OrganisationList.js.map +0 -1
- package/build/SvgComponents/ProjectsSvg.d.ts +0 -4
- package/build/SvgComponents/ProjectsSvg.js +0 -8
- package/build/SvgComponents/ProjectsSvg.js.map +0 -1
- package/build/SvgComponents/index.d.ts +0 -5
- package/build/SvgComponents/index.js +0 -6
- package/build/SvgComponents/index.js.map +0 -1
- package/build/SvgComponents/types.d.ts +0 -6
- package/build/SvgComponents/types.js +0 -2
- package/build/SvgComponents/types.js.map +0 -1
- package/build/TextField/TextField.d.ts +0 -15
- package/build/TextField/TextField.js +0 -67
- package/build/TextField/TextField.js.map +0 -1
- package/build/TextField/TextField.types.d.ts +0 -7
- package/build/TextField/TextField.types.js +0 -2
- package/build/TextField/TextField.types.js.map +0 -1
- package/build/Tooltip/OptionalTooltip.d.ts +0 -8
- package/build/Tooltip/OptionalTooltip.js +0 -11
- package/build/Tooltip/OptionalTooltip.js.map +0 -1
- package/build/Tooltip/index.d.ts +0 -1
- package/build/Tooltip/index.js +0 -2
- package/build/Tooltip/index.js.map +0 -1
- package/build/assets/index-DCUzKTQq.css +0 -78
- package/build/globals/index.d.ts +0 -26
- package/build/globals/index.js +0 -28
- package/build/globals/index.js.map +0 -1
- package/build/hooks/index.d.ts +0 -3
- package/build/hooks/index.js +0 -4
- package/build/hooks/index.js.map +0 -1
- package/build/hooks/useDebounceEffect.d.ts +0 -2
- package/build/hooks/useDebounceEffect.js +0 -12
- package/build/hooks/useDebounceEffect.js.map +0 -1
- package/build/hooks/useInterval.d.ts +0 -2
- package/build/hooks/useInterval.js +0 -19
- package/build/hooks/useInterval.js.map +0 -1
- package/build/hooks/useWhyDidYouUpdate.d.ts +0 -1
- package/build/hooks/useWhyDidYouUpdate.js +0 -43
- package/build/hooks/useWhyDidYouUpdate.js.map +0 -1
- package/build/index.d.ts +0 -37
- package/build/styles/colours.d.ts +0 -3
- package/build/styles/colours.js +0 -4
- package/build/styles/colours.js.map +0 -1
- package/build/styles/font.d.ts +0 -1
- package/build/styles/font.js +0 -19
- package/build/styles/font.js.map +0 -1
- package/build/styles/index.d.ts +0 -3
- package/build/styles/index.js +0 -4
- package/build/styles/index.js.map +0 -1
- package/build/styles/layout.d.ts +0 -1
- package/build/styles/layout.js +0 -85
- package/build/styles/layout.js.map +0 -1
- package/build/styles/spacing.d.ts +0 -1
- package/build/styles/spacing.js +0 -50
- package/build/styles/spacing.js.map +0 -1
- package/build/styles/themes.d.ts +0 -2
- package/build/styles/themes.js +0 -56
- package/build/styles/themes.js.map +0 -1
- package/build/utils/index.d.ts +0 -5
- package/build/utils/index.js +0 -14
- package/build/utils/index.js.map +0 -1
|
@@ -1,147 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
-
var t = {};
|
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
-
t[p] = s[p];
|
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
-
t[p[i]] = s[p[i]];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
23
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
24
|
-
import { memo, useCallback, useEffect, useMemo, useState } from "react";
|
|
25
|
-
import { Table, TableBody, TableCell as MUITableCell, TableHead, TableRow as MUITableRow, } from "@mui/material";
|
|
26
|
-
import createStyles from "@mui/styles/createStyles";
|
|
27
|
-
import makeStyles from "@mui/styles/makeStyles";
|
|
28
|
-
import withStyles from "@mui/styles/withStyles";
|
|
29
|
-
import { useLayoutStyles, useSpacingStyles } from "../styles";
|
|
30
|
-
import LoadingSpinner from "../LoadingSpinner/LoadingSpinner";
|
|
31
|
-
import { Pagination } from "@mui/material";
|
|
32
|
-
var StyledTableRow = withStyles(createStyles({
|
|
33
|
-
root: {
|
|
34
|
-
"&:hover td": {
|
|
35
|
-
backgroundColor: "rgba(0, 0, 0, 0.06)",
|
|
36
|
-
},
|
|
37
|
-
},
|
|
38
|
-
}))(MUITableRow);
|
|
39
|
-
var ShadedTableRow = withStyles(createStyles({
|
|
40
|
-
root: {
|
|
41
|
-
"&:nth-of-type(even) td": {
|
|
42
|
-
backgroundColor: "rgba(0, 0, 0, 0.03)",
|
|
43
|
-
},
|
|
44
|
-
"&:hover td": {
|
|
45
|
-
backgroundColor: "rgba(0, 0, 0, 0.06)",
|
|
46
|
-
},
|
|
47
|
-
},
|
|
48
|
-
}))(MUITableRow);
|
|
49
|
-
var useTableCellStyles = makeStyles(function (theme) { return ({
|
|
50
|
-
root: {
|
|
51
|
-
borderBottom: "none",
|
|
52
|
-
paddingTop: "8px",
|
|
53
|
-
paddingBottom: "8px",
|
|
54
|
-
"&:first-child": {
|
|
55
|
-
borderTopLeftRadius: 15,
|
|
56
|
-
borderBottomLeftRadius: 15,
|
|
57
|
-
},
|
|
58
|
-
"&:last-child": {
|
|
59
|
-
borderTopRightRadius: 15,
|
|
60
|
-
borderBottomRightRadius: 15,
|
|
61
|
-
},
|
|
62
|
-
},
|
|
63
|
-
head: function (_a) {
|
|
64
|
-
var background = _a.background, border = _a.border, text = _a.text;
|
|
65
|
-
return ({
|
|
66
|
-
backgroundColor: background || "HSLA(204, 58.3%, 81.2%, 0.1)",
|
|
67
|
-
borderTop: "1px solid ".concat(border || "HSLA(204, 58.3%, 81.2%, 0.3)"),
|
|
68
|
-
borderBottom: "1px solid ".concat(border || "HSLA(204, 58.3%, 81.2%, 0.3)"),
|
|
69
|
-
color: text || theme.palette.text.primary,
|
|
70
|
-
fontWeight: 500,
|
|
71
|
-
"&:first-child": {
|
|
72
|
-
borderLeft: "1px solid ".concat(border || "HSLA(204, 58.3%, 81.2%, 0.3)"),
|
|
73
|
-
},
|
|
74
|
-
"&:last-child": {
|
|
75
|
-
borderRight: "1px solid ".concat(border || "HSLA(204, 58.3%, 81.2%, 0.3)"),
|
|
76
|
-
},
|
|
77
|
-
});
|
|
78
|
-
},
|
|
79
|
-
}); });
|
|
80
|
-
var TableCell = function (_a) {
|
|
81
|
-
var children = _a.children, _b = _a.align, align = _b === void 0 ? "centerJustify" : _b, headerColours = _a.headerColours, rest = __rest(_a, ["children", "align", "headerColours"]);
|
|
82
|
-
var classes = __assign(__assign({}, useLayoutStyles()), useTableCellStyles(__assign({}, (headerColours || {}))));
|
|
83
|
-
return (_jsx(MUITableCell, __assign({}, rest, { classes: {
|
|
84
|
-
root: classes.root,
|
|
85
|
-
head: classes.head,
|
|
86
|
-
}, children: _jsx("div", { className: "".concat(classes.flexCenter, " ").concat(classes.adornmentGap, " ").concat(classes[align]), children: children }) })));
|
|
87
|
-
};
|
|
88
|
-
var TableRow = function (_a) {
|
|
89
|
-
var _b = _a.rowBorderSeparation, rowBorderSeparation = _b === void 0 ? false : _b, children = _a.children, rest = __rest(_a, ["rowBorderSeparation", "children"]);
|
|
90
|
-
if (rowBorderSeparation) {
|
|
91
|
-
return _jsx(StyledTableRow, __assign({}, rest, { children: children }));
|
|
92
|
-
}
|
|
93
|
-
return _jsx(ShadedTableRow, __assign({}, rest, { children: children }));
|
|
94
|
-
};
|
|
95
|
-
var SingleCellRow = function (_a) {
|
|
96
|
-
var colSpan = _a.colSpan, children = _a.children;
|
|
97
|
-
var classes = useStaticTableStyles();
|
|
98
|
-
return (_jsx(TableRow, { children: _jsx(TableCell, { className: classes.adjustedCellPadding, colSpan: colSpan, children: children }) }));
|
|
99
|
-
};
|
|
100
|
-
var useStaticTableStyles = makeStyles({
|
|
101
|
-
tableStyles: {
|
|
102
|
-
borderCollapse: "separate",
|
|
103
|
-
},
|
|
104
|
-
pointer: {
|
|
105
|
-
cursor: "pointer",
|
|
106
|
-
},
|
|
107
|
-
noShading: {
|
|
108
|
-
backgroundColor: "transparent !important",
|
|
109
|
-
},
|
|
110
|
-
adjustedCellPadding: {
|
|
111
|
-
paddingTop: "11px",
|
|
112
|
-
paddingBottom: "11px",
|
|
113
|
-
},
|
|
114
|
-
row: {
|
|
115
|
-
borderRadius: 15,
|
|
116
|
-
boxShadow: "0px 1px 1px rgba(213, 213, 213, 1)",
|
|
117
|
-
},
|
|
118
|
-
});
|
|
119
|
-
var StaticTableHeaders = memo(function (_a) {
|
|
120
|
-
var headers = _a.headers, _b = _a.headerCellAlignment, headerCellAlignment = _b === void 0 ? [] : _b, headerColours = _a.headerColours;
|
|
121
|
-
if (!headers)
|
|
122
|
-
return null;
|
|
123
|
-
return (_jsx(TableHead, { children: _jsx(MUITableRow, { children: headers.map(function (header, i) { return (_jsx(TableCell, { align: headerCellAlignment[i] || "centerJustify", headerColours: headerColours, children: header }, "header-cell-".concat(i))); }) }) }));
|
|
124
|
-
});
|
|
125
|
-
var StaticTable = memo(function (_a) {
|
|
126
|
-
var _b = _a.rowBorderSeparation, rowBorderSeparation = _b === void 0 ? false : _b, headers = _a.headers, rows = _a.rows, _c = _a.headerCellAlignment, headerCellAlignment = _c === void 0 ? [] : _c, _d = _a.rowCellAlignment, rowCellAlignment = _d === void 0 ? [] : _d, styling = _a.styling, headerColours = _a.headerColours, _e = _a.paginate, paginate = _e === void 0 ? false : _e, _f = _a.itemsPerPage, itemsPerPage = _f === void 0 ? 30 : _f;
|
|
127
|
-
var classes = __assign(__assign(__assign({}, useLayoutStyles()), useSpacingStyles()), useStaticTableStyles());
|
|
128
|
-
var _g = useState(1), page = _g[0], setPage = _g[1];
|
|
129
|
-
var hasRowsAndPaginated = useMemo(function () { return !!(paginate && ((rows === null || rows === void 0 ? void 0 : rows.length) || 0) > itemsPerPage); }, [itemsPerPage, paginate, rows]);
|
|
130
|
-
var _h = useState(hasRowsAndPaginated ? rows.slice(0, itemsPerPage) : rows), visibleRows = _h[0], setVisibleRows = _h[1];
|
|
131
|
-
var handlePageChange = useCallback(function (event, value) {
|
|
132
|
-
setPage(value);
|
|
133
|
-
}, []);
|
|
134
|
-
useEffect(function () {
|
|
135
|
-
setVisibleRows(hasRowsAndPaginated
|
|
136
|
-
? rows.slice(itemsPerPage * (page - 1), itemsPerPage * page)
|
|
137
|
-
: rows);
|
|
138
|
-
}, [hasRowsAndPaginated, itemsPerPage, page, rows]);
|
|
139
|
-
return (_jsxs(_Fragment, { children: [_jsxs(Table, { className: "".concat(classes.tableStyles, " ").concat(hasRowsAndPaginated ? classes.contentBreak : "", " ").concat(styling || ""), children: [_jsx(StaticTableHeaders, { headers: headers, headerCellAlignment: headerCellAlignment, headerColours: headerColours }), _jsx(TableBody, { children: visibleRows ? (visibleRows.length ? (visibleRows.map(function (data, i) {
|
|
140
|
-
var containsOnClick = !!data.onClick;
|
|
141
|
-
return (_jsx(TableRow, { rowBorderSeparation: rowBorderSeparation, className: containsOnClick
|
|
142
|
-
? "".concat(classes.pointer, " ").concat(classes.row)
|
|
143
|
-
: "".concat(classes.row, "}"), onClick: containsOnClick ? data.onClick : undefined, children: data.row.map(function (cell, n) { return (_jsx(TableCell, { align: rowCellAlignment[n] || "centerJustify", children: cell }, "row-".concat(i, "-cell-").concat(n))); }) }, "row-".concat(i)));
|
|
144
|
-
})) : (_jsx(SingleCellRow, { colSpan: (headers === null || headers === void 0 ? void 0 : headers.length) || 0, children: "Table is empty" }))) : (_jsx(SingleCellRow, { colSpan: (headers === null || headers === void 0 ? void 0 : headers.length) || 0, children: _jsx(LoadingSpinner, {}) })) })] }), hasRowsAndPaginated ? (_jsx(Pagination, { className: classes.flexCenter, count: Math.ceil(rows.length / itemsPerPage), page: page, onChange: handlePageChange, shape: "rounded", showFirstButton: true, showLastButton: true })) : null] }));
|
|
145
|
-
});
|
|
146
|
-
export default StaticTable;
|
|
147
|
-
//# sourceMappingURL=StaticTable.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StaticTable.js","sourceRoot":"","sources":["../../src/StaticTable/StaticTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export type cellAlignmentOptions = "centerJustify" | "leftJustify" | "rightJustify";
|
|
3
|
-
export type headerColours = {
|
|
4
|
-
background?: string;
|
|
5
|
-
border?: string;
|
|
6
|
-
text?: string;
|
|
7
|
-
};
|
|
8
|
-
export interface IStaticTableProps {
|
|
9
|
-
headers?: React.ReactNode[];
|
|
10
|
-
headerCellAlignment?: cellAlignmentOptions[];
|
|
11
|
-
rows: {
|
|
12
|
-
onClick?: () => void;
|
|
13
|
-
row: React.ReactNode[];
|
|
14
|
-
}[] | null | undefined;
|
|
15
|
-
rowCellAlignment?: cellAlignmentOptions[];
|
|
16
|
-
rowBorderSeparation?: boolean;
|
|
17
|
-
styling?: string;
|
|
18
|
-
headerColours?: headerColours;
|
|
19
|
-
paginate?: boolean;
|
|
20
|
-
itemsPerPage?: number;
|
|
21
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StaticTable.types.js","sourceRoot":"","sources":["../../src/StaticTable/StaticTable.types.ts"],"names":[],"mappings":""}
|