Sortier-Leitfaden

Beispiele

Möchten Sie direkt zur Implementierung springen? Sehen Sie sich diese Beispiele an

TanStack Table bietet Lösungen für nahezu jeden Sortierungsanwendungsfall, den Sie haben könnten. Diese Anleitung führt Sie durch die verschiedenen Optionen, mit denen Sie die integrierte client-seitige Sortierfunktionalität anpassen können, sowie durch die Möglichkeiten, client-seitiges Sortieren zugunsten des manuellen server-seitigen Sortierens zu deaktivieren.

Sortierstatus

Der Sortierstatus ist als Array von Objekten mit der folgenden Struktur definiert.

tsx

type ColumnSort = {
  id: string
  desc: boolean
}
type SortingState = ColumnSort[]

type ColumnSort = {
  id: string
  desc: boolean
}
type SortingState = ColumnSort[]

Da der Sortierstatus ein Array ist, ist es möglich, mehrere Spalten gleichzeitig zu sortieren. Lesen Sie mehr über die Anpassungen der Multi-Sortierung weiter unten.

Zugriff auf den Sortierstatus

Sie können direkt über die Tabelleninstanz auf den Sortierstatus zugreifen, genau wie auf jeden anderen Status auch, über die table.getState() API.

tsx

const table = useReactTable({
  columns,
  data,
  //...
})

console.log(table.getState().sorting) // access the sorting state from the table instance

const table = useReactTable({
  columns,
  data,
  //...
})

console.log(table.getState().sorting) // access the sorting state from the table instance

Wenn Sie jedoch auf den Sortierstatus zugreifen müssen, bevor die Tabelle initialisiert ist, können Sie den Sortierstatus wie unten gezeigt "kontrollieren".

Kontrollierter Sortierstatus

Wenn Sie einfachen Zugriff auf den Sortierstatus benötigen, können Sie den Sortierstatus in Ihrer eigenen Zustandsverwaltung mit den Tabellenoptionen state.sorting und onSortingChange steuern/verwalten.

tsx

const [sorting, setSorting] = useState<SortingState>([]) // can set initial sorting state here
//...
// use sorting state to fetch data from your server or something...
//...
const table = useReactTable({
  columns,
  data,
  //...
  state: {
    sorting,
  },
  onSortingChange: setSorting,
})

const [sorting, setSorting] = useState<SortingState>([]) // can set initial sorting state here
//...
// use sorting state to fetch data from your server or something...
//...
const table = useReactTable({
  columns,
  data,
  //...
  state: {
    sorting,
  },
  onSortingChange: setSorting,
})

Initialer Sortierstatus

Wenn Sie den Sortierstatus nicht in Ihrer eigenen Zustandsverwaltung oder Ihrem eigenen Geltungsbereich steuern müssen, aber dennoch einen initialen Sortierstatus festlegen möchten, können Sie stattdessen die Tabellenoption initialState anstelle von state verwenden.

jsx

const table = useReactTable({
  columns,
  data,
  //...
  initialState: {
    sorting: [
      {
        id: 'name',
        desc: true, // sort by name in descending order by default
      },
    ],
  },
})

const table = useReactTable({
  columns,
  data,
  //...
  initialState: {
    sorting: [
      {
        id: 'name',
        desc: true, // sort by name in descending order by default
      },
    ],
  },
})

HINWEIS: Verwenden Sie nicht gleichzeitig initialState.sorting und state.sorting, da der initialisierte Status in state.sorting den initialState.sorting überschreiben wird.

Client-seitiges vs. Server-seitiges Sortieren

Ob Sie client-seitiges oder server-seitiges Sortieren verwenden sollten, hängt vollständig davon ab, ob Sie auch client-seitige oder server-seitige Paginierung oder Filterung verwenden. Seien Sie konsistent, denn die Verwendung von client-seitigem Sortieren mit server-seitiger Paginierung oder Filterung sortiert nur die Daten, die gerade geladen sind, und nicht den gesamten Datensatz.

Manuelles server-seitiges Sortieren

Wenn Sie nur Ihr eigenes server-seitiges Sortieren in Ihrer Backend-Logik verwenden möchten, müssen Sie kein sortiertes Zeilenmodell bereitstellen. Wenn Sie jedoch ein Sortierungszeilenmodell bereitgestellt haben, es aber deaktivieren möchten, können Sie die Tabellenoption manualSorting verwenden.

jsx

const [sorting, setSorting] = useState<SortingState>([])
//...
const table = useReactTable({
  columns,
  data,
  getCoreRowModel: getCoreRowModel(),
  //getSortedRowModel: getSortedRowModel(), //not needed for manual sorting
  manualSorting: true, //use pre-sorted row model instead of sorted row model
  state: {
    sorting,
  },
  onSortingChange: setSorting,
})

const [sorting, setSorting] = useState<SortingState>([])
//...
const table = useReactTable({
  columns,
  data,
  getCoreRowModel: getCoreRowModel(),
  //getSortedRowModel: getSortedRowModel(), //not needed for manual sorting
  manualSorting: true, //use pre-sorted row model instead of sorted row model
  state: {
    sorting,
  },
  onSortingChange: setSorting,
})

HINWEIS: Wenn manualSorting auf true gesetzt ist, geht die Tabelle davon aus, dass die von Ihnen bereitgestellten Daten bereits sortiert sind und wendet keine Sortierung darauf an.

Client-seitiges Sortieren

Um client-seitiges Sortieren zu implementieren, müssen Sie zuerst ein Sortierungszeilenmodell für die Tabelle bereitstellen. Sie können die Funktion getSortedRowModel von TanStack Table importieren, und sie wird verwendet, um Ihre Zeilen in sortierte Zeilen umzuwandeln.

jsx

import { useReactTable } from '@tanstack/react-table'
//...
const table = useReactTable({
  columns,
  data,
  getCoreRowModel: getCoreRowModel(),
  getSortedRowModel: getSortedRowModel(), //provide a sorting row model
})

import { useReactTable } from '@tanstack/react-table'
//...
const table = useReactTable({
  columns,
  data,
  getCoreRowModel: getCoreRowModel(),
  getSortedRowModel: getSortedRowModel(), //provide a sorting row model
})

Sortierfunktionen

Die standardmäßige Sortierfunktion für alle Spalten wird aus dem Datentyp der Spalte abgeleitet. Es kann jedoch nützlich sein, die genaue Sortierfunktion zu definieren, die Sie für eine bestimmte Spalte verwenden möchten, insbesondere wenn einige Ihrer Daten nullbar oder kein Standarddatentyp sind.

Sie können eine benutzerdefinierte Sortierfunktion für jede Spalte über die Spaltenoption sortingFn festlegen.

Standardmäßig gibt es 6 integrierte Sortierfunktionen zur Auswahl

alphanumeric - Sortiert alphanumerische Mischwerte ohne Berücksichtigung der Groß-/Kleinschreibung. Langsamer, aber genauer, wenn Ihre Strings Zahlen enthalten, die natürlich sortiert werden müssen.
alphanumericCaseSensitive - Sortiert alphanumerische Mischwerte unter Berücksichtigung der Groß-/Kleinschreibung. Langsamer, aber genauer, wenn Ihre Strings Zahlen enthalten, die natürlich sortiert werden müssen.
text - Sortiert Text-/Zeichenfolgenwerte ohne Berücksichtigung der Groß-/Kleinschreibung. Schneller, aber weniger genau, wenn Ihre Strings Zahlen enthalten, die natürlich sortiert werden müssen.
textCaseSensitive - Sortiert Text-/Zeichenfolgenwerte unter Berücksichtigung der Groß-/Kleinschreibung. Schneller, aber weniger genau, wenn Ihre Strings Zahlen enthalten, die natürlich sortiert werden müssen.
datetime - Sortiert nach Zeit, verwenden Sie dies, wenn Ihre Werte Date-Objekte sind.
basic - Sortiert mit einem grundlegenden/standardmäßigen a > b ? 1 : a < b ? -1 : 0-Vergleich. Dies ist die schnellste Sortierfunktion, aber möglicherweise nicht die genaueste.

Sie können auch Ihre eigenen benutzerdefinierten Sortierfunktionen definieren, entweder als Spaltenoption sortingFn oder als globale Sortierfunktion mit der Tabellenoption sortingFns.

Benutzerdefinierte Sortierfunktionen

Bei der Definition einer benutzerdefinierten Sortierfunktion entweder in der Tabellenoption sortingFns oder als Spaltenoption sortingFn sollte diese die folgende Signatur haben:

tsx

//optionally use the SortingFn to infer the parameter types
const myCustomSortingFn: SortingFn<TData> = (rowA: Row<TData>, rowB: Row<TData>, columnId: string) => {
  return //-1, 0, or 1 - access any row data using rowA.original and rowB.original
}

//optionally use the SortingFn to infer the parameter types
const myCustomSortingFn: SortingFn<TData> = (rowA: Row<TData>, rowB: Row<TData>, columnId: string) => {
  return //-1, 0, or 1 - access any row data using rowA.original and rowB.original
}

Hinweis: Die Vergleichsfunktion muss nicht berücksichtigen, ob die Spalte aufsteigend oder absteigend sortiert ist. Die Zeilenmodelle kümmern sich um diese Logik. sortingFn-Funktionen müssen nur einen konsistenten Vergleich liefern.

Jede Sortierfunktion erhält 2 Zeilen und eine Spalten-ID und soll die beiden Zeilen anhand der Spalten-ID vergleichen, um in aufsteigender Reihenfolge -1, 0 oder 1 zurückzugeben. Hier ist eine Übersicht:

Rückgabe	Aufsteigende Reihenfolge
-1	a < b
0	a === b
1	a > b

jsx

const columns = [
  {
    header: () => 'Name',
    accessorKey: 'name',
    sortingFn: 'alphanumeric', // use built-in sorting function by name
  },
  {
    header: () => 'Age',
    accessorKey: 'age',
    sortingFn: 'myCustomSortingFn', // use custom global sorting function
  },
  {
    header: () => 'Birthday',
    accessorKey: 'birthday',
    sortingFn: 'datetime', // recommended for date columns
  },
  {
    header: () => 'Profile',
    accessorKey: 'profile',
    // use custom sorting function directly
    sortingFn: (rowA, rowB, columnId) => {
      return rowA.original.someProperty - rowB.original.someProperty
    },
  }
]
//...
const table = useReactTable({
  columns,
  data,
  getCoreRowModel: getCoreRowModel(),
  getSortedRowModel: getSortedRowModel(),
  sortingFns: { //add a custom sorting function
    myCustomSortingFn: (rowA, rowB, columnId) => {
      return rowA.original[columnId] > rowB.original[columnId] ? 1 : rowA.original[columnId] < rowB.original[columnId] ? -1 : 0
    },
  },
})

const columns = [
  {
    header: () => 'Name',
    accessorKey: 'name',
    sortingFn: 'alphanumeric', // use built-in sorting function by name
  },
  {
    header: () => 'Age',
    accessorKey: 'age',
    sortingFn: 'myCustomSortingFn', // use custom global sorting function
  },
  {
    header: () => 'Birthday',
    accessorKey: 'birthday',
    sortingFn: 'datetime', // recommended for date columns
  },
  {
    header: () => 'Profile',
    accessorKey: 'profile',
    // use custom sorting function directly
    sortingFn: (rowA, rowB, columnId) => {
      return rowA.original.someProperty - rowB.original.someProperty
    },
  }
]
//...
const table = useReactTable({
  columns,
  data,
  getCoreRowModel: getCoreRowModel(),
  getSortedRowModel: getSortedRowModel(),
  sortingFns: { //add a custom sorting function
    myCustomSortingFn: (rowA, rowB, columnId) => {
      return rowA.original[columnId] > rowB.original[columnId] ? 1 : rowA.original[columnId] < rowB.original[columnId] ? -1 : 0
    },
  },
})

Sortierung anpassen

Es gibt viele Tabellen- und Spaltenoptionen, mit denen Sie die Sortier-UX und das Verhalten weiter anpassen können.

Sortierung deaktivieren

Sie können die Sortierung für eine bestimmte Spalte oder die gesamte Tabelle mit der Spaltenoption enableSorting oder der Tabellenoption enableSorting deaktivieren.

jsx

const columns = [
  {
    header: () => 'ID',
    accessorKey: 'id',
    enableSorting: false, // disable sorting for this column
  },
  {
    header: () => 'Name',
    accessorKey: 'name',
  },
  //...
]
//...
const table = useReactTable({
  columns,
  data,
  enableSorting: false, // disable sorting for the entire table
})

const columns = [
  {
    header: () => 'ID',
    accessorKey: 'id',
    enableSorting: false, // disable sorting for this column
  },
  {
    header: () => 'Name',
    accessorKey: 'name',
  },
  //...
]
//...
const table = useReactTable({
  columns,
  data,
  enableSorting: false, // disable sorting for the entire table
})

Sortierrichtung

Standardmäßig ist die erste Sortierrichtung beim Durchlaufen der Sortierung für eine Spalte über die toggleSorting-APIs für Zeichenfolgenspalten aufsteigend und für Zahlenspalten absteigend. Sie können dieses Verhalten mit der Spaltenoption sortDescFirst oder der Tabellenoption sortDescFirst ändern.

jsx

const columns = [
  {
    header: () => 'Name',
    accessorKey: 'name',
    sortDescFirst: true, //sort by name in descending order first (default is ascending for string columns)
  },
  {
    header: () => 'Age',
    accessorKey: 'age',
    sortDescFirst: false, //sort by age in ascending order first (default is descending for number columns)
  },
  //...
]
//...
const table = useReactTable({
  columns,
  data,
  sortDescFirst: true, //sort by all columns in descending order first (default is ascending for string columns and descending for number columns)
})

const columns = [
  {
    header: () => 'Name',
    accessorKey: 'name',
    sortDescFirst: true, //sort by name in descending order first (default is ascending for string columns)
  },
  {
    header: () => 'Age',
    accessorKey: 'age',
    sortDescFirst: false, //sort by age in ascending order first (default is descending for number columns)
  },
  //...
]
//...
const table = useReactTable({
  columns,
  data,
  sortDescFirst: true, //sort by all columns in descending order first (default is ascending for string columns and descending for number columns)
})

HINWEIS: Sie möchten möglicherweise explizit die Spaltenoption sortDescFirst für Spalten mit nullbaren Werten festlegen. Die Tabelle kann möglicherweise nicht richtig ermitteln, ob eine Spalte eine Zahl oder eine Zeichenfolge ist, wenn sie nullbare Werte enthält.

Sortierung umkehren

Das Umkehren der Sortierung ist nicht dasselbe wie das Ändern der Standard-Sortierrichtung. Wenn die Spaltenoption invertSorting für eine Spalte auf true gesetzt ist, durchlaufen die "absteigenden/aufsteigenden" Sortierstatus weiterhin normal, aber die tatsächliche Sortierung der Zeilen wird umgekehrt. Dies ist nützlich für Werte mit einer umgekehrten besten/schlechtesten Skala, bei der niedrigere Zahlen besser sind, z. B. ein Rang (1., 2., 3.) oder ein golfähnliches Scoring.

jsx

const columns = [
  {
    header: () => 'Rank',
    accessorKey: 'rank',
    invertSorting: true, // invert the sorting for this column. 1st -> 2nd -> 3rd -> ... even if "desc" sorting is applied
  },
  //...
]

const columns = [
  {
    header: () => 'Rank',
    accessorKey: 'rank',
    invertSorting: true, // invert the sorting for this column. 1st -> 2nd -> 3rd -> ... even if "desc" sorting is applied
  },
  //...
]

Undefined-Werte sortieren

Alle undefinierten Werte werden basierend auf der Spaltenoption sortUndefined oder Tabellenoption sortUndefined am Anfang oder Ende der Liste sortiert. Sie können dieses Verhalten für Ihren spezifischen Anwendungsfall anpassen.

Wenn nicht angegeben, ist der Standardwert für sortUndefined 1, und undefinierte Werte werden mit geringerer Priorität (absteigend) sortiert. Bei aufsteigender Sortierung erscheinen undefinierte Werte am Ende der Liste.

'first' - Undefinierte Werte werden an den Anfang der Liste verschoben
'last' - Undefinierte Werte werden an das Ende der Liste verschoben
false - Undefinierte Werte werden als gleich behandelt und müssen nach dem nächsten Spaltenfilter oder dem ursprünglichen Index sortiert werden (was auch immer zutrifft)
-1 - Undefinierte Werte werden mit höherer Priorität (aufsteigend) sortiert (bei aufsteigender Sortierung erscheinen undefinierte Werte am Anfang der Liste)
1 - Undefinierte Werte werden mit geringerer Priorität (absteigend) sortiert (bei aufsteigender Sortierung erscheinen undefinierte Werte am Ende der Liste)

HINWEIS: 'first' und 'last'-Optionen sind neu in v8.16.0

jsx

const columns = [
  {
    header: () => 'Rank',
    accessorKey: 'rank',
    sortUndefined: -1, // 'first' | 'last' | 1 | -1 | false
  },
]

const columns = [
  {
    header: () => 'Rank',
    accessorKey: 'rank',
    sortUndefined: -1, // 'first' | 'last' | 1 | -1 | false
  },
]

Sortierung entfernen

Standardmäßig ist die Möglichkeit, die Sortierung beim Durchlaufen der Sortierstatus für eine Spalte zu entfernen, aktiviert. Sie können dieses Verhalten mit der Tabellenoption enableSortingRemoval deaktivieren. Dieses Verhalten ist nützlich, wenn Sie sicherstellen möchten, dass immer mindestens eine Spalte sortiert ist.

Das Standardverhalten bei der Verwendung der APIs getToggleSortingHandler oder toggleSorting ist das Durchlaufen der Sortierstatus wie folgt:

'none' -> 'desc' -> 'asc' -> 'none' -> 'desc' -> 'asc' -> ...

Wenn Sie die Sortierungsentfernung deaktivieren, ist das Verhalten wie folgt:

'none' -> 'desc' -> 'asc' -> 'desc' -> 'asc' -> ...

Sobald eine Spalte sortiert ist und enableSortingRemoval auf false gesetzt ist, wird das Sortieren dieser Spalte beim Umschalten niemals entfernt. Wenn der Benutzer jedoch eine andere Spalte sortiert und es sich nicht um ein Multi-Sort-Ereignis handelt, wird die Sortierung von der vorherigen Spalte entfernt und nur auf die neue Spalte angewendet.

Setzen Sie enableSortingRemoval auf false, wenn Sie sicherstellen möchten, dass immer mindestens eine Spalte sortiert ist.

jsx

const table = useReactTable({
  columns,
  data,
  enableSortingRemoval: false, // disable the ability to remove sorting on columns (always none -> asc -> desc -> asc)
})

const table = useReactTable({
  columns,
  data,
  enableSortingRemoval: false, // disable the ability to remove sorting on columns (always none -> asc -> desc -> asc)
})

Multi-Sortierung

Das gleichzeitige Sortieren mehrerer Spalten ist standardmäßig aktiviert, wenn die API column.getToggleSortingHandler verwendet wird. Wenn der Benutzer die Shift-Taste gedrückt hält, während er auf eine Spaltenüberschrift klickt, sortiert die Tabelle nach dieser Spalte zusätzlich zu den bereits sortierten Spalten. Wenn Sie die API column.toggleSorting verwenden, müssen Sie manuell angeben, ob Multi-Sortierung verwendet werden soll. (column.toggleSorting(desc, multi)).

Multi-Sortierung deaktivieren

Sie können die Multi-Sortierung für eine bestimmte Spalte oder die gesamte Tabelle mit der Spaltenoption enableMultiSort oder der Tabellenoption enableMultiSort deaktivieren. Das Deaktivieren der Multi-Sortierung für eine bestimmte Spalte ersetzt alle vorhandenen Sortierungen durch die Sortierung der neuen Spalte.

jsx

const columns = [
  {
    header: () => 'Created At',
    accessorKey: 'createdAt',
    enableMultiSort: false, // always sort by just this column if sorting by this column
  },
  //...
]
//...
const table = useReactTable({
  columns,
  data,
  enableMultiSort: false, // disable multi-sorting for the entire table
})

const columns = [
  {
    header: () => 'Created At',
    accessorKey: 'createdAt',
    enableMultiSort: false, // always sort by just this column if sorting by this column
  },
  //...
]
//...
const table = useReactTable({
  columns,
  data,
  enableMultiSort: false, // disable multi-sorting for the entire table
})

Multi-Sortierungs-Trigger anpassen

Standardmäßig wird die Shift-Taste zum Auslösen der Multi-Sortierung verwendet. Sie können dieses Verhalten mit der Tabellenoption isMultiSortEvent ändern. Sie können sogar angeben, dass alle Sortierereignisse die Multi-Sortierung auslösen sollen, indem Sie true aus der benutzerdefinierten Funktion zurückgeben.

jsx

const table = useReactTable({
  columns,
  data,
  isMultiSortEvent: (e) => true, // normal click triggers multi-sorting
  //or
  isMultiSortEvent: (e) => e.ctrlKey || e.shiftKey, // also use the `Ctrl` key to trigger multi-sorting
})

const table = useReactTable({
  columns,
  data,
  isMultiSortEvent: (e) => true, // normal click triggers multi-sorting
  //or
  isMultiSortEvent: (e) => e.ctrlKey || e.shiftKey, // also use the `Ctrl` key to trigger multi-sorting
})

Multi-Sortierungs-Limit

Standardmäßig gibt es keine Begrenzung für die Anzahl der gleichzeitig sortierbaren Spalten. Sie können ein Limit mit der Tabellenoption maxMultiSortColCount festlegen.

jsx

const table = useReactTable({
  columns,
  data,
  maxMultiSortColCount: 3, // only allow 3 columns to be sorted at once
})

const table = useReactTable({
  columns,
  data,
  maxMultiSortColCount: 3, // only allow 3 columns to be sorted at once
})

Multi-Sortierung entfernen

Standardmäßig ist die Möglichkeit, Multi-Sortierungen zu entfernen, aktiviert. Sie können dieses Verhalten mit der Tabellenoption enableMultiRemove deaktivieren.

jsx

const table = useReactTable({
  columns,
  data,
  enableMultiRemove: false, // disable the ability to remove multi-sorts
})

const table = useReactTable({
  columns,
  data,
  enableMultiRemove: false, // disable the ability to remove multi-sorts
})

Sortier-APIs

Es gibt viele sortierungsbezogene APIs, die Sie für Ihre UI oder andere Logik verwenden können. Hier ist eine Liste aller Sortier-APIs und einiger ihrer Anwendungsfälle.

table.setSorting - Setzt den Sortierstatus direkt.
table.resetSorting - Setzt den Sortierstatus auf den initialen Status zurück oder löscht ihn.
column.getCanSort - Nützlich zum Aktivieren/Deaktivieren der Sortier-UI für eine Spalte.
column.getIsSorted - Nützlich, um einen visuellen Sortierungsindikator für eine Spalte anzuzeigen.
column.getToggleSortingHandler - Nützlich zum Einbinden der Sortier-UI für eine Spalte. Fügen Sie ihn einem Sortierungspfeil (Icon-Schaltfläche), einem Menüeintrag oder einfach der gesamten Spaltenüberschrift hinzu. Dieser Handler ruft column.toggleSorting mit den richtigen Parametern auf.
column.toggleSorting - Nützlich zum Einbinden der Sortier-UI für eine Spalte. Wenn Sie diese anstelle von column.getToggleSortingHandler verwenden, müssen Sie manuell angeben, ob Multi-Sortierung verwendet werden soll. (column.toggleSorting(desc, multi))
column.clearSorting - Nützlich für eine Schaltfläche "Sortierung löschen" oder einen Menüeintrag für eine bestimmte Spalte.
column.getNextSortingOrder - Nützlich, um anzuzeigen, in welcher Richtung die Spalte als nächstes sortiert wird. (asc/desc/clear in einem Tooltip/Menüeintrag/aria-label oder etwas Ähnlichem)
column.getFirstSortDir - Nützlich, um anzuzeigen, in welcher Richtung die Spalte zuerst sortiert wird. (asc/desc in einem Tooltip/Menüeintrag/aria-label oder etwas Ähnlichem)
column.getAutoSortDir - Bestimmt, ob die erste Sortierrichtung für eine Spalte aufsteigend oder absteigend ist.
column.getAutoSortingFn - Wird intern verwendet, um die Standard-Sortierfunktion für eine Spalte zu finden, wenn keine angegeben ist.
column.getSortingFn - Gibt die exakte Sortierfunktion zurück, die für eine Spalte verwendet wird.
column.getCanMultiSort - Nützlich zum Aktivieren/Deaktivieren der Multi-Sortier-UI für eine Spalte.
column.getSortIndex - Nützlich, um eine Markierung oder einen Indikator für die Sortierreihenfolge einer Spalte in einem Multi-Sort-Szenario anzuzeigen. D. h. ob es die erste, zweite, dritte usw. Spalte ist, die sortiert wird.

Beispiele

API