feat(dashboard,js-sdk,types,admin-shared): Add Product Types domain (#7732)

packages/admin-next/dashboard/src/hooks/api/product-types.tsx

@@ -1,26 +1,34 @@
-import { QueryKey, UseQueryOptions, useQuery } from "@tanstack/react-query"
-import { client } from "../../lib/client"
-import { queryKeysFactory } from "../../lib/query-key-factory"
+import { FetchError } from "@medusajs/js-sdk"
 import { HttpTypes } from "@medusajs/types"
+import {
+  QueryKey,
+  UseMutationOptions,
+  UseQueryOptions,
+  useMutation,
+  useQuery,
+} from "@tanstack/react-query"
+import { sdk } from "../../lib/client"
+import { queryClient } from "../../lib/query-client"
+import { queryKeysFactory } from "../../lib/query-key-factory"
 
 const PRODUCT_TYPES_QUERY_KEY = "product_types" as const
-const productTypesQueryKeys = queryKeysFactory(PRODUCT_TYPES_QUERY_KEY)
+export const productTypesQueryKeys = queryKeysFactory(PRODUCT_TYPES_QUERY_KEY)
 
 export const useProductType = (
   id: string,
-  query?: Record<string, any>,
+  query?: HttpTypes.AdminProductTypeParams,
   options?: Omit<
     UseQueryOptions<
-      { product_type: HttpTypes.AdminProductType },
-      Error,
-      { product_type: HttpTypes.AdminProductType },
+      HttpTypes.AdminProductTypeResponse,
+      FetchError,
+      HttpTypes.AdminProductTypeResponse,
       QueryKey
     >,
     "queryKey" | "queryFn"
   >
 ) => {
   const { data, ...rest } = useQuery({
-    queryFn: () => client.productTypes.retrieve(id, query),
+    queryFn: () => sdk.admin.productType.retrieve(id, query),
     queryKey: productTypesQueryKeys.detail(id),
     ...options,
   })
@@ -29,22 +37,84 @@ export const useProductType = (
 }
 
 export const useProductTypes = (
-  query?: Record<string, any>,
+  query?: HttpTypes.AdminProductTypeListParams,
   options?: Omit<
     UseQueryOptions<
-      { product_types: HttpTypes.AdminProductType[] },
-      Error,
-      { product_types: HttpTypes.AdminProductType[] },
+      HttpTypes.AdminProductTypeListResponse,
+      FetchError,
+      HttpTypes.AdminProductTypeListResponse,
       QueryKey
     >,
     "queryKey" | "queryFn"
   >
 ) => {
   const { data, ...rest } = useQuery({
-    queryFn: () => client.productTypes.list(query),
+    queryFn: () => sdk.admin.productType.list(query),
     queryKey: productTypesQueryKeys.list(query),
     ...options,
   })
 
   return { ...data, ...rest }
 }
+
+export const useCreateProductType = (
+  options?: UseMutationOptions<
+    HttpTypes.AdminProductTypeResponse,
+    FetchError,
+    HttpTypes.AdminCreateProductType
+  >
+) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.productType.create(payload),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({ queryKey: productTypesQueryKeys.lists() })
+
+      options?.onSuccess?.(data, variables, context)
+    },
+    ...options,
+  })
+}
+
+export const useUpdateProductType = (
+  id: string,
+  options?: UseMutationOptions<
+    HttpTypes.AdminProductTypeResponse,
+    FetchError,
+    HttpTypes.AdminUpdateProductType
+  >
+) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.productType.update(id, payload),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({
+        queryKey: productTypesQueryKeys.detail(id),
+      })
+      queryClient.invalidateQueries({ queryKey: productTypesQueryKeys.lists() })
+
+      options?.onSuccess?.(data, variables, context)
+    },
+    ...options,
+  })
+}
+
+export const useDeleteProductType = (
+  id: string,
+  options?: UseMutationOptions<
+    HttpTypes.AdminProductTypeDeleteResponse,
+    FetchError,
+    void
+  >
+) => {
+  return useMutation({
+    mutationFn: () => sdk.admin.productType.delete(id),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({
+        queryKey: productTypesQueryKeys.detail(id),
+      })
+      queryClient.invalidateQueries({ queryKey: productTypesQueryKeys.lists() })
+
+      options?.onSuccess?.(data, variables, context)
+    },
+    ...options,
+  })
+}

packages/admin-next/dashboard/src/hooks/api/products.tsx

@@ -1,3 +1,4 @@
+import { FetchError } from "@medusajs/js-sdk"
 import { HttpTypes } from "@medusajs/types"
 import {
   QueryKey,
@@ -223,11 +224,11 @@ export const useProduct = (
 }
 
 export const useProducts = (
-  query?: Record<string, any>,
+  query?: HttpTypes.AdminProductListParams,
   options?: Omit<
     UseQueryOptions<
       HttpTypes.AdminProductListResponse,
-      Error,
+      FetchError,
       HttpTypes.AdminProductListResponse,
       QueryKey
     >,

packages/admin-next/dashboard/src/hooks/table/filters/use-date-table-filters.tsx

@@ -0,0 +1,17 @@
+import { useTranslation } from "react-i18next"
+import { Filter } from "../../../components/table/data-table"
+
+export const useDateTableFilters = () => {
+  const { t } = useTranslation()
+
+  const dateFilters: Filter[] = [
+    { label: t("fields.createdAt"), key: "created_at" },
+    { label: t("fields.updatedAt"), key: "updated_at" },
+  ].map((f) => ({
+    key: f.key,
+    label: f.label,
+    type: "date",
+  }))
+
+  return dateFilters
+}

packages/admin-next/dashboard/src/hooks/table/filters/use-product-table-filters.tsx

@@ -7,6 +7,7 @@ const excludeableFields = [
   "sales_channel_id",
   "collections",
   "categories",
+  "product_types",
 ] as const
 
 export const useProductTableFilters = (
@@ -14,10 +15,17 @@ export const useProductTableFilters = (
 ) => {
   const { t } = useTranslation()
 
-  const { product_types } = useProductTypes({
-    limit: 1000,
-    offset: 0,
-  })
+  const isProductTypeExcluded = exclude?.includes("product_types")
+
+  const { product_types } = useProductTypes(
+    {
+      limit: 1000,
+      offset: 0,
+    },
+    {
+      enabled: !isProductTypeExcluded,
+    }
+  )
 
   // const { product_tags } = useAdminProductTags({
   //   limit: 1000,
@@ -61,7 +69,7 @@ export const useProductTableFilters = (
 
   let filters: Filter[] = []
 
-  if (product_types) {
+  if (product_types && !isProductTypeExcluded) {
     const typeFilter: Filter = {
       key: "type_id",
       label: t("fields.type"),

packages/admin-next/dashboard/src/hooks/table/query/use-product-table-query.tsx

@@ -44,7 +44,7 @@ export const useProductTableQuery = ({
     q,
   } = queryObject
 
-  const searchParams: HttpTypes.AdminProductParams = {
+  const searchParams: HttpTypes.AdminProductListParams = {
     limit: pageSize,
     offset: offset ? Number(offset) : 0,
     sales_channel_id: sales_channel_id?.split(","),