bananas-commerce-admin 0.1.2 → 0.2.0

package/dist/cjs/Admin.js

@@ -3,24 +3,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_router_dom_1 = require("react-router-dom");
-var Box_1 = __importDefault(require("@mui/material/Box"));
-var NavBar_1 = __importDefault(require("./components/NavBar"));
-var LoadingScreen_1 = __importDefault(require("./containers/LoadingScreen"));
-var ApiContext_1 = require("./contexts/ApiContext");
-var I18nContext_1 = require("./contexts/I18nContext");
-var RouterContext_1 = require("./contexts/RouterContext");
-var UserContext_1 = require("./contexts/UserContext");
-var LoginPage_1 = __importDefault(require("./pages/LoginPage"));
-var Router_1 = require("./router/Router");
-var Admin = function (_a) {
-    var logo = _a.logo, title = _a.title, subtitle = _a.subtitle, version = _a.version, nav = _a.nav, pages = _a.pages, extensions = _a.extensions, dashboard = _a.dashboard, basename = _a.basename;
-    var _b = react_1.default.useState(false), loaded = _b[0], setLoaded = _b[1];
-    var api = (0, ApiContext_1.useApi)();
-    var i18n = (0, I18nContext_1.useI18n)();
-    var user = (0, UserContext_1.useUser)().user;
-    react_1.default.useEffect(function () {
+const react_1 = __importDefault(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const NavBar_1 = __importDefault(require("./components/NavBar"));
+const LoadingScreen_1 = __importDefault(require("./containers/LoadingScreen"));
+const ApiContext_1 = require("./contexts/ApiContext");
+const I18nContext_1 = require("./contexts/I18nContext");
+const RouterContext_1 = require("./contexts/RouterContext");
+const UserContext_1 = require("./contexts/UserContext");
+const LoginPage_1 = __importDefault(require("./pages/LoginPage"));
+const Router_1 = require("./router/Router");
+const Admin = ({ logo, title, subtitle, version, nav, extensions, dashboard, basename, }) => {
+    const [loaded, setLoaded] = react_1.default.useState(false);
+    const api = (0, ApiContext_1.useApi)();
+    const i18n = (0, I18nContext_1.useI18n)();
+    const { user } = (0, UserContext_1.useUser)();
+    react_1.default.useEffect(() => {
         if (!loaded && api !== undefined && i18n !== undefined && user !== undefined) {
             setLoaded(true);
         }
@@ -40,7 +39,7 @@ var Admin = function (_a) {
                     react_1.default.createElement(RouterContext_1.RouterContextProvider, null,
                         react_1.default.createElement(Box_1.default, { sx: { display: "flex" } },
                             react_1.default.createElement(NavBar_1.default, { nav: nav, logo: logo, title: title, subtitle: subtitle, version: version }),
-                            react_1.default.createElement(Router_1.Router, { pages: pages, extensions: extensions, dashboard: dashboard })))))
+                            react_1.default.createElement(Router_1.Router, { extensions: extensions, dashboard: dashboard })))))
                 : react_1.default.createElement(LoginPage_1.default, { logo: logo, title: title })
             : react_1.default.createElement(LoadingScreen_1.default, { logo: logo, loading: !loaded }))));
 };

package/dist/cjs/App.js

@@ -1,15 +1,4 @@
 "use strict";
-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)
@@ -25,16 +14,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var CssBaseline_1 = __importDefault(require("@mui/material/CssBaseline"));
-var styles_1 = require("@mui/material/styles");
-var Admin_1 = __importDefault(require("./Admin"));
-var ApiContext_1 = require("./contexts/ApiContext");
-var UserContext_1 = require("./contexts/UserContext");
-var I18nContext_1 = require("./contexts/I18nContext");
-var notistack_1 = require("notistack");
-var App = function (_a) {
-    var theme = _a.theme, api = _a.api, rest = __rest(_a, ["theme", "api"]);
+const react_1 = __importDefault(require("react"));
+const CssBaseline_1 = __importDefault(require("@mui/material/CssBaseline"));
+const styles_1 = require("@mui/material/styles");
+const Admin_1 = __importDefault(require("./Admin"));
+const ApiContext_1 = require("./contexts/ApiContext");
+const UserContext_1 = require("./contexts/UserContext");
+const I18nContext_1 = require("./contexts/I18nContext");
+const notistack_1 = require("notistack");
+const App = (_a) => {
+    var { theme, api } = _a, rest = __rest(_a, ["theme", "api"]);
     return (react_1.default.createElement(styles_1.ThemeProvider, { theme: theme !== null && theme !== void 0 ? theme : (0, styles_1.createTheme)() },
         react_1.default.createElement(CssBaseline_1.default, null),
         react_1.default.createElement(notistack_1.SnackbarProvider, { maxSnack: 4, anchorOrigin: {
@@ -44,6 +33,6 @@ var App = function (_a) {
             react_1.default.createElement(ApiContext_1.ApiContextProvider, { api: api },
                 react_1.default.createElement(I18nContext_1.I18nContextProvider, null,
                     react_1.default.createElement(UserContext_1.UserContextProvider, null,
-                        react_1.default.createElement(Admin_1.default, __assign({}, rest))))))));
+                        react_1.default.createElement(Admin_1.default, Object.assign({}, rest))))))));
 };
 exports.default = App;

package/dist/cjs/api.js

@@ -8,42 +8,15 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         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 (_) 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 };
-    }
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ApiClient = exports.ApiOperation = void 0;
-var swagger_parser_1 = __importDefault(require("@apidevtools/swagger-parser"));
-var get_cookie_1 = require("./util/get_cookie");
-var ApiOperation = /** @class */ (function () {
-    function ApiOperation(id, tags, server, endpoint, method, request, summary, description) {
+const swagger_parser_1 = __importDefault(require("@apidevtools/swagger-parser"));
+const get_cookie_1 = require("./util/get_cookie");
+class ApiOperation {
+    constructor(id, tags, server, endpoint, method, request, summary, description) {
         this.id = id;
         this.tags = tags;
         this.server = server;
@@ -53,48 +26,39 @@ var ApiOperation = /** @class */ (function () {
         this.summary = summary;
         this.description = description;
     }
-    ApiOperation.prototype.call = function (request, init) {
+    call(request, init) {
         var _a, _b;
-        return __awaiter(this, void 0, void 0, function () {
-            var endpoint, csrftoken, _i, _c, _d, name_1, value, url;
-            return __generator(this, function (_e) {
-                switch (_e.label) {
-                    case 0:
-                        endpoint = this.endpoint;
-                        csrftoken = (0, get_cookie_1.getCookie)("csrftoken");
-                        init !== null && init !== void 0 ? init : (init = {});
-                        (_a = init.method) !== null && _a !== void 0 ? _a : (init.method = this.method);
-                        init.headers = new Headers(init.headers);
-                        if (csrftoken !== undefined)
-                            init.headers.append("X-CSRFToken", csrftoken);
-                        init.credentials = "include";
-                        // Add body to request
-                        if ((request === null || request === void 0 ? void 0 : request.body) !== undefined) {
-                            (_b = init.body) !== null && _b !== void 0 ? _b : (init.body = JSON.stringify(request === null || request === void 0 ? void 0 : request.body));
-                        }
-                        // Add params to url
-                        if ((request === null || request === void 0 ? void 0 : request.params) !== undefined) {
-                            for (_i = 0, _c = Object.entries(request.params); _i < _c.length; _i++) {
-                                _d = _c[_i], name_1 = _d[0], value = _d[1];
-                                endpoint = endpoint.replace("{".concat(name_1, "}"), value);
-                            }
-                        }
-                        url = new URL(this.server + endpoint);
-                        // Add query to url
-                        if ((request === null || request === void 0 ? void 0 : request.query) !== undefined) {
-                            url.search = request.query.toString();
-                        }
-                        return [4 /*yield*/, fetch(url, init)];
-                    case 1: return [2 /*return*/, _e.sent()];
+        return __awaiter(this, void 0, void 0, function* () {
+            let endpoint = this.endpoint;
+            const csrftoken = (0, get_cookie_1.getCookie)("csrftoken");
+            init !== null && init !== void 0 ? init : (init = {});
+            (_a = init.method) !== null && _a !== void 0 ? _a : (init.method = this.method);
+            init.headers = new Headers(init.headers);
+            if (csrftoken !== undefined)
+                init.headers.append("X-CSRFToken", csrftoken);
+            init.credentials = "include";
+            // Add body to request
+            if ((request === null || request === void 0 ? void 0 : request.body) !== undefined) {
+                (_b = init.body) !== null && _b !== void 0 ? _b : (init.body = JSON.stringify(request === null || request === void 0 ? void 0 : request.body));
+            }
+            // Add params to url
+            if ((request === null || request === void 0 ? void 0 : request.params) !== undefined) {
+                for (const [name, value] of Object.entries(request.params)) {
+                    endpoint = endpoint.replace(`{${name}}`, value);
                 }
-            });
+            }
+            const url = new URL(this.server + endpoint);
+            // Add query to url
+            if ((request === null || request === void 0 ? void 0 : request.query) !== undefined) {
+                url.search = request.query.toString();
+            }
+            return yield fetch(url, init);
         });
-    };
-    return ApiOperation;
-}());
+    }
+}
 exports.ApiOperation = ApiOperation;
-var ApiClient = /** @class */ (function () {
-    function ApiClient(document, server) {
+class ApiClient {
+    constructor(document, server) {
         var _a, _b, _c, _d, _e, _f, _g, _h;
         this.operations = {};
         this.document = document;
@@ -108,22 +72,19 @@ var ApiClient = /** @class */ (function () {
             server = new URL(server);
         }
         // Build operations
-        for (var _i = 0, _j = Object.entries((_a = this.document.paths) !== null && _a !== void 0 ? _a : {}); _i < _j.length; _i++) {
-            var _k = _j[_i], path = _k[0], definition = _k[1];
-            for (var _l = 0, _m = Object.entries(definition); _l < _m.length; _l++) {
-                var _o = _m[_l], method = _o[0], operation = _o[1];
+        for (const [path, definition] of Object.entries((_a = this.document.paths) !== null && _a !== void 0 ? _a : {})) {
+            for (const [method, operation] of Object.entries(definition)) {
                 // All operations require an operation id
                 if (!operation.operationId) {
                     break;
                 }
                 // Check if an tag starting with `app:` exists on the operation
-                if (!((_b = operation.tags) === null || _b === void 0 ? void 0 : _b.some(function (tag) { return tag.startsWith("app:"); }))) {
+                if (!((_b = operation.tags) === null || _b === void 0 ? void 0 : _b.some((tag) => tag.startsWith("app:")))) {
                     break;
                 }
-                var request = {};
+                const request = {};
                 // Fill the request object with `path`, `query` and `body` data which may be provided
-                for (var _p = 0, _q = (_c = operation.parameters) !== null && _c !== void 0 ? _c : []; _p < _q.length; _p++) {
-                    var parameter = _q[_p];
+                for (const parameter of (_c = operation.parameters) !== null && _c !== void 0 ? _c : []) {
                     if ("in" in parameter) {
                         switch (parameter.in) {
                             case "body": {
@@ -155,11 +116,11 @@ var ApiClient = /** @class */ (function () {
                 // If `requestBody` exists then add it to the request objects body object
                 if ("requestBody" in operation && operation.requestBody !== undefined) {
                     if ("content" in operation.requestBody) {
-                        var schema = operation.requestBody.content["application/json"].schema;
-                        var required = (_h = operation.requestBody.required) !== null && _h !== void 0 ? _h : false;
+                        const schema = operation.requestBody.content["application/json"].schema;
+                        const required = (_h = operation.requestBody.required) !== null && _h !== void 0 ? _h : false;
                         request["body"] = {
-                            schema: schema,
-                            required: required,
+                            schema,
+                            required,
                         };
                     }
                 }
@@ -168,55 +129,35 @@ var ApiClient = /** @class */ (function () {
                 if (server.endsWith("/")) {
                     server = server.slice(0, -1);
                 }
-                var endpoint = path.startsWith("/") ? path : "/" + path;
+                const endpoint = path.startsWith("/") ? path : "/" + path;
                 // Create a new `ApiOperation` with the relevant information
                 this.operations[operation.operationId] = new ApiOperation(operation.operationId, operation.tags, server, endpoint, method, request, operation.summary, operation.description);
             }
         }
     }
-    ApiClient.load = function (source, server) {
-        return __awaiter(this, void 0, void 0, function () {
-            var response, schema, document;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, fetch(source)];
-                    case 1:
-                        response = _a.sent();
-                        if (!response.ok) {
-                            throw new Error("Could not load schema from ".concat(source));
-                        }
-                        return [4 /*yield*/, response.json().catch(function (e) {
-                                throw e;
-                            })];
-                    case 2:
-                        schema = _a.sent();
-                        return [4 /*yield*/, swagger_parser_1.default.dereference(schema)];
-                    case 3:
-                        document = _a.sent();
-                        return [2 /*return*/, new ApiClient(document, server)];
-                }
+    static load(source, server) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield fetch(source);
+            if (!response.ok) {
+                throw new Error(`Could not load schema from ${source}`);
+            }
+            const schema = yield response.json().catch((e) => {
+                throw e;
             });
+            const document = yield swagger_parser_1.default.dereference(schema);
+            return new ApiClient(document, server);
         });
-    };
-    ApiClient.prototype.isAuthenticated = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var response, _a;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        _b.trys.push([0, 2, , 3]);
-                        return [4 /*yield*/, this.operations["bananas.me:list"].call()];
-                    case 1:
-                        response = _b.sent();
-                        return [2 /*return*/, response.ok];
-                    case 2:
-                        _a = _b.sent();
-                        return [2 /*return*/, false];
-                    case 3: return [2 /*return*/];
-                }
-            });
+    }
+    isAuthenticated() {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const response = yield this.operations["bananas.me:list"].call();
+                return response.ok;
+            }
+            catch (_a) {
+                return false;
+            }
         });
-    };
-    return ApiClient;
-}());
+    }
+}
 exports.ApiClient = ApiClient;

package/dist/cjs/components/Branding.js

@@ -3,14 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var Box_1 = __importDefault(require("@mui/material/Box"));
-var ButtonBase_1 = __importDefault(require("@mui/material/ButtonBase"));
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var select_styles_1 = require("../util/select_styles");
-var Logo_1 = __importDefault(require("./Logo"));
-var Branding = function (_a) {
-    var logo = _a.logo, title = _a.title, subtitle = _a.subtitle, version = _a.version, onClick = _a.onClick, fullWidth = _a.fullWidth, sx = _a.sx;
+const react_1 = __importDefault(require("react"));
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const ButtonBase_1 = __importDefault(require("@mui/material/ButtonBase"));
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
+const select_styles_1 = require("../util/select_styles");
+const Logo_1 = __importDefault(require("./Logo"));
+const Branding = ({ logo, title, subtitle, version, onClick, fullWidth, sx }) => {
     return (react_1.default.createElement(Box_1.default, { sx: (0, select_styles_1.ss)({
             display: "flex",
             flexDirection: "row",
@@ -32,7 +31,7 @@ var Branding = function (_a) {
                         textAlign: "left",
                         fontSize: "0.75rem",
                         display: "block",
-                        lineHeight: "1em",
+                        lineHeight: `1em`,
                     },
                 } },
                 react_1.default.createElement(Typography_1.default, { color: "inherit" }, subtitle),

package/dist/cjs/components/Hamburger.js

@@ -1,15 +1,4 @@
 "use strict";
-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)
@@ -25,16 +14,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var ChevronLeft_1 = __importDefault(require("@mui/icons-material/ChevronLeft"));
-var Menu_1 = __importDefault(require("@mui/icons-material/Menu"));
-var Box_1 = __importDefault(require("@mui/material/Box"));
-var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
-var styles_1 = require("@mui/material/styles");
-var Hamburger = function (_a) {
-    var open = _a.open, onToggle = _a.onToggle, rest = __rest(_a, ["open", "onToggle"]);
-    var theme = (0, styles_1.useTheme)();
-    return (react_1.default.createElement(Box_1.default, { sx: __assign({ display: "flex", alignItems: "center", justifyContent: "flex-start", padding: theme.spacing(0, 1), flexShrink: 1 }, theme.mixins.toolbar) },
-        react_1.default.createElement(IconButton_1.default, __assign({ "aria-label": open ? "Close drawer" : "Open drawer", color: "inherit", onClick: onToggle }, rest, { size: "large" }), open ? react_1.default.createElement(ChevronLeft_1.default, null) : react_1.default.createElement(Menu_1.default, null))));
+const react_1 = __importDefault(require("react"));
+const ChevronLeft_1 = __importDefault(require("@mui/icons-material/ChevronLeft"));
+const Menu_1 = __importDefault(require("@mui/icons-material/Menu"));
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+const styles_1 = require("@mui/material/styles");
+const Hamburger = (_a) => {
+    var { open, onToggle } = _a, rest = __rest(_a, ["open", "onToggle"]);
+    const theme = (0, styles_1.useTheme)();
+    return (react_1.default.createElement(Box_1.default, { sx: Object.assign({ display: "flex", alignItems: "center", justifyContent: "flex-start", padding: theme.spacing(0, 1), flexShrink: 1 }, theme.mixins.toolbar) },
+        react_1.default.createElement(IconButton_1.default, Object.assign({ "aria-label": open ? "Close drawer" : "Open drawer", color: "inherit", onClick: onToggle }, rest, { size: "large" }), open ? react_1.default.createElement(ChevronLeft_1.default, null) : react_1.default.createElement(Menu_1.default, null))));
 };
 exports.default = Hamburger;

package/dist/cjs/components/Link.js

@@ -3,16 +3,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var RouterContext_1 = require("../contexts/RouterContext");
-var react_router_dom_1 = require("react-router-dom");
-var react_1 = __importDefault(require("react"));
-var Link = function (_a) {
-    var route = _a.route;
-    var getRoute = (0, RouterContext_1.useRouter)().getRoute;
+const RouterContext_1 = require("../contexts/RouterContext");
+const react_router_dom_1 = require("react-router-dom");
+const react_1 = __importDefault(require("react"));
+const Link = ({ route }) => {
+    const { getRoute } = (0, RouterContext_1.useRouter)();
     if (typeof route === "string") {
-        var routeInfo = getRoute(route);
+        const routeInfo = getRoute(route);
         if (routeInfo === undefined) {
-            throw new Error("Could not find route with reverse: ".concat(route));
+            throw new Error(`Could not find route with reverse: ${route}`);
         }
         route = routeInfo;
     }

package/dist/cjs/components/Logo.js

@@ -3,9 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var Logo = function (_a) {
-    var src = _a.src;
+const react_1 = __importDefault(require("react"));
+const Logo = ({ src }) => {
     if (src === true) {
         return (react_1.default.createElement("svg", { version: "1.1", id: "bananas", x: "0px", y: "0px", width: "32px", height: "32px", viewBox: "0 0 927.611 927.611", xmlSpace: "preserve", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" },
             react_1.default.createElement("g", { fill: "#FFFFFF" },
@@ -17,7 +16,7 @@ var Logo = function (_a) {
         return react_1.default.createElement("img", { src: src });
     }
     if (src) {
-        var Src = src;
+        const Src = src;
         return react_1.default.createElement(Src, null);
     }
     return null;

package/dist/cjs/components/NavBar.js

@@ -1,15 +1,4 @@
 "use strict";
-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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -37,52 +26,47 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var React = __importStar(require("react"));
-var styles_1 = require("@mui/material/styles");
-var Box_1 = __importDefault(require("@mui/material/Box"));
-var Drawer_1 = __importDefault(require("@mui/material/Drawer"));
-var Divider_1 = __importDefault(require("@mui/material/Divider"));
-var User_1 = __importDefault(require("./User"));
-var Hamburger_1 = __importDefault(require("./Hamburger"));
-var NavBarRoutes_1 = __importDefault(require("./NavBarRoutes"));
-var Branding_1 = __importDefault(require("./Branding"));
-var react_router_dom_1 = require("react-router-dom");
-var drawerWidth = 240;
-var openedMixin = function (theme) { return ({
+const React = __importStar(require("react"));
+const styles_1 = require("@mui/material/styles");
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const Drawer_1 = __importDefault(require("@mui/material/Drawer"));
+const Divider_1 = __importDefault(require("@mui/material/Divider"));
+const User_1 = __importDefault(require("./User"));
+const Hamburger_1 = __importDefault(require("./Hamburger"));
+const NavBarRoutes_1 = __importDefault(require("./NavBarRoutes"));
+const Branding_1 = __importDefault(require("./Branding"));
+const react_router_dom_1 = require("react-router-dom");
+const drawerWidth = 240;
+const openedMixin = (theme) => ({
     width: drawerWidth,
     transition: theme.transitions.create("width", {
         easing: theme.transitions.easing.sharp,
         duration: theme.transitions.duration.enteringScreen,
     }),
     overflowX: "hidden",
-}); };
-var closedMixin = function (theme) {
-    var _a;
-    return (_a = {
-            transition: theme.transitions.create("width", {
-                easing: theme.transitions.easing.sharp,
-                duration: theme.transitions.duration.leavingScreen,
-            }),
-            overflowX: "hidden",
-            width: "calc(".concat(theme.spacing(7), " + 1px)")
-        },
-        _a[theme.breakpoints.up("sm")] = {
-            width: "calc(".concat(theme.spacing(8), " + 1px)"),
-        },
-        _a);
-};
-var NavBar = function (_a) {
-    var nav = _a.nav, logo = _a.logo, title = _a.title, subtitle = _a.subtitle, version = _a.version;
-    var theme = (0, styles_1.useTheme)();
-    var navigate = (0, react_router_dom_1.useNavigate)();
-    var _b = React.useState(true), open = _b[0], setOpen = _b[1];
-    var toggleDrawerOpen = function () {
+});
+const closedMixin = (theme) => ({
+    transition: theme.transitions.create("width", {
+        easing: theme.transitions.easing.sharp,
+        duration: theme.transitions.duration.leavingScreen,
+    }),
+    overflowX: "hidden",
+    width: `calc(${theme.spacing(7)} + 1px)`,
+    [theme.breakpoints.up("sm")]: {
+        width: `calc(${theme.spacing(8)} + 1px)`,
+    },
+});
+const NavBar = ({ nav, logo, title, subtitle, version }) => {
+    const theme = (0, styles_1.useTheme)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const [open, setOpen] = React.useState(true);
+    const toggleDrawerOpen = () => {
         setOpen(!open);
     };
-    var onClick = function () {
+    const onClick = () => {
         navigate("/", { replace: true });
     };
-    return (React.createElement(Drawer_1.default, { sx: __assign(__assign({ width: drawerWidth, flexShrink: 0, whiteSpace: "nowrap", boxSizing: "border-box" }, (open && __assign(__assign({}, openedMixin(theme)), { "& .MuiDrawer-paper": openedMixin(theme) }))), (!open && __assign(__assign({}, closedMixin(theme)), { "& .MuiDrawer-paper": closedMixin(theme) }))), anchor: "left", variant: "permanent", open: open },
+    return (React.createElement(Drawer_1.default, { sx: Object.assign(Object.assign({ width: drawerWidth, flexShrink: 0, whiteSpace: "nowrap", boxSizing: "border-box" }, (open && Object.assign(Object.assign({}, openedMixin(theme)), { "& .MuiDrawer-paper": openedMixin(theme) }))), (!open && Object.assign(Object.assign({}, closedMixin(theme)), { "& .MuiDrawer-paper": closedMixin(theme) }))), anchor: "left", variant: "permanent", open: open },
         React.createElement(Box_1.default, { sx: { display: "flex", padding: theme.spacing(2, 0, 2) } },
             React.createElement(Hamburger_1.default, { open: open, onClick: toggleDrawerOpen }),
             React.createElement(Branding_1.default, { sx: { opacity: open ? 1 : 0 }, logo: logo, title: title, subtitle: subtitle, version: version, onClick: onClick, fullWidth: open })),

package/dist/cjs/components/NavBarItem.js

@@ -3,21 +3,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@mui/material/styles");
-var ListItemButton_1 = __importDefault(require("@mui/material/ListItemButton"));
-var ListItemIcon_1 = __importDefault(require("@mui/material/ListItemIcon"));
-var ListItemText_1 = __importDefault(require("@mui/material/ListItemText"));
-var react_1 = __importDefault(require("react"));
-var react_router_dom_1 = require("react-router-dom");
-var RouterContext_1 = require("../contexts/RouterContext");
-var Logo_1 = __importDefault(require("./Logo"));
-var NavBarItem = function (_a) {
-    var route = _a.route, title = _a.title, subtitle = _a.subtitle, icon = _a.icon, children = _a.children, open = _a.open;
-    var Icon = icon;
-    var location = (0, react_router_dom_1.useLocation)();
-    var navigate = (0, RouterContext_1.useRouter)().navigate;
-    var theme = (0, styles_1.useTheme)();
-    return (react_1.default.createElement(ListItemButton_1.default, { selected: location.pathname === route.path, onClick: function () { return navigate(route); }, sx: {
+const styles_1 = require("@mui/material/styles");
+const ListItemButton_1 = __importDefault(require("@mui/material/ListItemButton"));
+const ListItemIcon_1 = __importDefault(require("@mui/material/ListItemIcon"));
+const ListItemText_1 = __importDefault(require("@mui/material/ListItemText"));
+const react_1 = __importDefault(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const RouterContext_1 = require("../contexts/RouterContext");
+const Logo_1 = __importDefault(require("./Logo"));
+const NavBarItem = ({ route, title, subtitle, icon, children, open }) => {
+    const Icon = icon;
+    const location = (0, react_router_dom_1.useLocation)();
+    const { navigate } = (0, RouterContext_1.useRouter)();
+    const theme = (0, styles_1.useTheme)();
+    return (react_1.default.createElement(ListItemButton_1.default, { selected: location.pathname === route.path, onClick: () => navigate(route), sx: {
             justifyContent: open ? "initial" : "center",
         } },
         react_1.default.createElement(ListItemIcon_1.default, { sx: {