fix(disabled): on Row should disable select/tree click

Author: rwieruch

src/common/components/Row.tsx

@@ -10,6 +10,10 @@ import { Nullish } from '@table-library/react-table-library/types/common';
 const getBaseStyle = () => `
   display: contents;
 
+  &.disabled td {
+    cursor: auto;
+  }
+
   ${() => {
     /* #1 */
     // otherwise tree + resize would have overflow icons */

src/table/Row/Row.tsx

@@ -98,11 +98,17 @@ export const Row = <T extends TableNode>(props: RowProps<T>) => {
 
   useDoubleClick<T>(ref, onClickByFeature, onDoubleClick, item);
 
+  const handleClick = disabled
+    ? () => {}
+    : onDoubleClick
+    ? () => {}
+    : (event: Event) => onClickByFeature(item, event);
+
   return (
     <RowContainer
       role="row"
       data-table-library_tr-body=""
-      onClick={onDoubleClick ? () => {} : (event: Event) => onClickByFeature(item, event)}
+      onClick={handleClick}
       css={css`
         ${themeByFeature}
         ${theme?.BaseRow}