@xyo-network/react-table 4.4.11 → 5.0.0-rc.2

package/dist/browser/index.mjs

@@ -14,21 +14,21 @@ var TableCellEx = styled(TableCell, {
 
 // src/components/TableEx/TableEx.tsx
 import { Table } from "@mui/material";
-import React, { forwardRef } from "react";
-var TableExInner = /* @__PURE__ */ forwardRef(({ children, ...props }, ref) => {
+import React from "react";
+var TableExInner = /* @__PURE__ */ __name(({ ref, children, ...props }) => {
   return /* @__PURE__ */ React.createElement(Table, {
     ref,
     ...props
   }, children);
-});
+}, "TableExInner");
 TableExInner.displayName = "TableExInner";
-var TableExWithRef = /* @__PURE__ */ forwardRef(({ variant, children, ...props }, ref) => {
+var TableExWithRef = /* @__PURE__ */ __name(({ ref, variant, children, ...props }) => {
   return /* @__PURE__ */ React.createElement(TableExInner, {
     stickyHeader: variant === "scrollable",
     ref,
     ...props
   }, children);
-});
+}, "TableExWithRef");
 TableExWithRef.displayName = "TableEx";
 var TableEx = TableExWithRef;
 
@@ -88,7 +88,7 @@ var TableHeightProvider = /* @__PURE__ */ __name(({ children, additionalRows = 0
     setVisibleRows,
     visibleRows
   ]);
-  return /* @__PURE__ */ React3.createElement(TableHeightContext.Provider, {
+  return /* @__PURE__ */ React3.createElement(TableHeightContext, {
     value
   }, children);
 }, "TableHeightProvider");

package/dist/browser/index.mjs.map

@@ -1 +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 type { TableCellProps } from '@mui/material'\nimport { styled, TableCell } 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 }) => ({ ...(noBgColor && { backgroundColor: 'transparent' }) }),\n)\n","import type { TableProps } from '@mui/material'\nimport { Table } from '@mui/material'\nimport type { PropsWithChildren } from 'react'\nimport React, { forwardRef } from 'react'\n\nimport type { 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>(({\n  variant, children, ...props\n}, 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 type { TableFooterProps } from '@mui/material'\nimport { styled, TableFooter } from '@mui/material'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\n\nimport type { 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 type { TableHeightState } from './State.ts'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n","import { useResetState } from '@xylabs/react-hooks'\nimport type { ContextExProviderProps } from '@xyo-network/react-shared'\nimport type { PropsWithChildren } from 'react'\nimport React, { useMemo, useState } from 'react'\n\nimport { TableHeightContext } from './Context.ts'\n\nexport interface TableHeightProviderProps extends ContextExProviderProps, PropsWithChildren {\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] = useResetState(defaultVisibleRows)\n  const [rowHeight, setRowHeight] = useState<number | undefined>()\n\n  const height = useMemo(() => {\n    if (rowHeight !== undefined && visibleRows !== undefined) {\n      return rowHeight * (visibleRows + additionalRows)\n    }\n  }, [defaultVisibleRows, rowHeight, visibleRows, additionalRows])\n\n  const formattedHeight = useMemo(() => (height === undefined ? undefined : `${height}${heightFormat}`), [height, heightFormat])\n\n  const value = useMemo(() => ({\n    height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows,\n  }), [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":";;;;AACA,SAASA,QAAQC,iBAAiB;AAM3B,IAAMC,cAAcC,OAAOC,WAAW;EAAEC,MAAM;EAAsBC,mBAAmBC,wBAAAA,SAAQA,SAAS,aAAjBA;AAA6B,CAAA,EACzH,CAAC,EAAEC,YAAY,KAAI,OAAQ;EAAE,GAAIA,aAAa;IAAEC,iBAAiB;EAAc;AAAG,EAAA;;;ACPpF,SAASC,aAAa;AAEtB,OAAOC,SAASC,kBAAkB;AAQlC,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,EACxEO,SAASL,UAAU,GAAGC,MAAAA,GACrBC,QAAAA;AACD,SACE,sBAAA,cAACH,cAAAA;IAAaO,cAAcD,YAAY;IAAcH;IAAW,GAAGD;KACjED,QAAAA;AAGP,CAAA;AAEAI,eAAeD,cAAc;AAEtB,IAAMI,UAAUH;;;AChCvB,SAASI,UAAAA,SAAQC,mBAAmB;AAEpC,OAAOC,YAAW;AAIlB,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;;;ACzB3D,SAASG,uBAAuB;AAIzB,IAAMC,qBAAqBD,gBAAAA;;;ACJlC,SAASE,qBAAqB;AAG9B,OAAOC,UAASC,SAASC,gBAAgB;AAWlC,IAAMC,sBAA0D,wBAAC,EACtEC,UACAC,iBAAiB,GACjBC,oBACAC,eAAe,KAAI,MACpB;AACC,QAAM,CAACC,aAAaC,cAAAA,IAAkBC,cAAcJ,kBAAAA;AACpD,QAAM,CAACK,WAAWC,YAAAA,IAAgBC,SAAAA;AAElC,QAAMC,SAASC,QAAQ,MAAA;AACrB,QAAIJ,cAAcK,UAAaR,gBAAgBQ,QAAW;AACxD,aAAOL,aAAaH,cAAcH;IACpC;EACF,GAAG;IAACC;IAAoBK;IAAWH;IAAaH;GAAe;AAE/D,QAAMY,kBAAkBF,QAAQ,MAAOD,WAAWE,SAAYA,SAAY,GAAGF,MAAAA,GAASP,YAAAA,IAAiB;IAACO;IAAQP;GAAa;AAE7H,QAAMW,QAAQH,QAAQ,OAAO;IAC3BD,QAAQG;IAAiBE,UAAU;IAAMR;IAAWC;IAAcH;IAAgBD;EACpF,IAAI;IAACS;IAAiBN;IAAWC;IAAcH;IAAgBD;GAAY;AAE3E,SACE,gBAAAY,OAAA,cAACC,mBAAmBC,UAAQ;IAACJ;KAC1Bd,QAAAA;AAGP,GA1BuE;;;ACdvE,SAASmB,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","useResetState","React","useMemo","useState","TableHeightProvider","children","additionalRows","defaultVisibleRows","heightFormat","visibleRows","setVisibleRows","useResetState","rowHeight","setRowHeight","useState","height","useMemo","undefined","formattedHeight","value","provided","React","TableHeightContext","Provider","useContextEx","useTableHeight","required","useContextEx","TableHeightContext"]}
+{"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 type { TableCellProps } from '@mui/material'\nimport { styled, TableCell } 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 }) => ({ ...(noBgColor && { backgroundColor: 'transparent' }) }),\n)\n","import type { TableProps } from '@mui/material'\nimport { Table } from '@mui/material'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\n\nimport type { TableExVariants } from './types/index.ts'\n\nexport interface TableExProps extends PropsWithChildren, TableProps {\n  variant?: TableExVariants\n}\n\nconst TableExInner = ({\n  ref, children, ...props\n}: TableExProps & { ref?: React.RefObject<HTMLTableElement | null> }) => {\n  return (\n    <Table ref={ref} {...props}>\n      {children}\n    </Table>\n  )\n}\n\nTableExInner.displayName = 'TableExInner'\n\nexport const TableExWithRef = ({\n  ref, variant, children, ...props\n}: TableExProps & { ref?: React.RefObject<HTMLTableElement | null> }) => {\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 type { TableFooterProps } from '@mui/material'\nimport { styled, TableFooter } from '@mui/material'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\n\nimport type { 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 type { TableHeightState } from './State.ts'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n","import { useResetState } from '@xylabs/react-hooks'\nimport type { ContextExProviderProps } from '@xyo-network/react-shared'\nimport type { PropsWithChildren } from 'react'\nimport React, { useMemo, useState } from 'react'\n\nimport { TableHeightContext } from './Context.ts'\n\nexport interface TableHeightProviderProps extends ContextExProviderProps, PropsWithChildren {\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] = useResetState(defaultVisibleRows)\n  const [rowHeight, setRowHeight] = useState<number | undefined>()\n\n  const height = useMemo(() => {\n    if (rowHeight !== undefined && visibleRows !== undefined) {\n      return rowHeight * (visibleRows + additionalRows)\n    }\n  }, [defaultVisibleRows, rowHeight, visibleRows, additionalRows])\n\n  const formattedHeight = useMemo(() => (height === undefined ? undefined : `${height}${heightFormat}`), [height, heightFormat])\n\n  const value = useMemo(() => ({\n    height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows,\n  }), [formattedHeight, rowHeight, setRowHeight, setVisibleRows, visibleRows])\n\n  return (\n    <TableHeightContext value={value}>\n      {children}\n    </TableHeightContext>\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":";;;;AACA,SAASA,QAAQC,iBAAiB;AAM3B,IAAMC,cAAcC,OAAOC,WAAW;EAAEC,MAAM;EAAsBC,mBAAmBC,wBAAAA,SAAQA,SAAS,aAAjBA;AAA6B,CAAA,EACzH,CAAC,EAAEC,YAAY,KAAI,OAAQ;EAAE,GAAIA,aAAa;IAAEC,iBAAiB;EAAc;AAAG,EAAA;;;ACPpF,SAASC,aAAa;AAEtB,OAAOC,WAAW;AAQlB,IAAMC,eAAe,wBAAC,EACpBC,KAAKC,UAAU,GAAGC,MAAAA,MACgD;AAClE,SACE,sBAAA,cAACC,OAAAA;IAAMH;IAAW,GAAGE;KAClBD,QAAAA;AAGP,GARqB;AAUrBF,aAAaK,cAAc;AAEpB,IAAMC,iBAAiB,wBAAC,EAC7BL,KAAKM,SAASL,UAAU,GAAGC,MAAAA,MACuC;AAClE,SACE,sBAAA,cAACH,cAAAA;IAAaQ,cAAcD,YAAY;IAAcN;IAAW,GAAGE;KACjED,QAAAA;AAGP,GAR8B;AAU9BI,eAAeD,cAAc;AAEtB,IAAMI,UAAUH;;;AClCvB,SAASI,UAAAA,SAAQC,mBAAmB;AAEpC,OAAOC,YAAW;AAIlB,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;;;ACzB3D,SAASG,uBAAuB;AAIzB,IAAMC,qBAAqBD,gBAAAA;;;ACJlC,SAASE,qBAAqB;AAG9B,OAAOC,UAASC,SAASC,gBAAgB;AAWlC,IAAMC,sBAA0D,wBAAC,EACtEC,UACAC,iBAAiB,GACjBC,oBACAC,eAAe,KAAI,MACpB;AACC,QAAM,CAACC,aAAaC,cAAAA,IAAkBC,cAAcJ,kBAAAA;AACpD,QAAM,CAACK,WAAWC,YAAAA,IAAgBC,SAAAA;AAElC,QAAMC,SAASC,QAAQ,MAAA;AACrB,QAAIJ,cAAcK,UAAaR,gBAAgBQ,QAAW;AACxD,aAAOL,aAAaH,cAAcH;IACpC;EACF,GAAG;IAACC;IAAoBK;IAAWH;IAAaH;GAAe;AAE/D,QAAMY,kBAAkBF,QAAQ,MAAOD,WAAWE,SAAYA,SAAY,GAAGF,MAAAA,GAASP,YAAAA,IAAiB;IAACO;IAAQP;GAAa;AAE7H,QAAMW,QAAQH,QAAQ,OAAO;IAC3BD,QAAQG;IAAiBE,UAAU;IAAMR;IAAWC;IAAcH;IAAgBD;EACpF,IAAI;IAACS;IAAiBN;IAAWC;IAAcH;IAAgBD;GAAY;AAE3E,SACE,gBAAAY,OAAA,cAACC,oBAAAA;IAAmBH;KACjBd,QAAAA;AAGP,GA1BuE;;;ACdvE,SAASkB,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","TableExInner","ref","children","props","Table","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","useResetState","React","useMemo","useState","TableHeightProvider","children","additionalRows","defaultVisibleRows","heightFormat","visibleRows","setVisibleRows","useResetState","rowHeight","setRowHeight","useState","height","useMemo","undefined","formattedHeight","value","provided","React","TableHeightContext","useContextEx","useTableHeight","required","useContextEx","TableHeightContext"]}

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

@@ -0,0 +1,20 @@
+import type { TableProps } from '@mui/material';
+import type { PropsWithChildren } from 'react';
+import React from 'react';
+import type { TableExVariants } from './types/index.ts';
+export interface TableExProps extends PropsWithChildren, TableProps {
+    variant?: TableExVariants;
+}
+export declare const TableExWithRef: {
+    ({ ref, variant, children, ...props }: TableExProps & {
+        ref?: React.RefObject<HTMLTableElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const TableEx: {
+    ({ ref, variant, children, ...props }: TableExProps & {
+        ref?: React.RefObject<HTMLTableElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=TableEx.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableEx.d.ts","sourceRoot":"","sources":["../../../../src/components/TableEx/TableEx.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAEvD,MAAM,WAAW,YAAa,SAAQ,iBAAiB,EAAE,UAAU;IACjE,OAAO,CAAC,EAAE,eAAe,CAAA;CAC1B;AAcD,eAAO,MAAM,cAAc;2CAExB,YAAY,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;KAAE;;CAMnE,CAAA;AAID,eAAO,MAAM,OAAO;2CAVjB,YAAY,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;KAAE;;CAU/B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-table",
-  "version": "4.4.11",
+  "version": "5.0.0-rc.2",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -28,10 +28,10 @@
   "exports": {
     ".": {
       "browser": {
-        "types": "./dist/browser/index.d.ts",
+        "types": "./dist/types/index.d.ts",
         "default": "./dist/browser/index.mjs"
       },
-      "types": "./dist/browser/index.d.ts",
+      "types": "./dist/types/index.d.ts",
       "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
@@ -43,33 +43,35 @@
     "lint-pkg": "npmPkgJsonLint ."
   },
   "dependencies": {
-    "@xylabs/react-hooks": "^5.3.25",
-    "@xyo-network/react-shared": "^4.4.11"
+    "@xylabs/react-hooks": "^6.0.0-rc.2",
+    "@xyo-network/react-shared": "^5.0.0-rc.2"
   },
   "devDependencies": {
-    "@mui/icons-material": "^6.4.6",
-    "@mui/material": "^6.4.6",
-    "@mui/styles": "^6.4.6",
-    "@storybook/react": "^8.6.3",
-    "@xylabs/ts-scripts-yarn3": "^5.0.39",
-    "@xylabs/tsconfig-react": "^5.0.39",
-    "@xyo-network/react-storybook": "^4.4.11",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-router-dom": "^7.2.0",
-    "storybook": "^8.6.3",
+    "@mui/icons-material": "^6.4.7",
+    "@mui/material": "^6.4.7",
+    "@mui/styles": "^6.4.7",
+    "@storybook/react": "^8.6.4",
+    "@types/react": "^19.0.10",
+    "@xylabs/ts-scripts-yarn3": "^6.0.3",
+    "@xylabs/tsconfig-react": "^6.0.3",
+    "@xyo-network/react-storybook": "^5.0.0-rc.2",
+    "react": "^19",
+    "react-dom": "^19",
+    "react-router-dom": "^7.3.0",
+    "storybook": "^8.6.4",
     "typescript": "^5.8.2"
   },
   "peerDependencies": {
     "@mui/icons-material": "^6",
     "@mui/material": "^6",
     "@mui/styles": "^6",
-    "react": "^18",
-    "react-dom": "^18",
+    "react": "^19",
+    "react-dom": "^19",
     "react-router-dom": "^7"
   },
   "publishConfig": {
     "access": "public"
   },
-  "docs": "dist/docs.json"
+  "docs": "dist/docs.json",
+  "stableVersion": "4.4.11"
 }

package/src/components/TableEx/TableEx.tsx

@@ -1,7 +1,7 @@
 import type { TableProps } from '@mui/material'
 import { Table } from '@mui/material'
 import type { PropsWithChildren } from 'react'
-import React, { forwardRef } from 'react'
+import React from 'react'
 
 import type { TableExVariants } from './types/index.ts'
 
@@ -9,25 +9,27 @@ export interface TableExProps extends PropsWithChildren, TableProps {
   variant?: TableExVariants
 }
 
-const TableExInner = forwardRef<HTMLTableElement, TableExProps>(({ children, ...props }, ref) => {
+const TableExInner = ({
+  ref, children, ...props
+}: TableExProps & { ref?: React.RefObject<HTMLTableElement | null> }) => {
   return (
     <Table ref={ref} {...props}>
       {children}
     </Table>
   )
-})
+}
 
 TableExInner.displayName = 'TableExInner'
 
-export const TableExWithRef = forwardRef<HTMLTableElement, TableExProps>(({
-  variant, children, ...props
-}, ref) => {
+export const TableExWithRef = ({
+  ref, variant, children, ...props
+}: TableExProps & { ref?: React.RefObject<HTMLTableElement | null> }) => {
   return (
     <TableExInner stickyHeader={variant === 'scrollable'} ref={ref} {...props}>
       {children}
     </TableExInner>
   )
-})
+}
 
 TableExWithRef.displayName = 'TableEx'
 

package/src/context/TableHeight/Provider.tsx

@@ -34,8 +34,8 @@ export const TableHeightProvider: React.FC<TableHeightProviderProps> = ({
   }), [formattedHeight, rowHeight, setRowHeight, setVisibleRows, visibleRows])
 
   return (
-    <TableHeightContext.Provider value={value}>
+    <TableHeightContext value={value}>
       {children}
-    </TableHeightContext.Provider>
+    </TableHeightContext>
   )
 }

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

@@ -1,10 +0,0 @@
-import type { TableProps } from '@mui/material';
-import type { PropsWithChildren } from 'react';
-import React from 'react';
-import type { TableExVariants } from './types/index.ts';
-export interface TableExProps extends PropsWithChildren, TableProps {
-    variant?: TableExVariants;
-}
-export declare const TableExWithRef: React.ForwardRefExoticComponent<Omit<TableExProps, "ref"> & React.RefAttributes<HTMLTableElement>>;
-export declare const TableEx: React.ForwardRefExoticComponent<Omit<TableExProps, "ref"> & 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,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAEvD,MAAM,WAAW,YAAa,SAAQ,iBAAiB,EAAE,UAAU;IACjE,OAAO,CAAC,EAAE,eAAe,CAAA;CAC1B;AAYD,eAAO,MAAM,cAAc,oGAQzB,CAAA;AAIF,eAAO,MAAM,OAAO,oGAAiB,CAAA"}