@medusajs/dashboard 2.10.4-snapshot-20250922165717 → 2.10.4-snapshot-20250923121159

package/dist/{promotion-detail-6ZD7Z6BF.mjs → promotion-detail-GONXLJZ2.mjs}

@@ -1,12 +1,9 @@
-import {
-  BadgeListSummary
-} from "./chunk-BKJC5BGQ.mjs";
 import {
   DateRangeDisplay
 } from "./chunk-VAIHVNV6.mjs";
 import {
   getPromotionStatus
-} from "./chunk-KMUDF36P.mjs";
+} from "./chunk-JIQQKKLO.mjs";
 import {
   formatPercentage
 } from "./chunk-4FM6S5CX.mjs";
@@ -21,7 +18,7 @@ import {
 } from "./chunk-2RQLKDBF.mjs";
 import "./chunk-PFKKVLZX.mjs";
 import "./chunk-4GQOUCX6.mjs";
-import "./chunk-JELVERJM.mjs";
+import "./chunk-ZJA7VBUR.mjs";
 import {
   useExtension
 } from "./chunk-C5P5PL3E.mjs";
@@ -179,13 +176,65 @@ var CampaignSection = ({
 
 // src/routes/promotions/promotion-detail/components/promotion-conditions-section/promotion-conditions-section.tsx
 import { PencilSquare as PencilSquare2 } from "@medusajs/icons";
-import { Badge, Container as Container2, Heading as Heading2 } from "@medusajs/ui";
+import { Badge as Badge2, Container as Container2, Heading as Heading2 } from "@medusajs/ui";
+import { useTranslation as useTranslation3 } from "react-i18next";
+
+// src/components/common/badge-list-summary/badge-list-summary.tsx
+import { Badge, Tooltip, clx } from "@medusajs/ui";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var BadgeListSummary = ({
+  list,
+  className,
+  inline,
+  rounded = false,
+  n = 2
+}) => {
+  const { t } = useTranslation2();
+  const title = t("general.plusCount", {
+    count: list.length - n
+  });
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: clx(
+        "text-ui-fg-subtle txt-compact-small gap-x-2 overflow-hidden",
+        {
+          "inline-flex": inline,
+          flex: !inline
+        },
+        className
+      ),
+      children: [
+        list.slice(0, n).map((item) => {
+          return /* @__PURE__ */ jsx3(Badge, { rounded: rounded ? "full" : "base", size: "2xsmall", children: item }, item);
+        }),
+        list.length > n && /* @__PURE__ */ jsx3("div", { className: "whitespace-nowrap", children: /* @__PURE__ */ jsx3(
+          Tooltip,
+          {
+            content: /* @__PURE__ */ jsx3("ul", { children: list.slice(n).map((c) => /* @__PURE__ */ jsx3("li", { children: c }, c)) }),
+            children: /* @__PURE__ */ jsx3(
+              Badge,
+              {
+                rounded: rounded ? "full" : "base",
+                size: "2xsmall",
+                className: "cursor-default whitespace-nowrap",
+                children: title
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+};
+
+// src/routes/promotions/promotion-detail/components/promotion-conditions-section/promotion-conditions-section.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function RuleBlock({ rule }) {
-  return /* @__PURE__ */ jsx3("div", { className: "bg-ui-bg-subtle shadow-borders-base align-center flex justify-around rounded-md p-2", children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle txt-compact-xsmall flex items-center whitespace-nowrap", children: [
-    /* @__PURE__ */ jsx3(
-      Badge,
+  return /* @__PURE__ */ jsx4("div", { className: "bg-ui-bg-subtle shadow-borders-base align-center flex justify-around rounded-md p-2", children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle txt-compact-xsmall flex items-center whitespace-nowrap", children: [
+    /* @__PURE__ */ jsx4(
+      Badge2,
       {
         size: "2xsmall",
         className: "txt-compact-xsmall-plus tag-neutral-text mx-1 inline-block truncate",
@@ -193,8 +242,8 @@ function RuleBlock({ rule }) {
       },
       "rule-attribute"
     ),
-    /* @__PURE__ */ jsx3("span", { className: "txt-compact-2xsmall mx-1 inline-block", children: rule.operator_label }),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx4("span", { className: "txt-compact-2xsmall mx-1 inline-block", children: rule.operator_label }),
+    /* @__PURE__ */ jsx4(
       BadgeListSummary,
       {
         inline: true,
@@ -209,20 +258,20 @@ var PromotionConditionsSection = ({
   ruleType,
   applicationMethodTargetType
 }) => {
-  const { t } = useTranslation2();
-  return /* @__PURE__ */ jsxs2(Container2, { className: "p-0", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx3("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx3(Heading2, { children: t(
+  const { t } = useTranslation3();
+  return /* @__PURE__ */ jsxs3(Container2, { className: "p-0", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx4("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx4(Heading2, { children: t(
         ruleType === "target-rules" ? `promotions.fields.conditions.${ruleType}.${applicationMethodTargetType}.title` : `promotions.fields.conditions.${ruleType}.title`
       ) }) }),
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx4(
         ActionMenu,
         {
           groups: [
             {
               actions: [
                 {
-                  icon: /* @__PURE__ */ jsx3(PencilSquare2, {}),
+                  icon: /* @__PURE__ */ jsx4(PencilSquare2, {}),
                   label: t("actions.edit"),
                   to: `${ruleType}/edit`
                 }
@@ -232,8 +281,8 @@ var PromotionConditionsSection = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle flex flex-col gap-2 px-6 pb-4 pt-2", children: [
-      !rules.length && /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle flex flex-col gap-2 px-6 pb-4 pt-2", children: [
+      !rules.length && /* @__PURE__ */ jsx4(
         NoRecords,
         {
           className: "h-[180px]",
@@ -246,7 +295,7 @@ var PromotionConditionsSection = ({
           buttonVariant: "transparentIconLeft"
         }
       ),
-      rules.map((rule) => /* @__PURE__ */ jsx3(RuleBlock, { rule }, `${rule.id}-${rule.attribute}`))
+      rules.map((rule) => /* @__PURE__ */ jsx4(RuleBlock, { rule }, `${rule.id}-${rule.attribute}`))
     ] })
   ] });
 };
@@ -254,7 +303,7 @@ var PromotionConditionsSection = ({
 // src/routes/promotions/promotion-detail/components/promotion-general-section/promotion-general-section.tsx
 import { PencilSquare as PencilSquare3, Trash } from "@medusajs/icons";
 import {
-  Badge as Badge2,
+  Badge as Badge3,
   Container as Container3,
   Copy,
   Heading as Heading3,
@@ -262,9 +311,9 @@ import {
   Text as Text2,
   usePrompt
 } from "@medusajs/ui";
-import { useTranslation as useTranslation3 } from "react-i18next";
+import { useTranslation as useTranslation4 } from "react-i18next";
 import { useNavigate } from "react-router-dom";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function getDisplayValue(promotion) {
   const value = promotion.application_method?.value;
   if (!value) {
@@ -284,7 +333,7 @@ function getDisplayValue(promotion) {
 var PromotionGeneralSection = ({
   promotion
 }) => {
-  const { t } = useTranslation3();
+  const { t } = useTranslation4();
   const prompt = usePrompt();
   const navigate = useNavigate();
   const { mutateAsync } = useDeletePromotion(promotion.id);
@@ -310,19 +359,19 @@ var PromotionGeneralSection = ({
   };
   const [color, text] = getPromotionStatus(promotion);
   const displayValue = getDisplayValue(promotion);
-  return /* @__PURE__ */ jsxs3(Container3, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx4("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx4(Heading3, { children: promotion.code }) }),
-      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-2", children: [
-        /* @__PURE__ */ jsx4(StatusBadge, { color, children: text }),
-        /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs4(Container3, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx5("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx5(Heading3, { children: promotion.code }) }),
+      /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ jsx5(StatusBadge, { color, children: text }),
+        /* @__PURE__ */ jsx5(
           ActionMenu,
           {
             groups: [
               {
                 actions: [
                   {
-                    icon: /* @__PURE__ */ jsx4(PencilSquare3, {}),
+                    icon: /* @__PURE__ */ jsx5(PencilSquare3, {}),
                     label: t("actions.edit"),
                     to: `/promotions/${promotion.id}/edit`
                   }
@@ -331,7 +380,7 @@ var PromotionGeneralSection = ({
               {
                 actions: [
                   {
-                    icon: /* @__PURE__ */ jsx4(Trash, {}),
+                    icon: /* @__PURE__ */ jsx5(Trash, {}),
                     label: t("actions.delete"),
                     onClick: handleDelete
                   }
@@ -342,20 +391,20 @@ var PromotionGeneralSection = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
-      /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.campaign") }),
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", className: "text-pretty", children: promotion.is_automatic ? t("promotions.form.method.automatic.title") : t("promotions.form.method.code.title") })
+    /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+      /* @__PURE__ */ jsx5(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.campaign") }),
+      /* @__PURE__ */ jsx5(Text2, { size: "small", leading: "compact", className: "text-pretty", children: promotion.is_automatic ? t("promotions.form.method.automatic.title") : t("promotions.form.method.code.title") })
     ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-      /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("fields.code") }),
-      /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+      /* @__PURE__ */ jsx5(Text2, { size: "small", weight: "plus", leading: "compact", children: t("fields.code") }),
+      /* @__PURE__ */ jsx5(
         Copy,
         {
           content: promotion.code,
           className: "text-ui-tag-neutral-text",
           asChild: true,
-          children: /* @__PURE__ */ jsx4(
-            Badge2,
+          children: /* @__PURE__ */ jsx5(
+            Badge3,
             {
               size: "2xsmall",
               rounded: "full",
@@ -366,30 +415,30 @@ var PromotionGeneralSection = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
-      /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.type") }),
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", className: "text-pretty capitalize", children: promotion.type })
+    /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+      /* @__PURE__ */ jsx5(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.type") }),
+      /* @__PURE__ */ jsx5(Text2, { size: "small", leading: "compact", className: "text-pretty capitalize", children: promotion.type })
     ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
-      /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.value") }),
-      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-2", children: [
-        /* @__PURE__ */ jsx4(Text2, { className: "inline", size: "small", leading: "compact", children: displayValue || "-" }),
-        promotion?.application_method?.type === "fixed" && /* @__PURE__ */ jsx4(Badge2, { size: "2xsmall", rounded: "full", children: promotion?.application_method?.currency_code?.toUpperCase() })
+    /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+      /* @__PURE__ */ jsx5(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.value") }),
+      /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ jsx5(Text2, { className: "inline", size: "small", leading: "compact", children: displayValue || "-" }),
+        promotion?.application_method?.type === "fixed" && /* @__PURE__ */ jsx5(Badge3, { size: "2xsmall", rounded: "full", children: promotion?.application_method?.currency_code?.toUpperCase() })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
-      /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.allocation") }),
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", className: "text-pretty capitalize", children: promotion.application_method?.allocation })
+    /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+      /* @__PURE__ */ jsx5(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.allocation") }),
+      /* @__PURE__ */ jsx5(Text2, { size: "small", leading: "compact", className: "text-pretty capitalize", children: promotion.application_method?.allocation })
     ] }),
-    promotion.application_method?.type === "fixed" && /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
-      /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.taxInclusive") }),
-      /* @__PURE__ */ jsx4("div", { className: "flex items-center gap-x-2", children: /* @__PURE__ */ jsx4(Text2, { className: "inline", size: "small", leading: "compact", children: promotion.is_tax_inclusive ? t("fields.true") : t("fields.false") }) })
+    promotion.application_method?.type === "fixed" && /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+      /* @__PURE__ */ jsx5(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.taxInclusive") }),
+      /* @__PURE__ */ jsx5("div", { className: "flex items-center gap-x-2", children: /* @__PURE__ */ jsx5(Text2, { className: "inline", size: "small", leading: "compact", children: promotion.is_tax_inclusive ? t("fields.true") : t("fields.false") }) })
     ] })
   ] });
 };
 
 // src/routes/promotions/promotion-detail/promotion-detail.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var PromotionDetail = () => {
   const initialData = useLoaderData();
   const { id } = useParams2();
@@ -403,9 +452,9 @@ var PromotionDetail = () => {
   const { rules: buyRules } = usePromotionRules(id, "buy-rules", query);
   const { getWidgets } = useExtension();
   if (isLoading || !promotion) {
-    return /* @__PURE__ */ jsx5(TwoColumnPageSkeleton, { mainSections: 3, sidebarSections: 1, showJSON: true });
+    return /* @__PURE__ */ jsx6(TwoColumnPageSkeleton, { mainSections: 3, sidebarSections: 1, showJSON: true });
   }
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     TwoColumnPage,
     {
       data: promotion,
@@ -418,10 +467,10 @@ var PromotionDetail = () => {
       hasOutlet: true,
       showJSON: true,
       children: [
-        /* @__PURE__ */ jsxs4(TwoColumnPage.Main, { children: [
-          /* @__PURE__ */ jsx5(PromotionGeneralSection, { promotion }),
-          /* @__PURE__ */ jsx5(PromotionConditionsSection, { rules: rules || [], ruleType: "rules" }),
-          /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsxs5(TwoColumnPage.Main, { children: [
+          /* @__PURE__ */ jsx6(PromotionGeneralSection, { promotion }),
+          /* @__PURE__ */ jsx6(PromotionConditionsSection, { rules: rules || [], ruleType: "rules" }),
+          /* @__PURE__ */ jsx6(
             PromotionConditionsSection,
             {
               rules: targetRules || [],
@@ -429,7 +478,7 @@ var PromotionDetail = () => {
               applicationMethodTargetType: promotion.application_method.target_type || "items"
             }
           ),
-          promotion.type === "buyget" && /* @__PURE__ */ jsx5(
+          promotion.type === "buyget" && /* @__PURE__ */ jsx6(
             PromotionConditionsSection,
             {
               rules: buyRules || [],
@@ -438,7 +487,7 @@ var PromotionDetail = () => {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx5(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx5(CampaignSection, { campaign: promotion.campaign }) })
+        /* @__PURE__ */ jsx6(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx6(CampaignSection, { campaign: promotion.campaign }) })
       ]
     }
   );

package/dist/{promotion-list-GI64LDWI.mjs → promotion-list-NNEMVJ6I.mjs}

@@ -1,8 +1,8 @@
 import {
   usePromotionTableColumns,
   usePromotionTableQuery
-} from "./chunk-7YZF3THS.mjs";
-import "./chunk-KMUDF36P.mjs";
+} from "./chunk-BHZAQZYP.mjs";
+import "./chunk-JIQQKKLO.mjs";
 import "./chunk-MSDRGCRR.mjs";
 import "./chunk-ADOCJB6L.mjs";
 import "./chunk-LQTHYS2Z.mjs";
@@ -25,7 +25,7 @@ import {
 import "./chunk-C76H5USB.mjs";
 import "./chunk-PFKKVLZX.mjs";
 import "./chunk-4GQOUCX6.mjs";
-import "./chunk-JELVERJM.mjs";
+import "./chunk-ZJA7VBUR.mjs";
 import {
   useExtension
 } from "./chunk-C5P5PL3E.mjs";

package/dist/{reset-password-SXA6YKTJ.mjs → reset-password-ANJHGYUE.mjs}

@@ -3,7 +3,7 @@ import "./chunk-EQTBJSBZ.mjs";
 import "./chunk-4GQOUCX6.mjs";
 import {
   i18n
-} from "./chunk-JELVERJM.mjs";
+} from "./chunk-ZJA7VBUR.mjs";
 import {
   Form
 } from "./chunk-OBQI23QM.mjs";

package/dist/{sales-channel-list-ADIJMXNV.mjs → sales-channel-list-LKVHXUXW.mjs}

@@ -11,7 +11,7 @@ import "./chunk-2D44OO7A.mjs";
 import "./chunk-Q33G337Z.mjs";
 import {
   DataTable
-} from "./chunk-UNM3LPTG.mjs";
+} from "./chunk-YM4QJC6Y.mjs";
 import "./chunk-C76H5USB.mjs";
 import "./chunk-PFKKVLZX.mjs";
 import {

package/dist/{tax-region-create-W3K5IFD3.mjs → tax-region-create-IWM4755I.mjs}

@@ -24,7 +24,7 @@ import {
 import "./chunk-4GQOUCX6.mjs";
 import {
   i18n
-} from "./chunk-JELVERJM.mjs";
+} from "./chunk-ZJA7VBUR.mjs";
 import "./chunk-DG7J63J2.mjs";
 import {
   Form

package/dist/{user-list-3YFYZFSK.mjs → user-list-MKJLB5CQ.mjs}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-Q33G337Z.mjs";
 import {
   DataTable
-} from "./chunk-UNM3LPTG.mjs";
+} from "./chunk-YM4QJC6Y.mjs";
 import {
   useQueryParams
 } from "./chunk-C76H5USB.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medusajs/dashboard",
-  "version": "2.10.4-snapshot-20250922165717",
+  "version": "2.10.4-snapshot-20250923121159",
   "scripts": {
     "generate:static": "node ./scripts/generate-currencies.js && prettier --write ./src/lib/currencies.ts",
     "dev": "vite",
@@ -45,10 +45,10 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@hookform/error-message": "^2.0.1",
     "@hookform/resolvers": "3.4.2",
-    "@medusajs/admin-shared": "2.10.4-snapshot-20250922165717",
-    "@medusajs/icons": "2.10.4-snapshot-20250922165717",
-    "@medusajs/js-sdk": "2.10.4-snapshot-20250922165717",
-    "@medusajs/ui": "4.0.24-snapshot-20250922165717",
+    "@medusajs/admin-shared": "2.10.4-snapshot-20250923121159",
+    "@medusajs/icons": "2.10.4-snapshot-20250923121159",
+    "@medusajs/js-sdk": "2.10.4-snapshot-20250923121159",
+    "@medusajs/ui": "4.0.24-snapshot-20250923121159",
     "@radix-ui/react-dialog": "1.1.4",
     "@radix-ui/react-dismissable-layer": "1.1.4",
     "@tanstack/react-query": "5.64.2",
@@ -78,10 +78,10 @@
     "zod": "3.25.76"
   },
   "devDependencies": {
-    "@medusajs/admin-shared": "2.10.4-snapshot-20250922165717",
-    "@medusajs/admin-vite-plugin": "2.10.4-snapshot-20250922165717",
-    "@medusajs/types": "2.10.4-snapshot-20250922165717",
-    "@medusajs/ui-preset": "2.10.4-snapshot-20250922165717",
+    "@medusajs/admin-shared": "2.10.4-snapshot-20250923121159",
+    "@medusajs/admin-vite-plugin": "2.10.4-snapshot-20250923121159",
+    "@medusajs/types": "2.10.4-snapshot-20250923121159",
+    "@medusajs/ui-preset": "2.10.4-snapshot-20250923121159",
     "@types/node": "^20.11.15",
     "@types/react": "^18.2.79",
     "@types/react-dom": "^18.2.25",

package/src/components/data-table/data-table.tsx

@@ -31,26 +31,26 @@ type DataTableActionProps = {
   label: string
   disabled?: boolean
 } & (
-    | {
+  | {
       to: string
     }
-    | {
+  | {
       onClick: () => void
     }
-  )
+)
 
 type DataTableActionMenuActionProps = {
   label: string
   icon: ReactNode
   disabled?: boolean
 } & (
-    | {
+  | {
       to: string
     }
-    | {
+  | {
       onClick: () => void
     }
-  )
+)
 
 type DataTableActionMenuGroupProps = {
   actions: DataTableActionMenuActionProps[]
@@ -138,15 +138,18 @@ export const DataTable = <TData,>({
   const isViewConfigEnabled = useFeatureFlag("view_configurations")
 
   // If view config is disabled, don't use column visibility features
-  const effectiveEnableColumnVisibility = isViewConfigEnabled && enableColumnVisibility
+  const effectiveEnableColumnVisibility =
+    isViewConfigEnabled && enableColumnVisibility
   const effectiveEnableViewSelector = isViewConfigEnabled && enableViewSelector
 
   const enableFiltering = filters && filters.length > 0
-  const showFilterMenu = enableFilterMenu !== undefined ? enableFilterMenu : enableFiltering
+  const showFilterMenu =
+    enableFilterMenu !== undefined ? enableFilterMenu : enableFiltering
   const enableCommands = commands && commands.length > 0
   const enableSorting = columns.some((column) => column.enableSorting)
 
-  const [columnVisibility, setColumnVisibility] = React.useState<VisibilityState>(initialColumnVisibility)
+  const [columnVisibility, setColumnVisibility] =
+    React.useState<VisibilityState>(initialColumnVisibility)
 
   // Update column visibility when initial visibility changes
   React.useEffect(() => {
@@ -154,9 +157,12 @@ export const DataTable = <TData,>({
     const currentKeys = Object.keys(columnVisibility).sort()
     const newKeys = Object.keys(initialColumnVisibility).sort()
 
-    const hasChanged = currentKeys.length !== newKeys.length ||
+    const hasChanged =
+      currentKeys.length !== newKeys.length ||
       currentKeys.some((key, index) => key !== newKeys[index]) ||
-      Object.entries(initialColumnVisibility).some(([key, value]) => columnVisibility[key] !== value)
+      Object.entries(initialColumnVisibility).some(
+        ([key, value]) => columnVisibility[key] !== value
+      )
 
     if (hasChanged) {
       setColumnVisibility(initialColumnVisibility)
@@ -164,10 +170,13 @@ export const DataTable = <TData,>({
   }, [initialColumnVisibility])
 
   // Wrapper function to handle column visibility changes
-  const handleColumnVisibilityChange = React.useCallback((visibility: VisibilityState) => {
-    setColumnVisibility(visibility)
-    onColumnVisibilityChange?.(visibility)
-  }, [onColumnVisibilityChange])
+  const handleColumnVisibilityChange = React.useCallback(
+    (visibility: VisibilityState) => {
+      setColumnVisibility(visibility)
+      onColumnVisibilityChange?.(visibility)
+    },
+    [onColumnVisibilityChange]
+  )
 
   // Extract filter IDs for query param management
   const filterIds = useMemo(() => filters?.map((f) => f.id) ?? [], [filters])
@@ -231,7 +240,7 @@ export const DataTable = <TData,>({
       Array.from(prev.keys()).forEach((key) => {
         if (prefixedFilterIds.includes(key)) {
           // Extract the unprefixed key
-          const unprefixedKey = prefix ? key.replace(`${prefix}_`, '') : key
+          const unprefixedKey = prefix ? key.replace(`${prefix}_`, "") : key
           if (!(unprefixedKey in value)) {
             prev.delete(key)
           }
@@ -257,11 +266,14 @@ export const DataTable = <TData,>({
   }, [order])
 
   // Memoize current configuration to prevent infinite loops
-  const currentConfiguration = useMemo(() => ({
-    filters: filtering,
-    sorting: sorting,
-    search: search,
-  }), [filtering, sorting, search])
+  const currentConfiguration = useMemo(
+    () => ({
+      filters: filtering,
+      sorting: sorting,
+      search: search,
+    }),
+    [filtering, sorting, search]
+  )
 
   const handleSortingChange = (value: DataTableSortingState) => {
     setSearchParams((prev) => {
@@ -315,42 +327,43 @@ export const DataTable = <TData,>({
     onRowClick: rowHref ? onRowClick : undefined,
     pagination: enablePagination
       ? {
-        state: pagination,
-        onPaginationChange: handlePaginationChange,
-      }
+          state: pagination,
+          onPaginationChange: handlePaginationChange,
+        }
       : undefined,
     filtering: enableFiltering
       ? {
-        state: filtering,
-        onFilteringChange: handleFilteringChange,
-      }
+          state: filtering,
+          onFilteringChange: handleFilteringChange,
+        }
       : undefined,
     sorting: enableSorting
       ? {
-        state: sorting,
-        onSortingChange: handleSortingChange,
-      }
+          state: sorting,
+          onSortingChange: handleSortingChange,
+        }
       : undefined,
     search: enableSearch
       ? {
-        state: search,
-        onSearchChange: handleSearchChange,
-      }
+          state: search,
+          onSearchChange: handleSearchChange,
+        }
       : undefined,
     rowSelection,
     isLoading,
     columnVisibility: effectiveEnableColumnVisibility
       ? {
-        state: columnVisibility,
-        onColumnVisibilityChange: handleColumnVisibilityChange,
-      }
-      : undefined,
-    columnOrder: effectiveEnableColumnVisibility && columnOrder && onColumnOrderChange
-      ? {
-        state: columnOrder,
-        onColumnOrderChange: onColumnOrderChange,
-      }
+          state: columnVisibility,
+          onColumnVisibilityChange: handleColumnVisibilityChange,
+        }
       : undefined,
+    columnOrder:
+      effectiveEnableColumnVisibility && columnOrder && onColumnOrderChange
+        ? {
+            state: columnOrder,
+            onColumnOrderChange: onColumnOrderChange,
+          }
+        : undefined,
   })
 
   const shouldRenderHeading = heading || subHeading
@@ -358,7 +371,9 @@ export const DataTable = <TData,>({
   return (
     <UiDataTable
       instance={instance}
-      className={layout === "fill" ? "h-full [&_tr]:last-of-type:!border-b" : undefined}
+      className={
+        layout === "fill" ? "h-full [&_tr]:last-of-type:!border-b" : undefined
+      }
     >
       <UiDataTable.Toolbar
         className="flex flex-col items-start justify-between gap-2 md:flex-row md:items-center"
@@ -397,7 +412,9 @@ export const DataTable = <TData,>({
               </div>
             )}
             {actionMenu && <ActionMenu variant="primary" {...actionMenu} />}
-            {actions && actions.length > 0 && <DataTableActions actions={actions} />}
+            {actions && actions.length > 0 && (
+              <DataTableActions actions={actions} />
+            )}
             {!actions && action && <DataTableAction {...action} />}
           </div>
         </div>
@@ -407,7 +424,9 @@ export const DataTable = <TData,>({
         <UiDataTable.Pagination translations={paginationTranslations} />
       )}
       {enableCommands && (
-        <UiDataTable.CommandBar selectedLabel={(count) => `${count} selected`} />
+        <UiDataTable.CommandBar
+          selectedLabel={(count) => `${count} selected`}
+        />
       )}
     </UiDataTable>
   )
@@ -520,4 +539,3 @@ const DataTableActions = ({ actions }: { actions: DataTableActionProps[] }) => {
     </div>
   )
 }
-