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.

packages/admin/dashboard/src/hooks/table/query/index.ts

@@ -0,0 +1,15 @@
+export * from "./use-campaign-table-query"
+export * from "./use-collection-table-query"
+export * from "./use-customer-group-table-query"
+export * from "./use-customer-table-query"
+export * from "./use-order-table-query"
+export * from "./use-product-table-query"
+export * from "./use-product-tag-table-query"
+export * from "./use-product-type-table-query"
+export * from "./use-region-table-query"
+export * from "./use-return-reason-table-query"
+export * from "./use-sales-channel-table-query"
+export * from "./use-shipping-option-table-query"
+export * from "./use-tax-rate-table-query"
+export * from "./use-tax-region-table-query"
+export * from "./use-user-invite-table-query"

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

@@ -0,0 +1,31 @@
+import { useQueryParams } from "../../use-query-params"
+
+type UseCampaignTableQueryProps = {
+  prefix?: string
+  pageSize?: number
+}
+
+export const useCampaignTableQuery = ({
+  prefix,
+  pageSize = 20,
+}: UseCampaignTableQueryProps) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "order", "created_at", "updated_at"],
+    prefix
+  )
+
+  const { offset, q, order, created_at, updated_at } = queryObject
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    order,
+    created_at: created_at ? JSON.parse(created_at) : undefined,
+    updated_at: updated_at ? JSON.parse(updated_at) : undefined,
+    q,
+  }
+
+  return {
+    searchParams,
+    raw: queryObject,
+  }
+}

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

@@ -0,0 +1,33 @@
+import { HttpTypes } from "@medusajs/types"
+import { useQueryParams } from "../../use-query-params"
+
+type UseCollectionTableQueryProps = {
+  prefix?: string
+  pageSize?: number
+}
+
+export const useCollectionTableQuery = ({
+  prefix,
+  pageSize = 20,
+}: UseCollectionTableQueryProps) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "order", "created_at", "updated_at"],
+    prefix
+  )
+
+  const { offset, created_at, updated_at, q, order } = queryObject
+
+  const searchParams: HttpTypes.AdminCollectionListParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    order,
+    created_at: created_at ? JSON.parse(created_at) : undefined,
+    updated_at: updated_at ? JSON.parse(updated_at) : undefined,
+    q,
+  }
+
+  return {
+    searchParams,
+    raw: queryObject,
+  }
+}

packages/admin/dashboard/src/hooks/table/query/use-customer-group-table-query.tsx

@@ -0,0 +1,33 @@
+import { HttpTypes } from "@medusajs/types"
+import { useQueryParams } from "../../use-query-params"
+
+type UseCustomerGroupTableQueryProps = {
+  prefix?: string
+  pageSize?: number
+}
+
+export const useCustomerGroupTableQuery = ({
+  prefix,
+  pageSize = 20,
+}: UseCustomerGroupTableQueryProps) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "has_account", "order", "created_at", "updated_at"],
+    prefix
+  )
+
+  const { offset, created_at, updated_at, q, order } = queryObject
+
+  const searchParams: HttpTypes.AdminGetCustomerGroupsParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    order,
+    created_at: created_at ? JSON.parse(created_at) : undefined,
+    updated_at: updated_at ? JSON.parse(updated_at) : undefined,
+    q,
+  }
+
+  return {
+    searchParams,
+    raw: queryObject,
+  }
+}

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

@@ -0,0 +1,44 @@
+import { HttpTypes } from "@medusajs/types"
+import { useQueryParams } from "../../use-query-params"
+
+type UseCustomerTableQueryProps = {
+  prefix?: string
+  pageSize?: number
+}
+
+export const useCustomerTableQuery = ({
+  prefix,
+  pageSize = 20,
+}: UseCustomerTableQueryProps) => {
+  const queryObject = useQueryParams(
+    [
+      "offset",
+      "q",
+      "has_account",
+      "groups",
+      "order",
+      "created_at",
+      "updated_at",
+    ],
+    prefix
+  )
+
+  const { offset, groups, created_at, updated_at, has_account, q, order } =
+    queryObject
+
+  const searchParams: HttpTypes.AdminCustomerFilters = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    groups: groups?.split(","),
+    has_account: has_account ? has_account === "true" : undefined,
+    order,
+    created_at: created_at ? JSON.parse(created_at) : undefined,
+    updated_at: updated_at ? JSON.parse(updated_at) : undefined,
+    q,
+  }
+
+  return {
+    searchParams,
+    raw: queryObject,
+  }
+}

packages/admin/dashboard/src/hooks/table/query/use-fulfillment-providers-table-query.tsx

@@ -0,0 +1,31 @@
+import { HttpTypes } from "@medusajs/types"
+import { useQueryParams } from "../../use-query-params"
+
+type UseFulfillmentProviderTableQueryProps = {
+  prefix?: string
+  pageSize?: number
+}
+
+export const useFulfillmentProvidersTableQuery = ({
+  prefix,
+  pageSize = 20,
+}: UseFulfillmentProviderTableQueryProps) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "stock_location_id"],
+    prefix
+  )
+
+  const { offset, q, stock_location_id } = queryObject
+
+  const searchParams: HttpTypes.AdminFulfillmentProviderListParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    stock_location_id,
+    q,
+  }
+
+  return {
+    searchParams,
+    raw: queryObject,
+  }
+}

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

@@ -0,0 +1,57 @@
+import { HttpTypes } from "@medusajs/types"
+import { useQueryParams } from "../../use-query-params"
+
+type UseOrderTableQueryProps = {
+  prefix?: string
+  pageSize?: number
+}
+
+export const useOrderTableQuery = ({
+  prefix,
+  pageSize = 20,
+}: UseOrderTableQueryProps) => {
+  const queryObject = useQueryParams(
+    [
+      "offset",
+      "q",
+      "created_at",
+      "updated_at",
+      "region_id",
+      "sales_channel_id",
+      "payment_status",
+      "fulfillment_status",
+      "order",
+    ],
+    prefix
+  )
+
+  const {
+    offset,
+    sales_channel_id,
+    created_at,
+    updated_at,
+    fulfillment_status,
+    payment_status,
+    region_id,
+    q,
+    order,
+  } = queryObject
+
+  const searchParams: HttpTypes.AdminOrderFilters = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    sales_channel_id: sales_channel_id?.split(","),
+    fulfillment_status: fulfillment_status?.split(","),
+    payment_status: payment_status?.split(","),
+    created_at: created_at ? JSON.parse(created_at) : undefined,
+    updated_at: updated_at ? JSON.parse(updated_at) : undefined,
+    region_id: region_id?.split(","),
+    order: order ? order : "-display_id",
+    q,
+  }
+
+  return {
+    searchParams,
+    raw: queryObject,
+  }
+}

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

@@ -0,0 +1,67 @@
+import { HttpTypes } from "@medusajs/types"
+import { useQueryParams } from "../../use-query-params"
+
+type UseProductTableQueryProps = {
+  prefix?: string
+  pageSize?: number
+}
+
+export const useProductTableQuery = ({
+  prefix,
+  pageSize = 20,
+}: UseProductTableQueryProps) => {
+  const queryObject = useQueryParams(
+    [
+      "offset",
+      "order",
+      "q",
+      "created_at",
+      "updated_at",
+      "sales_channel_id",
+      "category_id",
+      "collection_id",
+      "is_giftcard",
+      "tag_id",
+      "type_id",
+      "status",
+      "id",
+    ],
+    prefix
+  )
+
+  const {
+    offset,
+    sales_channel_id,
+    created_at,
+    updated_at,
+    category_id,
+    collection_id,
+    tag_id,
+    type_id,
+    is_giftcard,
+    status,
+    order,
+    q,
+  } = queryObject
+
+  const searchParams: HttpTypes.AdminProductListParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    sales_channel_id: sales_channel_id?.split(","),
+    created_at: created_at ? JSON.parse(created_at) : undefined,
+    updated_at: updated_at ? JSON.parse(updated_at) : undefined,
+    category_id: category_id?.split(","),
+    collection_id: collection_id?.split(","),
+    is_giftcard: is_giftcard ? is_giftcard === "true" : undefined,
+    order: order,
+    tag_id: tag_id ? tag_id.split(",") : undefined,
+    type_id: type_id?.split(","),
+    status: status?.split(",") as HttpTypes.AdminProductStatus[],
+    q,
+  }
+
+  return {
+    searchParams,
+    raw: queryObject,
+  }
+}

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

@@ -0,0 +1,32 @@
+import { HttpTypes } from "@medusajs/types"
+import { useQueryParams } from "../../use-query-params"
+
+type UseProductTagTableQueryProps = {
+  prefix?: string
+  pageSize?: number
+}
+
+export const useProductTagTableQuery = ({
+  prefix,
+  pageSize = 20,
+}: UseProductTagTableQueryProps) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "order", "created_at", "updated_at"],
+    prefix
+  )
+
+  const { offset, q, order, created_at, updated_at } = queryObject
+  const searchParams: HttpTypes.AdminProductTagListParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    order,
+    created_at: created_at ? JSON.parse(created_at) : undefined,
+    updated_at: updated_at ? JSON.parse(updated_at) : undefined,
+    q,
+  }
+
+  return {
+    searchParams,
+    raw: queryObject,
+  }
+}

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

@@ -0,0 +1,32 @@
+import { HttpTypes } from "@medusajs/types"
+import { useQueryParams } from "../../use-query-params"
+
+type UseProductTypeTableQueryProps = {
+  prefix?: string
+  pageSize?: number
+}
+
+export const useProductTypeTableQuery = ({
+  prefix,
+  pageSize = 20,
+}: UseProductTypeTableQueryProps) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "order", "created_at", "updated_at"],
+    prefix
+  )
+
+  const { offset, q, order, created_at, updated_at } = queryObject
+  const searchParams: HttpTypes.AdminProductTypeListParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    order,
+    created_at: created_at ? JSON.parse(created_at) : undefined,
+    updated_at: updated_at ? JSON.parse(updated_at) : undefined,
+    q,
+  }
+
+  return {
+    searchParams,
+    raw: queryObject,
+  }
+}

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

@@ -0,0 +1,33 @@
+import { FindParams, HttpTypes } from "@medusajs/types"
+import { useQueryParams } from "../../use-query-params"
+
+type UseRegionTableQueryProps = {
+  prefix?: string
+  pageSize?: number
+}
+
+export const useRegionTableQuery = ({
+  prefix,
+  pageSize = 20,
+}: UseRegionTableQueryProps) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "order", "created_at", "updated_at"],
+    prefix
+  )
+
+  const { offset, q, order, created_at, updated_at } = queryObject
+
+  const searchParams: FindParams & HttpTypes.AdminRegionFilters = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    order,
+    created_at: created_at ? JSON.parse(created_at) : undefined,
+    updated_at: updated_at ? JSON.parse(updated_at) : undefined,
+    q,
+  }
+
+  return {
+    searchParams,
+    raw: queryObject,
+  }
+}

packages/admin/dashboard/src/hooks/table/query/use-return-reason-table-query.tsx

@@ -0,0 +1,32 @@
+import { HttpTypes } from "@medusajs/types"
+import { useQueryParams } from "../../use-query-params"
+
+type UseReturnReasonTableQueryProps = {
+  prefix?: string
+  pageSize?: number
+}
+
+export const useReturnReasonTableQuery = ({
+  prefix,
+  pageSize = 20,
+}: UseReturnReasonTableQueryProps) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "order", "created_at", "updated_at"],
+    prefix
+  )
+
+  const { offset, q, order, created_at, updated_at } = queryObject
+  const searchParams: HttpTypes.AdminReturnReasonListParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    order,
+    created_at: created_at ? JSON.parse(created_at) : undefined,
+    updated_at: updated_at ? JSON.parse(updated_at) : undefined,
+    q,
+  }
+
+  return {
+    searchParams,
+    raw: queryObject,
+  }
+}

packages/admin/dashboard/src/hooks/table/query/use-sales-channel-table-query.tsx

@@ -0,0 +1,38 @@
+import { HttpTypes } from "@medusajs/types"
+import { useQueryParams } from "../../use-query-params"
+
+type UseSalesChannelTableQueryProps = {
+  prefix?: string
+  pageSize?: number
+}
+
+export const useSalesChannelTableQuery = ({
+  prefix,
+  pageSize = 20,
+}: UseSalesChannelTableQueryProps) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "order", "created_at", "updated_at", "is_disabled"],
+    prefix
+  )
+
+  const { offset, created_at, updated_at, is_disabled, ...rest } = queryObject
+
+  const searchParams: HttpTypes.AdminSalesChannelListParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    created_at: created_at ? JSON.parse(created_at) : undefined,
+    updated_at: updated_at ? JSON.parse(updated_at) : undefined,
+    is_disabled:
+      is_disabled === "true"
+        ? true
+        : is_disabled === "false"
+        ? false
+        : undefined,
+    ...rest,
+  }
+
+  return {
+    searchParams,
+    raw: queryObject,
+  }
+}

packages/admin/dashboard/src/hooks/table/query/use-shipping-option-table-query.tsx

@@ -0,0 +1,49 @@
+import { HttpTypes } from "@medusajs/types"
+import { useQueryParams } from "../../use-query-params"
+
+type UseShippingOptionTableQueryProps = {
+  regionId: string
+  isReturn?: boolean
+  pageSize?: number
+  prefix?: string
+}
+
+export const useShippingOptionTableQuery = ({
+  regionId,
+  pageSize = 10,
+  prefix,
+}: UseShippingOptionTableQueryProps) => {
+  const queryObject = useQueryParams(
+    [
+      "offset",
+      "q",
+      "order",
+      "admin_only",
+      "is_return",
+      "created_at",
+      "updated_at",
+    ],
+    prefix
+  )
+
+  const { offset, order, q, admin_only, is_return, created_at, updated_at } =
+    queryObject
+
+  const searchParams: HttpTypes.AdminShippingOptionListParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    // TODO: We don't allow region_id in the API yet
+    // region_id: regionId,
+    is_return: is_return ? is_return === "true" : undefined,
+    admin_only: admin_only ? admin_only === "true" : undefined,
+    q,
+    order,
+    created_at: created_at ? JSON.parse(created_at) : undefined,
+    updated_at: updated_at ? JSON.parse(updated_at) : undefined,
+  }
+
+  return {
+    searchParams,
+    raw: queryObject,
+  }
+}

packages/admin/dashboard/src/hooks/table/query/use-tax-rate-table-query.tsx

@@ -0,0 +1,33 @@
+import { HttpTypes } from "@medusajs/types"
+import { useQueryParams } from "../../use-query-params"
+
+type UseTaxRateTableQueryProps = {
+  prefix?: string
+  pageSize?: number
+}
+
+export const useTaxRateTableQuery = ({
+  prefix,
+  pageSize = 20,
+}: UseTaxRateTableQueryProps) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "order", "created_at", "updated_at"],
+    prefix
+  )
+
+  const { offset, q, order, created_at, updated_at } = queryObject
+
+  const searchParams: HttpTypes.AdminTaxRateListParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    order,
+    created_at: created_at ? JSON.parse(created_at) : undefined,
+    updated_at: updated_at ? JSON.parse(updated_at) : undefined,
+    q,
+  }
+
+  return {
+    searchParams,
+    raw: queryObject,
+  }
+}

packages/admin/dashboard/src/hooks/table/query/use-tax-region-table-query.tsx

@@ -0,0 +1,32 @@
+import { useQueryParams } from "../../use-query-params"
+
+type UseTaxRegionTableQueryProps = {
+  prefix?: string
+  pageSize?: number
+}
+
+export const useTaxRegionTableQuery = ({
+  prefix,
+  pageSize = 20,
+}: UseTaxRegionTableQueryProps) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "order", "created_at", "updated_at"],
+    prefix
+  )
+
+  const { offset, q, order, created_at, updated_at } = queryObject
+
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    order,
+    created_at: created_at ? JSON.parse(created_at) : undefined,
+    updated_at: updated_at ? JSON.parse(updated_at) : undefined,
+    q,
+  }
+
+  return {
+    searchParams,
+    raw: queryObject,
+  }
+}

packages/admin/dashboard/src/hooks/table/query/use-user-invite-table-query.tsx

@@ -0,0 +1,32 @@
+import { useQueryParams } from "../../use-query-params"
+
+type UseUserInviteTableQueryProps = {
+  prefix?: string
+  pageSize?: number
+}
+
+export const useUserInviteTableQuery = ({
+  prefix,
+  pageSize = 20,
+}: UseUserInviteTableQueryProps) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "order", "created_at", "updated_at"],
+    prefix
+  )
+
+  const { offset, created_at, updated_at, q, order } = queryObject
+
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    order,
+    created_at: created_at ? JSON.parse(created_at) : undefined,
+    updated_at: updated_at ? JSON.parse(updated_at) : undefined,
+    q,
+  }
+
+  return {
+    searchParams,
+    raw: queryObject,
+  }
+}