@xyo-network/react-table 2.82.0 → 2.83.1

package/dist/node/index.mjs

@@ -1,113 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
-// src/components/TableEx/TableCellEx.tsx
-import { styled, TableCell } from "@mui/material";
-var TableCellEx = styled(TableCell, {
-  name: "TableCellNoBgColor",
-  shouldForwardProp: /* @__PURE__ */ __name((prop) => prop !== "noBgColor", "shouldForwardProp")
-})(({ noBgColor = true }) => ({
-  ...noBgColor && {
-    backgroundColor: "transparent"
-  }
-}));
-
-// src/components/TableEx/TableEx.tsx
-import { Table } from "@mui/material";
-import React, { forwardRef } from "react";
-var TableExInner = /* @__PURE__ */ forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ React.createElement(Table, {
-    ref,
-    ...props
-  }, children);
-});
-TableExInner.displayName = "TableExInner";
-var TableExWithRef = /* @__PURE__ */ forwardRef(({ variant, children, ...props }, ref) => {
-  return /* @__PURE__ */ React.createElement(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 React2 from "react";
-var TableFooterExRoot = styled2(TableFooter, {
-  name: "TableFooterEx",
-  shouldForwardProp: /* @__PURE__ */ __name((propName) => propName !== "scrollable", "shouldForwardProp"),
-  slot: "Root"
-})(({ variant, theme }) => ({
-  backgroundColor: theme.palette.background.default,
-  bottom: "unset",
-  position: "relative",
-  ...variant === "scrollable" && {
-    bottom: 0,
-    position: "sticky"
-  }
-}));
-var TableFooterEx = /* @__PURE__ */ __name(({ children, ...props }) => /* @__PURE__ */ React2.createElement(TableFooterExRoot, props, children), "TableFooterEx");
-
-// src/context/TableHeight/Context.ts
-import { createContextEx } from "@xyo-network/react-shared";
-var TableHeightContext = createContextEx();
-
-// src/context/TableHeight/Provider.tsx
-import React3, { useEffect, useMemo, useState } from "react";
-var TableHeightProvider = /* @__PURE__ */ __name(({ 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
-  ]);
-  const value = useMemo(() => ({
-    height: formattedHeight,
-    provided: true,
-    rowHeight,
-    setRowHeight,
-    setVisibleRows,
-    visibleRows
-  }), [
-    formattedHeight,
-    rowHeight,
-    setRowHeight,
-    setVisibleRows,
-    visibleRows
-  ]);
-  return /* @__PURE__ */ React3.createElement(TableHeightContext.Provider, {
-    value
-  }, children);
-}, "TableHeightProvider");
-
-// src/context/TableHeight/use.ts
-import { useContextEx } from "@xyo-network/react-shared";
-var useTableHeight = /* @__PURE__ */ __name((required = false) => useContextEx(TableHeightContext, "TableHeight", required), "useTableHeight");
-export {
-  TableCellEx,
-  TableEx,
-  TableExWithRef,
-  TableFooterEx,
-  TableHeightContext,
-  TableHeightProvider,
-  useTableHeight
-};
-//# sourceMappingURL=index.mjs.map

package/dist/node/index.mjs.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.ts"],"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 React, { forwardRef, PropsWithChildren } from 'react'\n\nimport { 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 { styled, TableFooter, TableFooterProps } from '@mui/material'\nimport React, { PropsWithChildren } from 'react'\n\nimport { 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 { TableHeightState } from './State.ts'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { 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":";;;;AAAA,SAASA,QAAQC,iBAAiC;AAM3C,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,aAAyB;AAClC,OAAOC,SAASC,kBAAqC;AAQrD,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;;;AC7BvB,SAASI,UAAAA,SAAQC,mBAAqC;AACtD,OAAOC,YAAkC;AAIzC,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;;;ACvB3D,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"]}

package/dist/node/types/TableHead.d.cts

@@ -1,11 +0,0 @@
-import { 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/node/types/TableHead.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableHead.d.ts","sourceRoot":"","sources":["../../../src/types/TableHead.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,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/node/types/TableHead.d.mts

@@ -1,11 +0,0 @@
-import { 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/node/types/TableHead.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableHead.d.ts","sourceRoot":"","sources":["../../../src/types/TableHead.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,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/node/types/TableHead.d.ts

@@ -1,11 +0,0 @@
-import { 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/node/types/TableHead.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableHead.d.ts","sourceRoot":"","sources":["../../../src/types/TableHead.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,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/node/types/index.d.cts

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

package/dist/node/types/index.d.cts.map

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

package/dist/node/types/index.d.mts

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

package/dist/node/types/index.d.mts.map

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

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

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

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

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