@mercurjs/vendor 2.2.0-canary.9 → 2.2.0-rc.0

package/dist/{chunk-JAUZ73XE.js → chunk-G6YNCIVF.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-RIN4CBRB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/hooks/api/inventory.tsx
 import {
@@ -27,18 +27,21 @@ var PRODUCT_ATTRIBUTES_QUERY_KEY = "product_attributes";
 var productAttributesQueryKeys = queryKeysFactory(
   PRODUCT_ATTRIBUTES_QUERY_KEY
 );
-var useProductAttribute = (id, query, options) => {
-  const { data, ...rest } = useQuery({
-    queryKey: productAttributesQueryKeys.detail(id, query),
-    queryFn: async () => sdk.vendor.productAttributes.$id.query({ $id: id, ...query }),
-    ...options
+var sortAttributeValuesByRank = (attributes) => {
+  attributes?.forEach((attribute) => {
+    if (Array.isArray(attribute.values)) {
+      attribute.values.sort((a, b) => (a.rank ?? 0) - (b.rank ?? 0));
+    }
   });
-  return { ...data, ...rest };
 };
 var useProductAttributes = (query, options) => {
   const { data, ...rest } = useQuery({
     queryKey: productAttributesQueryKeys.list(query),
-    queryFn: async () => sdk.vendor.productAttributes.query({ ...query }),
+    queryFn: async () => {
+      const res = await sdk.vendor.productAttributes.query({ ...query });
+      sortAttributeValuesByRank(res?.product_attributes);
+      return res;
+    },
     ...options
   });
   return { ...data, ...rest };
@@ -116,6 +119,7 @@ var useDeleteProduct = (id, options) => {
         queryKey: productChangeQueryKeys.detail(id)
       });
       queryClient.invalidateQueries({ queryKey: productsQueryKeys.detail(id) });
+      queryClient.invalidateQueries({ queryKey: productsQueryKeys.lists() });
       options?.onSuccess?.(data, variables, context);
     },
     ...options
@@ -192,6 +196,9 @@ var useUpdateProductVariant = (productId, variantId, options) => {
       queryClient.invalidateQueries({
         queryKey: productsQueryKeys.detail(productId)
       });
+      queryClient.invalidateQueries({
+        queryKey: variantsQueryKeys.detail(variantId)
+      });
       options?.onSuccess?.(data, variables, context);
     },
     ...options
@@ -236,86 +243,43 @@ var useDeleteVariantLazy = (productId, options) => {
     ...options
   });
 };
-var useAddProductAttribute = (productId, options) => {
+var useBatchProductAttributes = (productId, options) => {
   return useMutation({
-    mutationFn: (payload) => sdk.vendor.products.$id.attributes.mutate({
+    mutationFn: (payload) => sdk.vendor.products.$id.attributes.batch.mutate({
       $id: productId,
       ...payload
     }),
     onSuccess: (data, variables, context) => {
-      queryClient.invalidateQueries({
-        queryKey: productChangeQueryKeys.detail(productId)
-      });
       queryClient.invalidateQueries({
         queryKey: productAttributesQueryKeys.lists()
       });
       queryClient.invalidateQueries({
         queryKey: productsQueryKeys.detail(productId)
       });
-      options?.onSuccess?.(data, variables, context);
-    },
-    ...options
-  });
-};
-var useUpdateProductAttribute = (productId, attributeId, options) => {
-  return useMutation({
-    mutationFn: (payload) => sdk.vendor.products.$id.attributes.$attributeId.mutate({
-      $id: productId,
-      $attributeId: attributeId,
-      ...payload
-    }),
-    onSuccess: (data, variables, context) => {
       queryClient.invalidateQueries({
         queryKey: productChangeQueryKeys.detail(productId)
       });
-      queryClient.invalidateQueries({
-        queryKey: productAttributesQueryKeys.lists()
-      });
-      queryClient.invalidateQueries({
-        queryKey: productsQueryKeys.detail(productId)
-      });
       options?.onSuccess?.(data, variables, context);
     },
     ...options
   });
 };
-var useBatchProductAttributes = (productId, options) => {
+var useRemoveAttributeFromProduct = (productId, attributeId, options) => {
   return useMutation({
-    mutationFn: (payload) => sdk.vendor.products.$id.attributes.batch.mutate({
+    mutationFn: () => sdk.vendor.products.$id.attributes.batch.mutate({
       $id: productId,
-      ...payload
+      remove: [attributeId]
     }),
     onSuccess: (data, variables, context) => {
-      queryClient.invalidateQueries({
-        queryKey: productChangeQueryKeys.detail(productId)
-      });
       queryClient.invalidateQueries({
         queryKey: productAttributesQueryKeys.lists()
       });
       queryClient.invalidateQueries({
         queryKey: productsQueryKeys.detail(productId)
       });
-      options?.onSuccess?.(data, variables, context);
-    },
-    ...options
-  });
-};
-var useRemoveProductAttribute = (productId, attributeId, options) => {
-  return useMutation({
-    mutationFn: () => sdk.vendor.products.$id.attributes.$attributeId.delete({
-      $id: productId,
-      $attributeId: attributeId
-    }),
-    onSuccess: (data, variables, context) => {
       queryClient.invalidateQueries({
         queryKey: productChangeQueryKeys.detail(productId)
       });
-      queryClient.invalidateQueries({
-        queryKey: productAttributesQueryKeys.lists()
-      });
-      queryClient.invalidateQueries({
-        queryKey: productsQueryKeys.detail(productId)
-      });
       options?.onSuccess?.(data, variables, context);
     },
     ...options
@@ -511,8 +475,6 @@ export {
   useUpdateInventoryLevel,
   useBatchInventoryItemLocationLevels,
   useBatchInventoryItemsLocationLevels,
-  productAttributesQueryKeys,
-  useProductAttribute,
   useProductAttributes,
   productsQueryKeys,
   variantsQueryKeys,
@@ -529,8 +491,6 @@ export {
   useUpdateProductVariant,
   useDeleteVariant,
   useDeleteVariantLazy,
-  useAddProductAttribute,
-  useUpdateProductAttribute,
   useBatchProductAttributes,
-  useRemoveProductAttribute
+  useRemoveAttributeFromProduct
 };

package/dist/{chunk-PVZBDWLK.js → chunk-GRH7C3QN.js}

@@ -25,7 +25,7 @@ var useCustomerTableQuery = ({
     offset: offset ? Number(offset) : 0,
     groups: groups?.split(","),
     has_account: has_account ? has_account === "true" : void 0,
-    order,
+    order: order ? order : "-created_at",
     created_at: created_at ? JSON.parse(created_at) : void 0,
     updated_at: updated_at ? JSON.parse(updated_at) : void 0,
     q

package/dist/chunk-GSH6ZGI6.js

@@ -0,0 +1,353 @@
+import {
+  OFFERS_PAGE_SIZE,
+  OFFER_PRODUCT_LIST_FIELDS
+} from "./chunk-XQUF3WIS.js";
+import {
+  CategoryCell,
+  CategoryHeader,
+  ProductStatusCell,
+  ProductStatusHeader
+} from "./chunk-WBCWER26.js";
+import {
+  ProductCell
+} from "./chunk-FWPGOIFA.js";
+import {
+  useProductTableFilters
+} from "./chunk-JK4M3ZKY.js";
+import {
+  PlaceholderCell
+} from "./chunk-PHOCVOZ5.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-W3UHAQCV.js";
+import {
+  SingleColumnPage
+} from "./chunk-YV6MK4PZ.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  useBulkDeleteOffers
+} from "./chunk-EPRYM3FA.js";
+import {
+  useProducts
+} from "./chunk-G6YNCIVF.js";
+
+// src/pages/offers/offer-list-page.tsx
+import { Children as Children2 } from "react";
+
+// src/pages/offers/_components/offer-list-table.tsx
+import { Container } from "@medusajs/ui";
+import { Children } from "react";
+import { Outlet } from "react-router-dom";
+
+// src/pages/offers/_components/offer-list-data-table.tsx
+import { keepPreviousData } from "@tanstack/react-query";
+import { useTranslation as useTranslation3 } from "react-i18next";
+
+// src/pages/offers/_components/use-offer-table-columns.tsx
+import { Text } from "@medusajs/ui";
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+
+// src/pages/offers/_components/offer-actions.tsx
+import { Buildings, CurrencyDollar, Trash } from "@medusajs/icons";
+import { toast, usePrompt } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var OfferActions = ({ product }) => {
+  const { t } = useTranslation();
+  const prompt = usePrompt();
+  const { mutateAsync: bulkDelete } = useBulkDeleteOffers();
+  const handleDelete = async () => {
+    if (!product.offerIds.length) {
+      return;
+    }
+    const confirmed = await prompt({
+      title: t("general.areYouSure"),
+      // The product listing is one offer to the seller, regardless of how
+      // many of its variants are offered under the hood.
+      description: t("offers.delete.descriptionByName", { name: product.title }),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel"),
+      variant: "danger"
+    });
+    if (!confirmed) {
+      return;
+    }
+    const result = await bulkDelete(product.offerIds);
+    if (result.failed.length === 0) {
+      toast.success(t("offers.delete.successToast"));
+    } else {
+      toast.warning(
+        t("offers.bulkDelete.partialToast", {
+          succeeded: result.succeeded.length,
+          total: product.offerIds.length,
+          failed: result.failed.length
+        })
+      );
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    ActionMenu,
+    {
+      groups: [
+        {
+          actions: [
+            {
+              icon: /* @__PURE__ */ jsx(CurrencyDollar, {}),
+              label: t("offers.actions.edit_prices"),
+              to: `${product.id}/edit-price`
+            },
+            {
+              icon: /* @__PURE__ */ jsx(Buildings, {}),
+              label: t("offers.actions.edit_stock_levels"),
+              to: `${product.id}/edit-stock`
+            }
+          ]
+        },
+        {
+          actions: [
+            {
+              icon: /* @__PURE__ */ jsx(Trash, {}),
+              label: t("actions.delete"),
+              onClick: handleDelete,
+              disabled: product.offerIds.length === 0
+            }
+          ]
+        }
+      ]
+    }
+  );
+};
+
+// src/pages/offers/_components/use-offer-table-columns.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var countOfferedVariants = (row) => (row.variants ?? []).filter((v) => (v.offers?.length ?? 0) > 0).length;
+var collectOfferIds = (row) => (row.variants ?? []).flatMap((v) => (v.offers ?? []).map((o) => o.id));
+var useOfferTableColumns = () => {
+  const { t } = useTranslation2();
+  return useMemo(
+    () => [
+      columnHelper.display({
+        id: "product",
+        header: t("offers.domain"),
+        cell: ({ row }) => /* @__PURE__ */ jsx2(
+          ProductCell,
+          {
+            product: {
+              title: row.original.title ?? "",
+              thumbnail: row.original.thumbnail ?? null
+            }
+          }
+        )
+      }),
+      columnHelper.display({
+        id: "categories",
+        header: () => /* @__PURE__ */ jsx2(CategoryHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx2(CategoryCell, { categories: row.original.categories })
+      }),
+      columnHelper.display({
+        id: "collection",
+        header: t("fields.collection"),
+        cell: ({ row }) => {
+          const collection = row.original.collection;
+          if (!collection?.title) return /* @__PURE__ */ jsx2(PlaceholderCell, {});
+          return /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", className: "truncate", children: collection.title });
+        }
+      }),
+      columnHelper.display({
+        id: "variants",
+        header: t("offers.fields.variants"),
+        cell: ({ row }) => /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", className: "truncate", children: t("offers.fields.variantsCount", {
+          count: countOfferedVariants(row.original)
+        }) })
+      }),
+      columnHelper.display({
+        id: "status",
+        header: () => /* @__PURE__ */ jsx2(ProductStatusHeader, {}),
+        cell: ({ row }) => {
+          const status = row.original.status;
+          if (!status) return /* @__PURE__ */ jsx2(PlaceholderCell, {});
+          return /* @__PURE__ */ jsx2(ProductStatusCell, { status });
+        }
+      }),
+      columnHelper.display({
+        id: "actions",
+        cell: ({ row }) => /* @__PURE__ */ jsx2(
+          OfferActions,
+          {
+            product: {
+              id: row.original.id,
+              title: row.original.title ?? "",
+              offerIds: collectOfferIds(row.original)
+            }
+          }
+        )
+      })
+    ],
+    [t]
+  );
+};
+
+// src/pages/offers/_components/use-offer-table-filters.tsx
+var useOfferTableFilters = () => useProductTableFilters();
+
+// src/pages/offers/_components/use-offer-table-query.tsx
+var useOfferTableQuery = ({
+  pageSize = 10,
+  prefix
+}) => {
+  const raw = useQueryParams(
+    [
+      "q",
+      "order",
+      "offset",
+      "created_at",
+      "updated_at",
+      "category_id",
+      "collection_id",
+      "type_id",
+      "tag_id",
+      "status",
+      "id"
+    ],
+    prefix
+  );
+  const {
+    offset,
+    created_at,
+    updated_at,
+    category_id,
+    collection_id,
+    type_id,
+    tag_id,
+    status,
+    order,
+    q
+  } = raw;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    order: order || "title",
+    q,
+    category_id: category_id ? category_id.split(",") : void 0,
+    collection_id: collection_id ? collection_id.split(",") : void 0,
+    type_id: type_id ? type_id.split(",") : void 0,
+    tag_id: tag_id ? tag_id.split(",") : void 0,
+    status: status ? status.split(",") : void 0,
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    has_offer: "true",
+    fields: OFFER_PRODUCT_LIST_FIELDS
+  };
+  return {
+    searchParams,
+    raw
+  };
+};
+
+// src/pages/offers/_components/offer-list-data-table.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var OfferListDataTable = () => {
+  const { t } = useTranslation3();
+  const { raw, searchParams } = useOfferTableQuery({
+    pageSize: OFFERS_PAGE_SIZE
+  });
+  const { products, count, isLoading, isError, error } = useProducts(
+    searchParams,
+    { placeholderData: keepPreviousData }
+  );
+  const rows = products ?? [];
+  const filters = useOfferTableFilters();
+  const columns = useOfferTableColumns();
+  const { table } = useDataTable({
+    data: rows,
+    columns,
+    count,
+    enablePagination: true,
+    getRowId: (row) => row.id,
+    pageSize: OFFERS_PAGE_SIZE
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx3(
+    _DataTable,
+    {
+      table,
+      columns,
+      pageSize: OFFERS_PAGE_SIZE,
+      count,
+      isLoading,
+      pagination: true,
+      search: true,
+      filters,
+      queryObject: raw,
+      orderBy: [
+        { key: "title", label: t("fields.title") },
+        { key: "created_at", label: t("fields.createdAt") },
+        { key: "updated_at", label: t("fields.updatedAt") }
+      ],
+      defaultOrderBy: "title",
+      navigateTo: (row) => `${row.original.id}`,
+      noRecords: {
+        title: t("offers.empty.heading"),
+        message: t("offers.empty.description"),
+        action: {
+          to: "create",
+          label: t("offers.actions.create")
+        }
+      }
+    }
+  );
+};
+
+// src/pages/offers/_components/offer-list-header.tsx
+import { Button, Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation4 } from "react-i18next";
+import { Link } from "react-router-dom";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+var OfferListTitle = () => {
+  const { t } = useTranslation4();
+  return /* @__PURE__ */ jsx4(Heading, { children: t("offers.domain") });
+};
+var OfferListActions = () => {
+  const { t } = useTranslation4();
+  return /* @__PURE__ */ jsx4(Button, { size: "small", variant: "secondary", asChild: true, children: /* @__PURE__ */ jsx4(Link, { to: "create", "data-testid": "offer-list-create-button", children: t("offers.actions.create") }) });
+};
+var OfferListHeader = () => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+  /* @__PURE__ */ jsx4(OfferListTitle, {}),
+  /* @__PURE__ */ jsx4(OfferListActions, {})
+] });
+
+// src/pages/offers/_components/offer-list-table.tsx
+import { Fragment, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var OfferListTable = ({ children }) => /* @__PURE__ */ jsxs2(Container, { className: "divide-y p-0", "data-testid": "offer-list-table", children: [
+  Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx5(OfferListHeader, {}),
+    /* @__PURE__ */ jsx5(OfferListDataTable, {})
+  ] }),
+  /* @__PURE__ */ jsx5(Outlet, {})
+] });
+
+// src/pages/offers/offer-list-page.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Root = ({ children }) => /* @__PURE__ */ jsx6(SingleColumnPage, { children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx6(OfferListTable, {}) });
+var OfferListPage = Object.assign(Root, {
+  Table: OfferListTable,
+  Header: OfferListHeader,
+  HeaderTitle: OfferListTitle,
+  HeaderActions: OfferListActions,
+  DataTable: OfferListDataTable
+});
+
+export {
+  OfferListPage
+};

package/dist/{chunk-IQWK723D.js → chunk-GZ4KTAWS.js}

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

package/dist/{chunk-MJCL3WID.js → chunk-H6LZ77GX.js}

@@ -52,7 +52,7 @@ var useProductTableQuery = ({
     category_id: category_id?.split(","),
     collection_id: collection_id?.split(","),
     is_giftcard: is_giftcard ? is_giftcard === "true" : void 0,
-    order: order || "title",
+    order: order || "-created_at",
     tag_id: tag_id ? tag_id.split(",") : void 0,
     type_id: type_id?.split(","),
     status: status?.split(","),

package/dist/{chunk-2QTNCGKX.js → chunk-IEVN722X.js}

@@ -1,6 +1,6 @@
 import {
   useDeletePriceList
-} from "./chunk-BXRNZS5K.js";
+} from "./chunk-5PAUN3PM.js";
 
 // src/pages/price-lists/common/hooks/use-delete-price-list-action.tsx
 import { toast, usePrompt } from "@medusajs/ui";

package/dist/{chunk-L4KBTV57.js → chunk-IMJ62GAP.js}

@@ -19,8 +19,7 @@ var DEFAULT_PROPERTIES = [
   "shipping_tax_total",
   "tax_total",
   "refundable_total",
-  "order_change",
-  "commission_value"
+  "order_change"
 ];
 var DEFAULT_RELATIONS = [
   "*customer",
@@ -33,7 +32,6 @@ var DEFAULT_RELATIONS = [
   "*items.variant.inventory_items.inventory",
   "+items.variant.inventory_items.required_quantity",
   "*items.variant.prices",
-  "*items.commission_lines",
   "*items.offer",
   "*items.offer.prices",
   "*items.offer.shipping_profile",

package/dist/{chunk-SGR4DMCW.js → chunk-INYLPVCG.js}

@@ -1,6 +1,6 @@
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteDrawer,
   useRouteModal
@@ -160,7 +160,7 @@ var InnerForm = ({
                                     "aria-labelledby": METADATA_KEY_LABEL_ID,
                                     ...field2,
                                     disabled: isDisabled,
-                                    placeholder: "Key"
+                                    placeholder: t("metadata.edit.labels.key")
                                   }
                                 ) }) });
                               }
@@ -179,7 +179,7 @@ var InnerForm = ({
                                     ...field2,
                                     value: isDisabled ? placeholder : value,
                                     disabled: isDisabled,
-                                    placeholder: "Value"
+                                    placeholder: t("metadata.edit.labels.value")
                                   }
                                 ) }) });
                               }

package/dist/{chunk-5T6UWTRU.js → chunk-IV57G2CB.js}

@@ -16,7 +16,7 @@ import {
 import React, { useCallback, useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import { Link, useNavigate, useSearchParams } from "react-router-dom";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var DataTable = ({
   data = [],
   columns,
@@ -49,8 +49,7 @@ var DataTable = ({
   enableViewSelector: _enableViewSelector = false,
   entity: _entity,
   currentColumns: _currentColumns,
-  filterBarContent,
-  compact = false
+  filterBarContent
 }) => {
   const { t } = useTranslation();
   const enableFiltering = filters && filters.length > 0;
@@ -213,23 +212,20 @@ var DataTable = ({
     } : void 0
   });
   const shouldRenderHeading = heading || subHeading;
-  const compactFilterBarContent = compact && enableSearch ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(UiDataTable.Search, { placeholder: t("filters.searchLabel") }),
-    filterBarContent
-  ] }) : filterBarContent;
+  const hasToolbarHeader = Boolean(shouldRenderHeading) || Boolean(actionMenu) || Boolean(actions && actions.length > 0) || Boolean(action);
   return /* @__PURE__ */ jsxs(
     UiDataTable,
     {
       instance,
       className: layout === "fill" ? "h-full [&_tr]:last-of-type:!border-b" : void 0,
       children: [
-        /* @__PURE__ */ jsx(
+        hasToolbarHeader ? /* @__PURE__ */ jsx(
           UiDataTable.Toolbar,
           {
-            className: compact ? "hidden" : "flex flex-col items-start justify-between gap-2 md:flex-row md:items-center",
+            className: "flex flex-col items-start justify-between gap-2 md:flex-row md:items-center",
             translations: toolbarTranslations,
-            filterBarContent: compactFilterBarContent,
-            children: compact ? null : /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-2", children: [
+            filterBarContent,
+            children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-2", children: [
               /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-4", children: shouldRenderHeading && /* @__PURE__ */ jsxs("div", { children: [
                 heading && /* @__PURE__ */ jsx(Heading, { level: headingLevel, children: heading }),
                 subHeading && /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: subHeading })
@@ -249,6 +245,18 @@ var DataTable = ({
               ] })
             ] })
           }
+        ) : /* @__PURE__ */ jsxs(
+          UiDataTable.FilterBar,
+          {
+            alwaysShow: true,
+            clearAllFiltersLabel: toolbarTranslations.clearAll,
+            sortingTooltip: toolbarTranslations.sort,
+            columnsTooltip: toolbarTranslations.columns,
+            children: [
+              enableSearch && /* @__PURE__ */ jsx(UiDataTable.Search, { placeholder: t("filters.searchLabel") }),
+              filterBarContent
+            ]
+          }
         ),
         /* @__PURE__ */ jsx(UiDataTable.Table, { emptyState }),
         enablePagination && /* @__PURE__ */ jsx(UiDataTable.Pagination, { translations: paginationTranslations }),