@proteinjs/ui 4.1.0 → 4.1.2

package/dist/generated/index.js

@@ -33,7 +33,7 @@ require("react-router-dom");
 require("string");
 require("uuid");
 /** 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\":\"\",\"name\":\"(theme: Theme) => SxProps\",\"filePath\":null,\"qualifiedName\":\"/(theme: Theme) => 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\":\"/React.FC\"},{\"v\":\"/string | React.ComponentType\"},{\"v\":\"/Partial\"},{\"v\":\"/React.Component\"},{\"v\":\"/(value: ColumnValue\"}],\"edges\":[{\"v\":\"@proteinjs/ui/Page\",\"w\":\"@proteinjs/reflection/Loadable\",\"value\":\"extends interface\"}]}";
+var sourceGraph = "{\"options\":{\"directed\":true,\"multigraph\":false,\"compound\":false},\"nodes\":[{\"v\":\"@proteinjs/ui/Page\",\"value\":{\"packageName\":\"@proteinjs/ui\",\"name\":\"Page\",\"filePath\":\"/Users/brentbahry/repos/n3xa/packages/proteinjs/packages/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\":\"\",\"name\":\"(theme: Theme) => SxProps\",\"filePath\":null,\"qualifiedName\":\"/(theme: Theme) => 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\":\"/React.FC\"},{\"v\":\"/string | React.ComponentType\"},{\"v\":\"/Partial\"},{\"v\":\"/React.Component\"},{\"v\":\"/(value: ColumnValue\"}],\"edges\":[{\"v\":\"@proteinjs/ui/Page\",\"w\":\"@proteinjs/reflection/Loadable\",\"value\":\"extends interface\"}]}";
 /** Generate Source Links */
 var sourceLinks = {};
 /** Load Source Graph and Links */

package/dist/generated/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../generated/index.ts"],"names":[],"mappings":";AAAA,oCAAoC;;;;;;;;;;;;;;;;AAEpC,0BAAwB;AACxB,2BAAyB;AACzB,+BAA6B;AAC7B,yBAAuB;AACvB,iCAA+B;AAC/B,2BAAyB;AACzB,mBAAiB;AACjB,kBAAgB;AAChB,wBAAsB;AACtB,iBAAe;AACf,qBAAmB;AACnB,2CAAyC;AACzC,uBAAqB;AACrB,wBAAsB;AACtB,4BAA0B;AAC1B,kBAAgB;AAChB,gBAAc;AAGd,4BAA4B;AAE5B,IAAM,WAAW,GAAG,o+GAAo+G,CAAC;AAGz/G,4BAA4B;AAG5B,IAAM,WAAW,GAAG,EACnB,CAAC;AAGF,kCAAkC;AAElC,oDAAyD;AACzD,6BAAgB,CAAC,KAAK,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AAGjD,2CAAyB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../generated/index.ts"],"names":[],"mappings":";AAAA,oCAAoC;;;;;;;;;;;;;;;;AAEpC,0BAAwB;AACxB,2BAAyB;AACzB,+BAA6B;AAC7B,yBAAuB;AACvB,iCAA+B;AAC/B,2BAAyB;AACzB,mBAAiB;AACjB,kBAAgB;AAChB,wBAAsB;AACtB,iBAAe;AACf,qBAAmB;AACnB,2CAAyC;AACzC,uBAAqB;AACrB,wBAAsB;AACtB,4BAA0B;AAC1B,kBAAgB;AAChB,gBAAc;AAGd,4BAA4B;AAE5B,IAAM,WAAW,GAAG,wgHAAwgH,CAAC;AAG7hH,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

@@ -15,4 +15,5 @@ export * from './src/table/TableButton';
 export * from './src/table/TableLoader';
 export * from './src/table/tableData';
 export * from './src/components/SearchInput';
+export * from './src/formatters';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,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,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AAExC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AAEtC,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,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,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AAExC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AAEtC,cAAc,8BAA8B,CAAC;AAE7C,cAAc,kBAAkB,CAAC"}

package/dist/index.js

@@ -31,4 +31,5 @@ __exportStar(require("./src/table/TableButton"), exports);
 __exportStar(require("./src/table/TableLoader"), exports);
 __exportStar(require("./src/table/tableData"), exports);
 __exportStar(require("./src/components/SearchInput"), exports);
+__exportStar(require("./src/formatters"), exports);
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AppBarProps, ToolbarProps } from '@mui/material';
+import { AppBarProps, ToolbarProps, Theme, SxProps } from '@mui/material';
 import { NavigateFunction } from 'react-router-dom';
 import { Page } from '../router/Page';
 import { LinkOrDialog, NavMenuItem } from './NavMenu';
@@ -8,9 +8,24 @@ import { AccountAuth } from './AccountAuth';
 interface AccountIconButtonWithNavigateProps extends AccountIconButtonProps {
     navigate: NavigateFunction;
 }
+export interface CustomPageContainerProps {
+    children: React.ReactNode;
+    pageContainerSxProps: ((theme: Theme) => SxProps) | undefined;
+    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>;
+    };
+}
 export type PageContainerProps = {
     page: Page;
     auth?: AccountAuth;
+    /** Will be used to render the `Page` within as children */
+    CustomPageContainer?: React.ComponentType<CustomPageContainerProps>;
     appName?: string;
     toolbarChildren?: React.ReactNode;
     /** An array of menu items, each containing a React node and an action triggered when selected, either a string, dialog component, or a function. */
@@ -24,10 +39,9 @@ export type PageContainerProps = {
     CustomAccountIconButton?: React.ComponentType<AccountIconButtonWithNavigateProps>;
     abovePageSlot?: React.ReactNode;
 };
-declare const Page: React.MemoExoticComponent<({ auth, page, navigate, loginClicked, setLoginClicked, }: {
+declare const Page: React.MemoExoticComponent<({ auth, page, loginClicked, setLoginClicked, }: {
     auth: PageContainerProps['auth'];
     page: PageContainerProps['page'];
-    navigate: NavigateFunction;
     loginClicked: boolean;
     setLoginClicked: (loginClicked: boolean) => void;
 }) => React.JSX.Element | null>;

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

@@ -1 +1 @@
-{"version":3,"file":"PageContainer.d.ts","sourceRoot":"","sources":["../../../src/container/PageContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgD,WAAW,EAAE,YAAY,EAAa,MAAM,eAAe,CAAC;AAEnH,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;AAC/D,OAAO,EAAqB,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAU5C,UAAU,kCAAmC,SAAQ,sBAAsB;IACzE,QAAQ,EAAE,gBAAgB,CAAC;CAC5B;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,oJAAoJ;IACpJ,gBAAgB,CAAC,EAAE;QAAE,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,MAAM,CAAC,EAAE,YAAY,CAAA;KAAE,EAAE,CAAC;IAClF,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,uBAAuB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,kCAAkC,CAAC,CAAC;IAClF,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,IAAI;UAQA,kBAAkB,CAAC,MAAM,CAAC;UAC1B,kBAAkB,CAAC,MAAM,CAAC;cACtB,gBAAgB;kBACZ,OAAO;oCACW,OAAO,KAAK,IAAI;+BAiBnD,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBA4FtD"}
+{"version":3,"file":"PageContainer.d.ts","sourceRoot":"","sources":["../../../src/container/PageContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgD,WAAW,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExH,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;AAC/D,OAAO,EAAqB,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAU5C,UAAU,kCAAmC,SAAQ,sBAAsB;IACzE,QAAQ,EAAE,gBAAgB,CAAC;CAC5B;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oBAAoB,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAC,GAAG,SAAS,CAAC;IAC9D,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,CAAC;KAC/B,CAAC;CACH;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,2DAA2D;IAC3D,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;IACpE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,oJAAoJ;IACpJ,gBAAgB,CAAC,EAAE;QAAE,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,MAAM,CAAC,EAAE,YAAY,CAAA;KAAE,EAAE,CAAC;IAClF,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,uBAAuB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,kCAAkC,CAAC,CAAC;IAClF,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,IAAI;UAOA,kBAAkB,CAAC,MAAM,CAAC;UAC1B,kBAAkB,CAAC,MAAM,CAAC;kBAClB,OAAO;oCACW,OAAO,KAAK,IAAI;+BAkBnD,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBA0GtD"}

package/dist/src/container/PageContainer.js

@@ -29,9 +29,10 @@ function qualifiedPath(path) {
     return "/".concat(path);
 }
 var Page = react_1.default.memo(function (_a) {
-    var auth = _a.auth, page = _a.page, navigate = _a.navigate, loginClicked = _a.loginClicked, setLoginClicked = _a.setLoginClicked;
+    var auth = _a.auth, page = _a.page, loginClicked = _a.loginClicked, setLoginClicked = _a.setLoginClicked;
+    var navigate = (0, react_router_dom_1.useNavigate)();
     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 });
+        return react_1.default.createElement(page.component, { urlParams: (0, createUrlParams_1.createUrlParams)() });
     }
     if (!(auth === null || auth === void 0 ? void 0 : auth.isLoggedIn)) {
         if (!loginClicked) {
@@ -44,7 +45,7 @@ var Page = react_1.default.memo(function (_a) {
 });
 function PageContainer(props) {
     var navigate = (0, react_router_dom_1.useNavigate)();
-    var page = props.page, auth = props.auth, navMenuItems = props.navMenuItems, appName = props.appName, toolbarChildren = props.toolbarChildren, profileMenuItems = props.profileMenuItems, appBarProps = props.appBarProps, toolbarProps = props.toolbarProps, CustomAccountIconButton = props.CustomAccountIconButton, abovePageSlot = props.abovePageSlot;
+    var page = props.page, auth = props.auth, navMenuItems = props.navMenuItems, appName = props.appName, toolbarChildren = props.toolbarChildren, profileMenuItems = props.profileMenuItems, appBarProps = props.appBarProps, toolbarProps = props.toolbarProps, CustomAccountIconButton = props.CustomAccountIconButton, CustomPageContainer = props.CustomPageContainer, abovePageSlot = props.abovePageSlot;
     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 () {
@@ -59,6 +60,10 @@ function PageContainer(props) {
             }
         }
     }, [page]);
+    if (CustomPageContainer) {
+        return (react_1.default.createElement(CustomPageContainer, { loginClicked: loginClicked, setLoginClicked: setLoginClicked, auth: auth, pageContainerSxProps: page.pageContainerSxProps },
+            react_1.default.createElement(Page, { auth: auth, page: page, loginClicked: loginClicked, setLoginClicked: setLoginClicked })));
+    }
     return (react_1.default.createElement(material_1.Box, { sx: function (theme) {
             var defaultStyles = { minHeight: '100vh', backgroundColor: theme.palette.background.default };
             if (!page.pageContainerSxProps) {
@@ -82,7 +87,7 @@ function PageContainer(props) {
                 CustomAccountIconButton ? (react_1.default.createElement(CustomAccountIconButton, { loginClicked: loginClicked, setLoginClicked: setLoginClicked, auth: auth, navigate: navigate })) : (react_1.default.createElement(AccountIconButton_1.AccountIconButton, __assign({ loginClicked: loginClicked, setLoginClicked: setLoginClicked, auth: auth }, (profileMenuItems ? { profileMenuItems: profileMenuItems } : {})))))),
         navMenuItems && (react_1.default.createElement(NavMenu_1.NavMenu, { navMenuItems: navMenuItems, navMenuOpen: navMenuOpen, setNavMenuOpen: setNavMenuOpen })),
         abovePageSlot,
-        react_1.default.createElement(Page, { auth: auth, page: page, navigate: navigate, loginClicked: loginClicked, setLoginClicked: setLoginClicked })));
+        react_1.default.createElement(Page, { auth: auth, page: page, loginClicked: loginClicked, setLoginClicked: setLoginClicked })));
 }
 exports.PageContainer = PageContainer;
 //# sourceMappingURL=PageContainer.js.map

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

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

package/dist/src/formatters.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Configuration options for date formatting
+ */
+interface DateFormatterOptions {
+    /** Format for time on today's dates (default: 'h:mm A') */
+    todayFormat?: string;
+    /** Format for time on yesterday's dates (default: 'h:mm A') */
+    yesterdayFormat?: string;
+    /** Format for older dates (default: 'MMM D, YYYY') */
+    defaultFormat?: string;
+}
+/**
+ * Valid input types for the date parameter
+ */
+type DateInput = Date | string | number;
+/**
+ * Formats a date relative to now, showing "Today at HH:MM AM/PM",
+ * "Yesterday at HH:MM AM/PM", or "MMM D, YYYY"
+ *
+ * @param {Date|string|number} inputDate - The date to format (Date object, ISO string, or timestamp)
+ * @param {Object} options - Configuration options
+ * @param {string} options.todayFormat - Format for time on today's dates (default: 'h:mm A')
+ * @param {string} options.yesterdayFormat - Format for time on yesterday's dates (default: 'h:mm A')
+ * @param {string} options.defaultFormat - Format for older dates (default: 'MMM D, YYYY')
+ * @returns {string} The formatted date string
+ * @throws {Error} If inputDate is invalid
+ *
+ * @example
+ * formatRelativeDate(new Date()) // "Today at 2:30 PM"
+ * formatRelativeDate('2024-10-28') // "Yesterday at 12:00 AM"
+ * formatRelativeDate('2024-10-27') // "Oct 27, 2024"
+ */
+export declare function formatRelativeDate(inputDate: DateInput, options?: DateFormatterOptions): string;
+/** Capitalize the first character in a string. Returns empty string for invalid inputs. */
+export declare const capitalizeFirst: (str?: string | null) => string;
+export {};
+//# sourceMappingURL=formatters.d.ts.map

package/dist/src/formatters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatters.d.ts","sourceRoot":"","sources":["../../src/formatters.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,UAAU,oBAAoB;IAC5B,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,KAAK,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;AAExC;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,GAAE,oBAAyB,GAAG,MAAM,CAwBnG;AAED,2FAA2F;AAC3F,eAAO,MAAM,eAAe,SAAU,MAAM,GAAG,IAAI,KAAG,MAKrD,CAAC"}

package/dist/src/formatters.js

@@ -0,0 +1,54 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.capitalizeFirst = exports.formatRelativeDate = void 0;
+var moment_1 = __importDefault(require("moment"));
+/**
+ * Formats a date relative to now, showing "Today at HH:MM AM/PM",
+ * "Yesterday at HH:MM AM/PM", or "MMM D, YYYY"
+ *
+ * @param {Date|string|number} inputDate - The date to format (Date object, ISO string, or timestamp)
+ * @param {Object} options - Configuration options
+ * @param {string} options.todayFormat - Format for time on today's dates (default: 'h:mm A')
+ * @param {string} options.yesterdayFormat - Format for time on yesterday's dates (default: 'h:mm A')
+ * @param {string} options.defaultFormat - Format for older dates (default: 'MMM D, YYYY')
+ * @returns {string} The formatted date string
+ * @throws {Error} If inputDate is invalid
+ *
+ * @example
+ * formatRelativeDate(new Date()) // "Today at 2:30 PM"
+ * formatRelativeDate('2024-10-28') // "Yesterday at 12:00 AM"
+ * formatRelativeDate('2024-10-27') // "Oct 27, 2024"
+ */
+function formatRelativeDate(inputDate, options) {
+    if (options === void 0) { options = {}; }
+    // Set default options
+    var _a = options.todayFormat, todayFormat = _a === void 0 ? 'h:mm A' : _a, _b = options.yesterdayFormat, yesterdayFormat = _b === void 0 ? 'h:mm A' : _b, _c = options.defaultFormat, defaultFormat = _c === void 0 ? 'MMM D, YYYY' : _c; // Set default options
+    // Convert input to moment object
+    var date = (0, moment_1.default)(inputDate);
+    // Validate input
+    if (!date.isValid()) {
+        throw new Error('Invalid date provided');
+    }
+    var now = (0, moment_1.default)();
+    // Format based on relative time
+    if (date.isSame(now, 'day')) {
+        return "Today at ".concat(date.format(todayFormat));
+    }
+    if (date.isSame(now.clone().subtract(1, 'day'), 'day')) {
+        return "Yesterday at ".concat(date.format(yesterdayFormat));
+    }
+    return date.format(defaultFormat);
+}
+exports.formatRelativeDate = formatRelativeDate;
+/** Capitalize the first character in a string. Returns empty string for invalid inputs. */
+var capitalizeFirst = function (str) {
+    if (!str || typeof str !== 'string' || str.length === 0) {
+        return '';
+    }
+    return str.charAt(0).toUpperCase() + str.slice(1);
+};
+exports.capitalizeFirst = capitalizeFirst;
+//# sourceMappingURL=formatters.js.map

package/dist/src/formatters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatters.js","sourceRoot":"","sources":["../../src/formatters.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA4B;AAmB5B;;;;;;;;;;;;;;;;GAgBG;AACH,SAAgB,kBAAkB,CAAC,SAAoB,EAAE,OAAkC;IAAlC,wBAAA,EAAA,YAAkC;IACzF,sBAAsB;IACd,IAAA,KAAsF,OAAO,YAAvE,EAAtB,WAAW,mBAAG,QAAQ,KAAA,EAAE,KAA8D,OAAO,gBAA3C,EAA1B,eAAe,mBAAG,QAAQ,KAAA,EAAE,KAAkC,OAAO,cAAZ,EAA7B,aAAa,mBAAG,aAAa,KAAA,CAAa,CAAC,sBAAsB;IAE7H,iCAAiC;IACjC,IAAM,IAAI,GAAG,IAAA,gBAAM,EAAC,SAAS,CAAC,CAAC;IAE/B,iBAAiB;IACjB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE;QACnB,MAAM,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAAC;KAC1C;IAED,IAAM,GAAG,GAAG,IAAA,gBAAM,GAAE,CAAC;IAErB,gCAAgC;IAChC,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE;QAC3B,OAAO,mBAAY,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAE,CAAC;KAC/C;IAED,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE;QACtD,OAAO,uBAAgB,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,CAAE,CAAC;KACvD;IAED,OAAO,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;AACpC,CAAC;AAxBD,gDAwBC;AAED,2FAA2F;AACpF,IAAM,eAAe,GAAG,UAAC,GAAmB;IACjD,IAAI,CAAC,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE;QACvD,OAAO,EAAE,CAAC;KACX;IACD,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACpD,CAAC,CAAC;AALW,QAAA,eAAe,mBAK1B"}

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

@@ -1,13 +1,11 @@
 import React from 'react';
 import { SxProps, Theme } from '@mui/material';
 import { Loadable } from '@proteinjs/reflection';
-import { NavigateFunction } from 'react-router-dom';
 export declare const getPages: () => Page[];
 export type PageComponentProps = {
     urlParams: {
         [key: string]: string;
     };
-    navigate: NavigateFunction;
 };
 export interface Page extends Loadable {
     name: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/router/Page.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAoB,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,eAAO,MAAM,QAAQ,cAAmE,CAAC;AAEzF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACrC,QAAQ,EAAE,gBAAgB,CAAC;CAC5B,CAAC;AAEF,MAAM,WAAW,IAAK,SAAQ,QAAQ;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACxB,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;IACnD,8EAA8E;IAC9E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,IAAI,CAAC,EAAE;QACL,0HAA0H;QAC1H,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,iIAAiI;QACjI,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,6HAA6H;QAC7H,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;KAClB,CAAC;IACF,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAC;CAClD"}
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/router/Page.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAoB,MAAM,uBAAuB,CAAC;AAGnE,eAAO,MAAM,QAAQ,cAAmE,CAAC;AAEzF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CACtC,CAAC;AAEF,MAAM,WAAW,IAAK,SAAQ,QAAQ;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACxB,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;IACnD,8EAA8E;IAC9E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,IAAI,CAAC,EAAE;QACL,0HAA0H;QAC1H,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,iIAAiI;QACjI,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,6HAA6H;QAC7H,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;KAClB,CAAC;IACF,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAC;CAClD"}

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

@@ -1 +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;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,EAAE,IAAI,CAAA;KAAE,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC,CAAC;AAEF,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,qBA8DnE"}
+{"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;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,EAAE,IAAI,CAAA;KAAE,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC,CAAC;AAEF,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,qBA6DnE"}

package/dist/src/router/Router.js

@@ -25,7 +25,6 @@ function Router(props) {
         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 = [];
@@ -33,13 +32,13 @@ function Router(props) {
                 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 }) }));
+                        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 }) }));
                     }
                     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 }) }));
+                            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 }) }));
                         }
                     }
                 }
@@ -51,7 +50,7 @@ function Router(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 });
+        return react_1.default.createElement(props.page.component, { urlParams: (0, createUrlParams_1.createUrlParams)() });
     }
     function PageNotFound(props) {
         if (props.pageNotFound) {

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"InfiniteScroll.d.ts","sourceRoot":"","sources":["../../../src/table/InfiniteScroll.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAgC,EAAE,KAAK,IAAI,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAEjH,UAAU,mBAAoB,SAAQ,4BAA4B;IAChE,EAAE,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6DxD,CAAC"}
+{"version":3,"file":"InfiniteScroll.d.ts","sourceRoot":"","sources":["../../../src/table/InfiniteScroll.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAgC,EAAE,KAAK,IAAI,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAEjH,UAAU,mBAAoB,SAAQ,4BAA4B;IAChE,EAAE,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2DxD,CAAC"}

package/dist/src/table/InfiniteScroll.js

@@ -58,18 +58,15 @@ var InfiniteScroll = function (_a) {
     var containerRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(function () {
         var getScrollableTarget = function () {
-            if (typeof scrollableTarget === 'string') {
-                return document.getElementById(scrollableTarget);
-            }
-            else if (scrollableTarget instanceof HTMLElement) {
+            if (scrollableTarget instanceof HTMLElement) {
                 return scrollableTarget;
             }
             return null;
         };
         var options = {
             root: getScrollableTarget(),
-            rootMargin: '0px 0px 100px 0px',
-            threshold: 0.1,
+            rootMargin: '100px 0px',
+            threshold: 0,
         };
         var observer = new IntersectionObserver(function (entries) {
             var entry = entries[0];
@@ -89,7 +86,7 @@ var InfiniteScroll = function (_a) {
     return (react_1.default.createElement(material_1.Box, { ref: containerRef, sx: sx },
         react_1.default.createElement(react_infinite_scroll_component_1.default, __assign({ next: next, hasMore: hasMore, scrollableTarget: scrollableTarget }, otherProps), children),
         hasMore && (react_1.default.createElement(material_1.Box, { ref: observerTarget, sx: {
-                height: '100px',
+                height: '48px',
                 visibility: 'hidden',
             } }))));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"InfiniteScroll.js","sourceRoot":"","sources":["../../../src/table/InfiniteScroll.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAA8C;AAC9C,6CAAiD;AACjD,oGAAiH;AAM1G,IAAM,cAAc,GAAkC,UAAC,EAO7D;IANC,IAAA,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,EAAE,QAAA,EACC,UAAU,cAN+C,yDAO7D,CADc;IAEb,IAAM,cAAc,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACpD,IAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAElD,IAAA,iBAAS,EAAC;QACR,IAAM,mBAAmB,GAAG;YAC1B,IAAI,OAAO,gBAAgB,KAAK,QAAQ,EAAE;gBACxC,OAAO,QAAQ,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;aAClD;iBAAM,IAAI,gBAAgB,YAAY,WAAW,EAAE;gBAClD,OAAO,gBAAgB,CAAC;aACzB;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC;QAEF,IAAM,OAAO,GAAG;YACd,IAAI,EAAE,mBAAmB,EAAE;YAC3B,UAAU,EAAE,mBAAmB;YAC/B,SAAS,EAAE,GAAG;SACf,CAAC;QAEF,IAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,UAAC,OAAO;YACzC,IAAA,KAAK,GAAI,OAAO,GAAX,CAAY;YACxB,IAAI,KAAK,CAAC,cAAc,IAAI,OAAO,EAAE;gBACnC,IAAI,EAAE,CAAC;aACR;QACH,CAAC,EAAE,OAAO,CAAC,CAAC;QAEZ,IAAI,cAAc,CAAC,OAAO,EAAE;YAC1B,QAAQ,CAAC,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;SAC1C;QAED,OAAO;YACL,IAAI,cAAc,CAAC,OAAO,EAAE;gBAC1B,QAAQ,CAAC,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;aAC5C;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEtC,OAAO,CACL,8BAAC,cAAG,IAAC,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,EAAE;QAC5B,8BAAC,yCAAuB,aAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,IAAM,UAAU,GACtG,QAAQ,CACe;QACzB,OAAO,IAAI,CACV,8BAAC,cAAG,IACF,GAAG,EAAE,cAAc,EACnB,EAAE,EAAE;gBACF,MAAM,EAAE,OAAO;gBACf,UAAU,EAAE,QAAQ;aACrB,GACD,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AA7DW,QAAA,cAAc,kBA6DzB"}
+{"version":3,"file":"InfiniteScroll.js","sourceRoot":"","sources":["../../../src/table/InfiniteScroll.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAA8C;AAC9C,6CAAiD;AACjD,oGAAiH;AAM1G,IAAM,cAAc,GAAkC,UAAC,EAO7D;IANC,IAAA,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,EAAE,QAAA,EACC,UAAU,cAN+C,yDAO7D,CADc;IAEb,IAAM,cAAc,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACpD,IAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAElD,IAAA,iBAAS,EAAC;QACR,IAAM,mBAAmB,GAAG;YAC1B,IAAI,gBAAgB,YAAY,WAAW,EAAE;gBAC3C,OAAO,gBAAgB,CAAC;aACzB;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC;QAEF,IAAM,OAAO,GAAG;YACd,IAAI,EAAE,mBAAmB,EAAE;YAC3B,UAAU,EAAE,WAAW;YACvB,SAAS,EAAE,CAAC;SACb,CAAC;QAEF,IAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,UAAC,OAAO;YACzC,IAAA,KAAK,GAAI,OAAO,GAAX,CAAY;YACxB,IAAI,KAAK,CAAC,cAAc,IAAI,OAAO,EAAE;gBACnC,IAAI,EAAE,CAAC;aACR;QACH,CAAC,EAAE,OAAO,CAAC,CAAC;QAEZ,IAAI,cAAc,CAAC,OAAO,EAAE;YAC1B,QAAQ,CAAC,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;SAC1C;QAED,OAAO;YACL,IAAI,cAAc,CAAC,OAAO,EAAE;gBAC1B,QAAQ,CAAC,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;aAC5C;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEtC,OAAO,CACL,8BAAC,cAAG,IAAC,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,EAAE;QAC5B,8BAAC,yCAAuB,aAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,IAAM,UAAU,GACtG,QAAQ,CACe;QACzB,OAAO,IAAI,CACV,8BAAC,cAAG,IACF,GAAG,EAAE,cAAc,EACnB,EAAE,EAAE;gBACF,MAAM,EAAE,MAAM;gBACd,UAAU,EAAE,QAAQ;aACrB,GACD,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AA3DW,QAAA,cAAc,kBA2DzB"}

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

@@ -1,17 +1,18 @@
 import React from 'react';
-import { TableContainerOwnProps, ToolbarProps } from '@mui/material';
+import { TableContainerOwnProps, ToolbarProps, TablePaginationProps, TableCellProps } from '@mui/material';
 import { TableLoader } from './TableLoader';
 import { TableButton } from './TableButton';
 type ColumnValue<T, K extends keyof T> = T[K];
 export type CustomRenderer<T, K extends keyof T> = (value: ColumnValue<T, K>, row: T) => React.ReactNode;
 export type ColumnConfig<T> = {
     [K in keyof T]?: {
+        cellProps?: TableCellProps;
         renderer?: CustomRenderer<T, K>;
         /** If no header is provided, a default header will be used. Pass in `null` if you'd like the header to be omitted. */
         header?: string | React.ReactNode;
     };
 };
-type RowClickAction<T> = string | ((row: T) => void | Promise<void> | string | Promise<string>);
+type RowClickAction<T> = string | ((row: T, event?: React.MouseEvent) => void | Promise<void> | string | Promise<string>);
 export type TableProps<T> = {
     title?: string;
     description?: () => JSX.Element;
@@ -19,6 +20,7 @@ export type TableProps<T> = {
     columnConfig?: ColumnConfig<T>;
     hideColumnHeaders?: boolean;
     tableLoader: TableLoader<T>;
+    refetchOnWindowFocus?: boolean;
     /** Setter which will be used to update the row count when rows are loaded */
     setRowCount?: React.Dispatch<React.SetStateAction<number | undefined>>;
     rowOnClick?: RowClickAction<T>;
@@ -26,13 +28,17 @@ export type TableProps<T> = {
     buttons?: TableButton<T>[];
     /** If true, use pagination for table page navigation, if false uses infinite scroll. Defaults to false. */
     pagination?: boolean;
-    defaultRowsPerPage?: number;
+    /** Props passed into the TablePagination component. This component is only displayed if `pagination` is true. */
+    tablePaginationProps?: Partial<TablePaginationProps>;
+    rowsPerPage?: number;
     toolbarSx?: ToolbarProps['sx'];
     toolbarContent?: React.ReactNode;
     tableContainerSx?: TableContainerOwnProps['sx'];
     emptyTableComponent?: React.ReactNode;
     skeleton?: React.ReactNode;
+    /** Loader to display while items are fetching. Only applicable when pagination prop is false. */
+    infiniteScrollLoader?: React.ReactNode;
 };
-export declare function Table<T>({ title, description, columns, columnConfig, hideColumnHeaders, tableLoader, rowOnClick, setRowCount, pagination, defaultRowsPerPage, buttons, tableContainerSx, toolbarSx, toolbarContent, emptyTableComponent, skeleton, }: TableProps<T>): React.JSX.Element;
+export declare function Table<T>({ title, description, columns, columnConfig, hideColumnHeaders, tableLoader, refetchOnWindowFocus, rowOnClick, setRowCount, pagination, tablePaginationProps, rowsPerPage: rowsPerPageProp, buttons, tableContainerSx, toolbarSx, toolbarContent, emptyTableComponent, skeleton, infiniteScrollLoader, }: TableProps<T>): React.JSX.Element;
 export {};
 //# sourceMappingURL=Table.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAEhE,OAAO,EAWL,sBAAsB,EACtB,YAAY,EAEb,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK5C,KAAK,WAAW,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAC9C,MAAM,MAAM,cAAc,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;AACzG,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;KAC3B,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE;QACf,QAAQ,CAAC,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAChC,sHAAsH;QACtH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;KACnC;CACF,CAAC;AAEF,KAAK,cAAc,CAAC,CAAC,IAAI,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;AAEhG,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,YAAY,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IAC5B,6EAA6E;IAC7E,WAAW,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;IACvE,UAAU,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAC/B,0CAA0C;IAC1C,OAAO,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,2GAA2G;IAC3G,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,SAAS,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;IAE/B,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEjC,gBAAgB,CAAC,EAAE,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAEhD,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,wBAAgB,KAAK,CAAC,CAAC,EAAE,EACvB,KAAK,EACL,WAAW,EACX,OAAO,EACP,YAAiB,EACjB,iBAAyB,EACzB,WAAW,EACX,UAAU,EACV,WAAW,EACX,UAAkB,EAClB,kBAAuB,EACvB,OAAO,EACP,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,mBAAmB,EACnB,QAAQ,GACT,EAAE,UAAU,CAAC,CAAC,CAAC,qBAqRf"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/table/Table.tsx"],"names":[],"mappings":"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"}

package/dist/src/table/Table.js

@@ -83,14 +83,25 @@ var TableToolbar_1 = require("./TableToolbar");
 var tableData_1 = require("./tableData");
 var InfiniteScroll_1 = require("./InfiniteScroll");
 function Table(_a) {
-    var title = _a.title, description = _a.description, columns = _a.columns, _b = _a.columnConfig, columnConfig = _b === void 0 ? {} : _b, _c = _a.hideColumnHeaders, hideColumnHeaders = _c === void 0 ? false : _c, tableLoader = _a.tableLoader, rowOnClick = _a.rowOnClick, setRowCount = _a.setRowCount, _d = _a.pagination, pagination = _d === void 0 ? false : _d, _e = _a.defaultRowsPerPage, defaultRowsPerPage = _e === void 0 ? 10 : _e, buttons = _a.buttons, tableContainerSx = _a.tableContainerSx, toolbarSx = _a.toolbarSx, toolbarContent = _a.toolbarContent, emptyTableComponent = _a.emptyTableComponent, skeleton = _a.skeleton;
+    var title = _a.title, description = _a.description, columns = _a.columns, _b = _a.columnConfig, columnConfig = _b === void 0 ? {} : _b, _c = _a.hideColumnHeaders, hideColumnHeaders = _c === void 0 ? false : _c, tableLoader = _a.tableLoader, _d = _a.refetchOnWindowFocus, refetchOnWindowFocus = _d === void 0 ? false : _d, rowOnClick = _a.rowOnClick, setRowCount = _a.setRowCount, _e = _a.pagination, pagination = _e === void 0 ? false : _e, tablePaginationProps = _a.tablePaginationProps, _f = _a.rowsPerPage, rowsPerPageProp = _f === void 0 ? 10 : _f, buttons = _a.buttons, tableContainerSx = _a.tableContainerSx, toolbarSx = _a.toolbarSx, toolbarContent = _a.toolbarContent, emptyTableComponent = _a.emptyTableComponent, skeleton = _a.skeleton, infiniteScrollLoader = _a.infiniteScrollLoader;
     var infiniteScroll = !pagination;
-    var _f = (0, react_1.useState)(defaultRowsPerPage), rowsPerPage = _f[0], setRowsPerPage = _f[1];
-    var _g = (0, react_1.useState)(0), page = _g[0], setPage = _g[1];
-    var _h = (0, react_1.useState)({}), selectedRows = _h[0], setSelectedRows = _h[1];
-    var _j = (0, react_1.useState)(false), selectAll = _j[0], setSelectAll = _j[1];
+    var _g = (0, react_1.useState)(rowsPerPageProp), rowsPerPage = _g[0], setRowsPerPage = _g[1];
+    var _h = (0, react_1.useState)(0), page = _h[0], setPage = _h[1];
+    var _j = (0, react_1.useState)({}), selectedRows = _j[0], setSelectedRows = _j[1];
+    var _k = (0, react_1.useState)(false), selectAll = _k[0], setSelectAll = _k[1];
+    var infScrollContainerRef = (0, react_1.useRef)(null);
     var navigate = (0, react_router_dom_1.useNavigate)();
-    var _k = (0, tableData_1.useTableData)(tableLoader, rowsPerPage, page, infiniteScroll, setRowCount), rows = _k.rows, totalRows = _k.totalRows, isLoading = _k.isLoading, error = _k.error, fetchNextPage = _k.fetchNextPage, hasNextPage = _k.hasNextPage, isFetchingNextPage = _k.isFetchingNextPage, resetQuery = _k.resetQuery;
+    var _l = (0, tableData_1.useTableData)(tableLoader, rowsPerPage, page, infiniteScroll, setRowCount, refetchOnWindowFocus), rows = _l.rows, totalRows = _l.totalRows, isLoading = _l.isLoading, error = _l.error, fetchNextPage = _l.fetchNextPage, hasNextPage = _l.hasNextPage, isFetchingNextPage = _l.isFetchingNextPage, resetQuery = _l.resetQuery;
+    var maxPage = Math.max(0, Math.ceil((totalRows || 0) / rowsPerPage) - 1);
+    // Adjust page if it exceeds maxPage
+    (0, react_1.useEffect)(function () {
+        if (!pagination || isLoading) {
+            return;
+        }
+        if (page > maxPage && maxPage >= 0) {
+            setPage(maxPage);
+        }
+    }, [page, maxPage, pagination, isLoading, totalRows]);
     (0, react_1.useEffect)(function () {
         resetQuery();
         setPage(0);
@@ -110,7 +121,7 @@ function Table(_a) {
             fetchNextPage();
         }
     }, [fetchNextPage, isFetchingNextPage]);
-    function handleRowOnClick(row, action, navigate) {
+    function handleRowOnClick(row, event, action, navigate) {
         return __awaiter(this, void 0, void 0, function () {
             var url, result, resolvedResult, url, url;
             return __generator(this, function (_a) {
@@ -127,7 +138,7 @@ function Table(_a) {
                             navigate(url);
                             return [2 /*return*/];
                         }
-                        result = action(row);
+                        result = action(row, event);
                         if (!(result instanceof Promise)) return [3 /*break*/, 2];
                         return [4 /*yield*/, result];
                     case 1:
@@ -233,16 +244,18 @@ function Table(_a) {
                                 var _a, _b;
                                 return (react_1.default.createElement(material_1.TableCell, { key: index }, ((_a = columnConfig[column]) === null || _a === void 0 ? void 0 : _a.header) !== null && (react_1.default.createElement(material_1.Typography, { variant: 'h6' }, ((_b = columnConfig[column]) === null || _b === void 0 ? void 0 : _b.header) || util_1.StringUtil.humanizeCamel(column)))));
                             }))),
-                isLoading && (react_1.default.createElement(material_1.TableBody, null,
-                    react_1.default.createElement(material_1.TableRow, null,
-                        react_1.default.createElement(material_1.TableCell, { colSpan: totalColumns, align: 'center', sx: { py: 3 } }, skeleton ? skeleton : react_1.default.createElement(material_1.CircularProgress, null))))),
+                isLoading && (react_1.default.createElement(material_1.TableBody, { className: 'loading-skeleton-table-body' },
+                    react_1.default.createElement(material_1.TableRow, { className: 'loading-skeleton-row' },
+                        react_1.default.createElement(material_1.TableCell, { colSpan: totalColumns, align: 'center', className: 'loading-skeleton-cell', sx: { py: 3 } }, skeleton ? skeleton : react_1.default.createElement(material_1.CircularProgress, null))))),
                 rows.length === 0 && !isLoading && (react_1.default.createElement(material_1.TableBody, null,
                     react_1.default.createElement(material_1.TableRow, null,
                         react_1.default.createElement(material_1.TableCell, { colSpan: totalColumns, align: 'center' }, emptyTableComponent ? emptyTableComponent : react_1.default.createElement(material_1.Typography, null, "No rows to display."))))),
                 rows.length > 0 && (react_1.default.createElement(material_1.TableBody, null, rows.map(function (row, index) {
                     index = rowsPerPage * page + index;
                     var isSelected = typeof selectedRows[index] !== 'undefined';
-                    return (react_1.default.createElement(material_1.TableRow, { hover: true, tabIndex: -1, key: index, selected: isSelected, onClick: rowOnClick ? function () { return handleRowOnClick(row, rowOnClick, navigate); } : undefined },
+                    return (react_1.default.createElement(material_1.TableRow, { hover: true, tabIndex: -1, key: index, selected: isSelected, onClick: rowOnClick
+                            ? function (event) { return handleRowOnClick(row, event, rowOnClick, navigate); }
+                            : undefined },
                         buttons && buttons.length > 0 && (react_1.default.createElement(material_1.TableCell, { padding: 'checkbox' },
                             react_1.default.createElement(material_1.Checkbox, { checked: isSelected, onChange: function (event) {
                                     event.stopPropagation();
@@ -251,16 +264,17 @@ function Table(_a) {
                                     'aria-label': 'Select row',
                                 } }))),
                         columns.map(function (column, index) {
-                            var _a = formatCellValue(row[column], column, row), cellValue = _a.value, isCustomRendered = _a.isCustomRendered;
-                            return (react_1.default.createElement(material_1.TableCell, { key: index }, isCustomRendered ? cellValue : react_1.default.createElement(material_1.Typography, null, cellValue)));
+                            var _a;
+                            var _b = formatCellValue(row[column], column, row), cellValue = _b.value, isCustomRendered = _b.isCustomRendered;
+                            return (react_1.default.createElement(material_1.TableCell, __assign({ key: index }, (_a = columnConfig === null || columnConfig === void 0 ? void 0 : columnConfig[column]) === null || _a === void 0 ? void 0 : _a.cellProps), isCustomRendered ? cellValue : react_1.default.createElement(material_1.Typography, null, cellValue)));
                         })));
                 }))))));
     };
     return (react_1.default.createElement(material_1.Box, { sx: { width: '100%', height: '100%', display: 'flex', flexDirection: 'column' } },
         (title || description || (buttons && buttons.length > 0)) && (react_1.default.createElement(TableToolbar_1.TableToolbar, { title: title, description: description, selectedRows: Object.values(selectedRows), content: toolbarContent, buttons: buttons, sx: toolbarSx })),
-        react_1.default.createElement(material_1.Box, { id: 'infinite-scroll-container', sx: { width: '100%', flexGrow: 1, overflow: 'auto' } },
-            infiniteScroll ? (react_1.default.createElement(InfiniteScroll_1.InfiniteScroll, { dataLength: rows.length, next: handleFetchNextPage, hasMore: !!hasNextPage, loader: react_1.default.createElement(material_1.Typography, { variant: 'body2', sx: { p: 3 } }, "Loading..."), scrollableTarget: 'infinite-scroll-container' }, renderTableContainer())) : (renderTableContainer()),
-            pagination && !isLoading && (react_1.default.createElement(material_1.TablePagination, { rowsPerPageOptions: [5, 10, 25, 50, 100, 200], component: 'div', count: totalRows || 0, rowsPerPage: rowsPerPage, page: page, onPageChange: function (event, newPage) { return setPage(newPage); }, onRowsPerPageChange: function (event) { return updateRowsPerPage(parseInt(event.target.value)); } })))));
+        react_1.default.createElement(material_1.Box, { ref: infScrollContainerRef, sx: { width: '100%', flexGrow: 1, overflow: 'auto' } },
+            infiniteScroll ? (react_1.default.createElement(InfiniteScroll_1.InfiniteScroll, { dataLength: rows.length, next: handleFetchNextPage, hasMore: !!hasNextPage, loader: infiniteScrollLoader || (react_1.default.createElement(material_1.Typography, { variant: 'body2', sx: { p: 2 } }, "Loading...")), scrollableTarget: react_1.default.createElement('div', { ref: infScrollContainerRef }) }, renderTableContainer())) : (renderTableContainer()),
+            pagination && (react_1.default.createElement(material_1.TablePagination, __assign({ rowsPerPageOptions: [5, 10, 25, 50, 100, 200], component: 'div', count: totalRows || 0, rowsPerPage: rowsPerPage, page: isLoading ? page : Math.min(page, maxPage), onPageChange: function (event, newPage) { return setPage(newPage); }, onRowsPerPageChange: function (event) { return updateRowsPerPage(parseInt(event.target.value)); } }, tablePaginationProps))))));
 }
 exports.Table = Table;
 //# sourceMappingURL=Table.js.map