@xyo-network/react-table 3.0.2 → 3.0.3

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

@@ -0,0 +1,6 @@
+import type { TableCellProps } from '@mui/material';
+export interface TableCellExProps extends TableCellProps {
+    noBgColor?: boolean;
+}
+export declare const TableCellEx: import("@emotion/styled").StyledComponent<TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & TableCellExProps, {}, {}>;
+//# sourceMappingURL=TableCellEx.d.ts.map

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

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

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

@@ -0,0 +1,10 @@
+import type { TableProps } from '@mui/material';
+import type { PropsWithChildren } from 'react';
+import React from 'react';
+import type { TableExVariants } from './types/index.ts';
+export interface TableExProps extends PropsWithChildren, TableProps {
+    variant?: TableExVariants;
+}
+export declare const TableExWithRef: React.ForwardRefExoticComponent<Omit<TableExProps, "ref"> & React.RefAttributes<HTMLTableElement>>;
+export declare const TableEx: React.ForwardRefExoticComponent<Omit<TableExProps, "ref"> & React.RefAttributes<HTMLTableElement>>;
+//# sourceMappingURL=TableEx.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableEx.d.ts","sourceRoot":"","sources":["../../../../src/components/TableEx/TableEx.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAEvD,MAAM,WAAW,YAAa,SAAQ,iBAAiB,EAAE,UAAU;IACjE,OAAO,CAAC,EAAE,eAAe,CAAA;CAC1B;AAYD,eAAO,MAAM,cAAc,oGAQzB,CAAA;AAIF,eAAO,MAAM,OAAO,oGAAiB,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooterEx.d.ts","sourceRoot":"","sources":["../../../../src/components/TableEx/TableFooterEx.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAgBvD,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB,EAAE,gBAAgB;IAC7E,OAAO,CAAC,EAAE,eAAe,CAAA;CAC1B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAA4F,CAAA"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableExVariants.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableEx/types/TableExVariants.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,QAAQ,CAAA"}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import type { WithChildren } from '@xylabs/react-shared';
+import type { ContextExProviderProps } from '@xyo-network/react-shared';
+import React from 'react';
+export interface TableHeightProviderProps extends ContextExProviderProps, WithChildren {
+    additionalRows?: number;
+    defaultVisibleRows?: number;
+    heightFormat?: string;
+}
+export declare const TableHeightProvider: React.FC<TableHeightProviderProps>;
+//# sourceMappingURL=Provider.d.ts.map

package/dist/browser/context/TableHeight/Provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/context/TableHeight/Provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AACvE,OAAO,KAEN,MAAM,OAAO,CAAA;AAId,MAAM,WAAW,wBAAyB,SAAQ,sBAAsB,EAAE,YAAY;IAEpF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA+BlE,CAAA"}

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

@@ -0,0 +1,10 @@
+import type { ContextExState } from '@xyo-network/react-shared';
+import type { Dispatch, SetStateAction } from 'react';
+export interface TableHeightState extends ContextExState {
+    height?: string;
+    rowHeight?: number;
+    setRowHeight?: Dispatch<SetStateAction<number | undefined>>;
+    setVisibleRows?: Dispatch<SetStateAction<number | undefined>>;
+    visibleRows?: number;
+}
+//# sourceMappingURL=State.d.ts.map

package/dist/browser/context/TableHeight/State.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/context/TableHeight/State.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAErD,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAA;IAC3D,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAA;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB"}

package/dist/browser/context/TableHeight/index.d.ts

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

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

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

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

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

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

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

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

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

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

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

package/dist/browser/index.d.ts

@@ -1,58 +1,4 @@
-import * as _emotion_styled from '@emotion/styled';
-import * as _mui_system from '@mui/system';
-import * as _mui_material from '@mui/material';
-import { TableCellProps, TableProps, TableFooterProps } from '@mui/material';
-import * as React from 'react';
-import React__default, { PropsWithChildren, Dispatch, SetStateAction, CSSProperties } from 'react';
-import * as _xyo_network_react_shared from '@xyo-network/react-shared';
-import { ContextExState, ContextExProviderProps } from '@xyo-network/react-shared';
-import { WithChildren } from '@xylabs/react-shared';
-
-interface TableCellExProps extends TableCellProps {
-    noBgColor?: boolean;
-}
-declare const TableCellEx: _emotion_styled.StyledComponent<TableCellProps & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & TableCellExProps, {}, {}>;
-
-type TableExVariants = 'scrollable' | 'normal';
-
-interface TableExProps extends PropsWithChildren, TableProps {
-    variant?: TableExVariants;
-}
-declare const TableExWithRef: React__default.ForwardRefExoticComponent<Omit<TableExProps, "ref"> & React__default.RefAttributes<HTMLTableElement>>;
-declare const TableEx: React__default.ForwardRefExoticComponent<Omit<TableExProps, "ref"> & React__default.RefAttributes<HTMLTableElement>>;
-
-interface TableFooterExProps extends PropsWithChildren, TableFooterProps {
-    variant?: TableExVariants;
-}
-declare const TableFooterEx: React__default.FC<TableFooterExProps>;
-
-interface TableHeightState extends ContextExState {
-    height?: string;
-    rowHeight?: number;
-    setRowHeight?: Dispatch<SetStateAction<number | undefined>>;
-    setVisibleRows?: Dispatch<SetStateAction<number | undefined>>;
-    visibleRows?: number;
-}
-
-declare const TableHeightContext: React.Context<TableHeightState & _xyo_network_react_shared.ContextExState>;
-
-interface TableHeightProviderProps extends ContextExProviderProps, WithChildren {
-    additionalRows?: number;
-    defaultVisibleRows?: number;
-    heightFormat?: string;
-}
-declare const TableHeightProvider: React__default.FC<TableHeightProviderProps>;
-
-declare const useTableHeight: (required?: boolean) => Omit<TableHeightState & _xyo_network_react_shared.ContextExState, "provided">;
-
-interface TableHeadCell {
-    align?: 'left' | 'right' | 'center';
-    disablePadding: boolean;
-    id: string;
-    label: string;
-    numeric: boolean;
-    showOnMobile: boolean;
-    width?: CSSProperties['width'];
-}
-
-export { TableCellEx, type TableCellExProps, TableEx, type TableExProps, type TableExVariants, TableExWithRef, TableFooterEx, type TableFooterExProps, type TableHeadCell, TableHeightContext, TableHeightProvider, type TableHeightProviderProps, type TableHeightState, useTableHeight };
+export * from './components/index.ts';
+export * from './context/index.ts';
+export * from './types/index.ts';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/TableEx/TableCellEx.tsx","../../src/components/TableEx/TableEx.tsx","../../src/components/TableEx/TableFooterEx.tsx","../../src/context/TableHeight/Context.ts","../../src/context/TableHeight/Provider.tsx","../../src/context/TableHeight/use.ts"],"sourcesContent":["import type { TableCellProps } from '@mui/material'\nimport { styled, TableCell } from '@mui/material'\n\nexport interface TableCellExProps extends TableCellProps {\n  noBgColor?: boolean\n}\n\nexport const TableCellEx = styled(TableCell, { name: 'TableCellNoBgColor', shouldForwardProp: prop => prop !== 'noBgColor' })<TableCellExProps>(\n  ({ noBgColor = true }) => ({\n    ...(noBgColor && { backgroundColor: 'transparent' }),\n  }),\n)\n","import type { TableProps } from '@mui/material'\nimport { Table } from '@mui/material'\nimport type { PropsWithChildren } from 'react'\nimport React, { forwardRef } from 'react'\n\nimport type { TableExVariants } from './types/index.ts'\n\nexport interface TableExProps extends PropsWithChildren, TableProps {\n  variant?: TableExVariants\n}\n\nconst TableExInner = forwardRef<HTMLTableElement, TableExProps>(({ children, ...props }, ref) => {\n  return (\n    <Table ref={ref} {...props}>\n      {children}\n    </Table>\n  )\n})\n\nTableExInner.displayName = 'TableExInner'\n\nexport const TableExWithRef = forwardRef<HTMLTableElement, TableExProps>(({ 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 type { TableFooterProps } from '@mui/material'\nimport { styled, TableFooter } from '@mui/material'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\n\nimport type { TableExVariants } from './types/index.ts'\n\nconst TableFooterExRoot = styled(TableFooter, {\n  name: 'TableFooterEx',\n  shouldForwardProp: propName => propName !== 'scrollable',\n  slot: 'Root',\n})<TableFooterExProps>(({ variant, theme }) => ({\n  backgroundColor: theme.palette.background.default,\n  bottom: 'unset',\n  position: 'relative',\n  ...(variant === 'scrollable' && {\n    bottom: 0,\n    position: 'sticky',\n  }),\n}))\n\nexport interface TableFooterExProps extends PropsWithChildren, TableFooterProps {\n  variant?: TableExVariants\n}\n\nexport const TableFooterEx: React.FC<TableFooterExProps> = ({ children, ...props }) => <TableFooterExRoot {...props}>{children}</TableFooterExRoot>\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport type { TableHeightState } from './State.ts'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n","import type { WithChildren } from '@xylabs/react-shared'\nimport type { ContextExProviderProps } from '@xyo-network/react-shared'\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport { TableHeightContext } from './Context.ts'\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  const value = useMemo(() => ({ height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows }), [formattedHeight, rowHeight, setRowHeight, setVisibleRows, visibleRows])\n\n  return (\n    <TableHeightContext.Provider value={value}>\n      {children}\n    </TableHeightContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightContext } from './Context.ts'\n\nexport const useTableHeight = (required = false) => useContextEx(TableHeightContext, 'TableHeight', required)\n"],"mappings":";;;;AACA,SAASA,QAAQC,iBAAiB;AAM3B,IAAMC,cAAcC,OAAOC,WAAW;EAAEC,MAAM;EAAsBC,mBAAmBC,wBAAAA,SAAQA,SAAS,aAAjBA;AAA6B,CAAA,EACzH,CAAC,EAAEC,YAAY,KAAI,OAAQ;EACzB,GAAIA,aAAa;IAAEC,iBAAiB;EAAc;AACpD,EAAA;;;ACTF,SAASC,aAAa;AAEtB,OAAOC,SAASC,kBAAkB;AAQlC,IAAMC,eAAeD,2BAA2C,CAAC,EAAEE,UAAU,GAAGC,MAAAA,GAASC,QAAAA;AACvF,SACE,sBAAA,cAACN,OAAAA;IAAMM;IAAW,GAAGD;KAClBD,QAAAA;AAGP,CAAA;AAEAD,aAAaI,cAAc;AAEpB,IAAMC,iBAAiBN,2BAA2C,CAAC,EAAEO,SAASL,UAAU,GAAGC,MAAAA,GAASC,QAAAA;AACzG,SACE,sBAAA,cAACH,cAAAA;IAAaO,cAAcD,YAAY;IAAcH;IAAW,GAAGD;KACjED,QAAAA;AAGP,CAAA;AAEAI,eAAeD,cAAc;AAEtB,IAAMI,UAAUH;;;AC9BvB,SAASI,UAAAA,SAAQC,mBAAmB;AAEpC,OAAOC,YAAW;AAIlB,IAAMC,oBAAoBC,QAAOC,aAAa;EAC5CC,MAAM;EACNC,mBAAmBC,wBAAAA,aAAYA,aAAa,cAAzBA;EACnBC,MAAM;AACR,CAAA,EAAuB,CAAC,EAAEC,SAASC,MAAK,OAAQ;EAC9CC,iBAAiBD,MAAME,QAAQC,WAAWC;EAC1CC,QAAQ;EACRC,UAAU;EACV,GAAIP,YAAY,gBAAgB;IAC9BM,QAAQ;IACRC,UAAU;EACZ;AACF,EAAA;AAMO,IAAMC,gBAA8C,wBAAC,EAAEC,UAAU,GAAGC,MAAAA,MAAY,gBAAAC,OAAA,cAAClB,mBAAsBiB,OAAQD,QAAAA,GAA3D;;;ACzB3D,SAASG,uBAAuB;AAIzB,IAAMC,qBAAqBD,gBAAAA;;;ACFlC,OAAOE,UAASC,WAAWC,SAASC,gBAAgB;AAW7C,IAAMC,sBAA0D,wBAAC,EACtEC,UACAC,iBAAiB,GACjBC,oBACAC,eAAe,KAAI,MACpB;AACC,QAAM,CAACC,aAAaC,cAAAA,IAAkBC,SAASJ,kBAAAA;AAC/C,QAAM,CAACK,QAAQC,SAAAA,IAAaF,SAAAA;AAC5B,QAAM,CAACG,WAAWC,YAAAA,IAAgBJ,SAAAA;AAElC,QAAMK,kBAAkBC,QAAQ,MAAOL,WAAWM,SAAYA,SAAY,GAAGN,MAAAA,GAASJ,YAAAA,IAAiB;IAACI;IAAQJ;GAAa;AAE7HW,YAAU,MAAA;AACRT,mBAAeH,kBAAAA;EACjB,GAAG;IAACA;GAAmB;AAEvBY,YAAU,MAAA;AACR,QAAIL,cAAcI,UAAaT,gBAAgBS,QAAW;AACxDL,gBAAUC,aAAaL,cAAcH,eAAa;IACpD;EACF,GAAG;IAACC;IAAoBO;IAAWL;IAAaH;GAAe;AAE/D,QAAMc,QAAQH,QAAQ,OAAO;IAAEL,QAAQI;IAAiBK,UAAU;IAAMP;IAAWC;IAAcL;IAAgBD;EAAY,IAAI;IAACO;IAAiBF;IAAWC;IAAcL;IAAgBD;GAAY;AAExM,SACE,gBAAAa,OAAA,cAACC,mBAAmBC,UAAQ;IAACJ;KAC1Bf,QAAAA;AAGP,GA7BuE;;;ACbvE,SAASoB,oBAAoB;AAItB,IAAMC,iBAAiB,wBAACC,WAAW,UAAUC,aAAaC,oBAAoB,eAAeF,QAAAA,GAAtE;","names":["styled","TableCell","TableCellEx","styled","TableCell","name","shouldForwardProp","prop","noBgColor","backgroundColor","Table","React","forwardRef","TableExInner","children","props","ref","displayName","TableExWithRef","variant","stickyHeader","TableEx","styled","TableFooter","React","TableFooterExRoot","styled","TableFooter","name","shouldForwardProp","propName","slot","variant","theme","backgroundColor","palette","background","default","bottom","position","TableFooterEx","children","props","React","createContextEx","TableHeightContext","React","useEffect","useMemo","useState","TableHeightProvider","children","additionalRows","defaultVisibleRows","heightFormat","visibleRows","setVisibleRows","useState","height","setHeight","rowHeight","setRowHeight","formattedHeight","useMemo","undefined","useEffect","value","provided","React","TableHeightContext","Provider","useContextEx","useTableHeight","required","useContextEx","TableHeightContext"]}
+{"version":3,"sources":["../../src/components/TableEx/TableCellEx.tsx","../../src/components/TableEx/TableEx.tsx","../../src/components/TableEx/TableFooterEx.tsx","../../src/context/TableHeight/Context.ts","../../src/context/TableHeight/Provider.tsx","../../src/context/TableHeight/use.ts"],"sourcesContent":["import type { TableCellProps } from '@mui/material'\nimport { styled, TableCell } from '@mui/material'\n\nexport interface TableCellExProps extends TableCellProps {\n  noBgColor?: boolean\n}\n\nexport const TableCellEx = styled(TableCell, { name: 'TableCellNoBgColor', shouldForwardProp: prop => prop !== 'noBgColor' })<TableCellExProps>(\n  ({ noBgColor = true }) => ({ ...(noBgColor && { backgroundColor: 'transparent' }) }),\n)\n","import type { TableProps } from '@mui/material'\nimport { Table } from '@mui/material'\nimport type { PropsWithChildren } from 'react'\nimport React, { forwardRef } from 'react'\n\nimport type { TableExVariants } from './types/index.ts'\n\nexport interface TableExProps extends PropsWithChildren, TableProps {\n  variant?: TableExVariants\n}\n\nconst TableExInner = forwardRef<HTMLTableElement, TableExProps>(({ children, ...props }, ref) => {\n  return (\n    <Table ref={ref} {...props}>\n      {children}\n    </Table>\n  )\n})\n\nTableExInner.displayName = 'TableExInner'\n\nexport const TableExWithRef = forwardRef<HTMLTableElement, TableExProps>(({\n  variant, children, ...props\n}, ref) => {\n  return (\n    <TableExInner stickyHeader={variant === 'scrollable'} ref={ref} {...props}>\n      {children}\n    </TableExInner>\n  )\n})\n\nTableExWithRef.displayName = 'TableEx'\n\nexport const TableEx = TableExWithRef\n","import type { TableFooterProps } from '@mui/material'\nimport { styled, TableFooter } from '@mui/material'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\n\nimport type { TableExVariants } from './types/index.ts'\n\nconst TableFooterExRoot = styled(TableFooter, {\n  name: 'TableFooterEx',\n  shouldForwardProp: propName => propName !== 'scrollable',\n  slot: 'Root',\n})<TableFooterExProps>(({ variant, theme }) => ({\n  backgroundColor: theme.palette.background.default,\n  bottom: 'unset',\n  position: 'relative',\n  ...(variant === 'scrollable' && {\n    bottom: 0,\n    position: 'sticky',\n  }),\n}))\n\nexport interface TableFooterExProps extends PropsWithChildren, TableFooterProps {\n  variant?: TableExVariants\n}\n\nexport const TableFooterEx: React.FC<TableFooterExProps> = ({ children, ...props }) => <TableFooterExRoot {...props}>{children}</TableFooterExRoot>\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport type { TableHeightState } from './State.ts'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n","import type { WithChildren } from '@xylabs/react-shared'\nimport type { ContextExProviderProps } from '@xyo-network/react-shared'\nimport React, {\n  useEffect, useMemo, useState,\n} from 'react'\n\nimport { TableHeightContext } from './Context.ts'\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  const value = useMemo(() => ({\n    height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows,\n  }), [formattedHeight, rowHeight, setRowHeight, setVisibleRows, visibleRows])\n\n  return (\n    <TableHeightContext.Provider value={value}>\n      {children}\n    </TableHeightContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightContext } from './Context.ts'\n\nexport const useTableHeight = (required = false) => useContextEx(TableHeightContext, 'TableHeight', required)\n"],"mappings":";;;;AACA,SAASA,QAAQC,iBAAiB;AAM3B,IAAMC,cAAcC,OAAOC,WAAW;EAAEC,MAAM;EAAsBC,mBAAmBC,wBAAAA,SAAQA,SAAS,aAAjBA;AAA6B,CAAA,EACzH,CAAC,EAAEC,YAAY,KAAI,OAAQ;EAAE,GAAIA,aAAa;IAAEC,iBAAiB;EAAc;AAAG,EAAA;;;ACPpF,SAASC,aAAa;AAEtB,OAAOC,SAASC,kBAAkB;AAQlC,IAAMC,eAAeD,2BAA2C,CAAC,EAAEE,UAAU,GAAGC,MAAAA,GAASC,QAAAA;AACvF,SACE,sBAAA,cAACN,OAAAA;IAAMM;IAAW,GAAGD;KAClBD,QAAAA;AAGP,CAAA;AAEAD,aAAaI,cAAc;AAEpB,IAAMC,iBAAiBN,2BAA2C,CAAC,EACxEO,SAASL,UAAU,GAAGC,MAAAA,GACrBC,QAAAA;AACD,SACE,sBAAA,cAACH,cAAAA;IAAaO,cAAcD,YAAY;IAAcH;IAAW,GAAGD;KACjED,QAAAA;AAGP,CAAA;AAEAI,eAAeD,cAAc;AAEtB,IAAMI,UAAUH;;;AChCvB,SAASI,UAAAA,SAAQC,mBAAmB;AAEpC,OAAOC,YAAW;AAIlB,IAAMC,oBAAoBC,QAAOC,aAAa;EAC5CC,MAAM;EACNC,mBAAmBC,wBAAAA,aAAYA,aAAa,cAAzBA;EACnBC,MAAM;AACR,CAAA,EAAuB,CAAC,EAAEC,SAASC,MAAK,OAAQ;EAC9CC,iBAAiBD,MAAME,QAAQC,WAAWC;EAC1CC,QAAQ;EACRC,UAAU;EACV,GAAIP,YAAY,gBAAgB;IAC9BM,QAAQ;IACRC,UAAU;EACZ;AACF,EAAA;AAMO,IAAMC,gBAA8C,wBAAC,EAAEC,UAAU,GAAGC,MAAAA,MAAY,gBAAAC,OAAA,cAAClB,mBAAsBiB,OAAQD,QAAAA,GAA3D;;;ACzB3D,SAASG,uBAAuB;AAIzB,IAAMC,qBAAqBD,gBAAAA;;;ACFlC,OAAOE,UACLC,WAAWC,SAASC,gBACf;AAWA,IAAMC,sBAA0D,wBAAC,EACtEC,UACAC,iBAAiB,GACjBC,oBACAC,eAAe,KAAI,MACpB;AACC,QAAM,CAACC,aAAaC,cAAAA,IAAkBC,SAASJ,kBAAAA;AAC/C,QAAM,CAACK,QAAQC,SAAAA,IAAaF,SAAAA;AAC5B,QAAM,CAACG,WAAWC,YAAAA,IAAgBJ,SAAAA;AAElC,QAAMK,kBAAkBC,QAAQ,MAAOL,WAAWM,SAAYA,SAAY,GAAGN,MAAAA,GAASJ,YAAAA,IAAiB;IAACI;IAAQJ;GAAa;AAE7HW,YAAU,MAAA;AACRT,mBAAeH,kBAAAA;EACjB,GAAG;IAACA;GAAmB;AAEvBY,YAAU,MAAA;AACR,QAAIL,cAAcI,UAAaT,gBAAgBS,QAAW;AACxDL,gBAAUC,aAAaL,cAAcH,eAAa;IACpD;EACF,GAAG;IAACC;IAAoBO;IAAWL;IAAaH;GAAe;AAE/D,QAAMc,QAAQH,QAAQ,OAAO;IAC3BL,QAAQI;IAAiBK,UAAU;IAAMP;IAAWC;IAAcL;IAAgBD;EACpF,IAAI;IAACO;IAAiBF;IAAWC;IAAcL;IAAgBD;GAAY;AAE3E,SACE,gBAAAa,OAAA,cAACC,mBAAmBC,UAAQ;IAACJ;KAC1Bf,QAAAA;AAGP,GA/BuE;;;ACfvE,SAASoB,oBAAoB;AAItB,IAAMC,iBAAiB,wBAACC,WAAW,UAAUC,aAAaC,oBAAoB,eAAeF,QAAAA,GAAtE;","names":["styled","TableCell","TableCellEx","styled","TableCell","name","shouldForwardProp","prop","noBgColor","backgroundColor","Table","React","forwardRef","TableExInner","children","props","ref","displayName","TableExWithRef","variant","stickyHeader","TableEx","styled","TableFooter","React","TableFooterExRoot","styled","TableFooter","name","shouldForwardProp","propName","slot","variant","theme","backgroundColor","palette","background","default","bottom","position","TableFooterEx","children","props","React","createContextEx","TableHeightContext","React","useEffect","useMemo","useState","TableHeightProvider","children","additionalRows","defaultVisibleRows","heightFormat","visibleRows","setVisibleRows","useState","height","setHeight","rowHeight","setRowHeight","formattedHeight","useMemo","undefined","useEffect","value","provided","React","TableHeightContext","Provider","useContextEx","useTableHeight","required","useContextEx","TableHeightContext"]}

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

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

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

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

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

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

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

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

package/package.json

@@ -1,23 +1,62 @@
 {
   "name": "@xyo-network/react-table",
+  "version": "3.0.3",
+  "description": "Common React library for all XYO projects that use React",
+  "keywords": [
+    "xyo",
+    "utility",
+    "typescript",
+    "react"
+  ],
+  "homepage": "https://xyo.network",
+  "bugs": {
+    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues",
+    "email": "support@xyo.network"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
+  },
+  "license": "LGPL-3.0-only",
   "author": {
-    "email": "support@xyo.network",
     "name": "XYO Development Team",
+    "email": "support@xyo.network",
     "url": "https://xyo.network"
   },
-  "bugs": {
-    "email": "support@xyo.network",
-    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/browser/index.d.ts",
+        "default": "./dist/browser/index.mjs"
+      },
+      "types": "./dist/browser/index.d.ts",
+      "default": "./dist/browser/index.mjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "module": "dist/browser/index.mjs",
+  "types": "dist/browser/index.d.ts",
+  "scripts": {
+    "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\"",
+    "lint-pkg": "npmPkgJsonLint ."
   },
   "dependencies": {
     "@xylabs/react-shared": "^4.0.3",
-    "@xyo-network/react-shared": "^3.0.2"
+    "@xyo-network/react-shared": "^3.0.3"
   },
   "devDependencies": {
+    "@mui/icons-material": "^5.16.7",
+    "@mui/material": "^5.16.7",
+    "@mui/styles": "^5.16.7",
     "@storybook/react": "^8.2.9",
-    "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.20",
-    "@xylabs/tsconfig-react": "^4.0.0-rc.20",
-    "@xyo-network/react-storybook": "^3.0.2",
+    "@xylabs/ts-scripts-yarn3": "^4.0.7",
+    "@xylabs/tsconfig-react": "^4.0.7",
+    "@xyo-network/react-storybook": "^3.0.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "storybook": "^8.2.9",
     "typescript": "^5.5.4"
   },
   "peerDependencies": {
@@ -27,41 +66,8 @@
     "react": "^18",
     "react-dom": "^18"
   },
-  "description": "Common React library for all XYO projects that use React",
-  "docs": "dist/docs.json",
-  "exports": {
-    ".": {
-      "import": {
-        "types": "./dist/browser/index.d.ts",
-        "default": "./dist/browser/index.mjs"
-      },
-      "types": "./dist/browser/index.d.ts",
-      "default": "./dist/browser/index.mjs"
-    },
-    "./package.json": "./package.json"
-  },
-  "module": "dist/browser/index.mjs",
-  "homepage": "https://xyo.network",
-  "keywords": [
-    "xyo",
-    "utility",
-    "typescript",
-    "react"
-  ],
-  "license": "LGPL-3.0-only",
   "publishConfig": {
     "access": "public"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
-  },
-  "scripts": {
-    "lint-pkg": "npmPkgJsonLint .",
-    "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
-  },
-  "sideEffects": false,
-  "types": "dist/browser/index.d.ts",
-  "version": "3.0.2",
-  "type": "module"
+  "docs": "dist/docs.json"
 }

package/src/components/TableEx/TableCellEx.tsx

@@ -6,7 +6,5 @@ export interface TableCellExProps extends TableCellProps {
 }
 
 export const TableCellEx = styled(TableCell, { name: 'TableCellNoBgColor', shouldForwardProp: prop => prop !== 'noBgColor' })<TableCellExProps>(
-  ({ noBgColor = true }) => ({
-    ...(noBgColor && { backgroundColor: 'transparent' }),
-  }),
+  ({ noBgColor = true }) => ({ ...(noBgColor && { backgroundColor: 'transparent' }) }),
 )

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

@@ -1,5 +1,9 @@
-import { TableBody, TableCell, TableHead, TablePagination, TableRow, useTheme } from '@mui/material'
-import type { Decorator, Meta, StoryFn } from '@storybook/react'
+import {
+  TableBody, TableCell, TableHead, TablePagination, TableRow, useTheme,
+} from '@mui/material'
+import type {
+  Decorator, Meta, StoryFn,
+} from '@storybook/react'
 import { WithRefDecorator } from '@xyo-network/react-storybook'
 import React from 'react'
 
@@ -8,7 +12,10 @@ 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' }}>
+  <div style={{
+    height: 'calc(100vh - 2rem)', inset: 0, position: 'absolute',
+  }}
+  >
     <Story {...args} />
   </div>
 )
@@ -16,11 +23,7 @@ const ScrollableDecorator: Decorator = (Story, args) => (
 const StorybookEntry = {
   argTypes: {},
   component: TableEx,
-  parameters: {
-    docs: {
-      page: null,
-    },
-  },
+  parameters: { docs: { page: null } },
   title: 'shared/TableEx',
 } as Meta<typeof TableEx>
 
@@ -57,9 +60,7 @@ const Template: StoryFn<typeof TableEx> = (args) => {
             rowsPerPage={5}
             style={{ borderTop: '1px solid', borderTopColor: theme.palette.divider }}
             SelectProps={{
-              inputProps: {
-                'aria-label': 'rows per page',
-              },
+              inputProps: { 'aria-label': 'rows per page' },
               native: true,
             }}
             onPageChange={() => {
@@ -85,6 +86,8 @@ const WithScrollable = Template.bind({})
 WithScrollable.args = { variant: 'scrollable' }
 WithScrollable.decorators = [ScrollableDecorator]
 
-export { Default, WithRef, WithScrollable }
+export {
+  Default, WithRef, WithScrollable,
+}
 
 export default StorybookEntry

package/src/components/TableEx/TableEx.tsx

@@ -19,7 +19,9 @@ const TableExInner = forwardRef<HTMLTableElement, TableExProps>(({ children, ...
 
 TableExInner.displayName = 'TableExInner'
 
-export const TableExWithRef = forwardRef<HTMLTableElement, TableExProps>(({ variant, children, ...props }, ref) => {
+export const TableExWithRef = forwardRef<HTMLTableElement, TableExProps>(({
+  variant, children, ...props
+}, ref) => {
   return (
     <TableExInner stickyHeader={variant === 'scrollable'} ref={ref} {...props}>
       {children}

package/src/context/TableHeight/Provider.tsx

@@ -1,6 +1,8 @@
 import type { WithChildren } from '@xylabs/react-shared'
 import type { ContextExProviderProps } from '@xyo-network/react-shared'
-import React, { useEffect, useMemo, useState } from 'react'
+import React, {
+  useEffect, useMemo, useState,
+} from 'react'
 
 import { TableHeightContext } from './Context.ts'
 
@@ -33,7 +35,9 @@ 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])
+  const value = useMemo(() => ({
+    height: formattedHeight, provided: true, rowHeight, setRowHeight, setVisibleRows, visibleRows,
+  }), [formattedHeight, rowHeight, setRowHeight, setVisibleRows, visibleRows])
 
   return (
     <TableHeightContext.Provider value={value}>

package/xy.config.ts

@@ -1,9 +1,7 @@
 import type { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
 const config: XyTsupConfig = {
   compile: {
-    browser: {
-      src: true,
-    },
+    browser: { src: true },
     node: {},
     neutral: {},
   },