@mercurjs/admin 2.2.0-canary.5 → 2.2.0-canary.50

package/dist/{chunk-2YN2OI3W.js → chunk-MVRIYUOU.js}

@@ -1,6 +1,6 @@
 import {
   useDeleteProductCategoryAction
-} from "./chunk-TXNRS2JR.js";
+} from "./chunk-7CQD5AQ6.js";
 import {
   TextCell,
   TextHeader
@@ -10,13 +10,19 @@ import {
   getIsActiveProps,
   getIsInternalProps
 } from "./chunk-Y456KVIN.js";
+import {
+  getCategoryGallery
+} from "./chunk-QJCUPZZQ.js";
 import {
   StatusCell
 } from "./chunk-DB6ANJBO.js";
+import {
+  Thumbnail
+} from "./chunk-WIYFXWRI.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-NQEXDLYH.js";
+} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
@@ -28,10 +34,11 @@ import {
 } from "./chunk-BDGZ4EQO.js";
 import {
   useProductCategories
-} from "./chunk-EB5QHYKL.js";
+} from "./chunk-QVIX6O76.js";
 
 // src/pages/categories/category-list/category-list.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/categories/category-list/components/category-list-table/category-list-table.tsx
 import { Children as Children2 } from "react";
@@ -70,6 +77,7 @@ var CategoryListHeader = ({
 
 // src/pages/categories/category-list/components/category-list-table/category-list-data-table.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";
+import { useExtendableTable, useLinkQuery } from "@mercurjs/dashboard-shared";
 import { keepPreviousData } from "@tanstack/react-query";
 import { createColumnHelper as createColumnHelper2 } from "@tanstack/react-table";
 import { useMemo as useMemo2 } from "react";
@@ -107,6 +115,10 @@ var useCategoryTableColumns = () => {
               chip.id
             )) });
           }
+          const gallery = getCategoryGallery(
+            row.original.media_images
+          );
+          const thumbnailSrc = gallery.find((image) => image.is_thumbnail)?.url ?? gallery[0]?.url ?? null;
           return /* @__PURE__ */ jsxs2("div", { className: "flex size-full items-center gap-x-3 overflow-hidden", children: [
             /* @__PURE__ */ jsx2("div", { className: "flex size-7 items-center justify-center", children: row.getCanExpand() ? /* @__PURE__ */ jsx2(
               IconButton,
@@ -130,6 +142,7 @@ var useCategoryTableColumns = () => {
                 )
               }
             ) : null }),
+            /* @__PURE__ */ jsx2(Thumbnail, { src: thumbnailSrc }),
             /* @__PURE__ */ jsx2("span", { className: "truncate", children: getValue() })
           ] });
         }
@@ -182,14 +195,23 @@ import { jsx as jsx3 } from "react/jsx-runtime";
 var PAGE_SIZE = 20;
 var CategoryListDataTable = () => {
   const { raw, searchParams } = useCategoryTableQuery({ pageSize: PAGE_SIZE });
+  const imageFields = "media_images.id,media_images.url,media_images.type,media_images.is_thumbnail,media_images.is_banner";
+  const ancestorsLinkQuery = useLinkQuery(
+    "category",
+    `id,name,handle,is_active,is_internal,parent_category,${imageFields}`
+  );
+  const descendantsLinkQuery = useLinkQuery(
+    "category",
+    `id,name,category_children,handle,is_internal,is_active,${imageFields}`
+  );
   const query = raw.q ? {
     include_ancestors_tree: true,
-    fields: "id,name,handle,is_active,is_internal,parent_category",
+    ...ancestorsLinkQuery,
     ...searchParams
   } : {
     include_descendants_tree: true,
     parent_category_id: "null",
-    fields: "id,name,category_children,handle,is_internal,is_active",
+    ...descendantsLinkQuery,
     ...searchParams
   };
   const { product_categories, count, isLoading, isError, error } = useProductCategories(
@@ -262,9 +284,13 @@ var CategoryRowActions = ({
 var columnHelper2 = createColumnHelper2();
 var useColumns = () => {
   const base = useCategoryTableColumns();
+  const { columns: extended } = useExtendableTable({
+    model: "category",
+    columns: base
+  });
   return useMemo2(
     () => [
-      ...base,
+      ...extended,
       columnHelper2.display({
         id: "actions",
         cell: ({ row }) => {
@@ -272,7 +298,7 @@ var useColumns = () => {
         }
       })
     ],
-    [base]
+    [extended]
   );
 };
 
@@ -288,7 +314,7 @@ var CategoryListTable = ({ children }) => {
 // src/pages/categories/category-list/category-list.tsx
 import { jsx as jsx5 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx5(SingleColumnPage, { hasOutlet: true, children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx5(CategoryListTable, {}) });
+  return /* @__PURE__ */ jsx5(SingleColumnPage, { hasOutlet: true, children: /* @__PURE__ */ jsx5(WidgetZone, { id: "categories.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx5(CategoryListTable, {}) }) });
 };
 var CategoryListPage = Object.assign(Root, {
   Table: CategoryListTable,

package/dist/{chunk-K43FFKGD.js → chunk-N2CMOV3N.js}

@@ -1,6 +1,6 @@
 import {
   i18n
-} from "./chunk-QFE4AEQJ.js";
+} from "./chunk-Q2CJGCIA.js";
 
 // src/lib/promotions.ts
 var getPromotionStatusMap = () => ({