@oc-digital/react-component-library 7.2.4-beta.0 → 7.2.5-beta.0

package/build/LeftNavigation/NavListItem.js

@@ -0,0 +1,138 @@
+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 { makeStyles, List, ListItem, ListItemIcon, ListItemText, Collapse, Typography, Box, } from "@material-ui/core";
+import { ExpandLess, ExpandMore } from "@material-ui/icons";
+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",
+    },
+    textOverflowElipsis: {
+        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.textOverflowElipsis, 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.textOverflowElipsis, 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,111 @@
+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, makeStyles, Typography, } from "@material-ui/core";
+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,98 @@
+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, makeStyles, Typography, List } from "@material-ui/core";
+import NavListItem from "./NavListItem";
+import { useHistory } from "react-router-dom";
+import { sortDescendingStartDateString } from "../utils";
+import CloseIcon from "@material-ui/icons/Close";
+import AddBoxOutlinedIcon from "@material-ui/icons/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 "@material-ui/core";
+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,mBAAmB,CAAC;AACtE,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,37 @@
+import React from "react";
+import { Box, Container, makeStyles } from "@material-ui/core";
+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",
+    },
+    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;
+    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, { 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,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/D,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;KACjB;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,EAxBgD,CAwBhD,CAAC,CAAC;AAEJ,IAAM,UAAU,GAA+B,UAAC,EAK/C;QAJC,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,SAAS,eAAA;IAET,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,IAAC,cAAc,QAAC,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,aAAa;YACzE,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/NavbarLayout/Navbar.js

@@ -0,0 +1,104 @@
+import React from "react";
+import { Link, useLocation } from "react-router-dom";
+import { makeStyles } from "@material-ui/core";
+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 (React.createElement("div", { className: classes.container }, tabs.map(function (_a) {
+        var Icon = _a.Icon, field = _a.field, path = _a.path, _b = _a.separate, separate = _b === void 0 ? false : _b;
+        return (React.createElement(Link, { key: path, to: path, className: [
+                classes.item,
+                separate ? classes.separateItem : null,
+                location.pathname === path ? classes.itemActive : null,
+            ]
+                .filter(Boolean)
+                .join(" ") },
+            React.createElement(React.Fragment, null,
+                React.createElement(Icon, null),
+                field)));
+    })));
+};
+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":"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"}

package/build/NavbarLayout/NavbarLayout.d.ts

@@ -1,5 +1,6 @@
 import React, { FC } from "react";
 import { ISvgComponentProps } from "../SvgComponents/types";
+import { Breakpoint } from "@mui/material";
 export type NavbarLayoutTabs = Array<{
     Icon: FC<ISvgComponentProps>;
     field: string;
@@ -11,6 +12,7 @@ export type NavbarLayoutProps = {
     hideTabs?: boolean;
     leaveHeightForMenu?: boolean;
     children: React.ReactNode;
+    maxWidth?: false | Breakpoint | undefined;
 };
-declare const NavbarLayout: ({ tabs, hideTabs, leaveHeightForMenu, children, }: NavbarLayoutProps) => import("react/jsx-runtime").JSX.Element;
+declare const NavbarLayout: ({ tabs, hideTabs, leaveHeightForMenu, maxWidth, children, }: NavbarLayoutProps) => import("react/jsx-runtime").JSX.Element;
 export default NavbarLayout;