@oc-digital/react-component-library 8.18.0-beta.4 → 8.18.0

package/build/LeftNavigation/PrimaryLeftNavigation.js

@@ -0,0 +1,110 @@
+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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLocation, Link as RouterLink } from "react-router-dom";
+import { Box, List, ListItem, ListItemIcon, Typography } from "@mui/material";
+import { makeStyles } from "@mui/styles";
+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 ".concat(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 ".concat(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 (_jsx(List, { className: "".concat(classes.primaryNavContainer, " ").concat(classes.listWrapper), children: navigationLinks.map(function (item, index, arr) {
+            var _a;
+            return (_jsxs(ListItem, __assign({ button: true, className: "".concat(classes.itemWrapper, " ").concat(classes.textColour, " ").concat(((_a = config.primary) === null || _a === void 0 ? void 0 : _a.moveLastItemToBottom) && index === arr.length - 1
+                    ? classes.lastItem
+                    : "") }, (!!item.hasSecondary && !item.isRoutable
+                ? {}
+                : { component: RouterLink, to: item.path }), { onClick: function () {
+                    setExpandedOptions({ view: item.field, expanded: !!item.hasSecondary });
+                }, children: [_jsx(ListItemIcon, { className: classes.iconWrapper, children: _jsx(item.Icon, { styling: "".concat(classes.textColour, " ").concat(applyActiveBackground(item.field, item.path)
+                                ? classes.activeTextColour
+                                : "") }) }), _jsx(Typography, { variant: "caption", className: "".concat(classes.itemName, " ").concat(classes.textColour, " ").concat(applyActiveBackground(item.field, item.path) ? classes.activeTextColour : ""), children: item.field }), _jsx(Box, { className: "".concat(classes.itemBorder, " ").concat(applyActiveBackground(item.field, item.path) ? classes.activeBorder : "") })] }), item.field));
+        }) }));
+};
+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,123 @@
+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 { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { Box, IconButton, Typography, List } from "@mui/material";
+import { makeStyles } from "@mui/styles";
+import NavListItem from "./NavListItem";
+import { sortDescendingStartDateString } from "./utils";
+import { Close as CloseIcon, AddBoxOutlined as AddBoxOutlinedIcon, SwapVert as SwapVertIcon, } from "@mui/icons-material";
+import { useFontStyles, useSpacingStyles } from "../styles";
+import { BORDER_RADIUS } from "../globals";
+import { useNavigate } from "react-router-dom";
+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 ".concat(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 ".concat(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, _f;
+    var secondaryNavItems = _a.secondaryNavItems, primaryNavItems = _a.primaryNavItems, expandedOptions = _a.expandedOptions, setExpandedOptions = _a.setExpandedOptions, config = _a.config;
+    var navigate = useNavigate();
+    var secondaryLevelConfig = config.secondary;
+    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 navItem = secondaryNavItems[expandedOptions.view];
+    // set to negative 1 to reverse the sorting order
+    var _g = useState(navItem.defaultSortDirection === "desc" ? -1 : 1), sortingOrder = _g[0], setSortingOrder = _g[1];
+    var mainItemIcon = (_d = primaryNavItems.find(function (item) { return item.field === expandedOptions.view; })) === null || _d === void 0 ? void 0 : _d.Icon;
+    if (!navItem || !mainItemIcon)
+        return null;
+    var sortingFunction;
+    if (navItem.sortFunction) {
+        sortingFunction = navItem.sortFunction;
+    }
+    else if (secondaryLevelConfig && secondaryLevelConfig.sortByStartDate === false) {
+        sortingFunction = function () { return 0; };
+    }
+    //Default Legacy sorting is by start date
+    else {
+        sortingFunction = sortDescendingStartDateString;
+    }
+    return (_jsxs(Box, { className: classes.secondaryNavWrapper, children: [_jsxs(Box, { className: classes.titleWrapper, children: [_jsx(Typography, { className: "".concat(classes.rightSpacer1, " ").concat(classes.title), children: expandedOptions.view }), navItem.button ? (_jsx(IconButton, { className: classes.titleIcons, size: "small", type: "button", 
+                        // @ts-expect-error because a callback is not made at runtime it thinks button here is potentially undefined, it wont be shown if it is
+                        onClick: function () { return navigate(navItem.button.url); }, children: _jsx(AddBoxOutlinedIcon, {}) })) : null, navItem.sortFunction ? (_jsx(IconButton, { className: "".concat(classes.titleIcons), size: "small", type: "button", onClick: function () {
+                            setSortingOrder(function (oldSortingOrder) {
+                                var newOrder = (oldSortingOrder * -1);
+                                if (navItem.onSortReverse) {
+                                    try {
+                                        navItem.onSortReverse(newOrder);
+                                    }
+                                    catch (e) {
+                                        console.warn(e);
+                                    }
+                                }
+                                return newOrder;
+                            });
+                        }, children: _jsx(SwapVertIcon, {}) })) : null, _jsx(IconButton, { className: "".concat(classes.titleIcons, " ").concat(classes.closeButton), size: "small", type: "button", onClick: function () { return setExpandedOptions({ view: "", expanded: false }); }, children: ((_e = config.secondary) === null || _e === void 0 ? void 0 : _e.closeButtonSvg) || _jsx(CloseIcon, {}) })] }), _jsxs(List, { className: classes.listWrapper, component: "div", children: [navItem.items
+                        .sort(function (a, b) {
+                        return sortingOrder * sortingFunction(a, b);
+                    })
+                        .map(function (item) { return (_jsx(NavListItem, __assign({}, item, { config: config, Icon: mainItemIcon }), item.mainItem.id)); }), ((_f = navItem.archivedItems) === null || _f === void 0 ? void 0 : _f.length) ? (_jsxs(_Fragment, { children: [_jsx(Box, { className: "".concat(classes.archivedBorder, " ").concat(classes.contentBreak) }), _jsxs(Typography, { variant: "body2", className: "".concat(classes.archivedSeparator, " ").concat(classes.bolderText), children: ["Archived ", expandedOptions.view] }), navItem.archivedItems
+                                .sort(function (a, b) {
+                                return sortingOrder * sortingFunction(a, b);
+                            })
+                                .map(function (item) { return (_jsx(NavListItem, __assign({}, item, { config: config, Icon: mainItemIcon }), item.mainItem.id)); })] })) : 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":";;;;;;;;;;;;AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EACL,KAAK,IAAI,SAAS,EAClB,cAAc,IAAI,kBAAkB,EACpC,QAAQ,IAAI,YAAY,GACzB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAO/C,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,oBAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAE;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,oBAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAE;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,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAM,oBAAoB,GAAG,MAAM,CAAC,SAAS,CAAC;IAC9C,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;IAEF,IAAM,OAAO,GAAG,iBAAiB,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IACxD,iDAAiD;IAC3C,IAAA,KAAkC,QAAQ,CAC9C,OAAO,CAAC,oBAAoB,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACjD,EAFM,YAAY,QAAA,EAAE,eAAe,QAEnC,CAAC;IAEF,IAAM,YAAY,GAAG,MAAA,eAAe,CAAC,IAAI,CACvC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,KAAK,KAAK,eAAe,CAAC,IAAI,EAAnC,CAAmC,CAC9C,0CAAE,IAAI,CAAC;IACR,IAAI,CAAC,OAAO,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAC;IAE3C,IAAI,eAAgC,CAAC;IACrC,IAAI,OAAO,CAAC,YAAY,EAAE,CAAC;QACzB,eAAe,GAAG,OAAO,CAAC,YAAY,CAAC;IACzC,CAAC;SAAM,IAAI,oBAAoB,IAAI,oBAAoB,CAAC,eAAe,KAAK,KAAK,EAAE,CAAC;QAClF,eAAe,GAAG,cAAM,OAAA,CAAC,EAAD,CAAC,CAAC;IAC5B,CAAC;IACD,yCAAyC;SACpC,CAAC;QACJ,eAAe,GAAG,6BAA6B,CAAC;IAClD,CAAC;IACD,OAAO,CACL,MAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,mBAAmB,aACzC,MAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY,aAClC,KAAC,UAAU,IAAC,SAAS,EAAE,UAAG,OAAO,CAAC,YAAY,cAAI,OAAO,CAAC,KAAK,CAAE,YAC9D,eAAe,CAAC,IAAI,GACV,EACZ,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAChB,KAAC,UAAU,IACT,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ;wBACb,uIAAuI;wBACvI,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,EAA5B,CAA4B,YAE3C,KAAC,kBAAkB,KAAG,GACX,CACd,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CACtB,KAAC,UAAU,IACT,SAAS,EAAE,UAAG,OAAO,CAAC,UAAU,CAAE,EAClC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE;4BACP,eAAe,CAAC,UAAC,eAAe;gCAC9B,IAAM,QAAQ,GAAG,CAAC,eAAe,GAAG,CAAC,CAAC,CAAW,CAAC;gCAClD,IAAI,OAAO,CAAC,aAAa,EAAE,CAAC;oCAC1B,IAAI,CAAC;wCACH,OAAO,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;oCAClC,CAAC;oCAAC,OAAO,CAAC,EAAE,CAAC;wCACX,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;oCAClB,CAAC;gCACH,CAAC;gCACD,OAAO,QAAQ,CAAC;4BAClB,CAAC,CAAC,CAAC;wBACL,CAAC,YAED,KAAC,YAAY,KAAG,GACL,CACd,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,UAAU,IACT,SAAS,EAAE,UAAG,OAAO,CAAC,UAAU,cAAI,OAAO,CAAC,WAAW,CAAE,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,YAE/D,CAAA,MAAA,MAAM,CAAC,SAAS,0CAAE,cAAc,KAAI,KAAC,SAAS,KAAG,GACvC,IACT,EAEN,MAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,WAAW,EAAE,SAAS,EAAC,KAAK,aAClD,OAAO,CAAC,KAAK;yBACX,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC;wBACT,OAAO,YAAY,GAAG,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;oBAC9C,CAAC,CAAC;yBACD,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACb,KAAC,WAAW,eAEN,IAAI,IACR,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,YAAY,KAHb,IAAI,CAAC,QAAQ,CAAC,EAAE,CAIrB,CACH,EAPc,CAOd,CAAC,EACH,CAAA,MAAA,OAAO,CAAC,aAAa,0CAAE,MAAM,EAAC,CAAC,CAAC,CAC/B,8BACE,KAAC,GAAG,IAAC,SAAS,EAAE,UAAG,OAAO,CAAC,cAAc,cAAI,OAAO,CAAC,YAAY,CAAE,GAAI,EACvE,MAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,UAAG,OAAO,CAAC,iBAAiB,cAAI,OAAO,CAAC,UAAU,CAAE,0BAErD,eAAe,CAAC,IAAI,IACnB,EACZ,OAAO,CAAC,aAAa;iCACnB,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC;gCACT,OAAO,YAAY,GAAG,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;4BAC9C,CAAC,CAAC;iCACD,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACb,KAAC,WAAW,eAEN,IAAI,IACR,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,YAAY,KAHb,IAAI,CAAC,QAAQ,CAAC,EAAE,CAIrB,CACH,EAPc,CAOd,CAAC,IACH,CACJ,CAAC,CAAC,CAAC,IAAI,IACH,IACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/build/LeftNavigation/utils.js

@@ -0,0 +1,5 @@
+export function sortDescendingStartDateString(a, b) {
+    return (+b.startDate.split("T")[0].replaceAll("-", "") -
+        +a.startDate.split("T")[0].replaceAll("-", ""));
+}
+//# sourceMappingURL=utils.js.map

package/build/LeftNavigation/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/LeftNavigation/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,6BAA6B,CAC3C,CAAI,EACJ,CAAI;IAEJ,OAAO,CACL,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC;QAC9C,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAC/C,CAAC;AACJ,CAAC"}

package/build/LoadingSpinner/LoadingSpinner.js

@@ -0,0 +1,21 @@
+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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 (_jsxs(Box, { className: "".concat(classes.flexCenter, " ").concat(styling || ""), children: [_jsx(Typography, { variant: "body2", color: "textSecondary", className: classes.rightSpacer1, children: text }), _jsx(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":";;;;;;;;;;;;AACA,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,MAAC,GAAG,IAAC,SAAS,EAAE,UAAG,OAAO,CAAC,UAAU,cAAI,OAAO,IAAI,EAAE,CAAE,aACtD,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,eAAe,EAAC,SAAS,EAAE,OAAO,CAAC,YAAY,YAC9E,IAAI,GACM,EACb,KAAC,gBAAgB,IAAC,IAAI,EAAC,QAAQ,GAAG,IAC9B,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,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Container } from "@mui/material";
+import { makeStyles } from "@mui/styles";
+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 });
+    var width = false;
+    if (desktopWidth === null || desktopWidth === undefined || desktopWidth === false) {
+        width = "lg";
+    }
+    else if (desktopWidth === true) {
+        width = "xl";
+    }
+    else {
+        width = false;
+    }
+    return (_jsxs(Box, { className: classes.remainingHeightBox, children: [sideNavigation ? (_jsx(Box, { className: "".concat(classes.fullHeightFlexbox, " ").concat(classes.relativeContainer), children: sideNavigation })) : null, _jsx(Container, { id: id, disableGutters: true, maxWidth: false, className: classes.scrollWrapper, children: _jsx(Container, { disableGutters: true, maxWidth: width === false ? false : width, className: classes.componentWrapper, children: 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":";AACA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAGzC,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,IAAI,KAAK,GAAwB,KAAK,CAAC;IACvC,IAAI,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,SAAS,IAAI,YAAY,KAAK,KAAK,EAAE,CAAC;QAClF,KAAK,GAAG,IAAI,CAAC;IACf,CAAC;SAAM,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;QACjC,KAAK,GAAG,IAAI,CAAC;IACf,CAAC;SAAM,CAAC;QACN,KAAK,GAAG,KAAK,CAAC;IAChB,CAAC;IAED,OAAO,CACL,MAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,kBAAkB,aACvC,cAAc,CAAC,CAAC,CAAC,CAChB,KAAC,GAAG,IAAC,SAAS,EAAE,UAAG,OAAO,CAAC,iBAAiB,cAAI,OAAO,CAAC,iBAAiB,CAAE,YACxE,cAAc,GACX,CACP,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,SAAS,IACR,EAAE,EAAE,EAAE,EACN,cAAc,QACd,QAAQ,EAAE,KAAK,EACf,SAAS,EAAE,OAAO,CAAC,aAAa,YAEhC,KAAC,SAAS,IACR,cAAc,QACd,QAAQ,EAAE,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EACzC,SAAS,EAAE,OAAO,CAAC,gBAAgB,YAElC,QAAQ,GACC,GACF,IACR,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 { jsx as _jsx } from "react/jsx-runtime";
+import { MobileDatePicker as MobileMaterialDatePicker } from "@mui/x-date-pickers";
+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 (_jsx(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":";;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,gBAAgB,IAAI,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAEnF,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,CAAC;QAC/B,YAAY,GAAG,IAAI,CAAC;IACtB,CAAC;IAED,OAAO,CACL,KAAC,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

package/build/MobileDatePicker/MobileDatePicker.types.js.map

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

package/build/NavbarLayout/Navbar.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link, useLocation } from "react-router-dom";
+import { makeStyles } from "@mui/styles";
+var useNavbarStyles = makeStyles(function (theme) {
+    var _a, _b;
+    return ({
+        container: (_a = {
+                minWidth: "4.5rem",
+                height: "100%",
+                background: "linear-gradient(180deg, #B3D6EC 0%, #B3D6EC 40%, #E97FAB 100%)",
+                display: "flex",
+                flexDirection: "column",
+                overflowY: "auto",
+                borderTopRightRadius: "1rem",
+                borderBottomRightRadius: "1rem",
+                border: "solid 2px rgb(188, 172, 242)",
+                borderLeft: "none",
+                boxSize: "border-box"
+            },
+            _a[theme.breakpoints.down("sm")] = {
+                flexDirection: "row",
+                justifyContent: "center",
+                background: "linear-gradient(90deg, #B3D6EC 0%, #B3D6EC 40%, #E97FAB 100%)",
+                borderRadius: 0,
+                borderTopLeftRadius: "1rem",
+                borderTopRightRadius: "1rem",
+                width: "100dvw",
+                margin: "auto",
+                border: "solid 2px rgb(188, 172, 242)",
+                borderBottom: "none",
+                overflowY: "hidden",
+                overflowX: "scroll",
+            },
+            _a),
+        item: (_b = {
+                position: "relative",
+                display: "flex",
+                flexDirection: "column",
+                justifyContent: "center",
+                alignItems: "center",
+                textAlign: "center",
+                color: "black",
+                textDecoration: "none",
+                fontSize: "0.725rem",
+                padding: "0.75rem 0.5rem",
+                gap: "0.25rem",
+                backgroundColor: "transparent",
+                transition: "background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+                "&:hover": {
+                    backgroundColor: "rgba(0, 0, 0, 0.04)",
+                },
+                "&::after": {
+                    content: '" "',
+                    position: "absolute",
+                    top: "15%",
+                    bottom: "15%",
+                    right: 0,
+                    width: 3,
+                    zIndex: 1,
+                    transition: "background-color 80ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+                }
+            },
+            _b[theme.breakpoints.down("sm")] = {
+                padding: "0.5rem 1.0rem",
+                "&::after": {
+                    top: 0,
+                    left: "15%",
+                    right: "15%",
+                    bottom: "auto",
+                    height: 4,
+                    width: "auto",
+                },
+            },
+            _b),
+        itemActive: {
+            "&::after": {
+                backgroundColor: "rgb(188, 172, 242)",
+            },
+        },
+        separateItem: {
+            marginTop: "auto",
+        },
+    });
+});
+var Navbar = function (_a) {
+    var tabs = _a.tabs;
+    var classes = useNavbarStyles();
+    var location = useLocation();
+    return (_jsx("div", { className: classes.container, children: tabs.map(function (_a) {
+            var Icon = _a.Icon, field = _a.field, path = _a.path, _b = _a.separate, separate = _b === void 0 ? false : _b;
+            return (_jsx(Link, { to: path, className: [
+                    classes.item,
+                    separate ? classes.separateItem : null,
+                    location.pathname === path ? classes.itemActive : null,
+                ]
+                    .filter(Boolean)
+                    .join(" "), children: _jsxs(_Fragment, { children: [_jsx(Icon, {}), field] }) }, path));
+        }) }));
+};
+export default Navbar;
+//# sourceMappingURL=Navbar.js.map

package/build/NavbarLayout/Navbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../src/NavbarLayout/Navbar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAWzC,IAAM,eAAe,GAAG,UAAU,CAAC,UAAC,KAAK;;IAAK,OAAA,CAAC;QAC7C,SAAS;gBACP,QAAQ,EAAE,QAAQ;gBAClB,MAAM,EAAE,MAAM;gBACd,UAAU,EAAE,gEAAgE;gBAC5E,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,QAAQ;gBACvB,SAAS,EAAE,MAAM;gBACjB,oBAAoB,EAAE,MAAM;gBAC5B,uBAAuB,EAAE,MAAM;gBAC/B,MAAM,EAAE,8BAA8B;gBACtC,UAAU,EAAE,MAAM;gBAClB,OAAO,EAAE,YAAY;;YAErB,GAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAG;gBAC9B,aAAa,EAAE,KAAK;gBACpB,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,+DAA+D;gBAC3E,YAAY,EAAE,CAAC;gBACf,mBAAmB,EAAE,MAAM;gBAC3B,oBAAoB,EAAE,MAAM;gBAC5B,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE,MAAM;gBACd,MAAM,EAAE,8BAA8B;gBACtC,YAAY,EAAE,MAAM;gBACpB,SAAS,EAAE,QAAQ;gBACnB,SAAS,EAAE,QAAQ;aACpB;eACF;QACD,IAAI;gBACF,QAAQ,EAAE,UAAU;gBACpB,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,QAAQ;gBACvB,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;gBACpB,SAAS,EAAE,QAAQ;gBACnB,KAAK,EAAE,OAAO;gBACd,cAAc,EAAE,MAAM;gBACtB,QAAQ,EAAE,UAAU;gBACpB,OAAO,EAAE,gBAAgB;gBACzB,GAAG,EAAE,SAAS;gBAEd,eAAe,EAAE,aAAa;gBAC9B,UAAU,EAAE,yDAAyD;gBACrE,SAAS,EAAE;oBACT,eAAe,EAAE,qBAAqB;iBACvC;gBAED,UAAU,EAAE;oBACV,OAAO,EAAE,KAAK;oBACd,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,KAAK;oBACV,MAAM,EAAE,KAAK;oBACb,KAAK,EAAE,CAAC;oBACR,KAAK,EAAE,CAAC;oBACR,MAAM,EAAE,CAAC;oBACT,UAAU,EAAE,wDAAwD;iBACrE;;YAED,GAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAG;gBAC9B,OAAO,EAAE,eAAe;gBAExB,UAAU,EAAE;oBACV,GAAG,EAAE,CAAC;oBACN,IAAI,EAAE,KAAK;oBACX,KAAK,EAAE,KAAK;oBACZ,MAAM,EAAE,MAAM;oBACd,MAAM,EAAE,CAAC;oBACT,KAAK,EAAE,MAAM;iBACd;aACF;eACF;QACD,UAAU,EAAE;YACV,UAAU,EAAE;gBACV,eAAe,EAAE,oBAAoB;aACtC;SACF;QACD,YAAY,EAAE;YACZ,SAAS,EAAE,MAAM;SAClB;KACF,CAAC;AAhF4C,CAgF5C,CAAC,CAAC;AAEJ,IAAM,MAAM,GAAG,UAAC,EAAqB;QAAnB,IAAI,UAAA;IACpB,IAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAClC,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,OAAO,CACL,cAAK,SAAS,EAAE,OAAO,CAAC,SAAS,YAC9B,IAAI,CAAC,GAAG,CAAC,UAAC,EAAuC;gBAArC,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;YAAO,OAAA,CACrD,KAAC,IAAI,IAEH,EAAE,EAAE,IAAI,EACR,SAAS,EAAE;oBACT,OAAO,CAAC,IAAI;oBACZ,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI;oBACtC,QAAQ,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI;iBACvD;qBACE,MAAM,CAAC,OAAO,CAAC;qBACf,IAAI,CAAC,GAAG,CAAC,YAEZ,8BACE,KAAC,IAAI,KAAG,EACP,KAAK,IACL,IAbE,IAAI,CAcJ,CACR;QAjBsD,CAiBtD,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/build/NavbarLayout/NavbarLayout.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Container } from "@mui/material";
+import { makeStyles } from "@mui/styles";
+import Navbar from "./Navbar";
+var useNavbarLayoutStyles = makeStyles(function (theme) {
+    var _a;
+    return ({
+        tablessGrid: {},
+        grid: function (_a) {
+            var _b;
+            var hideTabs = _a.hideTabs, leaveHeightForMenu = _a.leaveHeightForMenu;
+            return hideTabs
+                ? {}
+                : (_b = {
+                        display: "grid",
+                        gridTemplateRows: "auto 1fr",
+                        gridTemplateColumns: "auto 1fr",
+                        height: leaveHeightForMenu ? "calc(100dvh - 4rem)" : "100dvh",
+                        boxSize: "border-box"
+                    },
+                    _b[theme.breakpoints.down("sm")] = {
+                        gridTemplateColumns: "1fr",
+                        gridTemplateRows: "1fr auto",
+                    },
+                    _b);
+        },
+        tabs: (_a = {
+                height: function (_a) {
+                    var leaveHeightForMenu = _a.leaveHeightForMenu;
+                    return leaveHeightForMenu ? "calc(100dvh - 4rem)" : "100dvh";
+                }
+            },
+            _a[theme.breakpoints.down("sm")] = {
+                order: 1,
+                height: "max-content !important",
+            },
+            _a),
+        content: {
+            padding: "1rem",
+            boxSizing: "border-box",
+            height: "100%",
+            overflowY: "scroll",
+        },
+    });
+});
+var NavbarLayout = function (_a) {
+    var tabs = _a.tabs, _b = _a.hideTabs, hideTabs = _b === void 0 ? false : _b, _c = _a.leaveHeightForMenu, leaveHeightForMenu = _c === void 0 ? true : _c, _d = _a.maxWidth, maxWidth = _d === void 0 ? "lg" : _d, children = _a.children;
+    var classes = useNavbarLayoutStyles({ hideTabs: hideTabs, leaveHeightForMenu: leaveHeightForMenu });
+    return (_jsxs("div", { className: "".concat(classes.grid), children: [_jsx("div", { className: classes.tabs, children: _jsx(Navbar, { tabs: tabs }) }), _jsx("div", { className: classes.content, children: _jsx(Container, { disableGutters: true, maxWidth: maxWidth, children: _jsx(_Fragment, { children: children }) }) })] }));
+};
+export default NavbarLayout;
+//# sourceMappingURL=NavbarLayout.js.map

package/build/NavbarLayout/NavbarLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarLayout.js","sourceRoot":"","sources":["../../src/NavbarLayout/NavbarLayout.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAc,SAAS,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,MAAM,MAAM,UAAU,CAAC;AAsB9B,IAAM,qBAAqB,GAAG,UAAU,CAAC,UAAC,KAAK;;IAAK,OAAA,CAAC;QACnD,WAAW,EAAE,EAAE;QACf,IAAI,EAAE,UAAC,EAA4D;;gBAA1D,QAAQ,cAAA,EAAE,kBAAkB,wBAAA;YACnC,OAAA,QAAQ;gBACN,CAAC,CAAC,EAAE;gBACJ,CAAC;wBACG,OAAO,EAAE,MAAM;wBACf,gBAAgB,EAAE,UAAU;wBAC5B,mBAAmB,EAAE,UAAU;wBAC/B,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,QAAQ;wBAC7D,OAAO,EAAE,YAAY;;oBAErB,GAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAG;wBAC9B,mBAAmB,EAAE,KAAK;wBAC1B,gBAAgB,EAAE,UAAU;qBAC7B;uBACF;QAbL,CAaK;QACP,IAAI;gBACF,MAAM,EAAE,UAAC,EAAkD;wBAAhD,kBAAkB,wBAAA;oBAC3B,OAAA,kBAAkB,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,QAAQ;gBAArD,CAAqD;;YAEvD,GAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAG;gBAC9B,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,wBAAwB;aACjC;eACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,YAAY;YACvB,MAAM,EAAE,MAAM;YACd,SAAS,EAAE,QAAQ;SACpB;KACF,CAAC;AAhCkD,CAgClD,CAAC,CAAC;AAEJ,IAAM,YAAY,GAAG,UAAC,EAMF;QALlB,IAAI,UAAA,EACJ,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,0BAAyB,EAAzB,kBAAkB,mBAAG,IAAI,KAAA,EACzB,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,QAAQ,cAAA;IAER,IAAM,OAAO,GAAG,qBAAqB,CAAC,EAAE,QAAQ,UAAA,EAAE,kBAAkB,oBAAA,EAAE,CAAC,CAAC;IAExE,OAAO,CACL,eAAK,SAAS,EAAE,UAAG,OAAO,CAAC,IAAI,CAAE,aAC/B,cAAK,SAAS,EAAE,OAAO,CAAC,IAAI,YAC1B,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,GAAI,GAClB,EAEN,cAAK,SAAS,EAAE,OAAO,CAAC,OAAO,YAC7B,KAAC,SAAS,IAAC,cAAc,QAAC,QAAQ,EAAE,QAAQ,YAC1C,4BAAG,QAAQ,GAAI,GACL,GACR,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/build/NavbarLayout/index.js

@@ -0,0 +1,2 @@
+export { default as NavbarLayout } from "./NavbarLayout";
+//# sourceMappingURL=index.js.map

package/build/NavbarLayout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/NavbarLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}