@proteinjs/ui 1.0.1

package/dist/src/router/Router.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Page } from './Page';
+export type AppOptions = {
+    pageContainer?: React.ComponentType<{
+        page: Page;
+    }>;
+    pageNotFound?: React.ComponentType;
+};
+export declare function loadApp(options?: AppOptions): void;
+export declare function Router(props: {
+    pages: Page[];
+    options: AppOptions;
+}): React.JSX.Element;
+//# sourceMappingURL=Router.d.ts.map

package/dist/src/router/Router.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Router.d.ts","sourceRoot":"","sources":["../../../src/router/Router.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,IAAI,EAAY,MAAM,QAAQ,CAAC;AAGxC,MAAM,MAAM,UAAU,GAAG;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,EAAE,IAAI,CAAA;KAAE,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CACrC,CAAA;AAED,wBAAgB,OAAO,CAAC,OAAO,GAAE,UAAe,QAI/C;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IAAC,OAAO,EAAE,UAAU,CAAA;CAAE,qBAiDnE"}

package/dist/src/router/Router.js

@@ -0,0 +1,66 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Router = exports.loadApp = void 0;
+var react_1 = __importDefault(require("react"));
+var react_router_1 = require("react-router");
+var client_1 = require("react-dom/client");
+var react_router_dom_1 = require("react-router-dom");
+var material_1 = require("@mui/material");
+var Page_1 = require("./Page");
+var createUrlParams_1 = require("./createUrlParams");
+function loadApp(options) {
+    if (options === void 0) { options = {}; }
+    var container = document.getElementById('app');
+    var root = (0, client_1.createRoot)(container);
+    root.render(react_1.default.createElement(Router, { pages: (0, Page_1.getPages)(), options: options }));
+}
+exports.loadApp = loadApp;
+function Router(props) {
+    var pages = props.pages, options = props.options;
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(material_1.CssBaseline, null),
+        react_1.default.createElement(react_router_dom_1.BrowserRouter, null,
+            react_1.default.createElement(RoutesComponent, null))));
+    function RoutesComponent() {
+        var navigate = (0, react_router_dom_1.useNavigate)();
+        return (react_1.default.createElement(react_router_1.Routes, null,
+            (function () {
+                var routes = [];
+                var key = 0;
+                for (var _i = 0, pages_1 = pages; _i < pages_1.length; _i++) {
+                    var page = pages_1[_i];
+                    if (typeof page.path === 'string')
+                        routes.push(react_1.default.createElement(react_router_1.Route, { key: key++, path: getPath(page.path), element: react_1.default.createElement(ContainerizedComponent, { options: options, page: page, navigate: navigate }) }));
+                    else {
+                        var paths = page.path;
+                        for (var _a = 0, paths_1 = paths; _a < paths_1.length; _a++) {
+                            var path = paths_1[_a];
+                            routes.push(react_1.default.createElement(react_router_1.Route, { key: key++, path: getPath(path), element: react_1.default.createElement(ContainerizedComponent, { options: options, page: page, navigate: navigate }) }));
+                        }
+                    }
+                }
+                return routes;
+            })(),
+            react_1.default.createElement(react_router_1.Route, { element: react_1.default.createElement(PageNotFound, { pageNotFound: options.pageNotFound }) })));
+    }
+    function ContainerizedComponent(props) {
+        if (props.options.pageContainer && !props.page.noPageContainer)
+            return (react_1.default.createElement(props.options.pageContainer, { page: props.page }));
+        return (react_1.default.createElement(props.page.component, { urlParams: (0, createUrlParams_1.createUrlParams)(), navigate: props.navigate }));
+    }
+    function PageNotFound(props) {
+        if (props.pageNotFound)
+            return (react_1.default.createElement(props.pageNotFound, null));
+        return react_1.default.createElement("h1", null, "404: Page not found");
+    }
+}
+exports.Router = Router;
+function getPath(path) {
+    if (path.startsWith('/'))
+        return path;
+    return "/".concat(path);
+}
+//# sourceMappingURL=Router.js.map

package/dist/src/router/Router.js.map

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

package/dist/src/router/createUrlParams.d.ts

@@ -0,0 +1,4 @@
+export declare function createUrlParams(): {
+    [paramName: string]: string;
+};
+//# sourceMappingURL=createUrlParams.d.ts.map

package/dist/src/router/createUrlParams.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createUrlParams.d.ts","sourceRoot":"","sources":["../../../src/router/createUrlParams.ts"],"names":[],"mappings":"AAEA,wBAAgB,eAAe;;EAa9B"}

package/dist/src/router/createUrlParams.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createUrlParams = void 0;
+var react_router_1 = require("react-router");
+function createUrlParams() {
+    var urlParams = {};
+    var location = (0, react_router_1.useLocation)();
+    var serializedParams = location.search.substring(1).split('&');
+    for (var _i = 0, serializedParams_1 = serializedParams; _i < serializedParams_1.length; _i++) {
+        var serializedParam = serializedParams_1[_i];
+        if (serializedParam === '')
+            continue;
+        var kvp = serializedParam.split('=');
+        urlParams[decodeURIComponent(kvp[0])] = decodeURIComponent(kvp[1]);
+    }
+    return urlParams;
+}
+exports.createUrlParams = createUrlParams;
+//# sourceMappingURL=createUrlParams.js.map

package/dist/src/router/createUrlParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createUrlParams.js","sourceRoot":"","sources":["../../../src/router/createUrlParams.ts"],"names":[],"mappings":";;;AAAA,6CAA2C;AAE3C,SAAgB,eAAe;IAC7B,IAAM,SAAS,GAAkC,EAAE,CAAC;IACpD,IAAM,QAAQ,GAAG,IAAA,0BAAW,GAAE,CAAC;IAC/B,IAAM,gBAAgB,GAAG,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACjE,KAA4B,UAAgB,EAAhB,qCAAgB,EAAhB,8BAAgB,EAAhB,IAAgB,EAAE;QAAzC,IAAI,eAAe,yBAAA;QACpB,IAAI,eAAe,KAAK,EAAE;YACtB,SAAS;QAEb,IAAM,GAAG,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACvC,SAAS,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;KACtE;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAbD,0CAaC"}

package/dist/src/router/withRouter.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { NavigateFunction } from 'react-router-dom';
+export type WithRouterProps = {
+    navigate: NavigateFunction;
+};
+export declare const withRouter: (Component: typeof React.Component) => (props: any) => React.JSX.Element;
+//# sourceMappingURL=withRouter.d.ts.map

package/dist/src/router/withRouter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withRouter.d.ts","sourceRoot":"","sources":["../../../src/router/withRouter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAe,MAAM,kBAAkB,CAAC;AAEjE,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,gBAAgB,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,UAAU,iDACG,GAAG,sBAY5B,CAAC"}

package/dist/src/router/withRouter.js

@@ -0,0 +1,28 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withRouter = void 0;
+var react_1 = __importDefault(require("react"));
+var react_router_dom_1 = require("react-router-dom");
+var withRouter = function (Component) {
+    var Wrapper = function (props) {
+        var navigate = (0, react_router_dom_1.useNavigate)();
+        return (react_1.default.createElement(Component, __assign({ navigate: navigate }, props)));
+    };
+    return Wrapper;
+};
+exports.withRouter = withRouter;
+//# sourceMappingURL=withRouter.js.map

package/dist/src/router/withRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withRouter.js","sourceRoot":"","sources":["../../../src/router/withRouter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qDAAiE;AAM1D,IAAM,UAAU,GAAG,UAAC,SAAiC;IAC1D,IAAM,OAAO,GAAG,UAAC,KAAU;QACzB,IAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;QAE/B,OAAO,CACL,8BAAC,SAAS,aACN,QAAQ,EAAE,QAAQ,IACd,KAAK,EACT,CACL,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAbW,QAAA,UAAU,cAarB"}

package/dist/src/table/Table.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { TableLoader } from './TableLoader';
+import { TableButton } from './TableButton';
+export type TableProps<T> = {
+    title?: string;
+    description?: () => JSX.Element;
+    columns: (keyof T)[];
+    tableLoader: TableLoader<T>;
+    rowOnClickRedirectUrl?: (row: T) => Promise<string>;
+    defaultRowsPerPage?: number;
+    buttons?: TableButton<T>[];
+};
+export declare function Table<T>({ title, description, columns, tableLoader, rowOnClickRedirectUrl, defaultRowsPerPage, buttons }: TableProps<T>): React.JSX.Element;
+//# sourceMappingURL=Table.d.ts.map

package/dist/src/table/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAG3C,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAChC,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IAC5B,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACpD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;CAC5B,CAAA;AAED,wBAAgB,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,kBAAuB,EAAE,OAAO,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,qBA8K5I"}

package/dist/src/table/Table.js

@@ -0,0 +1,170 @@
+"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.Table = void 0;
+var react_1 = __importDefault(require("react"));
+var react_router_dom_1 = require("react-router-dom");
+var material_1 = require("@mui/material");
+var moment_1 = __importDefault(require("moment"));
+var util_1 = require("@proteinjs/util");
+var TableToolbar_1 = require("./TableToolbar");
+function Table(_a) {
+    var _this = this;
+    var title = _a.title, description = _a.description, columns = _a.columns, tableLoader = _a.tableLoader, rowOnClickRedirectUrl = _a.rowOnClickRedirectUrl, _b = _a.defaultRowsPerPage, defaultRowsPerPage = _b === void 0 ? 10 : _b, buttons = _a.buttons;
+    var _c = react_1.default.useState(defaultRowsPerPage), rowsPerPage = _c[0], setRowsPerPage = _c[1];
+    var _d = react_1.default.useState(0), page = _d[0], setPage = _d[1];
+    var _e = react_1.default.useState(0), totalRows = _e[0], setTotalRows = _e[1];
+    var _f = react_1.default.useState([]), rows = _f[0], setRows = _f[1];
+    var _g = react_1.default.useState({}), selectedRows = _g[0], setSelectedRows = _g[1];
+    var _h = react_1.default.useState(false), selectAll = _h[0], setSelectAll = _h[1];
+    var navigate = (0, react_router_dom_1.useNavigate)();
+    react_1.default.useEffect(function () {
+        var fetchData = function () { return __awaiter(_this, void 0, void 0, function () {
+            var startIndex, endIndex, rowWindow;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        startIndex = page * rowsPerPage;
+                        endIndex = startIndex + rowsPerPage;
+                        return [4 /*yield*/, tableLoader.load(startIndex, endIndex)];
+                    case 1:
+                        rowWindow = _a.sent();
+                        setRows(rowWindow.rows);
+                        setTotalRows(rowWindow.totalCount);
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        fetchData();
+    }, [page, rowsPerPage, tableLoader]);
+    function handleRowOnClick(row) {
+        return __awaiter(this, void 0, void 0, function () {
+            var redirectUrl;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!rowOnClickRedirectUrl)
+                            return [2 /*return*/];
+                        return [4 /*yield*/, rowOnClickRedirectUrl(row)];
+                    case 1:
+                        redirectUrl = _a.sent();
+                        if (!redirectUrl.startsWith('/'))
+                            redirectUrl = "/".concat(redirectUrl);
+                        navigate(redirectUrl);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    }
+    function updateRowsPerPage(newValue) {
+        setRowsPerPage(newValue);
+        setPage(0);
+    }
+    function toggleSelectRow(rowIndex, row) {
+        var newSelectedRows = Object.assign({}, selectedRows);
+        if (newSelectedRows[rowIndex])
+            delete newSelectedRows[rowIndex];
+        else
+            newSelectedRows[rowIndex] = row;
+        setSelectedRows(newSelectedRows);
+        if (selectAll && Object.keys(selectedRows).length != rows.length)
+            setSelectAll(false);
+        else if (!selectAll && Object.keys(selectedRows).length == rows.length)
+            setSelectAll(true);
+    }
+    function toggleSelectAll(selected) {
+        if (selected) {
+            var newSelectedRows = Object.assign({}, selectedRows);
+            for (var i = 0; i < rows.length; i++) {
+                var index = rowsPerPage * page + i;
+                if (!newSelectedRows[index])
+                    newSelectedRows[index] = rows[i];
+            }
+            setSelectedRows(newSelectedRows);
+        }
+        else {
+            setSelectedRows({});
+        }
+        setSelectAll(selected);
+    }
+    function formatCellValue(value) {
+        if (value == null)
+            return '';
+        if (typeof value === 'boolean')
+            return value ? 'True' : 'False';
+        if (moment_1.default.isMoment(value))
+            return value.format('ddd, MMM Do YY, h:mm:ss a');
+        if (typeof value === 'object')
+            return JSON.stringify(value);
+        return value.toString();
+    }
+    return (react_1.default.createElement("div", { style: { overflow: 'auto', width: '100%' } },
+        (title || description || buttons && buttons.length > 0) &&
+            react_1.default.createElement(TableToolbar_1.TableToolbar, { title: title, description: description, selectedRows: Object.values(selectedRows), buttons: buttons }),
+        react_1.default.createElement(material_1.TableContainer, null,
+            react_1.default.createElement(material_1.Table, { stickyHeader: true },
+                react_1.default.createElement(material_1.TableHead, null,
+                    react_1.default.createElement(material_1.TableRow, null,
+                        buttons && buttons.length > 0 &&
+                            react_1.default.createElement(material_1.TableCell, { padding: 'checkbox' },
+                                react_1.default.createElement(material_1.Checkbox, { checked: selectAll, onChange: function (event, selected) { return toggleSelectAll(selected); }, inputProps: {
+                                        'aria-label': 'Select all'
+                                    } })),
+                        columns.map(function (column, index) { return (react_1.default.createElement(material_1.TableCell, { key: index },
+                            react_1.default.createElement(material_1.Typography, { variant: 'h6' }, util_1.StringUtil.humanizeCamel(column)))); }))),
+                react_1.default.createElement(material_1.TableBody, null, rows.map(function (row, index) {
+                    index = rowsPerPage * page + index;
+                    return (react_1.default.createElement(material_1.TableRow, { hover: true, role: 'checkbox', tabIndex: -1, key: index, selected: typeof selectedRows[index] !== 'undefined' },
+                        buttons && buttons.length > 0 &&
+                            react_1.default.createElement(material_1.TableCell, { padding: 'checkbox' },
+                                react_1.default.createElement(material_1.Checkbox, { checked: typeof selectedRows[index] !== 'undefined', onChange: function (event, value) { return toggleSelectRow(index, row); }, inputProps: {
+                                        'aria-label': 'Select row'
+                                    } })),
+                        columns.map(function (column, index) {
+                            var cellValue = formatCellValue(row[column]);
+                            return (react_1.default.createElement(material_1.TableCell, { key: index, onClick: function (event) { return handleRowOnClick(row); } },
+                                react_1.default.createElement(material_1.Typography, { variant: 'subtitle1' }, cellValue)));
+                        })));
+                })))),
+        react_1.default.createElement(material_1.TablePagination, { rowsPerPageOptions: [5, 10, 25, 50, 100, 200], component: 'div', count: totalRows, rowsPerPage: rowsPerPage, page: page, onPageChange: function (event, newPage) { return setPage(newPage); }, onRowsPerPageChange: function (event) { return updateRowsPerPage(parseInt(event.target.value)); } })));
+}
+exports.Table = Table;
+//# sourceMappingURL=Table.js.map

package/dist/src/table/Table.js.map

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

package/dist/src/table/TableButton.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { NavigateFunction } from 'react-router';
+export type TableButton<T> = {
+    name: string;
+    icon: React.ComponentType;
+    visibility: {
+        showWhenRowsSelected: boolean;
+        showWhenNoRowsSelected: boolean;
+    };
+    onClick: (selectedRows: T[], navigate: NavigateFunction) => Promise<void>;
+};
+//# sourceMappingURL=TableButton.d.ts.map

package/dist/src/table/TableButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableButton.d.ts","sourceRoot":"","sources":["../../../src/table/TableButton.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAE/C,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;IAC1B,UAAU,EAAE;QACV,oBAAoB,EAAE,OAAO,CAAC;QAC9B,sBAAsB,EAAE,OAAO,CAAC;KACjC,CAAC;IACF,OAAO,EAAE,CAAC,YAAY,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,gBAAgB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC3E,CAAA"}

package/dist/src/table/TableButton.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=TableButton.js.map

package/dist/src/table/TableButton.js.map

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

package/dist/src/table/TableLoader.d.ts

@@ -0,0 +1,16 @@
+export type RowWindow<T> = {
+    rows: T[];
+    totalCount: number;
+};
+export type TableLoader<T> = {
+    load: (startIndex: number, endIndex: number) => Promise<RowWindow<T>>;
+};
+export declare class StaticTableLoader<T> implements TableLoader<T> {
+    private list;
+    constructor(list: T[]);
+    load(startIndex: number, endIndex: number): Promise<{
+        rows: T[];
+        totalCount: number;
+    }>;
+}
+//# sourceMappingURL=TableLoader.d.ts.map

package/dist/src/table/TableLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableLoader.d.ts","sourceRoot":"","sources":["../../../src/table/TableLoader.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI;IACzB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,UAAU,EAAE,MAAM,CAAC;CACpB,CAAA;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;IAC3B,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;CACvE,CAAA;AAED,qBAAa,iBAAiB,CAAC,CAAC,CAAE,YAAW,WAAW,CAAC,CAAC,CAAC;IAC7C,OAAO,CAAC,IAAI;gBAAJ,IAAI,EAAE,CAAC,EAAE;IAEvB,IAAI,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;;;;CAMhD"}

package/dist/src/table/TableLoader.js

@@ -0,0 +1,57 @@
+"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 };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StaticTableLoader = void 0;
+var StaticTableLoader = /** @class */ (function () {
+    function StaticTableLoader(list) {
+        this.list = list;
+    }
+    StaticTableLoader.prototype.load = function (startIndex, endIndex) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, {
+                        rows: this.list.slice(startIndex, endIndex),
+                        totalCount: this.list.length,
+                    }];
+            });
+        });
+    };
+    return StaticTableLoader;
+}());
+exports.StaticTableLoader = StaticTableLoader;
+//# sourceMappingURL=TableLoader.js.map

package/dist/src/table/TableLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableLoader.js","sourceRoot":"","sources":["../../../src/table/TableLoader.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA;IACE,2BAAoB,IAAS;QAAT,SAAI,GAAJ,IAAI,CAAK;IAAG,CAAC;IAE3B,gCAAI,GAAV,UAAW,UAAkB,EAAE,QAAgB;;;gBAC7C,sBAAO;wBACL,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,CAAC;wBAC3C,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM;qBAC7B,EAAC;;;KACH;IACH,wBAAC;AAAD,CAAC,AATD,IASC;AATY,8CAAiB"}

package/dist/src/table/TableToolbar.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TableButton } from './TableButton';
+export type TableToolbarProps = {
+    title?: string;
+    selectedRows: any[];
+    description?: () => JSX.Element;
+    buttons?: TableButton<any>[];
+};
+export declare const TableToolbar: (props: TableToolbarProps) => React.JSX.Element;
+//# sourceMappingURL=TableToolbar.d.ts.map

package/dist/src/table/TableToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableToolbar.d.ts","sourceRoot":"","sources":["../../../src/table/TableToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,GAAG,EAAE,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC;CAC9B,CAAA;AAED,eAAO,MAAM,YAAY,UAAY,iBAAiB,sBAsFrD,CAAA"}

package/dist/src/table/TableToolbar.js

@@ -0,0 +1,59 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableToolbar = void 0;
+var react_1 = __importDefault(require("react"));
+var material_1 = require("@mui/material");
+var react_router_1 = require("react-router");
+var TableToolbar = function (props) {
+    var title = props.title, selectedRows = props.selectedRows, buttons = props.buttons;
+    var navigate = (0, react_router_1.useNavigate)();
+    return (react_1.default.createElement(material_1.Toolbar, { sx: function (theme) {
+            if (selectedRows.length > 0) {
+                return theme.palette.mode === 'light'
+                    ? {
+                        color: theme.palette.info.main,
+                        backgroundColor: (0, material_1.lighten)(theme.palette.info.light, 0.85),
+                    }
+                    : {
+                        color: theme.palette.info.light,
+                        backgroundColor: theme.palette.info.dark,
+                    };
+            }
+            return {
+                paddingLeft: theme.spacing(2),
+                paddingRight: theme.spacing(1),
+            };
+        } },
+        react_1.default.createElement("div", { style: {
+                marginLeft: 4,
+                flex: '0 0 auto',
+            } }, selectedRows.length > 0 ? (react_1.default.createElement(material_1.Typography, { variant: 'subtitle1', color: 'inherit' },
+            selectedRows.length,
+            " rows selected")) : (react_1.default.createElement("div", null,
+            typeof title !== 'undefined' &&
+                react_1.default.createElement(material_1.Typography, { variant: 'h5' }, title),
+            typeof props.description !== 'undefined' &&
+                react_1.default.createElement(props.description, null)))),
+        react_1.default.createElement("div", { style: {
+                flex: '1 1 100%',
+            } }),
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(Buttons, null))));
+    function Buttons() {
+        if (!buttons)
+            return null;
+        if (selectedRows.length > 0) {
+            return buttons.filter(function (button) { return button.visibility.showWhenRowsSelected; }).map(function (button, index) { return (react_1.default.createElement(material_1.Tooltip, { key: index, title: button.name },
+                react_1.default.createElement(material_1.IconButton, { "aria-label": button.name, onClick: function (event) { return button.onClick(selectedRows, navigate); } },
+                    react_1.default.createElement(button.icon, null)))); });
+        }
+        return buttons.filter(function (button) { return button.visibility.showWhenNoRowsSelected; }).map(function (button, index) { return (react_1.default.createElement(material_1.Tooltip, { key: index, title: button.name },
+            react_1.default.createElement(material_1.IconButton, { "aria-label": button.name, onClick: function (event) { return button.onClick([], navigate); } },
+                react_1.default.createElement(button.icon, null)))); });
+    }
+};
+exports.TableToolbar = TableToolbar;
+//# sourceMappingURL=TableToolbar.js.map

package/dist/src/table/TableToolbar.js.map

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

package/generated/index.ts

@@ -0,0 +1,37 @@
+/** 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';
+
+
+/** Generate Source Graph */
+
+const 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 */
+
+
+const sourceLinks = {
+};
+
+
+/** Load Source Graph and Links */
+
+import { SourceRepository } from '@proteinjs/reflection';
+SourceRepository.merge(sourceGraph, sourceLinks);
+
+
+export * from '../index';