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

package/dist/{chunk-UZ452ISX.js → chunk-U4MV53CS.js}

@@ -61,11 +61,13 @@ import {
 // src/pages/customers/customer-detail/customer-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/customers/customer-detail/components/customer-address-section/customer-address-section.tsx
 import { Button, clx, Container, Heading, toast, usePrompt } from "@medusajs/ui";
 import { useTranslation } from "react-i18next";
 import { PencilSquare, Trash } from "@medusajs/icons";
+import { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
 import { Link, useNavigate } from "react-router-dom";
 
 // src/components/common/listicle/listicle.tsx
@@ -174,7 +176,8 @@ var CustomerAddressSection = ({
           )
         }
       ) }, address.id);
-    })
+    }),
+    /* @__PURE__ */ jsx2(DisplayExtensionZone, { model: "customer", zone: "addresses", data: customer })
   ] });
 };
 
@@ -190,7 +193,9 @@ import {
 } from "@medusajs/ui";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { useNavigate as useNavigate2 } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone2, DisplayField } from "@mercurjs/dashboard-shared";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var GENERAL_FIELD_IDS = ["email", "status", "name", "company_name", "phone"];
 var CustomerGeneralSection = ({
   customer
 }) => {
@@ -231,9 +236,9 @@ var CustomerGeneralSection = ({
   };
   return /* @__PURE__ */ jsxs3(Container2, { className: "divide-y p-0", "data-testid": "customer-general-section", children: [
     /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "customer-general-section-header", children: [
-      /* @__PURE__ */ jsx3(Heading2, { "data-testid": "customer-general-section-email", children: customer.email }),
+      /* @__PURE__ */ jsx3(DisplayField, { model: "customer", zone: "general", id: "email", data: customer, children: /* @__PURE__ */ jsx3(Heading2, { "data-testid": "customer-general-section-email", children: customer.email }) }),
       /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-2", "data-testid": "customer-general-section-actions", children: [
-        /* @__PURE__ */ jsx3(StatusBadge, { color: statusColor, "data-testid": "customer-general-section-status-badge", children: statusText }),
+        /* @__PURE__ */ jsx3(DisplayField, { model: "customer", zone: "general", id: "status", data: customer, children: /* @__PURE__ */ jsx3(StatusBadge, { color: statusColor, "data-testid": "customer-general-section-status-badge", children: statusText }) }),
         /* @__PURE__ */ jsx3(
           ActionMenu,
           {
@@ -262,18 +267,27 @@ var CustomerGeneralSection = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "customer-general-section-name-row", children: [
+    /* @__PURE__ */ jsx3(DisplayField, { model: "customer", zone: "general", id: "name", data: customer, children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "customer-general-section-name-row", children: [
       /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", "data-testid": "customer-general-section-name-label", children: t2("fields.name") }),
       /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", "data-testid": "customer-general-section-name-value", children: name || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "customer-general-section-company-row", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx3(DisplayField, { model: "customer", zone: "general", id: "company_name", data: customer, children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "customer-general-section-company-row", children: [
       /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", "data-testid": "customer-general-section-company-label", children: t2("fields.company") }),
       /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", "data-testid": "customer-general-section-company-value", children: customer.company_name || "-" })
-    ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "customer-general-section-phone-row", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx3(DisplayField, { model: "customer", zone: "general", id: "phone", data: customer, children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "customer-general-section-phone-row", children: [
       /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", "data-testid": "customer-general-section-phone-label", children: t2("fields.phone") }),
       /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", "data-testid": "customer-general-section-phone-value", children: customer.phone || "-" })
-    ] })
+    ] }) }),
+    /* @__PURE__ */ jsx3(
+      DisplayExtensionZone2,
+      {
+        model: "customer",
+        zone: "general",
+        data: customer,
+        builtInFieldIds: GENERAL_FIELD_IDS
+      }
+    )
   ] });
 };
 
@@ -290,6 +304,7 @@ import { createColumnHelper } from "@tanstack/react-table";
 import { t } from "i18next";
 import { useMemo, useState } from "react";
 import { PencilSquare as PencilSquare3, Trash as Trash3 } from "@medusajs/icons";
+import { DisplayExtensionZone as DisplayExtensionZone3 } from "@mercurjs/dashboard-shared";
 import { keepPreviousData } from "@tanstack/react-query";
 import { useTranslation as useTranslation3 } from "react-i18next";
 import { Link as Link2 } from "react-router-dom";
@@ -405,7 +420,8 @@ var CustomerGroupSection = ({
           icon: null
         }
       }
-    )
+    ),
+    /* @__PURE__ */ jsx4(DisplayExtensionZone3, { model: "customer", zone: "groups", data: customer })
   ] });
 };
 var CustomerGroupRowActions = ({
@@ -521,6 +537,7 @@ import { keepPreviousData as keepPreviousData2 } from "@tanstack/react-query";
 import { createColumnHelper as createColumnHelper2 } from "@tanstack/react-table";
 import { useMemo as useMemo2 } from "react";
 import { useTranslation as useTranslation4 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone4 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var PREFIX2 = "cusord";
 var PAGE_SIZE2 = 10;
@@ -645,7 +662,8 @@ var CustomerOrderSection = ({
         queryObject: raw,
         prefix: PREFIX2
       }
-    )
+    ),
+    /* @__PURE__ */ jsx5(DisplayExtensionZone4, { model: "customer", zone: "orders", data: customer })
   ] });
 };
 var CustomerOrderActions = ({ orderId }) => {
@@ -792,12 +810,12 @@ var Root = ({ children }) => {
     throw error;
   }
   return Children.count(children) > 0 ? /* @__PURE__ */ jsx6(TwoColumnPage, { data: customer, hasOutlet: true, showJSON: true, showMetadata: true, children }) : /* @__PURE__ */ jsxs6(TwoColumnPage, { data: customer, hasOutlet: true, showJSON: true, showMetadata: true, children: [
-    /* @__PURE__ */ jsxs6(TwoColumnPage.Main, { children: [
+    /* @__PURE__ */ jsx6(TwoColumnPage.Main, { children: /* @__PURE__ */ jsxs6(WidgetZone, { id: "customers.detail.main", data: customer, children: [
       /* @__PURE__ */ jsx6(CustomerGeneralSection, { customer }),
       /* @__PURE__ */ jsx6(CustomerOrderSection, { customer }),
       /* @__PURE__ */ jsx6(CustomerGroupSection, { customer })
-    ] }),
-    /* @__PURE__ */ jsx6(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx6(CustomerAddressSection, { customer }) })
+    ] }) }),
+    /* @__PURE__ */ jsx6(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx6(WidgetZone, { id: "customers.detail.side", data: customer, children: /* @__PURE__ */ jsx6(CustomerAddressSection, { customer }) }) })
   ] });
 };
 var CustomerDetailPage = Object.assign(Root, {

package/dist/{chunk-VBKFXL2Q.js → chunk-USG4EATH.js}

@@ -27,10 +27,12 @@ import {
 
 // src/pages/inventory/inventory-list/inventory-list.tsx
 import { Children as Children2 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/inventory/inventory-list/components/inventory-list-table.tsx
 import { Button, Container, Heading, Text } from "@medusajs/ui";
-import { Children, useState } from "react";
+import { useExtendableTable } from "@mercurjs/dashboard-shared";
+import { Children, useMemo as useMemo2, useState } from "react";
 import { useTranslation as useTranslation4 } from "react-i18next";
 import { Link, useNavigate } from "react-router-dom";
 
@@ -375,8 +377,21 @@ var InventoryListDataTable = () => {
   } = useInventoryItems({
     ...searchParams
   });
-  const filters = useInventoryTableFilters();
-  const columns = useInventoryTableColumns();
+  const baseFilters = useInventoryTableFilters();
+  const baseColumns = useInventoryTableColumns();
+  const actionsColumn = baseColumns[baseColumns.length - 1];
+  const { columns: extended, filters: extFilters } = useExtendableTable({
+    model: "inventory_item",
+    columns: baseColumns.slice(0, -1)
+  });
+  const columns = useMemo2(
+    () => [...extended, actionsColumn],
+    [extended, actionsColumn]
+  );
+  const filters = useMemo2(
+    () => [...baseFilters, ...extFilters],
+    [baseFilters, extFilters]
+  );
   const { table } = useDataTable({
     data: inventory_items ?? [],
     columns,
@@ -438,7 +453,7 @@ var InventoryListTable = ({ children }) => {
 // 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: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx4(InventoryListTable, {}) }) });
+  return /* @__PURE__ */ jsx4("div", { "data-testid": "inventory-page", children: /* @__PURE__ */ jsx4(SingleColumnPage, { children: /* @__PURE__ */ jsx4(WidgetZone, { id: "inventory.list", children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx4(InventoryListTable, {}) }) }) });
 };
 var InventoryListPage = Object.assign(Root, {
   Table: InventoryListTable,

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

@@ -16,10 +16,10 @@ import {
 } from "./chunk-QJCUPZZQ.js";
 import {
   useProductTableColumns
-} from "./chunk-OYZIFLLC.js";
+} from "./chunk-I5HY5Q3K.js";
 import {
   useProductTableFilters
-} from "./chunk-4346EIRG.js";
+} from "./chunk-LGOPKYNG.js";
 import {
   useProductTableQuery
 } from "./chunk-H7NIKMPE.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-W7CJSBDM.js → chunk-VLYPVR5U.js}

@@ -1,9 +1,9 @@
 import {
   useProductTableColumns
-} from "./chunk-OYZIFLLC.js";
+} from "./chunk-I5HY5Q3K.js";
 import {
   useProductTableFilters
-} from "./chunk-4346EIRG.js";
+} from "./chunk-LGOPKYNG.js";
 import {
   useProductTableQuery
 } from "./chunk-H7NIKMPE.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-6KWWJE5P.js → chunk-VXDRQQRZ.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-HC25LNX7.js";
 import {
   useShippingOptionTableQuery
-} from "./chunk-WKDHY2DJ.js";
+} from "./chunk-COOOOQ2N.js";
 import {
   useProductTypeTableQuery
 } from "./chunk-VOHEQ7B5.js";
@@ -27,10 +27,10 @@ import {
 } from "./chunk-JHIMVLB2.js";
 import {
   useProductTableColumns
-} from "./chunk-OYZIFLLC.js";
+} from "./chunk-I5HY5Q3K.js";
 import {
   useProductTableFilters
-} from "./chunk-4346EIRG.js";
+} from "./chunk-LGOPKYNG.js";
 import {
   useProductTableQuery
 } from "./chunk-H7NIKMPE.js";