@oc-digital/react-component-library 4.0.0 → 4.2.0-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/Breadcrumbs/Breadcrumbs.types.d.ts +6 -6
- package/build/Button/Button.d.ts +1 -1
- package/build/Button/Button.types.d.ts +1 -1
- package/build/DatePicker/DatePicker.types.d.ts +1 -1
- package/build/EditableTable/EditableTable.types.d.ts +7 -7
- package/build/EditableTable/defaultCells.d.ts +5 -5
- package/build/LeftNavigation/LeftNavigation.types.d.ts +1 -1
- package/build/MobileDatePicker/MobileDatePicker.types.d.ts +1 -1
- package/build/NavbarLayout/Navbar.d.ts +3 -3
- package/build/NavbarLayout/NavbarLayout.d.ts +3 -3
- package/build/StaticTable/StaticTable.types.d.ts +2 -2
- package/build/TextField/TextField.d.ts +1 -1
- package/build/ThemeProvider/index.d.ts +2 -2
- package/build/globals/index.d.ts +2 -2
- package/build/index.js +1 -1
- package/build/index.js.map +1 -1
- package/build/utils/index.d.ts +1 -1
- package/package.json +1 -1
- package/build/Alert/Alert.js +0 -44
- package/build/Alert/Alert.js.map +0 -1
- package/build/Alert/Alert.types.js +0 -2
- package/build/Alert/Alert.types.js.map +0 -1
- package/build/AlphabeticalList/AlphabeticalList.js +0 -82
- package/build/AlphabeticalList/AlphabeticalList.js.map +0 -1
- package/build/AlphabeticalList/AlphabeticalList.types.js +0 -2
- package/build/AlphabeticalList/AlphabeticalList.types.js.map +0 -1
- package/build/Breadcrumbs/Breadcrumbs.js +0 -138
- package/build/Breadcrumbs/Breadcrumbs.js.map +0 -1
- package/build/Breadcrumbs/Breadcrumbs.types.js +0 -2
- package/build/Breadcrumbs/Breadcrumbs.types.js.map +0 -1
- package/build/Button/Button.js +0 -56
- package/build/Button/Button.js.map +0 -1
- package/build/Button/Button.types.js +0 -2
- package/build/Button/Button.types.js.map +0 -1
- package/build/ButtonWithConfirm/ButtonWithConfirm.js +0 -67
- package/build/ButtonWithConfirm/ButtonWithConfirm.js.map +0 -1
- package/build/ButtonWithConfirm/ButtonWithConfirm.types.js +0 -2
- package/build/ButtonWithConfirm/ButtonWithConfirm.types.js.map +0 -1
- package/build/ContentBox/ContentBox.js +0 -22
- package/build/ContentBox/ContentBox.js.map +0 -1
- package/build/ContentBox/ContentBox.types.js +0 -2
- package/build/ContentBox/ContentBox.types.js.map +0 -1
- package/build/ContentLabel/ContentLabel.js +0 -10
- package/build/ContentLabel/ContentLabel.js.map +0 -1
- package/build/ContentLabel/ContentLabel.types.js +0 -2
- package/build/ContentLabel/ContentLabel.types.js.map +0 -1
- package/build/DatePicker/DatePicker.js +0 -38
- package/build/DatePicker/DatePicker.js.map +0 -1
- package/build/DatePicker/DatePicker.types.js +0 -2
- package/build/DatePicker/DatePicker.types.js.map +0 -1
- package/build/EditableTable/EditableTable.js +0 -522
- package/build/EditableTable/EditableTable.js.map +0 -1
- package/build/EditableTable/EditableTable.types.js +0 -2
- package/build/EditableTable/EditableTable.types.js.map +0 -1
- package/build/EditableTable/defaultCells.js +0 -176
- package/build/EditableTable/defaultCells.js.map +0 -1
- package/build/EntityList/EntityList.js +0 -56
- package/build/EntityList/EntityList.js.map +0 -1
- package/build/EntityList/EntityList.types.js +0 -2
- package/build/EntityList/EntityList.types.js.map +0 -1
- package/build/ErrorIndicator/ErrorIndicator.js +0 -24
- package/build/ErrorIndicator/ErrorIndicator.js.map +0 -1
- package/build/ErrorIndicator/ErrorIndicator.types.js +0 -2
- package/build/ErrorIndicator/ErrorIndicator.types.js.map +0 -1
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.js +0 -310
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.js.map +0 -1
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.types.js +0 -2
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.types.js.map +0 -1
- package/build/KeyboardDatePicker/KeyboardDatePicker.js +0 -38
- package/build/KeyboardDatePicker/KeyboardDatePicker.js.map +0 -1
- package/build/KeyboardDatePicker/KeyboardDatePicker.types.js +0 -2
- package/build/KeyboardDatePicker/KeyboardDatePicker.types.js.map +0 -1
- package/build/LeftNavigation/LeftNavigation.js +0 -48
- package/build/LeftNavigation/LeftNavigation.js.map +0 -1
- package/build/LeftNavigation/LeftNavigation.types.js +0 -2
- package/build/LeftNavigation/LeftNavigation.types.js.map +0 -1
- package/build/LeftNavigation/NavListItem.js +0 -139
- package/build/LeftNavigation/NavListItem.js.map +0 -1
- package/build/LeftNavigation/PrimaryLeftNavigation.js +0 -112
- package/build/LeftNavigation/PrimaryLeftNavigation.js.map +0 -1
- package/build/LeftNavigation/SecondaryLeftNavigation.js +0 -99
- package/build/LeftNavigation/SecondaryLeftNavigation.js.map +0 -1
- package/build/LoadingSpinner/LoadingSpinner.js +0 -23
- package/build/LoadingSpinner/LoadingSpinner.js.map +0 -1
- package/build/LoadingSpinner/LoadingSpinner.types.js +0 -2
- package/build/LoadingSpinner/LoadingSpinner.types.js.map +0 -1
- package/build/MainLayout/MainLayout.js +0 -39
- package/build/MainLayout/MainLayout.js.map +0 -1
- package/build/MainLayout/MainLayout.types.js +0 -2
- package/build/MainLayout/MainLayout.types.js.map +0 -1
- package/build/MobileDatePicker/MobileDatePicker.js +0 -38
- package/build/MobileDatePicker/MobileDatePicker.js.map +0 -1
- package/build/MobileDatePicker/MobileDatePicker.types.js +0 -2
- package/build/MobileDatePicker/MobileDatePicker.types.js.map +0 -1
- package/build/NavbarLayout/Navbar.js +0 -104
- package/build/NavbarLayout/Navbar.js.map +0 -1
- package/build/NavbarLayout/NavbarLayout.js +0 -57
- package/build/NavbarLayout/NavbarLayout.js.map +0 -1
- package/build/NavbarLayout/index.js +0 -2
- package/build/NavbarLayout/index.js.map +0 -1
- package/build/SearchBar/SearchBar.js +0 -78
- package/build/SearchBar/SearchBar.js.map +0 -1
- package/build/SearchBar/SearchBar.types.js +0 -2
- package/build/SearchBar/SearchBar.types.js.map +0 -1
- package/build/Select/Select.js +0 -70
- package/build/Select/Select.js.map +0 -1
- package/build/Select/Select.types.js +0 -2
- package/build/Select/Select.types.js.map +0 -1
- package/build/StaticTable/StaticTable.js +0 -155
- package/build/StaticTable/StaticTable.js.map +0 -1
- package/build/StaticTable/StaticTable.types.js +0 -2
- package/build/StaticTable/StaticTable.types.js.map +0 -1
- package/build/SvgComponents/ContainedPartnersLogo.js +0 -10
- package/build/SvgComponents/ContainedPartnersLogo.js.map +0 -1
- package/build/SvgComponents/HomeSvg.js +0 -16
- package/build/SvgComponents/HomeSvg.js.map +0 -1
- package/build/SvgComponents/NovelLogoSvg.js +0 -97
- package/build/SvgComponents/NovelLogoSvg.js.map +0 -1
- package/build/SvgComponents/OrganisationList.js +0 -103
- package/build/SvgComponents/OrganisationList.js.map +0 -1
- package/build/SvgComponents/ProjectsSvg.js +0 -18
- package/build/SvgComponents/ProjectsSvg.js.map +0 -1
- package/build/SvgComponents/index.js +0 -6
- package/build/SvgComponents/index.js.map +0 -1
- package/build/SvgComponents/types.js +0 -2
- package/build/SvgComponents/types.js.map +0 -1
- package/build/TextField/TextField.js +0 -67
- package/build/TextField/TextField.js.map +0 -1
- package/build/TextField/TextField.types.js +0 -2
- package/build/TextField/TextField.types.js.map +0 -1
- package/build/ThemeProvider/index.js +0 -9
- package/build/ThemeProvider/index.js.map +0 -1
- package/build/globals/index.js +0 -28
- package/build/globals/index.js.map +0 -1
- package/build/hooks/index.js +0 -4
- package/build/hooks/index.js.map +0 -1
- package/build/hooks/useDebounceEffect.js +0 -12
- package/build/hooks/useDebounceEffect.js.map +0 -1
- package/build/hooks/useInterval.js +0 -19
- package/build/hooks/useInterval.js.map +0 -1
- package/build/hooks/useWhyDidYouUpdate.js +0 -43
- package/build/hooks/useWhyDidYouUpdate.js.map +0 -1
- package/build/styles/font.js +0 -19
- package/build/styles/font.js.map +0 -1
- package/build/styles/index.js +0 -4
- package/build/styles/index.js.map +0 -1
- package/build/styles/layout.js +0 -81
- package/build/styles/layout.js.map +0 -1
- package/build/styles/spacing.js +0 -50
- package/build/styles/spacing.js.map +0 -1
- package/build/utils/index.js +0 -14
- package/build/utils/index.js.map +0 -1
|
@@ -1,38 +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 React from "react";
|
|
24
|
-
import { DatePicker as MaterialDatePicker } from "@mui/x-date-pickers/DatePicker";
|
|
25
|
-
import TextField from "../TextField/TextField";
|
|
26
|
-
import { NO_ACCESS_LEVEL, READ_LEVEL } from "../globals";
|
|
27
|
-
var KeyboardDatePicker = function (_a) {
|
|
28
|
-
var styling = _a.styling, _b = _a.format, format = _b === void 0 ? "dd/MM/yyyy" : _b, _c = _a.minDate, minDate = _c === void 0 ? new Date("1856-09-25") : _c, accessLevel = _a.accessLevel, disabled = _a.disabled, slots = _a.slots, rest = __rest(_a, ["styling", "format", "minDate", "accessLevel", "disabled", "slots"]);
|
|
29
|
-
if (accessLevel === NO_ACCESS_LEVEL)
|
|
30
|
-
return null;
|
|
31
|
-
var disabledProp = disabled;
|
|
32
|
-
if (accessLevel === READ_LEVEL) {
|
|
33
|
-
disabledProp = true;
|
|
34
|
-
}
|
|
35
|
-
return (React.createElement(MaterialDatePicker, __assign({ className: styling || "" }, rest, { disabled: disabledProp, format: format, minDate: minDate, slots: __assign({ textField: TextField }, (slots || {})) })));
|
|
36
|
-
};
|
|
37
|
-
export default KeyboardDatePicker;
|
|
38
|
-
//# sourceMappingURL=KeyboardDatePicker.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"KeyboardDatePicker.js","sourceRoot":"","sources":["../../src/KeyboardDatePicker/KeyboardDatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAClF,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAGzD,IAAM,kBAAkB,GAA+B,UAAC,EAQvD;IAPC,IAAA,OAAO,aAAA,EACP,cAAqB,EAArB,MAAM,mBAAG,YAAY,KAAA,EACrB,eAAgC,EAAhC,OAAO,mBAAG,IAAI,IAAI,CAAC,YAAY,CAAC,KAAA,EAChC,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cAP+C,oEAQvD,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,kBAAkB,aACjB,SAAS,EAAE,OAAO,IAAI,EAAE,IACpB,IAAI,IACR,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,KAAK,aACH,SAAS,EAAE,SAA8C,IACtD,CAAC,KAAK,IAAI,EAAE,CAAC,KAElB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"KeyboardDatePicker.types.js","sourceRoot":"","sources":["../../src/KeyboardDatePicker/KeyboardDatePicker.types.ts"],"names":[],"mappings":""}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
2
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
3
|
-
if (ar || !(i in from)) {
|
|
4
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
5
|
-
ar[i] = from[i];
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
9
|
-
};
|
|
10
|
-
import React, { useState, useEffect } from "react";
|
|
11
|
-
import { useLocation } from "react-router-dom";
|
|
12
|
-
import SecondaryLeftNavContainer from "./SecondaryLeftNavigation";
|
|
13
|
-
import PrimaryLeftNavContainer from "./PrimaryLeftNavigation";
|
|
14
|
-
import { Box } from "@mui/material";
|
|
15
|
-
import makeStyles from "@mui/styles/makeStyles";
|
|
16
|
-
var useLeftNavStyles = makeStyles({
|
|
17
|
-
leftNavContainer: {
|
|
18
|
-
height: "100%",
|
|
19
|
-
display: "flex",
|
|
20
|
-
position: "relative",
|
|
21
|
-
width: "max-content",
|
|
22
|
-
},
|
|
23
|
-
});
|
|
24
|
-
var LeftNavigation = function (_a) {
|
|
25
|
-
var primaryNavItems = _a.primaryNavItems, secondaryNavItems = _a.secondaryNavItems, config = _a.config;
|
|
26
|
-
var _b = useState({
|
|
27
|
-
view: "",
|
|
28
|
-
expanded: false,
|
|
29
|
-
}), expandedOptions = _b[0], setExpandedOptions = _b[1];
|
|
30
|
-
var styles = useLeftNavStyles();
|
|
31
|
-
var location = useLocation();
|
|
32
|
-
var navsWithSecondary = primaryNavItems.reduce(function (navs, nav) { return (nav.hasSecondary ? __spreadArray(__spreadArray([], navs, true), [nav.field], false) : navs); }, []);
|
|
33
|
-
useEffect(function () {
|
|
34
|
-
setExpandedOptions(function (prev) {
|
|
35
|
-
if (navsWithSecondary.includes(prev.view) && prev.expanded === true) {
|
|
36
|
-
return prev;
|
|
37
|
-
}
|
|
38
|
-
else
|
|
39
|
-
return { view: "", expanded: false };
|
|
40
|
-
});
|
|
41
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
42
|
-
}, [location.pathname]);
|
|
43
|
-
return (React.createElement(Box, { component: "nav", className: styles.leftNavContainer },
|
|
44
|
-
React.createElement(PrimaryLeftNavContainer, { expandedOptions: expandedOptions, setExpandedOptions: setExpandedOptions, navigationLinks: primaryNavItems, config: config }),
|
|
45
|
-
expandedOptions.expanded && (React.createElement(SecondaryLeftNavContainer, { secondaryNavItems: secondaryNavItems, primaryNavItems: primaryNavItems, expandedOptions: expandedOptions, setExpandedOptions: setExpandedOptions, config: config }))));
|
|
46
|
-
};
|
|
47
|
-
export default LeftNavigation;
|
|
48
|
-
//# sourceMappingURL=LeftNavigation.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LeftNavigation.js","sourceRoot":"","sources":["../../src/LeftNavigation/LeftNavigation.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,yBAAyB,MAAM,2BAA2B,CAAC;AAClE,OAAO,uBAAuB,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAGhD,IAAM,gBAAgB,GAAG,UAAU,CAAC;IAClC,gBAAgB,EAAE;QAChB,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,aAAa;KACrB;CACF,CAAC,CAAC;AAEH,IAAM,cAAc,GAAmC,UAAC,EAIvD;QAHC,eAAe,qBAAA,EACf,iBAAiB,uBAAA,EACjB,MAAM,YAAA;IAEA,IAAA,KAAwC,QAAQ,CAAC;QACrD,IAAI,EAAE,EAAE;QACR,QAAQ,EAAE,KAAK;KAChB,CAAC,EAHK,eAAe,QAAA,EAAE,kBAAkB,QAGxC,CAAC;IAEH,IAAM,MAAM,GAAG,gBAAgB,EAAE,CAAC;IAClC,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,IAAM,iBAAiB,GAAG,eAAe,CAAC,MAAM,CAC9C,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,iCAAK,IAAI,UAAE,GAAG,CAAC,KAAK,UAAE,CAAC,CAAC,IAAI,CAAC,EAAhD,CAAgD,EAC/D,EAAc,CACf,CAAC;IAEF,SAAS,CAAC;QACR,kBAAkB,CAAC,UAAC,IAAI;YACtB,IAAI,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE;gBACnE,OAAO,IAAI,CAAC;aACb;;gBAAM,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;QAC9C,CAAC,CAAC,CAAC;QACH,uDAAuD;IACzD,CAAC,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAE,MAAM,CAAC,gBAAgB;QACrD,oBAAC,uBAAuB,IACtB,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,eAAe,EAChC,MAAM,EAAE,MAAM,GACd;QAED,eAAe,CAAC,QAAQ,IAAI,CAC3B,oBAAC,yBAAyB,IACxB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,MAAM,EAAE,MAAM,GACd,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,cAAc,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LeftNavigation.types.js","sourceRoot":"","sources":["../../src/LeftNavigation/LeftNavigation.types.ts"],"names":[],"mappings":""}
|
|
@@ -1,139 +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
|
-
import React, { useState } from "react";
|
|
13
|
-
import { List, ListItem, ListItemIcon, ListItemText, Collapse, Typography, Box, } from "@mui/material";
|
|
14
|
-
import makeStyles from "@mui/styles/makeStyles";
|
|
15
|
-
import { ExpandLess, ExpandMore } from "@mui/icons-material";
|
|
16
|
-
import { useLocation, Link as RouterLink } from "react-router-dom";
|
|
17
|
-
import { useFontStyles, useSpacingStyles } from "../styles";
|
|
18
|
-
var useNavListStyles = makeStyles(function (theme) { return ({
|
|
19
|
-
listIcon: {
|
|
20
|
-
minWidth: "auto",
|
|
21
|
-
paddingRight: "0.25rem",
|
|
22
|
-
},
|
|
23
|
-
mainIconSize: {
|
|
24
|
-
fontSize: "1rem",
|
|
25
|
-
},
|
|
26
|
-
mainIconMarginAdjustment: {
|
|
27
|
-
marginTop: "3px",
|
|
28
|
-
},
|
|
29
|
-
textOverflowEllipsis: {
|
|
30
|
-
overflow: "hidden",
|
|
31
|
-
textOverflow: "ellipsis",
|
|
32
|
-
},
|
|
33
|
-
mainListItem: function (props) { return ({
|
|
34
|
-
padding: "8px 24px 8px 16px",
|
|
35
|
-
alignItems: "flex-start",
|
|
36
|
-
backgroundColor: props.mainBackground || theme.palette.common.white,
|
|
37
|
-
color: props.mainText || theme.palette.text.primary,
|
|
38
|
-
borderRadius: theme.spacing(0.6),
|
|
39
|
-
"&:hover": {
|
|
40
|
-
backgroundColor: props.mainHover || theme.palette.action.hover,
|
|
41
|
-
},
|
|
42
|
-
}); },
|
|
43
|
-
mainIconColor: function (props) { return ({
|
|
44
|
-
color: props.mainIcon || theme.palette.grey[500],
|
|
45
|
-
}); },
|
|
46
|
-
activeMainIconColor: function (props) { return ({
|
|
47
|
-
color: props.mainActiveText || "#8FC1FF",
|
|
48
|
-
}); },
|
|
49
|
-
subListItem: function (props) { return ({
|
|
50
|
-
backgroundColor: props.subItemBackground || "#FFFFFF",
|
|
51
|
-
color: props.subItemText || theme.palette.text.secondary,
|
|
52
|
-
borderRadius: "8px",
|
|
53
|
-
"&:hover": {
|
|
54
|
-
backgroundColor: props.subItemHover || "rgba(143,193,255,0.3)",
|
|
55
|
-
},
|
|
56
|
-
}); },
|
|
57
|
-
activeSubListItem: function (props) { return ({
|
|
58
|
-
backgroundColor: props.subItemActiveBackground || "#FFFFFF",
|
|
59
|
-
color: props.subItemActiveText || "#8FC1FF",
|
|
60
|
-
"&:hover": {
|
|
61
|
-
backgroundColor: props.subItemActiveHover || "rgba(143,193,255,0.3)",
|
|
62
|
-
},
|
|
63
|
-
}); },
|
|
64
|
-
subItemBorder: {
|
|
65
|
-
borderLeft: "1px solid " + theme.palette.grey[600],
|
|
66
|
-
marginLeft: "1px",
|
|
67
|
-
marginRight: "1px",
|
|
68
|
-
width: "100%",
|
|
69
|
-
height: "100%",
|
|
70
|
-
},
|
|
71
|
-
relativeWrapper: {
|
|
72
|
-
position: "relative",
|
|
73
|
-
},
|
|
74
|
-
subItemBorderMask: function (props) { return ({
|
|
75
|
-
borderLeft: "3px solid " + (props.subItemActiveText || "#8FC1FF"),
|
|
76
|
-
borderRadius: "1px",
|
|
77
|
-
position: "absolute",
|
|
78
|
-
top: "50%",
|
|
79
|
-
bottom: "50%",
|
|
80
|
-
transition: "all 0.2s ease-in-out",
|
|
81
|
-
}); },
|
|
82
|
-
activeSubItemBorder: {
|
|
83
|
-
top: "0 !important",
|
|
84
|
-
bottom: "0 !important",
|
|
85
|
-
},
|
|
86
|
-
subItemWrapper: {
|
|
87
|
-
display: "flex",
|
|
88
|
-
marginLeft: "13px",
|
|
89
|
-
marginRight: "16px",
|
|
90
|
-
},
|
|
91
|
-
noYMargin: {
|
|
92
|
-
marginTop: "unset",
|
|
93
|
-
marginBottom: "unset",
|
|
94
|
-
},
|
|
95
|
-
}); });
|
|
96
|
-
var isItemActive = function (currentPathname, id) {
|
|
97
|
-
if (currentPathname.split("/").includes(id)) {
|
|
98
|
-
return true;
|
|
99
|
-
}
|
|
100
|
-
return false;
|
|
101
|
-
};
|
|
102
|
-
var NavListItem = function (_a) {
|
|
103
|
-
var _b, _c;
|
|
104
|
-
var mainItem = _a.mainItem, subItems = _a.subItems, config = _a.config, Icon = _a.Icon;
|
|
105
|
-
var classes = __assign(__assign(__assign({}, useFontStyles()), useSpacingStyles()), useNavListStyles(__assign(__assign({}, (((_b = config.secondary) === null || _b === void 0 ? void 0 : _b.mainItemColors) || {})), (((_c = config.secondary) === null || _c === void 0 ? void 0 : _c.subItemColors) || {}))));
|
|
106
|
-
var location = useLocation();
|
|
107
|
-
var activeMainItem = isItemActive(location.pathname, mainItem.id);
|
|
108
|
-
var _d = useState((subItems === null || subItems === void 0 ? void 0 : subItems.length) ? activeMainItem : false), subExpanded = _d[0], setSubExpanded = _d[1];
|
|
109
|
-
return (React.createElement(React.Fragment, null,
|
|
110
|
-
React.createElement(ListItem, { button: true, dense: true, className: classes.mainListItem, component: RouterLink, to: mainItem.route },
|
|
111
|
-
React.createElement(ListItemIcon, { className: classes.listIcon + " " + classes.mainIconMarginAdjustment + " " + classes.rightSpacer1 },
|
|
112
|
-
React.createElement(Icon, { id: "second-nav-item", styling: classes.mainIconSize + " " + classes.mainIconColor + " " + (activeMainItem ? classes.activeMainIconColor : "") })),
|
|
113
|
-
React.createElement(ListItemText, { disableTypography: true, className: classes.noYMargin, primary: React.createElement(Typography, { variant: "body2", className: classes.bolderText + " " + classes.textOverflowEllipsis, color: "inherit" },
|
|
114
|
-
mainItem.name,
|
|
115
|
-
(subItems === null || subItems === void 0 ? void 0 : subItems.length) ? (React.createElement(Typography, { component: "span", variant: "body2", className: classes.bolderText, color: "inherit" },
|
|
116
|
-
" ",
|
|
117
|
-
"(",
|
|
118
|
-
subItems.length,
|
|
119
|
-
")")) : null) }),
|
|
120
|
-
(subItems === null || subItems === void 0 ? void 0 : subItems.length) ? (React.createElement(ListItemIcon, { className: classes.listIcon, onClick: function (e) {
|
|
121
|
-
e.preventDefault();
|
|
122
|
-
e.stopPropagation();
|
|
123
|
-
setSubExpanded(function (expanded) { return !expanded; });
|
|
124
|
-
} }, subExpanded ? React.createElement(ExpandLess, null) : React.createElement(ExpandMore, null))) : null),
|
|
125
|
-
(subItems === null || subItems === void 0 ? void 0 : subItems.length) ? (React.createElement(Collapse, { in: subExpanded, timeout: "auto", unmountOnExit: true },
|
|
126
|
-
React.createElement(List, { component: "div", disablePadding: true }, subItems.map(function (_a) {
|
|
127
|
-
var name = _a.name, route = _a.route, id = _a.id;
|
|
128
|
-
return (React.createElement(Box, { key: id, className: classes.subItemWrapper },
|
|
129
|
-
React.createElement(Box, { className: classes.relativeWrapper + " " + classes.rightSpacer1 },
|
|
130
|
-
React.createElement(Box, { className: classes.subItemBorder + " " }),
|
|
131
|
-
React.createElement(Box, { className: classes.subItemBorderMask + " " + (isItemActive(location.pathname, id)
|
|
132
|
-
? classes.activeSubItemBorder
|
|
133
|
-
: "") + " " })),
|
|
134
|
-
React.createElement(ListItem, { key: route, component: RouterLink, to: route, button: true, dense: true, className: classes.subListItem + " " + (isItemActive(location.pathname, id) ? classes.activeSubListItem : "") },
|
|
135
|
-
React.createElement(ListItemText, { disableTypography: true, primary: React.createElement(Typography, { variant: "body2", className: classes.textOverflowEllipsis, color: "inherit" }, name) }))));
|
|
136
|
-
})))) : null));
|
|
137
|
-
};
|
|
138
|
-
export default NavListItem;
|
|
139
|
-
//# sourceMappingURL=NavListItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NavListItem.js","sourceRoot":"","sources":["../../src/LeftNavigation/NavListItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,112 +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
|
-
import React from "react";
|
|
13
|
-
import { useLocation, Link as RouterLink } from "react-router-dom";
|
|
14
|
-
import { Box, List, ListItem, ListItemIcon, Typography } from "@mui/material";
|
|
15
|
-
import makeStyles from "@mui/styles/makeStyles";
|
|
16
|
-
import { BORDER_RADIUS } from "../globals";
|
|
17
|
-
var usePrimaryLeftNavStyles = makeStyles(function (theme) { return ({
|
|
18
|
-
primaryNavContainer: function (props) { return ({
|
|
19
|
-
background: props.background || "linear-gradient(to bottom, #253a68 40%, #73c4ca)",
|
|
20
|
-
border: "2px solid " + (props.activeBorderColor || "#8FC1FF"),
|
|
21
|
-
borderLeft: "none",
|
|
22
|
-
borderTopRightRadius: BORDER_RADIUS,
|
|
23
|
-
borderBottomRightRadius: BORDER_RADIUS,
|
|
24
|
-
minWidth: "4.5rem",
|
|
25
|
-
overflowY: "auto",
|
|
26
|
-
overflowX: "hidden",
|
|
27
|
-
}); },
|
|
28
|
-
listWrapper: {
|
|
29
|
-
display: "flex",
|
|
30
|
-
flexDirection: "column",
|
|
31
|
-
paddingTop: 0,
|
|
32
|
-
},
|
|
33
|
-
itemWrapper: {
|
|
34
|
-
display: "flex",
|
|
35
|
-
flexDirection: "column",
|
|
36
|
-
padding: "0.75rem 0.5rem 0.5rem 0.5rem",
|
|
37
|
-
},
|
|
38
|
-
itemBorder: {
|
|
39
|
-
borderRight: function (props) {
|
|
40
|
-
return "6px solid " + (props.activeBorderColor || "#8FC1FF");
|
|
41
|
-
},
|
|
42
|
-
position: "absolute",
|
|
43
|
-
bottom: "50%",
|
|
44
|
-
top: "50%",
|
|
45
|
-
transition: "all 0.2s ease-in-out",
|
|
46
|
-
right: "-3px",
|
|
47
|
-
},
|
|
48
|
-
activeBorder: {
|
|
49
|
-
top: "15%",
|
|
50
|
-
bottom: "15%",
|
|
51
|
-
},
|
|
52
|
-
iconWrapper: {
|
|
53
|
-
minWidth: 0,
|
|
54
|
-
marginBottom: "4px",
|
|
55
|
-
position: "relative",
|
|
56
|
-
},
|
|
57
|
-
itemName: {
|
|
58
|
-
fontSize: "0.7rem",
|
|
59
|
-
maxWidth: "3.5rem",
|
|
60
|
-
textAlign: "center",
|
|
61
|
-
textOverflow: "ellipsis",
|
|
62
|
-
overflow: "hidden",
|
|
63
|
-
},
|
|
64
|
-
textColour: {
|
|
65
|
-
color: function (props) { return props.text || "#FFFFFF"; },
|
|
66
|
-
},
|
|
67
|
-
activeTextColour: {
|
|
68
|
-
color: function (props) { return props.activeText || "#8FC1FF"; },
|
|
69
|
-
},
|
|
70
|
-
lastItem: {
|
|
71
|
-
marginTop: "auto",
|
|
72
|
-
},
|
|
73
|
-
}); });
|
|
74
|
-
var PrimaryLeftNavContainer = function (_a) {
|
|
75
|
-
var expandedOptions = _a.expandedOptions, setExpandedOptions = _a.setExpandedOptions, navigationLinks = _a.navigationLinks, config = _a.config;
|
|
76
|
-
var location = useLocation();
|
|
77
|
-
var classes = usePrimaryLeftNavStyles(__assign({}, (config.primary || {})));
|
|
78
|
-
var applyActiveBackground = function (fieldName, path) {
|
|
79
|
-
if (expandedOptions.view === "") {
|
|
80
|
-
if (location.pathname === path) {
|
|
81
|
-
return true;
|
|
82
|
-
}
|
|
83
|
-
else if (fieldName !== config.rootRouteName &&
|
|
84
|
-
location.pathname.startsWith(path)) {
|
|
85
|
-
return true;
|
|
86
|
-
}
|
|
87
|
-
else
|
|
88
|
-
return false;
|
|
89
|
-
}
|
|
90
|
-
else if (expandedOptions.view === fieldName) {
|
|
91
|
-
return true;
|
|
92
|
-
}
|
|
93
|
-
else
|
|
94
|
-
return false;
|
|
95
|
-
};
|
|
96
|
-
return (React.createElement(List, { className: classes.primaryNavContainer + " " + classes.listWrapper }, navigationLinks.map(function (item, index, arr) {
|
|
97
|
-
var _a;
|
|
98
|
-
return (React.createElement(ListItem, __assign({ key: item.field, button: true, className: classes.itemWrapper + " " + classes.textColour + " " + (((_a = config.primary) === null || _a === void 0 ? void 0 : _a.moveLastItemToBottom) && index === arr.length - 1
|
|
99
|
-
? classes.lastItem
|
|
100
|
-
: "") }, (!!item.hasSecondary ? {} : { component: RouterLink, to: item.path }), { onClick: function () {
|
|
101
|
-
setExpandedOptions({ view: item.field, expanded: !!item.hasSecondary });
|
|
102
|
-
} }),
|
|
103
|
-
React.createElement(ListItemIcon, { className: classes.iconWrapper },
|
|
104
|
-
React.createElement(item.Icon, { styling: classes.textColour + " " + (applyActiveBackground(item.field, item.path)
|
|
105
|
-
? classes.activeTextColour
|
|
106
|
-
: "") })),
|
|
107
|
-
React.createElement(Typography, { variant: "caption", className: classes.itemName + " " + classes.textColour + " " + (applyActiveBackground(item.field, item.path) ? classes.activeTextColour : "") }, item.field),
|
|
108
|
-
React.createElement(Box, { className: classes.itemBorder + " " + (applyActiveBackground(item.field, item.path) ? classes.activeBorder : "") })));
|
|
109
|
-
})));
|
|
110
|
-
};
|
|
111
|
-
export default PrimaryLeftNavContainer;
|
|
112
|
-
//# sourceMappingURL=PrimaryLeftNavigation.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PrimaryLeftNavigation.js","sourceRoot":"","sources":["../../src/LeftNavigation/PrimaryLeftNavigation.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,99 +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
|
-
import React from "react";
|
|
13
|
-
import { Box, IconButton, Typography, List } from "@mui/material";
|
|
14
|
-
import makeStyles from "@mui/styles/makeStyles";
|
|
15
|
-
import NavListItem from "./NavListItem";
|
|
16
|
-
import { useHistory } from "react-router-dom";
|
|
17
|
-
import { sortDescendingStartDateString } from "../utils";
|
|
18
|
-
import CloseIcon from "@mui/icons-material/Close";
|
|
19
|
-
import AddBoxOutlinedIcon from "@mui/icons-material/AddBoxOutlined";
|
|
20
|
-
import { useFontStyles, useSpacingStyles } from "../styles";
|
|
21
|
-
import { BORDER_RADIUS } from "../globals";
|
|
22
|
-
var useSecondaryNavStyles = makeStyles(function (theme) { return ({
|
|
23
|
-
secondaryNavWrapper: {
|
|
24
|
-
height: "100%",
|
|
25
|
-
width: "300px",
|
|
26
|
-
background: "white",
|
|
27
|
-
overflowY: "auto",
|
|
28
|
-
overflowX: "hidden",
|
|
29
|
-
borderTopRightRadius: BORDER_RADIUS,
|
|
30
|
-
borderBottomRightRadius: BORDER_RADIUS,
|
|
31
|
-
marginLeft: "-16px",
|
|
32
|
-
paddingLeft: "16px",
|
|
33
|
-
border: "1px solid " + theme.palette.grey[300],
|
|
34
|
-
boxShadow: "0 2px 4px 0 rgba(0, 0, 0, 0.3)",
|
|
35
|
-
boxSizing: "border-box",
|
|
36
|
-
},
|
|
37
|
-
titleWrapper: {
|
|
38
|
-
marginTop: "24px",
|
|
39
|
-
display: "flex",
|
|
40
|
-
alignItems: "center",
|
|
41
|
-
paddingLeft: "16px",
|
|
42
|
-
paddingRight: "16px",
|
|
43
|
-
},
|
|
44
|
-
title: {
|
|
45
|
-
fontSize: "18px",
|
|
46
|
-
fontWeight: 500,
|
|
47
|
-
color: function (props) { return props.titleColor || "#8FC1FF"; },
|
|
48
|
-
},
|
|
49
|
-
titleIcons: {
|
|
50
|
-
color: function (props) { return props.titleIconColor || "#8FC1FF"; },
|
|
51
|
-
},
|
|
52
|
-
closeButton: {
|
|
53
|
-
marginLeft: "auto",
|
|
54
|
-
},
|
|
55
|
-
archivedSeparator: {
|
|
56
|
-
paddingLeft: "8px",
|
|
57
|
-
color: theme.palette.grey[500],
|
|
58
|
-
},
|
|
59
|
-
archivedBorder: {
|
|
60
|
-
marginTop: "3rem",
|
|
61
|
-
border: "1px solid " + theme.palette.grey[200],
|
|
62
|
-
width: "33%",
|
|
63
|
-
marginLeft: "8px",
|
|
64
|
-
},
|
|
65
|
-
listWrapper: {
|
|
66
|
-
marginLeft: theme.spacing(1),
|
|
67
|
-
marginRight: theme.spacing(1),
|
|
68
|
-
},
|
|
69
|
-
}); });
|
|
70
|
-
var SecondaryLeftNavContainer = function (_a) {
|
|
71
|
-
var _b, _c, _d, _e;
|
|
72
|
-
var secondaryNavItems = _a.secondaryNavItems, primaryNavItems = _a.primaryNavItems, expandedOptions = _a.expandedOptions, setExpandedOptions = _a.setExpandedOptions, config = _a.config;
|
|
73
|
-
var stylesProps = {
|
|
74
|
-
titleColor: (_b = config.secondary) === null || _b === void 0 ? void 0 : _b.titleColor,
|
|
75
|
-
titleIconColor: (_c = config.secondary) === null || _c === void 0 ? void 0 : _c.titleIconColor,
|
|
76
|
-
};
|
|
77
|
-
var classes = __assign(__assign(__assign({}, useSpacingStyles()), useFontStyles()), useSecondaryNavStyles(stylesProps));
|
|
78
|
-
var history = useHistory();
|
|
79
|
-
var navItem = secondaryNavItems[expandedOptions.view];
|
|
80
|
-
if (!navItem)
|
|
81
|
-
return null;
|
|
82
|
-
var mainItemIcon = primaryNavItems.find(function (item) { return item.field === expandedOptions.view; }).Icon;
|
|
83
|
-
return (React.createElement(Box, { className: classes.secondaryNavWrapper },
|
|
84
|
-
React.createElement(Box, { className: classes.titleWrapper },
|
|
85
|
-
React.createElement(Typography, { className: classes.rightSpacer1 + " " + classes.title }, expandedOptions.view),
|
|
86
|
-
navItem.button ? (React.createElement(IconButton, { className: classes.titleIcons, size: "small", type: "button", onClick: function () { return history.push(navItem.button.url); } },
|
|
87
|
-
React.createElement(AddBoxOutlinedIcon, null))) : null,
|
|
88
|
-
React.createElement(IconButton, { className: classes.titleIcons + " " + classes.closeButton, size: "small", type: "button", onClick: function () { return setExpandedOptions({ view: "", expanded: false }); } }, ((_d = config.secondary) === null || _d === void 0 ? void 0 : _d.closeButtonSvg) || React.createElement(CloseIcon, null))),
|
|
89
|
-
React.createElement(List, { className: classes.listWrapper, component: "div" },
|
|
90
|
-
sortDescendingStartDateString(navItem.items).map(function (item) { return (React.createElement(NavListItem, __assign({ key: item.mainItem.route }, item, { config: config, Icon: mainItemIcon }))); }),
|
|
91
|
-
((_e = navItem.archivedItems) === null || _e === void 0 ? void 0 : _e.length) ? (React.createElement(React.Fragment, null,
|
|
92
|
-
React.createElement(Box, { className: classes.archivedBorder + " " + classes.contentBreak }),
|
|
93
|
-
React.createElement(Typography, { variant: "body2", className: classes.archivedSeparator + " " + classes.bolderText },
|
|
94
|
-
"Archived ",
|
|
95
|
-
expandedOptions.view),
|
|
96
|
-
sortDescendingStartDateString(navItem.archivedItems).map(function (item) { return (React.createElement(NavListItem, __assign({ key: item.mainItem.route }, item, { config: config, Icon: mainItemIcon }))); }))) : null)));
|
|
97
|
-
};
|
|
98
|
-
export default SecondaryLeftNavContainer;
|
|
99
|
-
//# sourceMappingURL=SecondaryLeftNavigation.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SecondaryLeftNavigation.js","sourceRoot":"","sources":["../../src/LeftNavigation/SecondaryLeftNavigation.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAChD,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAK9C,OAAO,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAO3C,IAAM,qBAAqB,GAAG,UAAU,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;IACnD,mBAAmB,EAAE;QACnB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE,QAAQ;QACnB,oBAAoB,EAAE,aAAa;QACnC,uBAAuB,EAAE,aAAa;QACtC,UAAU,EAAE,OAAO;QACnB,WAAW,EAAE,MAAM;QACnB,MAAM,EAAE,eAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAG;QAC9C,SAAS,EAAE,gCAAgC;QAC3C,SAAS,EAAE,YAAY;KACxB;IACD,YAAY,EAAE;QACZ,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE,MAAM;KACrB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;QACf,KAAK,EAAE,UAAC,KAAyB,IAAK,OAAA,KAAK,CAAC,UAAU,IAAI,SAAS,EAA7B,CAA6B;KACpE;IACD,UAAU,EAAE;QACV,KAAK,EAAE,UAAC,KAAyB,IAAK,OAAA,KAAK,CAAC,cAAc,IAAI,SAAS,EAAjC,CAAiC;KACxE;IACD,WAAW,EAAE;QACX,UAAU,EAAE,MAAM;KACnB;IACD,iBAAiB,EAAE;QACjB,WAAW,EAAE,KAAK;QAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;KAC/B;IACD,cAAc,EAAE;QACd,SAAS,EAAE,MAAM;QACjB,MAAM,EAAE,eAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAG;QAC9C,KAAK,EAAE,KAAK;QACZ,UAAU,EAAE,KAAK;KAClB;IACD,WAAW,EAAE;QACX,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC9B;CACF,CAAC,EA/CkD,CA+ClD,CAAC,CAAC;AAEJ,IAAM,yBAAyB,GAA8C,UAAC,EAM7E;;QALC,iBAAiB,uBAAA,EACjB,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,kBAAkB,wBAAA,EAClB,MAAM,YAAA;IAEN,IAAM,WAAW,GAAG;QAClB,UAAU,EAAE,MAAA,MAAM,CAAC,SAAS,0CAAE,UAAU;QACxC,cAAc,EAAE,MAAA,MAAM,CAAC,SAAS,0CAAE,cAAc;KACjD,CAAC;IACF,IAAM,OAAO,kCACR,gBAAgB,EAAE,GAClB,aAAa,EAAE,GACf,qBAAqB,CAAC,WAAW,CAAC,CACtC,CAAC;IACF,IAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,IAAM,OAAO,GAAG,iBAAiB,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IAExD,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,IAAM,YAAY,GAAG,eAAe,CAAC,IAAI,CACvC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,KAAK,KAAK,eAAe,CAAC,IAAI,EAAnC,CAAmC,CAC7C,CAAC,IAAI,CAAC;IAER,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,mBAAmB;QACzC,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY;YAClC,oBAAC,UAAU,IAAC,SAAS,EAAK,OAAO,CAAC,YAAY,SAAI,OAAO,CAAC,KAAO,IAC9D,eAAe,CAAC,IAAI,CACV;YACZ,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAChB,oBAAC,UAAU,IACT,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,MAAO,CAAC,GAAG,CAAC,EAAjC,CAAiC;gBAEhD,oBAAC,kBAAkB,OAAG,CACX,CACd,CAAC,CAAC,CAAC,IAAI;YACR,oBAAC,UAAU,IACT,SAAS,EAAK,OAAO,CAAC,UAAU,SAAI,OAAO,CAAC,WAAa,EACzD,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAM,OAAA,kBAAkB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAjD,CAAiD,IAE/D,CAAA,MAAA,MAAM,CAAC,SAAS,0CAAE,cAAc,KAAI,oBAAC,SAAS,OAAG,CACvC,CACT;QAEN,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,WAAW,EAAE,SAAS,EAAC,KAAK;YAClD,6BAA6B,CAA2B,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CACzE,UAAC,IAAI,IAAK,OAAA,CACR,oBAAC,WAAW,aACV,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,IACpB,IAAI,IACR,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,YAAY,IAClB,CACH,EAPS,CAOT,CACF;YACA,CAAA,MAAA,OAAO,CAAC,aAAa,0CAAE,MAAM,EAAC,CAAC,CAAC,CAC/B;gBACE,oBAAC,GAAG,IAAC,SAAS,EAAK,OAAO,CAAC,cAAc,SAAI,OAAO,CAAC,YAAc,GAAI;gBACvE,oBAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,SAAS,EAAK,OAAO,CAAC,iBAAiB,SAAI,OAAO,CAAC,UAAY;;oBAErD,eAAe,CAAC,IAAI,CACnB;gBACZ,6BAA6B,CAC5B,OAAO,CAAC,aAAa,CACtB,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACd,oBAAC,WAAW,aACV,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,IACpB,IAAI,IACR,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,YAAY,IAClB,CACH,EAPe,CAOf,CAAC,CACD,CACJ,CAAC,CAAC,CAAC,IAAI,CACH,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
|
|
@@ -1,23 +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
|
-
import React from "react";
|
|
13
|
-
import { Box, Typography, CircularProgress } from "@mui/material";
|
|
14
|
-
import { useLayoutStyles, useSpacingStyles } from "../styles";
|
|
15
|
-
var LoadingSpinner = function (_a) {
|
|
16
|
-
var _b = _a.text, text = _b === void 0 ? "Loading data..." : _b, styling = _a.styling;
|
|
17
|
-
var classes = __assign(__assign({}, useSpacingStyles()), useLayoutStyles());
|
|
18
|
-
return (React.createElement(Box, { className: classes.flexCenter + " " + (styling || "") },
|
|
19
|
-
React.createElement(Typography, { variant: "body2", color: "textSecondary", className: classes.rightSpacer1 }, text),
|
|
20
|
-
React.createElement(CircularProgress, { size: "1.5rem" })));
|
|
21
|
-
};
|
|
22
|
-
export default LoadingSpinner;
|
|
23
|
-
//# sourceMappingURL=LoadingSpinner.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../src/LoadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAG9D,IAAM,cAAc,GAAmC,UAAC,EAGvD;QAFC,YAAwB,EAAxB,IAAI,mBAAG,iBAAiB,KAAA,EACxB,OAAO,aAAA;IAEP,IAAM,OAAO,yBAAQ,gBAAgB,EAAE,GAAK,eAAe,EAAE,CAAE,CAAC;IAEhE,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAK,OAAO,CAAC,UAAU,UAAI,OAAO,IAAI,EAAE,CAAE;QACtD,oBAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,eAAe,EAAC,SAAS,EAAE,OAAO,CAAC,YAAY,IAC9E,IAAI,CACM;QACb,oBAAC,gBAAgB,IAAC,IAAI,EAAC,QAAQ,GAAG,CAC9B,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingSpinner.types.js","sourceRoot":"","sources":["../../src/LoadingSpinner/LoadingSpinner.types.ts"],"names":[],"mappings":""}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Box, Container } from "@mui/material";
|
|
3
|
-
import makeStyles from "@mui/styles/makeStyles";
|
|
4
|
-
var useMainLayoutStyles = makeStyles(function (theme) { return ({
|
|
5
|
-
remainingHeightBox: {
|
|
6
|
-
position: "absolute",
|
|
7
|
-
top: function (props) { var _a; return (_a = props.topOffset) !== null && _a !== void 0 ? _a : "4rem"; },
|
|
8
|
-
bottom: 0,
|
|
9
|
-
left: 0,
|
|
10
|
-
right: 0,
|
|
11
|
-
display: "flex",
|
|
12
|
-
},
|
|
13
|
-
fullHeightFlexbox: {
|
|
14
|
-
display: "flex",
|
|
15
|
-
height: "100%",
|
|
16
|
-
},
|
|
17
|
-
relativeContainer: {
|
|
18
|
-
position: "relative",
|
|
19
|
-
},
|
|
20
|
-
scrollWrapper: {
|
|
21
|
-
overflow: "auto",
|
|
22
|
-
overflowX: "hidden",
|
|
23
|
-
},
|
|
24
|
-
componentWrapper: {
|
|
25
|
-
padding: theme.spacing(2),
|
|
26
|
-
paddingBottom: theme.spacing(2),
|
|
27
|
-
position: "relative",
|
|
28
|
-
},
|
|
29
|
-
}); });
|
|
30
|
-
var MainLayout = function (_a) {
|
|
31
|
-
var sideNavigation = _a.sideNavigation, children = _a.children, desktopWidth = _a.desktopWidth, topOffset = _a.topOffset, id = _a.id;
|
|
32
|
-
var classes = useMainLayoutStyles({ topOffset: topOffset });
|
|
33
|
-
return (React.createElement(Box, { className: classes.remainingHeightBox },
|
|
34
|
-
sideNavigation ? (React.createElement(Box, { className: classes.fullHeightFlexbox + " " + classes.relativeContainer }, sideNavigation)) : null,
|
|
35
|
-
React.createElement(Container, { id: id, disableGutters: true, maxWidth: false, className: classes.scrollWrapper },
|
|
36
|
-
React.createElement(Container, { disableGutters: true, maxWidth: desktopWidth ? "xl" : "lg", className: classes.componentWrapper }, children))));
|
|
37
|
-
};
|
|
38
|
-
export default MainLayout;
|
|
39
|
-
//# sourceMappingURL=MainLayout.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MainLayout.js","sourceRoot":"","sources":["../../src/MainLayout/MainLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAGhD,IAAM,mBAAmB,GAAG,UAAU,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;IACjD,kBAAkB,EAAE;QAClB,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,UAAC,KAA4B,YAAK,OAAA,MAAA,KAAK,CAAC,SAAS,mCAAI,MAAM,CAAA,EAAA;QAChE,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,MAAM;KAChB;IACD,iBAAiB,EAAE;QACjB,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;KACf;IACD,iBAAiB,EAAE;QACjB,QAAQ,EAAE,UAAU;KACrB;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,MAAM;QAChB,SAAS,EAAE,QAAQ;KACpB;IACD,gBAAgB,EAAE;QAChB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACzB,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC/B,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC,EAzBgD,CAyBhD,CAAC,CAAC;AAEJ,IAAM,UAAU,GAA+B,UAAC,EAM/C;QALC,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,EAAE,QAAA;IAEF,IAAM,OAAO,GAAG,mBAAmB,CAAC,EAAE,SAAS,WAAA,EAAE,CAAC,CAAC;IACnD,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,kBAAkB;QACvC,cAAc,CAAC,CAAC,CAAC,CAChB,oBAAC,GAAG,IAAC,SAAS,EAAK,OAAO,CAAC,iBAAiB,SAAI,OAAO,CAAC,iBAAmB,IACxE,cAAc,CACX,CACP,CAAC,CAAC,CAAC,IAAI;QACR,oBAAC,SAAS,IACR,EAAE,EAAE,EAAE,EACN,cAAc,QACd,QAAQ,EAAE,KAAK,EACf,SAAS,EAAE,OAAO,CAAC,aAAa;YAEhC,oBAAC,SAAS,IACR,cAAc,QACd,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACpC,SAAS,EAAE,OAAO,CAAC,gBAAgB,IAElC,QAAQ,CACC,CACF,CACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MainLayout.types.js","sourceRoot":"","sources":["../../src/MainLayout/MainLayout.types.ts"],"names":[],"mappings":""}
|
|
@@ -1,38 +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 React from "react";
|
|
24
|
-
import { MobileDatePicker as MobileMaterialDatePicker } from "@mui/x-date-pickers/MobileDatePicker";
|
|
25
|
-
import { NO_ACCESS_LEVEL, READ_LEVEL } from "../globals";
|
|
26
|
-
import TextField from "../TextField/TextField";
|
|
27
|
-
var MobileDatePicker = function (_a) {
|
|
28
|
-
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, slots = _a.slots, rest = __rest(_a, ["styling", "format", "minDate", "accessLevel", "disabled", "slots"]);
|
|
29
|
-
if (accessLevel === NO_ACCESS_LEVEL)
|
|
30
|
-
return null;
|
|
31
|
-
var disabledProp = disabled;
|
|
32
|
-
if (accessLevel === READ_LEVEL) {
|
|
33
|
-
disabledProp = true;
|
|
34
|
-
}
|
|
35
|
-
return (React.createElement(MobileMaterialDatePicker, __assign({ className: styling || "", closeOnSelect: true }, rest, { disabled: disabledProp, format: format, minDate: minDate, slots: __assign({ textField: TextField }, (slots || {})) })));
|
|
36
|
-
};
|
|
37
|
-
export default MobileDatePicker;
|
|
38
|
-
//# sourceMappingURL=MobileDatePicker.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MobileDatePicker.js","sourceRoot":"","sources":["../../src/MobileDatePicker/MobileDatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,IAAI,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAEpG,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAG/C,IAAM,gBAAgB,GAAqC,UAAC,EAQ3D;IAPC,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,EACR,KAAK,WAAA,EACF,IAAI,cAPmD,oEAQ3D,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,wBAAwB,aACvB,SAAS,EAAE,OAAO,IAAI,EAAE,EACxB,aAAa,UACT,IAAI,IACR,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,KAAK,aACH,SAAS,EAAE,SAA8C,IACtD,CAAC,KAAK,IAAI,EAAE,CAAC,KAElB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|