@oc-digital/react-component-library 7.2.1 → 7.2.2-beta.2

package/build/LeftNavigation/LeftNavigation.types.d.ts

@@ -1,96 +1,96 @@
-import React, { ReactNode, ReactChild } from "react";
-import { ISvgComponentProps } from "../SvgComponents/types";
-export interface INavigationLink {
-    field: string;
-    path: string;
-    Icon: React.FC<ISvgComponentProps>;
-    hasSecondary?: boolean;
-}
-export type IExpandedOptions = {
-    view: string;
-    expanded: boolean;
-};
-export interface IMainNavigationItem {
-    id: string;
-    name: ReactChild;
-    route: string;
-    archived?: boolean;
-}
-export interface ISecondaryNavigationSubItem {
-    id: string;
-    name: ReactChild;
-    route: string;
-}
-export interface ISecondaryNavigationItem {
-    mainItem: IMainNavigationItem;
-    subItems?: ISecondaryNavigationSubItem[];
-    startDate: string;
-}
-export interface ISecondaryNavigationElement {
-    items: ISecondaryNavigationItem[];
-    archivedItems?: ISecondaryNavigationItem[];
-    button?: {
-        url: string;
-        text: string;
-    };
-}
-export interface ISecondaryNavigationElements {
-    [key: string]: ISecondaryNavigationElement;
-}
-export interface IPrimaryConfig {
-    background?: string;
-    text?: string;
-    activeText?: string;
-    moveLastItemToBottom?: boolean;
-    activeBorderColor?: string;
-}
-export interface ISecondaryMainConfig {
-    mainBackground?: string;
-    mainText?: string;
-    mainHover?: string;
-    mainIcon?: string;
-    mainActiveText?: string;
-}
-export interface ISecondarySubConfig {
-    subItemBackground?: string;
-    subItemText?: string;
-    subItemHover?: string;
-    subItemActiveBackground?: string;
-    subItemActiveHover?: string;
-    subItemActiveText?: string;
-}
-export interface ISideNavConfig {
-    rootRouteName: string;
-    primary?: IPrimaryConfig;
-    secondary?: {
-        mainItemColors?: ISecondaryMainConfig;
-        subItemColors?: ISecondarySubConfig;
-        closeButtonSvg?: ReactNode;
-        titleColor?: string;
-        titleIconColor?: string;
-    };
-}
-export interface ILeftNavigationProps {
-    primaryNavItems: INavigationLink[];
-    secondaryNavItems: ISecondaryNavigationElements;
-    config: ISideNavConfig;
-}
-export interface IListItemProps extends ISecondaryNavigationItem {
-    config: ISideNavConfig;
-    Icon: React.FC<ISvgComponentProps>;
-}
-export interface INavListItemStyleProps extends ISecondaryMainConfig, ISecondarySubConfig {
-}
-export interface IPrimaryLeftNavContainerProps {
-    expandedOptions: IExpandedOptions;
-    navigationLinks: INavigationLink[];
-    setExpandedOptions: React.Dispatch<React.SetStateAction<IExpandedOptions>>;
-    config: ISideNavConfig;
-}
-export interface ISecondaryLeftNavContainerProps {
-    secondaryNavItems: ISecondaryNavigationElements;
-    primaryNavItems: INavigationLink[];
-    expandedOptions: IExpandedOptions;
-    setExpandedOptions: React.Dispatch<React.SetStateAction<IExpandedOptions>>;
-    config: ISideNavConfig;
-}
+import React, { ReactNode, ReactChild } from "react";
+import { ISvgComponentProps } from "../SvgComponents/types";
+export interface INavigationLink {
+    field: string;
+    path: string;
+    Icon: React.FC<ISvgComponentProps>;
+    hasSecondary?: boolean;
+}
+export type IExpandedOptions = {
+    view: string;
+    expanded: boolean;
+};
+export interface IMainNavigationItem {
+    id: string;
+    name: ReactChild;
+    route: string;
+    archived?: boolean;
+}
+export interface ISecondaryNavigationSubItem {
+    id: string;
+    name: ReactChild;
+    route: string;
+}
+export interface ISecondaryNavigationItem {
+    mainItem: IMainNavigationItem;
+    subItems?: ISecondaryNavigationSubItem[];
+    startDate: string;
+}
+export interface ISecondaryNavigationElement {
+    items: ISecondaryNavigationItem[];
+    archivedItems?: ISecondaryNavigationItem[];
+    button?: {
+        url: string;
+        text: string;
+    };
+}
+export interface ISecondaryNavigationElements {
+    [key: string]: ISecondaryNavigationElement;
+}
+export interface IPrimaryConfig {
+    background?: string;
+    text?: string;
+    activeText?: string;
+    moveLastItemToBottom?: boolean;
+    activeBorderColor?: string;
+}
+export interface ISecondaryMainConfig {
+    mainBackground?: string;
+    mainText?: string;
+    mainHover?: string;
+    mainIcon?: string;
+    mainActiveText?: string;
+}
+export interface ISecondarySubConfig {
+    subItemBackground?: string;
+    subItemText?: string;
+    subItemHover?: string;
+    subItemActiveBackground?: string;
+    subItemActiveHover?: string;
+    subItemActiveText?: string;
+}
+export interface ISideNavConfig {
+    rootRouteName: string;
+    primary?: IPrimaryConfig;
+    secondary?: {
+        mainItemColors?: ISecondaryMainConfig;
+        subItemColors?: ISecondarySubConfig;
+        closeButtonSvg?: ReactNode;
+        titleColor?: string;
+        titleIconColor?: string;
+    };
+}
+export interface ILeftNavigationProps {
+    primaryNavItems: INavigationLink[];
+    secondaryNavItems: ISecondaryNavigationElements;
+    config: ISideNavConfig;
+}
+export interface IListItemProps extends ISecondaryNavigationItem {
+    config: ISideNavConfig;
+    Icon: React.FC<ISvgComponentProps>;
+}
+export interface INavListItemStyleProps extends ISecondaryMainConfig, ISecondarySubConfig {
+}
+export interface IPrimaryLeftNavContainerProps {
+    expandedOptions: IExpandedOptions;
+    navigationLinks: INavigationLink[];
+    setExpandedOptions: React.Dispatch<React.SetStateAction<IExpandedOptions>>;
+    config: ISideNavConfig;
+}
+export interface ISecondaryLeftNavContainerProps {
+    secondaryNavItems: ISecondaryNavigationElements;
+    primaryNavItems: INavigationLink[];
+    expandedOptions: IExpandedOptions;
+    setExpandedOptions: React.Dispatch<React.SetStateAction<IExpandedOptions>>;
+    config: ISideNavConfig;
+}

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.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { IListItemProps } from "./LeftNavigation.types";
-declare const NavListItem: React.FC<IListItemProps>;
-export default NavListItem;
+import React from "react";
+import { IListItemProps } from "./LeftNavigation.types";
+declare const NavListItem: React.FC<IListItemProps>;
+export default NavListItem;

package/build/LeftNavigation/NavListItem.js

@@ -0,0 +1,122 @@
+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 { 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 ".concat(theme.palette.grey[600]),
+        marginLeft: "1px",
+        marginRight: "1px",
+        width: "100%",
+        height: "100%",
+    },
+    relativeWrapper: {
+        position: "relative",
+    },
+    subItemBorderMask: function (props) { return ({
+        borderLeft: "3px solid ".concat(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 (_jsxs(_Fragment, { children: [_jsxs(ListItem, { button: true, dense: true, className: classes.mainListItem, component: RouterLink, to: mainItem.route, children: [_jsx(ListItemIcon, { className: "".concat(classes.listIcon, " ").concat(classes.mainIconMarginAdjustment, " ").concat(classes.rightSpacer1), children: _jsx(Icon, { id: "second-nav-item", styling: "".concat(classes.mainIconSize, "  ").concat(classes.mainIconColor, " ").concat(activeMainItem ? classes.activeMainIconColor : "") }) }), _jsx(ListItemText, { disableTypography: true, className: classes.noYMargin, primary: _jsxs(Typography, { variant: "body2", className: "".concat(classes.bolderText, " ").concat(classes.textOverflowEllipsis), color: "inherit", children: [mainItem.name, (subItems === null || subItems === void 0 ? void 0 : subItems.length) ? (_jsxs(Typography, { component: "span", variant: "body2", className: classes.bolderText, color: "inherit", children: [" ", "(", subItems.length, ")"] })) : null] }) }), (subItems === null || subItems === void 0 ? void 0 : subItems.length) ? (_jsx(ListItemIcon, { className: classes.listIcon, onClick: function (e) {
+                            e.preventDefault();
+                            e.stopPropagation();
+                            setSubExpanded(function (expanded) { return !expanded; });
+                        }, children: subExpanded ? _jsx(ExpandLess, {}) : _jsx(ExpandMore, {}) })) : null] }), (subItems === null || subItems === void 0 ? void 0 : subItems.length) ? (_jsx(Collapse, { in: subExpanded, timeout: "auto", unmountOnExit: true, children: _jsx(List, { component: "div", disablePadding: true, children: subItems.map(function (_a) {
+                        var name = _a.name, route = _a.route, id = _a.id;
+                        return (_jsxs(Box, { className: classes.subItemWrapper, children: [_jsxs(Box, { className: "".concat(classes.relativeWrapper, " ").concat(classes.rightSpacer1), children: [_jsx(Box, { className: "".concat(classes.subItemBorder, " ") }), _jsx(Box, { className: "".concat(classes.subItemBorderMask, " ").concat(isItemActive(location.pathname, id)
+                                                ? classes.activeSubItemBorder
+                                                : "", " ") })] }), _jsx(ListItem, { component: RouterLink, to: route, button: true, dense: true, className: "".concat(classes.subListItem, " ").concat(isItemActive(location.pathname, id) ? classes.activeSubListItem : ""), children: _jsx(ListItemText, { disableTypography: true, primary: _jsx(Typography, { variant: "body2", className: classes.textOverflowEllipsis, color: "inherit", children: name }) }) }, route)] }, id));
+                    }) }) })) : 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.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { IPrimaryLeftNavContainerProps } from "./LeftNavigation.types";
-declare const PrimaryLeftNavContainer: React.FC<IPrimaryLeftNavContainerProps>;
-export default PrimaryLeftNavContainer;
+import React from "react";
+import { IPrimaryLeftNavContainerProps } from "./LeftNavigation.types";
+declare const PrimaryLeftNavContainer: React.FC<IPrimaryLeftNavContainerProps>;
+export default PrimaryLeftNavContainer;

package/build/LeftNavigation/PrimaryLeftNavigation.js

@@ -0,0 +1,108 @@
+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/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 ".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 ? {} : { 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.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { ISecondaryLeftNavContainerProps } from "./LeftNavigation.types";
-declare const SecondaryLeftNavContainer: React.FC<ISecondaryLeftNavContainerProps>;
-export default SecondaryLeftNavContainer;
+import React from "react";
+import { ISecondaryLeftNavContainerProps } from "./LeftNavigation.types";
+declare const SecondaryLeftNavContainer: React.FC<ISecondaryLeftNavContainerProps>;
+export default SecondaryLeftNavContainer;

package/build/LeftNavigation/SecondaryLeftNavigation.js

@@ -0,0 +1,88 @@
+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 { Box, IconButton, Typography, List } from "@mui/material";
+import makeStyles from "@mui/styles/makeStyles";
+import NavListItem from "./NavListItem";
+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";
+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;
+    var secondaryNavItems = _a.secondaryNavItems, primaryNavItems = _a.primaryNavItems, expandedOptions = _a.expandedOptions, setExpandedOptions = _a.setExpandedOptions, config = _a.config;
+    var navigate = useNavigate();
+    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];
+    if (!navItem)
+        return null;
+    var mainItemIcon = primaryNavItems.find(function (item) { return item.field === expandedOptions.view; }).Icon;
+    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", 
+                        // TODO: remove the !
+                        onClick: function () { return navigate(navItem.button.url); }, children: _jsx(AddBoxOutlinedIcon, {}) })) : null, _jsx(IconButton, { className: "".concat(classes.titleIcons, " ").concat(classes.closeButton), size: "small", type: "button", onClick: function () { return setExpandedOptions({ view: "", expanded: false }); }, children: ((_d = config.secondary) === null || _d === void 0 ? void 0 : _d.closeButtonSvg) || _jsx(CloseIcon, {}) })] }), _jsxs(List, { className: classes.listWrapper, component: "div", children: [sortDescendingStartDateString(navItem.items).map(function (item) { return (_jsx(NavListItem, __assign({}, item, { config: config, Icon: mainItemIcon }), item.mainItem.route)); }), ((_e = navItem.archivedItems) === null || _e === void 0 ? void 0 : _e.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] }), sortDescendingStartDateString(navItem.archivedItems).map(function (item) { return (_jsx(NavListItem, __assign({}, item, { config: config, Icon: mainItemIcon }), item.mainItem.route)); })] })) : 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.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { ILoadingSpinnerProps } from "./LoadingSpinner.types";
-declare const LoadingSpinner: React.FC<ILoadingSpinnerProps>;
-export default LoadingSpinner;
+import React from "react";
+import { ILoadingSpinnerProps } from "./LoadingSpinner.types";
+declare const LoadingSpinner: React.FC<ILoadingSpinnerProps>;
+export default LoadingSpinner;

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.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-export interface ILoadingSpinnerProps {
-    text?: ReactNode;
-    styling?: string;
-}
+import { ReactNode } from "react";
+export interface ILoadingSpinnerProps {
+    text?: ReactNode;
+    styling?: string;
+}

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