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

package/dist/{chunk-YH4VQBAA.js → chunk-MX52GGQO.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-ULJ3OMWU.js";
 import {
   SingleColumnPage
-} from "./chunk-U2UCL2VG.js";
+} from "./chunk-XIZLPYEE.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -26,11 +26,11 @@ import {
 } from "./chunk-K357FGGP.js";
 
 // src/pages/inventory/inventory-list/inventory-list.tsx
-import { Children } from "react";
+import { Children as Children2 } from "react";
 
 // src/pages/inventory/inventory-list/components/inventory-list-table.tsx
 import { Button, Container, Heading, Text } from "@medusajs/ui";
-import { useState } from "react";
+import { Children, useState } from "react";
 import { useTranslation as useTranslation4 } from "react-i18next";
 import { Link, useNavigate } from "react-router-dom";
 
@@ -330,9 +330,36 @@ var useInventoryTableQuery = ({
 };
 
 // src/pages/inventory/inventory-list/components/inventory-list-table.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
 var PAGE_SIZE = 20;
-var InventoryListTable = () => {
+var InventoryListTitle = () => {
+  const { t } = useTranslation4();
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx3(Heading, { "data-testid": "inventory-list-title", children: t("inventory.domain") }),
+    /* @__PURE__ */ jsx3(Text, { className: "text-ui-fg-subtle", size: "small", "data-testid": "inventory-list-subtitle", children: t("inventory.subtitle") })
+  ] });
+};
+var InventoryListCreateButton = () => {
+  const { t } = useTranslation4();
+  return /* @__PURE__ */ jsx3(Button, { size: "small", variant: "secondary", asChild: true, "data-testid": "inventory-create-button", children: /* @__PURE__ */ jsx3(Link, { to: "create", "data-testid": "inventory-create-link", children: t("actions.create") }) });
+};
+var InventoryListActions = ({ children }) => {
+  return /* @__PURE__ */ jsx3("div", { className: "flex items-center gap-x-2", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx3(InventoryListCreateButton, {}) });
+};
+var InventoryListHeader = ({ children }) => {
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      className: "flex items-center justify-between px-6 py-4",
+      "data-testid": "inventory-list-header",
+      children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx3(InventoryListTitle, {}),
+        /* @__PURE__ */ jsx3(InventoryListActions, {})
+      ] })
+    }
+  );
+};
+var InventoryListDataTable = () => {
   const { t } = useTranslation4();
   const navigate = useNavigate();
   const [selection, setSelection] = useState({});
@@ -366,60 +393,62 @@ var InventoryListTable = () => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", "data-testid": "inventory-list-table", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "inventory-list-header", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx3(Heading, { "data-testid": "inventory-list-title", children: t("inventory.domain") }),
-        /* @__PURE__ */ jsx3(Text, { className: "text-ui-fg-subtle", size: "small", "data-testid": "inventory-list-subtitle", children: t("inventory.subtitle") })
-      ] }),
-      /* @__PURE__ */ jsx3(Button, { size: "small", variant: "secondary", asChild: true, "data-testid": "inventory-create-button", children: /* @__PURE__ */ jsx3(Link, { to: "create", "data-testid": "inventory-create-link", children: t("actions.create") }) })
-    ] }),
-    /* @__PURE__ */ jsx3("div", { "data-testid": "inventory-data-table", children: /* @__PURE__ */ jsx3(
-      _DataTable,
-      {
-        table,
-        columns,
-        pageSize: PAGE_SIZE,
-        count,
-        isLoading,
-        pagination: true,
-        search: true,
-        filters,
-        queryObject: raw,
-        orderBy: [
-          { key: "title", label: t("fields.title") },
-          { key: "sku", label: t("fields.sku") },
-          { key: "stocked_quantity", label: t("fields.inStock") },
-          { key: "reserved_quantity", label: t("inventory.reserved") }
-        ],
-        navigateTo: (row) => `${row.id}`,
-        commands: [
-          {
-            action: async (selection2) => {
-              navigate(
-                `stock?${INVENTORY_ITEM_IDS_KEY}=${Object.keys(selection2).join(
-                  ","
-                )}`
-              );
-            },
-            label: t("inventory.stock.action"),
-            shortcut: "i"
-          }
-        ]
-      }
-    ) })
-  ] });
+  return /* @__PURE__ */ jsx3("div", { "data-testid": "inventory-data-table", children: /* @__PURE__ */ jsx3(
+    _DataTable,
+    {
+      table,
+      columns,
+      pageSize: PAGE_SIZE,
+      count,
+      isLoading,
+      pagination: true,
+      search: true,
+      filters,
+      queryObject: raw,
+      orderBy: [
+        { key: "title", label: t("fields.title") },
+        { key: "sku", label: t("fields.sku") },
+        { key: "stocked_quantity", label: t("fields.inStock") },
+        { key: "reserved_quantity", label: t("inventory.reserved") }
+      ],
+      navigateTo: (row) => `${row.id}`,
+      commands: [
+        {
+          action: async (selection2) => {
+            navigate(
+              `stock?${INVENTORY_ITEM_IDS_KEY}=${Object.keys(selection2).join(
+                ","
+              )}`
+            );
+          },
+          label: t("inventory.stock.action"),
+          shortcut: "i"
+        }
+      ]
+    }
+  ) });
+};
+var InventoryListTable = ({ children }) => {
+  return /* @__PURE__ */ jsx3(Container, { className: "divide-y p-0", "data-testid": "inventory-list-table", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx3(InventoryListHeader, {}),
+    /* @__PURE__ */ jsx3(InventoryListDataTable, {})
+  ] }) });
 };
 
 // src/pages/inventory/inventory-list/inventory-list.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx4("div", { "data-testid": "inventory-page", children: /* @__PURE__ */ jsx4(SingleColumnPage, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx4(InventoryListTable, {}) }) });
+  return /* @__PURE__ */ jsx4("div", { "data-testid": "inventory-page", children: /* @__PURE__ */ jsx4(SingleColumnPage, { children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx4(InventoryListTable, {}) }) });
 };
-var InventoryItemListTable = Object.assign(Root, {
-  Table: InventoryListTable
+var InventoryListPage = Object.assign(Root, {
+  Table: InventoryListTable,
+  Header: InventoryListHeader,
+  HeaderTitle: InventoryListTitle,
+  HeaderActions: InventoryListActions,
+  HeaderCreateButton: InventoryListCreateButton,
+  DataTable: InventoryListDataTable
 });
 
 export {
-  InventoryItemListTable
+  InventoryListPage
 };

package/dist/{chunk-O6O22BN4.js → chunk-N7BCAAJC.js}

@@ -19,7 +19,7 @@ import {
 } from "./chunk-ULJ3OMWU.js";
 import {
   SingleColumnPage
-} from "./chunk-U2UCL2VG.js";
+} from "./chunk-XIZLPYEE.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -33,14 +33,16 @@ import {
 } from "./chunk-GPRBBA7S.js";
 
 // src/pages/api-key-management/api-key-management-list/api-key-management-list.tsx
-import { Children } from "react";
-import { useLocation } from "react-router-dom";
+import { Children as Children3 } from "react";
+
+// src/pages/api-key-management/api-key-management-list/components/api-key-management-list-view/api-key-management-list-view.tsx
+import { Children as Children2 } from "react";
+import { Container } from "@medusajs/ui";
 
-// src/pages/api-key-management/api-key-management-list/components/api-key-management-list-table/api-key-management-list-table.tsx
-import { Button, Container, Heading, Text } from "@medusajs/ui";
+// src/pages/api-key-management/api-key-management-list/components/api-key-management-list-view/api-key-management-list-data-table.tsx
 import { keepPreviousData } from "@tanstack/react-query";
 import { useTranslation as useTranslation4 } from "react-i18next";
-import { Link } from "react-router-dom";
+import { useLocation } from "react-router-dom";
 
 // src/pages/api-key-management/api-key-management-list/components/api-key-management-list-table/use-api-key-management-table-columns.tsx
 import { Badge } from "@medusajs/ui";
@@ -252,13 +254,13 @@ var useApiKeyManagementTableQuery = ({
   };
 };
 
-// src/pages/api-key-management/api-key-management-list/components/api-key-management-list-table/api-key-management-list-table.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+// src/pages/api-key-management/api-key-management-list/components/api-key-management-list-view/api-key-management-list-data-table.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
 var PAGE_SIZE = 20;
-var ApiKeyManagementListTable = ({
-  keyType
-}) => {
+var ApiKeyManagementListDataTable = () => {
   const { t } = useTranslation4();
+  const { pathname } = useLocation();
+  const keyType = getApiKeyTypeFromPathname(pathname);
   const { searchParams, raw } = useApiKeyManagementTableQuery({
     pageSize: PAGE_SIZE
   });
@@ -267,9 +269,12 @@ var ApiKeyManagementListTable = ({
     type: keyType,
     fields: "id,title,redacted,token,type,created_at,updated_at,revoked_at,last_used_at,created_by,revoked_by"
   };
-  const { api_keys, count, isLoading, isError, error } = useApiKeys(query, {
-    placeholderData: keepPreviousData
-  });
+  const { api_keys, count, isLoading, isError, error } = useApiKeys(
+    query,
+    {
+      placeholderData: keepPreviousData
+    }
+  );
   const filters = useApiKeyManagementTableFilters();
   const columns = useApiKeyManagementTableColumns();
   const { table } = useDataTable({
@@ -283,49 +288,109 @@ var ApiKeyManagementListTable = ({
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", "data-testid": `${keyType}-api-keys-container`, children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": `${keyType}-api-keys-header`, children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx3(Heading, { level: "h2", "data-testid": `${keyType}-api-keys-heading`, children: keyType === "publishable" ? t(`apiKeyManagement.domain.publishable`) : t("apiKeyManagement.domain.secret") }),
-        /* @__PURE__ */ jsx3(Text, { className: "text-ui-fg-subtle", size: "small", "data-testid": `${keyType}-api-keys-description`, children: keyType === "publishable" ? t(`apiKeyManagement.subtitle.publishable`) : t("apiKeyManagement.subtitle.secret") })
-      ] }),
-      /* @__PURE__ */ jsx3(Link, { to: "create", "data-testid": `${keyType}-api-keys-create-button`, children: /* @__PURE__ */ jsx3(Button, { variant: "secondary", size: "small", children: t("actions.create") }) })
-    ] }),
-    /* @__PURE__ */ jsx3("div", { "data-testid": `${keyType}-api-keys-table-wrapper`, children: /* @__PURE__ */ jsx3(
-      _DataTable,
+  return /* @__PURE__ */ jsx3(
+    _DataTable,
+    {
+      table,
+      filters,
+      columns,
+      count,
+      pageSize: PAGE_SIZE,
+      orderBy: [
+        { key: "title", label: t("fields.title") },
+        { key: "created_at", label: t("fields.createdAt") },
+        { key: "updated_at", label: t("fields.updatedAt") },
+        { key: "revoked_at", label: t("fields.revokedAt") }
+      ],
+      navigateTo: (row) => row.id,
+      pagination: true,
+      search: true,
+      queryObject: raw,
+      isLoading
+    }
+  );
+};
+
+// src/pages/api-key-management/api-key-management-list/components/api-key-management-list-view/api-key-management-list-header.tsx
+import { Children } from "react";
+import { Button, Heading, Text } from "@medusajs/ui";
+import { useTranslation as useTranslation5 } from "react-i18next";
+import { Link, useLocation as useLocation2 } from "react-router-dom";
+import { Fragment, jsx as jsx4, jsxs } from "react/jsx-runtime";
+var ApiKeyManagementListTitle = () => {
+  const { t } = useTranslation5();
+  const { pathname } = useLocation2();
+  const keyType = getApiKeyTypeFromPathname(pathname);
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx4(Heading, { level: "h2", "data-testid": `${keyType}-api-keys-heading`, children: keyType === "publishable" ? t(`apiKeyManagement.domain.publishable`) : t("apiKeyManagement.domain.secret") }),
+    /* @__PURE__ */ jsx4(
+      Text,
       {
-        table,
-        filters,
-        columns,
-        count,
-        pageSize: PAGE_SIZE,
-        orderBy: [
-          { key: "title", label: t("fields.title") },
-          { key: "created_at", label: t("fields.createdAt") },
-          { key: "updated_at", label: t("fields.updatedAt") },
-          { key: "revoked_at", label: t("fields.revokedAt") }
-        ],
-        navigateTo: (row) => row.id,
-        pagination: true,
-        search: true,
-        queryObject: raw,
-        isLoading
+        className: "text-ui-fg-subtle",
+        size: "small",
+        "data-testid": `${keyType}-api-keys-description`,
+        children: keyType === "publishable" ? t(`apiKeyManagement.subtitle.publishable`) : t("apiKeyManagement.subtitle.secret")
       }
-    ) })
+    )
   ] });
 };
+var ApiKeyManagementListActions = ({
+  children
+}) => {
+  const { t } = useTranslation5();
+  const { pathname } = useLocation2();
+  const keyType = getApiKeyTypeFromPathname(pathname);
+  return /* @__PURE__ */ jsx4("div", { className: "flex items-center justify-center gap-x-2", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx4(Link, { to: "create", "data-testid": `${keyType}-api-keys-create-button`, children: /* @__PURE__ */ jsx4(Button, { variant: "secondary", size: "small", children: t("actions.create") }) }) });
+};
+var ApiKeyManagementListHeader = ({
+  children
+}) => {
+  const { pathname } = useLocation2();
+  const keyType = getApiKeyTypeFromPathname(pathname);
+  return /* @__PURE__ */ jsx4(
+    "div",
+    {
+      className: "flex items-center justify-between px-6 py-4",
+      "data-testid": `${keyType}-api-keys-header`,
+      children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx4(ApiKeyManagementListTitle, {}),
+        /* @__PURE__ */ jsx4(ApiKeyManagementListActions, {})
+      ] })
+    }
+  );
+};
+
+// src/pages/api-key-management/api-key-management-list/components/api-key-management-list-view/api-key-management-list-view.tsx
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var ApiKeyManagementListView = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx5(Container, { className: "divide-y p-0", children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx5(ApiKeyManagementListHeader, {}),
+    /* @__PURE__ */ jsx5(ApiKeyManagementListDataTable, {})
+  ] }) });
+};
 
 // src/pages/api-key-management/api-key-management-list/api-key-management-list.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  const { pathname } = useLocation();
-  const keyType = getApiKeyTypeFromPathname(pathname);
-  return /* @__PURE__ */ jsx4(SingleColumnPage, { hasOutlet: true, "data-testid": "publishable-api-keys-list-page", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx4(ApiKeyManagementListTable, { keyType }) });
+  return /* @__PURE__ */ jsx6(
+    SingleColumnPage,
+    {
+      hasOutlet: true,
+      "data-testid": "publishable-api-keys-list-page",
+      children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx6(ApiKeyManagementListView, {})
+    }
+  );
 };
-var ApiKeyManagementList = Object.assign(Root, {
-  Table: ApiKeyManagementListTable
+var ApiKeyManagementListPage = Object.assign(Root, {
+  Table: ApiKeyManagementListView,
+  Header: ApiKeyManagementListHeader,
+  HeaderTitle: ApiKeyManagementListTitle,
+  HeaderActions: ApiKeyManagementListActions,
+  DataTable: ApiKeyManagementListDataTable
 });
 
 export {
-  ApiKeyManagementList
+  ApiKeyManagementListPage
 };

package/dist/{chunk-JA2XIIIZ.js → chunk-NXKCVD5F.js}

@@ -16,6 +16,9 @@ import {
 import {
   PlaceholderCell
 } from "./chunk-PHOCVOZ5.js";
+import {
+  TwoColumnPage
+} from "./chunk-V5J73NPW.js";
 import {
   _DataTable,
   useDataTable
@@ -23,9 +26,6 @@ import {
 import {
   NoRecords
 } from "./chunk-3EF54XFY.js";
-import {
-  TwoColumnPage
-} from "./chunk-U2UCL2VG.js";
 import {
   TwoColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
@@ -369,9 +369,10 @@ import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { id, variant_id } = useParams();
-  const { product } = useProduct(id, {
+  const { product: rawProduct } = useProduct(id, {
     fields: "*seller"
   });
+  const product = rawProduct;
   const { variant, isLoading, isError, error } = useProductVariant(
     id,
     variant_id,
@@ -394,7 +395,7 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return Children.count(children) > 0 ? /* @__PURE__ */ jsx6(TwoColumnPage, { children }) : /* @__PURE__ */ jsxs4(TwoColumnPage, { data: variant, showJSON: true, showMetadata: true, hasOutlet: true, children: [
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx6(TwoColumnPage, { data: variant, showJSON: true, showMetadata: true, hasOutlet: true, children }) : /* @__PURE__ */ jsxs4(TwoColumnPage, { data: variant, showJSON: true, showMetadata: true, hasOutlet: true, children: [
     /* @__PURE__ */ jsxs4(TwoColumnPage.Main, { children: [
       /* @__PURE__ */ jsx6(VariantGeneralSection, { variant }),
       /* @__PURE__ */ jsx6(VariantInventorySectionConnected, { variant })

package/dist/{chunk-G4QMLQF2.js → chunk-NZN7PFPB.js}

@@ -1,9 +1,7 @@
 import {
-  useDataTableDateColumns
-} from "./chunk-UKLRBS4W.js";
-import {
+  useDataTableDateColumns,
   useDataTableDateFilters
-} from "./chunk-DGCPYCHU.js";
+} from "./chunk-54RTJBYO.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";

package/dist/{chunk-KUDLPUWR.js → chunk-OFWYMU6K.js}

@@ -13,13 +13,13 @@ import {
 import {
   useProductTableColumns
 } from "./chunk-3CKTAFTR.js";
+import {
+  TwoColumnPage
+} from "./chunk-V5J73NPW.js";
 import {
   _DataTable,
   useDataTable
 } from "./chunk-ULJ3OMWU.js";
-import {
-  TwoColumnPage
-} from "./chunk-U2UCL2VG.js";
 import {
   Skeleton,
   TwoColumnPageSkeleton
@@ -426,7 +426,7 @@ var useColumns = () => {
 };
 
 // src/pages/categories/category-detail/category-detail.tsx
-import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const { id } = useParams();
   const initialData = useLoaderData();
@@ -451,15 +451,15 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx4(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs4(TwoColumnPage, { showJSON: true, showMetadata: true, data: product_category, children: [
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx4(TwoColumnPage, { showJSON: true, showMetadata: true, data: product_category, "data-testid": "category-detail-page", children }) : /* @__PURE__ */ jsxs4(TwoColumnPage, { showJSON: true, showMetadata: true, data: product_category, "data-testid": "category-detail-page", children: [
     /* @__PURE__ */ jsxs4(TwoColumnPage.Main, { children: [
       /* @__PURE__ */ jsx4(CategoryGeneralSection, { category: product_category }),
       /* @__PURE__ */ jsx4(CategoryProductSection, { category: product_category })
     ] }),
     /* @__PURE__ */ jsx4(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx4(CategoryOrganizeSection, { category: product_category }) })
-  ] }) });
+  ] });
 };
-var CategoryDetail = Object.assign(Root, {
+var CategoryDetailPage = Object.assign(Root, {
   Main: TwoColumnPage.Main,
   Sidebar: TwoColumnPage.Sidebar,
   MainGeneralSection: CategoryGeneralSection,
@@ -468,5 +468,5 @@ var CategoryDetail = Object.assign(Root, {
 });
 
 export {
-  CategoryDetail
+  CategoryDetailPage
 };