@mercurjs/admin 2.2.0-canary.39 → 2.2.0-canary.41

package/dist/{chunk-LRJNSCMR.js → chunk-VIJXGPDE.js}

@@ -16,10 +16,10 @@ import {
 } from "./chunk-QJCUPZZQ.js";
 import {
   useProductTableColumns
-} from "./chunk-O53E5U52.js";
+} from "./chunk-I5HY5Q3K.js";
 import {
   useProductTableFilters
-} from "./chunk-P4LTLPTK.js";
+} from "./chunk-LGOPKYNG.js";
 import {
   useProductTableQuery
 } from "./chunk-H7NIKMPE.js";
@@ -29,7 +29,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-HSL5IICN.js";
+} from "./chunk-6ZVV2XHU.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -46,12 +46,14 @@ import {
 } from "./chunk-ZKHF75MZ.js";
 
 // src/pages/categories/category-detail/category-detail.tsx
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
 
 // src/pages/categories/category-detail/components/category-general-section/category-general-section.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";
 import { Container, Heading, StatusBadge, Text } from "@medusajs/ui";
+import { DisplayExtensionZone, DisplayField } from "@mercurjs/dashboard-shared";
 import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
 var CategoryGeneralSection = ({
@@ -63,11 +65,29 @@ var CategoryGeneralSection = ({
   const handleDelete = useDeleteProductCategoryAction(category);
   return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx(Heading, { children: category.name }),
+      /* @__PURE__ */ jsx(DisplayField, { model: "category", zone: "general", id: "name", data: category, children: /* @__PURE__ */ jsx(Heading, { children: category.name }) }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-4", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
-          /* @__PURE__ */ jsx(StatusBadge, { color: activeProps.color, children: activeProps.label }),
-          /* @__PURE__ */ jsx(StatusBadge, { color: internalProps.color, children: internalProps.label })
+          /* @__PURE__ */ jsx(
+            DisplayField,
+            {
+              model: "category",
+              zone: "general",
+              id: "is_active",
+              data: category,
+              children: /* @__PURE__ */ jsx(StatusBadge, { color: activeProps.color, children: activeProps.label })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            DisplayField,
+            {
+              model: "category",
+              zone: "general",
+              id: "is_internal",
+              data: category,
+              children: /* @__PURE__ */ jsx(StatusBadge, { color: internalProps.color, children: internalProps.label })
+            }
+          )
         ] }),
         /* @__PURE__ */ jsx(
           ActionMenu,
@@ -96,23 +116,51 @@ var CategoryGeneralSection = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 gap-3 px-6 py-4", children: [
-      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.description") }),
-      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: category.description || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 gap-3 px-6 py-4", children: [
-      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.handle") }),
-      /* @__PURE__ */ jsxs(Text, { size: "small", leading: "compact", children: [
-        "/",
-        category.handle
-      ] })
-    ] })
+    /* @__PURE__ */ jsx(
+      DisplayField,
+      {
+        model: "category",
+        zone: "general",
+        id: "description",
+        data: category,
+        children: /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 gap-3 px-6 py-4", children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.description") }),
+          /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: category.description || "-" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayField,
+      {
+        model: "category",
+        zone: "general",
+        id: "handle",
+        data: category,
+        children: /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 gap-3 px-6 py-4", children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.handle") }),
+          /* @__PURE__ */ jsxs(Text, { size: "small", leading: "compact", children: [
+            "/",
+            category.handle
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayExtensionZone,
+      {
+        model: "category",
+        zone: "general",
+        data: category,
+        builtInFieldIds: ["name", "is_active", "is_internal", "description", "handle"]
+      }
+    )
   ] });
 };
 
 // src/pages/categories/category-detail/components/category-icon-section/category-icon-section.tsx
 import { PencilSquare as PencilSquare2 } from "@medusajs/icons";
 import { Container as Container2, Heading as Heading2, Text as Text2 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone2 } from "@mercurjs/dashboard-shared";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var CategoryIconSection = ({
@@ -161,13 +209,14 @@ var CategoryIconSection = ({
         }
       ),
       /* @__PURE__ */ jsx2(Text2, { size: "small", className: "text-ui-fg-muted", children: t("categories.icon.empty.description") })
-    ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsx2(DisplayExtensionZone2, { model: "category", zone: "icon", data: category })
   ] });
 };
 
 // src/pages/categories/category-detail/components/category-media-section/category-media-section.tsx
 import { PencilSquare as PencilSquare3, ThumbnailBadge } from "@medusajs/icons";
-import { ListBadge } from "@mercurjs/dashboard-shared";
+import { DisplayExtensionZone as DisplayExtensionZone3, ListBadge } from "@mercurjs/dashboard-shared";
 import { Container as Container3, Heading as Heading3, Text as Text3, Tooltip } from "@medusajs/ui";
 import { useTranslation as useTranslation3 } from "react-i18next";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -230,7 +279,8 @@ var CategoryMediaSection = ({
         }
       ),
       /* @__PURE__ */ jsx3(Text3, { size: "small", className: "text-ui-fg-muted", children: t("categories.media.empty.description") })
-    ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsx3(DisplayExtensionZone3, { model: "category", zone: "media", data: category })
   ] });
 };
 
@@ -241,6 +291,7 @@ import {
   TriangleRightMini
 } from "@medusajs/icons";
 import { Badge, Container as Container4, Heading as Heading4, Text as Text4, Tooltip as Tooltip2 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone4 } from "@mercurjs/dashboard-shared";
 import { useMemo, useState } from "react";
 import { useTranslation as useTranslation4 } from "react-i18next";
 import { Link } from "react-router-dom";
@@ -276,7 +327,8 @@ var CategoryOrganizeSection = ({
     /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start gap-3 px-6 py-4", children: [
       /* @__PURE__ */ jsx4(Text4, { size: "small", leading: "compact", weight: "plus", children: t("categories.fields.children.label") }),
       /* @__PURE__ */ jsx4(ChildrenDisplay, { category })
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx4(DisplayExtensionZone4, { model: "category", zone: "organize", data: category })
   ] });
 };
 var PathDisplay = ({
@@ -380,6 +432,7 @@ var ChildrenDisplay = ({
 
 // src/pages/categories/category-detail/components/category-product-section/category-product-section.tsx
 import { ExclamationCircle, PlusMini } from "@medusajs/icons";
+import { DisplayExtensionZone as DisplayExtensionZone5 } from "@mercurjs/dashboard-shared";
 import {
   Checkbox,
   CommandBar,
@@ -519,7 +572,8 @@ var CategoryProductSection = ({
           shortcut: "r"
         }
       )
-    ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsx5(DisplayExtensionZone5, { model: "category", zone: "products", data: category })
   ] });
 };
 var columnHelper = createColumnHelper();
@@ -580,13 +634,13 @@ var Root = ({ children }) => {
     throw error;
   }
   return Children.count(children) > 0 ? /* @__PURE__ */ jsx6(TwoColumnPage, { showJSON: true, showMetadata: true, data: product_category, "data-testid": "category-detail-page", children }) : /* @__PURE__ */ jsxs6(TwoColumnPage, { showJSON: true, showMetadata: true, data: product_category, "data-testid": "category-detail-page", children: [
-    /* @__PURE__ */ jsxs6(TwoColumnPage.Main, { children: [
+    /* @__PURE__ */ jsx6(TwoColumnPage.Main, { children: /* @__PURE__ */ jsxs6(WidgetZone, { id: "categories.detail.main", data: product_category, children: [
       /* @__PURE__ */ jsx6(CategoryGeneralSection, { category: product_category }),
       /* @__PURE__ */ jsx6(CategoryMediaSection, { category: product_category }),
       /* @__PURE__ */ jsx6(CategoryIconSection, { category: product_category }),
       /* @__PURE__ */ jsx6(CategoryProductSection, { category: product_category })
-    ] }),
-    /* @__PURE__ */ jsx6(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx6(CategoryOrganizeSection, { category: product_category }) })
+    ] }) }),
+    /* @__PURE__ */ jsx6(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx6(WidgetZone, { id: "categories.detail.side", data: product_category, children: /* @__PURE__ */ jsx6(CategoryOrganizeSection, { category: product_category }) }) })
   ] });
 };
 var CategoryDetailPage = Object.assign(Root, {

package/dist/{chunk-JUMT5GX7.js → chunk-VLYPVR5U.js}

@@ -1,9 +1,9 @@
 import {
   useProductTableColumns
-} from "./chunk-O53E5U52.js";
+} from "./chunk-I5HY5Q3K.js";
 import {
   useProductTableFilters
-} from "./chunk-P4LTLPTK.js";
+} from "./chunk-LGOPKYNG.js";
 import {
   useProductTableQuery
 } from "./chunk-H7NIKMPE.js";
@@ -13,7 +13,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-HSL5IICN.js";
+} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
@@ -40,7 +40,10 @@ import {
   usePrompt
 } from "@medusajs/ui";
 import { keepPreviousData } from "@tanstack/react-query";
-import { createColumnHelper } from "@tanstack/react-table";
+import {
+  createColumnHelper
+} from "@tanstack/react-table";
+import { useExtendableTable } from "@mercurjs/dashboard-shared";
 import { useMemo, useState, Children } from "react";
 import { useTranslation } from "react-i18next";
 import { Link, Outlet, useLoaderData, useNavigate } from "react-router-dom";
@@ -103,8 +106,12 @@ var ProductListDataTable = () => {
       placeholderData: keepPreviousData
     }
   );
-  const filters = useProductTableFilters();
-  const columns = useColumns();
+  const baseFilters = useProductTableFilters();
+  const { columns, filters: extFilters } = useColumns();
+  const filters = useMemo(
+    () => [...baseFilters, ...extFilters],
+    [baseFilters, extFilters]
+  );
   const { table } = useDataTable({
     data: products ?? [],
     columns,
@@ -266,6 +273,10 @@ var ProductActions = ({ product }) => {
 var columnHelper = createColumnHelper();
 var useColumns = () => {
   const base = useProductTableColumns();
+  const { columns: extended, filters } = useExtendableTable({
+    model: "product",
+    columns: base
+  });
   const columns = useMemo(
     () => [
       columnHelper.display({
@@ -288,7 +299,7 @@ var useColumns = () => {
           }
         )
       }),
-      ...base,
+      ...extended,
       columnHelper.display({
         id: "actions",
         header: () => /* @__PURE__ */ jsx(
@@ -304,9 +315,9 @@ var useColumns = () => {
         }
       })
     ],
-    [base]
+    [extended]
   );
-  return columns;
+  return { columns, filters };
 };
 
 // src/pages/products/product-list/product-list.tsx

package/dist/{chunk-PWLDTJJX.js → chunk-VXDRQQRZ.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-HC25LNX7.js";
 import {
   useShippingOptionTableQuery
-} from "./chunk-WKTRJNOK.js";
+} from "./chunk-COOOOQ2N.js";
 import {
   useProductTypeTableQuery
 } from "./chunk-VOHEQ7B5.js";
@@ -27,10 +27,10 @@ import {
 } from "./chunk-JHIMVLB2.js";
 import {
   useProductTableColumns
-} from "./chunk-O53E5U52.js";
+} from "./chunk-I5HY5Q3K.js";
 import {
   useProductTableFilters
-} from "./chunk-P4LTLPTK.js";
+} from "./chunk-LGOPKYNG.js";
 import {
   useProductTableQuery
 } from "./chunk-H7NIKMPE.js";
@@ -41,7 +41,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-HSL5IICN.js";
+} from "./chunk-6ZVV2XHU.js";
 import {
   useProductTypes
 } from "./chunk-EWFOFSF7.js";