@xyo-network/react-table 2.40.19 → 2.40.21

package/README.md

@@ -23,7 +23,7 @@
 
 ## Description
 
-Common React code that is used throughtout XYO projects that use React.
+Common React code that is used throughout XYO projects that use React.
 
 ## Install
 

package/dist/cjs/components/TableEx/types/TableExVariants.d.ts

@@ -1,2 +1,2 @@
-export declare type TableExVariants = 'scrollable' | 'normal';
+export type TableExVariants = 'scrollable' | 'normal';
 //# sourceMappingURL=TableExVariants.d.ts.map

package/dist/cjs/components/TableEx/types/TableExVariants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableExVariants.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableEx/types/TableExVariants.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe,GAAG,YAAY,GAAG,QAAQ,CAAA"}
+{"version":3,"file":"TableExVariants.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableEx/types/TableExVariants.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,QAAQ,CAAA"}

package/dist/cjs/context/TableHeight/Context.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TableHeightState } from './State';
+export declare const TableHeightContext: import("react").Context<TableHeightState & import("@xyo-network/react-shared").ContextExState>;
+//# sourceMappingURL=Context.d.ts.map

package/dist/cjs/context/TableHeight/Context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../../src/context/TableHeight/Context.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE1C,eAAO,MAAM,kBAAkB,gGAAsC,CAAA"}

package/dist/cjs/context/TableHeight/Context.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableHeightContext = void 0;
+const react_shared_1 = require("@xyo-network/react-shared");
+exports.TableHeightContext = (0, react_shared_1.createContextEx)();
+//# sourceMappingURL=Context.js.map

package/dist/cjs/context/TableHeight/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/context/TableHeight/Context.ts"],"names":[],"mappings":";;;AAAA,4DAA2D;AAI9C,QAAA,kBAAkB,GAAG,IAAA,8BAAe,GAAoB,CAAA"}

package/dist/cjs/context/TableHeight/Provider.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { WithChildren } from '@xylabs/react-shared';
+import { ContextExProviderProps } from '@xyo-network/react-shared';
+export interface TableHeightProviderProps extends ContextExProviderProps, WithChildren {
+    defaultVisibleRows?: number;
+    heightFormat?: string;
+    /** @field Account for optional header and footer rows */
+    additionalRows?: number;
+}
+export declare const TableHeightProvider: React.FC<TableHeightProviderProps>;
+//# sourceMappingURL=Provider.d.ts.map

package/dist/cjs/context/TableHeight/Provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/context/TableHeight/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAKlE,MAAM,WAAW,wBAAyB,SAAQ,sBAAsB,EAAE,YAAY;IACpF,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA2BlE,CAAA"}

package/dist/cjs/context/TableHeight/Provider.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableHeightProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Context_1 = require("./Context");
+const TableHeightProvider = ({ children, additionalRows = 0, defaultVisibleRows, heightFormat = 'px', }) => {
+    const [visibleRows, setVisibleRows] = (0, react_1.useState)(defaultVisibleRows);
+    const [height, setHeight] = (0, react_1.useState)();
+    const [rowHeight, setRowHeight] = (0, react_1.useState)();
+    const formattedHeight = (0, react_1.useMemo)(() => (height !== undefined ? `${height}${heightFormat}` : undefined), [height, heightFormat]);
+    (0, react_1.useEffect)(() => {
+        setVisibleRows(defaultVisibleRows);
+    }, [defaultVisibleRows]);
+    (0, react_1.useEffect)(() => {
+        if (rowHeight !== undefined && visibleRows !== undefined) {
+            setHeight(rowHeight * (visibleRows + additionalRows));
+        }
+    }, [defaultVisibleRows, rowHeight, visibleRows, additionalRows]);
+    return ((0, jsx_runtime_1.jsx)(Context_1.TableHeightContext.Provider, Object.assign({ value: { height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows } }, { children: children })));
+};
+exports.TableHeightProvider = TableHeightProvider;
+//# sourceMappingURL=Provider.js.map

package/dist/cjs/context/TableHeight/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/context/TableHeight/Provider.tsx"],"names":[],"mappings":";;;;AAEA,iCAAoD;AAEpD,uCAA8C;AASvC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,QAAQ,EACR,cAAc,GAAG,CAAC,EAClB,kBAAkB,EAClB,YAAY,GAAG,IAAI,GACpB,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,kBAAkB,CAAC,CAAA;IAClE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,GAAsB,CAAA;IAC1D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,GAAsB,CAAA;IAEhE,MAAM,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,YAAY,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAE9H,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,cAAc,CAAC,kBAAkB,CAAC,CAAA;IACpC,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAA;IAExB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,SAAS,KAAK,SAAS,IAAI,WAAW,KAAK,SAAS,EAAE;YACxD,SAAS,CAAC,SAAS,GAAG,CAAC,WAAW,GAAG,cAAc,CAAC,CAAC,CAAA;SACtD;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC,CAAA;IAEhE,OAAO,CACL,uBAAC,4BAAkB,CAAC,QAAQ,kBAAC,KAAK,EAAE,EAAE,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,gBAClI,QAAQ,IACmB,CAC/B,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,mBAAmB,uBA2B/B"}

package/dist/cjs/context/TableHeight/State.d.ts

@@ -0,0 +1,10 @@
+import { ContextExState } from '@xyo-network/react-shared';
+import { Dispatch, SetStateAction } from 'react';
+export interface TableHeightState extends ContextExState {
+    visibleRows?: number;
+    setVisibleRows?: Dispatch<SetStateAction<number | undefined>>;
+    height?: string;
+    rowHeight?: number;
+    setRowHeight?: Dispatch<SetStateAction<number | undefined>>;
+}
+//# sourceMappingURL=State.d.ts.map

package/dist/cjs/context/TableHeight/State.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/context/TableHeight/State.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAA;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAA;CAC5D"}

package/dist/cjs/context/TableHeight/State.js

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

package/dist/cjs/context/TableHeight/State.js.map

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

package/dist/cjs/context/TableHeight/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Context';
+export * from './Provider';
+export * from './State';
+export * from './use';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/context/TableHeight/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/context/TableHeight/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA"}

package/dist/cjs/context/TableHeight/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Context"), exports);
+tslib_1.__exportStar(require("./Provider"), exports);
+tslib_1.__exportStar(require("./State"), exports);
+tslib_1.__exportStar(require("./use"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/context/TableHeight/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/context/TableHeight/index.ts"],"names":[],"mappings":";;;AAAA,oDAAyB;AACzB,qDAA0B;AAC1B,kDAAuB;AACvB,gDAAqB"}

package/dist/cjs/context/TableHeight/use.d.ts

@@ -0,0 +1,2 @@
+export declare const useTableHeight: (required?: boolean) => Omit<import("./State").TableHeightState & import("@xyo-network/react-shared").ContextExState, "provided">;
+//# sourceMappingURL=use.d.ts.map

package/dist/cjs/context/TableHeight/use.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../src/context/TableHeight/use.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,mIAAkF,CAAA"}

package/dist/cjs/context/TableHeight/use.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTableHeight = void 0;
+const react_shared_1 = require("@xyo-network/react-shared");
+const Context_1 = require("./Context");
+const useTableHeight = (required = false) => (0, react_shared_1.useContextEx)(Context_1.TableHeightContext, 'TableHeight', required);
+exports.useTableHeight = useTableHeight;
+//# sourceMappingURL=use.js.map

package/dist/cjs/context/TableHeight/use.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/context/TableHeight/use.tsx"],"names":[],"mappings":";;;AAAA,4DAAwD;AAExD,uCAA8C;AAEvC,MAAM,cAAc,GAAG,CAAC,QAAQ,GAAG,KAAK,EAAE,EAAE,CAAC,IAAA,2BAAY,EAAC,4BAAkB,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAA;AAAhG,QAAA,cAAc,kBAAkF"}

package/dist/cjs/context/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TableHeight';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/cjs/context/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./TableHeight"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/context/index.ts"],"names":[],"mappings":";;;AAAA,wDAA6B"}

package/dist/cjs/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
+export * from './context';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA"}

package/dist/cjs/index.js

@@ -2,4 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./components"), exports);
+tslib_1.__exportStar(require("./context"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B;AAC5B,oDAAyB"}

package/dist/docs.json

@@ -26,7 +26,7 @@
 							"fileName": "packages/sdk/packages/table/src/components/TableEx/TableEx.tsx",
 							"line": 7,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/4f334653/packages/sdk/packages/table/src/components/TableEx/TableEx.tsx#L7"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/8822425e/packages/sdk/packages/table/src/components/TableEx/TableEx.tsx#L7"
 						}
 					],
 					"type": {
@@ -49,7 +49,7 @@
 					"fileName": "packages/sdk/packages/table/src/components/TableEx/TableEx.tsx",
 					"line": 6,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/4f334653/packages/sdk/packages/table/src/components/TableEx/TableEx.tsx#L6"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/8822425e/packages/sdk/packages/table/src/components/TableEx/TableEx.tsx#L6"
 				}
 			],
 			"extendedTypes": [
@@ -87,7 +87,7 @@
 							"fileName": "packages/sdk/packages/table/src/components/TableEx/TableFooterEx.tsx",
 							"line": 21,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/4f334653/packages/sdk/packages/table/src/components/TableEx/TableFooterEx.tsx#L21"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/8822425e/packages/sdk/packages/table/src/components/TableEx/TableFooterEx.tsx#L21"
 						}
 					],
 					"type": {
@@ -110,7 +110,7 @@
 					"fileName": "packages/sdk/packages/table/src/components/TableEx/TableFooterEx.tsx",
 					"line": 20,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/4f334653/packages/sdk/packages/table/src/components/TableEx/TableFooterEx.tsx#L20"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/8822425e/packages/sdk/packages/table/src/components/TableEx/TableFooterEx.tsx#L20"
 				}
 			],
 			"extendedTypes": [
@@ -128,6 +128,360 @@
 				}
 			]
 		},
+		{
+			"id": 19,
+			"name": "TableHeightProviderProps",
+			"kind": 256,
+			"kindString": "Interface",
+			"flags": {},
+			"children": [
+				{
+					"id": 22,
+					"name": "additionalRows",
+					"kind": 1024,
+					"kindString": "Property",
+					"flags": {
+						"isOptional": true
+					},
+					"comment": {
+						"summary": [],
+						"blockTags": [
+							{
+								"tag": "@field",
+								"content": [
+									{
+										"kind": "text",
+										"text": "Account for optional header and footer rows"
+									}
+								]
+							}
+						]
+					},
+					"sources": [
+						{
+							"fileName": "packages/sdk/packages/table/src/context/TableHeight/Provider.tsx",
+							"line": 11,
+							"character": 2,
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/8822425e/packages/sdk/packages/table/src/context/TableHeight/Provider.tsx#L11"
+						}
+					],
+					"type": {
+						"type": "intrinsic",
+						"name": "number"
+					}
+				},
+				{
+					"id": 20,
+					"name": "defaultVisibleRows",
+					"kind": 1024,
+					"kindString": "Property",
+					"flags": {
+						"isOptional": true
+					},
+					"sources": [
+						{
+							"fileName": "packages/sdk/packages/table/src/context/TableHeight/Provider.tsx",
+							"line": 8,
+							"character": 2,
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/8822425e/packages/sdk/packages/table/src/context/TableHeight/Provider.tsx#L8"
+						}
+					],
+					"type": {
+						"type": "intrinsic",
+						"name": "number"
+					}
+				},
+				{
+					"id": 21,
+					"name": "heightFormat",
+					"kind": 1024,
+					"kindString": "Property",
+					"flags": {
+						"isOptional": true
+					},
+					"sources": [
+						{
+							"fileName": "packages/sdk/packages/table/src/context/TableHeight/Provider.tsx",
+							"line": 9,
+							"character": 2,
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/8822425e/packages/sdk/packages/table/src/context/TableHeight/Provider.tsx#L9"
+						}
+					],
+					"type": {
+						"type": "intrinsic",
+						"name": "string"
+					}
+				},
+				{
+					"id": 23,
+					"name": "required",
+					"kind": 1024,
+					"kindString": "Property",
+					"flags": {
+						"isOptional": true
+					},
+					"sources": [
+						{
+							"fileName": "packages/sdk/packages/shared/dist/esm/contexts/contextEx/ContextExProviderProps.d.ts",
+							"line": 4,
+							"character": 4
+						}
+					],
+					"type": {
+						"type": "intrinsic",
+						"name": "boolean"
+					},
+					"inheritedFrom": {
+						"type": "reference",
+						"name": "ContextExProviderProps.required"
+					}
+				}
+			],
+			"groups": [
+				{
+					"title": "Properties",
+					"children": [
+						22,
+						20,
+						21,
+						23
+					]
+				}
+			],
+			"sources": [
+				{
+					"fileName": "packages/sdk/packages/table/src/context/TableHeight/Provider.tsx",
+					"line": 7,
+					"character": 17,
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/8822425e/packages/sdk/packages/table/src/context/TableHeight/Provider.tsx#L7"
+				}
+			],
+			"extendedTypes": [
+				{
+					"type": "reference",
+					"name": "ContextExProviderProps"
+				},
+				{
+					"type": "reference",
+					"name": "WithChildren",
+					"qualifiedName": "WithChildren",
+					"package": "@xylabs/react-shared"
+				}
+			]
+		},
+		{
+			"id": 28,
+			"name": "TableHeightState",
+			"kind": 256,
+			"kindString": "Interface",
+			"flags": {},
+			"children": [
+				{
+					"id": 31,
+					"name": "height",
+					"kind": 1024,
+					"kindString": "Property",
+					"flags": {
+						"isOptional": true
+					},
+					"sources": [
+						{
+							"fileName": "packages/sdk/packages/table/src/context/TableHeight/State.ts",
+							"line": 7,
+							"character": 2,
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/8822425e/packages/sdk/packages/table/src/context/TableHeight/State.ts#L7"
+						}
+					],
+					"type": {
+						"type": "intrinsic",
+						"name": "string"
+					}
+				},
+				{
+					"id": 34,
+					"name": "provided",
+					"kind": 1024,
+					"kindString": "Property",
+					"flags": {},
+					"sources": [
+						{
+							"fileName": "packages/sdk/packages/shared/dist/esm/contexts/contextEx/State.d.ts",
+							"line": 2,
+							"character": 4
+						}
+					],
+					"type": {
+						"type": "intrinsic",
+						"name": "boolean"
+					},
+					"inheritedFrom": {
+						"type": "reference",
+						"name": "ContextExState.provided"
+					}
+				},
+				{
+					"id": 32,
+					"name": "rowHeight",
+					"kind": 1024,
+					"kindString": "Property",
+					"flags": {
+						"isOptional": true
+					},
+					"sources": [
+						{
+							"fileName": "packages/sdk/packages/table/src/context/TableHeight/State.ts",
+							"line": 8,
+							"character": 2,
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/8822425e/packages/sdk/packages/table/src/context/TableHeight/State.ts#L8"
+						}
+					],
+					"type": {
+						"type": "intrinsic",
+						"name": "number"
+					}
+				},
+				{
+					"id": 33,
+					"name": "setRowHeight",
+					"kind": 1024,
+					"kindString": "Property",
+					"flags": {
+						"isOptional": true
+					},
+					"sources": [
+						{
+							"fileName": "packages/sdk/packages/table/src/context/TableHeight/State.ts",
+							"line": 9,
+							"character": 2,
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/8822425e/packages/sdk/packages/table/src/context/TableHeight/State.ts#L9"
+						}
+					],
+					"type": {
+						"type": "reference",
+						"typeArguments": [
+							{
+								"type": "reference",
+								"typeArguments": [
+									{
+										"type": "union",
+										"types": [
+											{
+												"type": "intrinsic",
+												"name": "undefined"
+											},
+											{
+												"type": "intrinsic",
+												"name": "number"
+											}
+										]
+									}
+								],
+								"name": "SetStateAction",
+								"qualifiedName": "React.SetStateAction",
+								"package": "@types/react"
+							}
+						],
+						"name": "Dispatch",
+						"qualifiedName": "React.Dispatch",
+						"package": "@types/react"
+					}
+				},
+				{
+					"id": 30,
+					"name": "setVisibleRows",
+					"kind": 1024,
+					"kindString": "Property",
+					"flags": {
+						"isOptional": true
+					},
+					"sources": [
+						{
+							"fileName": "packages/sdk/packages/table/src/context/TableHeight/State.ts",
+							"line": 6,
+							"character": 2,
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/8822425e/packages/sdk/packages/table/src/context/TableHeight/State.ts#L6"
+						}
+					],
+					"type": {
+						"type": "reference",
+						"typeArguments": [
+							{
+								"type": "reference",
+								"typeArguments": [
+									{
+										"type": "union",
+										"types": [
+											{
+												"type": "intrinsic",
+												"name": "undefined"
+											},
+											{
+												"type": "intrinsic",
+												"name": "number"
+											}
+										]
+									}
+								],
+								"name": "SetStateAction",
+								"qualifiedName": "React.SetStateAction",
+								"package": "@types/react"
+							}
+						],
+						"name": "Dispatch",
+						"qualifiedName": "React.Dispatch",
+						"package": "@types/react"
+					}
+				},
+				{
+					"id": 29,
+					"name": "visibleRows",
+					"kind": 1024,
+					"kindString": "Property",
+					"flags": {
+						"isOptional": true
+					},
+					"sources": [
+						{
+							"fileName": "packages/sdk/packages/table/src/context/TableHeight/State.ts",
+							"line": 5,
+							"character": 2,
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/8822425e/packages/sdk/packages/table/src/context/TableHeight/State.ts#L5"
+						}
+					],
+					"type": {
+						"type": "intrinsic",
+						"name": "number"
+					}
+				}
+			],
+			"groups": [
+				{
+					"title": "Properties",
+					"children": [
+						31,
+						34,
+						32,
+						33,
+						30,
+						29
+					]
+				}
+			],
+			"sources": [
+				{
+					"fileName": "packages/sdk/packages/table/src/context/TableHeight/State.ts",
+					"line": 4,
+					"character": 17,
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/8822425e/packages/sdk/packages/table/src/context/TableHeight/State.ts#L4"
+				}
+			],
+			"extendedTypes": [
+				{
+					"type": "reference",
+					"name": "ContextExState"
+				}
+			]
+		},
 		{
 			"id": 17,
 			"name": "TableExVariants",
@@ -139,7 +493,7 @@
 					"fileName": "packages/sdk/packages/table/src/components/TableEx/types/TableExVariants.ts",
 					"line": 1,
 					"character": 12,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/4f334653/packages/sdk/packages/table/src/components/TableEx/types/TableExVariants.ts#L1"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/8822425e/packages/sdk/packages/table/src/components/TableEx/types/TableExVariants.ts#L1"
 				}
 			],
 			"type": {
@@ -156,6 +510,46 @@
 				]
 			}
 		},
+		{
+			"id": 18,
+			"name": "TableHeightContext",
+			"kind": 32,
+			"kindString": "Variable",
+			"flags": {
+				"isConst": true
+			},
+			"sources": [
+				{
+					"fileName": "packages/sdk/packages/table/src/context/TableHeight/Context.ts",
+					"line": 5,
+					"character": 13,
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/8822425e/packages/sdk/packages/table/src/context/TableHeight/Context.ts#L5"
+				}
+			],
+			"type": {
+				"type": "reference",
+				"typeArguments": [
+					{
+						"type": "intersection",
+						"types": [
+							{
+								"type": "reference",
+								"id": 28,
+								"name": "TableHeightState"
+							},
+							{
+								"type": "reference",
+								"name": "ContextExState"
+							}
+						]
+					}
+				],
+				"name": "Context",
+				"qualifiedName": "React.Context",
+				"package": "@types/react"
+			},
+			"defaultValue": "..."
+		},
 		{
 			"id": 7,
 			"name": "TableEx",
@@ -167,7 +561,7 @@
 					"fileName": "packages/sdk/packages/table/src/components/TableEx/TableEx.tsx",
 					"line": 30,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/4f334653/packages/sdk/packages/table/src/components/TableEx/TableEx.tsx#L30"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/8822425e/packages/sdk/packages/table/src/components/TableEx/TableEx.tsx#L30"
 				}
 			],
 			"signatures": [
@@ -243,7 +637,7 @@
 					"fileName": "packages/sdk/packages/table/src/components/TableEx/TableEx.tsx",
 					"line": 20,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/4f334653/packages/sdk/packages/table/src/components/TableEx/TableEx.tsx#L20"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/8822425e/packages/sdk/packages/table/src/components/TableEx/TableEx.tsx#L20"
 				}
 			],
 			"signatures": [
@@ -319,7 +713,7 @@
 					"fileName": "packages/sdk/packages/table/src/components/TableEx/TableFooterEx.tsx",
 					"line": 24,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/4f334653/packages/sdk/packages/table/src/components/TableEx/TableFooterEx.tsx#L24"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/8822425e/packages/sdk/packages/table/src/components/TableEx/TableFooterEx.tsx#L24"
 				}
 			],
 			"signatures": [
@@ -383,6 +777,146 @@
 					}
 				}
 			]
+		},
+		{
+			"id": 24,
+			"name": "TableHeightProvider",
+			"kind": 64,
+			"kindString": "Function",
+			"flags": {},
+			"sources": [
+				{
+					"fileName": "packages/sdk/packages/table/src/context/TableHeight/Provider.tsx",
+					"line": 14,
+					"character": 13,
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/8822425e/packages/sdk/packages/table/src/context/TableHeight/Provider.tsx#L14"
+				}
+			],
+			"signatures": [
+				{
+					"id": 25,
+					"name": "TableHeightProvider",
+					"kind": 4096,
+					"kindString": "Call signature",
+					"flags": {},
+					"parameters": [
+						{
+							"id": 26,
+							"name": "props",
+							"kind": 32768,
+							"kindString": "Parameter",
+							"flags": {},
+							"type": {
+								"type": "reference",
+								"id": 19,
+								"name": "TableHeightProviderProps"
+							}
+						},
+						{
+							"id": 27,
+							"name": "context",
+							"kind": 32768,
+							"kindString": "Parameter",
+							"flags": {
+								"isOptional": true
+							},
+							"type": {
+								"type": "intrinsic",
+								"name": "any"
+							}
+						}
+					],
+					"type": {
+						"type": "union",
+						"types": [
+							{
+								"type": "literal",
+								"value": null
+							},
+							{
+								"type": "reference",
+								"typeArguments": [
+									{
+										"type": "intrinsic",
+										"name": "any"
+									},
+									{
+										"type": "intrinsic",
+										"name": "any"
+									}
+								],
+								"name": "ReactElement",
+								"qualifiedName": "React.ReactElement",
+								"package": "@types/react"
+							}
+						]
+					}
+				}
+			]
+		},
+		{
+			"id": 35,
+			"name": "useTableHeight",
+			"kind": 64,
+			"kindString": "Function",
+			"flags": {},
+			"sources": [
+				{
+					"fileName": "packages/sdk/packages/table/src/context/TableHeight/use.tsx",
+					"line": 5,
+					"character": 13,
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/8822425e/packages/sdk/packages/table/src/context/TableHeight/use.tsx#L5"
+				}
+			],
+			"signatures": [
+				{
+					"id": 36,
+					"name": "useTableHeight",
+					"kind": 4096,
+					"kindString": "Call signature",
+					"flags": {},
+					"parameters": [
+						{
+							"id": 37,
+							"name": "required",
+							"kind": 32768,
+							"kindString": "Parameter",
+							"flags": {},
+							"type": {
+								"type": "intrinsic",
+								"name": "boolean"
+							},
+							"defaultValue": "false"
+						}
+					],
+					"type": {
+						"type": "reference",
+						"typeArguments": [
+							{
+								"type": "intersection",
+								"types": [
+									{
+										"type": "reference",
+										"id": 28,
+										"name": "TableHeightState"
+									},
+									{
+										"type": "reference",
+										"name": "ContextExState"
+									}
+								]
+							},
+							{
+								"type": "literal",
+								"value": "provided"
+							}
+						],
+						"name": "Omit",
+						"qualifiedName": "Omit",
+						"package": "typescript"
+					}
+				}
+			]
 		}
 	],
 	"groups": [
@@ -390,7 +924,9 @@
 			"title": "Interfaces",
 			"children": [
 				1,
-				11
+				11,
+				19,
+				28
 			]
 		},
 		{
@@ -399,12 +935,20 @@
 				17
 			]
 		},
+		{
+			"title": "Variables",
+			"children": [
+				18
+			]
+		},
 		{
 			"title": "Functions",
 			"children": [
 				7,
 				3,
-				13
+				13,
+				24,
+				35
 			]
 		}
 	],
@@ -413,7 +957,7 @@
 			"fileName": "packages/sdk/packages/table/src/index.ts",
 			"line": 1,
 			"character": 0,
-			"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/4f334653/packages/sdk/packages/table/src/index.ts#L1"
+			"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/8822425e/packages/sdk/packages/table/src/index.ts#L1"
 		}
 	]
 }

package/dist/esm/components/TableEx/types/TableExVariants.d.ts

@@ -1,2 +1,2 @@
-export declare type TableExVariants = 'scrollable' | 'normal';
+export type TableExVariants = 'scrollable' | 'normal';
 //# sourceMappingURL=TableExVariants.d.ts.map

package/dist/esm/components/TableEx/types/TableExVariants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableExVariants.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableEx/types/TableExVariants.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe,GAAG,YAAY,GAAG,QAAQ,CAAA"}
+{"version":3,"file":"TableExVariants.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableEx/types/TableExVariants.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,QAAQ,CAAA"}

package/dist/esm/context/TableHeight/Context.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TableHeightState } from './State';
+export declare const TableHeightContext: import("react").Context<TableHeightState & import("@xyo-network/react-shared").ContextExState>;
+//# sourceMappingURL=Context.d.ts.map

package/dist/esm/context/TableHeight/Context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../../src/context/TableHeight/Context.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE1C,eAAO,MAAM,kBAAkB,gGAAsC,CAAA"}

package/dist/esm/context/TableHeight/Context.js

@@ -0,0 +1,3 @@
+import { createContextEx } from '@xyo-network/react-shared';
+export const TableHeightContext = createContextEx();
+//# sourceMappingURL=Context.js.map

package/dist/esm/context/TableHeight/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/context/TableHeight/Context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAI3D,MAAM,CAAC,MAAM,kBAAkB,GAAG,eAAe,EAAoB,CAAA"}

package/dist/esm/context/TableHeight/Provider.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { WithChildren } from '@xylabs/react-shared';
+import { ContextExProviderProps } from '@xyo-network/react-shared';
+export interface TableHeightProviderProps extends ContextExProviderProps, WithChildren {
+    defaultVisibleRows?: number;
+    heightFormat?: string;
+    /** @field Account for optional header and footer rows */
+    additionalRows?: number;
+}
+export declare const TableHeightProvider: React.FC<TableHeightProviderProps>;
+//# sourceMappingURL=Provider.d.ts.map

package/dist/esm/context/TableHeight/Provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/context/TableHeight/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAKlE,MAAM,WAAW,wBAAyB,SAAQ,sBAAsB,EAAE,YAAY;IACpF,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA2BlE,CAAA"}

package/dist/esm/context/TableHeight/Provider.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import { TableHeightContext } from './Context';
+export const TableHeightProvider = ({ children, additionalRows = 0, defaultVisibleRows, heightFormat = 'px', }) => {
+    const [visibleRows, setVisibleRows] = useState(defaultVisibleRows);
+    const [height, setHeight] = useState();
+    const [rowHeight, setRowHeight] = useState();
+    const formattedHeight = useMemo(() => (height !== undefined ? `${height}${heightFormat}` : undefined), [height, heightFormat]);
+    useEffect(() => {
+        setVisibleRows(defaultVisibleRows);
+    }, [defaultVisibleRows]);
+    useEffect(() => {
+        if (rowHeight !== undefined && visibleRows !== undefined) {
+            setHeight(rowHeight * (visibleRows + additionalRows));
+        }
+    }, [defaultVisibleRows, rowHeight, visibleRows, additionalRows]);
+    return (_jsx(TableHeightContext.Provider, { value: { height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }, children: children }));
+};
+//# sourceMappingURL=Provider.js.map

package/dist/esm/context/TableHeight/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/context/TableHeight/Provider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAS9C,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,QAAQ,EACR,cAAc,GAAG,CAAC,EAClB,kBAAkB,EAClB,YAAY,GAAG,IAAI,GACpB,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAA;IAClE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAsB,CAAA;IAC1D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAsB,CAAA;IAEhE,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,YAAY,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAE9H,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,CAAC,kBAAkB,CAAC,CAAA;IACpC,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAA;IAExB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,KAAK,SAAS,IAAI,WAAW,KAAK,SAAS,EAAE;YACxD,SAAS,CAAC,SAAS,GAAG,CAAC,WAAW,GAAG,cAAc,CAAC,CAAC,CAAA;SACtD;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC,CAAA;IAEhE,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,YAClI,QAAQ,GACmB,CAC/B,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/context/TableHeight/State.d.ts

@@ -0,0 +1,10 @@
+import { ContextExState } from '@xyo-network/react-shared';
+import { Dispatch, SetStateAction } from 'react';
+export interface TableHeightState extends ContextExState {
+    visibleRows?: number;
+    setVisibleRows?: Dispatch<SetStateAction<number | undefined>>;
+    height?: string;
+    rowHeight?: number;
+    setRowHeight?: Dispatch<SetStateAction<number | undefined>>;
+}
+//# sourceMappingURL=State.d.ts.map

package/dist/esm/context/TableHeight/State.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/context/TableHeight/State.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAA;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAA;CAC5D"}

package/dist/esm/context/TableHeight/State.js

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

package/dist/esm/context/TableHeight/State.js.map

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

package/dist/esm/context/TableHeight/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Context';
+export * from './Provider';
+export * from './State';
+export * from './use';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/context/TableHeight/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/context/TableHeight/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA"}

package/dist/esm/context/TableHeight/index.js

@@ -0,0 +1,5 @@
+export * from './Context';
+export * from './Provider';
+export * from './State';
+export * from './use';
+//# sourceMappingURL=index.js.map

package/dist/esm/context/TableHeight/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/context/TableHeight/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA"}

package/dist/esm/context/TableHeight/use.d.ts

@@ -0,0 +1,2 @@
+export declare const useTableHeight: (required?: boolean) => Omit<import("./State").TableHeightState & import("@xyo-network/react-shared").ContextExState, "provided">;
+//# sourceMappingURL=use.d.ts.map

package/dist/esm/context/TableHeight/use.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../src/context/TableHeight/use.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,mIAAkF,CAAA"}

package/dist/esm/context/TableHeight/use.js

@@ -0,0 +1,4 @@
+import { useContextEx } from '@xyo-network/react-shared';
+import { TableHeightContext } from './Context';
+export const useTableHeight = (required = false) => useContextEx(TableHeightContext, 'TableHeight', required);
+//# sourceMappingURL=use.js.map

package/dist/esm/context/TableHeight/use.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/context/TableHeight/use.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAE9C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,QAAQ,GAAG,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,kBAAkB,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAA"}

package/dist/esm/context/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TableHeight';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/esm/context/index.js

@@ -0,0 +1,2 @@
+export * from './TableHeight';
+//# sourceMappingURL=index.js.map

package/dist/esm/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/esm/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
+export * from './context';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA"}

package/dist/esm/index.js

@@ -1,2 +1,3 @@
 export * from './components';
+export * from './context';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA"}

package/package.json

@@ -10,12 +10,17 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
+    "@xylabs/react-shared": "^2.15.1",
+    "@xyo-network/react-shared": "^2.40.21",
     "tslib": "^2.4.1"
   },
   "peerDependencies": {
+    "@mui/icons-material": "^5.10.14",
     "@mui/material": "^5.10.3",
+    "@mui/styles": "^5.10.3",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.4.3"
   },
   "description": "Common React library for all XYO projects that use React",
   "browser": "dist/esm/index.js",
@@ -60,5 +65,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.40.19"
+  "version": "2.40.21"
 }

package/src/context/TableHeight/Context.ts

@@ -0,0 +1,5 @@
+import { createContextEx } from '@xyo-network/react-shared'
+
+import { TableHeightState } from './State'
+
+export const TableHeightContext = createContextEx<TableHeightState>()

package/src/context/TableHeight/Provider.tsx

@@ -0,0 +1,41 @@
+import { WithChildren } from '@xylabs/react-shared'
+import { ContextExProviderProps } from '@xyo-network/react-shared'
+import { useEffect, useMemo, useState } from 'react'
+
+import { TableHeightContext } from './Context'
+
+export interface TableHeightProviderProps extends ContextExProviderProps, WithChildren {
+  defaultVisibleRows?: number
+  heightFormat?: string
+  /** @field Account for optional header and footer rows */
+  additionalRows?: number
+}
+
+export const TableHeightProvider: React.FC<TableHeightProviderProps> = ({
+  children,
+  additionalRows = 0,
+  defaultVisibleRows,
+  heightFormat = 'px',
+}) => {
+  const [visibleRows, setVisibleRows] = useState(defaultVisibleRows)
+  const [height, setHeight] = useState<number | undefined>()
+  const [rowHeight, setRowHeight] = useState<number | undefined>()
+
+  const formattedHeight = useMemo(() => (height !== undefined ? `${height}${heightFormat}` : undefined), [height, heightFormat])
+
+  useEffect(() => {
+    setVisibleRows(defaultVisibleRows)
+  }, [defaultVisibleRows])
+
+  useEffect(() => {
+    if (rowHeight !== undefined && visibleRows !== undefined) {
+      setHeight(rowHeight * (visibleRows + additionalRows))
+    }
+  }, [defaultVisibleRows, rowHeight, visibleRows, additionalRows])
+
+  return (
+    <TableHeightContext.Provider value={{ height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }}>
+      {children}
+    </TableHeightContext.Provider>
+  )
+}

package/src/context/TableHeight/State.ts

@@ -0,0 +1,10 @@
+import { ContextExState } from '@xyo-network/react-shared'
+import { Dispatch, SetStateAction } from 'react'
+
+export interface TableHeightState extends ContextExState {
+  visibleRows?: number
+  setVisibleRows?: Dispatch<SetStateAction<number | undefined>>
+  height?: string
+  rowHeight?: number
+  setRowHeight?: Dispatch<SetStateAction<number | undefined>>
+}

package/src/context/TableHeight/index.ts

@@ -0,0 +1,4 @@
+export * from './Context'
+export * from './Provider'
+export * from './State'
+export * from './use'

package/src/context/TableHeight/use.tsx

@@ -0,0 +1,5 @@
+import { useContextEx } from '@xyo-network/react-shared'
+
+import { TableHeightContext } from './Context'
+
+export const useTableHeight = (required = false) => useContextEx(TableHeightContext, 'TableHeight', required)

package/src/context/index.ts

@@ -0,0 +1 @@
+export * from './TableHeight'

package/src/index.ts

@@ -1 +1,2 @@
 export * from './components'
+export * from './context'