@medusajs/dashboard 3.0.0-snapshot-20251208164410 → 3.0.0-snapshot-20251211180009

package/dist/{chunk-W7SLPIO2.mjs → chunk-FEB3ZGTL.mjs}

@@ -3413,23 +3413,220 @@ var Inner4 = ({
   );
 };
 
+// src/components/data-grid/components/data-grid-textarea-modal-cell.tsx
+import { clx as clx7, Textarea } from "@medusajs/ui";
+import { Popover as RadixPopover } from "radix-ui";
+import { useCallback as useCallback15, useEffect as useEffect7, useRef as useRef4, useState as useState10 } from "react";
+import { Controller as Controller5 } from "react-hook-form";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+var DataGridExpandableTextCell = ({
+  context,
+  fieldLabel
+}) => {
+  const { field, control, renderProps } = useDataGridCell({
+    context
+  });
+  const errorProps = useDataGridCellError({ context });
+  const { container, input } = renderProps;
+  return /* @__PURE__ */ jsx11(
+    Controller5,
+    {
+      control,
+      name: field,
+      render: ({ field: field2 }) => {
+        return /* @__PURE__ */ jsx11(
+          Inner5,
+          {
+            field: field2,
+            inputProps: input,
+            fieldLabel,
+            container,
+            errorProps
+          }
+        );
+      }
+    }
+  );
+};
+var Inner5 = ({
+  field,
+  inputProps,
+  fieldLabel: _fieldLabel,
+  container,
+  errorProps
+}) => {
+  const { onChange: _, onBlur, ref, value, ...rest } = field;
+  const { ref: inputRef, onBlur: onInputBlur, onChange, ...input } = inputProps;
+  const { setSingleRange, anchor } = useDataGridContext();
+  const { row, col } = anchor || { row: 0, col: 0 };
+  const [localValue, setLocalValue] = useState10(value || "");
+  const [isPopoverOpen, setIsPopoverOpen] = useState10(false);
+  const [popoverValue, setPopoverValue] = useState10(value || "");
+  const popoverContentRef = useRef4(null);
+  useEffect7(() => {
+    setLocalValue(value || "");
+  }, [value]);
+  useEffect7(() => {
+    if (isPopoverOpen) {
+      setPopoverValue(value || "");
+    }
+  }, [isPopoverOpen, value]);
+  useEffect7(() => {
+    if (!isPopoverOpen || !popoverContentRef.current) {
+      return;
+    }
+    const handleKeyDownCapture = (e) => {
+      const target = e.target;
+      const isTextarea = target.tagName === "TEXTAREA";
+      const isInPopover = popoverContentRef.current && popoverContentRef.current.contains(target);
+      if (isTextarea || isInPopover) {
+        const dataGridKeys = [
+          "Enter",
+          "Delete",
+          "Backspace",
+          "ArrowUp",
+          "ArrowDown",
+          "ArrowLeft",
+          "ArrowRight",
+          "Tab",
+          " "
+        ];
+        if (dataGridKeys.includes(e.key) && e.key !== "Escape") {
+          e.stopImmediatePropagation();
+        }
+      }
+    };
+    window.addEventListener("keydown", handleKeyDownCapture, true);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDownCapture, true);
+    };
+  }, [isPopoverOpen]);
+  const combinedRefs = useCombinedRefs(inputRef, ref);
+  const handleOverlayMouseDown = useCallback15(
+    (e) => {
+      if (e.detail === 2) {
+        e.preventDefault();
+        e.stopPropagation();
+        setSingleRange({ row, col });
+        setIsPopoverOpen(true);
+        return;
+      }
+      container.overlayProps.onMouseDown?.(e);
+    },
+    [container.overlayProps, setSingleRange, row, col]
+  );
+  const customContainer = {
+    ...container,
+    overlayProps: {
+      ...container.overlayProps,
+      onMouseDown: handleOverlayMouseDown
+    }
+  };
+  const handlePopoverSave = () => {
+    onChange(popoverValue, value);
+    setLocalValue(popoverValue);
+    setIsPopoverOpen(false);
+    onBlur();
+    onInputBlur();
+  };
+  const handlePopoverKeyDown = useCallback15((e) => {
+    if (e.key !== "Escape") {
+      e.stopPropagation();
+    }
+  }, []);
+  const displayValue = localValue || "";
+  const truncatedValue = displayValue.length > 50 ? `${displayValue.substring(0, 50)}...` : displayValue;
+  return /* @__PURE__ */ jsxs8(
+    RadixPopover.Root,
+    {
+      open: isPopoverOpen,
+      onOpenChange: (open) => {
+        if (!open) {
+          handlePopoverSave();
+        } else {
+          setIsPopoverOpen(true);
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxs8(DataGridCellContainer, { ...customContainer, ...errorProps, children: [
+          /* @__PURE__ */ jsx11(RadixPopover.Anchor, { asChild: true, children: /* @__PURE__ */ jsx11(
+            "div",
+            {
+              className: clx7(
+                "txt-compact-small text-ui-fg-subtle flex size-full cursor-pointer items-center justify-center bg-transparent outline-none",
+                "focus:cursor-text"
+              ),
+              children: /* @__PURE__ */ jsx11("span", { className: "w-full truncate text-center", children: truncatedValue })
+            }
+          ) }),
+          /* @__PURE__ */ jsx11(
+            "input",
+            {
+              className: "sr-only",
+              autoComplete: "off",
+              tabIndex: -1,
+              value: localValue,
+              onChange: (e) => setLocalValue(e.target.value),
+              ref: combinedRefs,
+              onBlur: () => {
+                onBlur();
+                onInputBlur();
+                onChange(localValue, value);
+              },
+              ...input,
+              ...rest
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx11(RadixPopover.Portal, { children: /* @__PURE__ */ jsx11(
+          RadixPopover.Content,
+          {
+            className: clx7(
+              "bg-ui-bg-base shadow-elevation-flyout flex max-h-[80vh] w-[600px] overflow-hidden p-0 outline-none"
+            ),
+            align: "start",
+            side: "bottom",
+            sideOffset: -29,
+            alignOffset: -16,
+            collisionPadding: 24,
+            onEscapeKeyDown: handlePopoverSave,
+            onKeyDown: handlePopoverKeyDown,
+            children: /* @__PURE__ */ jsx11("div", { ref: popoverContentRef, className: "h-full w-full", children: /* @__PURE__ */ jsx11(
+              Textarea,
+              {
+                value: popoverValue,
+                onChange: (e) => setPopoverValue(e.target.value),
+                onKeyDown: (e) => {
+                  e.stopPropagation();
+                },
+                className: "!bg-ui-bg-base h-full min-h-[300px] w-full resize-none border-0 p-4 !shadow-none focus-visible:!shadow-none"
+              }
+            ) })
+          }
+        ) })
+      ]
+    }
+  );
+};
+
 // src/components/data-grid/data-grid.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var _DataGrid = ({
   isLoading,
   ...props
 }) => {
-  return isLoading ? /* @__PURE__ */ jsx11(
+  return isLoading ? /* @__PURE__ */ jsx12(
     DataGridSkeleton,
     {
       columns: props.columns,
       rows: props.data?.length && props.data.length > 0 ? props.data.length : 10
     }
-  ) : /* @__PURE__ */ jsx11(DataGridRoot, { ...props });
+  ) : /* @__PURE__ */ jsx12(DataGridRoot, { ...props });
 };
 var DataGrid = Object.assign(_DataGrid, {
   BooleanCell: DataGridBooleanCell,
   TextCell: DataGridTextCell,
+  ExpandableTextCell: DataGridExpandableTextCell,
   NumberCell: DataGridNumberCell,
   CurrencyCell: DataGridCurrencyCell,
   ReadonlyCell: DataGridReadonlyCell
@@ -3468,23 +3665,23 @@ function createDataGridHelper() {
 import { TaxExclusive, TaxInclusive } from "@medusajs/icons";
 import { Tooltip as Tooltip3 } from "@medusajs/ui";
 import { useTranslation as useTranslation4 } from "react-i18next";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var IncludesTaxTooltip = ({
   includesTax
 }) => {
   const { t } = useTranslation4();
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     Tooltip3,
     {
       maxWidth: 999,
       content: includesTax ? t("general.includesTaxTooltip") : t("general.excludesTaxTooltip"),
-      children: includesTax ? /* @__PURE__ */ jsx12(TaxInclusive, { className: "text-ui-fg-muted shrink-0" }) : /* @__PURE__ */ jsx12(TaxExclusive, { className: "text-ui-fg-muted shrink-0" })
+      children: includesTax ? /* @__PURE__ */ jsx13(TaxInclusive, { className: "text-ui-fg-muted shrink-0" }) : /* @__PURE__ */ jsx13(TaxExclusive, { className: "text-ui-fg-muted shrink-0" })
     }
   );
 };
 
 // src/components/data-grid/helpers/create-data-grid-price-columns.tsx
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 var createDataGridPriceColumns = ({
   currencies: currencies2,
   regions,
@@ -3515,15 +3712,15 @@ var createDataGridPriceColumns = ({
           return getFieldName(context, currency);
         },
         type: "number",
-        header: () => /* @__PURE__ */ jsxs8("div", { className: "flex w-full items-center justify-between gap-3", children: [
-          /* @__PURE__ */ jsx13("span", { className: "truncate", title: translatedCurrencyName, children: translatedCurrencyName }),
-          /* @__PURE__ */ jsx13(IncludesTaxTooltip, { includesTax: preference?.is_tax_inclusive })
+        header: () => /* @__PURE__ */ jsxs9("div", { className: "flex w-full items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx14("span", { className: "truncate", title: translatedCurrencyName, children: translatedCurrencyName }),
+          /* @__PURE__ */ jsx14(IncludesTaxTooltip, { includesTax: preference?.is_tax_inclusive })
         ] }),
         cell: (context) => {
           if (isReadyOnly?.(context)) {
-            return /* @__PURE__ */ jsx13(DataGridReadonlyCell, { context });
+            return /* @__PURE__ */ jsx14(DataGridReadonlyCell, { context });
           }
-          return /* @__PURE__ */ jsx13(DataGridCurrencyCell, { code: currency, context });
+          return /* @__PURE__ */ jsx14(DataGridCurrencyCell, { code: currency, context });
         }
       });
     }) ?? [],
@@ -3547,19 +3744,19 @@ var createDataGridPriceColumns = ({
           return getFieldName(context, region.id);
         },
         type: "number",
-        header: () => /* @__PURE__ */ jsxs8("div", { className: "flex w-full items-center justify-between gap-3", children: [
-          /* @__PURE__ */ jsx13("span", { className: "truncate", title: translatedRegionName, children: translatedRegionName }),
-          /* @__PURE__ */ jsx13(IncludesTaxTooltip, { includesTax: preference?.is_tax_inclusive })
+        header: () => /* @__PURE__ */ jsxs9("div", { className: "flex w-full items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx14("span", { className: "truncate", title: translatedRegionName, children: translatedRegionName }),
+          /* @__PURE__ */ jsx14(IncludesTaxTooltip, { includesTax: preference?.is_tax_inclusive })
         ] }),
         cell: (context) => {
           if (isReadyOnly?.(context)) {
-            return /* @__PURE__ */ jsx13(DataGridReadonlyCell, { context });
+            return /* @__PURE__ */ jsx14(DataGridReadonlyCell, { context });
           }
           const currency = currencies2?.find((c) => c === region.currency_code);
           if (!currency) {
             return null;
           }
-          return /* @__PURE__ */ jsx13(
+          return /* @__PURE__ */ jsx14(
             DataGridCurrencyCell,
             {
               code: region.currency_code,

package/dist/{chunk-HRSO6H4F.mjs → chunk-FIFVOKTK.mjs}

@@ -1,12 +1,12 @@
 import {
   ordersQueryKeys
-} from "./chunk-3ZJ55SFA.mjs";
+} from "./chunk-GN6OCHP4.mjs";
 import {
   reservationItemsQueryKeys
-} from "./chunk-MOGV3UZD.mjs";
+} from "./chunk-N4O5FAUC.mjs";
 import {
   inventoryItemsQueryKeys
-} from "./chunk-QW4SQVMT.mjs";
+} from "./chunk-LEJUZW3P.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";

package/dist/{chunk-4YAPXPLM.mjs → chunk-FPBKWWSI.mjs}

@@ -3,7 +3,7 @@ import {
   useCombinedRefs,
   useDataGridCell,
   useDataGridCellError
-} from "./chunk-W7SLPIO2.mjs";
+} from "./chunk-FEB3ZGTL.mjs";
 import {
   ConditionalTooltip
 } from "./chunk-OC7BQLYI.mjs";

package/dist/{chunk-GHBURGZC.mjs → chunk-FQDPOKEK.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-LPEUYMRK.mjs";
 import {
   useProductCategories
-} from "./chunk-5N33TBBX.mjs";
+} from "./chunk-7AX6R6G6.mjs";
 
 // src/routes/products/common/components/category-combobox/category-combobox.tsx
 import {

package/dist/{chunk-M32MJOJN.mjs → chunk-G4BWCU5P.mjs}

@@ -11,9 +11,12 @@ var useFeatureFlags = () => {
   return useQuery({
     queryKey: ["admin", "feature-flags"],
     queryFn: async () => {
-      const response = await sdk.client.fetch("/admin/feature-flags", {
-        method: "GET"
-      });
+      const response = await sdk.client.fetch(
+        "/admin/feature-flags",
+        {
+          method: "GET"
+        }
+      );
       return response.feature_flags;
     },
     staleTime: 5 * 60 * 1e3,

package/dist/{chunk-3ZJ55SFA.mjs → chunk-GN6OCHP4.mjs}

@@ -1,9 +1,9 @@
 import {
   reservationItemsQueryKeys
-} from "./chunk-MOGV3UZD.mjs";
+} from "./chunk-N4O5FAUC.mjs";
 import {
   inventoryItemsQueryKeys
-} from "./chunk-QW4SQVMT.mjs";
+} from "./chunk-LEJUZW3P.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";

package/dist/{chunk-2QH2TBJ2.mjs → chunk-HPPR6PXK.mjs}

@@ -5,16 +5,16 @@ import {
   _DataTable,
   useDataTable
 } from "./chunk-YTN73JYH.mjs";
-import {
-  useCustomerGroupTableFilters
-} from "./chunk-DLZWPHHO.mjs";
 import {
   useCustomerGroupTableQuery
 } from "./chunk-MOSRJHJ3.mjs";
+import {
+  useCustomerGroupTableFilters
+} from "./chunk-DLZWPHHO.mjs";
 import {
   StackedDrawer,
   StackedFocusModal
-} from "./chunk-AERWK3TJ.mjs";
+} from "./chunk-WVA4O7QS.mjs";
 import {
   useCustomerGroups
 } from "./chunk-5AFMB7XQ.mjs";

package/dist/{chunk-HWKLNKOY.mjs → chunk-I6C52ARQ.mjs}

@@ -1,6 +1,6 @@
 import {
   IconAvatar
-} from "./chunk-EQTBJSBZ.mjs";
+} from "./chunk-F5I264Q3.mjs";
 
 // src/components/common/sidebar-link/sidebar-link.tsx
 import { Link } from "react-router-dom";

package/dist/{chunk-S3MMZPMX.mjs → chunk-JJGE3EV6.mjs}

@@ -1,9 +1,9 @@
 import {
   returnsQueryKeys
-} from "./chunk-MB7M5THW.mjs";
+} from "./chunk-EQBVGH3N.mjs";
 import {
   ordersQueryKeys
-} from "./chunk-3ZJ55SFA.mjs";
+} from "./chunk-GN6OCHP4.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";

package/dist/{chunk-TBEGSDLQ.mjs → chunk-KCWP7RF5.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-C76H5USB.mjs";
 import {
   useFeatureFlag
-} from "./chunk-M32MJOJN.mjs";
+} from "./chunk-G4BWCU5P.mjs";
 import {
   ActionMenu
 } from "./chunk-OZPB6JBL.mjs";

package/dist/{chunk-T57MRRCF.mjs → chunk-LCEKY54O.mjs}

@@ -14,9 +14,11 @@ import {
   ChipGroup
 } from "./chunk-X5VECN6S.mjs";
 import {
-  StackedFocusModal,
+  StackedFocusModal
+} from "./chunk-WVA4O7QS.mjs";
+import {
   useStackedModal
-} from "./chunk-AERWK3TJ.mjs";
+} from "./chunk-D6UW7URG.mjs";
 import {
   countries
 } from "./chunk-DG7J63J2.mjs";