@protonradio/proton-ui 0.7.11 → 0.7.13

package/dist/index.d.ts

@@ -610,7 +610,11 @@ export declare const TableBody: <T = object>(props: ProtonTableBodyProps<T>) =>
 
 export { TableHeader }
 
-declare type TableProps = AriaTableProps & TableStateProps<object>;
+declare interface TableProps extends AriaTableProps, TableStateProps<object> {
+    headerProps?: {
+        isHidden?: boolean;
+    };
+}
 
 /**
  * A component that displays text with an ellipsis when it overflows its container.

package/dist/index.es.js

@@ -11388,16 +11388,21 @@ function Bh({ column: t, state: e }) {
     }
   );
 }
-function hi({ type: t, children: e }) {
-  let { rowGroupProps: n } = Hp();
+function hi({
+  type: t,
+  children: e,
+  isHidden: n = !1
+}) {
+  let { rowGroupProps: r } = Hp();
   return /* @__PURE__ */ b.jsx(
     t,
     {
-      ...n,
+      ...r,
       className: W(
         "proton-Table__rowGroup",
         t === "thead" ? "proton-Table__rowGroup--header" : "proton-Table__rowGroup--body"
       ),
+      style: n ? { display: "none" } : void 0,
       children: e
     }
   );
@@ -11433,25 +11438,27 @@ function Kh({
     }
   );
 }
-function Mh({ cell: t, state: e }) {
-  let n = M(), { gridCellProps: r } = Vp({ node: t }, e, n), { isFocusVisible: l, focusProps: i } = Xt();
-  const { align: o = "left" } = t.props;
+function Mh({ cell: t, state: e, width: n }) {
+  let r = M(), { gridCellProps: l } = Vp({ node: t }, e, r), { isFocusVisible: i, focusProps: o } = Xt();
+  const { align: a = "left" } = t.props;
   return /* @__PURE__ */ b.jsx(
     "td",
     {
-      ...H(r, i),
+      ...H(l, o),
       className: W(
         "proton-Table__cell",
-        l ? "proton-Table__cell--focused" : null,
-        `proton-Table__cell--${o}`
+        i ? "proton-Table__cell--focused" : null,
+        `proton-Table__cell--${a}`
       ),
-      ref: n,
+      style: n ? { width: n } : void 0,
+      ref: r,
       children: t.rendered
     }
   );
 }
 const u4 = uv, s4 = cv, c4 = sv, d4 = av;
 function f4(t) {
+  var i;
   let e = ov({
     ...t
   }), n = M(), { collection: r } = e, { gridProps: l } = Np(
@@ -11460,24 +11467,24 @@ function f4(t) {
     n
   );
   return /* @__PURE__ */ b.jsxs("table", { ...l, ref: n, className: W("proton-Table"), children: [
-    /* @__PURE__ */ b.jsx(hi, { type: "thead", children: r.headerRows.map((i) => /* @__PURE__ */ b.jsx(Ah, { item: i, state: e, children: Array.from(r.getChildren(i.key)).map((o) => /* @__PURE__ */ b.jsx(
+    /* @__PURE__ */ b.jsx(hi, { type: "thead", isHidden: (i = t.headerProps) == null ? void 0 : i.isHidden, children: r.headerRows.map((o) => /* @__PURE__ */ b.jsx(Ah, { item: o, state: e, children: Array.from(r.getChildren(o.key)).map((a) => /* @__PURE__ */ b.jsx(
       Bh,
       {
-        column: o,
+        column: a,
         state: e
       },
-      o.key
-    )) }, i.key)) }),
-    /* @__PURE__ */ b.jsx(hi, { type: "tbody", children: Array.from(r.body.childNodes).map((i) => /* @__PURE__ */ b.jsx(
+      a.key
+    )) }, o.key)) }),
+    /* @__PURE__ */ b.jsx(hi, { type: "tbody", children: Array.from(r.body.childNodes).map((o) => /* @__PURE__ */ b.jsx(
       Kh,
       {
-        item: i,
+        item: o,
         state: e,
-        backgroundColor: i.props.backgroundColor,
+        backgroundColor: o.props.backgroundColor,
         showLines: r.body.props.showLines,
-        children: Array.from(r.getChildren(i.key)).map((o) => /* @__PURE__ */ b.jsx(Mh, { cell: o, state: e }, o.key))
+        children: Array.from(r.getChildren(o.key)).map((a) => /* @__PURE__ */ b.jsx(Mh, { cell: a, state: e, width: a.props.width }, a.key))
       },
-      i.key
+      o.key
     )) })
   ] });
 }