diff --git a/packages/react/src/components/DataTable/DataTable.tsx b/packages/react/src/components/DataTable/DataTable.tsx index f5d250f5..8d2110e9 100644 --- a/packages/react/src/components/DataTable/DataTable.tsx +++ b/packages/react/src/components/DataTable/DataTable.tsx @@ -43,7 +43,7 @@ export function DataTable(props: DataTableProps) { enableSorting = true, enableStickyHeader = false, isCanExpandIconVisible = true, - expandIconFunction = (isExpanded) => isExpanded ? -180 : 0, + expandIconFunction = (isExpanded) => (isExpanded ? -180 : 0), expandAllButtonProps = {}, expandButtonProps = {}, initialState, @@ -82,7 +82,12 @@ export function DataTable(props: DataTableProps) { enableExpandAll && , // eslint-disable-next-line react/no-unstable-nested-components cell: ({ row, table }: { row: Row; table: DataTable }) => ( - + ), size: 40, }, @@ -99,7 +104,15 @@ export function DataTable(props: DataTableProps) { }, ...columnsProp, ].filter(Boolean) as ColumnDef[], - [columnsProp, enableExpandAll, enableExpanding, enableRowSelection, enableSelectAll, isCanExpandIconVisible, expandIconFunction], + [ + columnsProp, + enableExpandAll, + enableExpanding, + enableRowSelection, + enableSelectAll, + isCanExpandIconVisible, + expandIconFunction, + ], ); const data: TData[] = React.useMemo( diff --git a/packages/react/src/components/DataTable/components/DataTableExpandButton/DataTableExpandButton.tsx b/packages/react/src/components/DataTable/components/DataTableExpandButton/DataTableExpandButton.tsx index 54695450..692037a2 100644 --- a/packages/react/src/components/DataTable/components/DataTableExpandButton/DataTableExpandButton.tsx +++ b/packages/react/src/components/DataTable/components/DataTableExpandButton/DataTableExpandButton.tsx @@ -31,7 +31,7 @@ export function DataTableExpandButton( return ( { row: Row; table: DataTable; isCanExpandIconVisible: boolean; - expandIconFunction: (isExpanded: boolean) => number; + expandIconFunction: (isExpanded: boolean) => number; } diff --git a/packages/react/src/components/DataTable/story/DataTable.stories.tsx b/packages/react/src/components/DataTable/story/DataTable.stories.tsx index c5cffd5c..6a5efdd5 100644 --- a/packages/react/src/components/DataTable/story/DataTable.stories.tsx +++ b/packages/react/src/components/DataTable/story/DataTable.stories.tsx @@ -408,7 +408,7 @@ export const RowExpandingAndSelection = () => { [], ); const [rowSelection, setRowSelection] = React.useState({}); - const expandFn = React.useMemo( () => (isExpanded: boolean) => isExpanded ? 0 : -90, []); + const expandFn = React.useMemo(() => (isExpanded: boolean) => isExpanded ? 0 : -90, []); return (