@medusajs/dashboard 3.0.0-snapshot-20251216103925 → 3.0.0-snapshot-20251216135612

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

@@ -2,15 +2,15 @@ import "./chunk-LQTHYS2Z.mjs";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-YTN73JYH.mjs";
+} from "./chunk-DTZXEQXZ.mjs";
 import "./chunk-HQKGZADC.mjs";
 import "./chunk-EMIHDNB7.mjs";
 import {
   useUserInviteTableQuery
 } from "./chunk-FHSC5X62.mjs";
-import "./chunk-GU5PJRPM.mjs";
+import "./chunk-ZQJPHZKI.mjs";
 import "./chunk-C76H5USB.mjs";
-import "./chunk-DZWH2RV6.mjs";
+import "./chunk-DFFLVEZ5.mjs";
 import {
   KeyboundForm
 } from "./chunk-6HTZNHPT.mjs";
@@ -27,7 +27,7 @@ import {
 } from "./chunk-OZPB6JBL.mjs";
 import "./chunk-OC7BQLYI.mjs";
 import "./chunk-S4DMV3ZT.mjs";
-import "./chunk-SUYYSKCB.mjs";
+import "./chunk-535OVBXR.mjs";
 import {
   Form
 } from "./chunk-OBQI23QM.mjs";

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

@@ -1,19 +1,19 @@
 import {
   useDataTableDateColumns
-} from "./chunk-2X25XWOW.mjs";
+} from "./chunk-BTYBTKWK.mjs";
 import {
   SingleColumnPage
 } from "./chunk-GIZFNLKK.mjs";
 import {
   useDataTableDateFilters
-} from "./chunk-2GWGNMAA.mjs";
+} from "./chunk-R4ZOO4ON.mjs";
 import {
   DataTable
 } from "./chunk-KCWP7RF5.mjs";
 import {
   useQueryParams
 } from "./chunk-C76H5USB.mjs";
-import "./chunk-DZWH2RV6.mjs";
+import "./chunk-DFFLVEZ5.mjs";
 import "./chunk-G4BWCU5P.mjs";
 import {
   useExtension
@@ -21,7 +21,7 @@ import {
 import "./chunk-OZPB6JBL.mjs";
 import "./chunk-OC7BQLYI.mjs";
 import "./chunk-S4DMV3ZT.mjs";
-import "./chunk-SUYYSKCB.mjs";
+import "./chunk-535OVBXR.mjs";
 import {
   useUsers
 } from "./chunk-5BQQRHQS.mjs";

package/dist/{workflow-execution-list-IZVF2XMJ.mjs → workflow-execution-list-C3EJMVSZ.mjs}

@@ -9,23 +9,23 @@ import "./chunk-LQTHYS2Z.mjs";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-YTN73JYH.mjs";
+} from "./chunk-DTZXEQXZ.mjs";
 import "./chunk-HQKGZADC.mjs";
 import "./chunk-EMIHDNB7.mjs";
-import "./chunk-GU5PJRPM.mjs";
+import "./chunk-ZQJPHZKI.mjs";
 import {
   SingleColumnPage
 } from "./chunk-GIZFNLKK.mjs";
 import {
   useQueryParams
 } from "./chunk-C76H5USB.mjs";
-import "./chunk-DZWH2RV6.mjs";
+import "./chunk-DFFLVEZ5.mjs";
 import {
   useExtension
 } from "./chunk-C5P5PL3E.mjs";
 import "./chunk-LPEUYMRK.mjs";
 import "./chunk-S4DMV3ZT.mjs";
-import "./chunk-SUYYSKCB.mjs";
+import "./chunk-535OVBXR.mjs";
 import {
   useWorkflowExecutions
 } from "./chunk-KI7TOXBR.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medusajs/dashboard",
-  "version": "3.0.0-snapshot-20251216103925",
+  "version": "3.0.0-snapshot-20251216135612",
   "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-20251216103925",
-    "@medusajs/icons": "3.0.0-snapshot-20251216103925",
-    "@medusajs/js-sdk": "3.0.0-snapshot-20251216103925",
-    "@medusajs/ui": "4.0.31-snapshot-20251216103925",
+    "@medusajs/admin-shared": "3.0.0-snapshot-20251216135612",
+    "@medusajs/icons": "3.0.0-snapshot-20251216135612",
+    "@medusajs/js-sdk": "3.0.0-snapshot-20251216135612",
+    "@medusajs/ui": "4.0.31-snapshot-20251216135612",
     "@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-20251216103925",
-    "@medusajs/admin-vite-plugin": "3.0.0-snapshot-20251216103925",
-    "@medusajs/types": "3.0.0-snapshot-20251216103925",
-    "@medusajs/ui-preset": "3.0.0-snapshot-20251216103925"
+    "@medusajs/admin-shared": "3.0.0-snapshot-20251216135612",
+    "@medusajs/admin-vite-plugin": "3.0.0-snapshot-20251216135612",
+    "@medusajs/types": "3.0.0-snapshot-20251216135612",
+    "@medusajs/ui-preset": "3.0.0-snapshot-20251216135612"
   },
   "packageManager": "yarn@3.2.1"
 }

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

@@ -20,16 +20,23 @@ 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 w-full", {
+        "h-full": !isMultiLine,
+      })}
+    >
       <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 w-full gap-x-2 px-4 py-2.5 outline-none",
           {
+            "h-full 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 +61,12 @@ export const DataGridCellContainer = ({
             )
           }}
         />
-        <div className="relative z-[1] flex size-full items-center justify-center">
+        <div
+          className={clx("relative z-[1] flex w-full", {
+            "h-full items-center justify-center": !isMultiLine,
+            "items-start": isMultiLine,
+          })}
+        >
           <RenderChildren isAnchor={isAnchor} placeholder={placeholder}>
             {children}
           </RenderChildren>

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

@@ -9,24 +9,37 @@ 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": !isMultiLine,
+          "items-start": isMultiLine,
+        }
       )}
     >
-      <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>
   )

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

@@ -15,7 +15,11 @@ import {
   getCoreRowModel,
   useReactTable,
 } from "@tanstack/react-table"
-import { VirtualItem, useVirtualizer } from "@tanstack/react-virtual"
+import {
+  VirtualItem,
+  Virtualizer,
+  useVirtualizer,
+} from "@tanstack/react-virtual"
 import React, {
   CSSProperties,
   ReactNode,
@@ -188,6 +192,12 @@ export const DataGridRoot = <
     count: effectiveRowCount,
     estimateSize: () => ROW_HEIGHT,
     getScrollElement: () => containerRef.current,
+    // Measure actual row heights for dynamic sizing (disabled in Firefox due to measurement issues). Taken from Tanstack
+    measureElement:
+      typeof window !== "undefined" &&
+      navigator.userAgent.indexOf("Firefox") === -1
+        ? (element) => element?.getBoundingClientRect().height
+        : undefined,
     overscan: 5,
     rangeExtractor: (range) => {
       const toRender = new Set(
@@ -763,6 +773,7 @@ export const DataGridRoot = <
                       row={row}
                       rowIndex={rowIndex}
                       virtualRow={virtualRow}
+                      rowVirtualizer={rowVirtualizer}
                       flatColumns={flatColumns}
                       virtualColumns={virtualColumns}
                       anchor={anchor}
@@ -937,11 +948,11 @@ const DataGridCell = <TData,>({
       data-row-index={rowIndex}
       data-column-index={columnIndex}
       className={clx(
-        "relative flex items-center border-b border-r p-0 outline-none"
+        "relative flex items-stretch border-b border-r p-0 outline-none"
       )}
       tabIndex={-1}
     >
-      <div className="relative h-full w-full">
+      <div className="relative w-full">
         {flexRender(cell.column.columnDef.cell, {
           ...cell.getContext(),
           columnIndex,
@@ -967,6 +978,7 @@ type DataGridRowProps<TData> = {
   row: Row<TData>
   rowIndex: number
   virtualRow: VirtualItem
+  rowVirtualizer: Virtualizer<HTMLDivElement, Element>
   virtualPaddingLeft?: number
   virtualPaddingRight?: number
   virtualColumns: VirtualItem[]
@@ -980,6 +992,7 @@ const DataGridRow = <TData,>({
   row,
   rowIndex,
   virtualRow,
+  rowVirtualizer,
   virtualPaddingLeft,
   virtualPaddingRight,
   virtualColumns,
@@ -994,10 +1007,12 @@ const DataGridRow = <TData,>({
     <div
       role="row"
       aria-rowindex={virtualRow.index}
+      data-index={virtualRow.index}
+      ref={(node) => rowVirtualizer.measureElement(node)}
       style={{
         transform: `translateY(${virtualRow.start}px)`,
       }}
-      className="bg-ui-bg-subtle txt-compact-small absolute flex h-10 w-full"
+      className="bg-ui-bg-subtle txt-compact-small absolute flex min-h-10 w-full"
     >
       {virtualPaddingLeft ? (
         <div

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

@@ -1,5 +1,5 @@
 import { clx } from "@medusajs/ui"
-import { useEffect, useState } from "react"
+import { useCallback, useEffect, useRef, useState } from "react"
 import { Controller, ControllerRenderProps } from "react-hook-form"
 
 import { useCombinedRefs } from "../../../hooks/use-combined-refs"
@@ -7,9 +7,17 @@ import { useDataGridCell, useDataGridCellError } from "../hooks"
 import { DataGridCellProps, InputProps } from "../types"
 import { DataGridCellContainer } from "./data-grid-cell-container"
 
+type DataGridTextCellProps<TData, TValue = any> = DataGridCellProps<
+  TData,
+  TValue
+> & {
+  isMultiLine?: boolean
+}
+
 export const DataGridTextCell = <TData, TValue = any>({
   context,
-}: DataGridCellProps<TData, TValue>) => {
+  isMultiLine = false,
+}: DataGridTextCellProps<TData, TValue>) => {
   const { field, control, renderProps } = useDataGridCell({
     context,
   })
@@ -23,8 +31,12 @@ export const DataGridTextCell = <TData, TValue = any>({
       name={field}
       render={({ field }) => {
         return (
-          <DataGridCellContainer {...container} {...errorProps}>
-            <Inner field={field} inputProps={input} />
+          <DataGridCellContainer
+            {...container}
+            {...errorProps}
+            isMultiLine={isMultiLine}
+          >
+            <Inner field={field} inputProps={input} isMultiLine={isMultiLine} />
           </DataGridCellContainer>
         )
       }}
@@ -35,37 +47,95 @@ export const DataGridTextCell = <TData, TValue = any>({
 const Inner = ({
   field,
   inputProps,
+  isMultiLine,
 }: {
   field: ControllerRenderProps<any, string>
   inputProps: InputProps
+  isMultiLine: boolean
 }) => {
   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)
+  const textareaCombinedRefs = 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(() => {
+    if (isMultiLine) {
+      adjustTextareaHeight()
+    }
+  }, [localValue, isMultiLine, adjustTextareaHeight])
+
+  useEffect(() => {
+    if (isMultiLine) {
+      // Immediate adjustment
+      adjustTextareaHeight()
+      // Delayed adjustment to handle any layout shifts
+      const timeoutId = setTimeout(adjustTextareaHeight, 50)
+      return () => clearTimeout(timeoutId)
+    }
+  }, [isMultiLine, adjustTextareaHeight])
+
+  if (isMultiLine) {
+    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={textareaCombinedRefs}
+        onBlur={() => {
+          onBlur()
+          onInputBlur()
+          onChange(localValue, value)
+        }}
+        {...input}
+        {...rest}
+      />
+    )
+  }
 
   return (
     <input
       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"
+        "txt-compact-small text-ui-fg-subtle flex size-full cursor-pointer bg-transparent outline-none",
+        "focus:cursor-text",
+        "items-center justify-center"
       )}
       autoComplete="off"
       tabIndex={-1}
-      value={localValue}
+      value={localValue ?? ""}
       onChange={(e) => setLocalValue(e.target.value)}
       ref={combinedRefs}
       onBlur={() => {
         onBlur()
         onInputBlur()
-
-        // We propagate the change to the field only when the input is blurred
         onChange(localValue, value)
       }}
       {...input}

package/src/i18n/languages.ts

@@ -29,6 +29,7 @@ import {
   uk,
   vi,
   zhCN,
+  zhTW,
 } from "date-fns/locale"
 import { Language } from "./types"
 
@@ -213,4 +214,10 @@ export const languages: Language[] = [
     ltr: true,
     date_locale: nl,
   },
+  {
+    code: "zhTW",
+    display_name: "繁體中文(臺灣)",
+    ltr: true,
+    date_locale: zhTW,
+  },
 ]

package/src/i18n/translations/index.ts

@@ -28,6 +28,7 @@ import ko from "./ko.json"
 import nl from "./nl.json"
 import bs from "./bs.json"
 import id from "./id.json"
+import zhTW from "./zhTW.json"
 export default {
   bs: {
     translation: bs,
@@ -119,4 +120,7 @@ export default {
   id: {
     translation: id,
   },
+  zhTW: {
+    translation: zhTW,
+  },
 }