@xyo-network/react-table 4.4.10 → 5.0.0-rc.1

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/TableCellEx.d.ts

@@ -0,0 +1,6 @@
+import type { 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/types/components/TableEx/TableCellEx.d.ts.map

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

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/dist/types/components/TableEx/TableFooterEx.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooterEx.d.ts","sourceRoot":"","sources":["../../../../src/components/TableEx/TableFooterEx.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAgBvD,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/types/components/TableEx/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TableEx/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+import type { ContextExProviderProps } from '@xyo-network/react-shared';
+import type { PropsWithChildren } from 'react';
+import React from 'react';
+export interface TableHeightProviderProps extends ContextExProviderProps, PropsWithChildren {
+    /** @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/types/context/TableHeight/Provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/context/TableHeight/Provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AACvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAA4B,MAAM,OAAO,CAAA;AAIhD,MAAM,WAAW,wBAAyB,SAAQ,sBAAsB,EAAE,iBAAiB;IACzF,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,CA0BlE,CAAA"}

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

@@ -0,0 +1,10 @@
+import type { ContextExState } from '@xyo-network/react-shared';
+import type { 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/types/context/TableHeight/State.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/context/TableHeight/State.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAErD,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/types/context/TableHeight/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/context/TableHeight/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA"}

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

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

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

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

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

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

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

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

package/dist/types/index.d.ts

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

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

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

package/dist/types/types/TableHead.d.ts

@@ -0,0 +1,11 @@
+import type { TableCellProps } from '@mui/material';
+export interface TableHeadCell {
+    align?: 'left' | 'right' | 'center';
+    disablePadding: boolean;
+    id: string;
+    label: string;
+    numeric: boolean;
+    showOnMobile: boolean;
+    width?: TableCellProps['width'];
+}
+//# sourceMappingURL=TableHead.d.ts.map

package/dist/types/types/TableHead.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead.d.ts","sourceRoot":"","sources":["../../../src/types/TableHead.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAEnD,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;IACnC,cAAc,EAAE,OAAO,CAAA;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,YAAY,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;CAChC"}

package/dist/types/types/index.d.ts

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-table",
-  "version": "4.4.10",
+  "version": "5.0.0-rc.1",
   "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.23",
-    "@xyo-network/react-shared": "^4.4.10"
+    "@xylabs/react-hooks": "^6.0.0-rc.2",
+    "@xyo-network/react-shared": "^5.0.0-rc.1"
   },
   "devDependencies": {
-    "@mui/icons-material": "^6.4.6",
-    "@mui/material": "^6.4.6",
-    "@mui/styles": "^6.4.6",
-    "@storybook/react": "^8.6.2",
-    "@xylabs/ts-scripts-yarn3": "^5.0.25",
-    "@xylabs/tsconfig-react": "^5.0.25",
-    "@xyo-network/react-storybook": "^4.4.10",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-router-dom": "^7.2.0",
-    "storybook": "^8.6.2",
-    "typescript": "^5.7.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.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "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/index.d.ts

@@ -1,57 +0,0 @@
-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 } from 'react';
-import * as _xyo_network_react_shared from '@xyo-network/react-shared';
-import { ContextExState, ContextExProviderProps } from '@xyo-network/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, PropsWithChildren {
-    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?: TableCellProps['width'];
-}
-
-export { TableCellEx, type TableCellExProps, TableEx, type TableExProps, type TableExVariants, TableExWithRef, TableFooterEx, type TableFooterExProps, type TableHeadCell, TableHeightContext, TableHeightProvider, type TableHeightProviderProps, type TableHeightState, useTableHeight };