nextine/src/core/components/MyTable/DataTable/interface.ts

Admin Template with NextJS & Mantine UI v7

import { QueryObserverBaseResult, useMutation } from '@tanstack/react-query'
import { DataTable, DataTableColumn } from 'mantine-datatable'
import useUrlQuery from '~/core/hooks/useUrlQuery/useUrlQuery'

type Query = QueryObserverBaseResult & {
  data: any[]
  helpers: ReturnType<typeof useUrlQuery>
  total: number
}

export interface MyTableEntity<T> extends ReturnType<typeof DataTable<T>> {
  query: Query
  columns: DataTableColumn<T>[]
  baseURL: string
  selectedMutation?: ReturnType<typeof useMutation> // soft delete
  multiSelectedMutation?: ReturnType<typeof useMutation> // multi soft delete
  showModalDetail: (data: T) => void
  isEdit?: boolean
  isDeleted?: boolean
}