@proteinjs/ui 1.0.1

package/CHANGELOG.md

@@ -0,0 +1,8 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## 1.0.1 (2024-04-19)
+
+**Note:** Version bump only for package @proteinjs/ui

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Brent Bahry
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/generated/index.d.ts

@@ -0,0 +1,17 @@
+/** Load Dependency Source Graphs */
+import '@proteinjs/reflection';
+import '@proteinjs/util';
+import '@emotion/react';
+import '@emotion/styled';
+import '@mui/icons-material';
+import '@mui/material';
+import 'history';
+import 'moment';
+import 'query-string';
+import 'react';
+import 'react-dom';
+import 'react-router';
+import 'react-router-dom';
+import 'string';
+export * from '../index';
+//# sourceMappingURL=index.d.ts.map

package/dist/generated/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../generated/index.ts"],"names":[],"mappings":"AAAA,oCAAoC;AAEpC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,iBAAiB,CAAC;AACzB,OAAO,gBAAgB,CAAC;AACxB,OAAO,iBAAiB,CAAC;AACzB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,eAAe,CAAC;AACvB,OAAO,SAAS,CAAC;AACjB,OAAO,QAAQ,CAAC;AAChB,OAAO,cAAc,CAAC;AACtB,OAAO,OAAO,CAAC;AACf,OAAO,WAAW,CAAC;AACnB,OAAO,cAAc,CAAC;AACtB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,QAAQ,CAAC;AAqBhB,cAAc,UAAU,CAAC"}

package/dist/generated/index.js

@@ -0,0 +1,40 @@
+"use strict";
+/** Load Dependency Source Graphs */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+require("@proteinjs/reflection");
+require("@proteinjs/util");
+require("@emotion/react");
+require("@emotion/styled");
+require("@mui/icons-material");
+require("@mui/material");
+require("history");
+require("moment");
+require("query-string");
+require("react");
+require("react-dom");
+require("react-router");
+require("react-router-dom");
+require("string");
+/** Generate Source Graph */
+var sourceGraph = "{\"options\":{\"directed\":true,\"multigraph\":false,\"compound\":false},\"nodes\":[{\"v\":\"@proteinjs/ui/Page\",\"value\":{\"packageName\":\"@proteinjs/ui\",\"name\":\"Page\",\"filePath\":\"/home/runner/work/ui/ui/packages/ui/src/router/Page.ts\",\"qualifiedName\":\"@proteinjs/ui/Page\",\"properties\":[{\"name\":\"name\",\"type\":{\"packageName\":\"\",\"name\":\"string\",\"filePath\":null,\"qualifiedName\":\"/string\",\"typeParameters\":null,\"directParents\":null},\"isOptional\":false,\"isAbstract\":false,\"isStatic\":false,\"visibility\":\"public\"},{\"name\":\"path\",\"type\":{\"packageName\":\"\",\"name\":\"string|string[]\",\"filePath\":null,\"qualifiedName\":\"/string|string[]\",\"typeParameters\":null,\"directParents\":null},\"isOptional\":false,\"isAbstract\":false,\"isStatic\":false,\"visibility\":\"public\"},{\"name\":\"component\",\"type\":{\"packageName\":\"\",\"name\":\"React.ComponentType<PageComponentProps>\",\"filePath\":null,\"qualifiedName\":\"/React.ComponentType<PageComponentProps>\",\"typeParameters\":null,\"directParents\":null},\"isOptional\":false,\"isAbstract\":false,\"isStatic\":false,\"visibility\":\"public\"},{\"name\":\"noPageContainer\",\"type\":{\"packageName\":\"\",\"name\":\"boolean\",\"filePath\":null,\"qualifiedName\":\"/boolean\",\"typeParameters\":null,\"directParents\":null},\"isOptional\":true,\"isAbstract\":false,\"isStatic\":false,\"visibility\":\"public\"},{\"name\":\"auth\",\"type\":{\"packageName\":\"@proteinjs/ui\",\"name\":\"{\\n        /** If true, the user does not need to be logged in or have any roles to access this page. If blank, defaults to false. */\\n        public?: boolean;\\n        /** If true, the user does not need to have any roles to access this page, but must be logged in. If blank, defaults to false. */\\n        allUsers?: boolean,\\n        /** The user must be logged in and have these roles to access this page. If blank, defaults to requiring the 'admin' role. */\\n        roles?: string[];\\n    }\",\"filePath\":null,\"qualifiedName\":\"@proteinjs/ui/{\\n        /** If true, the user does not need to be logged in or have any roles to access this page. If blank, defaults to false. */\\n        public?: boolean;\\n        /** If true, the user does not need to have any roles to access this page, but must be logged in. If blank, defaults to false. */\\n        allUsers?: boolean,\\n        /** The user must be logged in and have these roles to access this page. If blank, defaults to requiring the 'admin' role. */\\n        roles?: string[];\\n    }\",\"typeParameters\":null,\"directParents\":null},\"isOptional\":true,\"isAbstract\":false,\"isStatic\":false,\"visibility\":\"public\"},{\"name\":\"pageContainerSxProps\",\"type\":{\"packageName\":\"@mui/material\",\"name\":\"SxProps\",\"filePath\":null,\"qualifiedName\":\"@mui/material/SxProps\",\"typeParameters\":null,\"directParents\":null},\"isOptional\":true,\"isAbstract\":false,\"isStatic\":false,\"visibility\":\"public\"}],\"methods\":[],\"typeParameters\":[],\"directParents\":[{\"packageName\":\"@proteinjs/reflection\",\"name\":\"Loadable\",\"filePath\":null,\"qualifiedName\":\"@proteinjs/reflection/Loadable\",\"properties\":[],\"methods\":[],\"typeParameters\":[],\"directParents\":[]}],\"sourceType\":3}},{\"v\":\"@proteinjs/reflection/Loadable\"},{\"v\":\"/string | React.ComponentType\"},{\"v\":\"/React.FC\"},{\"v\":\"/Partial\"},{\"v\":\"/React.Component\"}],\"edges\":[{\"v\":\"@proteinjs/ui/Page\",\"w\":\"@proteinjs/reflection/Loadable\",\"value\":\"extends interface\"}]}";
+/** Generate Source Links */
+var sourceLinks = {};
+/** Load Source Graph and Links */
+var reflection_1 = require("@proteinjs/reflection");
+reflection_1.SourceRepository.merge(sourceGraph, sourceLinks);
+__exportStar(require("../index"), exports);
+//# sourceMappingURL=index.js.map

package/dist/generated/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../generated/index.ts"],"names":[],"mappings":";AAAA,oCAAoC;;;;;;;;;;;;;;;;AAEpC,iCAA+B;AAC/B,2BAAyB;AACzB,0BAAwB;AACxB,2BAAyB;AACzB,+BAA6B;AAC7B,yBAAuB;AACvB,mBAAiB;AACjB,kBAAgB;AAChB,wBAAsB;AACtB,iBAAe;AACf,qBAAmB;AACnB,wBAAsB;AACtB,4BAA0B;AAC1B,kBAAgB;AAGhB,4BAA4B;AAE5B,IAAM,WAAW,GAAG,y+GAAy+G,CAAC;AAG9/G,4BAA4B;AAG5B,IAAM,WAAW,GAAG,EACnB,CAAC;AAGF,kCAAkC;AAElC,oDAAyD;AACzD,6BAAgB,CAAC,KAAK,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AAGjD,2CAAyB"}

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+export * from './src/router/Router';
+export * from './src/router/Page';
+export * from './src/form/Form';
+export * from './src/form/Field';
+export * from './src/form/FormButton';
+export * from './src/form/fields/TextField';
+export * from './src/form/container/FormPaper';
+export * from './src/form/container/FormPage';
+export * from './src/container/PageContainer';
+export * from './src/container/NavMenu';
+export * from './src/list/NestedList';
+export * from './src/table/Table';
+export * from './src/table/TableButton';
+export * from './src/table/TableLoader';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAElC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AAEtC,cAAc,6BAA6B,CAAC;AAE5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAE9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC;AAExC,cAAc,uBAAuB,CAAC;AAEtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC"}

package/dist/index.js

@@ -0,0 +1,31 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./src/router/Router"), exports);
+__exportStar(require("./src/router/Page"), exports);
+__exportStar(require("./src/form/Form"), exports);
+__exportStar(require("./src/form/Field"), exports);
+__exportStar(require("./src/form/FormButton"), exports);
+__exportStar(require("./src/form/fields/TextField"), exports);
+__exportStar(require("./src/form/container/FormPaper"), exports);
+__exportStar(require("./src/form/container/FormPage"), exports);
+__exportStar(require("./src/container/PageContainer"), exports);
+__exportStar(require("./src/container/NavMenu"), exports);
+__exportStar(require("./src/list/NestedList"), exports);
+__exportStar(require("./src/table/Table"), exports);
+__exportStar(require("./src/table/TableButton"), exports);
+__exportStar(require("./src/table/TableLoader"), exports);
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,sDAAoC;AACpC,oDAAkC;AAElC,kDAAgC;AAChC,mDAAiC;AACjC,wDAAsC;AAEtC,8DAA4C;AAE5C,iEAA+C;AAC/C,gEAA8C;AAE9C,gEAA8C;AAC9C,0DAAwC;AAExC,wDAAsC;AAEtC,oDAAkC;AAClC,0DAAwC;AACxC,0DAAwC"}

package/dist/src/container/AccountIconButton.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { LinkOrDialog } from './NavMenu';
+import { Page } from '../router/Page';
+export type AccountIconButtonProps = {
+    loginClicked: boolean;
+    setLoginClicked: React.Dispatch<React.SetStateAction<boolean>>;
+    auth?: {
+        isLoggedIn: boolean;
+        canViewPage: (page: Page) => boolean;
+        /** Either a dialog component, or a path to be redirected to */
+        login: LinkOrDialog;
+        logout: () => Promise<string>;
+    };
+    profileMenuItems?: {
+        name: string;
+        action: LinkOrDialog;
+    }[];
+};
+export declare const AccountIconButton: ({ loginClicked, setLoginClicked, auth, profileMenuItems }: AccountIconButtonProps) => React.JSX.Element | null;
+//# sourceMappingURL=AccountIconButton.d.ts.map

package/dist/src/container/AccountIconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountIconButton.d.ts","sourceRoot":"","sources":["../../../src/container/AccountIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAEtC,MAAM,MAAM,sBAAsB,GAAG;IACnC,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/D,IAAI,CAAC,EAAE;QACL,UAAU,EAAE,OAAO,CAAC;QACpB,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;QACrC,+DAA+D;QAC/D,KAAK,EAAE,YAAY,CAAC;QACpB,MAAM,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAA;KAC9B,CAAC;IACF,gBAAgB,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,YAAY,CAAA;KAAE,EAAE,CAAC;CAC7D,CAAA;AAED,eAAO,MAAM,iBAAiB,8DAA+D,sBAAsB,6BAiGlH,CAAA"}

package/dist/src/container/AccountIconButton.js

@@ -0,0 +1,112 @@
+"use strict";
+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 };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccountIconButton = void 0;
+var react_1 = __importDefault(require("react"));
+var material_1 = require("@mui/material");
+var AccountCircle_1 = __importDefault(require("@mui/icons-material/AccountCircle"));
+var react_router_dom_1 = require("react-router-dom");
+var AccountIconButton = function (_a) {
+    var loginClicked = _a.loginClicked, setLoginClicked = _a.setLoginClicked, auth = _a.auth, profileMenuItems = _a.profileMenuItems;
+    var navigate = (0, react_router_dom_1.useNavigate)();
+    var _b = react_1.default.useState(-1), selectedProfileMenuItem = _b[0], setSelectedProfileMenuItem = _b[1];
+    var _c = react_1.default.useState(1), selectedIndex = _c[0], setSelectedIndex = _c[1];
+    var _d = react_1.default.useState(null), anchorEl = _d[0], setAccountMenuAnchorEl = _d[1];
+    var open = Boolean(anchorEl);
+    if (!auth)
+        return null;
+    if (auth.isLoggedIn) {
+        return (react_1.default.createElement("div", null,
+            react_1.default.createElement(material_1.IconButton, { sx: {
+                    '&:hover': {
+                        color: '#fff',
+                        backgroundColor: 'transparent',
+                    },
+                    backgroundColor: 'transparent',
+                }, onClick: function (event) { return setAccountMenuAnchorEl(event.currentTarget); } },
+                react_1.default.createElement(AccountCircle_1.default, null)),
+            react_1.default.createElement(material_1.Menu, { anchorEl: anchorEl, keepMounted: true, open: open, onClose: function () { return setAccountMenuAnchorEl(null); } },
+                profileMenuItems &&
+                    profileMenuItems.map(function (profileMenuItem, index) { return (react_1.default.createElement(material_1.MenuItem, { onClick: function (event) {
+                            if (typeof profileMenuItem.action === 'string') {
+                                navigate(qualifiedPath(profileMenuItem.action));
+                                return;
+                            }
+                            setSelectedIndex(index);
+                        }, selected: selectedIndex === index }, profileMenuItem.name)); }),
+                react_1.default.createElement(material_1.MenuItem, { onClick: function (event) { return __awaiter(void 0, void 0, void 0, function () {
+                        var redirectPath;
+                        return __generator(this, function (_a) {
+                            switch (_a.label) {
+                                case 0: return [4 /*yield*/, auth.logout()];
+                                case 1:
+                                    redirectPath = _a.sent();
+                                    navigate(qualifiedPath(redirectPath));
+                                    return [2 /*return*/];
+                            }
+                        });
+                    }); } }, "Logout")),
+            react_1.default.createElement(ProfileMenuItemAction, null)));
+    }
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(material_1.Button, { color: 'inherit', onClick: function (event) { return auth && typeof auth.login === 'string' ? navigate(qualifiedPath(auth.login)) : setLoginClicked(!loginClicked); } }, "Login"),
+        react_1.default.createElement(Login, null)));
+    function ProfileMenuItemAction() {
+        if (selectedProfileMenuItem == -1 || !auth || !profileMenuItems)
+            return null;
+        var menuItem = profileMenuItems[selectedProfileMenuItem];
+        if (typeof menuItem.action === 'string')
+            return null;
+        return react_1.default.createElement(menuItem.action, { onClose: function () { return setSelectedProfileMenuItem(-1); } });
+    }
+    function Login() {
+        if (!loginClicked || !auth || typeof auth.login === 'string')
+            return null;
+        return react_1.default.createElement(auth.login, { onClose: function () { return setLoginClicked(false); } });
+    }
+    function qualifiedPath(path) {
+        if (path.startsWith('/'))
+            return path;
+        return "/".concat(path);
+    }
+};
+exports.AccountIconButton = AccountIconButton;
+//# sourceMappingURL=AccountIconButton.js.map

package/dist/src/container/AccountIconButton.js.map

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

package/dist/src/container/NavMenu.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export type LinkOrDialog = string | React.ComponentType<{
+    onClose: () => void;
+}>;
+export type NavMenuItem = {
+    name: string;
+    action: LinkOrDialog;
+    icon?: React.ComponentType;
+};
+export type NavMenuProps = {
+    navMenuItems?: NavMenuItem[];
+    navMenuOpen: boolean;
+    setNavMenuOpen: (open: boolean) => void;
+};
+export declare const NavMenu: React.FC<NavMenuProps>;
+//# sourceMappingURL=NavMenu.d.ts.map

package/dist/src/container/NavMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavMenu.d.ts","sourceRoot":"","sources":["../../../src/container/NavMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC,CAAC;AAEjF,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,YAAY,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAK5B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC,CAAC;AAIF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAkE1C,CAAA"}

package/dist/src/container/NavMenu.js

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavMenu = void 0;
+var react_1 = __importDefault(require("react"));
+var material_1 = require("@mui/material");
+var react_router_dom_1 = require("react-router-dom");
+var drawerWidth = 240;
+var NavMenu = function (_a) {
+    var navMenuItems = _a.navMenuItems, navMenuOpen = _a.navMenuOpen, setNavMenuOpen = _a.setNavMenuOpen;
+    var _b = react_1.default.useState(-1), selectedNavMenuItem = _b[0], setSelectedNavMenuItem = _b[1];
+    var handleNavMenuItemClick = function (index) {
+        setSelectedNavMenuItem(index);
+        setNavMenuOpen(false);
+    };
+    var NavMenuItemAction = function () {
+        if (selectedNavMenuItem == -1 || !navMenuItems)
+            return null;
+        var menuItem = navMenuItems[selectedNavMenuItem];
+        react_1.default.useEffect(function () {
+            setSelectedNavMenuItem(-1);
+        }, [selectedNavMenuItem]);
+        if (typeof menuItem.action === 'string')
+            return react_1.default.createElement(react_router_dom_1.Navigate, { to: qualifiedPath(menuItem.action) });
+        return react_1.default.createElement(menuItem.action, { onClose: function () { return setSelectedNavMenuItem(-1); } });
+    };
+    var qualifiedPath = function (path) {
+        if (path.startsWith('/'))
+            return path;
+        return "/".concat(path);
+    };
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(material_1.Drawer, { sx: {
+                width: drawerWidth,
+                flexShrink: 0,
+            }, variant: 'temporary', anchor: 'left', open: navMenuOpen, onClose: function (_, reason) {
+                return reason === 'backdropClick' && setNavMenuOpen(false);
+            } },
+            react_1.default.createElement(material_1.Toolbar, null),
+            react_1.default.createElement(material_1.List, null, navMenuItems === null || navMenuItems === void 0 ? void 0 : navMenuItems.map(function (navMenuItem, index) { return (react_1.default.createElement(material_1.ListItem, { key: index },
+                react_1.default.createElement(material_1.ListItemButton, { onClick: function () { return handleNavMenuItemClick(index); } },
+                    navMenuItem.icon &&
+                        react_1.default.createElement(material_1.ListItemIcon, null,
+                            react_1.default.createElement(navMenuItem.icon, null)),
+                    react_1.default.createElement(material_1.ListItemText, { primary: navMenuItem.name })))); }))),
+        react_1.default.createElement(NavMenuItemAction, null)));
+};
+exports.NavMenu = NavMenu;
+//# sourceMappingURL=NavMenu.js.map

package/dist/src/container/NavMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavMenu.js","sourceRoot":"","sources":["../../../src/container/NavMenu.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,0CAA2G;AAC3G,qDAA2C;AAoB3C,IAAM,WAAW,GAAG,GAAG,CAAC;AAEjB,IAAM,OAAO,GAA2B,UAAC,EAA6C;QAA3C,YAAY,kBAAA,EAAE,WAAW,iBAAA,EAAE,cAAc,oBAAA;IACnF,IAAA,KAAgD,eAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAC,EAAzE,mBAAmB,QAAA,EAAE,sBAAsB,QAA8B,CAAC;IAEjF,IAAM,sBAAsB,GAAG,UAAC,KAAa;QAC3C,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAC9B,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG;QACxB,IAAI,mBAAmB,IAAI,CAAC,CAAC,IAAI,CAAC,YAAY;YAC5C,OAAO,IAAI,CAAC;QAEd,IAAM,QAAQ,GAAG,YAAY,CAAC,mBAAmB,CAAC,CAAC;QAEnD,eAAK,CAAC,SAAS,CAAC;YACd,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7B,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;QAE1B,IAAI,OAAO,QAAQ,CAAC,MAAM,KAAK,QAAQ;YACrC,OAAO,8BAAC,2BAAQ,IAAC,EAAE,EAAE,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAI,CAAC;QAE1D,OAAO,8BAAC,QAAQ,CAAC,MAAM,IAAC,OAAO,EAAE,cAAM,OAAA,sBAAsB,CAAC,CAAC,CAAC,CAAC,EAA1B,CAA0B,GAAI,CAAC;IACxE,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,IAAY;QACjC,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC;YACtB,OAAO,IAAI,CAAC;QAEd,OAAO,WAAI,IAAI,CAAE,CAAC;IACpB,CAAC,CAAC;IAEF,OAAO,CACL;QACE,8BAAC,iBAAM,IACL,EAAE,EAAE;gBACF,KAAK,EAAE,WAAW;gBAClB,UAAU,EAAE,CAAC;aACd,EACD,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,MAAM,EACb,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,UAAC,CAAC,EAAE,MAAM;gBACjB,OAAA,MAAM,KAAK,eAAe,IAAI,cAAc,CAAC,KAAK,CAAC;YAAnD,CAAmD;YAGrD,8BAAC,kBAAO,OAAG;YACX,8BAAC,eAAI,QACF,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,GAAG,CAAC,UAAC,WAAW,EAAE,KAAK,IAAK,OAAA,CACzC,8BAAC,mBAAQ,IAAC,GAAG,EAAE,KAAK;gBAClB,8BAAC,yBAAc,IACb,OAAO,EAAE,cAAM,OAAA,sBAAsB,CAAC,KAAK,CAAC,EAA7B,CAA6B;oBAE3C,WAAW,CAAC,IAAI;wBACf,8BAAC,uBAAY;4BACX,8BAAC,WAAW,CAAC,IAAI,OAAG,CACP;oBAEjB,8BAAC,uBAAY,IAAC,OAAO,EAAE,WAAW,CAAC,IAAI,GAAI,CAC5B,CACR,CACZ,EAb0C,CAa1C,CAAC,CACG,CACA;QACT,8BAAC,iBAAiB,OAAG,CACjB,CACP,CAAC;AACJ,CAAC,CAAA;AAlEY,QAAA,OAAO,WAkEnB"}

package/dist/src/container/PageContainer.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { NavigateFunction } from 'react-router-dom';
+import { Page } from '../router/Page';
+import { LinkOrDialog, NavMenuItem } from './NavMenu';
+export type PageContainerProps = {
+    appName: string;
+    page: Page;
+    toolbarChildren?: React.ReactNode;
+    auth?: {
+        isLoggedIn: boolean;
+        canViewPage: (page: Page) => boolean;
+        /** Either a dialog component, or a path to be redirected to */
+        login: LinkOrDialog;
+        logout: () => Promise<string>;
+    };
+    profileMenuItems?: {
+        name: string;
+        action: LinkOrDialog;
+    }[];
+    navMenuItems?: NavMenuItem[];
+};
+declare const Page: React.MemoExoticComponent<({ auth, page, navigate, loginClicked, setLoginClicked }: {
+    auth: PageContainerProps['auth'];
+    page: PageContainerProps['page'];
+    navigate: NavigateFunction;
+    loginClicked: boolean;
+    setLoginClicked: (loginClicked: boolean) => void;
+}) => React.JSX.Element | null>;
+export declare function PageContainer(props: PageContainerProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=PageContainer.d.ts.map

package/dist/src/container/PageContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageContainer.d.ts","sourceRoot":"","sources":["../../../src/container/PageContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAe,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAEtC,OAAO,EAAE,YAAY,EAAW,WAAW,EAAE,MAAM,WAAW,CAAC;AAG/D,MAAM,MAAM,kBAAkB,GAAG;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,IAAI,CAAC;IACX,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,IAAI,CAAC,EAAE;QACH,UAAU,EAAE,OAAO,CAAC;QACpB,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;QACrC,+DAA+D;QAC/D,KAAK,EAAE,YAAY,CAAC;QACpB,MAAM,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAA;KAChC,CAAC;IACF,gBAAgB,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,YAAY,CAAA;KAAE,EAAE,CAAC;IAC5D,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;CAChC,CAAA;AAED,QAAA,MAAM,IAAI;UAAgF,kBAAkB,CAAC,MAAM,CAAC;UAAQ,kBAAkB,CAAC,MAAM,CAAC;cAAY,gBAAgB;kBAAgB,OAAO;oCAAkC,OAAO,KAAK,IAAI;+BAazP,CAAC;AAEH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAoEtD"}

package/dist/src/container/PageContainer.js

@@ -0,0 +1,75 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageContainer = void 0;
+var react_1 = __importDefault(require("react"));
+var material_1 = require("@mui/material");
+var Menu_1 = __importDefault(require("@mui/icons-material/Menu"));
+var react_router_dom_1 = require("react-router-dom");
+var createUrlParams_1 = require("../router/createUrlParams");
+var NavMenu_1 = require("./NavMenu");
+var AccountIconButton_1 = require("./AccountIconButton");
+var Page = react_1.default.memo(function (_a) {
+    var auth = _a.auth, page = _a.page, navigate = _a.navigate, loginClicked = _a.loginClicked, setLoginClicked = _a.setLoginClicked;
+    if (auth === null || auth === void 0 ? void 0 : auth.canViewPage(page))
+        return react_1.default.createElement(page.component, { urlParams: (0, createUrlParams_1.createUrlParams)(), navigate: navigate });
+    if (!(auth === null || auth === void 0 ? void 0 : auth.isLoggedIn)) {
+        if (!loginClicked)
+            setLoginClicked(true);
+        return null;
+    }
+    navigate('/');
+    return null;
+});
+function PageContainer(props) {
+    var navigate = (0, react_router_dom_1.useNavigate)();
+    var appName = props.appName, page = props.page, toolbarChildren = props.toolbarChildren, auth = props.auth, profileMenuItems = props.profileMenuItems, navMenuItems = props.navMenuItems;
+    var _a = react_1.default.useState(false), loginClicked = _a[0], setLoginClicked = _a[1];
+    var _b = react_1.default.useState(false), navMenuOpen = _b[0], setNavMenuOpen = _b[1];
+    react_1.default.useEffect(function () {
+        if (auth === null || auth === void 0 ? void 0 : auth.canViewPage(page))
+            return;
+        if (!(auth === null || auth === void 0 ? void 0 : auth.isLoggedIn)) {
+            console.log("User not logged in, redirecting to login");
+            if (typeof (auth === null || auth === void 0 ? void 0 : auth.login) === 'string') {
+                var p = qualifiedPath(auth.login);
+                navigate(p);
+            }
+        }
+    }, [page]);
+    return (react_1.default.createElement(material_1.Box, { sx: function (theme) {
+            var defaultStyles = {};
+            if (!page.pageContainerSxProps)
+                return defaultStyles;
+            var resolvedStyles;
+            if (typeof page.pageContainerSxProps === 'function')
+                resolvedStyles = Object.assign(defaultStyles, page.pageContainerSxProps(theme));
+            else
+                resolvedStyles = Object.assign(defaultStyles, page.pageContainerSxProps);
+            return resolvedStyles;
+        } },
+        react_1.default.createElement(material_1.AppBar, { position: 'static' },
+            react_1.default.createElement(material_1.Toolbar, null,
+                navMenuItems &&
+                    react_1.default.createElement(material_1.IconButton, { "aria-label": 'menu', onClick: function (event) { return setNavMenuOpen(!navMenuOpen); }, sx: function (theme) { return ({
+                            marginRight: theme.spacing(2),
+                            '&:hover': {
+                                color: '#fff',
+                            },
+                        }); }, style: { backgroundColor: 'transparent' } },
+                        react_1.default.createElement(Menu_1.default, null)),
+                react_1.default.createElement(material_1.Typography, { variant: 'h5', sx: { flexGrow: 1, color: 'common.white', } }, appName),
+                toolbarChildren,
+                react_1.default.createElement(AccountIconButton_1.AccountIconButton, { loginClicked: loginClicked, setLoginClicked: setLoginClicked, auth: auth, profileMenuItems: profileMenuItems }))),
+        react_1.default.createElement(NavMenu_1.NavMenu, { navMenuItems: navMenuItems, navMenuOpen: navMenuOpen, setNavMenuOpen: setNavMenuOpen }),
+        react_1.default.createElement(Page, { auth: auth, page: page, navigate: navigate, loginClicked: loginClicked, setLoginClicked: setLoginClicked })));
+    function qualifiedPath(path) {
+        if (path.startsWith('/'))
+            return path;
+        return "/".concat(path);
+    }
+}
+exports.PageContainer = PageContainer;
+//# sourceMappingURL=PageContainer.js.map

package/dist/src/container/PageContainer.js.map

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

package/dist/src/form/Field.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+export type Field<T, F extends Fields> = {
+    name: string;
+    label?: string;
+    description?: string;
+    accessibility?: {
+        required?: boolean;
+        hidden?: boolean;
+        readonly?: boolean;
+    };
+    layout?: {
+        row: number;
+        column?: number;
+        width: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    };
+    value?: T;
+    displayValue?: (value: T) => string;
+    onLoad?: (fields: F) => Promise<void>;
+    onChange?: (value: T, fields: F, setFieldStatus: (message: string, isError: boolean) => void) => Promise<void>;
+};
+export type FieldComponentProps<T, F extends Fields> = {
+    field: Field<T, F>;
+    onChange: (field: Field<T, F>, value: T, setFieldStatus: (message: string, isError: boolean) => void) => Promise<void>;
+};
+export type FieldComponent<T, F extends Fields> = {
+    field: Field<T, F>;
+    component: (props: FieldComponentProps<T, F>) => JSX.Element;
+};
+export declare abstract class Fields {
+    [name: string]: FieldComponent<any, any>;
+}
+export declare function fieldLabel(field: Field<any, any>): string;
+export declare function fieldDisplayValue(field: Field<any, any>): string;
+//# sourceMappingURL=Field.d.ts.map

package/dist/src/form/Field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/form/Field.tsx"],"names":[],"mappings":";AAGA,MAAM,MAAM,KAAK,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,IAAI;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE;QACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;KACrB,CAAC;IACF,MAAM,CAAC,EAAE;QACL,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,CAAC,GAAC,CAAC,GAAC,CAAC,GAAC,CAAC,GAAC,CAAC,GAAC,CAAC,GAAC,CAAC,GAAC,CAAC,GAAC,CAAC,GAAC,EAAE,GAAC,EAAE,GAAC,EAAE,CAAA;KACpC,CAAC;IACF,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC;IACpC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACjH,CAAA;AAED,MAAM,MAAM,mBAAmB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,IAAI;IACnD,KAAK,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAE1H,CAAA;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,IAAI;IAC9C,KAAK,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnB,SAAS,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;CAChE,CAAA;AAED,8BAAsB,MAAM;IAAG,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;CAAE;AAEzE,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,UAEhD;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,UAUvD"}

package/dist/src/form/Field.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fieldDisplayValue = exports.fieldLabel = exports.Fields = void 0;
+var string_1 = __importDefault(require("string"));
+var Fields = /** @class */ (function () {
+    function Fields() {
+    }
+    return Fields;
+}());
+exports.Fields = Fields;
+function fieldLabel(field) {
+    return field.label ? field.label : (0, string_1.default)(field.name).humanize().capitalize().s;
+}
+exports.fieldLabel = fieldLabel;
+function fieldDisplayValue(field) {
+    var value = '';
+    if (field.value) {
+        if (field.displayValue)
+            value = field.displayValue(field.value);
+        else
+            value = field.value;
+    }
+    return value;
+}
+exports.fieldDisplayValue = fieldDisplayValue;
+//# sourceMappingURL=Field.js.map

package/dist/src/form/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/form/Field.tsx"],"names":[],"mappings":";;;;;;AACA,kDAAuB;AAiCvB;IAAA;IAAwE,CAAC;IAAD,aAAC;AAAD,CAAC,AAAzE,IAAyE;AAAnD,wBAAM;AAE5B,SAAgB,UAAU,CAAC,KAAsB;IAChD,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAA,gBAAC,EAAC,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;AAC5E,CAAC;AAFD,gCAEC;AAED,SAAgB,iBAAiB,CAAC,KAAsB;IACvD,IAAI,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,KAAK,CAAC,KAAK,EAAE;QAChB,IAAI,KAAK,CAAC,YAAY;YACrB,KAAK,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;;YAExC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;KACrB;IAED,OAAO,KAAK,CAAC;AACd,CAAC;AAVD,8CAUC"}