@xyo-network/react-table 7.5.8 → 7.5.12

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

@@ -1,6 +1,7 @@
 import type { TableCellProps } from '@mui/material';
+import type React from 'react';
 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, {}, {}>;
+export declare const TableCellEx: React.FC<TableCellExProps>;
 //# sourceMappingURL=TableCellEx.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"TableCellEx.d.ts","sourceRoot":"","sources":["../../../../src/components/TableEx/TableCellEx.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAEnD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAElD,CAAA"}

package/dist/browser/index.mjs

@@ -1,39 +1,32 @@
-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"
-  }
-}));
+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 React from "react";
-var TableExInner = /* @__PURE__ */ __name(({ children, ...props }) => {
-  return /* @__PURE__ */ React.createElement(Table, props, children);
-}, "TableExInner");
+import { jsx } from "react/jsx-runtime";
+var TableExInner = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsx(Table, { ...props, children });
+};
 TableExInner.displayName = "TableExInner";
-var TableExWithRef = /* @__PURE__ */ __name(({ variant, children, ...props }) => {
-  return /* @__PURE__ */ React.createElement(TableExInner, {
-    stickyHeader: variant === "scrollable",
-    ...props
-  }, children);
-}, "TableExWithRef");
+var TableExWithRef = ({
+  variant,
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(TableExInner, { stickyHeader: variant === "scrollable", ...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";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var TableFooterExRoot = styled2(TableFooter, {
   name: "TableFooterEx",
-  shouldForwardProp: /* @__PURE__ */ __name((propName) => propName !== "scrollable", "shouldForwardProp"),
+  shouldForwardProp: (propName) => propName !== "scrollable",
   slot: "Root"
 })(({ variant, theme }) => ({
   backgroundColor: theme.vars.palette.background.default,
@@ -44,7 +37,7 @@ var TableFooterExRoot = styled2(TableFooter, {
     position: "sticky"
   }
 }));
-var TableFooterEx = /* @__PURE__ */ __name(({ children, ...props }) => /* @__PURE__ */ React2.createElement(TableFooterExRoot, props, children), "TableFooterEx");
+var TableFooterEx = ({ children, ...props }) => /* @__PURE__ */ jsx2(TableFooterExRoot, { ...props, children });
 
 // src/context/TableHeight/Context.ts
 import { createContextEx } from "@xylabs/react-shared";
@@ -52,24 +45,22 @@ var TableHeightContext = createContextEx();
 
 // src/context/TableHeight/Provider.tsx
 import { useResetState } from "@xylabs/react-hooks";
-import React3, { useMemo, useState } from "react";
-var TableHeightProvider = /* @__PURE__ */ __name(({ children, additionalRows = 0, defaultVisibleRows, heightFormat = "px" }) => {
+import { useMemo, useState } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var TableHeightProvider = ({
+  children,
+  additionalRows = 0,
+  defaultVisibleRows,
+  heightFormat = "px"
+}) => {
   const [visibleRows, setVisibleRows] = useResetState(defaultVisibleRows);
   const [rowHeight, setRowHeight] = useState();
   const height = useMemo(() => {
     if (rowHeight !== void 0 && visibleRows !== void 0) {
       return rowHeight * (visibleRows + additionalRows);
     }
-  }, [
-    defaultVisibleRows,
-    rowHeight,
-    visibleRows,
-    additionalRows
-  ]);
-  const formattedHeight = useMemo(() => height === void 0 ? void 0 : `${height}${heightFormat}`, [
-    height,
-    heightFormat
-  ]);
+  }, [rowHeight, visibleRows, additionalRows]);
+  const formattedHeight = useMemo(() => height === void 0 ? void 0 : `${height}${heightFormat}`, [height, heightFormat]);
   const value = useMemo(() => ({
     height: formattedHeight,
     provided: true,
@@ -77,21 +68,13 @@ var TableHeightProvider = /* @__PURE__ */ __name(({ children, additionalRows = 0
     setRowHeight,
     setVisibleRows,
     visibleRows
-  }), [
-    formattedHeight,
-    rowHeight,
-    setRowHeight,
-    setVisibleRows,
-    visibleRows
-  ]);
-  return /* @__PURE__ */ React3.createElement(TableHeightContext, {
-    value
-  }, children);
-}, "TableHeightProvider");
+  }), [formattedHeight, rowHeight, setRowHeight, setVisibleRows, visibleRows]);
+  return /* @__PURE__ */ jsx3(TableHeightContext, { value, children });
+};
 
 // src/context/TableHeight/use.ts
 import { useContextEx } from "@xylabs/react-shared";
-var useTableHeight = /* @__PURE__ */ __name((required = false) => useContextEx(TableHeightContext, "TableHeight", required), "useTableHeight");
+var useTableHeight = (required = false) => useContextEx(TableHeightContext, "TableHeight", required);
 export {
   TableCellEx,
   TableEx,

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 from 'react'\n\nimport type { TableExVariants } from './types/index.ts'\n\nexport interface TableExProps extends PropsWithChildren, TableProps {\n  variant?: TableExVariants\n}\n\nconst TableExInner: React.FC<TableExProps> = ({ children, ...props }) => {\n  return (\n    <Table {...props}>\n      {children}\n    </Table>\n  )\n}\n\nTableExInner.displayName = 'TableExInner'\n\nexport const TableExWithRef: React.FC<TableExProps> = ({\n  variant, children, ...props\n}) => {\n  return (\n    <TableExInner stickyHeader={variant === 'scrollable'} {...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.vars.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 '@xylabs/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 '@xylabs/react-shared'\nimport type { PropsWithChildren } from 'react'\nimport React, { useMemo, useState } from 'react'\n\nimport { TableHeightContext } from './Context.ts'\nimport type { TableHeightState } from './State.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: TableHeightState = 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 '@xylabs/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,eAAuC,wBAAC,EAAEC,UAAU,GAAGC,MAAAA,MAAO;AAClE,SACE,sBAAA,cAACC,OAAUD,OACRD,QAAAA;AAGP,GAN6C;AAQ7CD,aAAaI,cAAc;AAEpB,IAAMC,iBAAyC,wBAAC,EACrDC,SAASL,UAAU,GAAGC,MAAAA,MACvB;AACC,SACE,sBAAA,cAACF,cAAAA;IAAaO,cAAcD,YAAY;IAAe,GAAGJ;KACvDD,QAAAA;AAGP,GARsD;AAUtDI,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,KAAKC,QAAQC,WAAWC;EAC/CC,QAAQ;EACRC,UAAU;EACV,GAAIR,YAAY,gBAAgB;IAC9BO,QAAQ;IACRC,UAAU;EACZ;AACF,EAAA;AAMO,IAAMC,gBAA8C,wBAAC,EAAEC,UAAU,GAAGC,MAAAA,MAAY,gBAAAC,OAAA,cAACnB,mBAAsBkB,OAAQD,QAAAA,GAA3D;;;ACzB3D,SAASG,uBAAuB;AAIzB,IAAMC,qBAAqBD,gBAAAA;;;ACJlC,SAASE,qBAAqB;AAG9B,OAAOC,UAASC,SAASC,gBAAgB;AAYlC,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,QAA0BH,QAAQ,OAAO;IAC7CD,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;;;ACfvE,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","children","props","Table","displayName","TableExWithRef","variant","stickyHeader","TableEx","styled","TableFooter","React","TableFooterExRoot","styled","TableFooter","name","shouldForwardProp","propName","slot","variant","theme","backgroundColor","vars","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"]}
+{"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'\nimport type React from 'react'\n\nexport interface TableCellExProps extends TableCellProps {\n  noBgColor?: boolean\n}\n\nexport const TableCellEx: React.FC<TableCellExProps> = 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: React.FC<TableExProps> = ({ children, ...props }) => {\n  return (\n    <Table {...props}>\n      {children}\n    </Table>\n  )\n}\n\nTableExInner.displayName = 'TableExInner'\n\nexport const TableExWithRef: React.FC<TableExProps> = ({\n  variant, children, ...props\n}) => {\n  return (\n    <TableExInner stickyHeader={variant === 'scrollable'} {...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.vars.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 '@xylabs/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 '@xylabs/react-shared'\nimport type { PropsWithChildren } from 'react'\nimport React, { useMemo, useState } from 'react'\n\nimport { TableHeightContext } from './Context.ts'\nimport type { TableHeightState } from './State.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  }, [rowHeight, visibleRows, additionalRows])\n\n  const formattedHeight = useMemo(() => (height === undefined ? undefined : `${height}${heightFormat}`), [height, heightFormat])\n\n  const value: TableHeightState = useMemo(() => ({\n    height: formattedHeight, provided: true as const, 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 '@xylabs/react-shared'\n\nimport { TableHeightContext } from './Context.ts'\n\nexport const useTableHeight = (required = false) => useContextEx(TableHeightContext, 'TableHeight', required)\n"],"mappings":";AACA,SAAS,QAAQ,iBAAiB;AAO3B,IAAM,cAA0C,OAAO,WAAW,EAAE,MAAM,sBAAsB,mBAAmB,UAAQ,SAAS,YAAY,CAAC;AAAA,EACtJ,CAAC,EAAE,YAAY,KAAK,OAAO,EAAE,GAAI,aAAa,EAAE,iBAAiB,cAAc,EAAG;AACpF;;;ACTA,SAAS,aAAa;AAYlB;AAFJ,IAAM,eAAuC,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AACvE,SACE,oBAAC,SAAO,GAAG,OACR,UACH;AAEJ;AAEA,aAAa,cAAc;AAEpB,IAAM,iBAAyC,CAAC;AAAA,EACrD;AAAA,EAAS;AAAA,EAAU,GAAG;AACxB,MAAM;AACJ,SACE,oBAAC,gBAAa,cAAc,YAAY,cAAe,GAAG,OACvD,UACH;AAEJ;AAEA,eAAe,cAAc;AAEtB,IAAM,UAAU;;;AChCvB,SAAS,UAAAA,SAAQ,mBAAmB;AAwBmD,gBAAAC,YAAA;AAlBvF,IAAM,oBAAoBD,QAAO,aAAa;AAAA,EAC5C,MAAM;AAAA,EACN,mBAAmB,cAAY,aAAa;AAAA,EAC5C,MAAM;AACR,CAAC,EAAsB,CAAC,EAAE,SAAS,MAAM,OAAO;AAAA,EAC9C,iBAAiB,MAAM,KAAK,QAAQ,WAAW;AAAA,EAC/C,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;;;ACzB/H,SAAS,uBAAuB;AAIzB,IAAM,qBAAqB,gBAAkC;;;ACJpE,SAAS,qBAAqB;AAG9B,SAAgB,SAAS,gBAAgB;AAkCrC,gBAAAC,YAAA;AAtBG,IAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,IAAI,cAAc,kBAAkB;AACtE,QAAM,CAAC,WAAW,YAAY,IAAI,SAA6B;AAE/D,QAAM,SAAS,QAAQ,MAAM;AAC3B,QAAI,cAAc,UAAa,gBAAgB,QAAW;AACxD,aAAO,aAAa,cAAc;AAAA,IACpC;AAAA,EACF,GAAG,CAAC,WAAW,aAAa,cAAc,CAAC;AAE3C,QAAM,kBAAkB,QAAQ,MAAO,WAAW,SAAY,SAAY,GAAG,MAAM,GAAG,YAAY,IAAK,CAAC,QAAQ,YAAY,CAAC;AAE7H,QAAM,QAA0B,QAAQ,OAAO;AAAA,IAC7C,QAAQ;AAAA,IAAiB,UAAU;AAAA,IAAe;AAAA,IAAW;AAAA,IAAc;AAAA,IAAgB;AAAA,EAC7F,IAAI,CAAC,iBAAiB,WAAW,cAAc,gBAAgB,WAAW,CAAC;AAE3E,SACE,gBAAAA,KAAC,sBAAmB,OACjB,UACH;AAEJ;;;ACzCA,SAAS,oBAAoB;AAItB,IAAM,iBAAiB,CAAC,WAAW,UAAU,aAAa,oBAAoB,eAAe,QAAQ;","names":["styled","jsx","jsx"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-table",
-  "version": "7.5.8",
+  "version": "7.5.12",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -36,45 +36,63 @@
     },
     "./package.json": "./package.json"
   },
-  "module": "dist/browser/index.mjs",
-  "types": "dist/browser/index.d.ts",
   "files": [
     "dist",
-    "src"
+    "README.md"
   ],
-  "dependencies": {
-    "@xylabs/react-hooks": "~7.1.17",
-    "@xylabs/react-shared": "~7.1.17"
-  },
   "devDependencies": {
-    "@mui/icons-material": "~7.3.9",
-    "@mui/material": "~7.3.9",
-    "@storybook/react-vite": "~10.3.3",
+    "@mui/material": "^7.3.10",
+    "@opentelemetry/api": "^1.9.1",
+    "@opentelemetry/sdk-trace-base": "^2.7.0",
+    "@storybook/react-vite": "~10.3.5",
+    "@types/node": "~25.6.0",
     "@types/react": "^19.2.14",
-    "@xylabs/ts-scripts-common": "~7.5.6",
-    "@xylabs/ts-scripts-yarn3": "~7.5.6",
-    "@xylabs/tsconfig": "~7.5.6",
-    "@xylabs/tsconfig-dom": "~7.5.6",
-    "@xylabs/tsconfig-react": "~7.5.6",
-    "@xyo-network/react-storybook": "7.5.8",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "react-router-dom": "^7.13.2",
-    "storybook": "~10.3.3",
+    "@xylabs/react-async-effect": "~7.1.20",
+    "@xylabs/react-hooks": "~7.1.20",
+    "@xylabs/react-promise": "~7.1.20",
+    "@xylabs/react-shared": "~7.1.20",
+    "@xylabs/sdk-js": "^5.0.100",
+    "@xylabs/toolchain": "~7.11.9",
+    "@xylabs/tsconfig": "^7.11.9",
+    "@xylabs/tsconfig-dom": "^7.11.9",
+    "@xylabs/tsconfig-react": "~7.11.9",
+    "@xyo-network/boundwitness-model": "^5.5.1",
+    "@xyo-network/payload-model": "^5.5.1",
+    "async-mutex": "^0.5.0",
+    "axios": "^1.15.2",
+    "bn.js": "^5.2.3",
+    "buffer": "^6.0.3",
+    "chalk": "^5.6.2",
+    "esbuild": "~0.28.0",
+    "eslint": "^10.2.1",
+    "ethers": "^6.16.0",
+    "pako": "^2.1.0",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "storybook": "^10.3.5",
     "typescript": "^5.9.3",
-    "vite": "~8.0.3",
-    "zod": "^4.3.6"
+    "vite": "^8.0.10",
+    "zod": "^4.3.6",
+    "@xyo-network/react-storybook": "~7.5.12"
   },
   "peerDependencies": {
-    "@mui/icons-material": ">=6 <8",
-    "@mui/material": ">=6 <8",
-    "react": "^19",
-    "react-dom": "^19",
-    "react-router-dom": "^7",
-    "zod": "^4"
+    "@mui/material": "^7.3.10",
+    "@opentelemetry/sdk-trace-base": "^2.7.0",
+    "@xylabs/react-async-effect": "~7.1.20",
+    "@xylabs/react-hooks": "~7.1.20",
+    "@xylabs/react-shared": "~7.1.20",
+    "async-mutex": "^0.5.0",
+    "bn.js": "^5.2.3",
+    "buffer": "^6.0.3",
+    "chalk": "^5.6.2",
+    "ethers": "^6.16.0",
+    "pako": "^2.1.0",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "zod": "^4.3.6"
   },
   "publishConfig": {
     "access": "public"
   },
   "docs": "dist/docs.json"
-}
+}

package/src/components/TableEx/TableCellEx.tsx

@@ -1,10 +0,0 @@
-import type { TableCellProps } from '@mui/material'
-import { styled, TableCell } from '@mui/material'
-
-export interface TableCellExProps extends TableCellProps {
-  noBgColor?: boolean
-}
-
-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,93 +0,0 @@
-import {
-  TableBody, TableCell, TableHead, TablePagination, TableRow, useTheme,
-} from '@mui/material'
-import type {
-  Decorator, Meta, StoryFn,
-} from '@storybook/react-vite'
-import { WithRefDecorator } from '@xyo-network/react-storybook'
-import React from 'react'
-
-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',
-  }}
-  >
-    <Story {...args} />
-  </div>
-)
-
-const StorybookEntry = {
-  argTypes: {},
-  component: TableEx,
-  parameters: { docs: { page: null } },
-  title: 'shared/TableEx',
-} as Meta<typeof TableEx>
-
-const Template: StoryFn<typeof TableEx> = (args) => {
-  const { variant } = args
-  const theme = useTheme()
-  const tableRows = [...Array(100).keys()]
-
-  return (
-    <TableEx {...args}>
-      <TableHead>
-        <TableRow>
-          <TableCellEx>Heading 1</TableCellEx>
-          <TableCellEx>Heading 2</TableCellEx>
-        </TableRow>
-      </TableHead>
-      <TableBody>
-        {tableRows.map(row => (
-          <TableRow key={row}>
-            <TableCell>
-              Row
-              {row}
-            </TableCell>
-            <TableCell>Cell 2</TableCell>
-          </TableRow>
-        ))}
-      </TableBody>
-      <TableFooterEx variant={variant}>
-        <TableRow>
-          <TablePagination
-            rowsPerPageOptions={[5, 10, 25, { label: 'All', value: -1 }]}
-            count={25}
-            page={1}
-            rowsPerPage={5}
-            style={{ borderTop: '1px solid', borderTopColor: theme.vars.palette.divider }}
-            SelectProps={{
-              inputProps: { 'aria-label': 'rows per page' },
-              native: true,
-            }}
-            onPageChange={() => {
-              return
-            }}
-            onRowsPerPageChange={() => {
-              return
-            }}
-          />
-        </TableRow>
-      </TableFooterEx>
-    </TableEx>
-  )
-}
-
-const Default = Template.bind({})
-Default.args = {}
-
-const WithRef = Template.bind({})
-WithRef.decorators = [WithRefDecorator]
-
-const WithScrollable = Template.bind({})
-WithScrollable.args = { variant: 'scrollable' }
-WithScrollable.decorators = [ScrollableDecorator]
-
-export {
-  Default, WithRef, WithScrollable,
-}
-
-export default StorybookEntry

package/src/components/TableEx/TableEx.tsx

@@ -1,34 +0,0 @@
-import type { TableProps } from '@mui/material'
-import { Table } 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
-}
-
-const TableExInner: React.FC<TableExProps> = ({ children, ...props }) => {
-  return (
-    <Table {...props}>
-      {children}
-    </Table>
-  )
-}
-
-TableExInner.displayName = 'TableExInner'
-
-export const TableExWithRef: React.FC<TableExProps> = ({
-  variant, children, ...props
-}) => {
-  return (
-    <TableExInner stickyHeader={variant === 'scrollable'} {...props}>
-      {children}
-    </TableExInner>
-  )
-}
-
-TableExWithRef.displayName = 'TableEx'
-
-export const TableEx = TableExWithRef

package/src/components/TableEx/TableFooterEx.tsx

@@ -1,26 +0,0 @@
-import type { TableFooterProps } from '@mui/material'
-import { styled, TableFooter } from '@mui/material'
-import type { PropsWithChildren } from 'react'
-import React from 'react'
-
-import type { TableExVariants } from './types/index.ts'
-
-const TableFooterExRoot = styled(TableFooter, {
-  name: 'TableFooterEx',
-  shouldForwardProp: propName => propName !== 'scrollable',
-  slot: 'Root',
-})<TableFooterExProps>(({ variant, theme }) => ({
-  backgroundColor: theme.vars.palette.background.default,
-  bottom: 'unset',
-  position: 'relative',
-  ...(variant === 'scrollable' && {
-    bottom: 0,
-    position: 'sticky',
-  }),
-}))
-
-export interface TableFooterExProps extends PropsWithChildren, TableFooterProps {
-  variant?: TableExVariants
-}
-
-export const TableFooterEx: React.FC<TableFooterExProps> = ({ children, ...props }) => <TableFooterExRoot {...props}>{children}</TableFooterExRoot>

package/src/components/TableEx/index.ts

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

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

@@ -1 +0,0 @@
-export type TableExVariants = 'scrollable' | 'normal'

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

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

package/src/components/index.ts

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

package/src/context/TableHeight/Context.ts

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

package/src/context/TableHeight/Provider.tsx

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

package/src/context/TableHeight/State.ts

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

package/src/context/TableHeight/index.ts

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

package/src/context/TableHeight/use.ts

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

package/src/context/index.ts

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

package/src/global.d.ts

@@ -1 +0,0 @@
-import '@mui/material/themeCssVarsAugmentation'

package/src/index.ts

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

package/src/types/TableHead.ts

@@ -1,11 +0,0 @@
-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']
-}

package/src/types/index.ts

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