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

package/dist/{user-detail-K5UMPO2L.mjs → user-detail-KEDJ7N3Q.mjs}

@@ -18,7 +18,7 @@ import {
 } from "./chunk-5BQQRHQS.mjs";
 import {
   productsQueryKeys
-} from "./chunk-QW4SQVMT.mjs";
+} from "./chunk-LEJUZW3P.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";

package/dist/{user-edit-25HD3BYT.mjs → user-edit-ZBB4RMTP.mjs}

@@ -3,9 +3,11 @@ import {
   KeyboundForm
 } from "./chunk-6HTZNHPT.mjs";
 import {
-  RouteDrawer,
+  RouteDrawer
+} from "./chunk-WVA4O7QS.mjs";
+import {
   useRouteModal
-} from "./chunk-AERWK3TJ.mjs";
+} from "./chunk-D6UW7URG.mjs";
 import {
   Form
 } from "./chunk-OBQI23QM.mjs";

package/dist/{user-invite-CRQTVEYA.mjs → user-invite-XB635N26.mjs}

@@ -14,9 +14,10 @@ import "./chunk-DZWH2RV6.mjs";
 import {
   KeyboundForm
 } from "./chunk-6HTZNHPT.mjs";
+import "./chunk-WVA4O7QS.mjs";
 import {
   RouteFocusModal
-} from "./chunk-AERWK3TJ.mjs";
+} from "./chunk-D6UW7URG.mjs";
 import {
   isFetchError
 } from "./chunk-ONB3JEHR.mjs";

package/dist/{user-list-KPI3BTOA.mjs → user-list-YYUOQKQY.mjs}

@@ -4,17 +4,17 @@ import {
 import {
   SingleColumnPage
 } from "./chunk-GIZFNLKK.mjs";
-import {
-  DataTable
-} from "./chunk-TBEGSDLQ.mjs";
 import {
   useDataTableDateFilters
 } from "./chunk-2GWGNMAA.mjs";
+import {
+  DataTable
+} from "./chunk-KCWP7RF5.mjs";
 import {
   useQueryParams
 } from "./chunk-C76H5USB.mjs";
 import "./chunk-DZWH2RV6.mjs";
-import "./chunk-M32MJOJN.mjs";
+import "./chunk-G4BWCU5P.mjs";
 import {
   useExtension
 } from "./chunk-C5P5PL3E.mjs";

package/dist/{user-metadata-EX5WDGCR.mjs → user-metadata-2FTA4EB3.mjs}

@@ -1,19 +1,20 @@
 import "./chunk-XRTVFYCW.mjs";
 import {
   MetadataForm
-} from "./chunk-6VRDTPH2.mjs";
+} from "./chunk-N3SAXQVR.mjs";
 import "./chunk-IUCDCPJU.mjs";
 import "./chunk-6HTZNHPT.mjs";
 import {
   RouteDrawer
-} from "./chunk-AERWK3TJ.mjs";
+} from "./chunk-WVA4O7QS.mjs";
+import "./chunk-D6UW7URG.mjs";
 import "./chunk-LPEUYMRK.mjs";
 import "./chunk-OC7BQLYI.mjs";
 import "./chunk-S4DMV3ZT.mjs";
 import "./chunk-OBQI23QM.mjs";
-import "./chunk-NTYLG6Y3.mjs";
+import "./chunk-3ESSTIV2.mjs";
 import "./chunk-I4OBEAOJ.mjs";
-import "./chunk-YGEJFHC3.mjs";
+import "./chunk-XIVBRONM.mjs";
 import "./chunk-HI6URQ7H.mjs";
 import "./chunk-6CLQKVAU.mjs";
 import "./chunk-KI7TOXBR.mjs";
@@ -26,21 +27,21 @@ import {
   useUpdateUser,
   useUser
 } from "./chunk-5BQQRHQS.mjs";
-import "./chunk-7H6DB666.mjs";
-import "./chunk-2WLOIS3L.mjs";
+import "./chunk-Y5UO73CH.mjs";
 import "./chunk-5AFMB7XQ.mjs";
+import "./chunk-NHDFPGQ3.mjs";
 import "./chunk-A63RZVX6.mjs";
 import "./chunk-HBXV7ENS.mjs";
 import "./chunk-CDORR33H.mjs";
-import "./chunk-3ZJ55SFA.mjs";
-import "./chunk-MOGV3UZD.mjs";
-import "./chunk-5N33TBBX.mjs";
-import "./chunk-FNQ227BC.mjs";
+import "./chunk-GN6OCHP4.mjs";
+import "./chunk-N4O5FAUC.mjs";
+import "./chunk-7AX6R6G6.mjs";
+import "./chunk-N3FCYZV6.mjs";
 import "./chunk-3BF5SC66.mjs";
 import "./chunk-VCSSQVPD.mjs";
 import "./chunk-HP2JH45P.mjs";
 import "./chunk-SQDIZZDW.mjs";
-import "./chunk-QW4SQVMT.mjs";
+import "./chunk-LEJUZW3P.mjs";
 import "./chunk-FXYH54JP.mjs";
 import "./chunk-774WSTCC.mjs";
 import "./chunk-NFEK63OE.mjs";

package/dist/{workflow-execution-detail-GBPFVG3O.mjs → workflow-execution-detail-MGIZSKVA.mjs}

@@ -20,9 +20,9 @@ import {
 import {
   useDocumentDirection
 } from "./chunk-S4DMV3ZT.mjs";
-import "./chunk-NTYLG6Y3.mjs";
+import "./chunk-3ESSTIV2.mjs";
 import "./chunk-I4OBEAOJ.mjs";
-import "./chunk-YGEJFHC3.mjs";
+import "./chunk-XIVBRONM.mjs";
 import "./chunk-HI6URQ7H.mjs";
 import "./chunk-6CLQKVAU.mjs";
 import {
@@ -35,21 +35,21 @@ import "./chunk-DYDGGABK.mjs";
 import "./chunk-LGNTHZ5Y.mjs";
 import "./chunk-CN7JXSGW.mjs";
 import "./chunk-5BQQRHQS.mjs";
-import "./chunk-7H6DB666.mjs";
-import "./chunk-2WLOIS3L.mjs";
+import "./chunk-Y5UO73CH.mjs";
 import "./chunk-5AFMB7XQ.mjs";
+import "./chunk-NHDFPGQ3.mjs";
 import "./chunk-A63RZVX6.mjs";
 import "./chunk-HBXV7ENS.mjs";
 import "./chunk-CDORR33H.mjs";
-import "./chunk-3ZJ55SFA.mjs";
-import "./chunk-MOGV3UZD.mjs";
-import "./chunk-5N33TBBX.mjs";
-import "./chunk-FNQ227BC.mjs";
+import "./chunk-GN6OCHP4.mjs";
+import "./chunk-N4O5FAUC.mjs";
+import "./chunk-7AX6R6G6.mjs";
+import "./chunk-N3FCYZV6.mjs";
 import "./chunk-3BF5SC66.mjs";
 import "./chunk-VCSSQVPD.mjs";
 import "./chunk-HP2JH45P.mjs";
 import "./chunk-SQDIZZDW.mjs";
-import "./chunk-QW4SQVMT.mjs";
+import "./chunk-LEJUZW3P.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medusajs/dashboard",
-  "version": "3.0.0-snapshot-20251208164410",
+  "version": "3.0.0-snapshot-20251211180009",
   "scripts": {
     "generate:static": "node ./scripts/generate-currencies.js && prettier --write ./src/lib/currencies.ts",
     "dev": "../../../node_modules/.bin/vite",
@@ -46,10 +46,10 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@hookform/error-message": "^2.0.1",
     "@hookform/resolvers": "3.4.2",
-    "@medusajs/admin-shared": "3.0.0-snapshot-20251208164410",
-    "@medusajs/icons": "3.0.0-snapshot-20251208164410",
-    "@medusajs/js-sdk": "3.0.0-snapshot-20251208164410",
-    "@medusajs/ui": "4.0.30-snapshot-20251208164410",
+    "@medusajs/admin-shared": "3.0.0-snapshot-20251211180009",
+    "@medusajs/icons": "3.0.0-snapshot-20251211180009",
+    "@medusajs/js-sdk": "3.0.0-snapshot-20251211180009",
+    "@medusajs/ui": "4.0.31-snapshot-20251211180009",
     "@radix-ui/react-dialog": "1.1.4",
     "@radix-ui/react-dismissable-layer": "1.1.4",
     "@tanstack/react-query": "5.64.2",
@@ -80,10 +80,10 @@
     "zod": "3.25.76"
   },
   "devDependencies": {
-    "@medusajs/admin-shared": "3.0.0-snapshot-20251208164410",
-    "@medusajs/admin-vite-plugin": "3.0.0-snapshot-20251208164410",
-    "@medusajs/types": "3.0.0-snapshot-20251208164410",
-    "@medusajs/ui-preset": "3.0.0-snapshot-20251208164410"
+    "@medusajs/admin-shared": "3.0.0-snapshot-20251211180009",
+    "@medusajs/admin-vite-plugin": "3.0.0-snapshot-20251211180009",
+    "@medusajs/types": "3.0.0-snapshot-20251211180009",
+    "@medusajs/ui-preset": "3.0.0-snapshot-20251211180009"
   },
   "packageManager": "yarn@3.2.1"
 }

package/src/components/common/icon-avatar/icon-avatar.tsx

@@ -4,6 +4,7 @@ import { PropsWithChildren } from "react"
 type IconAvatarProps = PropsWithChildren<{
   className?: string
   size?: "small" | "large" | "xlarge"
+  variant?: "squared" | "rounded"
 }>
 
 /**
@@ -13,6 +14,7 @@ type IconAvatarProps = PropsWithChildren<{
  */
 export const IconAvatar = ({
   size = "small",
+  variant = "rounded",
   children,
   className,
 }: IconAvatarProps) => {
@@ -20,6 +22,8 @@ export const IconAvatar = ({
     <div
       className={clx(
         "shadow-borders-base flex size-7 items-center justify-center",
+        variant === "squared" && "rounded-md",
+        variant === "rounded" && "rounded-full",
         "[&>div]:bg-ui-bg-field [&>div]:text-ui-fg-subtle [&>div]:flex [&>div]:size-6 [&>div]:items-center [&>div]:justify-center",
         {
           "size-7 rounded-md [&>div]:size-6 [&>div]:rounded-[4px]":

package/src/components/data-grid/components/data-grid-textarea-modal-cell.tsx

@@ -0,0 +1,233 @@
+import { clx, Textarea } from "@medusajs/ui"
+import { Popover as RadixPopover } from "radix-ui"
+import { useCallback, useEffect, useRef, useState } from "react"
+import { Controller, ControllerRenderProps } from "react-hook-form"
+
+import { useCombinedRefs } from "../../../hooks/use-combined-refs"
+import { useDataGridCell, useDataGridCellError } from "../hooks"
+import { useDataGridContext } from "../context"
+import { DataGridCellProps, InputProps, DataGridCellContext } from "../types"
+import { DataGridCellContainer } from "./data-grid-cell-container"
+
+type DataGridExpandableTextCellProps<TData, TValue = any> = DataGridCellProps<
+  TData,
+  TValue
+> & {
+  fieldLabel?: string
+}
+
+export const DataGridExpandableTextCell = <TData, TValue = any>({
+  context,
+  fieldLabel,
+}: DataGridExpandableTextCellProps<TData, TValue>) => {
+  const { field, control, renderProps } = useDataGridCell({
+    context,
+  })
+  const errorProps = useDataGridCellError({ context })
+
+  const { container, input } = renderProps
+
+  return (
+    <Controller
+      control={control}
+      name={field}
+      render={({ field }) => {
+        return (
+          <Inner
+            field={field}
+            inputProps={input}
+            fieldLabel={fieldLabel}
+            container={container}
+            errorProps={errorProps}
+          />
+        )
+      }}
+    />
+  )
+}
+
+const Inner = ({
+  field,
+  inputProps,
+  fieldLabel: _fieldLabel,
+  container,
+  errorProps,
+}: {
+  field: ControllerRenderProps<any, string>
+  inputProps: InputProps
+  fieldLabel?: string
+  container: any
+  errorProps: any
+}) => {
+  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] = useState(value || "")
+  const [isPopoverOpen, setIsPopoverOpen] = useState(false)
+  const [popoverValue, setPopoverValue] = useState(value || "")
+  const popoverContentRef = useRef<HTMLDivElement>(null)
+
+  useEffect(() => {
+    setLocalValue(value || "")
+  }, [value])
+
+  useEffect(() => {
+    if (isPopoverOpen) {
+      setPopoverValue(value || "")
+    }
+  }, [isPopoverOpen, value])
+
+  // Prevent DataGrid keyboard handlers from intercepting keys when popover is open
+  useEffect(() => {
+    if (!isPopoverOpen || !popoverContentRef.current) {
+      return
+    }
+
+    const handleKeyDownCapture = (e: KeyboardEvent) => {
+      const target = e.target as HTMLElement
+      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",
+          " ",
+        ]
+
+        // Stop the keys from reaching DataGrid, so the textarea can handle them
+        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 = useCallback(
+    (e: React.MouseEvent) => {
+      if (e.detail === 2) {
+        e.preventDefault()
+        e.stopPropagation()
+        setSingleRange({ row, col })
+        setIsPopoverOpen(true)
+        return
+      }
+      // For single clicks, use the normal handler which sets anchor and focuses container
+      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 = useCallback((e: React.KeyboardEvent) => {
+    if (e.key !== "Escape") {
+      e.stopPropagation()
+    }
+  }, [])
+
+  const displayValue = localValue || ""
+  const truncatedValue =
+    displayValue.length > 50
+      ? `${displayValue.substring(0, 50)}...`
+      : displayValue
+
+  return (
+    <RadixPopover.Root
+      open={isPopoverOpen}
+      onOpenChange={(open) => {
+        if (!open) {
+          handlePopoverSave()
+        } else {
+          setIsPopoverOpen(true)
+        }
+      }}
+    >
+      <DataGridCellContainer {...customContainer} {...errorProps}>
+        <RadixPopover.Anchor asChild>
+          <div
+            className={clx(
+              "txt-compact-small text-ui-fg-subtle flex size-full cursor-pointer items-center justify-center bg-transparent outline-none",
+              "focus:cursor-text"
+            )}
+          >
+            <span className="w-full truncate text-center">
+              {truncatedValue}
+            </span>
+          </div>
+        </RadixPopover.Anchor>
+        <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}
+        />
+      </DataGridCellContainer>
+      <RadixPopover.Portal>
+        <RadixPopover.Content
+          className={clx(
+            "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}
+        >
+          <div ref={popoverContentRef} className="h-full w-full">
+            <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"
+            />
+          </div>
+        </RadixPopover.Content>
+      </RadixPopover.Portal>
+    </RadixPopover.Root>
+  )
+}

package/src/components/data-grid/components/index.ts

@@ -5,3 +5,4 @@ export { DataGridReadonlyCell as DataGridReadOnlyCell } from "./data-grid-readon
 export { DataGridRoot, type DataGridRootProps } from "./data-grid-root"
 export { DataGridSkeleton } from "./data-grid-skeleton"
 export { DataGridTextCell } from "./data-grid-text-cell"
+export { DataGridExpandableTextCell } from "./data-grid-textarea-modal-cell"

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

@@ -8,6 +8,7 @@ import {
   DataGridRoot,
   DataGridSkeleton,
   DataGridTextCell,
+  DataGridExpandableTextCell,
   type DataGridRootProps,
 } from "./components"
 
@@ -35,6 +36,7 @@ const _DataGrid = <TData, TFieldValues extends FieldValues = FieldValues>({
 export const DataGrid = Object.assign(_DataGrid, {
   BooleanCell: DataGridBooleanCell,
   TextCell: DataGridTextCell,
+  ExpandableTextCell: DataGridExpandableTextCell,
   NumberCell: DataGridNumberCell,
   CurrencyCell: DataGridCurrencyCell,
   ReadonlyCell: DataGridReadOnlyCell,