@xyo-network/react-table 2.64.0-rc.7 → 2.64.1

package/dist/browser/components/index.js

@@ -1,2 +1,46 @@
-export * from "./TableEx";
+// src/components/TableEx/TableCellEx.tsx
+import { styled, TableCell } from "@mui/material";
+var TableCellEx = styled(TableCell, { name: "TableCellNoBgColor", shouldForwardProp: (prop) => prop !== "noBgColor" })(
+  ({ noBgColor = true }) => ({
+    ...noBgColor && { backgroundColor: "transparent" }
+  })
+);
+
+// src/components/TableEx/TableEx.tsx
+import { Table } from "@mui/material";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var TableExInner = forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(Table, { ref, ...props, children });
+});
+TableExInner.displayName = "TableExInner";
+var TableExWithRef = forwardRef(({ variant, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(TableExInner, { stickyHeader: variant === "scrollable", ref, ...props, children });
+});
+TableExWithRef.displayName = "TableEx";
+var TableEx = TableExWithRef;
+
+// src/components/TableEx/TableFooterEx.tsx
+import { styled as styled2, TableFooter } from "@mui/material";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var TableFooterExRoot = styled2(TableFooter, {
+  name: "TableFooterEx",
+  shouldForwardProp: (propName) => propName !== "scrollable",
+  slot: "Root"
+})(({ variant, theme }) => ({
+  backgroundColor: theme.palette.background.default,
+  bottom: "unset",
+  position: "relative",
+  ...variant === "scrollable" && {
+    bottom: 0,
+    position: "sticky"
+  }
+}));
+var TableFooterEx = ({ children, ...props }) => /* @__PURE__ */ jsx2(TableFooterExRoot, { ...props, children });
+export {
+  TableCellEx,
+  TableEx,
+  TableExWithRef,
+  TableFooterEx
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './TableEx'\n"],"mappings":"AAAA,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/TableEx/TableCellEx.tsx","../../../src/components/TableEx/TableEx.tsx","../../../src/components/TableEx/TableFooterEx.tsx"],"sourcesContent":["import { styled, TableCell, TableCellProps } from '@mui/material'\n\nexport interface TableCellExProps extends TableCellProps {\n  noBgColor?: boolean\n}\n\nexport const TableCellEx = styled(TableCell, { name: 'TableCellNoBgColor', shouldForwardProp: (prop) => prop !== 'noBgColor' })<TableCellExProps>(\n  ({ noBgColor = true }) => ({\n    ...(noBgColor && { backgroundColor: 'transparent' }),\n  }),\n)\n","import { Table, TableProps } from '@mui/material'\nimport { forwardRef, PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types'\n\nexport interface TableExProps extends PropsWithChildren, TableProps {\n  variant?: TableExVariants\n}\n\nconst TableExInner: React.FC<TableExProps> = forwardRef(({ children, ...props }, ref) => {\n  return (\n    <Table ref={ref} {...props}>\n      {children}\n    </Table>\n  )\n})\n\nTableExInner.displayName = 'TableExInner'\n\nexport const TableExWithRef: React.FC<TableExProps> = forwardRef(({ variant, children, ...props }, ref) => {\n  return (\n    <TableExInner stickyHeader={variant === 'scrollable'} ref={ref} {...props}>\n      {children}\n    </TableExInner>\n  )\n})\n\nTableExWithRef.displayName = 'TableEx'\n\nexport const TableEx = TableExWithRef\n","import { styled, TableFooter, TableFooterProps } from '@mui/material'\nimport { PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types'\n\nconst TableFooterExRoot = styled(TableFooter, {\n  name: 'TableFooterEx',\n  shouldForwardProp: (propName) => propName !== 'scrollable',\n  slot: 'Root',\n})<TableFooterExProps>(({ variant, theme }) => ({\n  backgroundColor: theme.palette.background.default,\n  bottom: 'unset',\n  position: 'relative',\n  ...(variant === 'scrollable' && {\n    bottom: 0,\n    position: 'sticky',\n  }),\n}))\n\nexport interface TableFooterExProps extends PropsWithChildren, TableFooterProps {\n  variant?: TableExVariants\n}\n\nexport const TableFooterEx: React.FC<TableFooterExProps> = ({ children, ...props }) => <TableFooterExRoot {...props}>{children}</TableFooterExRoot>\n"],"mappings":";AAAA,SAAS,QAAQ,iBAAiC;AAM3C,IAAM,cAAc,OAAO,WAAW,EAAE,MAAM,sBAAsB,mBAAmB,CAAC,SAAS,SAAS,YAAY,CAAC;AAAA,EAC5H,CAAC,EAAE,YAAY,KAAK,OAAO;AAAA,IACzB,GAAI,aAAa,EAAE,iBAAiB,cAAc;AAAA,EACpD;AACF;;;ACVA,SAAS,aAAyB;AAClC,SAAS,kBAAqC;AAU1C;AAFJ,IAAM,eAAuC,WAAW,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,QAAQ;AACvF,SACE,oBAAC,SAAM,KAAW,GAAG,OAClB,UACH;AAEJ,CAAC;AAED,aAAa,cAAc;AAEpB,IAAM,iBAAyC,WAAW,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AACzG,SACE,oBAAC,gBAAa,cAAc,YAAY,cAAc,KAAW,GAAG,OACjE,UACH;AAEJ,CAAC;AAED,eAAe,cAAc;AAEtB,IAAM,UAAU;;;AC7BvB,SAAS,UAAAA,SAAQ,mBAAqC;AAuBiC,gBAAAC,YAAA;AAlBvF,IAAM,oBAAoBD,QAAO,aAAa;AAAA,EAC5C,MAAM;AAAA,EACN,mBAAmB,CAAC,aAAa,aAAa;AAAA,EAC9C,MAAM;AACR,CAAC,EAAsB,CAAC,EAAE,SAAS,MAAM,OAAO;AAAA,EAC9C,iBAAiB,MAAM,QAAQ,WAAW;AAAA,EAC1C,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,GAAI,YAAY,gBAAgB;AAAA,IAC9B,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF,EAAE;AAMK,IAAM,gBAA8C,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM,gBAAAC,KAAC,qBAAmB,GAAG,OAAQ,UAAS;","names":["styled","jsx"]}

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

@@ -0,0 +1,28 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/context/TableHeight/Context.ts
+var Context_exports = {};
+__export(Context_exports, {
+  TableHeightContext: () => TableHeightContext
+});
+module.exports = __toCommonJS(Context_exports);
+var import_react_shared = require("@xyo-network/react-shared");
+var TableHeightContext = (0, import_react_shared.createContextEx)();
+//# sourceMappingURL=Context.cjs.map

package/dist/{node/context/TableHeight/Context.mjs.map → browser/context/TableHeight/Context.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/context/TableHeight/Context.ts"],"sourcesContent":["import { createContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightState } from './State'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n"],"mappings":"AAAA,SAAS,uBAAuB;AAIzB,MAAM,qBAAqB,gBAAkC;","names":[]}
+{"version":3,"sources":["../../../../src/context/TableHeight/Context.ts"],"sourcesContent":["import { createContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightState } from './State'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAgC;AAIzB,IAAM,yBAAqB,qCAAkC;","names":[]}

package/dist/browser/context/TableHeight/Context.d.cts

@@ -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/browser/context/TableHeight/Context.d.cts.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/browser/context/TableHeight/Context.js

@@ -1,5 +1,6 @@
+// src/context/TableHeight/Context.ts
 import { createContextEx } from "@xyo-network/react-shared";
-const TableHeightContext = createContextEx();
+var TableHeightContext = createContextEx();
 export {
   TableHeightContext
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/context/TableHeight/Context.ts"],"sourcesContent":["import { createContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightState } from './State'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n"],"mappings":"AAAA,SAAS,uBAAuB;AAIzB,MAAM,qBAAqB,gBAAkC;","names":[]}
+{"version":3,"sources":["../../../../src/context/TableHeight/Context.ts"],"sourcesContent":["import { createContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightState } from './State'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n"],"mappings":";AAAA,SAAS,uBAAuB;AAIzB,IAAM,qBAAqB,gBAAkC;","names":[]}

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

@@ -0,0 +1,54 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/context/TableHeight/Provider.tsx
+var Provider_exports = {};
+__export(Provider_exports, {
+  TableHeightProvider: () => TableHeightProvider
+});
+module.exports = __toCommonJS(Provider_exports);
+var import_react = require("react");
+
+// src/context/TableHeight/Context.ts
+var import_react_shared = require("@xyo-network/react-shared");
+var TableHeightContext = (0, import_react_shared.createContextEx)();
+
+// src/context/TableHeight/Provider.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var TableHeightProvider = ({
+  children,
+  additionalRows = 0,
+  defaultVisibleRows,
+  heightFormat = "px"
+}) => {
+  const [visibleRows, setVisibleRows] = (0, import_react.useState)(defaultVisibleRows);
+  const [height, setHeight] = (0, import_react.useState)();
+  const [rowHeight, setRowHeight] = (0, import_react.useState)();
+  const formattedHeight = (0, import_react.useMemo)(() => height !== void 0 ? `${height}${heightFormat}` : void 0, [height, heightFormat]);
+  (0, import_react.useEffect)(() => {
+    setVisibleRows(defaultVisibleRows);
+  }, [defaultVisibleRows]);
+  (0, import_react.useEffect)(() => {
+    if (rowHeight !== void 0 && visibleRows !== void 0) {
+      setHeight(rowHeight * (visibleRows + additionalRows));
+    }
+  }, [defaultVisibleRows, rowHeight, visibleRows, additionalRows]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHeightContext.Provider, { value: { height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }, children });
+};
+//# sourceMappingURL=Provider.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/context/TableHeight/Provider.tsx","../../../../src/context/TableHeight/Context.ts"],"sourcesContent":["import { WithChildren } from '@xylabs/react-shared'\nimport { ContextExProviderProps } from '@xyo-network/react-shared'\nimport { useEffect, useMemo, useState } from 'react'\n\nimport { TableHeightContext } from './Context'\n\nexport interface TableHeightProviderProps extends ContextExProviderProps, WithChildren {\n  /** @field Account for optional header and footer rows */\n  additionalRows?: number\n  defaultVisibleRows?: number\n  heightFormat?: string\n}\n\nexport const TableHeightProvider: React.FC<TableHeightProviderProps> = ({\n  children,\n  additionalRows = 0,\n  defaultVisibleRows,\n  heightFormat = 'px',\n}) => {\n  const [visibleRows, setVisibleRows] = useState(defaultVisibleRows)\n  const [height, setHeight] = useState<number | undefined>()\n  const [rowHeight, setRowHeight] = useState<number | undefined>()\n\n  const formattedHeight = useMemo(() => (height !== undefined ? `${height}${heightFormat}` : undefined), [height, heightFormat])\n\n  useEffect(() => {\n    setVisibleRows(defaultVisibleRows)\n  }, [defaultVisibleRows])\n\n  useEffect(() => {\n    if (rowHeight !== undefined && visibleRows !== undefined) {\n      setHeight(rowHeight * (visibleRows + additionalRows))\n    }\n  }, [defaultVisibleRows, rowHeight, visibleRows, additionalRows])\n\n  return (\n    <TableHeightContext.Provider value={{ height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }}>\n      {children}\n    </TableHeightContext.Provider>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightState } from './State'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA6C;;;ACF7C,0BAAgC;AAIzB,IAAM,yBAAqB,qCAAkC;;;ADgChE;AAvBG,IAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,kBAAkB;AACjE,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAA6B;AACzD,QAAM,CAAC,WAAW,YAAY,QAAI,uBAA6B;AAE/D,QAAM,sBAAkB,sBAAQ,MAAO,WAAW,SAAY,GAAG,MAAM,GAAG,YAAY,KAAK,QAAY,CAAC,QAAQ,YAAY,CAAC;AAE7H,8BAAU,MAAM;AACd,mBAAe,kBAAkB;AAAA,EACnC,GAAG,CAAC,kBAAkB,CAAC;AAEvB,8BAAU,MAAM;AACd,QAAI,cAAc,UAAa,gBAAgB,QAAW;AACxD,gBAAU,aAAa,cAAc,eAAe;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,oBAAoB,WAAW,aAAa,cAAc,CAAC;AAE/D,SACE,4CAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,QAAQ,iBAAiB,UAAU,MAAM,WAAW,cAAc,gBAAgB,YAAY,GACjI,UACH;AAEJ;","names":[]}

package/dist/browser/context/TableHeight/Provider.d.cts

@@ -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 {
+    /** @field Account for optional header and footer rows */
+    additionalRows?: number;
+    defaultVisibleRows?: number;
+    heightFormat?: string;
+}
+export declare const TableHeightProvider: React.FC<TableHeightProviderProps>;
+//# sourceMappingURL=Provider.d.ts.map

package/dist/browser/context/TableHeight/Provider.d.cts.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,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA2BlE,CAAA"}

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

@@ -1,7 +1,13 @@
-import { jsx } from "react/jsx-runtime";
+// src/context/TableHeight/Provider.tsx
 import { useEffect, useMemo, useState } from "react";
-import { TableHeightContext } from "./Context";
-const TableHeightProvider = ({
+
+// src/context/TableHeight/Context.ts
+import { createContextEx } from "@xyo-network/react-shared";
+var TableHeightContext = createContextEx();
+
+// src/context/TableHeight/Provider.tsx
+import { jsx } from "react/jsx-runtime";
+var TableHeightProvider = ({
   children,
   additionalRows = 0,
   defaultVisibleRows,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/context/TableHeight/Provider.tsx"],"sourcesContent":["import { WithChildren } from '@xylabs/react-shared'\nimport { ContextExProviderProps } from '@xyo-network/react-shared'\nimport { useEffect, useMemo, useState } from 'react'\n\nimport { TableHeightContext } from './Context'\n\nexport interface TableHeightProviderProps extends ContextExProviderProps, WithChildren {\n  /** @field Account for optional header and footer rows */\n  additionalRows?: number\n  defaultVisibleRows?: number\n  heightFormat?: string\n}\n\nexport const TableHeightProvider: React.FC<TableHeightProviderProps> = ({\n  children,\n  additionalRows = 0,\n  defaultVisibleRows,\n  heightFormat = 'px',\n}) => {\n  const [visibleRows, setVisibleRows] = useState(defaultVisibleRows)\n  const [height, setHeight] = useState<number | undefined>()\n  const [rowHeight, setRowHeight] = useState<number | undefined>()\n\n  const formattedHeight = useMemo(() => (height !== undefined ? `${height}${heightFormat}` : undefined), [height, heightFormat])\n\n  useEffect(() => {\n    setVisibleRows(defaultVisibleRows)\n  }, [defaultVisibleRows])\n\n  useEffect(() => {\n    if (rowHeight !== undefined && visibleRows !== undefined) {\n      setHeight(rowHeight * (visibleRows + additionalRows))\n    }\n  }, [defaultVisibleRows, rowHeight, visibleRows, additionalRows])\n\n  return (\n    <TableHeightContext.Provider value={{ height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }}>\n      {children}\n    </TableHeightContext.Provider>\n  )\n}\n"],"mappings":"AAoCI;AAlCJ,SAAS,WAAW,SAAS,gBAAgB;AAE7C,SAAS,0BAA0B;AAS5B,MAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,kBAAkB;AACjE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6B;AACzD,QAAM,CAAC,WAAW,YAAY,IAAI,SAA6B;AAE/D,QAAM,kBAAkB,QAAQ,MAAO,WAAW,SAAY,GAAG,MAAM,GAAG,YAAY,KAAK,QAAY,CAAC,QAAQ,YAAY,CAAC;AAE7H,YAAU,MAAM;AACd,mBAAe,kBAAkB;AAAA,EACnC,GAAG,CAAC,kBAAkB,CAAC;AAEvB,YAAU,MAAM;AACd,QAAI,cAAc,UAAa,gBAAgB,QAAW;AACxD,gBAAU,aAAa,cAAc,eAAe;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,oBAAoB,WAAW,aAAa,cAAc,CAAC;AAE/D,SACE,oBAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,QAAQ,iBAAiB,UAAU,MAAM,WAAW,cAAc,gBAAgB,YAAY,GACjI,UACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/context/TableHeight/Provider.tsx","../../../../src/context/TableHeight/Context.ts"],"sourcesContent":["import { WithChildren } from '@xylabs/react-shared'\nimport { ContextExProviderProps } from '@xyo-network/react-shared'\nimport { useEffect, useMemo, useState } from 'react'\n\nimport { TableHeightContext } from './Context'\n\nexport interface TableHeightProviderProps extends ContextExProviderProps, WithChildren {\n  /** @field Account for optional header and footer rows */\n  additionalRows?: number\n  defaultVisibleRows?: number\n  heightFormat?: string\n}\n\nexport const TableHeightProvider: React.FC<TableHeightProviderProps> = ({\n  children,\n  additionalRows = 0,\n  defaultVisibleRows,\n  heightFormat = 'px',\n}) => {\n  const [visibleRows, setVisibleRows] = useState(defaultVisibleRows)\n  const [height, setHeight] = useState<number | undefined>()\n  const [rowHeight, setRowHeight] = useState<number | undefined>()\n\n  const formattedHeight = useMemo(() => (height !== undefined ? `${height}${heightFormat}` : undefined), [height, heightFormat])\n\n  useEffect(() => {\n    setVisibleRows(defaultVisibleRows)\n  }, [defaultVisibleRows])\n\n  useEffect(() => {\n    if (rowHeight !== undefined && visibleRows !== undefined) {\n      setHeight(rowHeight * (visibleRows + additionalRows))\n    }\n  }, [defaultVisibleRows, rowHeight, visibleRows, additionalRows])\n\n  return (\n    <TableHeightContext.Provider value={{ height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }}>\n      {children}\n    </TableHeightContext.Provider>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightState } from './State'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n"],"mappings":";AAEA,SAAS,WAAW,SAAS,gBAAgB;;;ACF7C,SAAS,uBAAuB;AAIzB,IAAM,qBAAqB,gBAAkC;;;ADgChE;AAvBG,IAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,kBAAkB;AACjE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6B;AACzD,QAAM,CAAC,WAAW,YAAY,IAAI,SAA6B;AAE/D,QAAM,kBAAkB,QAAQ,MAAO,WAAW,SAAY,GAAG,MAAM,GAAG,YAAY,KAAK,QAAY,CAAC,QAAQ,YAAY,CAAC;AAE7H,YAAU,MAAM;AACd,mBAAe,kBAAkB;AAAA,EACnC,GAAG,CAAC,kBAAkB,CAAC;AAEvB,YAAU,MAAM;AACd,QAAI,cAAc,UAAa,gBAAgB,QAAW;AACxD,gBAAU,aAAa,cAAc,eAAe;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,oBAAoB,WAAW,aAAa,cAAc,CAAC;AAE/D,SACE,oBAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,QAAQ,iBAAiB,UAAU,MAAM,WAAW,cAAc,gBAAgB,YAAY,GACjI,UACH;AAEJ;","names":[]}

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

@@ -0,0 +1,19 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/context/TableHeight/State.ts
+var State_exports = {};
+module.exports = __toCommonJS(State_exports);
+//# sourceMappingURL=State.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/context/TableHeight/State.ts"],"sourcesContent":["import { ContextExState } from '@xyo-network/react-shared'\nimport { Dispatch, SetStateAction } from 'react'\n\nexport interface TableHeightState extends ContextExState {\n  height?: string\n  rowHeight?: number\n  setRowHeight?: Dispatch<SetStateAction<number | undefined>>\n  setVisibleRows?: Dispatch<SetStateAction<number | undefined>>\n  visibleRows?: number\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/browser/context/TableHeight/State.d.cts

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

package/dist/browser/context/TableHeight/State.d.cts.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,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;IAC3D,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAA;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB"}

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

@@ -0,0 +1,60 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/context/TableHeight/index.ts
+var TableHeight_exports = {};
+__export(TableHeight_exports, {
+  TableHeightContext: () => TableHeightContext,
+  TableHeightProvider: () => TableHeightProvider,
+  useTableHeight: () => useTableHeight
+});
+module.exports = __toCommonJS(TableHeight_exports);
+
+// src/context/TableHeight/Context.ts
+var import_react_shared = require("@xyo-network/react-shared");
+var TableHeightContext = (0, import_react_shared.createContextEx)();
+
+// src/context/TableHeight/Provider.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var TableHeightProvider = ({
+  children,
+  additionalRows = 0,
+  defaultVisibleRows,
+  heightFormat = "px"
+}) => {
+  const [visibleRows, setVisibleRows] = (0, import_react.useState)(defaultVisibleRows);
+  const [height, setHeight] = (0, import_react.useState)();
+  const [rowHeight, setRowHeight] = (0, import_react.useState)();
+  const formattedHeight = (0, import_react.useMemo)(() => height !== void 0 ? `${height}${heightFormat}` : void 0, [height, heightFormat]);
+  (0, import_react.useEffect)(() => {
+    setVisibleRows(defaultVisibleRows);
+  }, [defaultVisibleRows]);
+  (0, import_react.useEffect)(() => {
+    if (rowHeight !== void 0 && visibleRows !== void 0) {
+      setHeight(rowHeight * (visibleRows + additionalRows));
+    }
+  }, [defaultVisibleRows, rowHeight, visibleRows, additionalRows]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHeightContext.Provider, { value: { height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }, children });
+};
+
+// src/context/TableHeight/use.tsx
+var import_react_shared2 = require("@xyo-network/react-shared");
+var useTableHeight = (required = false) => (0, import_react_shared2.useContextEx)(TableHeightContext, "TableHeight", required);
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/context/TableHeight/index.ts","../../../../src/context/TableHeight/Context.ts","../../../../src/context/TableHeight/Provider.tsx","../../../../src/context/TableHeight/use.tsx"],"sourcesContent":["export * from './Context'\nexport * from './Provider'\nexport * from './State'\nexport * from './use'\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightState } from './State'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { ContextExProviderProps } from '@xyo-network/react-shared'\nimport { useEffect, useMemo, useState } from 'react'\n\nimport { TableHeightContext } from './Context'\n\nexport interface TableHeightProviderProps extends ContextExProviderProps, WithChildren {\n  /** @field Account for optional header and footer rows */\n  additionalRows?: number\n  defaultVisibleRows?: number\n  heightFormat?: string\n}\n\nexport const TableHeightProvider: React.FC<TableHeightProviderProps> = ({\n  children,\n  additionalRows = 0,\n  defaultVisibleRows,\n  heightFormat = 'px',\n}) => {\n  const [visibleRows, setVisibleRows] = useState(defaultVisibleRows)\n  const [height, setHeight] = useState<number | undefined>()\n  const [rowHeight, setRowHeight] = useState<number | undefined>()\n\n  const formattedHeight = useMemo(() => (height !== undefined ? `${height}${heightFormat}` : undefined), [height, heightFormat])\n\n  useEffect(() => {\n    setVisibleRows(defaultVisibleRows)\n  }, [defaultVisibleRows])\n\n  useEffect(() => {\n    if (rowHeight !== undefined && visibleRows !== undefined) {\n      setHeight(rowHeight * (visibleRows + additionalRows))\n    }\n  }, [defaultVisibleRows, rowHeight, visibleRows, additionalRows])\n\n  return (\n    <TableHeightContext.Provider value={{ height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }}>\n      {children}\n    </TableHeightContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightContext } from './Context'\n\nexport const useTableHeight = (required = false) => useContextEx(TableHeightContext, 'TableHeight', required)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,0BAAgC;AAIzB,IAAM,yBAAqB,qCAAkC;;;ACFpE,mBAA6C;AAkCzC;AAvBG,IAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,kBAAkB;AACjE,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAA6B;AACzD,QAAM,CAAC,WAAW,YAAY,QAAI,uBAA6B;AAE/D,QAAM,sBAAkB,sBAAQ,MAAO,WAAW,SAAY,GAAG,MAAM,GAAG,YAAY,KAAK,QAAY,CAAC,QAAQ,YAAY,CAAC;AAE7H,8BAAU,MAAM;AACd,mBAAe,kBAAkB;AAAA,EACnC,GAAG,CAAC,kBAAkB,CAAC;AAEvB,8BAAU,MAAM;AACd,QAAI,cAAc,UAAa,gBAAgB,QAAW;AACxD,gBAAU,aAAa,cAAc,eAAe;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,oBAAoB,WAAW,aAAa,cAAc,CAAC;AAE/D,SACE,4CAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,QAAQ,iBAAiB,UAAU,MAAM,WAAW,cAAc,gBAAgB,YAAY,GACjI,UACH;AAEJ;;;ACxCA,IAAAA,uBAA6B;AAItB,IAAM,iBAAiB,CAAC,WAAW,cAAU,mCAAa,oBAAoB,eAAe,QAAQ;","names":["import_react_shared"]}

package/dist/browser/context/TableHeight/index.d.cts

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

package/dist/browser/context/TableHeight/index.d.cts.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/browser/context/TableHeight/index.js

@@ -1,5 +1,37 @@
-export * from "./Context";
-export * from "./Provider";
-export * from "./State";
-export * from "./use";
+// src/context/TableHeight/Context.ts
+import { createContextEx } from "@xyo-network/react-shared";
+var TableHeightContext = createContextEx();
+
+// src/context/TableHeight/Provider.tsx
+import { useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var TableHeightProvider = ({
+  children,
+  additionalRows = 0,
+  defaultVisibleRows,
+  heightFormat = "px"
+}) => {
+  const [visibleRows, setVisibleRows] = useState(defaultVisibleRows);
+  const [height, setHeight] = useState();
+  const [rowHeight, setRowHeight] = useState();
+  const formattedHeight = useMemo(() => height !== void 0 ? `${height}${heightFormat}` : void 0, [height, heightFormat]);
+  useEffect(() => {
+    setVisibleRows(defaultVisibleRows);
+  }, [defaultVisibleRows]);
+  useEffect(() => {
+    if (rowHeight !== void 0 && visibleRows !== void 0) {
+      setHeight(rowHeight * (visibleRows + additionalRows));
+    }
+  }, [defaultVisibleRows, rowHeight, visibleRows, additionalRows]);
+  return /* @__PURE__ */ jsx(TableHeightContext.Provider, { value: { height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }, children });
+};
+
+// src/context/TableHeight/use.tsx
+import { useContextEx } from "@xyo-network/react-shared";
+var useTableHeight = (required = false) => useContextEx(TableHeightContext, "TableHeight", required);
+export {
+  TableHeightContext,
+  TableHeightProvider,
+  useTableHeight
+};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/context/TableHeight/index.ts"],"sourcesContent":["export * from './Context'\nexport * from './Provider'\nexport * from './State'\nexport * from './use'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/context/TableHeight/Context.ts","../../../../src/context/TableHeight/Provider.tsx","../../../../src/context/TableHeight/use.tsx"],"sourcesContent":["import { createContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightState } from './State'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { ContextExProviderProps } from '@xyo-network/react-shared'\nimport { useEffect, useMemo, useState } from 'react'\n\nimport { TableHeightContext } from './Context'\n\nexport interface TableHeightProviderProps extends ContextExProviderProps, WithChildren {\n  /** @field Account for optional header and footer rows */\n  additionalRows?: number\n  defaultVisibleRows?: number\n  heightFormat?: string\n}\n\nexport const TableHeightProvider: React.FC<TableHeightProviderProps> = ({\n  children,\n  additionalRows = 0,\n  defaultVisibleRows,\n  heightFormat = 'px',\n}) => {\n  const [visibleRows, setVisibleRows] = useState(defaultVisibleRows)\n  const [height, setHeight] = useState<number | undefined>()\n  const [rowHeight, setRowHeight] = useState<number | undefined>()\n\n  const formattedHeight = useMemo(() => (height !== undefined ? `${height}${heightFormat}` : undefined), [height, heightFormat])\n\n  useEffect(() => {\n    setVisibleRows(defaultVisibleRows)\n  }, [defaultVisibleRows])\n\n  useEffect(() => {\n    if (rowHeight !== undefined && visibleRows !== undefined) {\n      setHeight(rowHeight * (visibleRows + additionalRows))\n    }\n  }, [defaultVisibleRows, rowHeight, visibleRows, additionalRows])\n\n  return (\n    <TableHeightContext.Provider value={{ height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }}>\n      {children}\n    </TableHeightContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightContext } from './Context'\n\nexport const useTableHeight = (required = false) => useContextEx(TableHeightContext, 'TableHeight', required)\n"],"mappings":";AAAA,SAAS,uBAAuB;AAIzB,IAAM,qBAAqB,gBAAkC;;;ACFpE,SAAS,WAAW,SAAS,gBAAgB;AAkCzC;AAvBG,IAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,kBAAkB;AACjE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6B;AACzD,QAAM,CAAC,WAAW,YAAY,IAAI,SAA6B;AAE/D,QAAM,kBAAkB,QAAQ,MAAO,WAAW,SAAY,GAAG,MAAM,GAAG,YAAY,KAAK,QAAY,CAAC,QAAQ,YAAY,CAAC;AAE7H,YAAU,MAAM;AACd,mBAAe,kBAAkB;AAAA,EACnC,GAAG,CAAC,kBAAkB,CAAC;AAEvB,YAAU,MAAM;AACd,QAAI,cAAc,UAAa,gBAAgB,QAAW;AACxD,gBAAU,aAAa,cAAc,eAAe;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,oBAAoB,WAAW,aAAa,cAAc,CAAC;AAE/D,SACE,oBAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,QAAQ,iBAAiB,UAAU,MAAM,WAAW,cAAc,gBAAgB,YAAY,GACjI,UACH;AAEJ;;;ACxCA,SAAS,oBAAoB;AAItB,IAAM,iBAAiB,CAAC,WAAW,UAAU,aAAa,oBAAoB,eAAe,QAAQ;","names":[]}

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

@@ -0,0 +1,34 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/context/TableHeight/use.tsx
+var use_exports = {};
+__export(use_exports, {
+  useTableHeight: () => useTableHeight
+});
+module.exports = __toCommonJS(use_exports);
+var import_react_shared2 = require("@xyo-network/react-shared");
+
+// src/context/TableHeight/Context.ts
+var import_react_shared = require("@xyo-network/react-shared");
+var TableHeightContext = (0, import_react_shared.createContextEx)();
+
+// src/context/TableHeight/use.tsx
+var useTableHeight = (required = false) => (0, import_react_shared2.useContextEx)(TableHeightContext, "TableHeight", required);
+//# sourceMappingURL=use.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/context/TableHeight/use.tsx","../../../../src/context/TableHeight/Context.ts"],"sourcesContent":["import { useContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightContext } from './Context'\n\nexport const useTableHeight = (required = false) => useContextEx(TableHeightContext, 'TableHeight', required)\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightState } from './State'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,uBAA6B;;;ACA7B,0BAAgC;AAIzB,IAAM,yBAAqB,qCAAkC;;;ADA7D,IAAM,iBAAiB,CAAC,WAAW,cAAU,mCAAa,oBAAoB,eAAe,QAAQ;","names":["import_react_shared"]}

package/dist/browser/context/TableHeight/use.d.cts

@@ -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/browser/context/TableHeight/use.d.cts.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/browser/context/TableHeight/use.js

@@ -1,6 +1,12 @@
+// src/context/TableHeight/use.tsx
 import { useContextEx } from "@xyo-network/react-shared";
-import { TableHeightContext } from "./Context";
-const useTableHeight = (required = false) => useContextEx(TableHeightContext, "TableHeight", required);
+
+// src/context/TableHeight/Context.ts
+import { createContextEx } from "@xyo-network/react-shared";
+var TableHeightContext = createContextEx();
+
+// src/context/TableHeight/use.tsx
+var useTableHeight = (required = false) => useContextEx(TableHeightContext, "TableHeight", required);
 export {
   useTableHeight
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/context/TableHeight/use.tsx"],"sourcesContent":["import { useContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightContext } from './Context'\n\nexport const useTableHeight = (required = false) => useContextEx(TableHeightContext, 'TableHeight', required)\n"],"mappings":"AAAA,SAAS,oBAAoB;AAE7B,SAAS,0BAA0B;AAE5B,MAAM,iBAAiB,CAAC,WAAW,UAAU,aAAa,oBAAoB,eAAe,QAAQ;","names":[]}
+{"version":3,"sources":["../../../../src/context/TableHeight/use.tsx","../../../../src/context/TableHeight/Context.ts"],"sourcesContent":["import { useContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightContext } from './Context'\n\nexport const useTableHeight = (required = false) => useContextEx(TableHeightContext, 'TableHeight', required)\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightState } from './State'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n"],"mappings":";AAAA,SAAS,oBAAoB;;;ACA7B,SAAS,uBAAuB;AAIzB,IAAM,qBAAqB,gBAAkC;;;ADA7D,IAAM,iBAAiB,CAAC,WAAW,UAAU,aAAa,oBAAoB,eAAe,QAAQ;","names":[]}

package/dist/browser/context/index.cjs

@@ -0,0 +1,60 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/context/index.ts
+var context_exports = {};
+__export(context_exports, {
+  TableHeightContext: () => TableHeightContext,
+  TableHeightProvider: () => TableHeightProvider,
+  useTableHeight: () => useTableHeight
+});
+module.exports = __toCommonJS(context_exports);
+
+// src/context/TableHeight/Context.ts
+var import_react_shared = require("@xyo-network/react-shared");
+var TableHeightContext = (0, import_react_shared.createContextEx)();
+
+// src/context/TableHeight/Provider.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var TableHeightProvider = ({
+  children,
+  additionalRows = 0,
+  defaultVisibleRows,
+  heightFormat = "px"
+}) => {
+  const [visibleRows, setVisibleRows] = (0, import_react.useState)(defaultVisibleRows);
+  const [height, setHeight] = (0, import_react.useState)();
+  const [rowHeight, setRowHeight] = (0, import_react.useState)();
+  const formattedHeight = (0, import_react.useMemo)(() => height !== void 0 ? `${height}${heightFormat}` : void 0, [height, heightFormat]);
+  (0, import_react.useEffect)(() => {
+    setVisibleRows(defaultVisibleRows);
+  }, [defaultVisibleRows]);
+  (0, import_react.useEffect)(() => {
+    if (rowHeight !== void 0 && visibleRows !== void 0) {
+      setHeight(rowHeight * (visibleRows + additionalRows));
+    }
+  }, [defaultVisibleRows, rowHeight, visibleRows, additionalRows]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHeightContext.Provider, { value: { height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }, children });
+};
+
+// src/context/TableHeight/use.tsx
+var import_react_shared2 = require("@xyo-network/react-shared");
+var useTableHeight = (required = false) => (0, import_react_shared2.useContextEx)(TableHeightContext, "TableHeight", required);
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/index.ts","../../../src/context/TableHeight/Context.ts","../../../src/context/TableHeight/Provider.tsx","../../../src/context/TableHeight/use.tsx"],"sourcesContent":["export * from './TableHeight'\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightState } from './State'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { ContextExProviderProps } from '@xyo-network/react-shared'\nimport { useEffect, useMemo, useState } from 'react'\n\nimport { TableHeightContext } from './Context'\n\nexport interface TableHeightProviderProps extends ContextExProviderProps, WithChildren {\n  /** @field Account for optional header and footer rows */\n  additionalRows?: number\n  defaultVisibleRows?: number\n  heightFormat?: string\n}\n\nexport const TableHeightProvider: React.FC<TableHeightProviderProps> = ({\n  children,\n  additionalRows = 0,\n  defaultVisibleRows,\n  heightFormat = 'px',\n}) => {\n  const [visibleRows, setVisibleRows] = useState(defaultVisibleRows)\n  const [height, setHeight] = useState<number | undefined>()\n  const [rowHeight, setRowHeight] = useState<number | undefined>()\n\n  const formattedHeight = useMemo(() => (height !== undefined ? `${height}${heightFormat}` : undefined), [height, heightFormat])\n\n  useEffect(() => {\n    setVisibleRows(defaultVisibleRows)\n  }, [defaultVisibleRows])\n\n  useEffect(() => {\n    if (rowHeight !== undefined && visibleRows !== undefined) {\n      setHeight(rowHeight * (visibleRows + additionalRows))\n    }\n  }, [defaultVisibleRows, rowHeight, visibleRows, additionalRows])\n\n  return (\n    <TableHeightContext.Provider value={{ height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }}>\n      {children}\n    </TableHeightContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightContext } from './Context'\n\nexport const useTableHeight = (required = false) => useContextEx(TableHeightContext, 'TableHeight', required)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,0BAAgC;AAIzB,IAAM,yBAAqB,qCAAkC;;;ACFpE,mBAA6C;AAkCzC;AAvBG,IAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,kBAAkB;AACjE,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAA6B;AACzD,QAAM,CAAC,WAAW,YAAY,QAAI,uBAA6B;AAE/D,QAAM,sBAAkB,sBAAQ,MAAO,WAAW,SAAY,GAAG,MAAM,GAAG,YAAY,KAAK,QAAY,CAAC,QAAQ,YAAY,CAAC;AAE7H,8BAAU,MAAM;AACd,mBAAe,kBAAkB;AAAA,EACnC,GAAG,CAAC,kBAAkB,CAAC;AAEvB,8BAAU,MAAM;AACd,QAAI,cAAc,UAAa,gBAAgB,QAAW;AACxD,gBAAU,aAAa,cAAc,eAAe;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,oBAAoB,WAAW,aAAa,cAAc,CAAC;AAE/D,SACE,4CAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,QAAQ,iBAAiB,UAAU,MAAM,WAAW,cAAc,gBAAgB,YAAY,GACjI,UACH;AAEJ;;;ACxCA,IAAAA,uBAA6B;AAItB,IAAM,iBAAiB,CAAC,WAAW,cAAU,mCAAa,oBAAoB,eAAe,QAAQ;","names":["import_react_shared"]}

package/dist/browser/context/index.d.cts

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

package/dist/browser/context/index.d.cts.map

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

package/dist/browser/context/index.js

@@ -1,2 +1,37 @@
-export * from "./TableHeight";
+// src/context/TableHeight/Context.ts
+import { createContextEx } from "@xyo-network/react-shared";
+var TableHeightContext = createContextEx();
+
+// src/context/TableHeight/Provider.tsx
+import { useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var TableHeightProvider = ({
+  children,
+  additionalRows = 0,
+  defaultVisibleRows,
+  heightFormat = "px"
+}) => {
+  const [visibleRows, setVisibleRows] = useState(defaultVisibleRows);
+  const [height, setHeight] = useState();
+  const [rowHeight, setRowHeight] = useState();
+  const formattedHeight = useMemo(() => height !== void 0 ? `${height}${heightFormat}` : void 0, [height, heightFormat]);
+  useEffect(() => {
+    setVisibleRows(defaultVisibleRows);
+  }, [defaultVisibleRows]);
+  useEffect(() => {
+    if (rowHeight !== void 0 && visibleRows !== void 0) {
+      setHeight(rowHeight * (visibleRows + additionalRows));
+    }
+  }, [defaultVisibleRows, rowHeight, visibleRows, additionalRows]);
+  return /* @__PURE__ */ jsx(TableHeightContext.Provider, { value: { height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }, children });
+};
+
+// src/context/TableHeight/use.tsx
+import { useContextEx } from "@xyo-network/react-shared";
+var useTableHeight = (required = false) => useContextEx(TableHeightContext, "TableHeight", required);
+export {
+  TableHeightContext,
+  TableHeightProvider,
+  useTableHeight
+};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/index.ts"],"sourcesContent":["export * from './TableHeight'\n"],"mappings":"AAAA,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/context/TableHeight/Context.ts","../../../src/context/TableHeight/Provider.tsx","../../../src/context/TableHeight/use.tsx"],"sourcesContent":["import { createContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightState } from './State'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { ContextExProviderProps } from '@xyo-network/react-shared'\nimport { useEffect, useMemo, useState } from 'react'\n\nimport { TableHeightContext } from './Context'\n\nexport interface TableHeightProviderProps extends ContextExProviderProps, WithChildren {\n  /** @field Account for optional header and footer rows */\n  additionalRows?: number\n  defaultVisibleRows?: number\n  heightFormat?: string\n}\n\nexport const TableHeightProvider: React.FC<TableHeightProviderProps> = ({\n  children,\n  additionalRows = 0,\n  defaultVisibleRows,\n  heightFormat = 'px',\n}) => {\n  const [visibleRows, setVisibleRows] = useState(defaultVisibleRows)\n  const [height, setHeight] = useState<number | undefined>()\n  const [rowHeight, setRowHeight] = useState<number | undefined>()\n\n  const formattedHeight = useMemo(() => (height !== undefined ? `${height}${heightFormat}` : undefined), [height, heightFormat])\n\n  useEffect(() => {\n    setVisibleRows(defaultVisibleRows)\n  }, [defaultVisibleRows])\n\n  useEffect(() => {\n    if (rowHeight !== undefined && visibleRows !== undefined) {\n      setHeight(rowHeight * (visibleRows + additionalRows))\n    }\n  }, [defaultVisibleRows, rowHeight, visibleRows, additionalRows])\n\n  return (\n    <TableHeightContext.Provider value={{ height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }}>\n      {children}\n    </TableHeightContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightContext } from './Context'\n\nexport const useTableHeight = (required = false) => useContextEx(TableHeightContext, 'TableHeight', required)\n"],"mappings":";AAAA,SAAS,uBAAuB;AAIzB,IAAM,qBAAqB,gBAAkC;;;ACFpE,SAAS,WAAW,SAAS,gBAAgB;AAkCzC;AAvBG,IAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,kBAAkB;AACjE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6B;AACzD,QAAM,CAAC,WAAW,YAAY,IAAI,SAA6B;AAE/D,QAAM,kBAAkB,QAAQ,MAAO,WAAW,SAAY,GAAG,MAAM,GAAG,YAAY,KAAK,QAAY,CAAC,QAAQ,YAAY,CAAC;AAE7H,YAAU,MAAM;AACd,mBAAe,kBAAkB;AAAA,EACnC,GAAG,CAAC,kBAAkB,CAAC;AAEvB,YAAU,MAAM;AACd,QAAI,cAAc,UAAa,gBAAgB,QAAW;AACxD,gBAAU,aAAa,cAAc,eAAe;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,oBAAoB,WAAW,aAAa,cAAc,CAAC;AAE/D,SACE,oBAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,QAAQ,iBAAiB,UAAU,MAAM,WAAW,cAAc,gBAAgB,YAAY,GACjI,UACH;AAEJ;;;ACxCA,SAAS,oBAAoB;AAItB,IAAM,iBAAiB,CAAC,WAAW,UAAU,aAAa,oBAAoB,eAAe,QAAQ;","names":[]}