@alfalab/core-components-table 2.8.5 → 2.9.1

package/src/components/texpandable-row/Component.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, ReactNode, useState } from 'react';
+import React, { forwardRef, ReactNode, Ref, useState } from 'react';
 import cn from 'classnames';
 
 import { TRow, TRowProps } from '../trow';
@@ -13,6 +13,8 @@ export type TExpandableRowProps = TRowProps & {
     onToggle?: (expanded: boolean) => void;
 
     renderContent: (expanded: boolean) => ReactNode;
+
+    rowRef?: Ref<HTMLTableRowElement>;
 };
 
 export const TExpandableRow = forwardRef<HTMLTableRowElement, TExpandableRowProps>(
@@ -24,6 +26,7 @@ export const TExpandableRow = forwardRef<HTMLTableRowElement, TExpandableRowProp
             defaultExpanded = false,
             onToggle = () => null,
             renderContent = () => null,
+            rowRef,
             ...restProps
         }: TExpandableRowProps,
         ref,
@@ -51,6 +54,7 @@ export const TExpandableRow = forwardRef<HTMLTableRowElement, TExpandableRowProp
                     })}
                     selected={selected}
                     onClick={handleToggle}
+                    ref={rowRef}
                     {...restProps}
                 />
 

package/src/components/trow/Component.tsx

@@ -1,4 +1,4 @@
-import React, { HTMLAttributes } from 'react';
+import React, { forwardRef, HTMLAttributes } from 'react';
 import cn from 'classnames';
 
 import { TCell, TCellProps } from '../tcell';
@@ -34,23 +34,21 @@ export type TRowProps = HTMLAttributes<HTMLTableRowElement> & {
     dataTestId?: string;
 };
 
-export const TRow = ({
-    children,
-    className,
-    selected,
-    withoutBorder,
-    dataTestId,
-    ...restProps
-}: TRowProps) => (
-    <tr
-        className={cn(styles.component, className, {
-            [styles.clickable]: typeof restProps.onClick !== 'undefined',
-            [styles.selected]: selected,
-            [styles.withoutBorder]: withoutBorder,
-        })}
-        data-test-id={dataTestId}
-        {...restProps}
-    >
-        {React.Children.map(children, (child, index) => React.cloneElement(child, { index }))}
-    </tr>
+export const TRow = forwardRef<HTMLTableRowElement, TRowProps>(
+    ({ children, className, selected, withoutBorder, dataTestId, ...restProps }, ref) => (
+        <tr
+            className={cn(styles.component, className, {
+                [styles.clickable]: typeof restProps.onClick !== 'undefined',
+                [styles.selected]: selected,
+                [styles.withoutBorder]: withoutBorder,
+            })}
+            data-test-id={dataTestId}
+            ref={ref}
+            {...restProps}
+        >
+            {React.Children.map(children, (child, index) => React.cloneElement(child, { index }))}
+        </tr>
+    ),
 );
+
+TRow.displayName = 'TRow';