feat(admin): add configurable order views (#13211)

Adds support for configurable order views.

https://github.com/user-attachments/assets/ed4a5f61-1667-4ed7-9478-423894f3eba6
This commit is contained in:
Sebastian Rindom
2025-09-01 19:04:18 +02:00
committed by GitHub
parent f8d8eeace1
commit c717535ca2
22 changed files with 1735 additions and 384 deletions

View File

@@ -13,7 +13,6 @@ import {
DataTableFilteringState,
DataTablePaginationState,
DataTableSortingState,
clx,
} from "@medusajs/ui"
import React, { ReactNode, useCallback, useMemo } from "react"
import { useTranslation } from "react-i18next"
@@ -93,7 +92,6 @@ interface DataTableProps<TData> {
onColumnOrderChange?: (order: ColumnOrderState) => void
enableViewSelector?: boolean
entity?: string
onViewChange?: (view: any) => void
currentColumns?: {
visible: string[]
order: string[]
@@ -129,7 +127,6 @@ export const DataTable = <TData,>({
onColumnOrderChange,
enableViewSelector = false,
entity,
onViewChange,
currentColumns,
filterBarContent,
}: DataTableProps<TData>) => {
@@ -378,13 +375,14 @@ export const DataTable = <TData,>({
{effectiveEnableViewSelector && entity && (
<ViewPills
entity={entity}
onViewChange={onViewChange}
currentColumns={currentColumns}
currentConfiguration={currentConfiguration}
/>
)}
</div>
<div className="flex items-center gap-x-2">
{enableFiltering && <UiDataTable.FilterMenu />}
{enableSorting && <UiDataTable.SortingMenu />}
{enableSearch && (
<div className="w-full md:w-auto">
<UiDataTable.Search