@xyo-network/react-table 2.81.10 → 2.82.0

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

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

package/src/components/TableEx/TableEx.tsx

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

package/src/components/TableEx/TableFooterEx.tsx

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

package/src/components/TableEx/index.ts

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

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

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

package/src/components/index.ts

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

package/src/context/TableHeight/Context.ts

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

package/src/context/TableHeight/Provider.tsx

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

package/src/context/TableHeight/index.ts

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

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

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

package/src/context/index.ts

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

package/src/index.ts

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

package/src/types/index.ts

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

package/dist/browser/index.js

@@ -1,81 +0,0 @@
-// 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 +0,0 @@
-{"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/index.js'\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/index.js'\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.js'\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.js'\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.js'\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.js

@@ -1,81 +0,0 @@
-// 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 +0,0 @@
-{"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/index.js'\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/index.js'\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.js'\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.js'\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.js'\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.js

@@ -1,81 +0,0 @@
-// 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 +0,0 @@
-{"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/index.js'\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/index.js'\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.js'\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.js'\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.js'\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"]}