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

package/dist/chunk-APAT344J.js

@@ -0,0 +1,144 @@
+import {
+  SectionRow
+} from "./chunk-3XPXUIK3.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+
+// src/pages/inventory/inventory-detail/components/inventory-item-general-section.tsx
+import { Container, Heading } from "@medusajs/ui";
+import { PencilSquare } from "@medusajs/icons";
+import { useTranslation } from "react-i18next";
+import { DisplayExtensionZone, DisplayField } from "@mercurjs/dashboard-shared";
+import { jsx, jsxs } from "react/jsx-runtime";
+var InventoryItemGeneralSection = ({
+  inventoryItem
+}) => {
+  const { t } = useTranslation();
+  const getQuantityFormat = (quantity) => {
+    if (quantity !== void 0 && !isNaN(quantity)) {
+      return t("inventory.quantityAcrossLocations", {
+        quantity,
+        locations: inventoryItem.location_levels?.length
+      });
+    }
+    return "-";
+  };
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", "data-testid": "inventory-item-general-section", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "inventory-item-general-header", children: [
+      /* @__PURE__ */ jsx(
+        DisplayField,
+        {
+          model: "inventory_item",
+          zone: "general",
+          id: "title",
+          data: inventoryItem,
+          children: /* @__PURE__ */ jsxs(Heading, { "data-testid": "inventory-item-general-title", children: [
+            inventoryItem.title ?? inventoryItem.sku,
+            " ",
+            t("fields.details")
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  icon: /* @__PURE__ */ jsx(PencilSquare, {}),
+                  label: t("actions.edit"),
+                  to: "edit"
+                }
+              ]
+            }
+          ],
+          "data-testid": "inventory-item-general-action-menu"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      DisplayField,
+      {
+        model: "inventory_item",
+        zone: "general",
+        id: "sku",
+        data: inventoryItem,
+        children: /* @__PURE__ */ jsx(SectionRow, { title: t("fields.sku"), value: inventoryItem.sku ?? "-", "data-testid": "inventory-item-sku-row" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayField,
+      {
+        model: "inventory_item",
+        zone: "general",
+        id: "stocked_quantity",
+        data: inventoryItem,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("fields.inStock"),
+            value: getQuantityFormat(inventoryItem.stocked_quantity),
+            "data-testid": "inventory-item-in-stock-row"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayField,
+      {
+        model: "inventory_item",
+        zone: "general",
+        id: "reserved_quantity",
+        data: inventoryItem,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("inventory.reserved"),
+            value: getQuantityFormat(inventoryItem.reserved_quantity),
+            "data-testid": "inventory-item-reserved-row"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayField,
+      {
+        model: "inventory_item",
+        zone: "general",
+        id: "available_quantity",
+        data: inventoryItem,
+        children: /* @__PURE__ */ jsx(
+          SectionRow,
+          {
+            title: t("inventory.available"),
+            value: getQuantityFormat(
+              inventoryItem.stocked_quantity - inventoryItem.reserved_quantity
+            ),
+            "data-testid": "inventory-item-available-row"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayExtensionZone,
+      {
+        model: "inventory_item",
+        zone: "general",
+        data: inventoryItem,
+        builtInFieldIds: [
+          "title",
+          "sku",
+          "stocked_quantity",
+          "reserved_quantity",
+          "available_quantity"
+        ]
+      }
+    )
+  ] });
+};
+
+export {
+  InventoryItemGeneralSection
+};

package/dist/{chunk-K6RZE3F7.js → chunk-BAODXM3R.js}

@@ -1,6 +1,6 @@
 import {
   useDeleteProductType
-} from "./chunk-EWFOFSF7.js";
+} from "./chunk-K6FC5Y72.js";
 
 // src/pages/product-types/common/hooks/use-delete-product-type-action.tsx
 import { useNavigate } from "react-router-dom";

package/dist/{chunk-PFBJWWUA.js → chunk-BAW3F2JM.js}

@@ -4,7 +4,7 @@ import {
 import {
   LocalizedTablePagination,
   useDeleteTaxRateAction
-} from "./chunk-KXWN75T2.js";
+} from "./chunk-R5O4QT2H.js";
 import {
   formatPercentage
 } from "./chunk-QDPLZDMX.js";
@@ -17,13 +17,13 @@ import {
 import {
   NoRecords,
   NoResults
-} from "./chunk-PAYQJPGK.js";
+} from "./chunk-7PPT3477.js";
 import {
   useProductTypes
-} from "./chunk-EWFOFSF7.js";
+} from "./chunk-K6FC5Y72.js";
 import {
   useShippingOptions
-} from "./chunk-Q6GUA5VE.js";
+} from "./chunk-EAYVJOSP.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -32,7 +32,7 @@ import {
 } from "./chunk-INNFZYX2.js";
 import {
   useProducts
-} from "./chunk-ZKHF75MZ.js";
+} from "./chunk-QRN63LUS.js";
 
 // src/pages/tax-regions/common/components/tax-rate-line/tax-rate-line.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";

package/dist/{chunk-6KWWJE5P.js → chunk-BIIQUM77.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-HC25LNX7.js";
 import {
   useShippingOptionTableQuery
-} from "./chunk-WKDHY2DJ.js";
+} from "./chunk-6QXSN5IG.js";
 import {
   useProductTypeTableQuery
 } from "./chunk-VOHEQ7B5.js";
@@ -27,13 +27,13 @@ import {
 } from "./chunk-JHIMVLB2.js";
 import {
   useProductTableColumns
-} from "./chunk-OYZIFLLC.js";
+} from "./chunk-D24Q3XHG.js";
 import {
   useProductTableFilters
-} from "./chunk-4346EIRG.js";
+} from "./chunk-MSUG6ERE.js";
 import {
   useProductTableQuery
-} from "./chunk-H7NIKMPE.js";
+} from "./chunk-S4IDR46L.js";
 import {
   StackedDrawer,
   StackedFocusModal
@@ -41,20 +41,20 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-6ZVV2XHU.js";
+} from "./chunk-GRFWCCUW.js";
 import {
   useProductTypes
-} from "./chunk-EWFOFSF7.js";
+} from "./chunk-K6FC5Y72.js";
 import {
   useShippingOptions
-} from "./chunk-Q6GUA5VE.js";
+} from "./chunk-EAYVJOSP.js";
 import {
   useStockLocations
-} from "./chunk-VXW3BCN2.js";
+} from "./chunk-IF2MFOIQ.js";
 import {
   useProduct,
   useProducts
-} from "./chunk-ZKHF75MZ.js";
+} from "./chunk-QRN63LUS.js";
 
 // src/pages/tax-regions/common/components/target-form/target-form.tsx
 import { Button, Checkbox } from "@medusajs/ui";

package/dist/{chunk-IC2PLPRP.js → chunk-BOHYPLFV.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-LXZXXOJ3.js";
+} from "./chunk-JTAECZCT.js";
 
 // src/hooks/api/members.tsx
 import { useQuery } from "@tanstack/react-query";

package/dist/{chunk-VGXJXU7X.js → chunk-BVVZLZBO.js}

@@ -5,13 +5,13 @@ import {
 } from "./chunk-XFR5JLNF.js";
 import {
   UserLink
-} from "./chunk-OT5X3VOQ.js";
+} from "./chunk-RTPQHQEK.js";
 import {
   useSalesChannelTableColumns,
   useSalesChannelTableEmptyState,
   useSalesChannelTableFilters,
   useSalesChannelTableQuery
-} from "./chunk-7OKYEA6I.js";
+} from "./chunk-HC2TEEKQ.js";
 import {
   DataTable
 } from "./chunk-C4XKPQ6T.js";
@@ -26,16 +26,16 @@ import {
   useBatchRemoveSalesChannelsFromApiKey,
   useDeleteApiKey,
   useRevokeApiKey
-} from "./chunk-YNN2YNSE.js";
+} from "./chunk-Y5RHBN7J.js";
 import {
   useUser
-} from "./chunk-A2F5MDPU.js";
+} from "./chunk-D6RWXLO6.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 import {
   useSalesChannels
-} from "./chunk-MW47LDBT.js";
+} from "./chunk-YBMTMG47.js";
 import {
   SingleColumnPageSkeleton,
   Skeleton
@@ -44,6 +44,7 @@ import {
 // src/pages/api-key-management/api-key-management-detail/api-key-management-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/api-key-management/api-key-management-detail/components/api-key-general-section/api-key-general-section.tsx
 import { PencilSquare, Trash, XCircle } from "@medusajs/icons";
@@ -409,17 +410,17 @@ var Root = ({ children }) => {
       "data-testid": `${api_key.type}-api-key-detail-page`,
       children
     }
-  ) : /* @__PURE__ */ jsxs2(
+  ) : /* @__PURE__ */ jsx3(
     SingleColumnPage,
     {
       hasOutlet: true,
       showJSON: true,
       data: api_key,
       "data-testid": `${api_key.type}-api-key-detail-page`,
-      children: [
+      children: /* @__PURE__ */ jsxs2(WidgetZone, { id: "api-keys.detail.main", data: api_key, children: [
         /* @__PURE__ */ jsx3(ApiKeyGeneralSection, { apiKey: api_key }),
         isPublishable && /* @__PURE__ */ jsx3(ApiKeySalesChannelSection, { apiKey: api_key })
-      ]
+      ] })
     }
   );
 };

package/dist/{chunk-VYQ6ASFF.js → chunk-CC7MG2B7.js}

@@ -1,6 +1,6 @@
 import {
   useOrderGroupTableFilters
-} from "./chunk-4C7L7TJT.js";
+} from "./chunk-XQ5IRC23.js";
 import {
   useOrderTableQuery
 } from "./chunk-QUHSHIAC.js";
@@ -21,19 +21,20 @@ import {
   TextCell,
   TextHeader
 } from "./chunk-JHIMVLB2.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-GRFWCCUW.js";
 import {
   useOrderGroups
-} from "./chunk-PYF5EER5.js";
+} from "./chunk-43C2OEFK.js";
 
 // src/pages/orders/order-list/order-list.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/orders/order-list/components/order-list-table/order-list-table.tsx
 import { Children as Children2 } from "react";
@@ -71,6 +72,10 @@ import { IconButton as IconButton2, clx } from "@medusajs/ui";
 import { TriangleRightMini } from "@medusajs/icons";
 import { keepPreviousData } from "@tanstack/react-query";
 import { createColumnHelper } from "@tanstack/react-table";
+import {
+  useExtendableTable,
+  useLinkQuery
+} from "@mercurjs/dashboard-shared";
 import { useMemo } from "react";
 import { useTranslation as useTranslation3 } from "react-i18next";
 
@@ -183,10 +188,11 @@ var OrderListDataTable = () => {
   const { searchParams, raw } = useOrderTableQuery({
     pageSize: PAGE_SIZE
   });
+  const linkQuery = useLinkQuery("order", DEFAULT_FIELDS);
   const { order_groups, count, isError, error, isLoading } = useOrderGroups(
     {
       ...searchParams,
-      fields: DEFAULT_FIELDS
+      fields: linkQuery.fields
     },
     {
       placeholderData: keepPreviousData
@@ -196,8 +202,12 @@ var OrderListDataTable = () => {
     () => transformOrderGroups(order_groups ?? [], t),
     [order_groups, t]
   );
-  const filters = useOrderGroupTableFilters();
-  const columns = useColumns();
+  const baseFilters = useOrderGroupTableFilters();
+  const { columns, filters: extFilters } = useColumns();
+  const filters = useMemo(
+    () => [...baseFilters, ...extFilters],
+    [baseFilters, extFilters]
+  );
   const { table } = useDataTable({
     data: rows,
     columns,
@@ -245,7 +255,7 @@ var OrderListDataTable = () => {
 var columnHelper = createColumnHelper();
 var useColumns = () => {
   const { t } = useTranslation3();
-  return useMemo(
+  const base = useMemo(
     () => [
       columnHelper.accessor("display_id", {
         header: () => /* @__PURE__ */ jsx3(TextHeader, { text: t("orders.fields.groupId") }),
@@ -340,6 +350,11 @@ var useColumns = () => {
     ],
     [t]
   );
+  const { columns: extended, filters } = useExtendableTable({
+    model: "order",
+    columns: base
+  });
+  return { columns: extended, filters };
 };
 
 // src/pages/orders/order-list/components/order-list-table/order-list-table.tsx
@@ -354,7 +369,7 @@ var OrderListTable = ({ children }) => {
 // src/pages/orders/order-list/order-list.tsx
 import { jsx as jsx5 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx5(SingleColumnPage, { hasOutlet: false, "data-testid": "orders-list-page", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx5(OrderListTable, {}) });
+  return /* @__PURE__ */ jsx5(SingleColumnPage, { hasOutlet: false, "data-testid": "orders-list-page", children: /* @__PURE__ */ jsx5(WidgetZone, { id: "orders.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx5(OrderListTable, {}) }) });
 };
 var OrderListPage = Object.assign(Root, {
   Table: OrderListTable,

package/dist/{chunk-DPG4AWSG.js → chunk-CK4MU7NI.js}

@@ -1,32 +1,34 @@
 import {
   usePromotionTableColumns,
   usePromotionTableQuery
-} from "./chunk-ML7UVBKL.js";
+} from "./chunk-TIG77LHS.js";
 import {
   usePromotionTableFilters
 } from "./chunk-S2WEYEQR.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-GRFWCCUW.js";
 import {
   useDeletePromotion,
   usePromotions
-} from "./chunk-GCEOEV6P.js";
+} from "./chunk-42BAC3EV.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 
 // src/pages/promotions/promotion-list/promotions-list.tsx
 import { Children as Children2 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/promotions/promotion-list/components/promotion-list-table/promotion-list-table.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";
 import { Button, Container, Heading, usePrompt } from "@medusajs/ui";
 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, Outlet, useLoaderData, useNavigate } from "react-router-dom";
@@ -61,15 +63,20 @@ var PromotionListDataTable = () => {
   const { t } = useTranslation();
   const initialData = useLoaderData();
   const { searchParams, raw } = usePromotionTableQuery({ pageSize: PAGE_SIZE });
+  const linkQuery = useLinkQuery("promotion");
   const { promotions, count, isLoading, isError, error } = usePromotions(
-    { ...searchParams },
+    { ...searchParams, ...linkQuery },
     {
       initialData,
       placeholderData: keepPreviousData
     }
   );
-  const filters = usePromotionTableFilters();
-  const columns = useColumns();
+  const baseFilters = usePromotionTableFilters();
+  const { columns, filters: extFilters } = useColumns();
+  const filters = useMemo(
+    () => [...baseFilters, ...extFilters],
+    [baseFilters, extFilters]
+  );
   const { table } = useDataTable({
     data: promotions ?? [],
     columns,
@@ -166,9 +173,13 @@ var PromotionActions = ({ promotion }) => {
 var columnHelper = createColumnHelper();
 var useColumns = () => {
   const base = usePromotionTableColumns();
-  return useMemo(
+  const { columns: extended, filters } = useExtendableTable({
+    model: "promotion",
+    columns: base
+  });
+  const columns = useMemo(
     () => [
-      ...base,
+      ...extended,
       columnHelper.display({
         id: "actions",
         cell: ({ row }) => {
@@ -176,14 +187,15 @@ var useColumns = () => {
         }
       })
     ],
-    [base]
+    [extended]
   );
+  return { columns, filters };
 };
 
 // src/pages/promotions/promotion-list/promotions-list.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx2(SingleColumnPage, { children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx2(PromotionListTable, {}) });
+  return /* @__PURE__ */ jsx2(SingleColumnPage, { children: /* @__PURE__ */ jsx2(WidgetZone, { id: "promotions.list", children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx2(PromotionListTable, {}) }) });
 };
 var PromotionListPage = Object.assign(Root, {
   Table: PromotionListTable,

package/dist/{chunk-HI7NZVSJ.js → chunk-CRHUF6Q6.js}

@@ -3,7 +3,7 @@ import {
   useSalesChannelTableEmptyState,
   useSalesChannelTableFilters,
   useSalesChannelTableQuery
-} from "./chunk-7OKYEA6I.js";
+} from "./chunk-HC2TEEKQ.js";
 import {
   DataTable
 } from "./chunk-C4XKPQ6T.js";
@@ -12,14 +12,15 @@ import {
 } from "./chunk-H6MYB7GB.js";
 import {
   useStore
-} from "./chunk-EJY35WBK.js";
+} from "./chunk-2Z4JZU5E.js";
 import {
   useDeleteSalesChannelLazy,
   useSalesChannels
-} from "./chunk-MW47LDBT.js";
+} from "./chunk-YBMTMG47.js";
 
 // src/pages/sales-channels/sales-channel-list/sales-channel-list.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/sales-channels/sales-channel-list/components/sales-channel-list-view/sales-channel-list-view.tsx
 import { Children as Children2 } from "react";
@@ -184,7 +185,7 @@ var SalesChannelListView = ({
 // src/pages/sales-channels/sales-channel-list/sales-channel-list.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx4(SingleColumnPage, { hasOutlet: true, children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(SalesChannelListView, {}) });
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { hasOutlet: true, children: /* @__PURE__ */ jsx4(WidgetZone, { id: "sales-channels.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(SalesChannelListView, {}) }) });
 };
 var SalesChannelListPage = Object.assign(Root, {
   Table: SalesChannelListView,

package/dist/{chunk-W3P3RP5R.js → chunk-CRKA4PUH.js}

@@ -1,6 +1,6 @@
 import {
   useDeleteProductCategoryAction
-} from "./chunk-CW3HYGS5.js";
+} from "./chunk-2TTWEY5U.js";
 import {
   TextCell,
   TextHeader
@@ -12,32 +12,33 @@ import {
 } from "./chunk-Y456KVIN.js";
 import {
   getCategoryGallery
-} from "./chunk-QJCUPZZQ.js";
+} from "./chunk-RUHF6QPS.js";
 import {
   StatusCell
 } from "./chunk-DB6ANJBO.js";
 import {
   Thumbnail
 } from "./chunk-WIYFXWRI.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-GRFWCCUW.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 import {
   useProductCategories
-} from "./chunk-JZJT26E3.js";
+} from "./chunk-LAS6SXKB.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";
@@ -76,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";
@@ -194,14 +196,22 @@ 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,${imageFields}`,
+    ...ancestorsLinkQuery,
     ...searchParams
   } : {
     include_descendants_tree: true,
     parent_category_id: "null",
-    fields: `id,name,category_children,handle,is_internal,is_active,${imageFields}`,
+    ...descendantsLinkQuery,
     ...searchParams
   };
   const { product_categories, count, isLoading, isError, error } = useProductCategories(
@@ -274,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 }) => {
@@ -284,7 +298,7 @@ var useColumns = () => {
         }
       })
     ],
-    [base]
+    [extended]
   );
 };
 
@@ -300,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-OYZIFLLC.js → chunk-D24Q3XHG.js}

@@ -3,7 +3,7 @@ import {
   CategoryHeader,
   ProductStatusCell,
   ProductStatusHeader
-} from "./chunk-DI2M3J5Q.js";
+} from "./chunk-IHO6OGWR.js";
 import {
   ProductCell,
   ProductHeader

package/dist/{chunk-G5KNNOXX.js → chunk-D5FHUQQK.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-LXZXXOJ3.js";
+} from "./chunk-JTAECZCT.js";
 
 // src/hooks/api/commissions.tsx
 import {