fix(lint): eslint and prettier

Author: ashotmark

src/DataTable/DataTable.tsx

@@ -441,54 +441,52 @@ function DataTable<T>(props: TableProps<T>): JSX.Element {
 									const expanderExpander = !!(expandableRows && expandableRowExpanded && expandableRowExpanded(row));
 									const expanderDisabled = !!(expandableRows && expandableRowDisabled && expandableRowDisabled(row));
 
-									return (
-										renderRow(
-											row,
-											<Row
-												id={id}
-												key={id}
-												keyField={keyField}
-												data-row-id={id}
-												columns={tableColumns}
-												row={row}
-												rowCount={sortedData.length}
-												rowIndex={i}
-												selectableRows={selectableRows}
-												expandableRows={expandableRows}
-												expandableIcon={expandableIcon}
-												highlightOnHover={highlightOnHover}
-												pointerOnHover={pointerOnHover}
-												dense={dense}
-												expandOnRowClicked={expandOnRowClicked}
-												expandOnRowDoubleClicked={expandOnRowDoubleClicked}
-												expandableRowsComponent={expandableRowsComponent}
-												expandableRowsComponentProps={expandableRowsComponentProps}
-												expandableRowsHideExpander={expandableRowsHideExpander}
-												defaultExpanderDisabled={expanderDisabled}
-												defaultExpanded={expanderExpander}
-												expandableInheritConditionalStyles={expandableInheritConditionalStyles}
-												conditionalRowStyles={conditionalRowStyles}
-												selected={selected}
-												selectableRowsHighlight={selectableRowsHighlight}
-												selectableRowsComponent={selectableRowsComponent}
-												selectableRowsComponentProps={selectableRowsComponentProps}
-												selectableRowDisabled={selectableRowDisabled}
-												selectableRowsSingle={selectableRowsSingle}
-												striped={striped}
-												onRowExpandToggled={onRowExpandToggled}
-												onRowClicked={handleRowClicked}
-												onRowDoubleClicked={handleRowDoubleClicked}
-												onRowMouseEnter={handleRowMouseEnter}
-												onRowMouseLeave={handleRowMouseLeave}
-												onSelectedRow={handleSelectedRow}
-												draggingColumnId={draggingColumnId}
-												onDragStart={handleDragStart}
-												onDragOver={handleDragOver}
-												onDragEnd={handleDragEnd}
-												onDragEnter={handleDragEnter}
-												onDragLeave={handleDragLeave}
-											/>
-										)
+									return renderRow(
+										row,
+										<Row
+											id={id}
+											key={id}
+											keyField={keyField}
+											data-row-id={id}
+											columns={tableColumns}
+											row={row}
+											rowCount={sortedData.length}
+											rowIndex={i}
+											selectableRows={selectableRows}
+											expandableRows={expandableRows}
+											expandableIcon={expandableIcon}
+											highlightOnHover={highlightOnHover}
+											pointerOnHover={pointerOnHover}
+											dense={dense}
+											expandOnRowClicked={expandOnRowClicked}
+											expandOnRowDoubleClicked={expandOnRowDoubleClicked}
+											expandableRowsComponent={expandableRowsComponent}
+											expandableRowsComponentProps={expandableRowsComponentProps}
+											expandableRowsHideExpander={expandableRowsHideExpander}
+											defaultExpanderDisabled={expanderDisabled}
+											defaultExpanded={expanderExpander}
+											expandableInheritConditionalStyles={expandableInheritConditionalStyles}
+											conditionalRowStyles={conditionalRowStyles}
+											selected={selected}
+											selectableRowsHighlight={selectableRowsHighlight}
+											selectableRowsComponent={selectableRowsComponent}
+											selectableRowsComponentProps={selectableRowsComponentProps}
+											selectableRowDisabled={selectableRowDisabled}
+											selectableRowsSingle={selectableRowsSingle}
+											striped={striped}
+											onRowExpandToggled={onRowExpandToggled}
+											onRowClicked={handleRowClicked}
+											onRowDoubleClicked={handleRowDoubleClicked}
+											onRowMouseEnter={handleRowMouseEnter}
+											onRowMouseLeave={handleRowMouseLeave}
+											onSelectedRow={handleSelectedRow}
+											draggingColumnId={draggingColumnId}
+											onDragStart={handleDragStart}
+											onDragOver={handleDragOver}
+											onDragEnd={handleDragEnd}
+											onDragEnter={handleDragEnter}
+											onDragLeave={handleDragLeave}
+										/>,
 									);
 								})}
 							</Body>

src/DataTable/defaultProps.tsx

@@ -102,5 +102,5 @@ export const defaultProps = {
 	onSelectedRowsChange: noop,
 	onSort: noop,
 	onColumnOrderChange: noop,
-	renderRow: <T,>(row: T, rowContent: JSX.Element) => rowContent
+	renderRow: <T,>(row: T, rowContent: JSX.Element) => rowContent,
 };

stories/DataTable/RowLink.stories.js

@@ -21,12 +21,23 @@ const columns = [
 ];
 
 export const RowLink = () => {
-	return <DataTable title="Movie List" columns={columns} data={data} pagination renderRow={(row, rowContent) => <a href={`/${row.id}`} style={{display: 'block'}} target="_blank">{rowContent}</a>} />;
+	return (
+		<DataTable
+			title="Movie List"
+			columns={columns}
+			data={data}
+			pagination
+			renderRow={(row, rowContent) => (
+				<a href={`/${row.id}`} style={{ display: 'block' }} target="_blank" rel="noreferrer">
+					{rowContent}
+				</a>
+			)}
+		/>
+	);
 };
 
 export default {
 	title: 'RowLink',
 	component: RowLink,
-	parameters: {
-	},
+	parameters: {},
 };