@onesaz/ui 0.3.10 → 0.3.11

package/dist/index.d.ts

@@ -795,6 +795,8 @@ interface GridColDef<TData = any> {
     valueFormatter?: (params: GridValueFormatterParams) => string;
     type?: 'string' | 'number' | 'date' | 'dateTime' | 'boolean';
     wrapText?: boolean;
+    scrollable?: boolean;
+    maxCellHeight?: number;
     cellClassName?: string;
     export?: boolean;
     hideExport?: boolean;

package/dist/index.js

@@ -1935,17 +1935,17 @@ var DialogContent = React22.forwardRef(({ className, children, hideCloseButton =
     {
       ref,
       className: cn(
-        "fixed left-1/2 top-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 p-6 shadow-lg",
+        "fixed z-50 grid w-full gap-4 p-6 shadow-lg",
         "bg-popover border border-border text-popover-foreground",
         "rounded-lg",
         "data-[state=open]:animate-zoom-in data-[state=closed]:animate-zoom-out",
         "duration-200",
-        size === "sm" && "max-w-sm",
-        size === "md" && "max-w-md",
-        size === "lg" && "max-w-lg",
-        size === "xl" && "max-w-xl",
-        size === "2xl" && "max-w-2xl",
-        size === "full" && "max-w-full",
+        size === "sm" && "left-1/2 top-1/2 max-w-sm -translate-x-1/2 -translate-y-1/2",
+        size === "md" && "left-1/2 top-1/2 max-w-md -translate-x-1/2 -translate-y-1/2",
+        size === "lg" && "left-1/2 top-1/2 max-w-lg -translate-x-1/2 -translate-y-1/2",
+        size === "xl" && "left-1/2 top-1/2 max-w-xl -translate-x-1/2 -translate-y-1/2",
+        size === "2xl" && "left-1/2 top-1/2 max-w-2xl -translate-x-1/2 -translate-y-1/2",
+        size === "full" && "inset-0 h-full w-full max-w-full rounded-none",
         className
       ),
       ...props,
@@ -3900,6 +3900,8 @@ function convertColumns(columns, checkboxSelection) {
         flex: col.flex,
         headerName: col.headerName || col.field,
         wrapText: col.wrapText,
+        scrollable: col.scrollable,
+        maxCellHeight: col.maxCellHeight,
         cellClassName: col.cellClassName
       }
     };
@@ -4421,6 +4423,8 @@ var RowRenderer = ({
         const meta = cell.column.columnDef.meta;
         const align = meta?.align || "left";
         const wrapText = meta?.wrapText !== void 0 ? meta.wrapText : globalWrapText;
+        const scrollable = meta?.scrollable || false;
+        const maxCellHeight = meta?.maxCellHeight || 100;
         const cellClassName = meta?.cellClassName;
         const colWidth = columnWidths.get(cell.column.id);
         const width = colWidth?.width || cell.column.getSize();
@@ -4432,7 +4436,7 @@ var RowRenderer = ({
               showCellVerticalBorder && "border-r last:border-r-0 border-border"
             ),
             style: {
-              height: wrapText ? "auto" : rowHeight,
+              height: wrapText || scrollable ? "auto" : rowHeight,
               minHeight: rowHeight,
               textAlign: align,
               width,
@@ -4443,12 +4447,16 @@ var RowRenderer = ({
               "div",
               {
                 className: cn(
-                  wrapText ? "whitespace-normal break-words" : "truncate",
+                  wrapText ? "whitespace-normal break-words" : scrollable ? "overflow-auto" : "truncate",
+                  scrollable && "max-h-[100px]",
                   cellClassName
                 ),
+                style: {
+                  maxHeight: scrollable ? `${maxCellHeight}px` : void 0
+                },
                 title: (
-                  // Show tooltip for truncated simple text values
-                  !wrapText && (typeof cell.getValue() === "string" || typeof cell.getValue() === "number") ? String(cell.getValue()) : void 0
+                  // Show tooltip for truncated simple text values (not for scrollable or wrapped content)
+                  !wrapText && !scrollable && (typeof cell.getValue() === "string" || typeof cell.getValue() === "number") ? String(cell.getValue()) : void 0
                 ),
                 children: flexRender(cell.column.columnDef.cell, cell.getContext())
               }