@oc-digital/react-component-library 8.29.0 → 8.29.1-beta.1
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/README.md +6 -1
- package/build/Alert/Alert.js +53 -0
- package/build/Alert/Alert.js.map +1 -0
- package/build/Alert/Alert.types.js +2 -0
- package/build/Alert/Alert.types.js.map +1 -0
- package/build/AlphabeticalList/AlphabeticalList.js +91 -0
- package/build/AlphabeticalList/AlphabeticalList.js.map +1 -0
- package/build/AlphabeticalList/AlphabeticalList.types.js +2 -0
- package/build/AlphabeticalList/AlphabeticalList.types.js.map +1 -0
- package/build/AutoSave/Select/AutoSave.types.js +2 -0
- package/build/AutoSave/Select/AutoSave.types.js.map +1 -0
- package/build/AutoSave/Select/index.js +31 -0
- package/build/AutoSave/Select/index.js.map +1 -0
- package/build/AutoSave/Text/AutoSave.types.js +2 -0
- package/build/AutoSave/Text/AutoSave.types.js.map +1 -0
- package/build/AutoSave/Text/index.js +140 -0
- package/build/AutoSave/Text/index.js.map +1 -0
- package/build/Breadcrumbs/Breadcrumbs.js +126 -0
- package/build/Breadcrumbs/Breadcrumbs.js.map +1 -0
- package/build/Breadcrumbs/Breadcrumbs.types.js +2 -0
- package/build/Breadcrumbs/Breadcrumbs.types.js.map +1 -0
- package/build/Button/Button.js +54 -0
- package/build/Button/Button.js.map +1 -0
- package/build/Button/Button.types.js +2 -0
- package/build/Button/Button.types.js.map +1 -0
- package/build/ButtonWithConfirm/ButtonWithConfirm.js +63 -0
- package/build/ButtonWithConfirm/ButtonWithConfirm.js.map +1 -0
- package/build/ButtonWithConfirm/ButtonWithConfirm.types.js +2 -0
- package/build/ButtonWithConfirm/ButtonWithConfirm.types.js.map +1 -0
- package/build/ContentBox/ContentBox.js +21 -0
- package/build/ContentBox/ContentBox.js.map +1 -0
- package/build/ContentBox/ContentBox.types.js +2 -0
- package/build/ContentBox/ContentBox.types.js.map +1 -0
- package/build/ContentLabel/ContentLabel.js +10 -0
- package/build/ContentLabel/ContentLabel.js.map +1 -0
- package/build/ContentLabel/ContentLabel.types.js +2 -0
- package/build/ContentLabel/ContentLabel.types.js.map +1 -0
- package/build/DatePicker/DatePicker.js +38 -0
- package/build/DatePicker/DatePicker.js.map +1 -0
- package/build/DatePicker/DatePicker.types.js +2 -0
- package/build/DatePicker/DatePicker.types.js.map +1 -0
- package/build/EditableTable/Caret.js +17 -0
- package/build/EditableTable/Caret.js.map +1 -0
- package/build/EditableTable/EditableTable.js +547 -0
- package/build/EditableTable/EditableTable.js.map +1 -0
- package/build/EditableTable/EditableTable.types.js +2 -0
- package/build/EditableTable/EditableTable.types.js.map +1 -0
- package/build/EditableTable/components/TableCheckbox.js +8 -0
- package/build/EditableTable/components/TableCheckbox.js.map +1 -0
- package/build/EditableTable/components/TableDateInput.js +20 -0
- package/build/EditableTable/components/TableDateInput.js.map +1 -0
- package/build/EditableTable/components/TableTextInput.js +66 -0
- package/build/EditableTable/components/TableTextInput.js.map +1 -0
- package/build/EditableTable/components/utils/getTextWidth.js +58 -0
- package/build/EditableTable/components/utils/getTextWidth.js.map +1 -0
- package/build/EditableTable/defaultCells.js +118 -0
- package/build/EditableTable/defaultCells.js.map +1 -0
- package/build/EditableTable/defaultCompare.js +31 -0
- package/build/EditableTable/defaultCompare.js.map +1 -0
- package/build/EntityList/EntityList.js +53 -0
- package/build/EntityList/EntityList.js.map +1 -0
- package/build/EntityList/EntityList.types.js +2 -0
- package/build/EntityList/EntityList.types.js.map +1 -0
- package/build/ErrorIndicator/ErrorIndicator.js +22 -0
- package/build/ErrorIndicator/ErrorIndicator.js.map +1 -0
- package/build/ErrorIndicator/ErrorIndicator.types.js +2 -0
- package/build/ErrorIndicator/ErrorIndicator.types.js.map +1 -0
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.js +294 -0
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.js.map +1 -0
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.types.js +2 -0
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.types.js.map +1 -0
- package/build/KeyboardDatePicker/KeyboardDatePicker.js +38 -0
- package/build/KeyboardDatePicker/KeyboardDatePicker.js.map +1 -0
- package/build/KeyboardDatePicker/KeyboardDatePicker.types.js +2 -0
- package/build/KeyboardDatePicker/KeyboardDatePicker.types.js.map +1 -0
- package/build/LeftNavigation/LeftNavigation.js +47 -0
- package/build/LeftNavigation/LeftNavigation.js.map +1 -0
- package/build/LeftNavigation/LeftNavigation.types.js +2 -0
- package/build/LeftNavigation/LeftNavigation.types.js.map +1 -0
- package/build/LeftNavigation/NavListItem.js +143 -0
- package/build/LeftNavigation/NavListItem.js.map +1 -0
- package/build/LeftNavigation/PrimaryLeftNavigation.js +113 -0
- package/build/LeftNavigation/PrimaryLeftNavigation.js.map +1 -0
- package/build/LeftNavigation/SecondaryLeftNavigation.js +131 -0
- package/build/LeftNavigation/SecondaryLeftNavigation.js.map +1 -0
- package/build/LeftNavigation/utils.js +5 -0
- package/build/LeftNavigation/utils.js.map +1 -0
- package/build/LoadingSpinner/LoadingSpinner.js +21 -0
- package/build/LoadingSpinner/LoadingSpinner.js.map +1 -0
- package/build/LoadingSpinner/LoadingSpinner.types.js +2 -0
- package/build/LoadingSpinner/LoadingSpinner.types.js.map +1 -0
- package/build/MainLayout/MainLayout.js +46 -0
- package/build/MainLayout/MainLayout.js.map +1 -0
- package/build/MainLayout/MainLayout.types.js +2 -0
- package/build/MainLayout/MainLayout.types.js.map +1 -0
- package/build/MobileDatePicker/MobileDatePicker.js +38 -0
- package/build/MobileDatePicker/MobileDatePicker.js.map +1 -0
- package/build/MobileDatePicker/MobileDatePicker.types.js +2 -0
- package/build/MobileDatePicker/MobileDatePicker.types.js.map +1 -0
- package/build/NavbarLayout/Navbar.js +101 -0
- package/build/NavbarLayout/Navbar.js.map +1 -0
- package/build/NavbarLayout/NavbarLayout.js +52 -0
- package/build/NavbarLayout/NavbarLayout.js.map +1 -0
- package/build/NavbarLayout/index.js +2 -0
- package/build/NavbarLayout/index.js.map +1 -0
- package/build/SearchBar/SearchBar.js +76 -0
- package/build/SearchBar/SearchBar.js.map +1 -0
- package/build/SearchBar/SearchBar.types.js +2 -0
- package/build/SearchBar/SearchBar.types.js.map +1 -0
- package/build/Select/Select.js +140 -0
- package/build/Select/Select.js.map +1 -0
- package/build/Select/Select.types.js +2 -0
- package/build/Select/Select.types.js.map +1 -0
- package/build/StaticTable/StaticTable.js +180 -0
- package/build/StaticTable/StaticTable.js.map +1 -0
- package/build/StaticTable/StaticTable.types.js +2 -0
- package/build/StaticTable/StaticTable.types.js.map +1 -0
- package/build/StaticTable/StaticTableCell.js +66 -0
- package/build/StaticTable/StaticTableCell.js.map +1 -0
- package/build/StaticTable/StaticTableHeader.js +100 -0
- package/build/StaticTable/StaticTableHeader.js.map +1 -0
- package/build/SvgComponents/ContainedPartnersLogo.js +8 -0
- package/build/SvgComponents/ContainedPartnersLogo.js.map +1 -0
- package/build/SvgComponents/HomeSvg.js +8 -0
- package/build/SvgComponents/HomeSvg.js.map +1 -0
- package/build/SvgComponents/NovelLogoSvg.js +8 -0
- package/build/SvgComponents/NovelLogoSvg.js.map +1 -0
- package/build/SvgComponents/OrganisationList.js +8 -0
- package/build/SvgComponents/OrganisationList.js.map +1 -0
- package/build/SvgComponents/ProjectsSvg.js +8 -0
- package/build/SvgComponents/ProjectsSvg.js.map +1 -0
- package/build/SvgComponents/index.js +6 -0
- package/build/SvgComponents/index.js.map +1 -0
- package/build/SvgComponents/types.js +2 -0
- package/build/SvgComponents/types.js.map +1 -0
- package/build/TextField/TextField.d.ts +1 -1
- package/build/TextField/TextField.js +70 -0
- package/build/TextField/TextField.js.map +1 -0
- package/build/TextField/TextField.types.js +2 -0
- package/build/TextField/TextField.types.js.map +1 -0
- package/build/Tooltip/OptionalTooltip.js +11 -0
- package/build/Tooltip/OptionalTooltip.js.map +1 -0
- package/build/Tooltip/index.js +2 -0
- package/build/Tooltip/index.js.map +1 -0
- package/build/globals/index.js +29 -0
- package/build/globals/index.js.map +1 -0
- package/build/hooks/index.js +4 -0
- package/build/hooks/index.js.map +1 -0
- package/build/hooks/useDebounceEffect.js +12 -0
- package/build/hooks/useDebounceEffect.js.map +1 -0
- package/build/hooks/useElementDimensions.js +19 -0
- package/build/hooks/useElementDimensions.js.map +1 -0
- package/build/hooks/useInterval.js +19 -0
- package/build/hooks/useInterval.js.map +1 -0
- package/build/hooks/useWhyDidYouUpdate.js +43 -0
- package/build/hooks/useWhyDidYouUpdate.js.map +1 -0
- package/build/index.js +1 -1
- package/build/index.js.map +1 -1
- package/build/styles/colours.js +4 -0
- package/build/styles/colours.js.map +1 -0
- package/build/styles/font.js +19 -0
- package/build/styles/font.js.map +1 -0
- package/build/styles/index.js +4 -0
- package/build/styles/index.js.map +1 -0
- package/build/styles/layout.js +85 -0
- package/build/styles/layout.js.map +1 -0
- package/build/styles/spacing.js +53 -0
- package/build/styles/spacing.js.map +1 -0
- package/build/styles/themes.js +56 -0
- package/build/styles/themes.js.map +1 -0
- package/build/utils/index.js +8 -0
- package/build/utils/index.js.map +1 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -60,7 +60,12 @@ _Remember to change back the package.json once you're done._
|
|
|
60
60
|
4. once happy with the changes remove -beta.0 part and part and publish component library
|
|
61
61
|
4a. update the version in the receiving library to "^2.0.7"
|
|
62
62
|
|
|
63
|
-
|
|
63
|
+
## Publishing a new version with npm commands
|
|
64
|
+
|
|
65
|
+
1. run `npm version minor(patch|major)`
|
|
66
|
+
2. git push origin vX.Y.Z
|
|
67
|
+
|
|
68
|
+
## Publishing a new version manually
|
|
64
69
|
|
|
65
70
|
1. Update the version in `package.json`
|
|
66
71
|
2. Create and push a git tag:
|
|
@@ -0,0 +1,53 @@
|
|
|
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
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { forwardRef } from "react";
|
|
14
|
+
import { Collapse, Button } from "@mui/material";
|
|
15
|
+
import { makeStyles } from "@mui/styles";
|
|
16
|
+
import { Alert as MUIAlert } from "@mui/material";
|
|
17
|
+
import { useSpacingStyles } from "../styles";
|
|
18
|
+
import { BORDER_RADIUS, FORM_ERROR, FORM_SUCCESS, FORM_WARNING, FORM_INFO, } from "../globals";
|
|
19
|
+
var useAlertStyles = makeStyles(function (theme) { return ({
|
|
20
|
+
alertStyling: {
|
|
21
|
+
borderRadius: BORDER_RADIUS,
|
|
22
|
+
justifyContent: "center",
|
|
23
|
+
},
|
|
24
|
+
closeButton: {
|
|
25
|
+
color: theme.palette.text.secondary,
|
|
26
|
+
marginRight: theme.spacing(2),
|
|
27
|
+
},
|
|
28
|
+
showCursor: {
|
|
29
|
+
cursor: "pointer",
|
|
30
|
+
},
|
|
31
|
+
horizontalAutoMargin: {
|
|
32
|
+
marginLeft: "auto",
|
|
33
|
+
marginRight: "auto",
|
|
34
|
+
},
|
|
35
|
+
}); });
|
|
36
|
+
var Alert = forwardRef(function (_a, ref) {
|
|
37
|
+
var alertActionHandler = _a.alertActionHandler, formStatus = _a.formStatus, actionButton = _a.actionButton, alertMessage = _a.alertMessage, _b = _a.addBreak, addBreak = _b === void 0 ? true : _b, styling = _a.styling;
|
|
38
|
+
var classes = __assign(__assign({}, useSpacingStyles()), useAlertStyles());
|
|
39
|
+
return (_jsx(Collapse, { in: [FORM_SUCCESS, FORM_ERROR, FORM_WARNING, FORM_INFO].includes(formStatus), ref: ref, className: classes.horizontalAutoMargin, children: _jsx(MUIAlert, { onClick: alertActionHandler, className: "".concat(classes.alertStyling, " ").concat(addBreak ? classes.sectionBreak : "", " ").concat(styling || "", " ").concat(alertActionHandler ? classes.showCursor : ""), severity: formStatus === FORM_ERROR
|
|
40
|
+
? FORM_ERROR
|
|
41
|
+
: formStatus === FORM_SUCCESS
|
|
42
|
+
? FORM_SUCCESS
|
|
43
|
+
: formStatus === FORM_INFO
|
|
44
|
+
? FORM_INFO
|
|
45
|
+
: FORM_WARNING, action: actionButton ? (_jsx(Button, { className: classes.closeButton, "aria-label": "close", color: "inherit", size: "small", onClick: function (event) {
|
|
46
|
+
event.stopPropagation();
|
|
47
|
+
actionButton.handler();
|
|
48
|
+
}, children: actionButton.text })) : null, sx: {
|
|
49
|
+
"& .MuiAlert-action": { alignItems: "center" },
|
|
50
|
+
}, children: alertMessage }) }));
|
|
51
|
+
});
|
|
52
|
+
export default Alert;
|
|
53
|
+
//# sourceMappingURL=Alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EACL,aAAa,EACb,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,SAAS,GACV,MAAM,YAAY,CAAC;AAGpB,IAAM,cAAc,GAAG,UAAU,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;IAC5C,YAAY,EAAE;QACZ,YAAY,EAAE,aAAa;QAC3B,cAAc,EAAE,QAAQ;KACzB;IACD,WAAW,EAAE;QACX,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;QACnC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC9B;IACD,UAAU,EAAE;QACV,MAAM,EAAE,SAAS;KAClB;IACD,oBAAoB,EAAE;QACpB,UAAU,EAAE,MAAM;QAClB,WAAW,EAAE,MAAM;KACpB;CACF,CAAC,EAhB2C,CAgB3C,CAAC,CAAC;AAEJ,IAAM,KAAK,GAA0B,UAAU,CAC7C,UACE,EAOC,EACD,GAAG;QAPD,kBAAkB,wBAAA,EAClB,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,OAAO,aAAA;IAIT,IAAM,OAAO,yBAAQ,gBAAgB,EAAE,GAAK,cAAc,EAAE,CAAE,CAAC;IAC/D,OAAO,CACL,KAAC,QAAQ,IACP,EAAE,EAAE,CAAC,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,EAC5E,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAAC,oBAAoB,YAEvC,KAAC,QAAQ,IACP,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,UAAG,OAAO,CAAC,YAAY,cAAI,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,cACxE,OAAO,IAAI,EAAE,cACX,kBAAkB,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAE,EAClD,QAAQ,EACN,UAAU,KAAK,UAAU;gBACvB,CAAC,CAAC,UAAU;gBACZ,CAAC,CAAC,UAAU,KAAK,YAAY;oBAC7B,CAAC,CAAC,YAAY;oBACd,CAAC,CAAC,UAAU,KAAK,SAAS;wBAC1B,CAAC,CAAC,SAAS;wBACX,CAAC,CAAC,YAAY,EAElB,MAAM,EACJ,YAAY,CAAC,CAAC,CAAC,CACb,KAAC,MAAM,IACL,SAAS,EAAE,OAAO,CAAC,WAAW,gBACnB,OAAO,EAClB,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,UAAC,KAAK;oBACb,KAAK,CAAC,eAAe,EAAE,CAAC;oBACxB,YAAY,CAAC,OAAO,EAAE,CAAC;gBACzB,CAAC,YAEA,YAAY,CAAC,IAAI,GACX,CACV,CAAC,CAAC,CAAC,IAAI,EAEV,EAAE,EAAE;gBACF,oBAAoB,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE;aAC/C,YAEA,YAAY,GACJ,GACF,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.types.js","sourceRoot":"","sources":["../../src/Alert/Alert.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,91 @@
|
|
|
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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
13
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
14
|
+
if (ar || !(i in from)) {
|
|
15
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
16
|
+
ar[i] = from[i];
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
20
|
+
};
|
|
21
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
22
|
+
import { Divider, List, ListItem, Typography } from "@mui/material";
|
|
23
|
+
import { makeStyles } from "@mui/styles";
|
|
24
|
+
import React from "react";
|
|
25
|
+
import { Link as RouterLink } from "react-router-dom";
|
|
26
|
+
import { BORDER_RADIUS } from "../globals";
|
|
27
|
+
import LoadingSpinner from "../LoadingSpinner/LoadingSpinner";
|
|
28
|
+
import { useLayoutStyles, useSpacingStyles } from "../styles";
|
|
29
|
+
import { OptionalTooltip } from "../Tooltip";
|
|
30
|
+
var useAlphabeticalListStyles = makeStyles(function (theme) { return ({
|
|
31
|
+
divider: {
|
|
32
|
+
background: theme.palette.primary.main,
|
|
33
|
+
height: "0.2rem",
|
|
34
|
+
},
|
|
35
|
+
letterHeader: {
|
|
36
|
+
cursor: "default",
|
|
37
|
+
color: theme.palette.primary.main,
|
|
38
|
+
marginTop: "1rem",
|
|
39
|
+
},
|
|
40
|
+
listItem: {
|
|
41
|
+
borderRadius: BORDER_RADIUS,
|
|
42
|
+
border: "1px solid ".concat(theme.palette.grey[300]),
|
|
43
|
+
marginBottom: "0.5rem",
|
|
44
|
+
paddingLeft: "24px",
|
|
45
|
+
boxShadow: theme.shadows[1],
|
|
46
|
+
},
|
|
47
|
+
disabledListItem: {
|
|
48
|
+
"& > p": {
|
|
49
|
+
color: "#b4b4b4",
|
|
50
|
+
},
|
|
51
|
+
background: "white !important",
|
|
52
|
+
pointerEvents: "none",
|
|
53
|
+
},
|
|
54
|
+
topMargin: {
|
|
55
|
+
marginTop: theme.spacing(2),
|
|
56
|
+
display: "block",
|
|
57
|
+
},
|
|
58
|
+
}); });
|
|
59
|
+
var AlphabeticalList = function (_a) {
|
|
60
|
+
var array = _a.array, sortFn = _a.sortFn, _b = _a.sortKey, sortKey = _b === void 0 ? "name" : _b, buttonClick = _a.buttonClick, linkTo = _a.linkTo, ItemTemplate = _a.ItemTemplate, _c = _a.arrayKey, arrayKey = _c === void 0 ? "id" : _c, _d = _a.loading, loading = _d === void 0 ? false : _d, _e = _a.loadingMessage, loadingMessage = _e === void 0 ? "Loading list..." : _e, _f = _a.emptyMessage, emptyMessage = _f === void 0 ? "List is empty" : _f, _g = _a.alphabetisedHeader, alphabetisedHeader = _g === void 0 ? true : _g, isItemDisabled = _a.isItemDisabled, _h = _a.styling, styling = _h === void 0 ? "" : _h;
|
|
61
|
+
var classes = __assign(__assign(__assign({}, useAlphabeticalListStyles()), useSpacingStyles()), useLayoutStyles());
|
|
62
|
+
if (array === undefined || loading) {
|
|
63
|
+
return _jsx(LoadingSpinner, { styling: classes.topMargin, text: loadingMessage });
|
|
64
|
+
}
|
|
65
|
+
if (!(array === null || array === void 0 ? void 0 : array.length)) {
|
|
66
|
+
return (_jsx(Typography, { className: classes.topMargin, align: "center", variant: "body2", color: "textSecondary", children: emptyMessage }));
|
|
67
|
+
}
|
|
68
|
+
var result = sortFn ? __spreadArray([], array, true).sort(sortFn) : array;
|
|
69
|
+
var lastSection = "";
|
|
70
|
+
return (_jsx(List, { className: "".concat(classes.limitWidth50rem, " ").concat(styling), children: result.map(function (item, index) {
|
|
71
|
+
var _a, _b;
|
|
72
|
+
var showHeader = false;
|
|
73
|
+
if (alphabetisedHeader) {
|
|
74
|
+
var currentKey = (((_a = item[sortKey]) === null || _a === void 0 ? void 0 : _a[0]) || "???").toLowerCase();
|
|
75
|
+
if (currentKey !== lastSection) {
|
|
76
|
+
lastSection = currentKey;
|
|
77
|
+
showHeader = true;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
var disabledResult = __assign({ reason: "" }, ((_b = isItemDisabled === null || isItemDisabled === void 0 ? void 0 : isItemDisabled(item)) !== null && _b !== void 0 ? _b : {}));
|
|
81
|
+
return (_jsxs(React.Fragment, { children: [alphabetisedHeader && showHeader ? (_jsxs(_Fragment, { children: [_jsx(Typography, { className: "".concat(classes.letterHeader), align: "left", children: lastSection.toUpperCase() }), _jsx(Divider, { className: "".concat(classes.contentBreak, " ").concat(classes.divider) })] })) : null, _jsx(OptionalTooltip, { showTooltip: disabledResult.disabled, tooltipText: disabledResult.reason, children: _jsx(ListItem, __assign({ className: disabledResult.disabled
|
|
82
|
+
? "".concat(classes.listItem, " ").concat(classes.disabledListItem)
|
|
83
|
+
: classes.listItem, alignItems: "flex-start", button: (buttonClick || linkTo ? true : undefined), onClick: buttonClick && !disabledResult.disabled
|
|
84
|
+
? function () { return buttonClick(item); }
|
|
85
|
+
: undefined }, (linkTo && !buttonClick && !disabledResult.disabled
|
|
86
|
+
? { component: RouterLink, to: linkTo(item) }
|
|
87
|
+
: {}), { children: _jsx(ItemTemplate, { item: item }) })) })] }, item[arrayKey] || "alphabetical-list-".concat(index)));
|
|
88
|
+
}) }));
|
|
89
|
+
};
|
|
90
|
+
export default AlphabeticalList;
|
|
91
|
+
//# sourceMappingURL=AlphabeticalList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlphabeticalList.js","sourceRoot":"","sources":["../../src/AlphabeticalList/AlphabeticalList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlphabeticalList.types.js","sourceRoot":"","sources":["../../src/AlphabeticalList/AlphabeticalList.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AutoSave.types.js","sourceRoot":"","sources":["../../../src/AutoSave/Select/AutoSave.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,31 @@
|
|
|
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 } from "react/jsx-runtime";
|
|
24
|
+
import Select from "../../Select/Select";
|
|
25
|
+
export var AutoSaveSelectField = function (_a) {
|
|
26
|
+
var autoSave = _a.autoSave, selectOptions = _a.selectOptions, props = __rest(_a, ["autoSave", "selectOptions"]);
|
|
27
|
+
return (_jsx(Select, __assign({ selectOptions: selectOptions }, props, { onChange: function (newValue) {
|
|
28
|
+
autoSave && autoSave(newValue.target.value);
|
|
29
|
+
} })));
|
|
30
|
+
};
|
|
31
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/AutoSave/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAGzC,MAAM,CAAC,IAAM,mBAAmB,GAAuC,UAAC,EAIvE;IAHC,IAAA,QAAQ,cAAA,EACR,aAAa,mBAAA,EACV,KAAK,cAH8D,6BAIvE,CADS;IAER,OAAO,CACL,KAAC,MAAM,aACL,aAAa,EAAE,aAAa,IACxB,KAAK,IACT,QAAQ,EAAE,UAAC,QAAQ;YACjB,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9C,CAAC,IACD,CACH,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AutoSave.types.js","sourceRoot":"","sources":["../../../src/AutoSave/Text/AutoSave.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,140 @@
|
|
|
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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
13
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
14
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
15
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
16
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
17
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
18
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
19
|
+
});
|
|
20
|
+
};
|
|
21
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
22
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
|
23
|
+
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
24
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
25
|
+
function step(op) {
|
|
26
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
27
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
28
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
29
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
30
|
+
switch (op[0]) {
|
|
31
|
+
case 0: case 1: t = op; break;
|
|
32
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
33
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
34
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
35
|
+
default:
|
|
36
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
37
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
38
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
39
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
40
|
+
if (t[2]) _.ops.pop();
|
|
41
|
+
_.trys.pop(); continue;
|
|
42
|
+
}
|
|
43
|
+
op = body.call(thisArg, _);
|
|
44
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
45
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
49
|
+
var t = {};
|
|
50
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
51
|
+
t[p] = s[p];
|
|
52
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
53
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
54
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
55
|
+
t[p[i]] = s[p[i]];
|
|
56
|
+
}
|
|
57
|
+
return t;
|
|
58
|
+
};
|
|
59
|
+
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
60
|
+
import { useState } from "react";
|
|
61
|
+
import { CheckCircleOutline, ErrorOutline } from "@mui/icons-material";
|
|
62
|
+
import { FORM_ENABLED, FORM_ERROR, FORM_LOADING, FORM_SUCCESS, } from "../../globals";
|
|
63
|
+
import LoadingSpinner from "../../LoadingSpinner/LoadingSpinner";
|
|
64
|
+
import { useInterval } from "../../hooks";
|
|
65
|
+
import TextField from "../../TextField/TextField";
|
|
66
|
+
import { Tooltip } from "@mui/material";
|
|
67
|
+
export var AutoSaveTextField = function (_a) {
|
|
68
|
+
var autoSave = _a.autoSave, _onBlur = _a.onBlur, props = __rest(_a, ["autoSave", "onBlur"]);
|
|
69
|
+
var _b = useState(false), wrapFocus = _b[0], setWrapFocus = _b[1];
|
|
70
|
+
var _c = useState(FORM_ENABLED), formStatus = _c[0], setFormStatus = _c[1];
|
|
71
|
+
var _d = useState(false), timerRunning = _d[0], setTimerRunning = _d[1];
|
|
72
|
+
useInterval(function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
73
|
+
var _a, error_1;
|
|
74
|
+
return __generator(this, function (_b) {
|
|
75
|
+
switch (_b.label) {
|
|
76
|
+
case 0:
|
|
77
|
+
setFormStatus(FORM_LOADING);
|
|
78
|
+
_b.label = 1;
|
|
79
|
+
case 1:
|
|
80
|
+
_b.trys.push([1, 4, , 5]);
|
|
81
|
+
_a = !props.error;
|
|
82
|
+
if (!_a) return [3 /*break*/, 3];
|
|
83
|
+
return [4 /*yield*/, autoSave(props.value)];
|
|
84
|
+
case 2:
|
|
85
|
+
_a = (_b.sent());
|
|
86
|
+
_b.label = 3;
|
|
87
|
+
case 3:
|
|
88
|
+
_a;
|
|
89
|
+
setFormStatus(FORM_SUCCESS);
|
|
90
|
+
return [3 /*break*/, 5];
|
|
91
|
+
case 4:
|
|
92
|
+
error_1 = _b.sent();
|
|
93
|
+
setFormStatus(FORM_ERROR);
|
|
94
|
+
return [3 /*break*/, 5];
|
|
95
|
+
case 5:
|
|
96
|
+
setWrapFocus(false);
|
|
97
|
+
return [2 /*return*/];
|
|
98
|
+
}
|
|
99
|
+
});
|
|
100
|
+
}); }, wrapFocus && timerRunning ? 10000 : null);
|
|
101
|
+
return (_jsx(_Fragment, { children: _jsx(TextField, __assign({ InputProps: {
|
|
102
|
+
endAdornment: wrapFocus &&
|
|
103
|
+
(formStatus === FORM_LOADING ? (_jsx(LoadingSpinner, { text: "" })) : formStatus === FORM_SUCCESS ? (_jsx(Tooltip, { title: "Successfully saved updates", children: _jsx(CheckCircleOutline, { color: "primary" }) })) : formStatus === FORM_ERROR ? (_jsx(Tooltip, { title: "Failed to save updates", children: _jsx(ErrorOutline, { color: "primary" }) })) : null),
|
|
104
|
+
}, onFocus: function () {
|
|
105
|
+
setWrapFocus(true);
|
|
106
|
+
}, onChange: function () {
|
|
107
|
+
// Setting it to false and then true causes the timer running to reset on every editor changes
|
|
108
|
+
setTimerRunning(false);
|
|
109
|
+
setTimerRunning(true);
|
|
110
|
+
}, onBlur: function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
111
|
+
var _a, error_2;
|
|
112
|
+
return __generator(this, function (_b) {
|
|
113
|
+
switch (_b.label) {
|
|
114
|
+
case 0:
|
|
115
|
+
setTimerRunning(false);
|
|
116
|
+
setWrapFocus(false);
|
|
117
|
+
setFormStatus(FORM_LOADING);
|
|
118
|
+
_b.label = 1;
|
|
119
|
+
case 1:
|
|
120
|
+
_b.trys.push([1, 4, , 5]);
|
|
121
|
+
_a = !props.error && autoSave;
|
|
122
|
+
if (!_a) return [3 /*break*/, 3];
|
|
123
|
+
return [4 /*yield*/, autoSave(props.value)];
|
|
124
|
+
case 2:
|
|
125
|
+
_a = (_b.sent());
|
|
126
|
+
_b.label = 3;
|
|
127
|
+
case 3:
|
|
128
|
+
_a;
|
|
129
|
+
setFormStatus(FORM_SUCCESS);
|
|
130
|
+
return [3 /*break*/, 5];
|
|
131
|
+
case 4:
|
|
132
|
+
error_2 = _b.sent();
|
|
133
|
+
setFormStatus(FORM_ERROR);
|
|
134
|
+
return [3 /*break*/, 5];
|
|
135
|
+
case 5: return [2 /*return*/];
|
|
136
|
+
}
|
|
137
|
+
});
|
|
138
|
+
}); } }, props)) }));
|
|
139
|
+
};
|
|
140
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/AutoSave/Text/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,126 @@
|
|
|
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
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import { Typography, Link, Box, ButtonBase } from "@mui/material";
|
|
14
|
+
import { makeStyles } from "@mui/styles";
|
|
15
|
+
import { Link as RouterLink } from "react-router-dom";
|
|
16
|
+
var useStyles = makeStyles(function (theme) { return ({
|
|
17
|
+
logoContainer: {
|
|
18
|
+
width: "3rem",
|
|
19
|
+
height: "3rem",
|
|
20
|
+
display: "flex",
|
|
21
|
+
justifyContent: "center",
|
|
22
|
+
alignItems: "center",
|
|
23
|
+
},
|
|
24
|
+
logo: {
|
|
25
|
+
width: "100%",
|
|
26
|
+
height: "100%",
|
|
27
|
+
"& > div": {
|
|
28
|
+
width: "100%",
|
|
29
|
+
height: "100%",
|
|
30
|
+
},
|
|
31
|
+
"& > svg": {
|
|
32
|
+
width: "100%",
|
|
33
|
+
height: "100%",
|
|
34
|
+
},
|
|
35
|
+
},
|
|
36
|
+
logoInBreadcrumb: {
|
|
37
|
+
width: "2rem",
|
|
38
|
+
height: "2rem",
|
|
39
|
+
margin: "0.125rem 0 0.125rem 0.313rem",
|
|
40
|
+
},
|
|
41
|
+
logoSpacing: {
|
|
42
|
+
marginRight: theme.spacing(1),
|
|
43
|
+
},
|
|
44
|
+
flexItemsCenter: {
|
|
45
|
+
display: "flex",
|
|
46
|
+
alignItems: "center",
|
|
47
|
+
},
|
|
48
|
+
nonPrimaryBreadcrumbOffset: {
|
|
49
|
+
marginLeft: "2.5rem",
|
|
50
|
+
},
|
|
51
|
+
BreadcrumbsContainer: {
|
|
52
|
+
height: "2.25rem",
|
|
53
|
+
marginLeft: "0.875rem",
|
|
54
|
+
marginRight: "1.5rem",
|
|
55
|
+
},
|
|
56
|
+
primaryBreadcrumbItem: function (_a) {
|
|
57
|
+
var primary = _a.primary;
|
|
58
|
+
return ({
|
|
59
|
+
backgroundColor: (primary === null || primary === void 0 ? void 0 : primary.background) || theme.palette.common.white,
|
|
60
|
+
color: (primary === null || primary === void 0 ? void 0 : primary.color) || theme.palette.text.primary,
|
|
61
|
+
borderRadius: "2rem",
|
|
62
|
+
zIndex: 3,
|
|
63
|
+
height: "100%",
|
|
64
|
+
display: "flex",
|
|
65
|
+
alignItems: "center",
|
|
66
|
+
});
|
|
67
|
+
},
|
|
68
|
+
secondaryBreadcrumbItem: function (_a) {
|
|
69
|
+
var secondary = _a.secondary;
|
|
70
|
+
return ({
|
|
71
|
+
height: "2.25rem",
|
|
72
|
+
backgroundColor: (secondary === null || secondary === void 0 ? void 0 : secondary.background) || "#D7D4E4",
|
|
73
|
+
borderRadius: "2rem",
|
|
74
|
+
zIndex: 2,
|
|
75
|
+
marginLeft: "-2rem",
|
|
76
|
+
color: (secondary === null || secondary === void 0 ? void 0 : secondary.color) || theme.palette.text.primary,
|
|
77
|
+
});
|
|
78
|
+
},
|
|
79
|
+
tertiaryBreadcrumbItem: function (_a) {
|
|
80
|
+
var tertiary = _a.tertiary;
|
|
81
|
+
return ({
|
|
82
|
+
height: "2.25rem",
|
|
83
|
+
backgroundColor: (tertiary === null || tertiary === void 0 ? void 0 : tertiary.background) || "#D7D4E4",
|
|
84
|
+
borderRadius: "2rem",
|
|
85
|
+
zIndex: 1,
|
|
86
|
+
marginLeft: "-2rem",
|
|
87
|
+
color: (tertiary === null || tertiary === void 0 ? void 0 : tertiary.color) || theme.palette.common.white,
|
|
88
|
+
});
|
|
89
|
+
},
|
|
90
|
+
breadCrumbShadow: {
|
|
91
|
+
boxShadow: theme.shadows[2],
|
|
92
|
+
},
|
|
93
|
+
breadcrumbRightMargin: {
|
|
94
|
+
marginRight: "1rem",
|
|
95
|
+
},
|
|
96
|
+
breadcrumbTextOverflow: {
|
|
97
|
+
display: "block",
|
|
98
|
+
overflow: "hidden",
|
|
99
|
+
textOverflow: "ellipsis",
|
|
100
|
+
maxWidth: "12rem",
|
|
101
|
+
},
|
|
102
|
+
boldText: {
|
|
103
|
+
fontWeight: 500,
|
|
104
|
+
},
|
|
105
|
+
activeBreadcrumb: function (_a) {
|
|
106
|
+
var tertiary = _a.tertiary;
|
|
107
|
+
return ({
|
|
108
|
+
backgroundColor: (tertiary === null || tertiary === void 0 ? void 0 : tertiary.background) || "#D7D4E4",
|
|
109
|
+
color: (tertiary === null || tertiary === void 0 ? void 0 : tertiary.color) || theme.palette.common.white,
|
|
110
|
+
});
|
|
111
|
+
},
|
|
112
|
+
noWrap: {
|
|
113
|
+
whiteSpace: "nowrap",
|
|
114
|
+
},
|
|
115
|
+
fullBorderRadius: {
|
|
116
|
+
borderRadius: "100%",
|
|
117
|
+
},
|
|
118
|
+
}); });
|
|
119
|
+
var Breadcrumbs = function (_a) {
|
|
120
|
+
var logo = _a.logo, content = _a.content, colors = _a.colors;
|
|
121
|
+
var classes = useStyles(__assign({}, (colors || {})));
|
|
122
|
+
var _b = content.first, first = _b === void 0 ? null : _b, _c = content.second, second = _c === void 0 ? null : _c, _d = content.third, third = _d === void 0 ? null : _d;
|
|
123
|
+
return (_jsxs(Box, { className: "".concat(classes.BreadcrumbsContainer, " ").concat(classes.flexItemsCenter), children: [_jsxs(Box, { className: "".concat(first ? "".concat(classes.primaryBreadcrumbItem, " ").concat(classes.breadCrumbShadow) : "", " ").concat(classes.flexItemsCenter), children: [_jsx(Link, { component: RouterLink, to: "/", className: classes.logoSpacing, children: _jsx(Box, { className: "".concat(classes.logoContainer, " \n ").concat(first ? classes.logoInBreadcrumb : ""), children: _jsx(ButtonBase, { className: "".concat(classes.logo, " ").concat(classes.fullBorderRadius), children: logo }) }) }), first && (_jsx(Typography, { color: "textPrimary", className: "".concat(classes.boldText, " ").concat(classes.noWrap, " ").concat(classes.primaryBreadcrumbItem), children: _jsx(Link, { underline: "none", component: RouterLink, to: first.link, color: "inherit", className: "".concat(classes.breadcrumbRightMargin, " ").concat(classes.breadcrumbTextOverflow), children: first.name }) }))] }), second && (_jsx(Box, { className: "".concat(classes.flexItemsCenter, " ").concat(classes.secondaryBreadcrumbItem, " ").concat(classes.breadCrumbShadow, " ").concat(!third ? classes.activeBreadcrumb : ""), children: _jsx(Typography, { color: "inherit", className: "".concat(classes.boldText, " ").concat(classes.noWrap), children: _jsx(Link, { component: RouterLink, underline: "none", to: second.link, color: "inherit", className: "".concat(classes.nonPrimaryBreadcrumbOffset, " ").concat(classes.breadcrumbRightMargin, " ").concat(classes.breadcrumbTextOverflow), children: second.name }) }) })), third && (_jsx(Box, { className: "".concat(classes.flexItemsCenter, " ").concat(classes.tertiaryBreadcrumbItem, " ").concat(classes.breadCrumbShadow), children: _jsx(Typography, { color: "inherit", className: "".concat(classes.boldText, " ").concat(classes.noWrap), children: _jsx(Link, { component: RouterLink, underline: "none", to: third.link, color: "inherit", className: "".concat(classes.nonPrimaryBreadcrumbOffset, " ").concat(classes.breadcrumbRightMargin, " ").concat(classes.breadcrumbTextOverflow), children: third.name }) }) }))] }));
|
|
124
|
+
};
|
|
125
|
+
export default Breadcrumbs;
|
|
126
|
+
//# sourceMappingURL=Breadcrumbs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.types.js","sourceRoot":"","sources":["../../src/Breadcrumbs/Breadcrumbs.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,54 @@
|
|
|
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 } from "react/jsx-runtime";
|
|
24
|
+
import { Button as MaterialButton } from "@mui/material";
|
|
25
|
+
import { CircularProgress } from "@mui/material";
|
|
26
|
+
import { makeStyles } from "@mui/styles";
|
|
27
|
+
import { useSpacingStyles } from "../styles";
|
|
28
|
+
import { NO_ACCESS_LEVEL, ONE_AND_HALF_REM, READ_LEVEL } from "../globals";
|
|
29
|
+
var useButtonStyles = makeStyles(function (theme) { return ({
|
|
30
|
+
submitButton: {
|
|
31
|
+
borderRadius: ONE_AND_HALF_REM,
|
|
32
|
+
padding: "0.4rem 1rem",
|
|
33
|
+
textTransform: "none",
|
|
34
|
+
},
|
|
35
|
+
containedText: {
|
|
36
|
+
color: "white",
|
|
37
|
+
},
|
|
38
|
+
spinnerColour: {
|
|
39
|
+
color: theme.palette.grey[500],
|
|
40
|
+
},
|
|
41
|
+
}); });
|
|
42
|
+
function Button(_a) {
|
|
43
|
+
var _b = _a.loading, loading = _b === void 0 ? false : _b, children = _a.children, _c = _a.errors, errors = _c === void 0 ? false : _c, _d = _a.type, type = _d === void 0 ? "submit" : _d, onClick = _a.onClick, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.variant, variant = _f === void 0 ? "outlined" : _f, _g = _a.styling, styling = _g === void 0 ? "" : _g, _h = _a.color, color = _h === void 0 ? "primary" : _h, accessLevel = _a.accessLevel, rest = __rest(_a, ["loading", "children", "errors", "type", "onClick", "disabled", "variant", "styling", "color", "accessLevel"]);
|
|
44
|
+
var classes = __assign(__assign({}, useSpacingStyles()), useButtonStyles());
|
|
45
|
+
if (accessLevel && [NO_ACCESS_LEVEL, READ_LEVEL].includes(accessLevel))
|
|
46
|
+
return null;
|
|
47
|
+
var disabledProp = disabled;
|
|
48
|
+
if (!disabled && (loading || errors)) {
|
|
49
|
+
disabledProp = true;
|
|
50
|
+
}
|
|
51
|
+
return (_jsxs(MaterialButton, __assign({}, rest, { variant: variant, color: color, type: type, className: "".concat(classes.submitButton, " ").concat(variant === "contained" && classes.containedText, " ").concat(styling), disabled: disabledProp, onClick: onClick, children: [children, loading ? (_jsx(CircularProgress, { className: "".concat(classes.leftSpacer1, " ").concat(classes.spinnerColour), size: "1.1rem", thickness: 6 })) : ("")] })));
|
|
52
|
+
}
|
|
53
|
+
export default Button;
|
|
54
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE3E,IAAM,eAAe,GAAG,UAAU,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;IAC7C,YAAY,EAAE;QACZ,YAAY,EAAE,gBAAgB;QAC9B,OAAO,EAAE,aAAa;QACtB,aAAa,EAAE,MAAM;KACtB;IACD,aAAa,EAAE;QACb,KAAK,EAAE,OAAO;KACf;IACD,aAAa,EAAE;QACb,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;KAC/B;CACF,CAAC,EAZ4C,CAY5C,CAAC,CAAC;AAEJ,SAAS,MAAM,CAAC,EAYD;IAXb,IAAA,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,QAAQ,cAAA,EACR,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,OAAO,aAAA,EACP,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,eAAoB,EAApB,OAAO,mBAAG,UAAU,KAAA,EACpB,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,WAAW,iBAAA,EACR,IAAI,cAXO,8GAYf,CADQ;IAEP,IAAM,OAAO,yBAAQ,gBAAgB,EAAE,GAAK,eAAe,EAAE,CAAE,CAAC;IAEhE,IAAI,WAAW,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC;QAAE,OAAO,IAAI,CAAC;IAEpF,IAAI,YAAY,GAAG,QAAQ,CAAC;IAE5B,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,IAAI,MAAM,CAAC,EAAE,CAAC;QACrC,YAAY,GAAG,IAAI,CAAC;IACtB,CAAC;IAED,OAAO,CACL,MAAC,cAAc,eACT,IAAI,IACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAG,OAAO,CAAC,YAAY,cAChC,OAAO,KAAK,WAAW,IAAI,OAAO,CAAC,aAAa,cAC9C,OAAO,CAAE,EACb,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,aAEf,QAAQ,EACR,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,gBAAgB,IACf,SAAS,EAAE,UAAG,OAAO,CAAC,WAAW,cAAI,OAAO,CAAC,aAAa,CAAE,EAC5D,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,GACZ,CACH,CAAC,CAAC,CAAC,CACF,EAAE,CACH,KACc,CAClB,CAAC;AACJ,CAAC;AAED,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.types.js","sourceRoot":"","sources":["../../src/Button/Button.types.ts"],"names":[],"mappings":""}
|