@luscii-healthtech/web-ui 42.5.2 → 42.7.0

package/dist/index.development.js

@@ -3685,14 +3685,15 @@ function Table(_a) {
 const isPlainText = (node) => {
   return typeof node === "string" || typeof node === "number";
 };
-function TableRoot(_a) {
+const TableRoot = React__namespace.default.forwardRef((_a, wrapperRef) => {
   var { className, children, sticky, headerBackground = "none" } = _a, attrs = __rest(_a, ["className", "children", "sticky", "headerBackground"]);
   const stickyHeader = sticky === "header" || sticky === "header-and-first-column";
   const stickyFirstColumn = sticky === "first-column" || sticky === "header-and-first-column";
   const firstColBg = headerBackground === "first-column" || headerBackground === "first-row-and-column" ? "#f8fafc" : "#ffffff";
   const firstRowBg = headerBackground === "first-row" || headerBackground === "first-row-and-column" ? "#f8fafc" : "#ffffff";
   const cornerCellBg = headerBackground !== "none" ? "#f8fafc" : "#ffffff";
-  return jsxRuntime.jsx("div", { className: classNames__default.default("ui:rounded-2xl ui:overflow-auto ui:border ui:border-neutral-border-high-contrast ui:w-fit", className), children: jsxRuntime.jsxs("table", Object.assign({ className: classNames__default.default("ui:table-auto ui:bg-white", "ui:border-separate ui:border-spacing-0", {
+  const hasTFoot = React__namespace.default.Children.toArray(children).some((child) => React__namespace.default.isValidElement(child) && child.type === TFoot);
+  return jsxRuntime.jsx("div", { className: classNames__default.default("ui:rounded-2xl ui:overflow-auto ui:border ui:border-neutral-border-high-contrast ui:w-fit", className), ref: wrapperRef, children: jsxRuntime.jsxs("table", Object.assign({ className: classNames__default.default("ui:table-auto ui:bg-white", "ui:border-separate ui:border-spacing-0", {
     /**
      * Apply sticky positioning to first column cells in tbody (both th and td)
      * with proper z-index layering
@@ -3725,9 +3726,12 @@ function TableRoot(_a) {
     if (child.type === Thead) {
       return jsxRuntime.jsx(Thead, Object.assign({}, child.props, { stickyHeader, children: child.props.children }));
     }
+    if (child.type === Tbody) {
+      return jsxRuntime.jsx(Tbody, Object.assign({}, child.props, { hasTFoot, children: child.props.children }));
+    }
     return child;
   })] })) });
-}
+});
 function Thead(_a) {
   var { className, children, stickyHeader } = _a, attrs = __rest(_a, ["className", "children", "stickyHeader"]);
   return jsxRuntime.jsx("thead", Object.assign({ className: classNames__default.default(
@@ -3747,20 +3751,31 @@ function Thead(_a) {
   ) }, attrs, { children }));
 }
 function Tbody(_a) {
-  var { className, children } = _a, attrs = __rest(_a, ["className", "children"]);
+  var { className, children, hasTFoot } = _a, attrs = __rest(_a, ["className", "children", "hasTFoot"]);
   return jsxRuntime.jsx("tbody", Object.assign({ className: classNames__default.default(
     // setting border color across all cells
     "ui:[&>tr>td]:border-neutral-border-high-contrast ui:[&>tr>th]:border-neutral-border-high-contrast",
     // Top border for all rows except the first one
     "ui:[&>tr~tr>td]:border-t ui:[&>tr~tr>th]:border-t",
+    // Add bottom border on last row to separate from tfoot
+    // Add bottom border only if tfoot exists
+    {
+      "ui:[&>tr:last-child>td]:border-b ui:[&>tr:last-child>th]:border-b": hasTFoot
+    },
     // Rounded corners for the first and last row
-    "ui:[&>tr:first-child>td:first-child]:rounded-tl-2xl",
-    "ui:[&>tr:first-child>td:last-child]:rounded-tr-2xl",
-    "ui:[&>tr:last-child>td:first-child]:rounded-bl-2xl",
-    "ui:[&>tr:last-child>td:last-child]:rounded-br-2xl",
+    {
+      "ui:[&>tr:first-child>td:first-child]:rounded-tl-2xl": !hasTFoot,
+      "ui:[&>tr:first-child>td:last-child]:rounded-tr-2xl": !hasTFoot,
+      "ui:[&>tr:last-child>td:first-child]:rounded-bl-2xl": !hasTFoot,
+      "ui:[&>tr:last-child>td:last-child]:rounded-br-2xl": !hasTFoot
+    },
     className
   ) }, attrs, { children }));
 }
+function TFoot(_a) {
+  var { className, children } = _a, attrs = __rest(_a, ["className", "children"]);
+  return jsxRuntime.jsx("tfoot", Object.assign({ className: classNames__default.default(className) }, attrs, { children }));
+}
 function Tr(_a) {
   var { className, children } = _a, attrs = __rest(_a, ["className", "children"]);
   return jsxRuntime.jsx("tr", Object.assign({ className: classNames__default.default(className) }, attrs, { children }));
@@ -3783,6 +3798,7 @@ function Td(_a) {
 const TableNew = Object.assign(TableRoot, {
   Thead,
   Tbody,
+  TFoot,
   Tr,
   Th,
   Td