@oc-digital/react-component-library 8.9.0 → 8.9.2-beta.0

package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.js

@@ -0,0 +1,293 @@
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, IconButton, Typography, Button as MUIButton, CircularProgress, Avatar, } from "@mui/material";
+import makeStyles from "@mui/styles/makeStyles";
+import { useEffect, useState } from "react";
+import { CloudUpload, Forward } from "@mui/icons-material";
+import { useSpacingStyles } from "../styles";
+import Alert from "../Alert/Alert";
+import { BORDER_RADIUS, FORM_ENABLED, FORM_ERROR, FORM_LOADING, FORM_SUCCESS, NO_ACCESS_LEVEL, READ_LEVEL, } from "../globals";
+var useImageDisplayAndUploadStyles = makeStyles(function (theme) { return ({
+    greyBox: {
+        backgroundColor: theme.palette.grey[200],
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        padding: "1.5rem",
+        borderRadius: BORDER_RADIUS,
+        position: "relative",
+        height: "13.25rem",
+    },
+    widthLimiter: {
+        width: "100%",
+        maxWidth: "28rem",
+        marginLeft: "auto",
+        marginRight: "auto",
+    },
+    hiddenInput: {
+        display: "none",
+    },
+    buttonColor: {
+        backgroundColor: theme.palette.primary.main,
+    },
+    iconStyling: {
+        color: theme.palette.common.white,
+        fontSize: "3rem",
+    },
+    sectionBreak: {
+        marginBottom: theme.spacing(3),
+    },
+    dropBox: {
+        height: "100%",
+        width: "100%",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+    },
+    dropArrowStyling: {
+        color: theme.palette.text.secondary,
+        fontSize: "3rem",
+    },
+    topLeftArrow: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        transform: "rotate(45deg)",
+    },
+    topRightArrow: {
+        position: "absolute",
+        top: 0,
+        right: 0,
+        transform: "rotate(135deg)",
+    },
+    bottomLeftArrow: {
+        position: "absolute",
+        bottom: 0,
+        left: 0,
+        transform: "rotate(-45deg)",
+    },
+    bottomRightArrow: {
+        position: "absolute",
+        bottom: 0,
+        right: 0,
+        transform: "rotate(225deg)",
+    },
+    hiddenDisplay: {
+        display: "none",
+    },
+    loadingCircle: {
+        marginLeft: theme.spacing(1),
+    },
+    roundedAvatarButton: {
+        borderRadius: "100%",
+    },
+    roundedAvatar: {
+        width: "16vmax",
+        height: "16vmax",
+        maxWidth: "13rem",
+        maxHeight: "13rem",
+    },
+    organisationImage: {
+        maxWidth: "8rem",
+        minWidth: "5rem",
+        maxHeight: "8rem",
+    },
+}); });
+var DRAG_ENTER = "dragEnter";
+var INPUT = "input";
+var DRAG_DROP = "dragDrop";
+var ImageDisplayAndUpload = function (_a) {
+    var _b = _a.id, id = _b === void 0 ? "image-upload" : _b, url = _a.url, _c = _a.roundedAvatar, roundedAvatar = _c === void 0 ? false : _c, handleSaveImage = _a.handleSaveImage, alt = _a.alt, accessLevel = _a.accessLevel;
+    var classes = __assign(__assign({}, useImageDisplayAndUploadStyles()), useSpacingStyles());
+    var _d = useState(!!url), displayImage = _d[0], setDisplayImage = _d[1];
+    var _e = useState(FORM_ENABLED), uploadState = _e[0], setUploadState = _e[1];
+    var _f = useState(null), infoMessage = _f[0], setInfoMessage = _f[1];
+    useEffect(function () {
+        if (!!url) {
+            setDisplayImage(true);
+        }
+    }, [url]);
+    if (accessLevel === NO_ACCESS_LEVEL)
+        return null;
+    var disabledProp = false;
+    if (accessLevel === READ_LEVEL)
+        disabledProp = true;
+    var handleImageUpload = function (type, e) { return __awaiter(void 0, void 0, void 0, function () {
+        var target, dataTransfer;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (disabledProp)
+                        return [2 /*return*/];
+                    setInfoMessage(null);
+                    if (!(type === INPUT)) return [3 /*break*/, 4];
+                    target = e.target;
+                    if (!(target.files && target.files[0])) return [3 /*break*/, 2];
+                    return [4 /*yield*/, imageUpload(target.files[0])];
+                case 1:
+                    _a.sent();
+                    return [3 /*break*/, 3];
+                case 2:
+                    setUploadState(FORM_ERROR);
+                    setDisplayImage(url ? true : false);
+                    _a.label = 3;
+                case 3: return [3 /*break*/, 7];
+                case 4:
+                    if (!(type === DRAG_DROP)) return [3 /*break*/, 7];
+                    dataTransfer = e.dataTransfer;
+                    if (!(dataTransfer.files && dataTransfer.files[0])) return [3 /*break*/, 6];
+                    return [4 /*yield*/, imageUpload(dataTransfer.files[0])];
+                case 5:
+                    _a.sent();
+                    return [3 /*break*/, 7];
+                case 6:
+                    setUploadState(FORM_ERROR);
+                    setDisplayImage(url ? true : false);
+                    _a.label = 7;
+                case 7: return [2 /*return*/];
+            }
+        });
+    }); };
+    var imageUpload = function (file) { return __awaiter(void 0, void 0, void 0, function () {
+        var format, buffer, e_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setUploadState(FORM_LOADING);
+                    if (file.size >= 1024 * 1024 * 0.5) {
+                        setInfoMessage("Image size should be less than 0.5MB");
+                        setUploadState(FORM_ERROR);
+                        setDisplayImage(url ? true : false);
+                        return [2 /*return*/];
+                    }
+                    format = file.name.split(".")[1].toLowerCase();
+                    if (!["png", "jpg", "jpeg"].includes(format)) {
+                        setInfoMessage("Please provide an image in png, jpg or jpeg format");
+                        setUploadState(FORM_ERROR);
+                        setDisplayImage(url ? true : false);
+                        return [2 /*return*/];
+                    }
+                    return [4 /*yield*/, file.arrayBuffer()];
+                case 1:
+                    buffer = _a.sent();
+                    _a.label = 2;
+                case 2:
+                    _a.trys.push([2, 4, , 5]);
+                    return [4 /*yield*/, handleSaveImage(format, buffer, file)];
+                case 3:
+                    _a.sent();
+                    setUploadState(FORM_SUCCESS);
+                    setDisplayImage(true);
+                    return [3 /*break*/, 5];
+                case 4:
+                    e_1 = _a.sent();
+                    console.log(e_1);
+                    setUploadState(FORM_ERROR);
+                    setDisplayImage(url ? true : false);
+                    return [3 /*break*/, 5];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    var htmlToDisplay;
+    switch (uploadState) {
+        case DRAG_ENTER:
+            htmlToDisplay = (_jsxs(Box, { className: classes.dropBox, style: { pointerEvents: "none" }, children: [_jsx(Forward, { className: "".concat(classes.dropArrowStyling, " ").concat(classes.topLeftArrow) }), _jsx(Forward, { className: "".concat(classes.dropArrowStyling, " ").concat(classes.topRightArrow) }), _jsx(Typography, { variant: "h5", color: "textSecondary", children: "Drop Here" }), _jsx(Forward, { className: "".concat(classes.dropArrowStyling, " ").concat(classes.bottomLeftArrow) }), _jsx(Forward, { className: "".concat(classes.dropArrowStyling, " ").concat(classes.bottomRightArrow) })] }));
+            break;
+        case FORM_LOADING:
+            htmlToDisplay = (_jsxs(Box, { className: classes.dropBox, children: [_jsx(Typography, { color: "textSecondary", children: "Loading..." }), _jsx(CircularProgress, { className: classes.loadingCircle, size: 25 })] }));
+            break;
+        default:
+            htmlToDisplay = (_jsxs("label", { htmlFor: id, children: [_jsx(IconButton, { className: "".concat(classes.buttonColor, " ").concat(classes.sectionBreak), "aria-label": "upload picture", component: "span", size: "large", children: _jsx(CloudUpload, { className: classes.iconStyling }) }), _jsx(Typography, { variant: "body2", color: "textSecondary", children: "Drag and drop or browse to upload your image or logo." })] }));
+            break;
+    }
+    return (_jsxs(Box, { className: classes.labelBreak, onDragEnter: function (e) {
+            if (disabledProp)
+                return;
+            e.preventDefault();
+            e.stopPropagation();
+            setDisplayImage(false);
+        }, onDragOver: function (e) {
+            if (disabledProp)
+                return;
+            e.preventDefault();
+            e.stopPropagation();
+            setDisplayImage(false);
+        }, children: [displayImage && (_jsx(Box, { className: classes.labelBreak, children: _jsx("label", { htmlFor: id, children: _jsx(MUIButton, { className: "".concat(roundedAvatar ? classes.roundedAvatarButton : ""), "aria-label": "upload picture", component: "span", children: roundedAvatar ? (_jsx(Avatar, { className: classes.roundedAvatar, src: url, alt: alt || "Profile Avatar" })) : (_jsx("img", { className: classes.organisationImage, src: url, alt: alt || "Company Logo" })) }) }) })), _jsxs(Box, { className: "".concat(classes.greyBox, " ").concat(classes.widthLimiter, " ").concat(classes.sectionBreak, " ").concat(displayImage ? classes.hiddenDisplay : ""), onDragEnter: function (e) {
+                    if (disabledProp)
+                        return;
+                    e.preventDefault();
+                    e.stopPropagation();
+                    setUploadState(DRAG_ENTER);
+                }, onDragLeave: function (e) {
+                    if (disabledProp)
+                        return;
+                    e.preventDefault();
+                    e.stopPropagation();
+                    setUploadState(FORM_ENABLED);
+                    setDisplayImage(url ? true : false);
+                }, onDragOver: function (e) {
+                    if (disabledProp)
+                        return;
+                    e.preventDefault();
+                    e.stopPropagation();
+                    setUploadState(DRAG_ENTER);
+                }, onDrop: function (e) {
+                    if (disabledProp)
+                        return;
+                    e.preventDefault();
+                    e.stopPropagation();
+                    handleImageUpload(DRAG_DROP, e);
+                }, children: [_jsx("input", { id: id, className: classes.hiddenInput, type: "file", accept: ".png, .jpg, .jpeg", disabled: disabledProp, onChange: function (e) { return handleImageUpload(INPUT, e); } }), htmlToDisplay] }), _jsx(Box, { className: classes.widthLimiter, children: _jsx(Alert, { formStatus: uploadState, alertMessage: infoMessage ||
+                        (uploadState === FORM_SUCCESS
+                            ? "Uploaded successfully!"
+                            : "Something went wrong.") }) })] }));
+};
+export default ImageDisplayAndUpload;
+//# sourceMappingURL=ImageDisplayAndUpload.js.map

package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.js.map

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

package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.types.js

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

package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.types.js.map

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

package/build/KeyboardDatePicker/KeyboardDatePicker.js

@@ -0,0 +1,38 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DatePicker as MaterialDatePicker } from "@mui/x-date-pickers/DatePicker";
+import TextField from "../TextField/TextField";
+import { NO_ACCESS_LEVEL, READ_LEVEL } from "../globals";
+var KeyboardDatePicker = function (_a) {
+    var styling = _a.styling, _b = _a.format, format = _b === void 0 ? "dd/MM/yyyy" : _b, _c = _a.minDate, minDate = _c === void 0 ? new Date("1856-09-25") : _c, accessLevel = _a.accessLevel, disabled = _a.disabled, slots = _a.slots, rest = __rest(_a, ["styling", "format", "minDate", "accessLevel", "disabled", "slots"]);
+    if (accessLevel === NO_ACCESS_LEVEL)
+        return null;
+    var disabledProp = disabled;
+    if (accessLevel === READ_LEVEL) {
+        disabledProp = true;
+    }
+    return (_jsx(MaterialDatePicker, __assign({ className: styling || "" }, rest, { disabled: disabledProp, format: format, minDate: minDate, slots: __assign({ textField: TextField }, (slots || {})) })));
+};
+export default KeyboardDatePicker;
+//# sourceMappingURL=KeyboardDatePicker.js.map

package/build/KeyboardDatePicker/KeyboardDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardDatePicker.js","sourceRoot":"","sources":["../../src/KeyboardDatePicker/KeyboardDatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAClF,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAGzD,IAAM,kBAAkB,GAA+B,UAAC,EAQvD;IAPC,IAAA,OAAO,aAAA,EACP,cAAqB,EAArB,MAAM,mBAAG,YAAY,KAAA,EACrB,eAAgC,EAAhC,OAAO,mBAAG,IAAI,IAAI,CAAC,YAAY,CAAC,KAAA,EAChC,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cAP+C,oEAQvD,CADQ;IAEP,IAAI,WAAW,KAAK,eAAe;QAAE,OAAO,IAAI,CAAC;IAEjD,IAAI,YAAY,GAAG,QAAQ,CAAC;IAE5B,IAAI,WAAW,KAAK,UAAU,EAAE,CAAC;QAC/B,YAAY,GAAG,IAAI,CAAC;IACtB,CAAC;IAED,OAAO,CACL,KAAC,kBAAkB,aACjB,SAAS,EAAE,OAAO,IAAI,EAAE,IACpB,IAAI,IACR,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,KAAK,aACH,SAAS,EAAE,SAA8C,IACtD,CAAC,KAAK,IAAI,EAAE,CAAC,KAElB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/build/KeyboardDatePicker/KeyboardDatePicker.types.js

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

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

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

package/build/LeftNavigation/LeftNavigation.js

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

package/build/LeftNavigation/LeftNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeftNavigation.js","sourceRoot":"","sources":["../../src/LeftNavigation/LeftNavigation.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,yBAAyB,MAAM,2BAA2B,CAAC;AAClE,OAAO,uBAAuB,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAGhD,IAAM,gBAAgB,GAAG,UAAU,CAAC;IAClC,gBAAgB,EAAE;QAChB,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,aAAa;KACrB;CACF,CAAC,CAAC;AAEH,IAAM,cAAc,GAAmC,UAAC,EAIvD;QAHC,eAAe,qBAAA,EACf,iBAAiB,uBAAA,EACjB,MAAM,YAAA;IAEA,IAAA,KAAwC,QAAQ,CAAC;QACrD,IAAI,EAAE,EAAE;QACR,QAAQ,EAAE,KAAK;KAChB,CAAC,EAHK,eAAe,QAAA,EAAE,kBAAkB,QAGxC,CAAC;IAEH,IAAM,MAAM,GAAG,gBAAgB,EAAE,CAAC;IAClC,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,IAAM,iBAAiB,GAAG,eAAe,CAAC,MAAM,CAC9C,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,iCAAK,IAAI,UAAE,GAAG,CAAC,KAAK,UAAE,CAAC,CAAC,IAAI,CAAC,EAAhD,CAAgD,EAC/D,EAAc,CACf,CAAC;IAEF,SAAS,CAAC;QACR,kBAAkB,CAAC,UAAC,IAAI;YACtB,IAAI,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE,CAAC;gBACpE,OAAO,IAAI,CAAC;YACd,CAAC;;gBAAM,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;QAC9C,CAAC,CAAC,CAAC;QACH,uDAAuD;IACzD,CAAC,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,MAAC,GAAG,IAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAE,MAAM,CAAC,gBAAgB,aACrD,KAAC,uBAAuB,IACtB,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,eAAe,EAChC,MAAM,EAAE,MAAM,GACd,EAED,eAAe,CAAC,QAAQ,IAAI,CAC3B,KAAC,yBAAyB,IACxB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,MAAM,EAAE,MAAM,GACd,CACH,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,cAAc,CAAC"}

package/build/LeftNavigation/LeftNavigation.types.js

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

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

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

package/build/LeftNavigation/NavListItem.js

@@ -0,0 +1,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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"}