feat(admin-sdk,admin-bundler,admin-shared,medusa): Restructure admin packages (#8988)

**What** - Renames /admin-next -> /admin - Renames @medusajs/admin-sdk -> @medusajs/admin-bundler - Creates a new package called @medusajs/admin-sdk that will hold all tooling relevant to creating admin extensions. This is currently `defineRouteConfig` and `defineWidgetConfig`, but will eventually also export methods for adding custom fields, register translation, etc. - cc: @shahednasser we should update the examples in the docs so these functions are imported from `@medusajs/admin-sdk`. People will also need to install the package in their project, as it's no longer a transient dependency. - cc: @olivermrbl we might want to publish a changelog when this is merged, as it is a breaking change, and will require people to import the `defineXConfig` from the new package instead of `@medusajs/admin-shared`. - Updates CODEOWNERS so /admin packages does not require a review from the UI team.
2024-09-04 19:00:25 +00:00
parent beaa851302
commit 0fe1201435
1440 changed files with 122 additions and 86 deletions
@@ -0,0 +1,132 @@
+import {
+  ColumnDef,
+  OnChangeFn,
+  PaginationState,
+  Row,
+  RowSelectionState,
+  getCoreRowModel,
+  getExpandedRowModel,
+  getPaginationRowModel,
+  useReactTable,
+} from "@tanstack/react-table"
+import { useEffect, useMemo, useState } from "react"
+import { useSearchParams } from "react-router-dom"
+
+type UseDataTableProps<TData> = {
+  data?: TData[]
+  columns: ColumnDef<TData, any>[]
+  count?: number
+  pageSize?: number
+  enableRowSelection?: boolean | ((row: Row<TData>) => boolean)
+  rowSelection?: {
+    state: RowSelectionState
+    updater: OnChangeFn<RowSelectionState>
+  }
+  enablePagination?: boolean
+  enableExpandableRows?: boolean
+  getRowId?: (original: TData, index: number) => string
+  getSubRows?: (original: TData) => TData[]
+  meta?: Record<string, unknown>
+  prefix?: string
+}
+
+export const useDataTable = <TData,>({
+  data = [],
+  columns,
+  count = 0,
+  pageSize: _pageSize = 20,
+  enablePagination = true,
+  enableRowSelection = false,
+  enableExpandableRows = false,
+  rowSelection: _rowSelection,
+  getSubRows,
+  getRowId,
+  meta,
+  prefix,
+}: UseDataTableProps<TData>) => {
+  const [searchParams, setSearchParams] = useSearchParams()
+  const offsetKey = `${prefix ? `${prefix}_` : ""}offset`
+  const offset = searchParams.get(offsetKey)
+
+  const [{ pageIndex, pageSize }, setPagination] = useState<PaginationState>({
+    pageIndex: offset ? Math.ceil(Number(offset) / _pageSize) : 0,
+    pageSize: _pageSize,
+  })
+  const pagination = useMemo(
+    () => ({
+      pageIndex,
+      pageSize,
+    }),
+    [pageIndex, pageSize]
+  )
+  const [localRowSelection, setLocalRowSelection] = useState({})
+  const rowSelection = _rowSelection?.state ?? localRowSelection
+  const setRowSelection = _rowSelection?.updater ?? setLocalRowSelection
+
+  useEffect(() => {
+    if (!enablePagination) {
+      return
+    }
+
+    const index = offset ? Math.ceil(Number(offset) / _pageSize) : 0
+
+    if (index === pageIndex) {
+      return
+    }
+
+    setPagination((prev) => ({
+      ...prev,
+      pageIndex: index,
+    }))
+  }, [offset, enablePagination, _pageSize, pageIndex])
+
+  const onPaginationChange = (
+    updater: (old: PaginationState) => PaginationState
+  ) => {
+    const state = updater(pagination)
+    const { pageIndex, pageSize } = state
+
+    setSearchParams((prev) => {
+      if (!pageIndex) {
+        prev.delete(offsetKey)
+        return prev
+      }
+
+      const newSearch = new URLSearchParams(prev)
+      newSearch.set(offsetKey, String(pageIndex * pageSize))
+
+      return newSearch
+    })
+
+    setPagination(state)
+    return state
+  }
+
+  const table = useReactTable({
+    data,
+    columns,
+    state: {
+      rowSelection: rowSelection, // We always pass a selection state to the table even if it's not enabled
+      pagination: enablePagination ? pagination : undefined,
+    },
+    pageCount: Math.ceil((count ?? 0) / pageSize),
+    enableRowSelection,
+    getRowId,
+    getSubRows,
+    onRowSelectionChange: enableRowSelection ? setRowSelection : undefined,
+    onPaginationChange: enablePagination
+      ? (onPaginationChange as OnChangeFn<PaginationState>)
+      : undefined,
+    getCoreRowModel: getCoreRowModel(),
+    getPaginationRowModel: enablePagination
+      ? getPaginationRowModel()
+      : undefined,
+    getExpandedRowModel: enableExpandableRows
+      ? getExpandedRowModel()
+      : undefined,
+    manualPagination: enablePagination ? true : undefined,
+    meta,
+  })
+
+  return { table }
+}