@medusajs/dashboard 2.12.3-preview-20251217120154 → 2.12.3-preview-20251217123836

package/dist/{user-invite-YH33WUC2.mjs → user-invite-GAGIM5DO.mjs}

@@ -14,10 +14,10 @@ import "./chunk-DFFLVEZ5.mjs";
 import {
   KeyboundForm
 } from "./chunk-6HTZNHPT.mjs";
-import "./chunk-XXBP2Z5M.mjs";
+import "./chunk-WVA4O7QS.mjs";
 import {
   RouteFocusModal
-} from "./chunk-42OOM4DJ.mjs";
+} from "./chunk-D6UW7URG.mjs";
 import {
   isFetchError
 } from "./chunk-ONB3JEHR.mjs";

package/dist/{user-metadata-4WOICEE7.mjs → user-metadata-GRJZZ524.mjs}

@@ -1,24 +1,24 @@
 import "./chunk-XRTVFYCW.mjs";
 import {
   MetadataForm
-} from "./chunk-D4J3CEWH.mjs";
+} from "./chunk-N3SAXQVR.mjs";
 import "./chunk-IUCDCPJU.mjs";
 import "./chunk-6HTZNHPT.mjs";
 import {
   RouteDrawer
-} from "./chunk-XXBP2Z5M.mjs";
-import "./chunk-42OOM4DJ.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-QPKW37WR.mjs";
+import "./chunk-GLBHPDR4.mjs";
 import "./chunk-I4OBEAOJ.mjs";
 import "./chunk-HI6URQ7H.mjs";
 import "./chunk-6CLQKVAU.mjs";
 import "./chunk-KI7TOXBR.mjs";
-import "./chunk-HKIF5HVL.mjs";
-import "./chunk-XIVBRONM.mjs";
+import "./chunk-UJ2TMPV4.mjs";
+import "./chunk-23GTCEOV.mjs";
 import "./chunk-WAXMT4IY.mjs";
 import "./chunk-DYDGGABK.mjs";
 import "./chunk-LGNTHZ5Y.mjs";
@@ -27,21 +27,22 @@ import {
   useUpdateUser,
   useUser
 } from "./chunk-5BQQRHQS.mjs";
-import "./chunk-Y5UO73CH.mjs";
+import "./chunk-HTCYX4VD.mjs";
 import "./chunk-5AFMB7XQ.mjs";
-import "./chunk-NHDFPGQ3.mjs";
+import "./chunk-UWY5ZV66.mjs";
 import "./chunk-A63RZVX6.mjs";
 import "./chunk-HBXV7ENS.mjs";
 import "./chunk-CDORR33H.mjs";
-import "./chunk-RU4ZS47V.mjs";
-import "./chunk-N4O5FAUC.mjs";
-import "./chunk-7AX6R6G6.mjs";
-import "./chunk-N3FCYZV6.mjs";
+import "./chunk-4JQR6QNW.mjs";
+import "./chunk-FYWHE3W5.mjs";
+import "./chunk-OSHH5GAS.mjs";
+import "./chunk-2XTBDCGE.mjs";
 import "./chunk-3BF5SC66.mjs";
 import "./chunk-VCSSQVPD.mjs";
 import "./chunk-HP2JH45P.mjs";
 import "./chunk-SQDIZZDW.mjs";
-import "./chunk-LEJUZW3P.mjs";
+import "./chunk-Z6BFNHEO.mjs";
+import "./chunk-HGRIOEAR.mjs";
 import "./chunk-FXYH54JP.mjs";
 import "./chunk-774WSTCC.mjs";
 import "./chunk-NFEK63OE.mjs";

package/dist/{workflow-execution-detail-OKM6P4SX.mjs → workflow-execution-detail-HXTFWGKG.mjs}

@@ -20,7 +20,7 @@ import {
 import {
   useDocumentDirection
 } from "./chunk-S4DMV3ZT.mjs";
-import "./chunk-QPKW37WR.mjs";
+import "./chunk-GLBHPDR4.mjs";
 import "./chunk-I4OBEAOJ.mjs";
 import "./chunk-HI6URQ7H.mjs";
 import "./chunk-6CLQKVAU.mjs";
@@ -28,28 +28,29 @@ import {
   useWorkflowExecution,
   workflowExecutionsQueryKeys
 } from "./chunk-KI7TOXBR.mjs";
-import "./chunk-HKIF5HVL.mjs";
-import "./chunk-XIVBRONM.mjs";
+import "./chunk-UJ2TMPV4.mjs";
+import "./chunk-23GTCEOV.mjs";
 import "./chunk-WAXMT4IY.mjs";
 import "./chunk-DYDGGABK.mjs";
 import "./chunk-LGNTHZ5Y.mjs";
 import "./chunk-CN7JXSGW.mjs";
 import "./chunk-5BQQRHQS.mjs";
-import "./chunk-Y5UO73CH.mjs";
+import "./chunk-HTCYX4VD.mjs";
 import "./chunk-5AFMB7XQ.mjs";
-import "./chunk-NHDFPGQ3.mjs";
+import "./chunk-UWY5ZV66.mjs";
 import "./chunk-A63RZVX6.mjs";
 import "./chunk-HBXV7ENS.mjs";
 import "./chunk-CDORR33H.mjs";
-import "./chunk-RU4ZS47V.mjs";
-import "./chunk-N4O5FAUC.mjs";
-import "./chunk-7AX6R6G6.mjs";
-import "./chunk-N3FCYZV6.mjs";
+import "./chunk-4JQR6QNW.mjs";
+import "./chunk-FYWHE3W5.mjs";
+import "./chunk-OSHH5GAS.mjs";
+import "./chunk-2XTBDCGE.mjs";
 import "./chunk-3BF5SC66.mjs";
 import "./chunk-VCSSQVPD.mjs";
 import "./chunk-HP2JH45P.mjs";
 import "./chunk-SQDIZZDW.mjs";
-import "./chunk-LEJUZW3P.mjs";
+import "./chunk-Z6BFNHEO.mjs";
+import "./chunk-HGRIOEAR.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medusajs/dashboard",
-  "version": "2.12.3-preview-20251217120154",
+  "version": "2.12.3-preview-20251217123836",
   "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": "2.12.3-preview-20251217120154",
-    "@medusajs/icons": "2.12.3-preview-20251217120154",
-    "@medusajs/js-sdk": "2.12.3-preview-20251217120154",
-    "@medusajs/ui": "4.0.31-preview-20251217120154",
+    "@medusajs/admin-shared": "2.12.3-preview-20251217123836",
+    "@medusajs/icons": "2.12.3-preview-20251217123836",
+    "@medusajs/js-sdk": "2.12.3-preview-20251217123836",
+    "@medusajs/ui": "4.0.31-preview-20251217123836",
     "@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": "2.12.3-preview-20251217120154",
-    "@medusajs/admin-vite-plugin": "2.12.3-preview-20251217120154",
-    "@medusajs/types": "2.12.3-preview-20251217120154",
-    "@medusajs/ui-preset": "2.12.3-preview-20251217120154"
+    "@medusajs/admin-shared": "2.12.3-preview-20251217123836",
+    "@medusajs/admin-vite-plugin": "2.12.3-preview-20251217123836",
+    "@medusajs/types": "2.12.3-preview-20251217123836",
+    "@medusajs/ui-preset": "2.12.3-preview-20251217123836"
   },
   "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-cell-container.tsx

@@ -20,16 +20,20 @@ export const DataGridCellContainer = ({
   errors,
   rowErrors,
   outerComponent,
-}: DataGridCellContainerProps & DataGridErrorRenderProps<any>) => {
+  isMultiLine,
+}: DataGridCellContainerProps &
+  DataGridErrorRenderProps<any> & { isMultiLine?: boolean }) => {
   const error = get(errors, field)
   const hasError = !!error
 
   return (
-    <div className="group/container relative size-full">
+    <div className={clx("group/container relative h-full w-full")}>
       <div
         className={clx(
-          "bg-ui-bg-base group/cell relative flex size-full items-center gap-x-2 px-4 py-2.5 outline-none",
+          "bg-ui-bg-base group/cell relative flex h-full w-full gap-x-2 px-4 py-2.5 outline-none",
           {
+            "items-center": !isMultiLine,
+            "items-start": isMultiLine,
             "bg-ui-tag-red-bg text-ui-tag-red-text":
               hasError && !isAnchor && !isSelected && !isDragSelected,
             "ring-ui-bg-interactive ring-2 ring-inset": isAnchor,
@@ -54,7 +58,12 @@ export const DataGridCellContainer = ({
             )
           }}
         />
-        <div className="relative z-[1] flex size-full items-center justify-center">
+        <div
+          className={clx("relative z-[1] flex h-full w-full", {
+            "items-center justify-center": !isMultiLine,
+            "items-start": isMultiLine,
+          })}
+        >
           <RenderChildren isAnchor={isAnchor} placeholder={placeholder}>
             {children}
           </RenderChildren>

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

@@ -0,0 +1,103 @@
+import { clx } from "@medusajs/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 { DataGridCellProps, InputProps } from "../types"
+import { DataGridCellContainer } from "./data-grid-cell-container"
+
+export const DataGridMultilineCell = <TData, TValue = any>({
+  context,
+}: DataGridCellProps<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 (
+          <DataGridCellContainer {...container} {...errorProps} isMultiLine>
+            <Inner field={field} inputProps={input} />
+          </DataGridCellContainer>
+        )
+      }}
+    />
+  )
+}
+
+const Inner = ({
+  field,
+  inputProps,
+}: {
+  field: ControllerRenderProps<any, string>
+  inputProps: InputProps
+}) => {
+  const { onChange: _, onBlur, ref, value, ...rest } = field
+  const { ref: inputRef, onBlur: onInputBlur, onChange, ...input } = inputProps
+
+  const [localValue, setLocalValue] = useState(value)
+  const textareaRef = useRef<HTMLTextAreaElement>(null)
+
+  useEffect(() => {
+    setLocalValue(value)
+  }, [value])
+
+  const combinedRefs = useCombinedRefs(inputRef, ref, textareaRef)
+
+  const adjustTextareaHeight = useCallback(() => {
+    const textarea = textareaRef.current
+    if (textarea) {
+      // Reset height to 0 to get accurate scrollHeight
+      textarea.style.height = "0px"
+      // Set the height to match content (minimum 24px for min visible height)
+      const newHeight = Math.max(textarea.scrollHeight, 24)
+      textarea.style.height = `${newHeight}px`
+    }
+  }, [])
+
+  // Adjust height when value changes
+  useEffect(() => {
+    adjustTextareaHeight()
+  }, [localValue, adjustTextareaHeight])
+
+  useEffect(() => {
+    // Immediate adjustment
+    adjustTextareaHeight()
+    // Delayed adjustment to handle any layout shifts
+    const timeoutId = setTimeout(adjustTextareaHeight, 50)
+    return () => clearTimeout(timeoutId)
+  }, [adjustTextareaHeight])
+
+  return (
+    <textarea
+      className={clx(
+        "txt-compact-small text-ui-fg-subtle flex w-full cursor-pointer bg-transparent outline-none",
+        "focus:cursor-text",
+        "resize-none overflow-hidden py-2"
+      )}
+      autoComplete="off"
+      tabIndex={-1}
+      value={localValue ?? ""}
+      onChange={(e) => {
+        setLocalValue(e.target.value)
+        adjustTextareaHeight()
+      }}
+      ref={combinedRefs}
+      onBlur={() => {
+        onBlur()
+        onInputBlur()
+        onChange(localValue, value)
+      }}
+      {...input}
+      {...rest}
+    />
+  )
+}
+

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

@@ -9,24 +9,34 @@ type DataGridReadonlyCellProps<TData, TValue = any> = PropsWithChildren<
   DataGridCellProps<TData, TValue>
 > & {
   color?: "muted" | "normal"
+  isMultiLine?: boolean
 }
 
 export const DataGridReadonlyCell = <TData, TValue = any>({
   context,
   color = "muted",
   children,
+  isMultiLine = false,
 }: DataGridReadonlyCellProps<TData, TValue>) => {
   const { rowErrors } = useDataGridCellError({ context })
 
   return (
     <div
       className={clx(
-        "txt-compact-small text-ui-fg-subtle flex size-full cursor-not-allowed items-center justify-between overflow-hidden px-4 py-2.5 outline-none",
+        "txt-compact-small text-ui-fg-subtle flex w-full cursor-not-allowed justify-between overflow-hidden px-4 py-2.5 outline-none",
         color === "muted" && "bg-ui-bg-subtle",
-        color === "normal" && "bg-ui-bg-base"
+        color === "normal" && "bg-ui-bg-base",
+        "h-full items-center"
       )}
     >
-      <div className="flex-1 truncate">{children}</div>
+      <div
+        className={clx("flex-1", {
+          truncate: !isMultiLine,
+          "whitespace-pre-wrap break-words": isMultiLine,
+        })}
+      >
+        {children}
+      </div>
       <DataGridRowErrorIndicator rowErrors={rowErrors} />
     </div>
   )