@xyo-network/react-table 2.81.10 → 2.83.0

package/dist/browser/index.d.ts

@@ -1,4 +1,58 @@
-export * from './components/index.js';
-export * from './context/index.js';
-export * from './types/index.js';
-//# sourceMappingURL=index.d.ts.map
+import * as _emotion_styled from '@emotion/styled';
+import * as _mui_system from '@mui/system';
+import * as _mui_material from '@mui/material';
+import { TableCellProps, TableProps, TableFooterProps } from '@mui/material';
+import * as React from 'react';
+import React__default, { PropsWithChildren, Dispatch, SetStateAction, CSSProperties } from 'react';
+import * as _xyo_network_react_shared from '@xyo-network/react-shared';
+import { ContextExState, ContextExProviderProps } from '@xyo-network/react-shared';
+import { WithChildren } from '@xylabs/react-shared';
+
+interface TableCellExProps extends TableCellProps {
+    noBgColor?: boolean;
+}
+declare const TableCellEx: _emotion_styled.StyledComponent<TableCellProps & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & TableCellExProps, {}, {}>;
+
+type TableExVariants = 'scrollable' | 'normal';
+
+interface TableExProps extends PropsWithChildren, TableProps {
+    variant?: TableExVariants;
+}
+declare const TableExWithRef: React__default.ForwardRefExoticComponent<Omit<TableExProps, "ref"> & React__default.RefAttributes<HTMLTableElement>>;
+declare const TableEx: React__default.ForwardRefExoticComponent<Omit<TableExProps, "ref"> & React__default.RefAttributes<HTMLTableElement>>;
+
+interface TableFooterExProps extends PropsWithChildren, TableFooterProps {
+    variant?: TableExVariants;
+}
+declare const TableFooterEx: React__default.FC<TableFooterExProps>;
+
+interface TableHeightState extends ContextExState {
+    height?: string;
+    rowHeight?: number;
+    setRowHeight?: Dispatch<SetStateAction<number | undefined>>;
+    setVisibleRows?: Dispatch<SetStateAction<number | undefined>>;
+    visibleRows?: number;
+}
+
+declare const TableHeightContext: React.Context<TableHeightState & _xyo_network_react_shared.ContextExState>;
+
+interface TableHeightProviderProps extends ContextExProviderProps, WithChildren {
+    additionalRows?: number;
+    defaultVisibleRows?: number;
+    heightFormat?: string;
+}
+declare const TableHeightProvider: React__default.FC<TableHeightProviderProps>;
+
+declare const useTableHeight: (required?: boolean) => Omit<TableHeightState & _xyo_network_react_shared.ContextExState, "provided">;
+
+interface TableHeadCell {
+    align?: 'left' | 'right' | 'center';
+    disablePadding: boolean;
+    id: string;
+    label: string;
+    numeric: boolean;
+    showOnMobile: boolean;
+    width?: CSSProperties['width'];
+}
+
+export { TableCellEx, type TableCellExProps, TableEx, type TableExProps, type TableExVariants, TableExWithRef, TableFooterEx, type TableFooterExProps, type TableHeadCell, TableHeightContext, TableHeightProvider, type TableHeightProviderProps, type TableHeightState, useTableHeight };

package/dist/browser/index.mjs

@@ -0,0 +1,113 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// src/components/TableEx/TableCellEx.tsx
+import { styled, TableCell } from "@mui/material";
+var TableCellEx = styled(TableCell, {
+  name: "TableCellNoBgColor",
+  shouldForwardProp: /* @__PURE__ */ __name((prop) => prop !== "noBgColor", "shouldForwardProp")
+})(({ noBgColor = true }) => ({
+  ...noBgColor && {
+    backgroundColor: "transparent"
+  }
+}));
+
+// src/components/TableEx/TableEx.tsx
+import { Table } from "@mui/material";
+import React, { forwardRef } from "react";
+var TableExInner = /* @__PURE__ */ forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ React.createElement(Table, {
+    ref,
+    ...props
+  }, children);
+});
+TableExInner.displayName = "TableExInner";
+var TableExWithRef = /* @__PURE__ */ forwardRef(({ variant, children, ...props }, ref) => {
+  return /* @__PURE__ */ React.createElement(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 React2 from "react";
+var TableFooterExRoot = styled2(TableFooter, {
+  name: "TableFooterEx",
+  shouldForwardProp: /* @__PURE__ */ __name((propName) => propName !== "scrollable", "shouldForwardProp"),
+  slot: "Root"
+})(({ variant, theme }) => ({
+  backgroundColor: theme.palette.background.default,
+  bottom: "unset",
+  position: "relative",
+  ...variant === "scrollable" && {
+    bottom: 0,
+    position: "sticky"
+  }
+}));
+var TableFooterEx = /* @__PURE__ */ __name(({ children, ...props }) => /* @__PURE__ */ React2.createElement(TableFooterExRoot, props, children), "TableFooterEx");
+
+// src/context/TableHeight/Context.ts
+import { createContextEx } from "@xyo-network/react-shared";
+var TableHeightContext = createContextEx();
+
+// src/context/TableHeight/Provider.tsx
+import React3, { useEffect, useMemo, useState } from "react";
+var TableHeightProvider = /* @__PURE__ */ __name(({ 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 ? void 0 : `${height}${heightFormat}`, [
+    height,
+    heightFormat
+  ]);
+  useEffect(() => {
+    setVisibleRows(defaultVisibleRows);
+  }, [
+    defaultVisibleRows
+  ]);
+  useEffect(() => {
+    if (rowHeight !== void 0 && visibleRows !== void 0) {
+      setHeight(rowHeight * (visibleRows + additionalRows));
+    }
+  }, [
+    defaultVisibleRows,
+    rowHeight,
+    visibleRows,
+    additionalRows
+  ]);
+  const value = useMemo(() => ({
+    height: formattedHeight,
+    provided: true,
+    rowHeight,
+    setRowHeight,
+    setVisibleRows,
+    visibleRows
+  }), [
+    formattedHeight,
+    rowHeight,
+    setRowHeight,
+    setVisibleRows,
+    visibleRows
+  ]);
+  return /* @__PURE__ */ React3.createElement(TableHeightContext.Provider, {
+    value
+  }, children);
+}, "TableHeightProvider");
+
+// src/context/TableHeight/use.ts
+import { useContextEx } from "@xyo-network/react-shared";
+var useTableHeight = /* @__PURE__ */ __name((required = false) => useContextEx(TableHeightContext, "TableHeight", required), "useTableHeight");
+export {
+  TableCellEx,
+  TableEx,
+  TableExWithRef,
+  TableFooterEx,
+  TableHeightContext,
+  TableHeightProvider,
+  useTableHeight
+};
+//# sourceMappingURL=index.mjs.map

package/dist/browser/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/TableEx/TableCellEx.tsx","../../src/components/TableEx/TableEx.tsx","../../src/components/TableEx/TableFooterEx.tsx","../../src/context/TableHeight/Context.ts","../../src/context/TableHeight/Provider.tsx","../../src/context/TableHeight/use.ts"],"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 React, { forwardRef, PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types/index.ts'\n\nexport interface TableExProps extends PropsWithChildren, TableProps {\n  variant?: TableExVariants\n}\n\nconst TableExInner = forwardRef<HTMLTableElement, TableExProps>(({ children, ...props }, ref) => {\n  return (\n    <Table ref={ref} {...props}>\n      {children}\n    </Table>\n  )\n})\n\nTableExInner.displayName = 'TableExInner'\n\nexport const TableExWithRef = forwardRef<HTMLTableElement, TableExProps>(({ 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 React, { PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types/index.ts'\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","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightState } from './State.ts'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { ContextExProviderProps } from '@xyo-network/react-shared'\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport { TableHeightContext } from './Context.ts'\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 ? undefined : `${height}${heightFormat}`), [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  const value = useMemo(() => ({ height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }), [formattedHeight, rowHeight, setRowHeight, setVisibleRows, visibleRows])\n\n  return (\n    <TableHeightContext.Provider value={value}>\n      {children}\n    </TableHeightContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightContext } from './Context.ts'\n\nexport const useTableHeight = (required = false) => useContextEx(TableHeightContext, 'TableHeight', required)\n"],"mappings":";;;;AAAA,SAASA,QAAQC,iBAAiC;AAM3C,IAAMC,cAAcC,OAAOC,WAAW;EAAEC,MAAM;EAAsBC,mBAAmBC,wBAAAA,SAAQA,SAAS,aAAjBA;AAA6B,CAAA,EACzH,CAAC,EAAEC,YAAY,KAAI,OAAQ;EACzB,GAAIA,aAAa;IAAEC,iBAAiB;EAAc;AACpD,EAAA;;;ACTF,SAASC,aAAyB;AAClC,OAAOC,SAASC,kBAAqC;AAQrD,IAAMC,eAAeD,2BAA2C,CAAC,EAAEE,UAAU,GAAGC,MAAAA,GAASC,QAAAA;AACvF,SACE,sBAAA,cAACN,OAAAA;IAAMM;IAAW,GAAGD;KAClBD,QAAAA;AAGP,CAAA;AAEAD,aAAaI,cAAc;AAEpB,IAAMC,iBAAiBN,2BAA2C,CAAC,EAAEO,SAASL,UAAU,GAAGC,MAAAA,GAASC,QAAAA;AACzG,SACE,sBAAA,cAACH,cAAAA;IAAaO,cAAcD,YAAY;IAAcH;IAAW,GAAGD;KACjED,QAAAA;AAGP,CAAA;AAEAI,eAAeD,cAAc;AAEtB,IAAMI,UAAUH;;;AC7BvB,SAASI,UAAAA,SAAQC,mBAAqC;AACtD,OAAOC,YAAkC;AAIzC,IAAMC,oBAAoBC,QAAOC,aAAa;EAC5CC,MAAM;EACNC,mBAAmBC,wBAAAA,aAAYA,aAAa,cAAzBA;EACnBC,MAAM;AACR,CAAA,EAAuB,CAAC,EAAEC,SAASC,MAAK,OAAQ;EAC9CC,iBAAiBD,MAAME,QAAQC,WAAWC;EAC1CC,QAAQ;EACRC,UAAU;EACV,GAAIP,YAAY,gBAAgB;IAC9BM,QAAQ;IACRC,UAAU;EACZ;AACF,EAAA;AAMO,IAAMC,gBAA8C,wBAAC,EAAEC,UAAU,GAAGC,MAAAA,MAAY,gBAAAC,OAAA,cAAClB,mBAAsBiB,OAAQD,QAAAA,GAA3D;;;ACvB3D,SAASG,uBAAuB;AAIzB,IAAMC,qBAAqBD,gBAAAA;;;ACFlC,OAAOE,UAASC,WAAWC,SAASC,gBAAgB;AAW7C,IAAMC,sBAA0D,wBAAC,EACtEC,UACAC,iBAAiB,GACjBC,oBACAC,eAAe,KAAI,MACpB;AACC,QAAM,CAACC,aAAaC,cAAAA,IAAkBC,SAASJ,kBAAAA;AAC/C,QAAM,CAACK,QAAQC,SAAAA,IAAaF,SAAAA;AAC5B,QAAM,CAACG,WAAWC,YAAAA,IAAgBJ,SAAAA;AAElC,QAAMK,kBAAkBC,QAAQ,MAAOL,WAAWM,SAAYA,SAAY,GAAGN,MAAAA,GAASJ,YAAAA,IAAiB;IAACI;IAAQJ;GAAa;AAE7HW,YAAU,MAAA;AACRT,mBAAeH,kBAAAA;EACjB,GAAG;IAACA;GAAmB;AAEvBY,YAAU,MAAA;AACR,QAAIL,cAAcI,UAAaT,gBAAgBS,QAAW;AACxDL,gBAAUC,aAAaL,cAAcH,eAAa;IACpD;EACF,GAAG;IAACC;IAAoBO;IAAWL;IAAaH;GAAe;AAE/D,QAAMc,QAAQH,QAAQ,OAAO;IAAEL,QAAQI;IAAiBK,UAAU;IAAMP;IAAWC;IAAcL;IAAgBD;EAAY,IAAI;IAACO;IAAiBF;IAAWC;IAAcL;IAAgBD;GAAY;AAExM,SACE,gBAAAa,OAAA,cAACC,mBAAmBC,UAAQ;IAACJ;KAC1Bf,QAAAA;AAGP,GA7BuE;;;ACbvE,SAASoB,oBAAoB;AAItB,IAAMC,iBAAiB,wBAACC,WAAW,UAAUC,aAAaC,oBAAoB,eAAeF,QAAAA,GAAtE;","names":["styled","TableCell","TableCellEx","styled","TableCell","name","shouldForwardProp","prop","noBgColor","backgroundColor","Table","React","forwardRef","TableExInner","children","props","ref","displayName","TableExWithRef","variant","stickyHeader","TableEx","styled","TableFooter","React","TableFooterExRoot","styled","TableFooter","name","shouldForwardProp","propName","slot","variant","theme","backgroundColor","palette","background","default","bottom","position","TableFooterEx","children","props","React","createContextEx","TableHeightContext","React","useEffect","useMemo","useState","TableHeightProvider","children","additionalRows","defaultVisibleRows","heightFormat","visibleRows","setVisibleRows","useState","height","setHeight","rowHeight","setRowHeight","formattedHeight","useMemo","undefined","useEffect","value","provided","React","TableHeightContext","Provider","useContextEx","useTableHeight","required","useContextEx","TableHeightContext"]}

package/package.json

@@ -10,14 +10,14 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/react-shared": "^3.4.1",
-    "@xyo-network/react-shared": "^2.81.10"
+    "@xylabs/react-shared": "^3.4.2",
+    "@xyo-network/react-shared": "^2.83.0"
   },
   "devDependencies": {
-    "@storybook/react": "^7.6.20",
-    "@xylabs/ts-scripts-yarn3": "^3.12.4",
-    "@xylabs/tsconfig-react": "^3.12.4",
-    "@xyo-network/react-storybook": "^2.81.10",
+    "@storybook/react": "^8.2.7",
+    "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.7",
+    "@xylabs/tsconfig-react": "^4.0.0-rc.7",
+    "@xyo-network/react-storybook": "^2.83.0",
     "typescript": "^5.5.4"
   },
   "peerDependencies": {
@@ -31,32 +31,16 @@
   "docs": "dist/docs.json",
   "exports": {
     ".": {
-      "node": {
-        "import": {
-          "types": "./dist/node/index.d.mts",
-          "default": "./dist/node/index.js"
-        },
-        "require": {
-          "types": "./dist/node/index.d.cts",
-          "default": "./dist/node/index.cjs"
-        }
+      "import": {
+        "types": "./dist/browser/index.d.ts",
+        "default": "./dist/browser/index.mjs"
       },
-      "browser": {
-        "import": {
-          "types": "./dist/browser/index.d.mts",
-          "default": "./dist/browser/index.js"
-        },
-        "require": {
-          "types": "./dist/browser/index.d.cts",
-          "default": "./dist/browser/index.cjs"
-        }
-      },
-      "default": "./dist/browser/index.js"
+      "types": "./dist/browser/index.d.ts",
+      "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/browser/index.cjs",
-  "module": "dist/browser/index.js",
+  "module": "dist/browser/index.mjs",
   "homepage": "https://xyo.network",
   "keywords": [
     "xyo",
@@ -78,6 +62,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.81.10",
+  "version": "2.83.0",
   "type": "module"
 }

package/src/components/TableEx/TableCellEx.tsx

@@ -4,7 +4,7 @@ export interface TableCellExProps extends TableCellProps {
   noBgColor?: boolean
 }
 
-export const TableCellEx = styled(TableCell, { name: 'TableCellNoBgColor', shouldForwardProp: (prop) => prop !== 'noBgColor' })<TableCellExProps>(
+export const TableCellEx = styled(TableCell, { name: 'TableCellNoBgColor', shouldForwardProp: prop => prop !== 'noBgColor' })<TableCellExProps>(
   ({ noBgColor = true }) => ({
     ...(noBgColor && { backgroundColor: 'transparent' }),
   }),

package/src/components/TableEx/TableEx.stories.tsx

@@ -1,11 +1,11 @@
-/* eslint-disable import/no-internal-modules */
 import { TableBody, TableCell, TableHead, TablePagination, TableRow, useTheme } from '@mui/material'
 import { Decorator, Meta, StoryFn } from '@storybook/react'
 import { WithRefDecorator } from '@xyo-network/react-storybook'
+import React from 'react'
 
-import { TableCellEx } from './TableCellEx.js'
-import { TableEx } from './TableEx.js'
-import { TableFooterEx } from './TableFooterEx.js'
+import { TableCellEx } from './TableCellEx.tsx'
+import { TableEx } from './TableEx.tsx'
+import { TableFooterEx } from './TableFooterEx.tsx'
 
 const ScrollableDecorator: Decorator = (Story, args) => (
   <div style={{ height: 'calc(100vh - 2rem)', inset: 0, position: 'absolute' }}>
@@ -38,9 +38,12 @@ const Template: StoryFn<typeof TableEx> = (args) => {
         </TableRow>
       </TableHead>
       <TableBody>
-        {tableRows.map((row) => (
+        {tableRows.map(row => (
           <TableRow key={row}>
-            <TableCell>Row {row}</TableCell>
+            <TableCell>
+              Row
+              {row}
+            </TableCell>
             <TableCell>Cell 2</TableCell>
           </TableRow>
         ))}
@@ -84,5 +87,4 @@ WithScrollable.decorators = [ScrollableDecorator]
 
 export { Default, WithRef, WithScrollable }
 
-// eslint-disable-next-line import/no-default-export
 export default StorybookEntry

package/src/components/TableEx/TableEx.tsx

@@ -1,7 +1,7 @@
 import { Table, TableProps } from '@mui/material'
-import { forwardRef, PropsWithChildren } from 'react'
+import React, { forwardRef, PropsWithChildren } from 'react'
 
-import { TableExVariants } from './types/index.js'
+import { TableExVariants } from './types/index.ts'
 
 export interface TableExProps extends PropsWithChildren, TableProps {
   variant?: TableExVariants

package/src/components/TableEx/TableFooterEx.tsx

@@ -1,11 +1,11 @@
 import { styled, TableFooter, TableFooterProps } from '@mui/material'
-import { PropsWithChildren } from 'react'
+import React, { PropsWithChildren } from 'react'
 
-import { TableExVariants } from './types/index.js'
+import { TableExVariants } from './types/index.ts'
 
 const TableFooterExRoot = styled(TableFooter, {
   name: 'TableFooterEx',
-  shouldForwardProp: (propName) => propName !== 'scrollable',
+  shouldForwardProp: propName => propName !== 'scrollable',
   slot: 'Root',
 })<TableFooterExProps>(({ variant, theme }) => ({
   backgroundColor: theme.palette.background.default,

package/src/components/TableEx/index.ts

@@ -1,4 +1,4 @@
-export * from './TableCellEx.js'
-export * from './TableEx.js'
-export * from './TableFooterEx.js'
-export * from './types/index.js'
+export * from './TableCellEx.tsx'
+export * from './TableEx.tsx'
+export * from './TableFooterEx.tsx'
+export * from './types/index.ts'

package/src/components/TableEx/types/index.ts

@@ -1 +1 @@
-export * from './TableExVariants.js'
+export * from './TableExVariants.ts'

package/src/components/index.ts

@@ -1 +1 @@
-export * from './TableEx/index.js'
+export * from './TableEx/index.ts'

package/src/context/TableHeight/Context.ts

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

package/src/context/TableHeight/Provider.tsx

@@ -1,8 +1,8 @@
 import { WithChildren } from '@xylabs/react-shared'
 import { ContextExProviderProps } from '@xyo-network/react-shared'
-import { useEffect, useMemo, useState } from 'react'
+import React, { useEffect, useMemo, useState } from 'react'
 
-import { TableHeightContext } from './Context.js'
+import { TableHeightContext } from './Context.ts'
 
 export interface TableHeightProviderProps extends ContextExProviderProps, WithChildren {
   /** @field Account for optional header and footer rows */
@@ -33,8 +33,10 @@ export const TableHeightProvider: React.FC<TableHeightProviderProps> = ({
     }
   }, [defaultVisibleRows, rowHeight, visibleRows, additionalRows])
 
+  const value = useMemo(() => ({ height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }), [formattedHeight, rowHeight, setRowHeight, setVisibleRows, visibleRows])
+
   return (
-    <TableHeightContext.Provider value={{ height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }}>
+    <TableHeightContext.Provider value={value}>
       {children}
     </TableHeightContext.Provider>
   )

package/src/context/TableHeight/index.ts

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

package/src/context/TableHeight/{use.tsx → use.ts}

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

package/src/context/index.ts

@@ -1 +1 @@
-export * from './TableHeight/index.js'
+export * from './TableHeight/index.ts'

package/src/index.ts

@@ -1,3 +1,3 @@
-export * from './components/index.js'
-export * from './context/index.js'
-export * from './types/index.js'
+export * from './components/index.ts'
+export * from './context/index.ts'
+export * from './types/index.ts'

package/src/types/index.ts

@@ -1 +1 @@
-export * from './TableHead.js'
+export * from './TableHead.ts'

package/xy.config.ts

@@ -0,0 +1,12 @@
+import { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
+const config: XyTsupConfig = {
+  compile: {
+    browser: {
+      src: true,
+    },
+    node: {},
+    neutral: {},
+  },
+}
+
+export default config

package/dist/browser/components/TableEx/TableCellEx.d.cts

@@ -1,6 +0,0 @@
-import { TableCellProps } from '@mui/material';
-export interface TableCellExProps extends TableCellProps {
-    noBgColor?: boolean;
-}
-export declare const TableCellEx: import("@emotion/styled").StyledComponent<TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & TableCellExProps, {}, {}>;
-//# sourceMappingURL=TableCellEx.d.ts.map

package/dist/browser/components/TableEx/TableCellEx.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableCellEx.d.ts","sourceRoot":"","sources":["../../../../src/components/TableEx/TableCellEx.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,cAAc,EAAE,MAAM,eAAe,CAAA;AAEjE,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,WAAW,kKAIvB,CAAA"}

package/dist/browser/components/TableEx/TableCellEx.d.mts

@@ -1,6 +0,0 @@
-import { TableCellProps } from '@mui/material';
-export interface TableCellExProps extends TableCellProps {
-    noBgColor?: boolean;
-}
-export declare const TableCellEx: import("@emotion/styled").StyledComponent<TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & TableCellExProps, {}, {}>;
-//# sourceMappingURL=TableCellEx.d.ts.map

package/dist/browser/components/TableEx/TableCellEx.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableCellEx.d.ts","sourceRoot":"","sources":["../../../../src/components/TableEx/TableCellEx.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,cAAc,EAAE,MAAM,eAAe,CAAA;AAEjE,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,WAAW,kKAIvB,CAAA"}

package/dist/browser/components/TableEx/TableCellEx.d.ts

@@ -1,6 +0,0 @@
-import { TableCellProps } from '@mui/material';
-export interface TableCellExProps extends TableCellProps {
-    noBgColor?: boolean;
-}
-export declare const TableCellEx: import("@emotion/styled").StyledComponent<TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & TableCellExProps, {}, {}>;
-//# sourceMappingURL=TableCellEx.d.ts.map

package/dist/browser/components/TableEx/TableCellEx.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableCellEx.d.ts","sourceRoot":"","sources":["../../../../src/components/TableEx/TableCellEx.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,cAAc,EAAE,MAAM,eAAe,CAAA;AAEjE,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,WAAW,kKAIvB,CAAA"}

package/dist/browser/components/TableEx/TableEx.d.cts

@@ -1,9 +0,0 @@
-import { TableProps } from '@mui/material';
-import { PropsWithChildren } from 'react';
-import { TableExVariants } from './types/index.js';
-export interface TableExProps extends PropsWithChildren, TableProps {
-    variant?: TableExVariants;
-}
-export declare const TableExWithRef: import("react").ForwardRefExoticComponent<Omit<TableExProps, "ref"> & import("react").RefAttributes<HTMLTableElement>>;
-export declare const TableEx: import("react").ForwardRefExoticComponent<Omit<TableExProps, "ref"> & import("react").RefAttributes<HTMLTableElement>>;
-//# sourceMappingURL=TableEx.d.ts.map

package/dist/browser/components/TableEx/TableEx.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableEx.d.ts","sourceRoot":"","sources":["../../../../src/components/TableEx/TableEx.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAElD,MAAM,WAAW,YAAa,SAAQ,iBAAiB,EAAE,UAAU;IACjE,OAAO,CAAC,EAAE,eAAe,CAAA;CAC1B;AAYD,eAAO,MAAM,cAAc,wHAMzB,CAAA;AAIF,eAAO,MAAM,OAAO,wHAAiB,CAAA"}

package/dist/browser/components/TableEx/TableEx.d.mts

@@ -1,9 +0,0 @@
-import { TableProps } from '@mui/material';
-import { PropsWithChildren } from 'react';
-import { TableExVariants } from './types/index.js';
-export interface TableExProps extends PropsWithChildren, TableProps {
-    variant?: TableExVariants;
-}
-export declare const TableExWithRef: import("react").ForwardRefExoticComponent<Omit<TableExProps, "ref"> & import("react").RefAttributes<HTMLTableElement>>;
-export declare const TableEx: import("react").ForwardRefExoticComponent<Omit<TableExProps, "ref"> & import("react").RefAttributes<HTMLTableElement>>;
-//# sourceMappingURL=TableEx.d.ts.map

package/dist/browser/components/TableEx/TableEx.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableEx.d.ts","sourceRoot":"","sources":["../../../../src/components/TableEx/TableEx.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAElD,MAAM,WAAW,YAAa,SAAQ,iBAAiB,EAAE,UAAU;IACjE,OAAO,CAAC,EAAE,eAAe,CAAA;CAC1B;AAYD,eAAO,MAAM,cAAc,wHAMzB,CAAA;AAIF,eAAO,MAAM,OAAO,wHAAiB,CAAA"}

package/dist/browser/components/TableEx/TableEx.d.ts

@@ -1,9 +0,0 @@
-import { TableProps } from '@mui/material';
-import { PropsWithChildren } from 'react';
-import { TableExVariants } from './types/index.js';
-export interface TableExProps extends PropsWithChildren, TableProps {
-    variant?: TableExVariants;
-}
-export declare const TableExWithRef: import("react").ForwardRefExoticComponent<Omit<TableExProps, "ref"> & import("react").RefAttributes<HTMLTableElement>>;
-export declare const TableEx: import("react").ForwardRefExoticComponent<Omit<TableExProps, "ref"> & import("react").RefAttributes<HTMLTableElement>>;
-//# sourceMappingURL=TableEx.d.ts.map

package/dist/browser/components/TableEx/TableEx.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableEx.d.ts","sourceRoot":"","sources":["../../../../src/components/TableEx/TableEx.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAElD,MAAM,WAAW,YAAa,SAAQ,iBAAiB,EAAE,UAAU;IACjE,OAAO,CAAC,EAAE,eAAe,CAAA;CAC1B;AAYD,eAAO,MAAM,cAAc,wHAMzB,CAAA;AAIF,eAAO,MAAM,OAAO,wHAAiB,CAAA"}

package/dist/browser/components/TableEx/TableFooterEx.d.cts

@@ -1,8 +0,0 @@
-import { TableFooterProps } from '@mui/material';
-import { PropsWithChildren } from 'react';
-import { TableExVariants } from './types/index.js';
-export interface TableFooterExProps extends PropsWithChildren, TableFooterProps {
-    variant?: TableExVariants;
-}
-export declare const TableFooterEx: React.FC<TableFooterExProps>;
-//# sourceMappingURL=TableFooterEx.d.ts.map

package/dist/browser/components/TableEx/TableFooterEx.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableFooterEx.d.ts","sourceRoot":"","sources":["../../../../src/components/TableEx/TableFooterEx.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAgBlD,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB,EAAE,gBAAgB;IAC7E,OAAO,CAAC,EAAE,eAAe,CAAA;CAC1B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAA4F,CAAA"}

package/dist/browser/components/TableEx/TableFooterEx.d.mts

@@ -1,8 +0,0 @@
-import { TableFooterProps } from '@mui/material';
-import { PropsWithChildren } from 'react';
-import { TableExVariants } from './types/index.js';
-export interface TableFooterExProps extends PropsWithChildren, TableFooterProps {
-    variant?: TableExVariants;
-}
-export declare const TableFooterEx: React.FC<TableFooterExProps>;
-//# sourceMappingURL=TableFooterEx.d.ts.map

package/dist/browser/components/TableEx/TableFooterEx.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableFooterEx.d.ts","sourceRoot":"","sources":["../../../../src/components/TableEx/TableFooterEx.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAgBlD,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB,EAAE,gBAAgB;IAC7E,OAAO,CAAC,EAAE,eAAe,CAAA;CAC1B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAA4F,CAAA"}

package/dist/browser/components/TableEx/TableFooterEx.d.ts

@@ -1,8 +0,0 @@
-import { TableFooterProps } from '@mui/material';
-import { PropsWithChildren } from 'react';
-import { TableExVariants } from './types/index.js';
-export interface TableFooterExProps extends PropsWithChildren, TableFooterProps {
-    variant?: TableExVariants;
-}
-export declare const TableFooterEx: React.FC<TableFooterExProps>;
-//# sourceMappingURL=TableFooterEx.d.ts.map

package/dist/browser/components/TableEx/TableFooterEx.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableFooterEx.d.ts","sourceRoot":"","sources":["../../../../src/components/TableEx/TableFooterEx.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAgBlD,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB,EAAE,gBAAgB;IAC7E,OAAO,CAAC,EAAE,eAAe,CAAA;CAC1B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAA4F,CAAA"}

package/dist/browser/components/TableEx/index.d.cts

@@ -1,5 +0,0 @@
-export * from './TableCellEx.js';
-export * from './TableEx.js';
-export * from './TableFooterEx.js';
-export * from './types/index.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/browser/components/TableEx/index.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TableEx/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA"}

package/dist/browser/components/TableEx/index.d.mts

@@ -1,5 +0,0 @@
-export * from './TableCellEx.js';
-export * from './TableEx.js';
-export * from './TableFooterEx.js';
-export * from './types/index.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/browser/components/TableEx/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TableEx/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA"}

package/dist/browser/components/TableEx/index.d.ts

@@ -1,5 +0,0 @@
-export * from './TableCellEx.js';
-export * from './TableEx.js';
-export * from './TableFooterEx.js';
-export * from './types/index.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/browser/components/TableEx/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TableEx/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA"}

package/dist/browser/components/TableEx/types/TableExVariants.d.cts

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

package/dist/browser/components/TableEx/types/TableExVariants.d.cts.map

@@ -1 +0,0 @@
-{"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/browser/components/TableEx/types/TableExVariants.d.mts

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

package/dist/browser/components/TableEx/types/TableExVariants.d.mts.map

@@ -1 +0,0 @@
-{"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/browser/components/TableEx/types/TableExVariants.d.ts

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

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

@@ -1 +0,0 @@
-{"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/browser/components/TableEx/types/index.d.cts

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