@xyo-network/react-table 2.64.0-rc.7 → 2.64.0

package/dist/browser/context/TableHeight/index.cjs

@@ -0,0 +1,60 @@
+"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/context/TableHeight/index.ts
+var TableHeight_exports = {};
+__export(TableHeight_exports, {
+  TableHeightContext: () => TableHeightContext,
+  TableHeightProvider: () => TableHeightProvider,
+  useTableHeight: () => useTableHeight
+});
+module.exports = __toCommonJS(TableHeight_exports);
+
+// 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_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var TableHeightProvider = ({
+  children,
+  additionalRows = 0,
+  defaultVisibleRows,
+  heightFormat = "px"
+}) => {
+  const [visibleRows, setVisibleRows] = (0, import_react.useState)(defaultVisibleRows);
+  const [height, setHeight] = (0, import_react.useState)();
+  const [rowHeight, setRowHeight] = (0, import_react.useState)();
+  const formattedHeight = (0, import_react.useMemo)(() => height !== void 0 ? `${height}${heightFormat}` : void 0, [height, heightFormat]);
+  (0, import_react.useEffect)(() => {
+    setVisibleRows(defaultVisibleRows);
+  }, [defaultVisibleRows]);
+  (0, import_react.useEffect)(() => {
+    if (rowHeight !== void 0 && visibleRows !== void 0) {
+      setHeight(rowHeight * (visibleRows + additionalRows));
+    }
+  }, [defaultVisibleRows, rowHeight, visibleRows, additionalRows]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.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/context/TableHeight/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/context/TableHeight/index.ts","../../../../src/context/TableHeight/Context.ts","../../../../src/context/TableHeight/Provider.tsx","../../../../src/context/TableHeight/use.tsx"],"sourcesContent":["export * from './Context'\nexport * from './Provider'\nexport * from './State'\nexport * from './use'\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 ? `${height}${heightFormat}` : undefined), [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;;;ACAA,0BAAgC;AAIzB,IAAM,yBAAqB,qCAAkC;;;ACFpE,mBAA6C;AAkCzC;AAvBG,IAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,kBAAkB;AACjE,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAA6B;AACzD,QAAM,CAAC,WAAW,YAAY,QAAI,uBAA6B;AAE/D,QAAM,sBAAkB,sBAAQ,MAAO,WAAW,SAAY,GAAG,MAAM,GAAG,YAAY,KAAK,QAAY,CAAC,QAAQ,YAAY,CAAC;AAE7H,8BAAU,MAAM;AACd,mBAAe,kBAAkB;AAAA,EACnC,GAAG,CAAC,kBAAkB,CAAC;AAEvB,8BAAU,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,4CAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,QAAQ,iBAAiB,UAAU,MAAM,WAAW,cAAc,gBAAgB,YAAY,GACjI,UACH;AAEJ;;;ACxCA,IAAAA,uBAA6B;AAItB,IAAM,iBAAiB,CAAC,WAAW,cAAU,mCAAa,oBAAoB,eAAe,QAAQ;","names":["import_react_shared"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/context/TableHeight/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA"}

package/dist/browser/context/TableHeight/use.cjs

@@ -0,0 +1,34 @@
+"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/context/TableHeight/use.tsx
+var use_exports = {};
+__export(use_exports, {
+  useTableHeight: () => useTableHeight
+});
+module.exports = __toCommonJS(use_exports);
+var import_react_shared2 = require("@xyo-network/react-shared");
+
+// src/context/TableHeight/Context.ts
+var import_react_shared = require("@xyo-network/react-shared");
+var TableHeightContext = (0, import_react_shared.createContextEx)();
+
+// src/context/TableHeight/use.tsx
+var useTableHeight = (required = false) => (0, import_react_shared2.useContextEx)(TableHeightContext, "TableHeight", required);
+//# sourceMappingURL=use.cjs.map

package/dist/browser/context/TableHeight/use.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/context/TableHeight/use.tsx","../../../../src/context/TableHeight/Context.ts"],"sourcesContent":["import { useContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightContext } from './Context'\n\nexport const useTableHeight = (required = false) => useContextEx(TableHeightContext, 'TableHeight', required)\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { TableHeightState } from './State'\n\nexport const TableHeightContext = createContextEx<TableHeightState>()\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,uBAA6B;;;ACA7B,0BAAgC;AAIzB,IAAM,yBAAqB,qCAAkC;;;ADA7D,IAAM,iBAAiB,CAAC,WAAW,cAAU,mCAAa,oBAAoB,eAAe,QAAQ;","names":["import_react_shared"]}

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

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

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

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

package/dist/browser/context/index.cjs

@@ -0,0 +1,60 @@
+"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/context/index.ts
+var context_exports = {};
+__export(context_exports, {
+  TableHeightContext: () => TableHeightContext,
+  TableHeightProvider: () => TableHeightProvider,
+  useTableHeight: () => useTableHeight
+});
+module.exports = __toCommonJS(context_exports);
+
+// 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_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var TableHeightProvider = ({
+  children,
+  additionalRows = 0,
+  defaultVisibleRows,
+  heightFormat = "px"
+}) => {
+  const [visibleRows, setVisibleRows] = (0, import_react.useState)(defaultVisibleRows);
+  const [height, setHeight] = (0, import_react.useState)();
+  const [rowHeight, setRowHeight] = (0, import_react.useState)();
+  const formattedHeight = (0, import_react.useMemo)(() => height !== void 0 ? `${height}${heightFormat}` : void 0, [height, heightFormat]);
+  (0, import_react.useEffect)(() => {
+    setVisibleRows(defaultVisibleRows);
+  }, [defaultVisibleRows]);
+  (0, import_react.useEffect)(() => {
+    if (rowHeight !== void 0 && visibleRows !== void 0) {
+      setHeight(rowHeight * (visibleRows + additionalRows));
+    }
+  }, [defaultVisibleRows, rowHeight, visibleRows, additionalRows]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.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/context/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/index.ts","../../../src/context/TableHeight/Context.ts","../../../src/context/TableHeight/Provider.tsx","../../../src/context/TableHeight/use.tsx"],"sourcesContent":["export * from './TableHeight'\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 ? `${height}${heightFormat}` : undefined), [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;;;ACAA,0BAAgC;AAIzB,IAAM,yBAAqB,qCAAkC;;;ACFpE,mBAA6C;AAkCzC;AAvBG,IAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,kBAAkB;AACjE,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAA6B;AACzD,QAAM,CAAC,WAAW,YAAY,QAAI,uBAA6B;AAE/D,QAAM,sBAAkB,sBAAQ,MAAO,WAAW,SAAY,GAAG,MAAM,GAAG,YAAY,KAAK,QAAY,CAAC,QAAQ,YAAY,CAAC;AAE7H,8BAAU,MAAM;AACd,mBAAe,kBAAkB;AAAA,EACnC,GAAG,CAAC,kBAAkB,CAAC;AAEvB,8BAAU,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,4CAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,QAAQ,iBAAiB,UAAU,MAAM,WAAW,cAAc,gBAAgB,YAAY,GACjI,UACH;AAEJ;;;ACxCA,IAAAA,uBAA6B;AAItB,IAAM,iBAAiB,CAAC,WAAW,cAAU,mCAAa,oBAAoB,eAAe,QAAQ;","names":["import_react_shared"]}

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

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

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

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

package/dist/browser/index.cjs

@@ -0,0 +1,104 @@
+"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 ? `${height}${heightFormat}` : void 0, [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

@@ -0,0 +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'\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: React.FC<TableExProps> = forwardRef(({ children, ...props }, ref) => {\n  return (\n    <Table ref={ref} {...props}>\n      {children}\n    </Table>\n  )\n})\n\nTableExInner.displayName = 'TableExInner'\n\nexport const TableExWithRef: React.FC<TableExProps> = forwardRef(({ 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 ? `${height}${heightFormat}` : undefined), [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,mBAAuC,yBAAW,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,QAAQ;AACvF,SACE,4CAAC,0BAAM,KAAW,GAAG,OAClB,UACH;AAEJ,CAAC;AAED,aAAa,cAAc;AAEpB,IAAM,qBAAyC,yBAAW,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,QAAQ;AACzG,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,GAAG,MAAM,GAAG,YAAY,KAAK,QAAY,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.d.cts

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

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

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