@oc-digital/react-component-library 7.2.4 → 7.2.5
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/Alert/Alert.js +43 -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 +81 -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/Breadcrumbs/Breadcrumbs.js +137 -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 +66 -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 +22 -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 +40 -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/EditableTable.js +434 -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/defaultCells.js +166 -0
- package/build/EditableTable/defaultCells.js.map +1 -0
- package/build/EntityList/EntityList.js +54 -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 +24 -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 +309 -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 +40 -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 +138 -0
- package/build/LeftNavigation/NavListItem.js.map +1 -0
- package/build/LeftNavigation/PrimaryLeftNavigation.js +111 -0
- package/build/LeftNavigation/PrimaryLeftNavigation.js.map +1 -0
- package/build/LeftNavigation/SecondaryLeftNavigation.js +98 -0
- package/build/LeftNavigation/SecondaryLeftNavigation.js.map +1 -0
- package/build/LoadingSpinner/LoadingSpinner.js +23 -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 +37 -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/NavbarLayout/Navbar.js +104 -0
- package/build/NavbarLayout/Navbar.js.map +1 -0
- package/build/NavbarLayout/NavbarLayout.d.ts +3 -1
- package/build/NavbarLayout/NavbarLayout.js +56 -0
- package/build/NavbarLayout/NavbarLayout.js.map +1 -0
- package/build/NavbarLayout/constants.d.ts +1 -0
- package/build/NavbarLayout/index.js +2 -0
- package/build/NavbarLayout/index.js.map +1 -0
- package/build/SearchBar/SearchBar.js +77 -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 +69 -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 +152 -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/SvgComponents/ContainedPartnersLogo.js +10 -0
- package/build/SvgComponents/ContainedPartnersLogo.js.map +1 -0
- package/build/SvgComponents/HomeSvg.js +16 -0
- package/build/SvgComponents/HomeSvg.js.map +1 -0
- package/build/SvgComponents/NovelLogoSvg.js +97 -0
- package/build/SvgComponents/NovelLogoSvg.js.map +1 -0
- package/build/SvgComponents/OrganisationList.js +103 -0
- package/build/SvgComponents/OrganisationList.js.map +1 -0
- package/build/SvgComponents/ProjectsSvg.js +18 -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.js +66 -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/ThemeProvider/index.d.ts +2 -2
- package/build/globals/index.js +27 -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/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/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 +81 -0
- package/build/styles/layout.js.map +1 -0
- package/build/styles/spacing.js +50 -0
- package/build/styles/spacing.js.map +1 -0
- package/build/utils/index.js +14 -0
- package/build/utils/index.js.map +1 -0
- package/package.json +1 -1
- package/build/AutoSave/Select/AutoSave.d.ts +0 -3
- package/build/AutoSave/Text/AutoSave.d.ts +0 -3
- 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 -5
- package/build/EditableTable/components/styled/InputWrapper.d.ts +0 -5
- package/build/EditableTable/components/styled/SmallError.d.ts +0 -5
- package/build/styles/theme.d.ts +0 -1
|
@@ -0,0 +1,43 @@
|
|
|
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 React from "react";
|
|
13
|
+
import { Collapse, Button, makeStyles } from "@material-ui/core";
|
|
14
|
+
import { Alert as MUIAlert } from "@material-ui/lab";
|
|
15
|
+
import { useSpacingStyles } from "../styles";
|
|
16
|
+
import { BORDER_RADIUS, FORM_ERROR, FORM_SUCCESS, FORM_WARNING } from "../globals";
|
|
17
|
+
var useAlertStyles = makeStyles(function (theme) { return ({
|
|
18
|
+
alertStyling: {
|
|
19
|
+
borderRadius: BORDER_RADIUS,
|
|
20
|
+
},
|
|
21
|
+
closeButton: {
|
|
22
|
+
color: theme.palette.text.secondary,
|
|
23
|
+
marginRight: theme.spacing(2),
|
|
24
|
+
},
|
|
25
|
+
showCursor: {
|
|
26
|
+
cursor: "pointer",
|
|
27
|
+
},
|
|
28
|
+
}); });
|
|
29
|
+
var Alert = function (_a) {
|
|
30
|
+
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;
|
|
31
|
+
var classes = __assign(__assign({}, useSpacingStyles()), useAlertStyles());
|
|
32
|
+
return (React.createElement(Collapse, { in: [FORM_SUCCESS, FORM_ERROR, FORM_WARNING].includes(formStatus) },
|
|
33
|
+
React.createElement(MUIAlert, { onClick: alertActionHandler, className: classes.alertStyling + " " + (addBreak ? classes.sectionBreak : "") + " " + (styling || "") + " " + (alertActionHandler ? classes.showCursor : ""), severity: formStatus === FORM_ERROR
|
|
34
|
+
? FORM_ERROR
|
|
35
|
+
: formStatus === FORM_SUCCESS
|
|
36
|
+
? FORM_SUCCESS
|
|
37
|
+
: FORM_WARNING, action: actionButton ? (React.createElement(Button, { className: classes.closeButton, "aria-label": "close", color: "inherit", size: "small", onClick: function (event) {
|
|
38
|
+
event.stopPropagation();
|
|
39
|
+
actionButton.handler();
|
|
40
|
+
} }, actionButton.text)) : null }, alertMessage)));
|
|
41
|
+
};
|
|
42
|
+
export default Alert;
|
|
43
|
+
//# sourceMappingURL=Alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAGnF,IAAM,cAAc,GAAG,UAAU,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;IAC5C,YAAY,EAAE;QACZ,YAAY,EAAE,aAAa;KAC5B;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;CACF,CAAC,EAX2C,CAW3C,CAAC,CAAC;AAEJ,IAAM,KAAK,GAA0B,UAAC,EAOrC;QANC,kBAAkB,wBAAA,EAClB,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,OAAO,aAAA;IAEP,IAAM,OAAO,yBAAQ,gBAAgB,EAAE,GAAK,cAAc,EAAE,CAAE,CAAC;IAC/D,OAAO,CACL,oBAAC,QAAQ,IAAC,EAAE,EAAE,CAAC,YAAY,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC;QACzE,oBAAC,QAAQ,IACP,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAK,OAAO,CAAC,YAAY,UAAI,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,WACxE,OAAO,IAAI,EAAE,WACX,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,YAAY,EAElB,MAAM,EACJ,YAAY,CAAC,CAAC,CAAC,CACb,oBAAC,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,IAEA,YAAY,CAAC,IAAI,CACX,CACV,CAAC,CAAC,CAAC,IAAI,IAGT,YAAY,CACJ,CACF,CACZ,CAAC;AACJ,CAAC,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,81 @@
|
|
|
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 { Divider, List, ListItem, makeStyles, Typography } from "@material-ui/core";
|
|
22
|
+
import React from "react";
|
|
23
|
+
import { Link as RouterLink } from "react-router-dom";
|
|
24
|
+
import { BORDER_RADIUS } from "../globals";
|
|
25
|
+
import LoadingSpinner from "../LoadingSpinner/LoadingSpinner";
|
|
26
|
+
import { useLayoutStyles, useSpacingStyles } from "../styles";
|
|
27
|
+
var useAlphabeticalListStyles = makeStyles(function (theme) { return ({
|
|
28
|
+
divider: {
|
|
29
|
+
background: theme.palette.primary.main,
|
|
30
|
+
height: "0.2rem",
|
|
31
|
+
},
|
|
32
|
+
letterHeader: {
|
|
33
|
+
cursor: "default",
|
|
34
|
+
color: theme.palette.primary.main,
|
|
35
|
+
marginTop: "1rem",
|
|
36
|
+
},
|
|
37
|
+
listItem: {
|
|
38
|
+
borderRadius: BORDER_RADIUS,
|
|
39
|
+
border: "1px solid " + theme.palette.grey[300],
|
|
40
|
+
marginBottom: "0.5rem",
|
|
41
|
+
paddingLeft: "24px",
|
|
42
|
+
boxShadow: theme.shadows[1],
|
|
43
|
+
},
|
|
44
|
+
topMargin: {
|
|
45
|
+
marginTop: theme.spacing(2),
|
|
46
|
+
display: "block",
|
|
47
|
+
},
|
|
48
|
+
}); });
|
|
49
|
+
var AlphabeticalList = function (_a) {
|
|
50
|
+
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;
|
|
51
|
+
var classes = __assign(__assign(__assign({}, useAlphabeticalListStyles()), useSpacingStyles()), useLayoutStyles());
|
|
52
|
+
if (array === undefined || loading) {
|
|
53
|
+
return React.createElement(LoadingSpinner, { styling: classes.topMargin, text: loadingMessage });
|
|
54
|
+
}
|
|
55
|
+
if (!(array === null || array === void 0 ? void 0 : array.length)) {
|
|
56
|
+
return (React.createElement(Typography, { className: classes.topMargin, align: "center", variant: "body2", color: "textSecondary" }, emptyMessage));
|
|
57
|
+
}
|
|
58
|
+
var result = sortFn ? __spreadArray([], array, true).sort(sortFn) : array;
|
|
59
|
+
var lastSection = "";
|
|
60
|
+
return (React.createElement(List, { className: classes.limitWidth50rem }, result.map(function (item, index) {
|
|
61
|
+
var _a;
|
|
62
|
+
var showHeader = false;
|
|
63
|
+
if (alphabetisedHeader) {
|
|
64
|
+
var currentKey = (((_a = item[sortKey]) === null || _a === void 0 ? void 0 : _a[0]) || "???").toLowerCase();
|
|
65
|
+
if (currentKey !== lastSection) {
|
|
66
|
+
lastSection = currentKey;
|
|
67
|
+
showHeader = true;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
return (React.createElement(React.Fragment, { key: item[arrayKey] || "alphabetical-list-" + index },
|
|
71
|
+
alphabetisedHeader && showHeader ? (React.createElement(React.Fragment, null,
|
|
72
|
+
React.createElement(Typography, { className: "" + classes.letterHeader, align: "left" }, lastSection.toUpperCase()),
|
|
73
|
+
React.createElement(Divider, { className: classes.contentBreak + " " + classes.divider }))) : null,
|
|
74
|
+
React.createElement(ListItem, __assign({ className: classes.listItem, alignItems: "flex-start", button: (buttonClick || linkTo ? true : undefined), onClick: buttonClick ? function () { return buttonClick(item); } : undefined }, (linkTo && !buttonClick
|
|
75
|
+
? { component: RouterLink, to: linkTo(item) }
|
|
76
|
+
: {})),
|
|
77
|
+
React.createElement(ItemTemplate, { item: item }))));
|
|
78
|
+
})));
|
|
79
|
+
};
|
|
80
|
+
export default AlphabeticalList;
|
|
81
|
+
//# 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,137 @@
|
|
|
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 React from "react";
|
|
13
|
+
import { makeStyles, Typography, Link, Box, ButtonBase } from "@material-ui/core";
|
|
14
|
+
import { Link as RouterLink } from "react-router-dom";
|
|
15
|
+
var useStyles = makeStyles(function (theme) { return ({
|
|
16
|
+
logoContainer: {
|
|
17
|
+
width: "3rem",
|
|
18
|
+
height: "3rem",
|
|
19
|
+
display: "flex",
|
|
20
|
+
justifyContent: "center",
|
|
21
|
+
alignItems: "center",
|
|
22
|
+
},
|
|
23
|
+
logo: {
|
|
24
|
+
width: "100%",
|
|
25
|
+
height: "100%",
|
|
26
|
+
"& > div": {
|
|
27
|
+
width: "100%",
|
|
28
|
+
height: "100%",
|
|
29
|
+
},
|
|
30
|
+
"& > svg": {
|
|
31
|
+
width: "100%",
|
|
32
|
+
height: "100%",
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
logoInBreadcrumb: {
|
|
36
|
+
width: "2rem",
|
|
37
|
+
height: "2rem",
|
|
38
|
+
margin: "0.125rem 0 0.125rem 0.313rem",
|
|
39
|
+
},
|
|
40
|
+
logoSpacing: {
|
|
41
|
+
marginRight: theme.spacing(1),
|
|
42
|
+
},
|
|
43
|
+
flexItemsCenter: {
|
|
44
|
+
display: "flex",
|
|
45
|
+
alignItems: "center",
|
|
46
|
+
},
|
|
47
|
+
nonPrimaryBreadcrumbOffset: {
|
|
48
|
+
marginLeft: "2.5rem",
|
|
49
|
+
},
|
|
50
|
+
BreadcrumbsContainer: {
|
|
51
|
+
height: "2.25rem",
|
|
52
|
+
marginLeft: "0.875rem",
|
|
53
|
+
marginRight: "1.5rem",
|
|
54
|
+
},
|
|
55
|
+
primaryBreadcrumbItem: function (_a) {
|
|
56
|
+
var primary = _a.primary;
|
|
57
|
+
return ({
|
|
58
|
+
backgroundColor: (primary === null || primary === void 0 ? void 0 : primary.background) || theme.palette.common.white,
|
|
59
|
+
color: (primary === null || primary === void 0 ? void 0 : primary.color) || theme.palette.text.primary,
|
|
60
|
+
borderRadius: "2rem",
|
|
61
|
+
zIndex: 3,
|
|
62
|
+
height: "100%",
|
|
63
|
+
display: "flex",
|
|
64
|
+
alignItems: "center",
|
|
65
|
+
});
|
|
66
|
+
},
|
|
67
|
+
secondaryBreadcrumbItem: function (_a) {
|
|
68
|
+
var secondary = _a.secondary;
|
|
69
|
+
return ({
|
|
70
|
+
height: "2.25rem",
|
|
71
|
+
backgroundColor: (secondary === null || secondary === void 0 ? void 0 : secondary.background) || "#D7D4E4",
|
|
72
|
+
borderRadius: "2rem",
|
|
73
|
+
zIndex: 2,
|
|
74
|
+
marginLeft: "-2rem",
|
|
75
|
+
color: (secondary === null || secondary === void 0 ? void 0 : secondary.color) || theme.palette.text.primary,
|
|
76
|
+
});
|
|
77
|
+
},
|
|
78
|
+
tertiaryBreadcrumbItem: function (_a) {
|
|
79
|
+
var tertiary = _a.tertiary;
|
|
80
|
+
return ({
|
|
81
|
+
height: "2.25rem",
|
|
82
|
+
backgroundColor: (tertiary === null || tertiary === void 0 ? void 0 : tertiary.background) || "#D7D4E4",
|
|
83
|
+
borderRadius: "2rem",
|
|
84
|
+
zIndex: 1,
|
|
85
|
+
marginLeft: "-2rem",
|
|
86
|
+
color: (tertiary === null || tertiary === void 0 ? void 0 : tertiary.color) || theme.palette.common.white,
|
|
87
|
+
});
|
|
88
|
+
},
|
|
89
|
+
breadCrumbShadow: {
|
|
90
|
+
boxShadow: theme.shadows[2],
|
|
91
|
+
},
|
|
92
|
+
breadcrumbRightMargin: {
|
|
93
|
+
marginRight: "1rem",
|
|
94
|
+
},
|
|
95
|
+
breadcrumbTextOverflow: {
|
|
96
|
+
display: "block",
|
|
97
|
+
overflow: "hidden",
|
|
98
|
+
textOverflow: "ellipsis",
|
|
99
|
+
maxWidth: "12rem",
|
|
100
|
+
},
|
|
101
|
+
boldText: {
|
|
102
|
+
fontWeight: 500,
|
|
103
|
+
},
|
|
104
|
+
activeBreadcrumb: function (_a) {
|
|
105
|
+
var tertiary = _a.tertiary;
|
|
106
|
+
return ({
|
|
107
|
+
backgroundColor: (tertiary === null || tertiary === void 0 ? void 0 : tertiary.background) || "#D7D4E4",
|
|
108
|
+
color: (tertiary === null || tertiary === void 0 ? void 0 : tertiary.color) || theme.palette.common.white,
|
|
109
|
+
});
|
|
110
|
+
},
|
|
111
|
+
noWrap: {
|
|
112
|
+
whiteSpace: "nowrap",
|
|
113
|
+
},
|
|
114
|
+
fullBorderRadius: {
|
|
115
|
+
borderRadius: "100%",
|
|
116
|
+
},
|
|
117
|
+
}); });
|
|
118
|
+
var Breadcrumbs = function (_a) {
|
|
119
|
+
var logo = _a.logo, content = _a.content, colors = _a.colors;
|
|
120
|
+
var classes = useStyles(__assign({}, (colors || {})));
|
|
121
|
+
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;
|
|
122
|
+
return (React.createElement(Box, { className: classes.BreadcrumbsContainer + " " + classes.flexItemsCenter },
|
|
123
|
+
React.createElement(Box, { className: (first ? classes.primaryBreadcrumbItem + " " + classes.breadCrumbShadow : "") + " " + classes.flexItemsCenter },
|
|
124
|
+
React.createElement(Link, { component: RouterLink, to: "/", className: classes.logoSpacing },
|
|
125
|
+
React.createElement(Box, { className: classes.logoContainer + " \n " + (first ? classes.logoInBreadcrumb : "") },
|
|
126
|
+
React.createElement(ButtonBase, { className: classes.logo + " " + classes.fullBorderRadius }, logo))),
|
|
127
|
+
first && (React.createElement(Typography, { color: "textPrimary", className: classes.boldText + " " + classes.noWrap + " " + classes.primaryBreadcrumbItem },
|
|
128
|
+
React.createElement(Link, { underline: "none", component: RouterLink, to: first.link, color: "inherit", className: classes.breadcrumbRightMargin + " " + classes.breadcrumbTextOverflow }, first.name)))),
|
|
129
|
+
second && (React.createElement(Box, { className: classes.flexItemsCenter + " " + classes.secondaryBreadcrumbItem + " " + classes.breadCrumbShadow + " " + (!third ? classes.activeBreadcrumb : "") },
|
|
130
|
+
React.createElement(Typography, { color: "inherit", className: classes.boldText + " " + classes.noWrap },
|
|
131
|
+
React.createElement(Link, { component: RouterLink, underline: "none", to: second.link, color: "inherit", className: classes.nonPrimaryBreadcrumbOffset + " " + classes.breadcrumbRightMargin + " " + classes.breadcrumbTextOverflow }, second.name)))),
|
|
132
|
+
third && (React.createElement(Box, { className: classes.flexItemsCenter + " " + classes.tertiaryBreadcrumbItem + " " + classes.breadCrumbShadow },
|
|
133
|
+
React.createElement(Typography, { color: "inherit", className: classes.boldText + " " + classes.noWrap },
|
|
134
|
+
React.createElement(Link, { component: RouterLink, underline: "none", to: third.link, color: "inherit", className: classes.nonPrimaryBreadcrumbOffset + " " + classes.breadcrumbRightMargin + " " + classes.breadcrumbTextOverflow }, third.name))))));
|
|
135
|
+
};
|
|
136
|
+
export default Breadcrumbs;
|
|
137
|
+
//# 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 React from "react";
|
|
24
|
+
import { makeStyles, Button as MaterialButton, CircularProgress, } from "@material-ui/core";
|
|
25
|
+
import { useSpacingStyles } from "../styles";
|
|
26
|
+
import { NO_ACCESS_LEVEL, ONE_AND_HALF_REM, READ_LEVEL } from "../globals";
|
|
27
|
+
var useButtonStyles = makeStyles(function (theme) { return ({
|
|
28
|
+
submitButton: {
|
|
29
|
+
borderRadius: ONE_AND_HALF_REM,
|
|
30
|
+
padding: "0.4rem 1rem",
|
|
31
|
+
textTransform: "none",
|
|
32
|
+
},
|
|
33
|
+
containedText: {
|
|
34
|
+
color: "white",
|
|
35
|
+
},
|
|
36
|
+
spinnerColour: {
|
|
37
|
+
color: theme.palette.grey[500],
|
|
38
|
+
},
|
|
39
|
+
}); });
|
|
40
|
+
var Button = function (_a) {
|
|
41
|
+
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, _j = _a.accessLevel, accessLevel = _j === void 0 ? "" : _j, rest = __rest(_a, ["loading", "children", "errors", "type", "onClick", "disabled", "variant", "styling", "color", "accessLevel"]);
|
|
42
|
+
var classes = __assign(__assign({}, useSpacingStyles()), useButtonStyles());
|
|
43
|
+
if ([NO_ACCESS_LEVEL, READ_LEVEL].includes(accessLevel))
|
|
44
|
+
return null;
|
|
45
|
+
var disabledProp = disabled;
|
|
46
|
+
if (!disabled && (loading || errors)) {
|
|
47
|
+
disabledProp = true;
|
|
48
|
+
}
|
|
49
|
+
return (React.createElement(MaterialButton, __assign({}, rest, { variant: variant, color: color, type: type, className: classes.submitButton + " " + (variant === "contained" && classes.containedText) + " " + styling, disabled: disabledProp, onClick: onClick }),
|
|
50
|
+
children,
|
|
51
|
+
loading ? (React.createElement(CircularProgress, { className: classes.leftSpacer1 + " " + 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":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,UAAU,EACV,MAAM,IAAI,cAAc,EACxB,gBAAgB,GACjB,MAAM,mBAAmB,CAAC;AAC3B,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,IAAM,MAAM,GAA2B,UAAC,EAYvC;IAXC,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,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EACb,IAAI,cAX+B,8GAYvC,CADQ;IAEP,IAAM,OAAO,yBAAQ,gBAAgB,EAAE,GAAK,eAAe,EAAE,CAAE,CAAC;IAEhE,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC;QAAE,OAAO,IAAI,CAAC;IAErE,IAAI,YAAY,GAAG,QAAQ,CAAC;IAE5B,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,IAAI,MAAM,CAAC,EAAE;QACpC,YAAY,GAAG,IAAI,CAAC;KACrB;IAED,OAAO,CACL,oBAAC,cAAc,eACT,IAAI,IACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAK,OAAO,CAAC,YAAY,UAChC,OAAO,KAAK,WAAW,IAAI,OAAO,CAAC,aAAa,UAC9C,OAAS,EACb,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO;QAEf,QAAQ;QACR,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,gBAAgB,IACf,SAAS,EAAK,OAAO,CAAC,WAAW,SAAI,OAAO,CAAC,aAAe,EAC5D,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,GACZ,CACH,CAAC,CAAC,CAAC,CACF,EAAE,CACH,CACc,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.types.js","sourceRoot":"","sources":["../../src/Button/Button.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,66 @@
|
|
|
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 { Box, makeStyles, Typography } from "@material-ui/core";
|
|
24
|
+
import React, { useEffect, useState } from "react";
|
|
25
|
+
import Button from "../Button/Button";
|
|
26
|
+
import { NO_ACCESS_LEVEL, READ_LEVEL } from "../globals";
|
|
27
|
+
import { useInterval } from "../hooks";
|
|
28
|
+
import { useSpacingStyles } from "../styles";
|
|
29
|
+
var useButtonWithConfirmStyles = makeStyles(function (theme) { return ({
|
|
30
|
+
confirmWrapper: {
|
|
31
|
+
display: "inline-block",
|
|
32
|
+
},
|
|
33
|
+
confirmContainer: {
|
|
34
|
+
display: "flex",
|
|
35
|
+
alignItems: "center",
|
|
36
|
+
},
|
|
37
|
+
whiteText: {
|
|
38
|
+
color: theme.palette.common.white,
|
|
39
|
+
},
|
|
40
|
+
}); });
|
|
41
|
+
var ButtonWithConfirm = function (_a) {
|
|
42
|
+
var children = _a.children, onClick = _a.onClick, styling = _a.styling, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.variant, variant = _c === void 0 ? "outlined" : _c, _d = _a.color, color = _d === void 0 ? "primary" : _d, _e = _a.accessLevel, accessLevel = _e === void 0 ? "" : _e, _f = _a.confirmButtonLabel, confirmButtonLabel = _f === void 0 ? "Are you sure?" : _f, rest = __rest(_a, ["children", "onClick", "styling", "disabled", "variant", "color", "accessLevel", "confirmButtonLabel"]);
|
|
43
|
+
var classes = __assign(__assign({}, useSpacingStyles()), useButtonWithConfirmStyles());
|
|
44
|
+
var _g = useState(false), confirmView = _g[0], setConfirmView = _g[1];
|
|
45
|
+
var _h = useState(false), stopInterval = _h[0], setStopInterval = _h[1];
|
|
46
|
+
useInterval(function () { return setConfirmView(false); }, !confirmView || stopInterval ? null : 4500);
|
|
47
|
+
useEffect(function () {
|
|
48
|
+
setStopInterval(rest.loading);
|
|
49
|
+
setConfirmView(rest.loading);
|
|
50
|
+
}, [rest.loading]);
|
|
51
|
+
if ([NO_ACCESS_LEVEL, READ_LEVEL].includes(accessLevel))
|
|
52
|
+
return null;
|
|
53
|
+
if (confirmView)
|
|
54
|
+
return (React.createElement(Box, { className: classes.confirmWrapper },
|
|
55
|
+
React.createElement(Box, { className: classes.confirmContainer },
|
|
56
|
+
React.createElement(Typography, { className: classes.rightSpacer1, variant: "body1" }, confirmButtonLabel),
|
|
57
|
+
React.createElement(Button, __assign({}, rest, { type: "button", onClick: function (e) {
|
|
58
|
+
setStopInterval(true);
|
|
59
|
+
onClick(e);
|
|
60
|
+
}, variant: "contained", styling: classes.whiteText, disabled: disabled, color: color }),
|
|
61
|
+
"Confirm",
|
|
62
|
+
rest.loading ? "ing" : ""))));
|
|
63
|
+
return (React.createElement(Button, { type: "button", variant: variant, disabled: disabled, styling: styling, color: color, onClick: function () { return setConfirmView(true); } }, children));
|
|
64
|
+
};
|
|
65
|
+
export default ButtonWithConfirm;
|
|
66
|
+
//# sourceMappingURL=ButtonWithConfirm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonWithConfirm.js","sourceRoot":"","sources":["../../src/ButtonWithConfirm/ButtonWithConfirm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonWithConfirm.types.js","sourceRoot":"","sources":["../../src/ButtonWithConfirm/ButtonWithConfirm.types.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,22 @@
|
|
|
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 React from "react";
|
|
13
|
+
import { Box } from "@material-ui/core";
|
|
14
|
+
import { useLayoutStyles, useSpacingStyles } from "../styles";
|
|
15
|
+
var ContentBox = function (_a) {
|
|
16
|
+
var _b = _a.limitWidth, limitWidth = _b === void 0 ? false : _b, children = _a.children, styling = _a.styling;
|
|
17
|
+
var classes = __assign(__assign({}, useSpacingStyles()), useLayoutStyles());
|
|
18
|
+
return (React.createElement(Box, { boxShadow: 3, className: classes.contentBox + " " + (styling || "") },
|
|
19
|
+
React.createElement(Box, { className: classes.centeredText + " " + (limitWidth ? classes.limitWidth50rem : "") }, children)));
|
|
20
|
+
};
|
|
21
|
+
export default ContentBox;
|
|
22
|
+
//# sourceMappingURL=ContentBox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContentBox.js","sourceRoot":"","sources":["../../src/ContentBox/ContentBox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAG9D,IAAM,UAAU,GAA+B,UAAC,EAI/C;QAHC,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,QAAQ,cAAA,EACR,OAAO,aAAA;IAEP,IAAM,OAAO,yBAAQ,gBAAgB,EAAE,GAAK,eAAe,EAAE,CAAE,CAAC;IAChE,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,CAAC,EAAE,SAAS,EAAK,OAAO,CAAC,UAAU,UAAI,OAAO,IAAI,EAAE,CAAE;QACpE,oBAAC,GAAG,IACF,SAAS,EAAK,OAAO,CAAC,YAAY,UAAI,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAE,IAEhF,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContentBox.types.js","sourceRoot":"","sources":["../../src/ContentBox/ContentBox.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Typography } from "@material-ui/core";
|
|
3
|
+
import { useFontStyles } from "../styles";
|
|
4
|
+
var ContentLabel = function (_a) {
|
|
5
|
+
var children = _a.children, _b = _a.styling, styling = _b === void 0 ? null : _b;
|
|
6
|
+
var classes = useFontStyles();
|
|
7
|
+
return (React.createElement(Typography, { variant: "h6", className: classes.bolderText + " " + (styling || "") }, children));
|
|
8
|
+
};
|
|
9
|
+
export default ContentLabel;
|
|
10
|
+
//# sourceMappingURL=ContentLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContentLabel.js","sourceRoot":"","sources":["../../src/ContentLabel/ContentLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAG1C,IAAM,YAAY,GAAiC,UAAC,EAA4B;QAA1B,QAAQ,cAAA,EAAE,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA;IAC5E,IAAM,OAAO,GAAG,aAAa,EAAE,CAAC;IAChC,OAAO,CACL,oBAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAK,OAAO,CAAC,UAAU,UAAI,OAAO,IAAI,EAAE,CAAE,IACzE,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContentLabel.types.js","sourceRoot":"","sources":["../../src/ContentLabel/ContentLabel.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,40 @@
|
|
|
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 React from "react";
|
|
24
|
+
import { DatePicker as MaterialDatePicker, MuiPickersUtilsProvider, } from "@material-ui/pickers";
|
|
25
|
+
import DateFnsUtils from "@date-io/date-fns";
|
|
26
|
+
import TextField from "../TextField/TextField";
|
|
27
|
+
import { NO_ACCESS_LEVEL, READ_LEVEL } from "../globals";
|
|
28
|
+
var DatePicker = function (_a) {
|
|
29
|
+
var styling = _a.styling, _b = _a.format, format = _b === void 0 ? "dd MMM yyyy" : _b, _c = _a.minDate, minDate = _c === void 0 ? new Date("1856-09-25") : _c, accessLevel = _a.accessLevel, disabled = _a.disabled, rest = __rest(_a, ["styling", "format", "minDate", "accessLevel", "disabled"]);
|
|
30
|
+
if (accessLevel === NO_ACCESS_LEVEL)
|
|
31
|
+
return null;
|
|
32
|
+
var disabledProp = disabled;
|
|
33
|
+
if (accessLevel === READ_LEVEL) {
|
|
34
|
+
disabledProp = true;
|
|
35
|
+
}
|
|
36
|
+
return (React.createElement(MuiPickersUtilsProvider, { utils: DateFnsUtils },
|
|
37
|
+
React.createElement(MaterialDatePicker, __assign({ className: styling || "" }, rest, { disabled: disabledProp, inputVariant: "outlined", autoOk: true, format: format, minDate: minDate, TextFieldComponent: TextField }))));
|
|
38
|
+
};
|
|
39
|
+
export default DatePicker;
|
|
40
|
+
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,UAAU,IAAI,kBAAkB,EAChC,uBAAuB,GACxB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAEzD,IAAM,UAAU,GAA+B,UAAC,EAO/C;IANC,IAAA,OAAO,aAAA,EACP,cAAsB,EAAtB,MAAM,mBAAG,aAAa,KAAA,EACtB,eAAgC,EAAhC,OAAO,mBAAG,IAAI,IAAI,CAAC,YAAY,CAAC,KAAA,EAChC,WAAW,iBAAA,EACX,QAAQ,cAAA,EACL,IAAI,cANuC,2DAO/C,CADQ;IAEP,IAAI,WAAW,KAAK,eAAe;QAAE,OAAO,IAAI,CAAC;IAEjD,IAAI,YAAY,GAAG,QAAQ,CAAC;IAE5B,IAAI,WAAW,KAAK,UAAU,EAAE;QAC9B,YAAY,GAAG,IAAI,CAAC;KACrB;IAED,OAAO,CACL,oBAAC,uBAAuB,IAAC,KAAK,EAAE,YAAY;QAC1C,oBAAC,kBAAkB,aACjB,SAAS,EAAE,OAAO,IAAI,EAAE,IACpB,IAAI,IACR,QAAQ,EAAE,YAAY,EACtB,YAAY,EAAC,UAAU,EACvB,MAAM,QACN,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,SAAS,IAC7B,CACsB,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePicker.types.js","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.types.ts"],"names":[],"mappings":""}
|