@protonradio/proton-ui 0.7.13 → 0.7.15

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,49 @@ 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"
       ),
       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}`
       ),
       style: n ? { width: n } : void 0,
-      ref: r,
+      ref: l,
+      onClick: r ? () => r(t.key) : void 0,
       children: t.rendered
     }
   );
@@ -11482,7 +11485,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
     )) })