@oc-digital/react-component-library 3.4.2-beta.0 → 3.4.3-beta.0

package/build/KeyboardDatePicker/KeyboardDatePicker.js

@@ -0,0 +1,38 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import { DatePicker as MaterialDatePicker } from "@mui/x-date-pickers/DatePicker";
+import TextField from "../TextField/TextField";
+import { NO_ACCESS_LEVEL, READ_LEVEL } from "../globals";
+var KeyboardDatePicker = function (_a) {
+    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"]);
+    if (accessLevel === NO_ACCESS_LEVEL)
+        return null;
+    var disabledProp = disabled;
+    if (accessLevel === READ_LEVEL) {
+        disabledProp = true;
+    }
+    return (React.createElement(MaterialDatePicker, __assign({ className: styling || "" }, rest, { disabled: disabledProp, format: format, minDate: minDate, slots: __assign({ textField: TextField }, (slots || {})) })));
+};
+export default KeyboardDatePicker;
+//# sourceMappingURL=KeyboardDatePicker.js.map

package/build/KeyboardDatePicker/KeyboardDatePicker.js.map

@@ -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"}

package/build/KeyboardDatePicker/KeyboardDatePicker.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=KeyboardDatePicker.types.js.map

package/build/KeyboardDatePicker/KeyboardDatePicker.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardDatePicker.types.js","sourceRoot":"","sources":["../../src/KeyboardDatePicker/KeyboardDatePicker.types.ts"],"names":[],"mappings":""}

package/build/LeftNavigation/LeftNavigation.js

@@ -0,0 +1,48 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React, { useState, useEffect } from "react";
+import { useLocation } from "react-router-dom";
+import SecondaryLeftNavContainer from "./SecondaryLeftNavigation";
+import PrimaryLeftNavContainer from "./PrimaryLeftNavigation";
+import { Box } from "@mui/material";
+import makeStyles from "@mui/styles/makeStyles";
+var useLeftNavStyles = makeStyles({
+    leftNavContainer: {
+        height: "100%",
+        display: "flex",
+        position: "relative",
+        width: "max-content",
+    },
+});
+var LeftNavigation = function (_a) {
+    var primaryNavItems = _a.primaryNavItems, secondaryNavItems = _a.secondaryNavItems, config = _a.config;
+    var _b = useState({
+        view: "",
+        expanded: false,
+    }), expandedOptions = _b[0], setExpandedOptions = _b[1];
+    var styles = useLeftNavStyles();
+    var location = useLocation();
+    var navsWithSecondary = primaryNavItems.reduce(function (navs, nav) { return (nav.hasSecondary ? __spreadArray(__spreadArray([], navs, true), [nav.field], false) : navs); }, []);
+    useEffect(function () {
+        setExpandedOptions(function (prev) {
+            if (navsWithSecondary.includes(prev.view) && prev.expanded === true) {
+                return prev;
+            }
+            else
+                return { view: "", expanded: false };
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [location.pathname]);
+    return (React.createElement(Box, { component: "nav", className: styles.leftNavContainer },
+        React.createElement(PrimaryLeftNavContainer, { expandedOptions: expandedOptions, setExpandedOptions: setExpandedOptions, navigationLinks: primaryNavItems, config: config }),
+        expandedOptions.expanded && (React.createElement(SecondaryLeftNavContainer, { secondaryNavItems: secondaryNavItems, primaryNavItems: primaryNavItems, expandedOptions: expandedOptions, setExpandedOptions: setExpandedOptions, config: config }))));
+};
+export default LeftNavigation;
+//# sourceMappingURL=LeftNavigation.js.map

package/build/LeftNavigation/LeftNavigation.js.map

@@ -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"}

package/build/LeftNavigation/LeftNavigation.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=LeftNavigation.types.js.map

package/build/LeftNavigation/LeftNavigation.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeftNavigation.types.js","sourceRoot":"","sources":["../../src/LeftNavigation/LeftNavigation.types.ts"],"names":[],"mappings":""}

package/build/LeftNavigation/NavListItem.js

@@ -0,0 +1,139 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { useState } from "react";
+import { List, ListItem, ListItemIcon, ListItemText, Collapse, Typography, Box, } from "@mui/material";
+import makeStyles from "@mui/styles/makeStyles";
+import { ExpandLess, ExpandMore } from "@mui/icons-material";
+import { useLocation, Link as RouterLink } from "react-router-dom";
+import { useFontStyles, useSpacingStyles } from "../styles";
+var useNavListStyles = makeStyles(function (theme) { return ({
+    listIcon: {
+        minWidth: "auto",
+        paddingRight: "0.25rem",
+    },
+    mainIconSize: {
+        fontSize: "1rem",
+    },
+    mainIconMarginAdjustment: {
+        marginTop: "3px",
+    },
+    textOverflowEllipsis: {
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+    },
+    mainListItem: function (props) { return ({
+        padding: "8px 24px 8px 16px",
+        alignItems: "flex-start",
+        backgroundColor: props.mainBackground || theme.palette.common.white,
+        color: props.mainText || theme.palette.text.primary,
+        borderRadius: theme.spacing(0.6),
+        "&:hover": {
+            backgroundColor: props.mainHover || theme.palette.action.hover,
+        },
+    }); },
+    mainIconColor: function (props) { return ({
+        color: props.mainIcon || theme.palette.grey[500],
+    }); },
+    activeMainIconColor: function (props) { return ({
+        color: props.mainActiveText || "#8FC1FF",
+    }); },
+    subListItem: function (props) { return ({
+        backgroundColor: props.subItemBackground || "#FFFFFF",
+        color: props.subItemText || theme.palette.text.secondary,
+        borderRadius: "8px",
+        "&:hover": {
+            backgroundColor: props.subItemHover || "rgba(143,193,255,0.3)",
+        },
+    }); },
+    activeSubListItem: function (props) { return ({
+        backgroundColor: props.subItemActiveBackground || "#FFFFFF",
+        color: props.subItemActiveText || "#8FC1FF",
+        "&:hover": {
+            backgroundColor: props.subItemActiveHover || "rgba(143,193,255,0.3)",
+        },
+    }); },
+    subItemBorder: {
+        borderLeft: "1px solid " + theme.palette.grey[600],
+        marginLeft: "1px",
+        marginRight: "1px",
+        width: "100%",
+        height: "100%",
+    },
+    relativeWrapper: {
+        position: "relative",
+    },
+    subItemBorderMask: function (props) { return ({
+        borderLeft: "3px solid " + (props.subItemActiveText || "#8FC1FF"),
+        borderRadius: "1px",
+        position: "absolute",
+        top: "50%",
+        bottom: "50%",
+        transition: "all 0.2s ease-in-out",
+    }); },
+    activeSubItemBorder: {
+        top: "0 !important",
+        bottom: "0 !important",
+    },
+    subItemWrapper: {
+        display: "flex",
+        marginLeft: "13px",
+        marginRight: "16px",
+    },
+    noYMargin: {
+        marginTop: "unset",
+        marginBottom: "unset",
+    },
+}); });
+var isItemActive = function (currentPathname, id) {
+    if (currentPathname.split("/").includes(id)) {
+        return true;
+    }
+    return false;
+};
+var NavListItem = function (_a) {
+    var _b, _c;
+    var mainItem = _a.mainItem, subItems = _a.subItems, config = _a.config, Icon = _a.Icon;
+    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) || {}))));
+    var location = useLocation();
+    var activeMainItem = isItemActive(location.pathname, mainItem.id);
+    var _d = useState((subItems === null || subItems === void 0 ? void 0 : subItems.length) ? activeMainItem : false), subExpanded = _d[0], setSubExpanded = _d[1];
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ListItem, { button: true, dense: true, className: classes.mainListItem, component: RouterLink, to: mainItem.route },
+            React.createElement(ListItemIcon, { className: classes.listIcon + " " + classes.mainIconMarginAdjustment + " " + classes.rightSpacer1 },
+                React.createElement(Icon, { id: "second-nav-item", styling: classes.mainIconSize + "  " + classes.mainIconColor + " " + (activeMainItem ? classes.activeMainIconColor : "") })),
+            React.createElement(ListItemText, { disableTypography: true, className: classes.noYMargin, primary: React.createElement(Typography, { variant: "body2", className: classes.bolderText + " " + classes.textOverflowEllipsis, color: "inherit" },
+                    mainItem.name,
+                    (subItems === null || subItems === void 0 ? void 0 : subItems.length) ? (React.createElement(Typography, { component: "span", variant: "body2", className: classes.bolderText, color: "inherit" },
+                        " ",
+                        "(",
+                        subItems.length,
+                        ")")) : null) }),
+            (subItems === null || subItems === void 0 ? void 0 : subItems.length) ? (React.createElement(ListItemIcon, { className: classes.listIcon, onClick: function (e) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    setSubExpanded(function (expanded) { return !expanded; });
+                } }, subExpanded ? React.createElement(ExpandLess, null) : React.createElement(ExpandMore, null))) : null),
+        (subItems === null || subItems === void 0 ? void 0 : subItems.length) ? (React.createElement(Collapse, { in: subExpanded, timeout: "auto", unmountOnExit: true },
+            React.createElement(List, { component: "div", disablePadding: true }, subItems.map(function (_a) {
+                var name = _a.name, route = _a.route, id = _a.id;
+                return (React.createElement(Box, { key: id, className: classes.subItemWrapper },
+                    React.createElement(Box, { className: classes.relativeWrapper + " " + classes.rightSpacer1 },
+                        React.createElement(Box, { className: classes.subItemBorder + " " }),
+                        React.createElement(Box, { className: classes.subItemBorderMask + " " + (isItemActive(location.pathname, id)
+                                ? classes.activeSubItemBorder
+                                : "") + " " })),
+                    React.createElement(ListItem, { key: route, component: RouterLink, to: route, button: true, dense: true, className: classes.subListItem + " " + (isItemActive(location.pathname, id) ? classes.activeSubListItem : "") },
+                        React.createElement(ListItemText, { disableTypography: true, primary: React.createElement(Typography, { variant: "body2", className: classes.textOverflowEllipsis, color: "inherit" }, name) }))));
+            })))) : null));
+};
+export default NavListItem;
+//# sourceMappingURL=NavListItem.js.map

package/build/LeftNavigation/NavListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavListItem.js","sourceRoot":"","sources":["../../src/LeftNavigation/NavListItem.tsx"],"names":[],"mappings":"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"}

package/build/LeftNavigation/PrimaryLeftNavigation.js

@@ -0,0 +1,112 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from "react";
+import { useLocation, Link as RouterLink } from "react-router-dom";
+import { Box, List, ListItem, ListItemIcon, Typography } from "@mui/material";
+import makeStyles from "@mui/styles/makeStyles";
+import { BORDER_RADIUS } from "../globals";
+var usePrimaryLeftNavStyles = makeStyles(function (theme) { return ({
+    primaryNavContainer: function (props) { return ({
+        background: props.background || "linear-gradient(to bottom, #253a68 40%, #73c4ca)",
+        border: "2px solid " + (props.activeBorderColor || "#8FC1FF"),
+        borderLeft: "none",
+        borderTopRightRadius: BORDER_RADIUS,
+        borderBottomRightRadius: BORDER_RADIUS,
+        minWidth: "4.5rem",
+        overflowY: "auto",
+        overflowX: "hidden",
+    }); },
+    listWrapper: {
+        display: "flex",
+        flexDirection: "column",
+        paddingTop: 0,
+    },
+    itemWrapper: {
+        display: "flex",
+        flexDirection: "column",
+        padding: "0.75rem 0.5rem 0.5rem 0.5rem",
+    },
+    itemBorder: {
+        borderRight: function (props) {
+            return "6px solid " + (props.activeBorderColor || "#8FC1FF");
+        },
+        position: "absolute",
+        bottom: "50%",
+        top: "50%",
+        transition: "all 0.2s ease-in-out",
+        right: "-3px",
+    },
+    activeBorder: {
+        top: "15%",
+        bottom: "15%",
+    },
+    iconWrapper: {
+        minWidth: 0,
+        marginBottom: "4px",
+        position: "relative",
+    },
+    itemName: {
+        fontSize: "0.7rem",
+        maxWidth: "3.5rem",
+        textAlign: "center",
+        textOverflow: "ellipsis",
+        overflow: "hidden",
+    },
+    textColour: {
+        color: function (props) { return props.text || "#FFFFFF"; },
+    },
+    activeTextColour: {
+        color: function (props) { return props.activeText || "#8FC1FF"; },
+    },
+    lastItem: {
+        marginTop: "auto",
+    },
+}); });
+var PrimaryLeftNavContainer = function (_a) {
+    var expandedOptions = _a.expandedOptions, setExpandedOptions = _a.setExpandedOptions, navigationLinks = _a.navigationLinks, config = _a.config;
+    var location = useLocation();
+    var classes = usePrimaryLeftNavStyles(__assign({}, (config.primary || {})));
+    var applyActiveBackground = function (fieldName, path) {
+        if (expandedOptions.view === "") {
+            if (location.pathname === path) {
+                return true;
+            }
+            else if (fieldName !== config.rootRouteName &&
+                location.pathname.startsWith(path)) {
+                return true;
+            }
+            else
+                return false;
+        }
+        else if (expandedOptions.view === fieldName) {
+            return true;
+        }
+        else
+            return false;
+    };
+    return (React.createElement(List, { className: classes.primaryNavContainer + " " + classes.listWrapper }, navigationLinks.map(function (item, index, arr) {
+        var _a;
+        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
+                ? classes.lastItem
+                : "") }, (!!item.hasSecondary ? {} : { component: RouterLink, to: item.path }), { onClick: function () {
+                setExpandedOptions({ view: item.field, expanded: !!item.hasSecondary });
+            } }),
+            React.createElement(ListItemIcon, { className: classes.iconWrapper },
+                React.createElement(item.Icon, { styling: classes.textColour + " " + (applyActiveBackground(item.field, item.path)
+                        ? classes.activeTextColour
+                        : "") })),
+            React.createElement(Typography, { variant: "caption", className: classes.itemName + " " + classes.textColour + " " + (applyActiveBackground(item.field, item.path) ? classes.activeTextColour : "") }, item.field),
+            React.createElement(Box, { className: classes.itemBorder + " " + (applyActiveBackground(item.field, item.path) ? classes.activeBorder : "") })));
+    })));
+};
+export default PrimaryLeftNavContainer;
+//# sourceMappingURL=PrimaryLeftNavigation.js.map

package/build/LeftNavigation/PrimaryLeftNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimaryLeftNavigation.js","sourceRoot":"","sources":["../../src/LeftNavigation/PrimaryLeftNavigation.tsx"],"names":[],"mappings":"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"}

package/build/LeftNavigation/SecondaryLeftNavigation.js

@@ -0,0 +1,99 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from "react";
+import { Box, IconButton, Typography, List } from "@mui/material";
+import makeStyles from "@mui/styles/makeStyles";
+import NavListItem from "./NavListItem";
+import { useHistory } from "react-router-dom";
+import { sortDescendingStartDateString } from "../utils";
+import CloseIcon from "@mui/icons-material/Close";
+import AddBoxOutlinedIcon from "@mui/icons-material/AddBoxOutlined";
+import { useFontStyles, useSpacingStyles } from "../styles";
+import { BORDER_RADIUS } from "../globals";
+var useSecondaryNavStyles = makeStyles(function (theme) { return ({
+    secondaryNavWrapper: {
+        height: "100%",
+        width: "300px",
+        background: "white",
+        overflowY: "auto",
+        overflowX: "hidden",
+        borderTopRightRadius: BORDER_RADIUS,
+        borderBottomRightRadius: BORDER_RADIUS,
+        marginLeft: "-16px",
+        paddingLeft: "16px",
+        border: "1px solid " + theme.palette.grey[300],
+        boxShadow: "0 2px 4px 0 rgba(0, 0, 0, 0.3)",
+        boxSizing: "border-box",
+    },
+    titleWrapper: {
+        marginTop: "24px",
+        display: "flex",
+        alignItems: "center",
+        paddingLeft: "16px",
+        paddingRight: "16px",
+    },
+    title: {
+        fontSize: "18px",
+        fontWeight: 500,
+        color: function (props) { return props.titleColor || "#8FC1FF"; },
+    },
+    titleIcons: {
+        color: function (props) { return props.titleIconColor || "#8FC1FF"; },
+    },
+    closeButton: {
+        marginLeft: "auto",
+    },
+    archivedSeparator: {
+        paddingLeft: "8px",
+        color: theme.palette.grey[500],
+    },
+    archivedBorder: {
+        marginTop: "3rem",
+        border: "1px solid " + theme.palette.grey[200],
+        width: "33%",
+        marginLeft: "8px",
+    },
+    listWrapper: {
+        marginLeft: theme.spacing(1),
+        marginRight: theme.spacing(1),
+    },
+}); });
+var SecondaryLeftNavContainer = function (_a) {
+    var _b, _c, _d, _e;
+    var secondaryNavItems = _a.secondaryNavItems, primaryNavItems = _a.primaryNavItems, expandedOptions = _a.expandedOptions, setExpandedOptions = _a.setExpandedOptions, config = _a.config;
+    var stylesProps = {
+        titleColor: (_b = config.secondary) === null || _b === void 0 ? void 0 : _b.titleColor,
+        titleIconColor: (_c = config.secondary) === null || _c === void 0 ? void 0 : _c.titleIconColor,
+    };
+    var classes = __assign(__assign(__assign({}, useSpacingStyles()), useFontStyles()), useSecondaryNavStyles(stylesProps));
+    var history = useHistory();
+    var navItem = secondaryNavItems[expandedOptions.view];
+    if (!navItem)
+        return null;
+    var mainItemIcon = primaryNavItems.find(function (item) { return item.field === expandedOptions.view; }).Icon;
+    return (React.createElement(Box, { className: classes.secondaryNavWrapper },
+        React.createElement(Box, { className: classes.titleWrapper },
+            React.createElement(Typography, { className: classes.rightSpacer1 + " " + classes.title }, expandedOptions.view),
+            navItem.button ? (React.createElement(IconButton, { className: classes.titleIcons, size: "small", type: "button", onClick: function () { return history.push(navItem.button.url); } },
+                React.createElement(AddBoxOutlinedIcon, null))) : null,
+            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))),
+        React.createElement(List, { className: classes.listWrapper, component: "div" },
+            sortDescendingStartDateString(navItem.items).map(function (item) { return (React.createElement(NavListItem, __assign({ key: item.mainItem.route }, item, { config: config, Icon: mainItemIcon }))); }),
+            ((_e = navItem.archivedItems) === null || _e === void 0 ? void 0 : _e.length) ? (React.createElement(React.Fragment, null,
+                React.createElement(Box, { className: classes.archivedBorder + " " + classes.contentBreak }),
+                React.createElement(Typography, { variant: "body2", className: classes.archivedSeparator + " " + classes.bolderText },
+                    "Archived ",
+                    expandedOptions.view),
+                sortDescendingStartDateString(navItem.archivedItems).map(function (item) { return (React.createElement(NavListItem, __assign({ key: item.mainItem.route }, item, { config: config, Icon: mainItemIcon }))); }))) : null)));
+};
+export default SecondaryLeftNavContainer;
+//# sourceMappingURL=SecondaryLeftNavigation.js.map

package/build/LeftNavigation/SecondaryLeftNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecondaryLeftNavigation.js","sourceRoot":"","sources":["../../src/LeftNavigation/SecondaryLeftNavigation.tsx"],"names":[],"mappings":"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"}

package/build/LoadingSpinner/LoadingSpinner.js

@@ -0,0 +1,23 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from "react";
+import { Box, Typography, CircularProgress } from "@mui/material";
+import { useLayoutStyles, useSpacingStyles } from "../styles";
+var LoadingSpinner = function (_a) {
+    var _b = _a.text, text = _b === void 0 ? "Loading data..." : _b, styling = _a.styling;
+    var classes = __assign(__assign({}, useSpacingStyles()), useLayoutStyles());
+    return (React.createElement(Box, { className: classes.flexCenter + " " + (styling || "") },
+        React.createElement(Typography, { variant: "body2", color: "textSecondary", className: classes.rightSpacer1 }, text),
+        React.createElement(CircularProgress, { size: "1.5rem" })));
+};
+export default LoadingSpinner;
+//# sourceMappingURL=LoadingSpinner.js.map

package/build/LoadingSpinner/LoadingSpinner.js.map

@@ -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"}

package/build/LoadingSpinner/LoadingSpinner.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=LoadingSpinner.types.js.map

package/build/LoadingSpinner/LoadingSpinner.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.types.js","sourceRoot":"","sources":["../../src/LoadingSpinner/LoadingSpinner.types.ts"],"names":[],"mappings":""}

package/build/MainLayout/MainLayout.js

@@ -0,0 +1,39 @@
+import React from "react";
+import { Box, Container } from "@mui/material";
+import makeStyles from "@mui/styles/makeStyles";
+var useMainLayoutStyles = makeStyles(function (theme) { return ({
+    remainingHeightBox: {
+        position: "absolute",
+        top: function (props) { var _a; return (_a = props.topOffset) !== null && _a !== void 0 ? _a : "4rem"; },
+        bottom: 0,
+        left: 0,
+        right: 0,
+        display: "flex",
+    },
+    fullHeightFlexbox: {
+        display: "flex",
+        height: "100%",
+    },
+    relativeContainer: {
+        position: "relative",
+    },
+    scrollWrapper: {
+        overflow: "auto",
+        overflowX: "hidden",
+    },
+    componentWrapper: {
+        padding: theme.spacing(2),
+        paddingBottom: theme.spacing(2),
+        position: "relative",
+    },
+}); });
+var MainLayout = function (_a) {
+    var sideNavigation = _a.sideNavigation, children = _a.children, desktopWidth = _a.desktopWidth, topOffset = _a.topOffset, id = _a.id;
+    var classes = useMainLayoutStyles({ topOffset: topOffset });
+    return (React.createElement(Box, { className: classes.remainingHeightBox },
+        sideNavigation ? (React.createElement(Box, { className: classes.fullHeightFlexbox + " " + classes.relativeContainer }, sideNavigation)) : null,
+        React.createElement(Container, { id: id, disableGutters: true, maxWidth: false, className: classes.scrollWrapper },
+            React.createElement(Container, { disableGutters: true, maxWidth: desktopWidth ? "xl" : "lg", className: classes.componentWrapper }, children))));
+};
+export default MainLayout;
+//# sourceMappingURL=MainLayout.js.map

package/build/MainLayout/MainLayout.js.map

@@ -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"}

package/build/MainLayout/MainLayout.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MainLayout.types.js.map

package/build/MainLayout/MainLayout.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainLayout.types.js","sourceRoot":"","sources":["../../src/MainLayout/MainLayout.types.ts"],"names":[],"mappings":""}

package/build/MobileDatePicker/MobileDatePicker.js

@@ -0,0 +1,38 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import { MobileDatePicker as MobileMaterialDatePicker } from "@mui/x-date-pickers/MobileDatePicker";
+import { NO_ACCESS_LEVEL, READ_LEVEL } from "../globals";
+import TextField from "../TextField/TextField";
+var MobileDatePicker = function (_a) {
+    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"]);
+    if (accessLevel === NO_ACCESS_LEVEL)
+        return null;
+    var disabledProp = disabled;
+    if (accessLevel === READ_LEVEL) {
+        disabledProp = true;
+    }
+    return (React.createElement(MobileMaterialDatePicker, __assign({ className: styling || "", closeOnSelect: true }, rest, { disabled: disabledProp, format: format, minDate: minDate, slots: __assign({ textField: TextField }, (slots || {})) })));
+};
+export default MobileDatePicker;
+//# sourceMappingURL=MobileDatePicker.js.map

package/build/MobileDatePicker/MobileDatePicker.js.map

@@ -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"}

package/build/MobileDatePicker/MobileDatePicker.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MobileDatePicker.types.js.map