@xyo-network/react-table 2.77.2 → 2.78.1

package/dist/browser/index.cjs

@@ -1,2 +1,104 @@
-"use strict";var x=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var W=Object.prototype.hasOwnProperty;var y=(e,o)=>{for(var r in o)x(e,r,{get:o[r],enumerable:!0})},k=(e,o,r,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of R(o))!W.call(e,t)&&t!==r&&x(e,t,{get:()=>o[t],enumerable:!(a=v(o,t))||a.enumerable});return e};var w=e=>k(x({},"__esModule",{value:!0}),e);var L={};y(L,{TableCellEx:()=>B,TableEx:()=>I,TableExWithRef:()=>d,TableFooterEx:()=>N,TableHeightContext:()=>n,TableHeightProvider:()=>S,useTableHeight:()=>V});module.exports=w(L);var s=require("@mui/material"),B=(0,s.styled)(s.TableCell,{name:"TableCellNoBgColor",shouldForwardProp:e=>e!=="noBgColor"})(({noBgColor:e=!0})=>({...e&&{backgroundColor:"transparent"}}));var h=require("@mui/material"),T=require("react"),m=require("react/jsx-runtime"),P=(0,T.forwardRef)(({children:e,...o},r)=>(0,m.jsx)(h.Table,{ref:r,...o,children:e}));P.displayName="TableExInner";var d=(0,T.forwardRef)(({variant:e,children:o,...r},a)=>(0,m.jsx)(P,{stickyHeader:e==="scrollable",ref:a,...r,children:o}));d.displayName="TableEx";var I=d;var p=require("@mui/material"),E=require("react/jsx-runtime"),M=(0,p.styled)(p.TableFooter,{name:"TableFooterEx",shouldForwardProp:e=>e!=="scrollable",slot:"Root"})(({variant:e,theme:o})=>({backgroundColor:o.palette.background.default,bottom:"unset",position:"relative",...e==="scrollable"&&{bottom:0,position:"sticky"}})),N=({children:e,...o})=>(0,E.jsx)(M,{...o,children:e});var C=require("@xyo-network/react-shared"),n=(0,C.createContextEx)();var l=require("react");var c=require("react/jsx-runtime"),S=({children:e,additionalRows:o=0,defaultVisibleRows:r,heightFormat:a="px"})=>{let[t,f]=(0,l.useState)(r),[b,u]=(0,l.useState)(),[i,H]=(0,l.useState)(),F=(0,l.useMemo)(()=>b===void 0?void 0:`${b}${a}`,[b,a]);return(0,l.useEffect)(()=>{f(r)},[r]),(0,l.useEffect)(()=>{i!==void 0&&t!==void 0&&u(i*(t+o))},[r,i,t,o]),(0,c.jsx)(n.Provider,{value:{height:F,provided:!0,rowHeight:i,setRowHeight:H,setVisibleRows:f,visibleRows:t},children:e})};var g=require("@xyo-network/react-shared");var V=(e=!1)=>(0,g.useContextEx)(n,"TableHeight",e);
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  TableCellEx: () => TableCellEx,
+  TableEx: () => TableEx,
+  TableExWithRef: () => TableExWithRef,
+  TableFooterEx: () => TableFooterEx,
+  TableHeightContext: () => TableHeightContext,
+  TableHeightProvider: () => TableHeightProvider,
+  useTableHeight: () => useTableHeight
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/TableEx/TableCellEx.tsx
+var import_material = require("@mui/material");
+var TableCellEx = (0, import_material.styled)(import_material.TableCell, { name: "TableCellNoBgColor", shouldForwardProp: (prop) => prop !== "noBgColor" })(
+  ({ noBgColor = true }) => ({
+    ...noBgColor && { backgroundColor: "transparent" }
+  })
+);
+
+// src/components/TableEx/TableEx.tsx
+var import_material2 = require("@mui/material");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var TableExInner = (0, import_react.forwardRef)(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material2.Table, { ref, ...props, children });
+});
+TableExInner.displayName = "TableExInner";
+var TableExWithRef = (0, import_react.forwardRef)(({ variant, children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableExInner, { stickyHeader: variant === "scrollable", ref, ...props, children });
+});
+TableExWithRef.displayName = "TableEx";
+var TableEx = TableExWithRef;
+
+// src/components/TableEx/TableFooterEx.tsx
+var import_material3 = require("@mui/material");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var TableFooterExRoot = (0, import_material3.styled)(import_material3.TableFooter, {
+  name: "TableFooterEx",
+  shouldForwardProp: (propName) => propName !== "scrollable",
+  slot: "Root"
+})(({ variant, theme }) => ({
+  backgroundColor: theme.palette.background.default,
+  bottom: "unset",
+  position: "relative",
+  ...variant === "scrollable" && {
+    bottom: 0,
+    position: "sticky"
+  }
+}));
+var TableFooterEx = ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TableFooterExRoot, { ...props, children });
+
+// src/context/TableHeight/Context.ts
+var import_react_shared = require("@xyo-network/react-shared");
+var TableHeightContext = (0, import_react_shared.createContextEx)();
+
+// src/context/TableHeight/Provider.tsx
+var import_react2 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var TableHeightProvider = ({
+  children,
+  additionalRows = 0,
+  defaultVisibleRows,
+  heightFormat = "px"
+}) => {
+  const [visibleRows, setVisibleRows] = (0, import_react2.useState)(defaultVisibleRows);
+  const [height, setHeight] = (0, import_react2.useState)();
+  const [rowHeight, setRowHeight] = (0, import_react2.useState)();
+  const formattedHeight = (0, import_react2.useMemo)(() => height === void 0 ? void 0 : `${height}${heightFormat}`, [height, heightFormat]);
+  (0, import_react2.useEffect)(() => {
+    setVisibleRows(defaultVisibleRows);
+  }, [defaultVisibleRows]);
+  (0, import_react2.useEffect)(() => {
+    if (rowHeight !== void 0 && visibleRows !== void 0) {
+      setHeight(rowHeight * (visibleRows + additionalRows));
+    }
+  }, [defaultVisibleRows, rowHeight, visibleRows, additionalRows]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TableHeightContext.Provider, { value: { height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }, children });
+};
+
+// src/context/TableHeight/use.tsx
+var import_react_shared2 = require("@xyo-network/react-shared");
+var useTableHeight = (required = false) => (0, import_react_shared2.useContextEx)(TableHeightContext, "TableHeight", required);
 //# sourceMappingURL=index.cjs.map

package/dist/browser/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts","../../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.tsx"],"sourcesContent":["export * from './components'\nexport * from './context'\nexport * from './types'\n","import { styled, TableCell, TableCellProps } from '@mui/material'\n\nexport interface TableCellExProps extends TableCellProps {\n  noBgColor?: boolean\n}\n\nexport const TableCellEx = styled(TableCell, { name: 'TableCellNoBgColor', shouldForwardProp: (prop) => prop !== 'noBgColor' })<TableCellExProps>(\n  ({ noBgColor = true }) => ({\n    ...(noBgColor && { backgroundColor: 'transparent' }),\n  }),\n)\n","import { Table, TableProps } from '@mui/material'\nimport { forwardRef, PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types'\n\nexport interface TableExProps extends PropsWithChildren, TableProps {\n  variant?: TableExVariants\n}\n\nconst TableExInner = 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 { PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types'\n\nconst TableFooterExRoot = styled(TableFooter, {\n  name: 'TableFooterEx',\n  shouldForwardProp: (propName) => propName !== 'scrollable',\n  slot: 'Root',\n})<TableFooterExProps>(({ variant, theme }) => ({\n  backgroundColor: theme.palette.background.default,\n  bottom: 'unset',\n  position: 'relative',\n  ...(variant === 'scrollable' && {\n    bottom: 0,\n    position: 'sticky',\n  }),\n}))\n\nexport interface TableFooterExProps extends PropsWithChildren, TableFooterProps {\n  variant?: TableExVariants\n}\n\nexport const TableFooterEx: React.FC<TableFooterExProps> = ({ children, ...props }) => <TableFooterExRoot {...props}>{children}</TableFooterExRoot>\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightState } from './State'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { ContextExProviderProps } from '@xyo-network/react-shared'\nimport { useEffect, useMemo, useState } from 'react'\n\nimport { TableHeightContext } from './Context'\n\nexport interface TableHeightProviderProps extends ContextExProviderProps, WithChildren {\n  /** @field Account for optional header and footer rows */\n  additionalRows?: number\n  defaultVisibleRows?: number\n  heightFormat?: string\n}\n\nexport const TableHeightProvider: React.FC<TableHeightProviderProps> = ({\n  children,\n  additionalRows = 0,\n  defaultVisibleRows,\n  heightFormat = 'px',\n}) => {\n  const [visibleRows, setVisibleRows] = useState(defaultVisibleRows)\n  const [height, setHeight] = useState<number | undefined>()\n  const [rowHeight, setRowHeight] = useState<number | undefined>()\n\n  const formattedHeight = useMemo(() => (height === undefined ? 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  return (\n    <TableHeightContext.Provider value={{ height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }}>\n      {children}\n    </TableHeightContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightContext } from './Context'\n\nexport const useTableHeight = (required = false) => useContextEx(TableHeightContext, 'TableHeight', required)\n"],"mappings":"yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,YAAAC,EAAA,mBAAAC,EAAA,kBAAAC,EAAA,uBAAAC,EAAA,wBAAAC,EAAA,mBAAAC,IAAA,eAAAC,EAAAT,GCAA,IAAAU,EAAkD,yBAMrCC,KAAc,UAAO,YAAW,CAAE,KAAM,qBAAsB,kBAAoBC,GAASA,IAAS,WAAY,CAAC,EAC5H,CAAC,CAAE,UAAAC,EAAY,EAAK,KAAO,CACzB,GAAIA,GAAa,CAAE,gBAAiB,aAAc,CACpD,EACF,ECVA,IAAAC,EAAkC,yBAClCC,EAA8C,iBAU1CC,EAAA,6BAFEC,KAAe,cAA2C,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAM,EAAGC,OAErF,OAAC,SAAM,IAAKA,EAAM,GAAGD,EAClB,SAAAD,EACH,CAEH,EAEDD,EAAa,YAAc,eAEpB,IAAMI,KAAiB,cAA2C,CAAC,CAAE,QAAAC,EAAS,SAAAJ,EAAU,GAAGC,CAAM,EAAGC,OAEvG,OAACH,EAAA,CAAa,aAAcK,IAAY,aAAc,IAAKF,EAAM,GAAGD,EACjE,SAAAD,EACH,CAEH,EAEDG,EAAe,YAAc,UAEtB,IAAME,EAAUF,EC7BvB,IAAAG,EAAsD,yBAuBiCC,EAAA,6BAlBjFC,KAAoB,UAAO,cAAa,CAC5C,KAAM,gBACN,kBAAoBC,GAAaA,IAAa,aAC9C,KAAM,MACR,CAAC,EAAsB,CAAC,CAAE,QAAAC,EAAS,MAAAC,CAAM,KAAO,CAC9C,gBAAiBA,EAAM,QAAQ,WAAW,QAC1C,OAAQ,QACR,SAAU,WACV,GAAID,IAAY,cAAgB,CAC9B,OAAQ,EACR,SAAU,QACZ,CACF,EAAE,EAMWE,EAA8C,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAM,OAAM,OAACN,EAAA,CAAmB,GAAGM,EAAQ,SAAAD,EAAS,ECvB/H,IAAAE,EAAgC,qCAInBC,KAAqB,mBAAkC,ECFpE,IAAAC,EAA6C,iBAkCzC,IAAAC,EAAA,6BAvBSC,EAA0D,CAAC,CACtE,SAAAC,EACA,eAAAC,EAAiB,EACjB,mBAAAC,EACA,aAAAC,EAAe,IACjB,IAAM,CACJ,GAAM,CAACC,EAAaC,CAAc,KAAI,YAASH,CAAkB,EAC3D,CAACI,EAAQC,CAAS,KAAI,YAA6B,EACnD,CAACC,EAAWC,CAAY,KAAI,YAA6B,EAEzDC,KAAkB,WAAQ,IAAOJ,IAAW,OAAY,OAAY,GAAGA,CAAM,GAAGH,CAAY,GAAK,CAACG,EAAQH,CAAY,CAAC,EAE7H,sBAAU,IAAM,CACdE,EAAeH,CAAkB,CACnC,EAAG,CAACA,CAAkB,CAAC,KAEvB,aAAU,IAAM,CACVM,IAAc,QAAaJ,IAAgB,QAC7CG,EAAUC,GAAaJ,EAAcH,EAAe,CAExD,EAAG,CAACC,EAAoBM,EAAWJ,EAAaH,CAAc,CAAC,KAG7D,OAACU,EAAmB,SAAnB,CAA4B,MAAO,CAAE,OAAQD,EAAiB,SAAU,GAAM,UAAAF,EAAW,aAAAC,EAAc,eAAAJ,EAAgB,YAAAD,CAAY,EACjI,SAAAJ,EACH,CAEJ,ECxCA,IAAAY,EAA6B,qCAItB,IAAMC,EAAiB,CAACC,EAAW,QAAU,gBAAaC,EAAoB,cAAeD,CAAQ","names":["src_exports","__export","TableCellEx","TableEx","TableExWithRef","TableFooterEx","TableHeightContext","TableHeightProvider","useTableHeight","__toCommonJS","import_material","TableCellEx","prop","noBgColor","import_material","import_react","import_jsx_runtime","TableExInner","children","props","ref","TableExWithRef","variant","TableEx","import_material","import_jsx_runtime","TableFooterExRoot","propName","variant","theme","TableFooterEx","children","props","import_react_shared","TableHeightContext","import_react","import_jsx_runtime","TableHeightProvider","children","additionalRows","defaultVisibleRows","heightFormat","visibleRows","setVisibleRows","height","setHeight","rowHeight","setRowHeight","formattedHeight","TableHeightContext","import_react_shared","useTableHeight","required","TableHeightContext"]}
+{"version":3,"sources":["../../src/index.ts","../../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.tsx"],"sourcesContent":["export * from './components'\nexport * from './context'\nexport * from './types'\n","import { styled, TableCell, TableCellProps } from '@mui/material'\n\nexport interface TableCellExProps extends TableCellProps {\n  noBgColor?: boolean\n}\n\nexport const TableCellEx = styled(TableCell, { name: 'TableCellNoBgColor', shouldForwardProp: (prop) => prop !== 'noBgColor' })<TableCellExProps>(\n  ({ noBgColor = true }) => ({\n    ...(noBgColor && { backgroundColor: 'transparent' }),\n  }),\n)\n","import { Table, TableProps } from '@mui/material'\nimport { forwardRef, PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types'\n\nexport interface TableExProps extends PropsWithChildren, TableProps {\n  variant?: TableExVariants\n}\n\nconst TableExInner = 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 { PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types'\n\nconst TableFooterExRoot = styled(TableFooter, {\n  name: 'TableFooterEx',\n  shouldForwardProp: (propName) => propName !== 'scrollable',\n  slot: 'Root',\n})<TableFooterExProps>(({ variant, theme }) => ({\n  backgroundColor: theme.palette.background.default,\n  bottom: 'unset',\n  position: 'relative',\n  ...(variant === 'scrollable' && {\n    bottom: 0,\n    position: 'sticky',\n  }),\n}))\n\nexport interface TableFooterExProps extends PropsWithChildren, TableFooterProps {\n  variant?: TableExVariants\n}\n\nexport const TableFooterEx: React.FC<TableFooterExProps> = ({ children, ...props }) => <TableFooterExRoot {...props}>{children}</TableFooterExRoot>\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightState } from './State'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { ContextExProviderProps } from '@xyo-network/react-shared'\nimport { useEffect, useMemo, useState } from 'react'\n\nimport { TableHeightContext } from './Context'\n\nexport interface TableHeightProviderProps extends ContextExProviderProps, WithChildren {\n  /** @field Account for optional header and footer rows */\n  additionalRows?: number\n  defaultVisibleRows?: number\n  heightFormat?: string\n}\n\nexport const TableHeightProvider: React.FC<TableHeightProviderProps> = ({\n  children,\n  additionalRows = 0,\n  defaultVisibleRows,\n  heightFormat = 'px',\n}) => {\n  const [visibleRows, setVisibleRows] = useState(defaultVisibleRows)\n  const [height, setHeight] = useState<number | undefined>()\n  const [rowHeight, setRowHeight] = useState<number | undefined>()\n\n  const formattedHeight = useMemo(() => (height === undefined ? 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  return (\n    <TableHeightContext.Provider value={{ height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }}>\n      {children}\n    </TableHeightContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightContext } from './Context'\n\nexport const useTableHeight = (required = false) => useContextEx(TableHeightContext, 'TableHeight', required)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAAkD;AAM3C,IAAM,kBAAc,wBAAO,2BAAW,EAAE,MAAM,sBAAsB,mBAAmB,CAAC,SAAS,SAAS,YAAY,CAAC;AAAA,EAC5H,CAAC,EAAE,YAAY,KAAK,OAAO;AAAA,IACzB,GAAI,aAAa,EAAE,iBAAiB,cAAc;AAAA,EACpD;AACF;;;ACVA,IAAAA,mBAAkC;AAClC,mBAA8C;AAU1C;AAFJ,IAAM,mBAAe,yBAA2C,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,QAAQ;AAC/F,SACE,4CAAC,0BAAM,KAAW,GAAG,OAClB,UACH;AAEJ,CAAC;AAED,aAAa,cAAc;AAEpB,IAAM,qBAAiB,yBAA2C,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AACjH,SACE,4CAAC,gBAAa,cAAc,YAAY,cAAc,KAAW,GAAG,OACjE,UACH;AAEJ,CAAC;AAED,eAAe,cAAc;AAEtB,IAAM,UAAU;;;AC7BvB,IAAAC,mBAAsD;AAuBiC,IAAAC,sBAAA;AAlBvF,IAAM,wBAAoB,yBAAO,8BAAa;AAAA,EAC5C,MAAM;AAAA,EACN,mBAAmB,CAAC,aAAa,aAAa;AAAA,EAC9C,MAAM;AACR,CAAC,EAAsB,CAAC,EAAE,SAAS,MAAM,OAAO;AAAA,EAC9C,iBAAiB,MAAM,QAAQ,WAAW;AAAA,EAC1C,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,GAAI,YAAY,gBAAgB;AAAA,IAC9B,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF,EAAE;AAMK,IAAM,gBAA8C,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM,6CAAC,qBAAmB,GAAG,OAAQ,UAAS;;;ACvB/H,0BAAgC;AAIzB,IAAM,yBAAqB,qCAAkC;;;ACFpE,IAAAC,gBAA6C;AAkCzC,IAAAC,sBAAA;AAvBG,IAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,QAAI,wBAAS,kBAAkB;AACjE,QAAM,CAAC,QAAQ,SAAS,QAAI,wBAA6B;AACzD,QAAM,CAAC,WAAW,YAAY,QAAI,wBAA6B;AAE/D,QAAM,sBAAkB,uBAAQ,MAAO,WAAW,SAAY,SAAY,GAAG,MAAM,GAAG,YAAY,IAAK,CAAC,QAAQ,YAAY,CAAC;AAE7H,+BAAU,MAAM;AACd,mBAAe,kBAAkB;AAAA,EACnC,GAAG,CAAC,kBAAkB,CAAC;AAEvB,+BAAU,MAAM;AACd,QAAI,cAAc,UAAa,gBAAgB,QAAW;AACxD,gBAAU,aAAa,cAAc,eAAe;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,oBAAoB,WAAW,aAAa,cAAc,CAAC;AAE/D,SACE,6CAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,QAAQ,iBAAiB,UAAU,MAAM,WAAW,cAAc,gBAAgB,YAAY,GACjI,UACH;AAEJ;;;ACxCA,IAAAC,uBAA6B;AAItB,IAAM,iBAAiB,CAAC,WAAW,cAAU,mCAAa,oBAAoB,eAAe,QAAQ;","names":["import_material","import_material","import_jsx_runtime","import_react","import_jsx_runtime","import_react_shared"]}

package/dist/browser/index.js

@@ -1,2 +1,81 @@
-import{styled as E,TableCell as C}from"@mui/material";var B=E(C,{name:"TableCellNoBgColor",shouldForwardProp:e=>e!=="noBgColor"})(({noBgColor:e=!0})=>({...e&&{backgroundColor:"transparent"}}));import{Table as c}from"@mui/material";import{forwardRef as b}from"react";import{jsx as d}from"react/jsx-runtime";var x=b(({children:e,...o},r)=>d(c,{ref:r,...o,children:e}));x.displayName="TableExInner";var T=b(({variant:e,children:o,...r},t)=>d(x,{stickyHeader:e==="scrollable",ref:t,...r,children:o}));T.displayName="TableEx";var L=T;import{styled as g,TableFooter as u}from"@mui/material";import{jsx as F}from"react/jsx-runtime";var H=g(u,{name:"TableFooterEx",shouldForwardProp:e=>e!=="scrollable",slot:"Root"})(({variant:e,theme:o})=>({backgroundColor:o.palette.background.default,bottom:"unset",position:"relative",...e==="scrollable"&&{bottom:0,position:"sticky"}})),D=({children:e,...o})=>F(H,{...o,children:e});import{createContextEx as v}from"@xyo-network/react-shared";var n=v();import{useEffect as m,useMemo as R,useState as s}from"react";import{jsx as W}from"react/jsx-runtime";var X=({children:e,additionalRows:o=0,defaultVisibleRows:r,heightFormat:t="px"})=>{let[l,p]=s(r),[i,f]=s(),[a,h]=s(),P=R(()=>i===void 0?void 0:`${i}${t}`,[i,t]);return m(()=>{p(r)},[r]),m(()=>{a!==void 0&&l!==void 0&&f(a*(l+o))},[r,a,l,o]),W(n.Provider,{value:{height:P,provided:!0,rowHeight:a,setRowHeight:h,setVisibleRows:p,visibleRows:l},children:e})};import{useContextEx as y}from"@xyo-network/react-shared";var ee=(e=!1)=>y(n,"TableHeight",e);export{B as TableCellEx,L as TableEx,T as TableExWithRef,D as TableFooterEx,n as TableHeightContext,X as TableHeightProvider,ee as useTableHeight};
+// src/components/TableEx/TableCellEx.tsx
+import { styled, TableCell } from "@mui/material";
+var TableCellEx = styled(TableCell, { name: "TableCellNoBgColor", shouldForwardProp: (prop) => prop !== "noBgColor" })(
+  ({ noBgColor = true }) => ({
+    ...noBgColor && { backgroundColor: "transparent" }
+  })
+);
+
+// src/components/TableEx/TableEx.tsx
+import { Table } from "@mui/material";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var TableExInner = forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(Table, { ref, ...props, children });
+});
+TableExInner.displayName = "TableExInner";
+var TableExWithRef = forwardRef(({ variant, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(TableExInner, { stickyHeader: variant === "scrollable", ref, ...props, children });
+});
+TableExWithRef.displayName = "TableEx";
+var TableEx = TableExWithRef;
+
+// src/components/TableEx/TableFooterEx.tsx
+import { styled as styled2, TableFooter } from "@mui/material";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var TableFooterExRoot = styled2(TableFooter, {
+  name: "TableFooterEx",
+  shouldForwardProp: (propName) => propName !== "scrollable",
+  slot: "Root"
+})(({ variant, theme }) => ({
+  backgroundColor: theme.palette.background.default,
+  bottom: "unset",
+  position: "relative",
+  ...variant === "scrollable" && {
+    bottom: 0,
+    position: "sticky"
+  }
+}));
+var TableFooterEx = ({ children, ...props }) => /* @__PURE__ */ jsx2(TableFooterExRoot, { ...props, children });
+
+// src/context/TableHeight/Context.ts
+import { createContextEx } from "@xyo-network/react-shared";
+var TableHeightContext = createContextEx();
+
+// src/context/TableHeight/Provider.tsx
+import { useEffect, useMemo, useState } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var TableHeightProvider = ({
+  children,
+  additionalRows = 0,
+  defaultVisibleRows,
+  heightFormat = "px"
+}) => {
+  const [visibleRows, setVisibleRows] = useState(defaultVisibleRows);
+  const [height, setHeight] = useState();
+  const [rowHeight, setRowHeight] = useState();
+  const formattedHeight = useMemo(() => height === void 0 ? 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]);
+  return /* @__PURE__ */ jsx3(TableHeightContext.Provider, { value: { height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }, children });
+};
+
+// src/context/TableHeight/use.tsx
+import { useContextEx } from "@xyo-network/react-shared";
+var useTableHeight = (required = false) => useContextEx(TableHeightContext, "TableHeight", required);
+export {
+  TableCellEx,
+  TableEx,
+  TableExWithRef,
+  TableFooterEx,
+  TableHeightContext,
+  TableHeightProvider,
+  useTableHeight
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/index.js.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.tsx"],"sourcesContent":["import { styled, TableCell, TableCellProps } from '@mui/material'\n\nexport interface TableCellExProps extends TableCellProps {\n  noBgColor?: boolean\n}\n\nexport const TableCellEx = styled(TableCell, { name: 'TableCellNoBgColor', shouldForwardProp: (prop) => prop !== 'noBgColor' })<TableCellExProps>(\n  ({ noBgColor = true }) => ({\n    ...(noBgColor && { backgroundColor: 'transparent' }),\n  }),\n)\n","import { Table, TableProps } from '@mui/material'\nimport { forwardRef, PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types'\n\nexport interface TableExProps extends PropsWithChildren, TableProps {\n  variant?: TableExVariants\n}\n\nconst TableExInner = 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 { PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types'\n\nconst TableFooterExRoot = styled(TableFooter, {\n  name: 'TableFooterEx',\n  shouldForwardProp: (propName) => propName !== 'scrollable',\n  slot: 'Root',\n})<TableFooterExProps>(({ variant, theme }) => ({\n  backgroundColor: theme.palette.background.default,\n  bottom: 'unset',\n  position: 'relative',\n  ...(variant === 'scrollable' && {\n    bottom: 0,\n    position: 'sticky',\n  }),\n}))\n\nexport interface TableFooterExProps extends PropsWithChildren, TableFooterProps {\n  variant?: TableExVariants\n}\n\nexport const TableFooterEx: React.FC<TableFooterExProps> = ({ children, ...props }) => <TableFooterExRoot {...props}>{children}</TableFooterExRoot>\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightState } from './State'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { ContextExProviderProps } from '@xyo-network/react-shared'\nimport { useEffect, useMemo, useState } from 'react'\n\nimport { TableHeightContext } from './Context'\n\nexport interface TableHeightProviderProps extends ContextExProviderProps, WithChildren {\n  /** @field Account for optional header and footer rows */\n  additionalRows?: number\n  defaultVisibleRows?: number\n  heightFormat?: string\n}\n\nexport const TableHeightProvider: React.FC<TableHeightProviderProps> = ({\n  children,\n  additionalRows = 0,\n  defaultVisibleRows,\n  heightFormat = 'px',\n}) => {\n  const [visibleRows, setVisibleRows] = useState(defaultVisibleRows)\n  const [height, setHeight] = useState<number | undefined>()\n  const [rowHeight, setRowHeight] = useState<number | undefined>()\n\n  const formattedHeight = useMemo(() => (height === undefined ? 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  return (\n    <TableHeightContext.Provider value={{ height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }}>\n      {children}\n    </TableHeightContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightContext } from './Context'\n\nexport const useTableHeight = (required = false) => useContextEx(TableHeightContext, 'TableHeight', required)\n"],"mappings":"AAAA,OAAS,UAAAA,EAAQ,aAAAC,MAAiC,gBAM3C,IAAMC,EAAcF,EAAOC,EAAW,CAAE,KAAM,qBAAsB,kBAAoBE,GAASA,IAAS,WAAY,CAAC,EAC5H,CAAC,CAAE,UAAAC,EAAY,EAAK,KAAO,CACzB,GAAIA,GAAa,CAAE,gBAAiB,aAAc,CACpD,EACF,ECVA,OAAS,SAAAC,MAAyB,gBAClC,OAAS,cAAAC,MAAqC,QAU1C,cAAAC,MAAA,oBAFJ,IAAMC,EAAeF,EAA2C,CAAC,CAAE,SAAAG,EAAU,GAAGC,CAAM,EAAGC,IAErFJ,EAACF,EAAA,CAAM,IAAKM,EAAM,GAAGD,EAClB,SAAAD,EACH,CAEH,EAEDD,EAAa,YAAc,eAEpB,IAAMI,EAAiBN,EAA2C,CAAC,CAAE,QAAAO,EAAS,SAAAJ,EAAU,GAAGC,CAAM,EAAGC,IAEvGJ,EAACC,EAAA,CAAa,aAAcK,IAAY,aAAc,IAAKF,EAAM,GAAGD,EACjE,SAAAD,EACH,CAEH,EAEDG,EAAe,YAAc,UAEtB,IAAME,EAAUF,EC7BvB,OAAS,UAAAG,EAAQ,eAAAC,MAAqC,gBAuBiC,cAAAC,MAAA,oBAlBvF,IAAMC,EAAoBH,EAAOC,EAAa,CAC5C,KAAM,gBACN,kBAAoBG,GAAaA,IAAa,aAC9C,KAAM,MACR,CAAC,EAAsB,CAAC,CAAE,QAAAC,EAAS,MAAAC,CAAM,KAAO,CAC9C,gBAAiBA,EAAM,QAAQ,WAAW,QAC1C,OAAQ,QACR,SAAU,WACV,GAAID,IAAY,cAAgB,CAC9B,OAAQ,EACR,SAAU,QACZ,CACF,EAAE,EAMWE,EAA8C,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAM,IAAMP,EAACC,EAAA,CAAmB,GAAGM,EAAQ,SAAAD,EAAS,ECvB/H,OAAS,mBAAAE,MAAuB,4BAIzB,IAAMC,EAAqBD,EAAkC,ECFpE,OAAS,aAAAE,EAAW,WAAAC,EAAS,YAAAC,MAAgB,QAkCzC,cAAAC,MAAA,oBAvBG,IAAMC,EAA0D,CAAC,CACtE,SAAAC,EACA,eAAAC,EAAiB,EACjB,mBAAAC,EACA,aAAAC,EAAe,IACjB,IAAM,CACJ,GAAM,CAACC,EAAaC,CAAc,EAAIC,EAASJ,CAAkB,EAC3D,CAACK,EAAQC,CAAS,EAAIF,EAA6B,EACnD,CAACG,EAAWC,CAAY,EAAIJ,EAA6B,EAEzDK,EAAkBC,EAAQ,IAAOL,IAAW,OAAY,OAAY,GAAGA,CAAM,GAAGJ,CAAY,GAAK,CAACI,EAAQJ,CAAY,CAAC,EAE7H,OAAAU,EAAU,IAAM,CACdR,EAAeH,CAAkB,CACnC,EAAG,CAACA,CAAkB,CAAC,EAEvBW,EAAU,IAAM,CACVJ,IAAc,QAAaL,IAAgB,QAC7CI,EAAUC,GAAaL,EAAcH,EAAe,CAExD,EAAG,CAACC,EAAoBO,EAAWL,EAAaH,CAAc,CAAC,EAG7DH,EAACgB,EAAmB,SAAnB,CAA4B,MAAO,CAAE,OAAQH,EAAiB,SAAU,GAAM,UAAAF,EAAW,aAAAC,EAAc,eAAAL,EAAgB,YAAAD,CAAY,EACjI,SAAAJ,EACH,CAEJ,ECxCA,OAAS,gBAAAe,MAAoB,4BAItB,IAAMC,GAAiB,CAACC,EAAW,KAAUC,EAAaC,EAAoB,cAAeF,CAAQ","names":["styled","TableCell","TableCellEx","prop","noBgColor","Table","forwardRef","jsx","TableExInner","children","props","ref","TableExWithRef","variant","TableEx","styled","TableFooter","jsx","TableFooterExRoot","propName","variant","theme","TableFooterEx","children","props","createContextEx","TableHeightContext","useEffect","useMemo","useState","jsx","TableHeightProvider","children","additionalRows","defaultVisibleRows","heightFormat","visibleRows","setVisibleRows","useState","height","setHeight","rowHeight","setRowHeight","formattedHeight","useMemo","useEffect","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.tsx"],"sourcesContent":["import { styled, TableCell, TableCellProps } from '@mui/material'\n\nexport interface TableCellExProps extends TableCellProps {\n  noBgColor?: boolean\n}\n\nexport const TableCellEx = styled(TableCell, { name: 'TableCellNoBgColor', shouldForwardProp: (prop) => prop !== 'noBgColor' })<TableCellExProps>(\n  ({ noBgColor = true }) => ({\n    ...(noBgColor && { backgroundColor: 'transparent' }),\n  }),\n)\n","import { Table, TableProps } from '@mui/material'\nimport { forwardRef, PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types'\n\nexport interface TableExProps extends PropsWithChildren, TableProps {\n  variant?: TableExVariants\n}\n\nconst TableExInner = 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 { PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types'\n\nconst TableFooterExRoot = styled(TableFooter, {\n  name: 'TableFooterEx',\n  shouldForwardProp: (propName) => propName !== 'scrollable',\n  slot: 'Root',\n})<TableFooterExProps>(({ variant, theme }) => ({\n  backgroundColor: theme.palette.background.default,\n  bottom: 'unset',\n  position: 'relative',\n  ...(variant === 'scrollable' && {\n    bottom: 0,\n    position: 'sticky',\n  }),\n}))\n\nexport interface TableFooterExProps extends PropsWithChildren, TableFooterProps {\n  variant?: TableExVariants\n}\n\nexport const TableFooterEx: React.FC<TableFooterExProps> = ({ children, ...props }) => <TableFooterExRoot {...props}>{children}</TableFooterExRoot>\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightState } from './State'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { ContextExProviderProps } from '@xyo-network/react-shared'\nimport { useEffect, useMemo, useState } from 'react'\n\nimport { TableHeightContext } from './Context'\n\nexport interface TableHeightProviderProps extends ContextExProviderProps, WithChildren {\n  /** @field Account for optional header and footer rows */\n  additionalRows?: number\n  defaultVisibleRows?: number\n  heightFormat?: string\n}\n\nexport const TableHeightProvider: React.FC<TableHeightProviderProps> = ({\n  children,\n  additionalRows = 0,\n  defaultVisibleRows,\n  heightFormat = 'px',\n}) => {\n  const [visibleRows, setVisibleRows] = useState(defaultVisibleRows)\n  const [height, setHeight] = useState<number | undefined>()\n  const [rowHeight, setRowHeight] = useState<number | undefined>()\n\n  const formattedHeight = useMemo(() => (height === undefined ? 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  return (\n    <TableHeightContext.Provider value={{ height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }}>\n      {children}\n    </TableHeightContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightContext } from './Context'\n\nexport const useTableHeight = (required = false) => useContextEx(TableHeightContext, 'TableHeight', required)\n"],"mappings":";AAAA,SAAS,QAAQ,iBAAiC;AAM3C,IAAM,cAAc,OAAO,WAAW,EAAE,MAAM,sBAAsB,mBAAmB,CAAC,SAAS,SAAS,YAAY,CAAC;AAAA,EAC5H,CAAC,EAAE,YAAY,KAAK,OAAO;AAAA,IACzB,GAAI,aAAa,EAAE,iBAAiB,cAAc;AAAA,EACpD;AACF;;;ACVA,SAAS,aAAyB;AAClC,SAAS,kBAAqC;AAU1C;AAFJ,IAAM,eAAe,WAA2C,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,QAAQ;AAC/F,SACE,oBAAC,SAAM,KAAW,GAAG,OAClB,UACH;AAEJ,CAAC;AAED,aAAa,cAAc;AAEpB,IAAM,iBAAiB,WAA2C,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AACjH,SACE,oBAAC,gBAAa,cAAc,YAAY,cAAc,KAAW,GAAG,OACjE,UACH;AAEJ,CAAC;AAED,eAAe,cAAc;AAEtB,IAAM,UAAU;;;AC7BvB,SAAS,UAAAA,SAAQ,mBAAqC;AAuBiC,gBAAAC,YAAA;AAlBvF,IAAM,oBAAoBD,QAAO,aAAa;AAAA,EAC5C,MAAM;AAAA,EACN,mBAAmB,CAAC,aAAa,aAAa;AAAA,EAC9C,MAAM;AACR,CAAC,EAAsB,CAAC,EAAE,SAAS,MAAM,OAAO;AAAA,EAC9C,iBAAiB,MAAM,QAAQ,WAAW;AAAA,EAC1C,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,GAAI,YAAY,gBAAgB;AAAA,IAC9B,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF,EAAE;AAMK,IAAM,gBAA8C,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM,gBAAAC,KAAC,qBAAmB,GAAG,OAAQ,UAAS;;;ACvB/H,SAAS,uBAAuB;AAIzB,IAAM,qBAAqB,gBAAkC;;;ACFpE,SAAS,WAAW,SAAS,gBAAgB;AAkCzC,gBAAAC,YAAA;AAvBG,IAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,kBAAkB;AACjE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6B;AACzD,QAAM,CAAC,WAAW,YAAY,IAAI,SAA6B;AAE/D,QAAM,kBAAkB,QAAQ,MAAO,WAAW,SAAY,SAAY,GAAG,MAAM,GAAG,YAAY,IAAK,CAAC,QAAQ,YAAY,CAAC;AAE7H,YAAU,MAAM;AACd,mBAAe,kBAAkB;AAAA,EACnC,GAAG,CAAC,kBAAkB,CAAC;AAEvB,YAAU,MAAM;AACd,QAAI,cAAc,UAAa,gBAAgB,QAAW;AACxD,gBAAU,aAAa,cAAc,eAAe;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,oBAAoB,WAAW,aAAa,cAAc,CAAC;AAE/D,SACE,gBAAAA,KAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,QAAQ,iBAAiB,UAAU,MAAM,WAAW,cAAc,gBAAgB,YAAY,GACjI,UACH;AAEJ;;;ACxCA,SAAS,oBAAoB;AAItB,IAAM,iBAAiB,CAAC,WAAW,UAAU,aAAa,oBAAoB,eAAe,QAAQ;","names":["styled","jsx","jsx"]}

package/dist/neutral/index.cjs

@@ -1,2 +1,104 @@
-"use strict";var x=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var W=Object.prototype.hasOwnProperty;var y=(e,o)=>{for(var r in o)x(e,r,{get:o[r],enumerable:!0})},k=(e,o,r,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of R(o))!W.call(e,t)&&t!==r&&x(e,t,{get:()=>o[t],enumerable:!(a=v(o,t))||a.enumerable});return e};var w=e=>k(x({},"__esModule",{value:!0}),e);var L={};y(L,{TableCellEx:()=>B,TableEx:()=>I,TableExWithRef:()=>d,TableFooterEx:()=>N,TableHeightContext:()=>n,TableHeightProvider:()=>S,useTableHeight:()=>V});module.exports=w(L);var s=require("@mui/material"),B=(0,s.styled)(s.TableCell,{name:"TableCellNoBgColor",shouldForwardProp:e=>e!=="noBgColor"})(({noBgColor:e=!0})=>({...e&&{backgroundColor:"transparent"}}));var h=require("@mui/material"),T=require("react"),m=require("react/jsx-runtime"),P=(0,T.forwardRef)(({children:e,...o},r)=>(0,m.jsx)(h.Table,{ref:r,...o,children:e}));P.displayName="TableExInner";var d=(0,T.forwardRef)(({variant:e,children:o,...r},a)=>(0,m.jsx)(P,{stickyHeader:e==="scrollable",ref:a,...r,children:o}));d.displayName="TableEx";var I=d;var p=require("@mui/material"),E=require("react/jsx-runtime"),M=(0,p.styled)(p.TableFooter,{name:"TableFooterEx",shouldForwardProp:e=>e!=="scrollable",slot:"Root"})(({variant:e,theme:o})=>({backgroundColor:o.palette.background.default,bottom:"unset",position:"relative",...e==="scrollable"&&{bottom:0,position:"sticky"}})),N=({children:e,...o})=>(0,E.jsx)(M,{...o,children:e});var C=require("@xyo-network/react-shared"),n=(0,C.createContextEx)();var l=require("react");var c=require("react/jsx-runtime"),S=({children:e,additionalRows:o=0,defaultVisibleRows:r,heightFormat:a="px"})=>{let[t,f]=(0,l.useState)(r),[b,u]=(0,l.useState)(),[i,H]=(0,l.useState)(),F=(0,l.useMemo)(()=>b===void 0?void 0:`${b}${a}`,[b,a]);return(0,l.useEffect)(()=>{f(r)},[r]),(0,l.useEffect)(()=>{i!==void 0&&t!==void 0&&u(i*(t+o))},[r,i,t,o]),(0,c.jsx)(n.Provider,{value:{height:F,provided:!0,rowHeight:i,setRowHeight:H,setVisibleRows:f,visibleRows:t},children:e})};var g=require("@xyo-network/react-shared");var V=(e=!1)=>(0,g.useContextEx)(n,"TableHeight",e);
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  TableCellEx: () => TableCellEx,
+  TableEx: () => TableEx,
+  TableExWithRef: () => TableExWithRef,
+  TableFooterEx: () => TableFooterEx,
+  TableHeightContext: () => TableHeightContext,
+  TableHeightProvider: () => TableHeightProvider,
+  useTableHeight: () => useTableHeight
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/TableEx/TableCellEx.tsx
+var import_material = require("@mui/material");
+var TableCellEx = (0, import_material.styled)(import_material.TableCell, { name: "TableCellNoBgColor", shouldForwardProp: (prop) => prop !== "noBgColor" })(
+  ({ noBgColor = true }) => ({
+    ...noBgColor && { backgroundColor: "transparent" }
+  })
+);
+
+// src/components/TableEx/TableEx.tsx
+var import_material2 = require("@mui/material");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var TableExInner = (0, import_react.forwardRef)(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material2.Table, { ref, ...props, children });
+});
+TableExInner.displayName = "TableExInner";
+var TableExWithRef = (0, import_react.forwardRef)(({ variant, children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableExInner, { stickyHeader: variant === "scrollable", ref, ...props, children });
+});
+TableExWithRef.displayName = "TableEx";
+var TableEx = TableExWithRef;
+
+// src/components/TableEx/TableFooterEx.tsx
+var import_material3 = require("@mui/material");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var TableFooterExRoot = (0, import_material3.styled)(import_material3.TableFooter, {
+  name: "TableFooterEx",
+  shouldForwardProp: (propName) => propName !== "scrollable",
+  slot: "Root"
+})(({ variant, theme }) => ({
+  backgroundColor: theme.palette.background.default,
+  bottom: "unset",
+  position: "relative",
+  ...variant === "scrollable" && {
+    bottom: 0,
+    position: "sticky"
+  }
+}));
+var TableFooterEx = ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TableFooterExRoot, { ...props, children });
+
+// src/context/TableHeight/Context.ts
+var import_react_shared = require("@xyo-network/react-shared");
+var TableHeightContext = (0, import_react_shared.createContextEx)();
+
+// src/context/TableHeight/Provider.tsx
+var import_react2 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var TableHeightProvider = ({
+  children,
+  additionalRows = 0,
+  defaultVisibleRows,
+  heightFormat = "px"
+}) => {
+  const [visibleRows, setVisibleRows] = (0, import_react2.useState)(defaultVisibleRows);
+  const [height, setHeight] = (0, import_react2.useState)();
+  const [rowHeight, setRowHeight] = (0, import_react2.useState)();
+  const formattedHeight = (0, import_react2.useMemo)(() => height === void 0 ? void 0 : `${height}${heightFormat}`, [height, heightFormat]);
+  (0, import_react2.useEffect)(() => {
+    setVisibleRows(defaultVisibleRows);
+  }, [defaultVisibleRows]);
+  (0, import_react2.useEffect)(() => {
+    if (rowHeight !== void 0 && visibleRows !== void 0) {
+      setHeight(rowHeight * (visibleRows + additionalRows));
+    }
+  }, [defaultVisibleRows, rowHeight, visibleRows, additionalRows]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TableHeightContext.Provider, { value: { height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }, children });
+};
+
+// src/context/TableHeight/use.tsx
+var import_react_shared2 = require("@xyo-network/react-shared");
+var useTableHeight = (required = false) => (0, import_react_shared2.useContextEx)(TableHeightContext, "TableHeight", required);
 //# sourceMappingURL=index.cjs.map

package/dist/neutral/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts","../../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.tsx"],"sourcesContent":["export * from './components'\nexport * from './context'\nexport * from './types'\n","import { styled, TableCell, TableCellProps } from '@mui/material'\n\nexport interface TableCellExProps extends TableCellProps {\n  noBgColor?: boolean\n}\n\nexport const TableCellEx = styled(TableCell, { name: 'TableCellNoBgColor', shouldForwardProp: (prop) => prop !== 'noBgColor' })<TableCellExProps>(\n  ({ noBgColor = true }) => ({\n    ...(noBgColor && { backgroundColor: 'transparent' }),\n  }),\n)\n","import { Table, TableProps } from '@mui/material'\nimport { forwardRef, PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types'\n\nexport interface TableExProps extends PropsWithChildren, TableProps {\n  variant?: TableExVariants\n}\n\nconst TableExInner = 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 { PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types'\n\nconst TableFooterExRoot = styled(TableFooter, {\n  name: 'TableFooterEx',\n  shouldForwardProp: (propName) => propName !== 'scrollable',\n  slot: 'Root',\n})<TableFooterExProps>(({ variant, theme }) => ({\n  backgroundColor: theme.palette.background.default,\n  bottom: 'unset',\n  position: 'relative',\n  ...(variant === 'scrollable' && {\n    bottom: 0,\n    position: 'sticky',\n  }),\n}))\n\nexport interface TableFooterExProps extends PropsWithChildren, TableFooterProps {\n  variant?: TableExVariants\n}\n\nexport const TableFooterEx: React.FC<TableFooterExProps> = ({ children, ...props }) => <TableFooterExRoot {...props}>{children}</TableFooterExRoot>\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightState } from './State'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { ContextExProviderProps } from '@xyo-network/react-shared'\nimport { useEffect, useMemo, useState } from 'react'\n\nimport { TableHeightContext } from './Context'\n\nexport interface TableHeightProviderProps extends ContextExProviderProps, WithChildren {\n  /** @field Account for optional header and footer rows */\n  additionalRows?: number\n  defaultVisibleRows?: number\n  heightFormat?: string\n}\n\nexport const TableHeightProvider: React.FC<TableHeightProviderProps> = ({\n  children,\n  additionalRows = 0,\n  defaultVisibleRows,\n  heightFormat = 'px',\n}) => {\n  const [visibleRows, setVisibleRows] = useState(defaultVisibleRows)\n  const [height, setHeight] = useState<number | undefined>()\n  const [rowHeight, setRowHeight] = useState<number | undefined>()\n\n  const formattedHeight = useMemo(() => (height === undefined ? 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  return (\n    <TableHeightContext.Provider value={{ height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }}>\n      {children}\n    </TableHeightContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightContext } from './Context'\n\nexport const useTableHeight = (required = false) => useContextEx(TableHeightContext, 'TableHeight', required)\n"],"mappings":"yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,YAAAC,EAAA,mBAAAC,EAAA,kBAAAC,EAAA,uBAAAC,EAAA,wBAAAC,EAAA,mBAAAC,IAAA,eAAAC,EAAAT,GCAA,IAAAU,EAAkD,yBAMrCC,KAAc,UAAO,YAAW,CAAE,KAAM,qBAAsB,kBAAoBC,GAASA,IAAS,WAAY,CAAC,EAC5H,CAAC,CAAE,UAAAC,EAAY,EAAK,KAAO,CACzB,GAAIA,GAAa,CAAE,gBAAiB,aAAc,CACpD,EACF,ECVA,IAAAC,EAAkC,yBAClCC,EAA8C,iBAU1CC,EAAA,6BAFEC,KAAe,cAA2C,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAM,EAAGC,OAErF,OAAC,SAAM,IAAKA,EAAM,GAAGD,EAClB,SAAAD,EACH,CAEH,EAEDD,EAAa,YAAc,eAEpB,IAAMI,KAAiB,cAA2C,CAAC,CAAE,QAAAC,EAAS,SAAAJ,EAAU,GAAGC,CAAM,EAAGC,OAEvG,OAACH,EAAA,CAAa,aAAcK,IAAY,aAAc,IAAKF,EAAM,GAAGD,EACjE,SAAAD,EACH,CAEH,EAEDG,EAAe,YAAc,UAEtB,IAAME,EAAUF,EC7BvB,IAAAG,EAAsD,yBAuBiCC,EAAA,6BAlBjFC,KAAoB,UAAO,cAAa,CAC5C,KAAM,gBACN,kBAAoBC,GAAaA,IAAa,aAC9C,KAAM,MACR,CAAC,EAAsB,CAAC,CAAE,QAAAC,EAAS,MAAAC,CAAM,KAAO,CAC9C,gBAAiBA,EAAM,QAAQ,WAAW,QAC1C,OAAQ,QACR,SAAU,WACV,GAAID,IAAY,cAAgB,CAC9B,OAAQ,EACR,SAAU,QACZ,CACF,EAAE,EAMWE,EAA8C,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAM,OAAM,OAACN,EAAA,CAAmB,GAAGM,EAAQ,SAAAD,EAAS,ECvB/H,IAAAE,EAAgC,qCAInBC,KAAqB,mBAAkC,ECFpE,IAAAC,EAA6C,iBAkCzC,IAAAC,EAAA,6BAvBSC,EAA0D,CAAC,CACtE,SAAAC,EACA,eAAAC,EAAiB,EACjB,mBAAAC,EACA,aAAAC,EAAe,IACjB,IAAM,CACJ,GAAM,CAACC,EAAaC,CAAc,KAAI,YAASH,CAAkB,EAC3D,CAACI,EAAQC,CAAS,KAAI,YAA6B,EACnD,CAACC,EAAWC,CAAY,KAAI,YAA6B,EAEzDC,KAAkB,WAAQ,IAAOJ,IAAW,OAAY,OAAY,GAAGA,CAAM,GAAGH,CAAY,GAAK,CAACG,EAAQH,CAAY,CAAC,EAE7H,sBAAU,IAAM,CACdE,EAAeH,CAAkB,CACnC,EAAG,CAACA,CAAkB,CAAC,KAEvB,aAAU,IAAM,CACVM,IAAc,QAAaJ,IAAgB,QAC7CG,EAAUC,GAAaJ,EAAcH,EAAe,CAExD,EAAG,CAACC,EAAoBM,EAAWJ,EAAaH,CAAc,CAAC,KAG7D,OAACU,EAAmB,SAAnB,CAA4B,MAAO,CAAE,OAAQD,EAAiB,SAAU,GAAM,UAAAF,EAAW,aAAAC,EAAc,eAAAJ,EAAgB,YAAAD,CAAY,EACjI,SAAAJ,EACH,CAEJ,ECxCA,IAAAY,EAA6B,qCAItB,IAAMC,EAAiB,CAACC,EAAW,QAAU,gBAAaC,EAAoB,cAAeD,CAAQ","names":["src_exports","__export","TableCellEx","TableEx","TableExWithRef","TableFooterEx","TableHeightContext","TableHeightProvider","useTableHeight","__toCommonJS","import_material","TableCellEx","prop","noBgColor","import_material","import_react","import_jsx_runtime","TableExInner","children","props","ref","TableExWithRef","variant","TableEx","import_material","import_jsx_runtime","TableFooterExRoot","propName","variant","theme","TableFooterEx","children","props","import_react_shared","TableHeightContext","import_react","import_jsx_runtime","TableHeightProvider","children","additionalRows","defaultVisibleRows","heightFormat","visibleRows","setVisibleRows","height","setHeight","rowHeight","setRowHeight","formattedHeight","TableHeightContext","import_react_shared","useTableHeight","required","TableHeightContext"]}
+{"version":3,"sources":["../../src/index.ts","../../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.tsx"],"sourcesContent":["export * from './components'\nexport * from './context'\nexport * from './types'\n","import { styled, TableCell, TableCellProps } from '@mui/material'\n\nexport interface TableCellExProps extends TableCellProps {\n  noBgColor?: boolean\n}\n\nexport const TableCellEx = styled(TableCell, { name: 'TableCellNoBgColor', shouldForwardProp: (prop) => prop !== 'noBgColor' })<TableCellExProps>(\n  ({ noBgColor = true }) => ({\n    ...(noBgColor && { backgroundColor: 'transparent' }),\n  }),\n)\n","import { Table, TableProps } from '@mui/material'\nimport { forwardRef, PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types'\n\nexport interface TableExProps extends PropsWithChildren, TableProps {\n  variant?: TableExVariants\n}\n\nconst TableExInner = 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 { PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types'\n\nconst TableFooterExRoot = styled(TableFooter, {\n  name: 'TableFooterEx',\n  shouldForwardProp: (propName) => propName !== 'scrollable',\n  slot: 'Root',\n})<TableFooterExProps>(({ variant, theme }) => ({\n  backgroundColor: theme.palette.background.default,\n  bottom: 'unset',\n  position: 'relative',\n  ...(variant === 'scrollable' && {\n    bottom: 0,\n    position: 'sticky',\n  }),\n}))\n\nexport interface TableFooterExProps extends PropsWithChildren, TableFooterProps {\n  variant?: TableExVariants\n}\n\nexport const TableFooterEx: React.FC<TableFooterExProps> = ({ children, ...props }) => <TableFooterExRoot {...props}>{children}</TableFooterExRoot>\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightState } from './State'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { ContextExProviderProps } from '@xyo-network/react-shared'\nimport { useEffect, useMemo, useState } from 'react'\n\nimport { TableHeightContext } from './Context'\n\nexport interface TableHeightProviderProps extends ContextExProviderProps, WithChildren {\n  /** @field Account for optional header and footer rows */\n  additionalRows?: number\n  defaultVisibleRows?: number\n  heightFormat?: string\n}\n\nexport const TableHeightProvider: React.FC<TableHeightProviderProps> = ({\n  children,\n  additionalRows = 0,\n  defaultVisibleRows,\n  heightFormat = 'px',\n}) => {\n  const [visibleRows, setVisibleRows] = useState(defaultVisibleRows)\n  const [height, setHeight] = useState<number | undefined>()\n  const [rowHeight, setRowHeight] = useState<number | undefined>()\n\n  const formattedHeight = useMemo(() => (height === undefined ? 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  return (\n    <TableHeightContext.Provider value={{ height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }}>\n      {children}\n    </TableHeightContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightContext } from './Context'\n\nexport const useTableHeight = (required = false) => useContextEx(TableHeightContext, 'TableHeight', required)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAAkD;AAM3C,IAAM,kBAAc,wBAAO,2BAAW,EAAE,MAAM,sBAAsB,mBAAmB,CAAC,SAAS,SAAS,YAAY,CAAC;AAAA,EAC5H,CAAC,EAAE,YAAY,KAAK,OAAO;AAAA,IACzB,GAAI,aAAa,EAAE,iBAAiB,cAAc;AAAA,EACpD;AACF;;;ACVA,IAAAA,mBAAkC;AAClC,mBAA8C;AAU1C;AAFJ,IAAM,mBAAe,yBAA2C,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,QAAQ;AAC/F,SACE,4CAAC,0BAAM,KAAW,GAAG,OAClB,UACH;AAEJ,CAAC;AAED,aAAa,cAAc;AAEpB,IAAM,qBAAiB,yBAA2C,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AACjH,SACE,4CAAC,gBAAa,cAAc,YAAY,cAAc,KAAW,GAAG,OACjE,UACH;AAEJ,CAAC;AAED,eAAe,cAAc;AAEtB,IAAM,UAAU;;;AC7BvB,IAAAC,mBAAsD;AAuBiC,IAAAC,sBAAA;AAlBvF,IAAM,wBAAoB,yBAAO,8BAAa;AAAA,EAC5C,MAAM;AAAA,EACN,mBAAmB,CAAC,aAAa,aAAa;AAAA,EAC9C,MAAM;AACR,CAAC,EAAsB,CAAC,EAAE,SAAS,MAAM,OAAO;AAAA,EAC9C,iBAAiB,MAAM,QAAQ,WAAW;AAAA,EAC1C,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,GAAI,YAAY,gBAAgB;AAAA,IAC9B,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF,EAAE;AAMK,IAAM,gBAA8C,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM,6CAAC,qBAAmB,GAAG,OAAQ,UAAS;;;ACvB/H,0BAAgC;AAIzB,IAAM,yBAAqB,qCAAkC;;;ACFpE,IAAAC,gBAA6C;AAkCzC,IAAAC,sBAAA;AAvBG,IAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,QAAI,wBAAS,kBAAkB;AACjE,QAAM,CAAC,QAAQ,SAAS,QAAI,wBAA6B;AACzD,QAAM,CAAC,WAAW,YAAY,QAAI,wBAA6B;AAE/D,QAAM,sBAAkB,uBAAQ,MAAO,WAAW,SAAY,SAAY,GAAG,MAAM,GAAG,YAAY,IAAK,CAAC,QAAQ,YAAY,CAAC;AAE7H,+BAAU,MAAM;AACd,mBAAe,kBAAkB;AAAA,EACnC,GAAG,CAAC,kBAAkB,CAAC;AAEvB,+BAAU,MAAM;AACd,QAAI,cAAc,UAAa,gBAAgB,QAAW;AACxD,gBAAU,aAAa,cAAc,eAAe;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,oBAAoB,WAAW,aAAa,cAAc,CAAC;AAE/D,SACE,6CAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,QAAQ,iBAAiB,UAAU,MAAM,WAAW,cAAc,gBAAgB,YAAY,GACjI,UACH;AAEJ;;;ACxCA,IAAAC,uBAA6B;AAItB,IAAM,iBAAiB,CAAC,WAAW,cAAU,mCAAa,oBAAoB,eAAe,QAAQ;","names":["import_material","import_material","import_jsx_runtime","import_react","import_jsx_runtime","import_react_shared"]}

package/dist/neutral/index.js

@@ -1,2 +1,81 @@
-import{styled as E,TableCell as C}from"@mui/material";var B=E(C,{name:"TableCellNoBgColor",shouldForwardProp:e=>e!=="noBgColor"})(({noBgColor:e=!0})=>({...e&&{backgroundColor:"transparent"}}));import{Table as c}from"@mui/material";import{forwardRef as b}from"react";import{jsx as d}from"react/jsx-runtime";var x=b(({children:e,...o},r)=>d(c,{ref:r,...o,children:e}));x.displayName="TableExInner";var T=b(({variant:e,children:o,...r},t)=>d(x,{stickyHeader:e==="scrollable",ref:t,...r,children:o}));T.displayName="TableEx";var L=T;import{styled as g,TableFooter as u}from"@mui/material";import{jsx as F}from"react/jsx-runtime";var H=g(u,{name:"TableFooterEx",shouldForwardProp:e=>e!=="scrollable",slot:"Root"})(({variant:e,theme:o})=>({backgroundColor:o.palette.background.default,bottom:"unset",position:"relative",...e==="scrollable"&&{bottom:0,position:"sticky"}})),D=({children:e,...o})=>F(H,{...o,children:e});import{createContextEx as v}from"@xyo-network/react-shared";var n=v();import{useEffect as m,useMemo as R,useState as s}from"react";import{jsx as W}from"react/jsx-runtime";var X=({children:e,additionalRows:o=0,defaultVisibleRows:r,heightFormat:t="px"})=>{let[l,p]=s(r),[i,f]=s(),[a,h]=s(),P=R(()=>i===void 0?void 0:`${i}${t}`,[i,t]);return m(()=>{p(r)},[r]),m(()=>{a!==void 0&&l!==void 0&&f(a*(l+o))},[r,a,l,o]),W(n.Provider,{value:{height:P,provided:!0,rowHeight:a,setRowHeight:h,setVisibleRows:p,visibleRows:l},children:e})};import{useContextEx as y}from"@xyo-network/react-shared";var ee=(e=!1)=>y(n,"TableHeight",e);export{B as TableCellEx,L as TableEx,T as TableExWithRef,D as TableFooterEx,n as TableHeightContext,X as TableHeightProvider,ee as useTableHeight};
+// src/components/TableEx/TableCellEx.tsx
+import { styled, TableCell } from "@mui/material";
+var TableCellEx = styled(TableCell, { name: "TableCellNoBgColor", shouldForwardProp: (prop) => prop !== "noBgColor" })(
+  ({ noBgColor = true }) => ({
+    ...noBgColor && { backgroundColor: "transparent" }
+  })
+);
+
+// src/components/TableEx/TableEx.tsx
+import { Table } from "@mui/material";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var TableExInner = forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(Table, { ref, ...props, children });
+});
+TableExInner.displayName = "TableExInner";
+var TableExWithRef = forwardRef(({ variant, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(TableExInner, { stickyHeader: variant === "scrollable", ref, ...props, children });
+});
+TableExWithRef.displayName = "TableEx";
+var TableEx = TableExWithRef;
+
+// src/components/TableEx/TableFooterEx.tsx
+import { styled as styled2, TableFooter } from "@mui/material";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var TableFooterExRoot = styled2(TableFooter, {
+  name: "TableFooterEx",
+  shouldForwardProp: (propName) => propName !== "scrollable",
+  slot: "Root"
+})(({ variant, theme }) => ({
+  backgroundColor: theme.palette.background.default,
+  bottom: "unset",
+  position: "relative",
+  ...variant === "scrollable" && {
+    bottom: 0,
+    position: "sticky"
+  }
+}));
+var TableFooterEx = ({ children, ...props }) => /* @__PURE__ */ jsx2(TableFooterExRoot, { ...props, children });
+
+// src/context/TableHeight/Context.ts
+import { createContextEx } from "@xyo-network/react-shared";
+var TableHeightContext = createContextEx();
+
+// src/context/TableHeight/Provider.tsx
+import { useEffect, useMemo, useState } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var TableHeightProvider = ({
+  children,
+  additionalRows = 0,
+  defaultVisibleRows,
+  heightFormat = "px"
+}) => {
+  const [visibleRows, setVisibleRows] = useState(defaultVisibleRows);
+  const [height, setHeight] = useState();
+  const [rowHeight, setRowHeight] = useState();
+  const formattedHeight = useMemo(() => height === void 0 ? 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]);
+  return /* @__PURE__ */ jsx3(TableHeightContext.Provider, { value: { height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }, children });
+};
+
+// src/context/TableHeight/use.tsx
+import { useContextEx } from "@xyo-network/react-shared";
+var useTableHeight = (required = false) => useContextEx(TableHeightContext, "TableHeight", required);
+export {
+  TableCellEx,
+  TableEx,
+  TableExWithRef,
+  TableFooterEx,
+  TableHeightContext,
+  TableHeightProvider,
+  useTableHeight
+};
 //# sourceMappingURL=index.js.map

package/dist/neutral/index.js.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.tsx"],"sourcesContent":["import { styled, TableCell, TableCellProps } from '@mui/material'\n\nexport interface TableCellExProps extends TableCellProps {\n  noBgColor?: boolean\n}\n\nexport const TableCellEx = styled(TableCell, { name: 'TableCellNoBgColor', shouldForwardProp: (prop) => prop !== 'noBgColor' })<TableCellExProps>(\n  ({ noBgColor = true }) => ({\n    ...(noBgColor && { backgroundColor: 'transparent' }),\n  }),\n)\n","import { Table, TableProps } from '@mui/material'\nimport { forwardRef, PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types'\n\nexport interface TableExProps extends PropsWithChildren, TableProps {\n  variant?: TableExVariants\n}\n\nconst TableExInner = 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 { PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types'\n\nconst TableFooterExRoot = styled(TableFooter, {\n  name: 'TableFooterEx',\n  shouldForwardProp: (propName) => propName !== 'scrollable',\n  slot: 'Root',\n})<TableFooterExProps>(({ variant, theme }) => ({\n  backgroundColor: theme.palette.background.default,\n  bottom: 'unset',\n  position: 'relative',\n  ...(variant === 'scrollable' && {\n    bottom: 0,\n    position: 'sticky',\n  }),\n}))\n\nexport interface TableFooterExProps extends PropsWithChildren, TableFooterProps {\n  variant?: TableExVariants\n}\n\nexport const TableFooterEx: React.FC<TableFooterExProps> = ({ children, ...props }) => <TableFooterExRoot {...props}>{children}</TableFooterExRoot>\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightState } from './State'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { ContextExProviderProps } from '@xyo-network/react-shared'\nimport { useEffect, useMemo, useState } from 'react'\n\nimport { TableHeightContext } from './Context'\n\nexport interface TableHeightProviderProps extends ContextExProviderProps, WithChildren {\n  /** @field Account for optional header and footer rows */\n  additionalRows?: number\n  defaultVisibleRows?: number\n  heightFormat?: string\n}\n\nexport const TableHeightProvider: React.FC<TableHeightProviderProps> = ({\n  children,\n  additionalRows = 0,\n  defaultVisibleRows,\n  heightFormat = 'px',\n}) => {\n  const [visibleRows, setVisibleRows] = useState(defaultVisibleRows)\n  const [height, setHeight] = useState<number | undefined>()\n  const [rowHeight, setRowHeight] = useState<number | undefined>()\n\n  const formattedHeight = useMemo(() => (height === undefined ? 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  return (\n    <TableHeightContext.Provider value={{ height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }}>\n      {children}\n    </TableHeightContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightContext } from './Context'\n\nexport const useTableHeight = (required = false) => useContextEx(TableHeightContext, 'TableHeight', required)\n"],"mappings":"AAAA,OAAS,UAAAA,EAAQ,aAAAC,MAAiC,gBAM3C,IAAMC,EAAcF,EAAOC,EAAW,CAAE,KAAM,qBAAsB,kBAAoBE,GAASA,IAAS,WAAY,CAAC,EAC5H,CAAC,CAAE,UAAAC,EAAY,EAAK,KAAO,CACzB,GAAIA,GAAa,CAAE,gBAAiB,aAAc,CACpD,EACF,ECVA,OAAS,SAAAC,MAAyB,gBAClC,OAAS,cAAAC,MAAqC,QAU1C,cAAAC,MAAA,oBAFJ,IAAMC,EAAeF,EAA2C,CAAC,CAAE,SAAAG,EAAU,GAAGC,CAAM,EAAGC,IAErFJ,EAACF,EAAA,CAAM,IAAKM,EAAM,GAAGD,EAClB,SAAAD,EACH,CAEH,EAEDD,EAAa,YAAc,eAEpB,IAAMI,EAAiBN,EAA2C,CAAC,CAAE,QAAAO,EAAS,SAAAJ,EAAU,GAAGC,CAAM,EAAGC,IAEvGJ,EAACC,EAAA,CAAa,aAAcK,IAAY,aAAc,IAAKF,EAAM,GAAGD,EACjE,SAAAD,EACH,CAEH,EAEDG,EAAe,YAAc,UAEtB,IAAME,EAAUF,EC7BvB,OAAS,UAAAG,EAAQ,eAAAC,MAAqC,gBAuBiC,cAAAC,MAAA,oBAlBvF,IAAMC,EAAoBH,EAAOC,EAAa,CAC5C,KAAM,gBACN,kBAAoBG,GAAaA,IAAa,aAC9C,KAAM,MACR,CAAC,EAAsB,CAAC,CAAE,QAAAC,EAAS,MAAAC,CAAM,KAAO,CAC9C,gBAAiBA,EAAM,QAAQ,WAAW,QAC1C,OAAQ,QACR,SAAU,WACV,GAAID,IAAY,cAAgB,CAC9B,OAAQ,EACR,SAAU,QACZ,CACF,EAAE,EAMWE,EAA8C,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAM,IAAMP,EAACC,EAAA,CAAmB,GAAGM,EAAQ,SAAAD,EAAS,ECvB/H,OAAS,mBAAAE,MAAuB,4BAIzB,IAAMC,EAAqBD,EAAkC,ECFpE,OAAS,aAAAE,EAAW,WAAAC,EAAS,YAAAC,MAAgB,QAkCzC,cAAAC,MAAA,oBAvBG,IAAMC,EAA0D,CAAC,CACtE,SAAAC,EACA,eAAAC,EAAiB,EACjB,mBAAAC,EACA,aAAAC,EAAe,IACjB,IAAM,CACJ,GAAM,CAACC,EAAaC,CAAc,EAAIC,EAASJ,CAAkB,EAC3D,CAACK,EAAQC,CAAS,EAAIF,EAA6B,EACnD,CAACG,EAAWC,CAAY,EAAIJ,EAA6B,EAEzDK,EAAkBC,EAAQ,IAAOL,IAAW,OAAY,OAAY,GAAGA,CAAM,GAAGJ,CAAY,GAAK,CAACI,EAAQJ,CAAY,CAAC,EAE7H,OAAAU,EAAU,IAAM,CACdR,EAAeH,CAAkB,CACnC,EAAG,CAACA,CAAkB,CAAC,EAEvBW,EAAU,IAAM,CACVJ,IAAc,QAAaL,IAAgB,QAC7CI,EAAUC,GAAaL,EAAcH,EAAe,CAExD,EAAG,CAACC,EAAoBO,EAAWL,EAAaH,CAAc,CAAC,EAG7DH,EAACgB,EAAmB,SAAnB,CAA4B,MAAO,CAAE,OAAQH,EAAiB,SAAU,GAAM,UAAAF,EAAW,aAAAC,EAAc,eAAAL,EAAgB,YAAAD,CAAY,EACjI,SAAAJ,EACH,CAEJ,ECxCA,OAAS,gBAAAe,MAAoB,4BAItB,IAAMC,GAAiB,CAACC,EAAW,KAAUC,EAAaC,EAAoB,cAAeF,CAAQ","names":["styled","TableCell","TableCellEx","prop","noBgColor","Table","forwardRef","jsx","TableExInner","children","props","ref","TableExWithRef","variant","TableEx","styled","TableFooter","jsx","TableFooterExRoot","propName","variant","theme","TableFooterEx","children","props","createContextEx","TableHeightContext","useEffect","useMemo","useState","jsx","TableHeightProvider","children","additionalRows","defaultVisibleRows","heightFormat","visibleRows","setVisibleRows","useState","height","setHeight","rowHeight","setRowHeight","formattedHeight","useMemo","useEffect","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.tsx"],"sourcesContent":["import { styled, TableCell, TableCellProps } from '@mui/material'\n\nexport interface TableCellExProps extends TableCellProps {\n  noBgColor?: boolean\n}\n\nexport const TableCellEx = styled(TableCell, { name: 'TableCellNoBgColor', shouldForwardProp: (prop) => prop !== 'noBgColor' })<TableCellExProps>(\n  ({ noBgColor = true }) => ({\n    ...(noBgColor && { backgroundColor: 'transparent' }),\n  }),\n)\n","import { Table, TableProps } from '@mui/material'\nimport { forwardRef, PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types'\n\nexport interface TableExProps extends PropsWithChildren, TableProps {\n  variant?: TableExVariants\n}\n\nconst TableExInner = 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 { PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types'\n\nconst TableFooterExRoot = styled(TableFooter, {\n  name: 'TableFooterEx',\n  shouldForwardProp: (propName) => propName !== 'scrollable',\n  slot: 'Root',\n})<TableFooterExProps>(({ variant, theme }) => ({\n  backgroundColor: theme.palette.background.default,\n  bottom: 'unset',\n  position: 'relative',\n  ...(variant === 'scrollable' && {\n    bottom: 0,\n    position: 'sticky',\n  }),\n}))\n\nexport interface TableFooterExProps extends PropsWithChildren, TableFooterProps {\n  variant?: TableExVariants\n}\n\nexport const TableFooterEx: React.FC<TableFooterExProps> = ({ children, ...props }) => <TableFooterExRoot {...props}>{children}</TableFooterExRoot>\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightState } from './State'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { ContextExProviderProps } from '@xyo-network/react-shared'\nimport { useEffect, useMemo, useState } from 'react'\n\nimport { TableHeightContext } from './Context'\n\nexport interface TableHeightProviderProps extends ContextExProviderProps, WithChildren {\n  /** @field Account for optional header and footer rows */\n  additionalRows?: number\n  defaultVisibleRows?: number\n  heightFormat?: string\n}\n\nexport const TableHeightProvider: React.FC<TableHeightProviderProps> = ({\n  children,\n  additionalRows = 0,\n  defaultVisibleRows,\n  heightFormat = 'px',\n}) => {\n  const [visibleRows, setVisibleRows] = useState(defaultVisibleRows)\n  const [height, setHeight] = useState<number | undefined>()\n  const [rowHeight, setRowHeight] = useState<number | undefined>()\n\n  const formattedHeight = useMemo(() => (height === undefined ? 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  return (\n    <TableHeightContext.Provider value={{ height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }}>\n      {children}\n    </TableHeightContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightContext } from './Context'\n\nexport const useTableHeight = (required = false) => useContextEx(TableHeightContext, 'TableHeight', required)\n"],"mappings":";AAAA,SAAS,QAAQ,iBAAiC;AAM3C,IAAM,cAAc,OAAO,WAAW,EAAE,MAAM,sBAAsB,mBAAmB,CAAC,SAAS,SAAS,YAAY,CAAC;AAAA,EAC5H,CAAC,EAAE,YAAY,KAAK,OAAO;AAAA,IACzB,GAAI,aAAa,EAAE,iBAAiB,cAAc;AAAA,EACpD;AACF;;;ACVA,SAAS,aAAyB;AAClC,SAAS,kBAAqC;AAU1C;AAFJ,IAAM,eAAe,WAA2C,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,QAAQ;AAC/F,SACE,oBAAC,SAAM,KAAW,GAAG,OAClB,UACH;AAEJ,CAAC;AAED,aAAa,cAAc;AAEpB,IAAM,iBAAiB,WAA2C,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AACjH,SACE,oBAAC,gBAAa,cAAc,YAAY,cAAc,KAAW,GAAG,OACjE,UACH;AAEJ,CAAC;AAED,eAAe,cAAc;AAEtB,IAAM,UAAU;;;AC7BvB,SAAS,UAAAA,SAAQ,mBAAqC;AAuBiC,gBAAAC,YAAA;AAlBvF,IAAM,oBAAoBD,QAAO,aAAa;AAAA,EAC5C,MAAM;AAAA,EACN,mBAAmB,CAAC,aAAa,aAAa;AAAA,EAC9C,MAAM;AACR,CAAC,EAAsB,CAAC,EAAE,SAAS,MAAM,OAAO;AAAA,EAC9C,iBAAiB,MAAM,QAAQ,WAAW;AAAA,EAC1C,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,GAAI,YAAY,gBAAgB;AAAA,IAC9B,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF,EAAE;AAMK,IAAM,gBAA8C,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM,gBAAAC,KAAC,qBAAmB,GAAG,OAAQ,UAAS;;;ACvB/H,SAAS,uBAAuB;AAIzB,IAAM,qBAAqB,gBAAkC;;;ACFpE,SAAS,WAAW,SAAS,gBAAgB;AAkCzC,gBAAAC,YAAA;AAvBG,IAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,kBAAkB;AACjE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6B;AACzD,QAAM,CAAC,WAAW,YAAY,IAAI,SAA6B;AAE/D,QAAM,kBAAkB,QAAQ,MAAO,WAAW,SAAY,SAAY,GAAG,MAAM,GAAG,YAAY,IAAK,CAAC,QAAQ,YAAY,CAAC;AAE7H,YAAU,MAAM;AACd,mBAAe,kBAAkB;AAAA,EACnC,GAAG,CAAC,kBAAkB,CAAC;AAEvB,YAAU,MAAM;AACd,QAAI,cAAc,UAAa,gBAAgB,QAAW;AACxD,gBAAU,aAAa,cAAc,eAAe;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,oBAAoB,WAAW,aAAa,cAAc,CAAC;AAE/D,SACE,gBAAAA,KAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,QAAQ,iBAAiB,UAAU,MAAM,WAAW,cAAc,gBAAgB,YAAY,GACjI,UACH;AAEJ;;;ACxCA,SAAS,oBAAoB;AAItB,IAAM,iBAAiB,CAAC,WAAW,UAAU,aAAa,oBAAoB,eAAe,QAAQ;","names":["styled","jsx","jsx"]}

package/dist/node/index.cjs

@@ -1,2 +1,114 @@
-"use strict";var x=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var W=Object.prototype.hasOwnProperty;var y=(e,o)=>{for(var r in o)x(e,r,{get:o[r],enumerable:!0})},k=(e,o,r,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of R(o))!W.call(e,t)&&t!==r&&x(e,t,{get:()=>o[t],enumerable:!(a=v(o,t))||a.enumerable});return e};var w=e=>k(x({},"__esModule",{value:!0}),e);var L={};y(L,{TableCellEx:()=>B,TableEx:()=>I,TableExWithRef:()=>d,TableFooterEx:()=>N,TableHeightContext:()=>n,TableHeightProvider:()=>S,useTableHeight:()=>V});module.exports=w(L);var s=require("@mui/material"),B=(0,s.styled)(s.TableCell,{name:"TableCellNoBgColor",shouldForwardProp:e=>e!=="noBgColor"})(({noBgColor:e=!0})=>({...e&&{backgroundColor:"transparent"}}));var h=require("@mui/material"),T=require("react"),m=require("react/jsx-runtime"),P=(0,T.forwardRef)(({children:e,...o},r)=>(0,m.jsx)(h.Table,{ref:r,...o,children:e}));P.displayName="TableExInner";var d=(0,T.forwardRef)(({variant:e,children:o,...r},a)=>(0,m.jsx)(P,{stickyHeader:e==="scrollable",ref:a,...r,children:o}));d.displayName="TableEx";var I=d;var p=require("@mui/material"),E=require("react/jsx-runtime"),M=(0,p.styled)(p.TableFooter,{name:"TableFooterEx",shouldForwardProp:e=>e!=="scrollable",slot:"Root"})(({variant:e,theme:o})=>({backgroundColor:o.palette.background.default,bottom:"unset",position:"relative",...e==="scrollable"&&{bottom:0,position:"sticky"}})),N=({children:e,...o})=>(0,E.jsx)(M,{...o,children:e});var C=require("@xyo-network/react-shared"),n=(0,C.createContextEx)();var l=require("react");var c=require("react/jsx-runtime"),S=({children:e,additionalRows:o=0,defaultVisibleRows:r,heightFormat:a="px"})=>{let[t,f]=(0,l.useState)(r),[b,u]=(0,l.useState)(),[i,H]=(0,l.useState)(),F=(0,l.useMemo)(()=>b===void 0?void 0:`${b}${a}`,[b,a]);return(0,l.useEffect)(()=>{f(r)},[r]),(0,l.useEffect)(()=>{i!==void 0&&t!==void 0&&u(i*(t+o))},[r,i,t,o]),(0,c.jsx)(n.Provider,{value:{height:F,provided:!0,rowHeight:i,setRowHeight:H,setVisibleRows:f,visibleRows:t},children:e})};var g=require("@xyo-network/react-shared");var V=(e=!1)=>(0,g.useContextEx)(n,"TableHeight",e);0&&(module.exports={TableCellEx,TableEx,TableExWithRef,TableFooterEx,TableHeightContext,TableHeightProvider,useTableHeight});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  TableCellEx: () => TableCellEx,
+  TableEx: () => TableEx,
+  TableExWithRef: () => TableExWithRef,
+  TableFooterEx: () => TableFooterEx,
+  TableHeightContext: () => TableHeightContext,
+  TableHeightProvider: () => TableHeightProvider,
+  useTableHeight: () => useTableHeight
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/TableEx/TableCellEx.tsx
+var import_material = require("@mui/material");
+var TableCellEx = (0, import_material.styled)(import_material.TableCell, { name: "TableCellNoBgColor", shouldForwardProp: (prop) => prop !== "noBgColor" })(
+  ({ noBgColor = true }) => ({
+    ...noBgColor && { backgroundColor: "transparent" }
+  })
+);
+
+// src/components/TableEx/TableEx.tsx
+var import_material2 = require("@mui/material");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var TableExInner = (0, import_react.forwardRef)(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material2.Table, { ref, ...props, children });
+});
+TableExInner.displayName = "TableExInner";
+var TableExWithRef = (0, import_react.forwardRef)(({ variant, children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableExInner, { stickyHeader: variant === "scrollable", ref, ...props, children });
+});
+TableExWithRef.displayName = "TableEx";
+var TableEx = TableExWithRef;
+
+// src/components/TableEx/TableFooterEx.tsx
+var import_material3 = require("@mui/material");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var TableFooterExRoot = (0, import_material3.styled)(import_material3.TableFooter, {
+  name: "TableFooterEx",
+  shouldForwardProp: (propName) => propName !== "scrollable",
+  slot: "Root"
+})(({ variant, theme }) => ({
+  backgroundColor: theme.palette.background.default,
+  bottom: "unset",
+  position: "relative",
+  ...variant === "scrollable" && {
+    bottom: 0,
+    position: "sticky"
+  }
+}));
+var TableFooterEx = ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TableFooterExRoot, { ...props, children });
+
+// src/context/TableHeight/Context.ts
+var import_react_shared = require("@xyo-network/react-shared");
+var TableHeightContext = (0, import_react_shared.createContextEx)();
+
+// src/context/TableHeight/Provider.tsx
+var import_react2 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var TableHeightProvider = ({
+  children,
+  additionalRows = 0,
+  defaultVisibleRows,
+  heightFormat = "px"
+}) => {
+  const [visibleRows, setVisibleRows] = (0, import_react2.useState)(defaultVisibleRows);
+  const [height, setHeight] = (0, import_react2.useState)();
+  const [rowHeight, setRowHeight] = (0, import_react2.useState)();
+  const formattedHeight = (0, import_react2.useMemo)(() => height === void 0 ? void 0 : `${height}${heightFormat}`, [height, heightFormat]);
+  (0, import_react2.useEffect)(() => {
+    setVisibleRows(defaultVisibleRows);
+  }, [defaultVisibleRows]);
+  (0, import_react2.useEffect)(() => {
+    if (rowHeight !== void 0 && visibleRows !== void 0) {
+      setHeight(rowHeight * (visibleRows + additionalRows));
+    }
+  }, [defaultVisibleRows, rowHeight, visibleRows, additionalRows]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TableHeightContext.Provider, { value: { height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }, children });
+};
+
+// src/context/TableHeight/use.tsx
+var import_react_shared2 = require("@xyo-network/react-shared");
+var useTableHeight = (required = false) => (0, import_react_shared2.useContextEx)(TableHeightContext, "TableHeight", required);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TableCellEx,
+  TableEx,
+  TableExWithRef,
+  TableFooterEx,
+  TableHeightContext,
+  TableHeightProvider,
+  useTableHeight
+});
 //# sourceMappingURL=index.cjs.map

package/dist/node/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts","../../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.tsx"],"sourcesContent":["export * from './components'\nexport * from './context'\nexport * from './types'\n","import { styled, TableCell, TableCellProps } from '@mui/material'\n\nexport interface TableCellExProps extends TableCellProps {\n  noBgColor?: boolean\n}\n\nexport const TableCellEx = styled(TableCell, { name: 'TableCellNoBgColor', shouldForwardProp: (prop) => prop !== 'noBgColor' })<TableCellExProps>(\n  ({ noBgColor = true }) => ({\n    ...(noBgColor && { backgroundColor: 'transparent' }),\n  }),\n)\n","import { Table, TableProps } from '@mui/material'\nimport { forwardRef, PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types'\n\nexport interface TableExProps extends PropsWithChildren, TableProps {\n  variant?: TableExVariants\n}\n\nconst TableExInner = 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 { PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types'\n\nconst TableFooterExRoot = styled(TableFooter, {\n  name: 'TableFooterEx',\n  shouldForwardProp: (propName) => propName !== 'scrollable',\n  slot: 'Root',\n})<TableFooterExProps>(({ variant, theme }) => ({\n  backgroundColor: theme.palette.background.default,\n  bottom: 'unset',\n  position: 'relative',\n  ...(variant === 'scrollable' && {\n    bottom: 0,\n    position: 'sticky',\n  }),\n}))\n\nexport interface TableFooterExProps extends PropsWithChildren, TableFooterProps {\n  variant?: TableExVariants\n}\n\nexport const TableFooterEx: React.FC<TableFooterExProps> = ({ children, ...props }) => <TableFooterExRoot {...props}>{children}</TableFooterExRoot>\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightState } from './State'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { ContextExProviderProps } from '@xyo-network/react-shared'\nimport { useEffect, useMemo, useState } from 'react'\n\nimport { TableHeightContext } from './Context'\n\nexport interface TableHeightProviderProps extends ContextExProviderProps, WithChildren {\n  /** @field Account for optional header and footer rows */\n  additionalRows?: number\n  defaultVisibleRows?: number\n  heightFormat?: string\n}\n\nexport const TableHeightProvider: React.FC<TableHeightProviderProps> = ({\n  children,\n  additionalRows = 0,\n  defaultVisibleRows,\n  heightFormat = 'px',\n}) => {\n  const [visibleRows, setVisibleRows] = useState(defaultVisibleRows)\n  const [height, setHeight] = useState<number | undefined>()\n  const [rowHeight, setRowHeight] = useState<number | undefined>()\n\n  const formattedHeight = useMemo(() => (height === undefined ? 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  return (\n    <TableHeightContext.Provider value={{ height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }}>\n      {children}\n    </TableHeightContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightContext } from './Context'\n\nexport const useTableHeight = (required = false) => useContextEx(TableHeightContext, 'TableHeight', required)\n"],"mappings":"yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,YAAAC,EAAA,mBAAAC,EAAA,kBAAAC,EAAA,uBAAAC,EAAA,wBAAAC,EAAA,mBAAAC,IAAA,eAAAC,EAAAT,GCAA,IAAAU,EAAkD,yBAMrCC,KAAc,UAAO,YAAW,CAAE,KAAM,qBAAsB,kBAAoBC,GAASA,IAAS,WAAY,CAAC,EAC5H,CAAC,CAAE,UAAAC,EAAY,EAAK,KAAO,CACzB,GAAIA,GAAa,CAAE,gBAAiB,aAAc,CACpD,EACF,ECVA,IAAAC,EAAkC,yBAClCC,EAA8C,iBAU1CC,EAAA,6BAFEC,KAAe,cAA2C,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAM,EAAGC,OAErF,OAAC,SAAM,IAAKA,EAAM,GAAGD,EAClB,SAAAD,EACH,CAEH,EAEDD,EAAa,YAAc,eAEpB,IAAMI,KAAiB,cAA2C,CAAC,CAAE,QAAAC,EAAS,SAAAJ,EAAU,GAAGC,CAAM,EAAGC,OAEvG,OAACH,EAAA,CAAa,aAAcK,IAAY,aAAc,IAAKF,EAAM,GAAGD,EACjE,SAAAD,EACH,CAEH,EAEDG,EAAe,YAAc,UAEtB,IAAME,EAAUF,EC7BvB,IAAAG,EAAsD,yBAuBiCC,EAAA,6BAlBjFC,KAAoB,UAAO,cAAa,CAC5C,KAAM,gBACN,kBAAoBC,GAAaA,IAAa,aAC9C,KAAM,MACR,CAAC,EAAsB,CAAC,CAAE,QAAAC,EAAS,MAAAC,CAAM,KAAO,CAC9C,gBAAiBA,EAAM,QAAQ,WAAW,QAC1C,OAAQ,QACR,SAAU,WACV,GAAID,IAAY,cAAgB,CAC9B,OAAQ,EACR,SAAU,QACZ,CACF,EAAE,EAMWE,EAA8C,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAM,OAAM,OAACN,EAAA,CAAmB,GAAGM,EAAQ,SAAAD,EAAS,ECvB/H,IAAAE,EAAgC,qCAInBC,KAAqB,mBAAkC,ECFpE,IAAAC,EAA6C,iBAkCzC,IAAAC,EAAA,6BAvBSC,EAA0D,CAAC,CACtE,SAAAC,EACA,eAAAC,EAAiB,EACjB,mBAAAC,EACA,aAAAC,EAAe,IACjB,IAAM,CACJ,GAAM,CAACC,EAAaC,CAAc,KAAI,YAASH,CAAkB,EAC3D,CAACI,EAAQC,CAAS,KAAI,YAA6B,EACnD,CAACC,EAAWC,CAAY,KAAI,YAA6B,EAEzDC,KAAkB,WAAQ,IAAOJ,IAAW,OAAY,OAAY,GAAGA,CAAM,GAAGH,CAAY,GAAK,CAACG,EAAQH,CAAY,CAAC,EAE7H,sBAAU,IAAM,CACdE,EAAeH,CAAkB,CACnC,EAAG,CAACA,CAAkB,CAAC,KAEvB,aAAU,IAAM,CACVM,IAAc,QAAaJ,IAAgB,QAC7CG,EAAUC,GAAaJ,EAAcH,EAAe,CAExD,EAAG,CAACC,EAAoBM,EAAWJ,EAAaH,CAAc,CAAC,KAG7D,OAACU,EAAmB,SAAnB,CAA4B,MAAO,CAAE,OAAQD,EAAiB,SAAU,GAAM,UAAAF,EAAW,aAAAC,EAAc,eAAAJ,EAAgB,YAAAD,CAAY,EACjI,SAAAJ,EACH,CAEJ,ECxCA,IAAAY,EAA6B,qCAItB,IAAMC,EAAiB,CAACC,EAAW,QAAU,gBAAaC,EAAoB,cAAeD,CAAQ","names":["src_exports","__export","TableCellEx","TableEx","TableExWithRef","TableFooterEx","TableHeightContext","TableHeightProvider","useTableHeight","__toCommonJS","import_material","TableCellEx","prop","noBgColor","import_material","import_react","import_jsx_runtime","TableExInner","children","props","ref","TableExWithRef","variant","TableEx","import_material","import_jsx_runtime","TableFooterExRoot","propName","variant","theme","TableFooterEx","children","props","import_react_shared","TableHeightContext","import_react","import_jsx_runtime","TableHeightProvider","children","additionalRows","defaultVisibleRows","heightFormat","visibleRows","setVisibleRows","height","setHeight","rowHeight","setRowHeight","formattedHeight","TableHeightContext","import_react_shared","useTableHeight","required","TableHeightContext"]}
+{"version":3,"sources":["../../src/index.ts","../../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.tsx"],"sourcesContent":["export * from './components'\nexport * from './context'\nexport * from './types'\n","import { styled, TableCell, TableCellProps } from '@mui/material'\n\nexport interface TableCellExProps extends TableCellProps {\n  noBgColor?: boolean\n}\n\nexport const TableCellEx = styled(TableCell, { name: 'TableCellNoBgColor', shouldForwardProp: (prop) => prop !== 'noBgColor' })<TableCellExProps>(\n  ({ noBgColor = true }) => ({\n    ...(noBgColor && { backgroundColor: 'transparent' }),\n  }),\n)\n","import { Table, TableProps } from '@mui/material'\nimport { forwardRef, PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types'\n\nexport interface TableExProps extends PropsWithChildren, TableProps {\n  variant?: TableExVariants\n}\n\nconst TableExInner = 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 { PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types'\n\nconst TableFooterExRoot = styled(TableFooter, {\n  name: 'TableFooterEx',\n  shouldForwardProp: (propName) => propName !== 'scrollable',\n  slot: 'Root',\n})<TableFooterExProps>(({ variant, theme }) => ({\n  backgroundColor: theme.palette.background.default,\n  bottom: 'unset',\n  position: 'relative',\n  ...(variant === 'scrollable' && {\n    bottom: 0,\n    position: 'sticky',\n  }),\n}))\n\nexport interface TableFooterExProps extends PropsWithChildren, TableFooterProps {\n  variant?: TableExVariants\n}\n\nexport const TableFooterEx: React.FC<TableFooterExProps> = ({ children, ...props }) => <TableFooterExRoot {...props}>{children}</TableFooterExRoot>\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightState } from './State'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { ContextExProviderProps } from '@xyo-network/react-shared'\nimport { useEffect, useMemo, useState } from 'react'\n\nimport { TableHeightContext } from './Context'\n\nexport interface TableHeightProviderProps extends ContextExProviderProps, WithChildren {\n  /** @field Account for optional header and footer rows */\n  additionalRows?: number\n  defaultVisibleRows?: number\n  heightFormat?: string\n}\n\nexport const TableHeightProvider: React.FC<TableHeightProviderProps> = ({\n  children,\n  additionalRows = 0,\n  defaultVisibleRows,\n  heightFormat = 'px',\n}) => {\n  const [visibleRows, setVisibleRows] = useState(defaultVisibleRows)\n  const [height, setHeight] = useState<number | undefined>()\n  const [rowHeight, setRowHeight] = useState<number | undefined>()\n\n  const formattedHeight = useMemo(() => (height === undefined ? 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  return (\n    <TableHeightContext.Provider value={{ height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }}>\n      {children}\n    </TableHeightContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightContext } from './Context'\n\nexport const useTableHeight = (required = false) => useContextEx(TableHeightContext, 'TableHeight', required)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAAkD;AAM3C,IAAM,kBAAc,wBAAO,2BAAW,EAAE,MAAM,sBAAsB,mBAAmB,CAAC,SAAS,SAAS,YAAY,CAAC;AAAA,EAC5H,CAAC,EAAE,YAAY,KAAK,OAAO;AAAA,IACzB,GAAI,aAAa,EAAE,iBAAiB,cAAc;AAAA,EACpD;AACF;;;ACVA,IAAAA,mBAAkC;AAClC,mBAA8C;AAU1C;AAFJ,IAAM,mBAAe,yBAA2C,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,QAAQ;AAC/F,SACE,4CAAC,0BAAM,KAAW,GAAG,OAClB,UACH;AAEJ,CAAC;AAED,aAAa,cAAc;AAEpB,IAAM,qBAAiB,yBAA2C,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AACjH,SACE,4CAAC,gBAAa,cAAc,YAAY,cAAc,KAAW,GAAG,OACjE,UACH;AAEJ,CAAC;AAED,eAAe,cAAc;AAEtB,IAAM,UAAU;;;AC7BvB,IAAAC,mBAAsD;AAuBiC,IAAAC,sBAAA;AAlBvF,IAAM,wBAAoB,yBAAO,8BAAa;AAAA,EAC5C,MAAM;AAAA,EACN,mBAAmB,CAAC,aAAa,aAAa;AAAA,EAC9C,MAAM;AACR,CAAC,EAAsB,CAAC,EAAE,SAAS,MAAM,OAAO;AAAA,EAC9C,iBAAiB,MAAM,QAAQ,WAAW;AAAA,EAC1C,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,GAAI,YAAY,gBAAgB;AAAA,IAC9B,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF,EAAE;AAMK,IAAM,gBAA8C,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM,6CAAC,qBAAmB,GAAG,OAAQ,UAAS;;;ACvB/H,0BAAgC;AAIzB,IAAM,yBAAqB,qCAAkC;;;ACFpE,IAAAC,gBAA6C;AAkCzC,IAAAC,sBAAA;AAvBG,IAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,QAAI,wBAAS,kBAAkB;AACjE,QAAM,CAAC,QAAQ,SAAS,QAAI,wBAA6B;AACzD,QAAM,CAAC,WAAW,YAAY,QAAI,wBAA6B;AAE/D,QAAM,sBAAkB,uBAAQ,MAAO,WAAW,SAAY,SAAY,GAAG,MAAM,GAAG,YAAY,IAAK,CAAC,QAAQ,YAAY,CAAC;AAE7H,+BAAU,MAAM;AACd,mBAAe,kBAAkB;AAAA,EACnC,GAAG,CAAC,kBAAkB,CAAC;AAEvB,+BAAU,MAAM;AACd,QAAI,cAAc,UAAa,gBAAgB,QAAW;AACxD,gBAAU,aAAa,cAAc,eAAe;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,oBAAoB,WAAW,aAAa,cAAc,CAAC;AAE/D,SACE,6CAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,QAAQ,iBAAiB,UAAU,MAAM,WAAW,cAAc,gBAAgB,YAAY,GACjI,UACH;AAEJ;;;ACxCA,IAAAC,uBAA6B;AAItB,IAAM,iBAAiB,CAAC,WAAW,cAAU,mCAAa,oBAAoB,eAAe,QAAQ;","names":["import_material","import_material","import_jsx_runtime","import_react","import_jsx_runtime","import_react_shared"]}

package/dist/node/index.js

@@ -1,2 +1,81 @@
-import{styled as E,TableCell as C}from"@mui/material";var B=E(C,{name:"TableCellNoBgColor",shouldForwardProp:e=>e!=="noBgColor"})(({noBgColor:e=!0})=>({...e&&{backgroundColor:"transparent"}}));import{Table as c}from"@mui/material";import{forwardRef as b}from"react";import{jsx as d}from"react/jsx-runtime";var x=b(({children:e,...o},r)=>d(c,{ref:r,...o,children:e}));x.displayName="TableExInner";var T=b(({variant:e,children:o,...r},t)=>d(x,{stickyHeader:e==="scrollable",ref:t,...r,children:o}));T.displayName="TableEx";var L=T;import{styled as g,TableFooter as u}from"@mui/material";import{jsx as F}from"react/jsx-runtime";var H=g(u,{name:"TableFooterEx",shouldForwardProp:e=>e!=="scrollable",slot:"Root"})(({variant:e,theme:o})=>({backgroundColor:o.palette.background.default,bottom:"unset",position:"relative",...e==="scrollable"&&{bottom:0,position:"sticky"}})),D=({children:e,...o})=>F(H,{...o,children:e});import{createContextEx as v}from"@xyo-network/react-shared";var n=v();import{useEffect as m,useMemo as R,useState as s}from"react";import{jsx as W}from"react/jsx-runtime";var X=({children:e,additionalRows:o=0,defaultVisibleRows:r,heightFormat:t="px"})=>{let[l,p]=s(r),[i,f]=s(),[a,h]=s(),P=R(()=>i===void 0?void 0:`${i}${t}`,[i,t]);return m(()=>{p(r)},[r]),m(()=>{a!==void 0&&l!==void 0&&f(a*(l+o))},[r,a,l,o]),W(n.Provider,{value:{height:P,provided:!0,rowHeight:a,setRowHeight:h,setVisibleRows:p,visibleRows:l},children:e})};import{useContextEx as y}from"@xyo-network/react-shared";var ee=(e=!1)=>y(n,"TableHeight",e);export{B as TableCellEx,L as TableEx,T as TableExWithRef,D as TableFooterEx,n as TableHeightContext,X as TableHeightProvider,ee as useTableHeight};
+// src/components/TableEx/TableCellEx.tsx
+import { styled, TableCell } from "@mui/material";
+var TableCellEx = styled(TableCell, { name: "TableCellNoBgColor", shouldForwardProp: (prop) => prop !== "noBgColor" })(
+  ({ noBgColor = true }) => ({
+    ...noBgColor && { backgroundColor: "transparent" }
+  })
+);
+
+// src/components/TableEx/TableEx.tsx
+import { Table } from "@mui/material";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var TableExInner = forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(Table, { ref, ...props, children });
+});
+TableExInner.displayName = "TableExInner";
+var TableExWithRef = forwardRef(({ variant, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(TableExInner, { stickyHeader: variant === "scrollable", ref, ...props, children });
+});
+TableExWithRef.displayName = "TableEx";
+var TableEx = TableExWithRef;
+
+// src/components/TableEx/TableFooterEx.tsx
+import { styled as styled2, TableFooter } from "@mui/material";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var TableFooterExRoot = styled2(TableFooter, {
+  name: "TableFooterEx",
+  shouldForwardProp: (propName) => propName !== "scrollable",
+  slot: "Root"
+})(({ variant, theme }) => ({
+  backgroundColor: theme.palette.background.default,
+  bottom: "unset",
+  position: "relative",
+  ...variant === "scrollable" && {
+    bottom: 0,
+    position: "sticky"
+  }
+}));
+var TableFooterEx = ({ children, ...props }) => /* @__PURE__ */ jsx2(TableFooterExRoot, { ...props, children });
+
+// src/context/TableHeight/Context.ts
+import { createContextEx } from "@xyo-network/react-shared";
+var TableHeightContext = createContextEx();
+
+// src/context/TableHeight/Provider.tsx
+import { useEffect, useMemo, useState } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var TableHeightProvider = ({
+  children,
+  additionalRows = 0,
+  defaultVisibleRows,
+  heightFormat = "px"
+}) => {
+  const [visibleRows, setVisibleRows] = useState(defaultVisibleRows);
+  const [height, setHeight] = useState();
+  const [rowHeight, setRowHeight] = useState();
+  const formattedHeight = useMemo(() => height === void 0 ? 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]);
+  return /* @__PURE__ */ jsx3(TableHeightContext.Provider, { value: { height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }, children });
+};
+
+// src/context/TableHeight/use.tsx
+import { useContextEx } from "@xyo-network/react-shared";
+var useTableHeight = (required = false) => useContextEx(TableHeightContext, "TableHeight", required);
+export {
+  TableCellEx,
+  TableEx,
+  TableExWithRef,
+  TableFooterEx,
+  TableHeightContext,
+  TableHeightProvider,
+  useTableHeight
+};
 //# sourceMappingURL=index.js.map

package/dist/node/index.js.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.tsx"],"sourcesContent":["import { styled, TableCell, TableCellProps } from '@mui/material'\n\nexport interface TableCellExProps extends TableCellProps {\n  noBgColor?: boolean\n}\n\nexport const TableCellEx = styled(TableCell, { name: 'TableCellNoBgColor', shouldForwardProp: (prop) => prop !== 'noBgColor' })<TableCellExProps>(\n  ({ noBgColor = true }) => ({\n    ...(noBgColor && { backgroundColor: 'transparent' }),\n  }),\n)\n","import { Table, TableProps } from '@mui/material'\nimport { forwardRef, PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types'\n\nexport interface TableExProps extends PropsWithChildren, TableProps {\n  variant?: TableExVariants\n}\n\nconst TableExInner = 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 { PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types'\n\nconst TableFooterExRoot = styled(TableFooter, {\n  name: 'TableFooterEx',\n  shouldForwardProp: (propName) => propName !== 'scrollable',\n  slot: 'Root',\n})<TableFooterExProps>(({ variant, theme }) => ({\n  backgroundColor: theme.palette.background.default,\n  bottom: 'unset',\n  position: 'relative',\n  ...(variant === 'scrollable' && {\n    bottom: 0,\n    position: 'sticky',\n  }),\n}))\n\nexport interface TableFooterExProps extends PropsWithChildren, TableFooterProps {\n  variant?: TableExVariants\n}\n\nexport const TableFooterEx: React.FC<TableFooterExProps> = ({ children, ...props }) => <TableFooterExRoot {...props}>{children}</TableFooterExRoot>\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightState } from './State'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { ContextExProviderProps } from '@xyo-network/react-shared'\nimport { useEffect, useMemo, useState } from 'react'\n\nimport { TableHeightContext } from './Context'\n\nexport interface TableHeightProviderProps extends ContextExProviderProps, WithChildren {\n  /** @field Account for optional header and footer rows */\n  additionalRows?: number\n  defaultVisibleRows?: number\n  heightFormat?: string\n}\n\nexport const TableHeightProvider: React.FC<TableHeightProviderProps> = ({\n  children,\n  additionalRows = 0,\n  defaultVisibleRows,\n  heightFormat = 'px',\n}) => {\n  const [visibleRows, setVisibleRows] = useState(defaultVisibleRows)\n  const [height, setHeight] = useState<number | undefined>()\n  const [rowHeight, setRowHeight] = useState<number | undefined>()\n\n  const formattedHeight = useMemo(() => (height === undefined ? 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  return (\n    <TableHeightContext.Provider value={{ height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }}>\n      {children}\n    </TableHeightContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightContext } from './Context'\n\nexport const useTableHeight = (required = false) => useContextEx(TableHeightContext, 'TableHeight', required)\n"],"mappings":"AAAA,OAAS,UAAAA,EAAQ,aAAAC,MAAiC,gBAM3C,IAAMC,EAAcF,EAAOC,EAAW,CAAE,KAAM,qBAAsB,kBAAoBE,GAASA,IAAS,WAAY,CAAC,EAC5H,CAAC,CAAE,UAAAC,EAAY,EAAK,KAAO,CACzB,GAAIA,GAAa,CAAE,gBAAiB,aAAc,CACpD,EACF,ECVA,OAAS,SAAAC,MAAyB,gBAClC,OAAS,cAAAC,MAAqC,QAU1C,cAAAC,MAAA,oBAFJ,IAAMC,EAAeF,EAA2C,CAAC,CAAE,SAAAG,EAAU,GAAGC,CAAM,EAAGC,IAErFJ,EAACF,EAAA,CAAM,IAAKM,EAAM,GAAGD,EAClB,SAAAD,EACH,CAEH,EAEDD,EAAa,YAAc,eAEpB,IAAMI,EAAiBN,EAA2C,CAAC,CAAE,QAAAO,EAAS,SAAAJ,EAAU,GAAGC,CAAM,EAAGC,IAEvGJ,EAACC,EAAA,CAAa,aAAcK,IAAY,aAAc,IAAKF,EAAM,GAAGD,EACjE,SAAAD,EACH,CAEH,EAEDG,EAAe,YAAc,UAEtB,IAAME,EAAUF,EC7BvB,OAAS,UAAAG,EAAQ,eAAAC,MAAqC,gBAuBiC,cAAAC,MAAA,oBAlBvF,IAAMC,EAAoBH,EAAOC,EAAa,CAC5C,KAAM,gBACN,kBAAoBG,GAAaA,IAAa,aAC9C,KAAM,MACR,CAAC,EAAsB,CAAC,CAAE,QAAAC,EAAS,MAAAC,CAAM,KAAO,CAC9C,gBAAiBA,EAAM,QAAQ,WAAW,QAC1C,OAAQ,QACR,SAAU,WACV,GAAID,IAAY,cAAgB,CAC9B,OAAQ,EACR,SAAU,QACZ,CACF,EAAE,EAMWE,EAA8C,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAM,IAAMP,EAACC,EAAA,CAAmB,GAAGM,EAAQ,SAAAD,EAAS,ECvB/H,OAAS,mBAAAE,MAAuB,4BAIzB,IAAMC,EAAqBD,EAAkC,ECFpE,OAAS,aAAAE,EAAW,WAAAC,EAAS,YAAAC,MAAgB,QAkCzC,cAAAC,MAAA,oBAvBG,IAAMC,EAA0D,CAAC,CACtE,SAAAC,EACA,eAAAC,EAAiB,EACjB,mBAAAC,EACA,aAAAC,EAAe,IACjB,IAAM,CACJ,GAAM,CAACC,EAAaC,CAAc,EAAIC,EAASJ,CAAkB,EAC3D,CAACK,EAAQC,CAAS,EAAIF,EAA6B,EACnD,CAACG,EAAWC,CAAY,EAAIJ,EAA6B,EAEzDK,EAAkBC,EAAQ,IAAOL,IAAW,OAAY,OAAY,GAAGA,CAAM,GAAGJ,CAAY,GAAK,CAACI,EAAQJ,CAAY,CAAC,EAE7H,OAAAU,EAAU,IAAM,CACdR,EAAeH,CAAkB,CACnC,EAAG,CAACA,CAAkB,CAAC,EAEvBW,EAAU,IAAM,CACVJ,IAAc,QAAaL,IAAgB,QAC7CI,EAAUC,GAAaL,EAAcH,EAAe,CAExD,EAAG,CAACC,EAAoBO,EAAWL,EAAaH,CAAc,CAAC,EAG7DH,EAACgB,EAAmB,SAAnB,CAA4B,MAAO,CAAE,OAAQH,EAAiB,SAAU,GAAM,UAAAF,EAAW,aAAAC,EAAc,eAAAL,EAAgB,YAAAD,CAAY,EACjI,SAAAJ,EACH,CAEJ,ECxCA,OAAS,gBAAAe,MAAoB,4BAItB,IAAMC,GAAiB,CAACC,EAAW,KAAUC,EAAaC,EAAoB,cAAeF,CAAQ","names":["styled","TableCell","TableCellEx","prop","noBgColor","Table","forwardRef","jsx","TableExInner","children","props","ref","TableExWithRef","variant","TableEx","styled","TableFooter","jsx","TableFooterExRoot","propName","variant","theme","TableFooterEx","children","props","createContextEx","TableHeightContext","useEffect","useMemo","useState","jsx","TableHeightProvider","children","additionalRows","defaultVisibleRows","heightFormat","visibleRows","setVisibleRows","useState","height","setHeight","rowHeight","setRowHeight","formattedHeight","useMemo","useEffect","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.tsx"],"sourcesContent":["import { styled, TableCell, TableCellProps } from '@mui/material'\n\nexport interface TableCellExProps extends TableCellProps {\n  noBgColor?: boolean\n}\n\nexport const TableCellEx = styled(TableCell, { name: 'TableCellNoBgColor', shouldForwardProp: (prop) => prop !== 'noBgColor' })<TableCellExProps>(\n  ({ noBgColor = true }) => ({\n    ...(noBgColor && { backgroundColor: 'transparent' }),\n  }),\n)\n","import { Table, TableProps } from '@mui/material'\nimport { forwardRef, PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types'\n\nexport interface TableExProps extends PropsWithChildren, TableProps {\n  variant?: TableExVariants\n}\n\nconst TableExInner = 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 { PropsWithChildren } from 'react'\n\nimport { TableExVariants } from './types'\n\nconst TableFooterExRoot = styled(TableFooter, {\n  name: 'TableFooterEx',\n  shouldForwardProp: (propName) => propName !== 'scrollable',\n  slot: 'Root',\n})<TableFooterExProps>(({ variant, theme }) => ({\n  backgroundColor: theme.palette.background.default,\n  bottom: 'unset',\n  position: 'relative',\n  ...(variant === 'scrollable' && {\n    bottom: 0,\n    position: 'sticky',\n  }),\n}))\n\nexport interface TableFooterExProps extends PropsWithChildren, TableFooterProps {\n  variant?: TableExVariants\n}\n\nexport const TableFooterEx: React.FC<TableFooterExProps> = ({ children, ...props }) => <TableFooterExRoot {...props}>{children}</TableFooterExRoot>\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightState } from './State'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { ContextExProviderProps } from '@xyo-network/react-shared'\nimport { useEffect, useMemo, useState } from 'react'\n\nimport { TableHeightContext } from './Context'\n\nexport interface TableHeightProviderProps extends ContextExProviderProps, WithChildren {\n  /** @field Account for optional header and footer rows */\n  additionalRows?: number\n  defaultVisibleRows?: number\n  heightFormat?: string\n}\n\nexport const TableHeightProvider: React.FC<TableHeightProviderProps> = ({\n  children,\n  additionalRows = 0,\n  defaultVisibleRows,\n  heightFormat = 'px',\n}) => {\n  const [visibleRows, setVisibleRows] = useState(defaultVisibleRows)\n  const [height, setHeight] = useState<number | undefined>()\n  const [rowHeight, setRowHeight] = useState<number | undefined>()\n\n  const formattedHeight = useMemo(() => (height === undefined ? 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  return (\n    <TableHeightContext.Provider value={{ height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }}>\n      {children}\n    </TableHeightContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightContext } from './Context'\n\nexport const useTableHeight = (required = false) => useContextEx(TableHeightContext, 'TableHeight', required)\n"],"mappings":";AAAA,SAAS,QAAQ,iBAAiC;AAM3C,IAAM,cAAc,OAAO,WAAW,EAAE,MAAM,sBAAsB,mBAAmB,CAAC,SAAS,SAAS,YAAY,CAAC;AAAA,EAC5H,CAAC,EAAE,YAAY,KAAK,OAAO;AAAA,IACzB,GAAI,aAAa,EAAE,iBAAiB,cAAc;AAAA,EACpD;AACF;;;ACVA,SAAS,aAAyB;AAClC,SAAS,kBAAqC;AAU1C;AAFJ,IAAM,eAAe,WAA2C,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,QAAQ;AAC/F,SACE,oBAAC,SAAM,KAAW,GAAG,OAClB,UACH;AAEJ,CAAC;AAED,aAAa,cAAc;AAEpB,IAAM,iBAAiB,WAA2C,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AACjH,SACE,oBAAC,gBAAa,cAAc,YAAY,cAAc,KAAW,GAAG,OACjE,UACH;AAEJ,CAAC;AAED,eAAe,cAAc;AAEtB,IAAM,UAAU;;;AC7BvB,SAAS,UAAAA,SAAQ,mBAAqC;AAuBiC,gBAAAC,YAAA;AAlBvF,IAAM,oBAAoBD,QAAO,aAAa;AAAA,EAC5C,MAAM;AAAA,EACN,mBAAmB,CAAC,aAAa,aAAa;AAAA,EAC9C,MAAM;AACR,CAAC,EAAsB,CAAC,EAAE,SAAS,MAAM,OAAO;AAAA,EAC9C,iBAAiB,MAAM,QAAQ,WAAW;AAAA,EAC1C,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,GAAI,YAAY,gBAAgB;AAAA,IAC9B,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF,EAAE;AAMK,IAAM,gBAA8C,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM,gBAAAC,KAAC,qBAAmB,GAAG,OAAQ,UAAS;;;ACvB/H,SAAS,uBAAuB;AAIzB,IAAM,qBAAqB,gBAAkC;;;ACFpE,SAAS,WAAW,SAAS,gBAAgB;AAkCzC,gBAAAC,YAAA;AAvBG,IAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,kBAAkB;AACjE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6B;AACzD,QAAM,CAAC,WAAW,YAAY,IAAI,SAA6B;AAE/D,QAAM,kBAAkB,QAAQ,MAAO,WAAW,SAAY,SAAY,GAAG,MAAM,GAAG,YAAY,IAAK,CAAC,QAAQ,YAAY,CAAC;AAE7H,YAAU,MAAM;AACd,mBAAe,kBAAkB;AAAA,EACnC,GAAG,CAAC,kBAAkB,CAAC;AAEvB,YAAU,MAAM;AACd,QAAI,cAAc,UAAa,gBAAgB,QAAW;AACxD,gBAAU,aAAa,cAAc,eAAe;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,oBAAoB,WAAW,aAAa,cAAc,CAAC;AAE/D,SACE,gBAAAA,KAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,QAAQ,iBAAiB,UAAU,MAAM,WAAW,cAAc,gBAAgB,YAAY,GACjI,UACH;AAEJ;;;ACxCA,SAAS,oBAAoB;AAItB,IAAM,iBAAiB,CAAC,WAAW,UAAU,aAAa,oBAAoB,eAAe,QAAQ;","names":["styled","jsx","jsx"]}

package/package.json

@@ -11,14 +11,14 @@
   },
   "dependencies": {
     "@xylabs/react-shared": "^3.1.7",
-    "@xyo-network/react-shared": "~2.77.2"
+    "@xyo-network/react-shared": "^2.78.1"
   },
   "devDependencies": {
-    "@storybook/react": "^7.6.19",
-    "@xylabs/ts-scripts-yarn3": "^3.11.7",
-    "@xylabs/tsconfig-react": "^3.11.7",
-    "@xyo-network/react-storybook": "~2.77.2",
-    "typescript": "^5.4.5"
+    "@storybook/react": "^7.6.20",
+    "@xylabs/ts-scripts-yarn3": "^3.11.12",
+    "@xylabs/tsconfig-react": "^3.11.12",
+    "@xyo-network/react-storybook": "^2.78.1",
+    "typescript": "^5.5.2"
   },
   "peerDependencies": {
     "@mui/icons-material": "^5",
@@ -78,6 +78,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.77.2",
+  "version": "2.78.1",
   "type": "module"
 }