@protonradio/proton-ui 0.7.14 → 0.7.16

package/dist/index.d.ts

@@ -437,10 +437,12 @@ declare interface PopoverProps extends Omit<AriaPopoverProps, "popoverRef"> {
 
 export declare interface ProtonColumnProps<T> extends ColumnProps<T> {
     align?: "left" | "center" | "right";
+    onClick?: (key: string) => void;
 }
 
 export declare interface ProtonRowProps<T = object> extends RowProps<T> {
     backgroundColor?: string;
+    onClick?: (key: string) => void;
 }
 
 export declare interface ProtonTableBodyProps<T = object> extends TableBodyProps<T> {

package/dist/index.es.js

@@ -11412,46 +11412,51 @@ function Kh({
   children: e,
   state: n,
   backgroundColor: r,
-  showLines: l = !0
+  onClick: l,
+  showLines: i = !0
 }) {
-  let i = M(), o = n.selectionManager.isSelected(t.key), { rowProps: a, isPressed: u } = zp(
+  let o = M(), a = n.selectionManager.isSelected(t.key), { rowProps: u, isPressed: s } = zp(
     {
       node: t
     },
     n,
-    i
-  ), { isFocusVisible: s, focusProps: c } = Xt();
+    o
+  ), { isFocusVisible: c, focusProps: d } = Xt();
   return /* @__PURE__ */ b.jsx(
     "tr",
     {
       className: W(
         "proton-Table__row",
-        o ? "proton-Table__row--selected" : null,
-        u ? "proton-Table__row--pressed" : null,
-        s ? "proton-Table__row--focused" : null,
-        l && "proton-Table__row--showLines"
+        a ? "proton-Table__row--selected" : null,
+        s ? "proton-Table__row--pressed" : null,
+        c ? "proton-Table__row--focused" : null,
+        i && "proton-Table__row--showLines",
+        l && "proton-Table__row--clickable"
       ),
       style: r ? { backgroundColor: r } : void 0,
-      ...H(a, c),
-      ref: i,
+      ...H(u, d),
+      ref: o,
+      onClick: l ? () => l(t.key) : void 0,
       children: e
     }
   );
 }
-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;
+function Mh({ cell: t, state: e, width: n, onClick: r }) {
+  let l = M(), { gridCellProps: i } = Vp({ node: t }, e, l), { isFocusVisible: o, focusProps: a } = Xt();
+  const { align: u = "left" } = t.props;
   return /* @__PURE__ */ b.jsx(
     "td",
     {
-      ...H(l, o),
+      ...H(i, a),
       className: W(
         "proton-Table__cell",
-        i ? "proton-Table__cell--focused" : null,
-        `proton-Table__cell--${a}`
+        o ? "proton-Table__cell--focused" : null,
+        `proton-Table__cell--${u}`,
+        r && "proton-Table--clickable"
       ),
       style: n ? { width: n } : void 0,
-      ref: r,
+      ref: l,
+      onClick: r ? () => r(t.key) : void 0,
       children: t.rendered
     }
   );
@@ -11482,7 +11487,17 @@ function f4(t) {
         state: e,
         backgroundColor: o.props.backgroundColor,
         showLines: r.body.props.showLines,
-        children: Array.from(r.getChildren(o.key)).map((a) => /* @__PURE__ */ b.jsx(Mh, { cell: a, state: e, width: a.props.width }, a.key))
+        onClick: o.props.onClick,
+        children: Array.from(r.getChildren(o.key)).map((a) => /* @__PURE__ */ b.jsx(
+          Mh,
+          {
+            cell: a,
+            state: e,
+            width: a.props.width,
+            onClick: a.props.onClick
+          },
+          a.key
+        ))
       },
       o.key
     )) })
@@ -11495,25 +11510,22 @@ const p4 = ({
   lines: r = 1,
   title: l,
   "data-testid": i
-}) => {
-  const o = l || (typeof t == "string" ? t : void 0);
-  return /* @__PURE__ */ b.jsx(
-    "div",
-    {
-      className: W(
-        "proton-TextEllipsis",
-        n || r === 1 ? "proton-TextEllipsis--single-line" : r > 1 ? "proton-TextEllipsis--multi-line" : ""
-      ),
-      style: {
-        maxWidth: e,
-        WebkitLineClamp: r
-      },
-      title: o,
-      "data-testid": i,
-      children: t
-    }
-  );
-};
+}) => /* @__PURE__ */ b.jsx(
+  "div",
+  {
+    className: W(
+      "proton-TextEllipsis",
+      n || r === 1 ? "proton-TextEllipsis--single-line" : r > 1 ? "proton-TextEllipsis--multi-line" : ""
+    ),
+    style: {
+      maxWidth: e,
+      WebkitLineClamp: r
+    },
+    title: l,
+    "data-testid": i,
+    children: t
+  }
+);
 function Ih({ children: t, arrow: e, ...n }) {
   const { style: r, className: l } = Ae();
   return /* @__PURE__ */ b.jsxs(