Format fix

project44 · Aug 26, 2024 · bce08ca · bce08ca
1 parent 63189ab
commit bce08ca
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 6 deletions.
diff --git a/packages/react/src/components/DataTable/DataTable.tsx b/packages/react/src/components/DataTable/DataTable.tsx
@@ -43,7 +43,7 @@ export function DataTable<TData extends RowData>(props: DataTableProps<TData>) {
     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<TData extends RowData>(props: DataTableProps<TData>) {
             enableExpandAll && <DataTableExpandAllButton table={table} />,
           // eslint-disable-next-line react/no-unstable-nested-components
           cell: ({ row, table }: { row: Row<TData>; table: DataTable<TData> }) => (
-            <DataTableExpandButton expandIconFunction={expandIconFunction} isCanExpandIconVisible={isCanExpandIconVisible} row={row} table={table} />
+            <DataTableExpandButton
+              expandIconFunction={expandIconFunction}
+              isCanExpandIconVisible={isCanExpandIconVisible}
+              row={row}
+              table={table}
+            />
           ),
           size: 40,
         },
@@ -99,7 +104,15 @@ export function DataTable<TData extends RowData>(props: DataTableProps<TData>) {
         },
         ...columnsProp,
       ].filter(Boolean) as ColumnDef<TData>[],
-    [columnsProp, enableExpandAll, enableExpanding, enableRowSelection, enableSelectAll, isCanExpandIconVisible, expandIconFunction],
+    [
+      columnsProp,
+      enableExpandAll,
+      enableExpanding,
+      enableRowSelection,
+      enableSelectAll,
+      isCanExpandIconVisible,
+      expandIconFunction,
+    ],
   );
 
   const data: TData[] = React.useMemo(

diff --git a/...react/src/components/DataTable/components/DataTableExpandButton/DataTableExpandButton.tsx b/...react/src/components/DataTable/components/DataTableExpandButton/DataTableExpandButton.tsx
@@ -31,7 +31,7 @@ export function DataTableExpandButton<TData extends RowData>(
   return (
     <IconButton
       {...parsedProps}
-      css={{ display: canExpand || isCanExpandIconVisible ? 'block' : 'none'  }}
+      css={{ display: canExpand || isCanExpandIconVisible ? 'block' : 'none' }}
       isDisabled={isLoading || !canExpand}
       size="small"
       variant="tertiary"

diff --git a/.../src/components/DataTable/components/DataTableExpandButton/DataTableExpandButton.types.ts b/.../src/components/DataTable/components/DataTableExpandButton/DataTableExpandButton.types.ts
@@ -5,5 +5,5 @@ export interface DataTableExpandButtonProps<TData extends RowData> {
   row: Row<TData>;
   table: DataTable<TData>;
   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
@@ -408,7 +408,7 @@ export const RowExpandingAndSelection = () => {
     [],
   );
   const [rowSelection, setRowSelection] = React.useState<RowSelectionState>({});
-  const expandFn = React.useMemo( () => (isExpanded: boolean) => isExpanded ? 0 : -90, []);
+  const expandFn = React.useMemo(() => (isExpanded: boolean) => isExpanded ? 0 : -90, []);
 
   return (
     <DataTable