@mercurjs/admin 2.2.0-rc.0 → 2.2.0-rc.1

package/dist/{chunk-2FPQHWJZ.js → chunk-OG5AVHPY.js}

@@ -1,6 +1,6 @@
 import {
   InventoryItemGeneralSection
-} from "./chunk-LFKTHNWI.js";
+} from "./chunk-APAT344J.js";
 import {
   SectionRow
 } from "./chunk-3XPXUIK3.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-VXW3BCN2.js";
 import {
   useReservationItem
-} from "./chunk-GLZLBHFC.js";
+} from "./chunk-WX4ABVXL.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -21,14 +21,16 @@ import {
 } from "./chunk-INNFZYX2.js";
 import {
   useInventoryItem
-} from "./chunk-ZKHF75MZ.js";
+} from "./chunk-MMKUMSZS.js";
 
 // src/pages/reservations/reservation-detail/reservation-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { useLinkQuery, WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/reservations/reservation-detail/components/reservation-general-section/reservation-general-section.tsx
 import { Container, Heading } from "@medusajs/ui";
+import { DisplayExtensionZone, DisplayField } from "@mercurjs/dashboard-shared";
 import { PencilSquare } from "@medusajs/icons";
 import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -46,9 +48,18 @@ var ReservationGeneralSection = ({
   );
   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: t("inventory.reservation.header", {
-        itemName: inventoryItem.title ?? inventoryItem.sku
-      }) }),
+      /* @__PURE__ */ jsx(
+        DisplayField,
+        {
+          model: "reservation",
+          zone: "general",
+          id: "header",
+          data: reservation,
+          children: /* @__PURE__ */ jsx(Heading, { children: t("inventory.reservation.header", {
+            itemName: inventoryItem.title ?? inventoryItem.sku
+          }) })
+        }
+      ),
       /* @__PURE__ */ jsx(
         ActionMenu,
         {
@@ -67,45 +78,116 @@ var ReservationGeneralSection = ({
       )
     ] }),
     /* @__PURE__ */ jsx(
-      SectionRow,
+      DisplayField,
+      {
+        model: "reservation",
+        zone: "general",
+        id: "line_item_id",
+        data: reservation,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("inventory.reservation.lineItemId"),
+            value: reservation.line_item_id
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayField,
       {
-        title: t("inventory.reservation.lineItemId"),
-        value: reservation.line_item_id
+        model: "reservation",
+        zone: "general",
+        id: "description",
+        data: reservation,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("inventory.reservation.description"),
+            value: reservation.description
+          }
+        )
       }
     ),
     /* @__PURE__ */ jsx(
-      SectionRow,
+      DisplayField,
       {
-        title: t("inventory.reservation.description"),
-        value: reservation.description
+        model: "reservation",
+        zone: "general",
+        id: "location",
+        data: reservation,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("inventory.reservation.location"),
+            value: location?.name
+          }
+        )
       }
     ),
     /* @__PURE__ */ jsx(
-      SectionRow,
+      DisplayField,
       {
-        title: t("inventory.reservation.location"),
-        value: location?.name
+        model: "reservation",
+        zone: "general",
+        id: "stocked_quantity",
+        data: reservation,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("inventory.reservation.inStockAtLocation"),
+            value: locationLevel?.stocked_quantity
+          }
+        )
       }
     ),
     /* @__PURE__ */ jsx(
-      SectionRow,
+      DisplayField,
       {
-        title: t("inventory.reservation.inStockAtLocation"),
-        value: locationLevel?.stocked_quantity
+        model: "reservation",
+        zone: "general",
+        id: "available_quantity",
+        data: reservation,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("inventory.reservation.availableAtLocation"),
+            value: locationLevel?.available_quantity
+          }
+        )
       }
     ),
     /* @__PURE__ */ jsx(
-      SectionRow,
+      DisplayField,
       {
-        title: t("inventory.reservation.availableAtLocation"),
-        value: locationLevel?.available_quantity
+        model: "reservation",
+        zone: "general",
+        id: "reserved_quantity",
+        data: reservation,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("inventory.reservation.reservedAtLocation"),
+            value: locationLevel?.reserved_quantity
+          }
+        )
       }
     ),
     /* @__PURE__ */ jsx(
-      SectionRow,
+      DisplayExtensionZone,
       {
-        title: t("inventory.reservation.reservedAtLocation"),
-        value: locationLevel?.reserved_quantity
+        model: "reservation",
+        zone: "general",
+        data: reservation,
+        builtInFieldIds: [
+          "header",
+          "line_item_id",
+          "description",
+          "location",
+          "stocked_quantity",
+          "available_quantity",
+          "reserved_quantity"
+        ]
       }
     )
   ] });
@@ -118,14 +200,14 @@ var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { reservation, isLoading, isError, error } = useReservationItem(
     id,
-    void 0,
+    useLinkQuery("reservation"),
     {
       initialData
     }
   );
   const { inventory_item } = useInventoryItem(
     reservation?.inventory_item?.id,
-    void 0,
+    useLinkQuery("inventory_item"),
     { enabled: !!reservation?.inventory_item?.id }
   );
   if (isLoading || !reservation) {
@@ -159,8 +241,8 @@ var Root = ({ children }) => {
       showMetadata: true,
       "data-testid": "reservation-detail-page",
       children: [
-        /* @__PURE__ */ jsx2(TwoColumnPage.Main, { children: /* @__PURE__ */ jsx2(ReservationGeneralSection, { reservation }) }),
-        /* @__PURE__ */ jsx2(TwoColumnPage.Sidebar, { children: inventory_item && /* @__PURE__ */ jsx2(InventoryItemGeneralSection, { inventoryItem: inventory_item }) })
+        /* @__PURE__ */ jsx2(TwoColumnPage.Main, { children: /* @__PURE__ */ jsx2(WidgetZone, { id: "reservation.detail.main", data: reservation, children: /* @__PURE__ */ jsx2(ReservationGeneralSection, { reservation }) }) }),
+        /* @__PURE__ */ jsx2(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx2(WidgetZone, { id: "reservation.detail.side", data: reservation, children: inventory_item && /* @__PURE__ */ jsx2(InventoryItemGeneralSection, { inventoryItem: inventory_item }) }) })
       ]
     }
   );

package/dist/{chunk-HRDVGFS7.js → chunk-OX6HZPVY.js}

@@ -4,29 +4,31 @@ import {
 import {
   useCampaignTableQuery
 } from "./chunk-DY3XQPHC.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-GRFWCCUW.js";
 import {
   useCampaigns,
   useDeleteCampaign
-} from "./chunk-GCEOEV6P.js";
+} from "./chunk-MTHPNKQ4.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 
 // src/pages/campaigns/campaign-list/campaign-list.tsx
 import { Children as Children2 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/campaigns/campaign-list/components/campaign-list-table.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";
 import { Button, Container, Heading, toast, usePrompt } from "@medusajs/ui";
 import { keepPreviousData } from "@tanstack/react-query";
 import { createColumnHelper } from "@tanstack/react-table";
+import { useExtendableTable, useLinkQuery } from "@mercurjs/dashboard-shared";
 import { Children, useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";
@@ -59,15 +61,19 @@ var CampaignListHeader = ({ children }) => {
 var CampaignListDataTable = () => {
   const { t } = useTranslation();
   const { raw, searchParams } = useCampaignTableQuery({ pageSize: PAGE_SIZE });
+  const linkQuery = useLinkQuery("campaign");
   const {
     campaigns,
     count,
     isPending: isLoading,
     isError,
     error
-  } = useCampaigns(searchParams, {
-    placeholderData: keepPreviousData
-  });
+  } = useCampaigns(
+    { ...searchParams, ...linkQuery },
+    {
+      placeholderData: keepPreviousData
+    }
+  );
   const columns = useColumns();
   const { table } = useDataTable({
     data: campaigns ?? [],
@@ -166,9 +172,13 @@ var CampaignActions = ({ campaign }) => {
 var columnHelper = createColumnHelper();
 var useColumns = () => {
   const base = useCampaignTableColumns();
+  const { columns: extended } = useExtendableTable({
+    model: "campaign",
+    columns: base
+  });
   return useMemo(
     () => [
-      ...base,
+      ...extended,
       columnHelper.display({
         id: "actions",
         cell: ({ row }) => {
@@ -176,14 +186,14 @@ var useColumns = () => {
         }
       })
     ],
-    [base]
+    [extended]
   );
 };
 
 // src/pages/campaigns/campaign-list/campaign-list.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx2(SingleColumnPage, { hasOutlet: true, children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx2(CampaignListTable, {}) });
+  return /* @__PURE__ */ jsx2(SingleColumnPage, { hasOutlet: true, children: /* @__PURE__ */ jsx2(WidgetZone, { id: "campaigns.list", children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx2(CampaignListTable, {}) }) });
 };
 var CampaignListPage = Object.assign(Root, {
   Table: CampaignListTable,

package/dist/{chunk-5ACJR6WB.js → chunk-P2DFLKCN.js}

@@ -1,6 +1,6 @@
 import {
   AttributeValueInput
-} from "./chunk-56UFDHNO.js";
+} from "./chunk-DJD3MWED.js";
 import {
   TabbedForm,
   defineTabMeta,
@@ -18,11 +18,11 @@ import {
 } from "./chunk-6BAPAIQM.js";
 import {
   require_dist
-} from "./chunk-DSTHXHJ5.js";
+} from "./chunk-VYSB4CTB.js";
 import {
   useCreateProductVariant,
   useProduct
-} from "./chunk-ZKHF75MZ.js";
+} from "./chunk-MMKUMSZS.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";

package/dist/{chunk-NWSKT55Z.js → chunk-P2JA3QTQ.js}

@@ -7,20 +7,21 @@ import {
 } from "./chunk-RQQ53CQJ.js";
 import {
   useReturnReasonTableQuery
-} from "./chunk-WKDHY2DJ.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-6ZVV2XHU.js";
+} from "./chunk-IJ2CSCLP.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-GRFWCCUW.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 
 // src/pages/return-reasons/return-reason-list/return-reason-list.tsx
 import { Children } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/return-reasons/return-reason-list/components/return-reason-list-table/return-reason-list-table.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";
@@ -165,7 +166,7 @@ var useColumns = () => {
 // src/pages/return-reasons/return-reason-list/return-reason-list.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx2(SingleColumnPage, { showMetadata: false, showJSON: false, hasOutlet: true, children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx2(ReturnReasonListTable, {}) });
+  return /* @__PURE__ */ jsx2(SingleColumnPage, { showMetadata: false, showJSON: false, hasOutlet: true, children: /* @__PURE__ */ jsx2(WidgetZone, { id: "return-reasons.list", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx2(ReturnReasonListTable, {}) }) });
 };
 var ReturnReasonList = Object.assign(Root, {
   Table: ReturnReasonListTable

package/dist/{chunk-ZVPTNPLI.js → chunk-P3GGL5JL.js}

@@ -8,7 +8,7 @@ import {
 import {
   NoRecords,
   NoResults
-} from "./chunk-PAYQJPGK.js";
+} from "./chunk-7PPT3477.js";
 import {
   TableFooterSkeleton
 } from "./chunk-INNFZYX2.js";