@onesaz/ui 0.3.8 → 0.3.9

package/dist/index.d.ts

@@ -841,6 +841,13 @@ interface DataGridProps<TData = any> {
     rowCount?: number;
     pageSizeOptions?: number[];
     sortingMode?: 'client' | 'server';
+    /** Initial sort model - array of { field: string, sort: 'asc' | 'desc' } */
+    initialSortModel?: {
+        field: string;
+        sort: 'asc' | 'desc';
+    }[];
+    /** If true, sorts by createdAt descending (latest first). Requires a 'createdAt' field in rows. */
+    sortLatestFirst?: boolean;
     filterMode?: 'client' | 'server';
     height?: number | string;
     minHeight?: number | string;
@@ -888,7 +895,7 @@ interface DataGridProps<TData = any> {
     disableColumnSelector?: boolean;
     disableDensitySelector?: boolean;
 }
-declare function DataGrid<TData extends Record<string, any>>({ rows, columns, getRowId, loading, title, toolBar, checkboxSelection, rowSelectionModel, onRowSelectionModelChange, disableRowSelectionOnClick, columnVisibilityModel, onColumnVisibilityModelChange, paginationMode, paginationModel, onPaginationModelChange, rowCount, pageSizeOptions, sortingMode, filterMode, height, minHeight, maxHeight, density, showCellVerticalBorder, showColumnVerticalBorder, hideFooter, hideFooterPagination, virtualized, overscan, wrapText, getRowClassName, slotProps, className, sx, autoHeight, disableColumnSelector, onExport, exportFileName, resizableColumns, onColumnResize, }: DataGridProps<TData>): react_jsx_runtime.JSX.Element;
+declare function DataGrid<TData extends Record<string, any>>({ rows, columns, getRowId, loading, title, toolBar, checkboxSelection, rowSelectionModel, onRowSelectionModelChange, disableRowSelectionOnClick, columnVisibilityModel, onColumnVisibilityModelChange, paginationMode, paginationModel, onPaginationModelChange, rowCount, pageSizeOptions, sortingMode, initialSortModel, sortLatestFirst, filterMode, height, minHeight, maxHeight, density, showCellVerticalBorder, showColumnVerticalBorder, hideFooter, hideFooterPagination, virtualized, overscan, wrapText, getRowClassName, slotProps, className, sx, autoHeight, disableColumnSelector, onExport, exportFileName, resizableColumns, onColumnResize, }: DataGridProps<TData>): react_jsx_runtime.JSX.Element;
 declare namespace DataGrid {
     var displayName: string;
 }

package/dist/index.js

@@ -4149,14 +4149,19 @@ var ExportDropdown = ({
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
   const exportToCSV = () => {
-    const visibleColumns = columns.filter((col) => !col.hide);
+    const visibleColumns = columns.filter((col) => !col.hide && !col.disableExport && !col.hideExport);
     const headers = visibleColumns.map((col) => col.headerName || col.field);
     const csvRows = [headers.join(",")];
     rows.forEach((row) => {
       const values = visibleColumns.map((col) => {
-        const value = row[col.field];
+        let value;
+        if (col.valueGetter) {
+          value = col.valueGetter({ row, field: col.field });
+        } else {
+          value = row[col.field];
+        }
         const stringValue = String(value ?? "");
-        if (stringValue.includes(",") || stringValue.includes('"')) {
+        if (stringValue.includes(",") || stringValue.includes('"') || stringValue.includes("\n")) {
           return `"${stringValue.replace(/"/g, '""')}"`;
         }
         return stringValue;
@@ -4172,24 +4177,6 @@ var ExportDropdown = ({
     URL.revokeObjectURL(link.href);
     setOpen(false);
   };
-  const exportToJSON = () => {
-    const visibleColumns = columns.filter((col) => !col.hide);
-    const data = rows.map((row) => {
-      const obj = {};
-      visibleColumns.forEach((col) => {
-        obj[col.field] = row[col.field];
-      });
-      return obj;
-    });
-    const jsonContent = JSON.stringify(data, null, 2);
-    const blob = new Blob([jsonContent], { type: "application/json" });
-    const link = document.createElement("a");
-    link.href = URL.createObjectURL(blob);
-    link.download = `${fileName}.json`;
-    link.click();
-    URL.revokeObjectURL(link.href);
-    setOpen(false);
-  };
   const handleCustomExport = () => {
     if (onExport) {
       onExport(rows, columns);
@@ -4229,20 +4216,6 @@ var ExportDropdown = ({
           ]
         }
       ),
-      /* @__PURE__ */ jsxs18(
-        "button",
-        {
-          className: "flex w-full items-center gap-2 rounded px-3 py-2 text-sm hover:bg-muted",
-          onClick: exportToJSON,
-          children: [
-            /* @__PURE__ */ jsxs18("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-              /* @__PURE__ */ jsx33("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-              /* @__PURE__ */ jsx33("polyline", { points: "14 2 14 8 20 8" })
-            ] }),
-            "Export JSON"
-          ]
-        }
-      ),
       onExport && /* @__PURE__ */ jsxs18(
         "button",
         {
@@ -4544,6 +4517,8 @@ function DataGrid({
   rowCount,
   pageSizeOptions = [10, 25, 50, 100],
   sortingMode = "client",
+  initialSortModel,
+  sortLatestFirst = false,
   filterMode = "client",
   height = 400,
   minHeight,
@@ -4568,7 +4543,16 @@ function DataGrid({
   onColumnResize
 }) {
   const tableContainerRef = React33.useRef(null);
-  const [sorting, setSorting] = React33.useState([]);
+  const computedInitialSort = React33.useMemo(() => {
+    if (initialSortModel && initialSortModel.length > 0) {
+      return initialSortModel.map((s) => ({ id: s.field, desc: s.sort === "desc" }));
+    }
+    if (sortLatestFirst) {
+      return [{ id: "createdAt", desc: true }];
+    }
+    return [];
+  }, []);
+  const [sorting, setSorting] = React33.useState(computedInitialSort);
   const [globalFilter, setGlobalFilter] = React33.useState("");
   const [rowSelection, setRowSelection] = React33.useState(
     rowSelectionModel || {}