@fto-consult/expo-ui/src/components/Table/Row/RowWrapper.native.js

Bibliothèque de composants UI Expo,react-native

import { forwardRef,useMemo } from "react";
import View from "$ecomponents/View";
import styles from "../styles";
import { useTable } from "../hooks";
import {useIsRowSelected} from "$ecomponents/Datagrid/hooks";
import { getRowStyle } from "$ecomponents/Datagrid/utils";

const TableRowWrapperComponent = forwardRef(({children,colSpan,...props},ref)=>{
    const {bordered,withDatagridContext} = useTable();
    const selected = withDatagridContext ? useIsRowSelected(props.rowData || props.rowKey, props.rowIndex) : false;
    const rowStyle = useMemo(()=>{
        return getRowStyle({...props,bordered});
    },[selected])
    return <View ref={ref} {...props} style={[styles.row,rowStyle,props.style]} children={children}/>
});

TableRowWrapperComponent.displayName = "TableRowWrapperComponent";

export default TableRowWrapperComponent;