@dust-tt/sparkle 0.2.240 → 0.2.241

package/dist/cjs/index.js

@@ -103435,38 +103435,34 @@ function shouldRenderColumn(windowWidth, breakpoint) {
     return windowWidth >= breakpoints[breakpoint];
 }
 function DataTable(_a) {
-    var data = _a.data, totalRowCount = _a.totalRowCount, columns = _a.columns, className = _a.className, _b = _a.widthClassName, widthClassName = _b === void 0 ? "s-w-full s-max-w-4xl" : _b, filter = _a.filter, filterColumn = _a.filterColumn, initialColumnOrder = _a.initialColumnOrder, _c = _a.columnsBreakpoints, columnsBreakpoints = _c === void 0 ? {} : _c, pagination = _a.pagination, setPagination = _a.setPagination;
+    var data = _a.data, totalRowCount = _a.totalRowCount, columns = _a.columns, className = _a.className, _b = _a.widthClassName, widthClassName = _b === void 0 ? "s-w-full s-max-w-4xl" : _b, filter = _a.filter, filterColumn = _a.filterColumn, _c = _a.columnsBreakpoints, columnsBreakpoints = _c === void 0 ? {} : _c, pagination = _a.pagination, setPagination = _a.setPagination, sorting = _a.sorting, setSorting = _a.setSorting, _d = _a.isServerSideSorting, isServerSideSorting = _d === void 0 ? false : _d;
     var windowSize = useWindowSize();
-    var _d = __read(React.useState(initialColumnOrder !== null && initialColumnOrder !== void 0 ? initialColumnOrder : []), 2), sorting = _d[0], setSorting = _d[1];
     var _e = __read(React.useState([]), 2), columnFilters = _e[0], setColumnFilters = _e[1];
     var isServerSidePagination = !!totalRowCount && totalRowCount > data.length;
+    var isClientSideSortingEnabled = !isServerSideSorting && !isServerSidePagination;
     var onPaginationChange = pagination && setPagination
         ? function (updater) {
             var newValue = typeof updater === "function" ? updater(pagination) : updater;
             setPagination(newValue);
         }
         : undefined;
-    var table = useReactTable({
-        data: data,
-        columns: columns,
-        rowCount: totalRowCount,
-        manualPagination: isServerSidePagination,
-        onSortingChange: setSorting,
-        getCoreRowModel: getCoreRowModel(),
+    var onSortingChange = sorting && setSorting
+        ? function (updater) {
+            var newValue = typeof updater === "function" ? updater(sorting) : updater;
+            setSorting(newValue);
+        }
+        : undefined;
+    var table = useReactTable(__assign(__assign(__assign(__assign({ data: data, columns: columns, rowCount: totalRowCount, manualPagination: isServerSidePagination, manualSorting: isServerSideSorting }, (isServerSideSorting && {
+        onSortingChange: onSortingChange,
+    })), { getCoreRowModel: getCoreRowModel() }), (!isServerSideSorting && {
         getSortedRowModel: getSortedRowModel(),
-        getFilteredRowModel: getFilteredRowModel(),
-        getPaginationRowModel: pagination ? getPaginationRowModel() : undefined,
-        onColumnFiltersChange: setColumnFilters,
-        state: {
-            columnFilters: columnFilters,
-            sorting: isServerSidePagination ? undefined : sorting,
+        enableSorting: isClientSideSortingEnabled,
+    })), { getFilteredRowModel: getFilteredRowModel(), getPaginationRowModel: pagination ? getPaginationRowModel() : undefined, onColumnFiltersChange: setColumnFilters, state: __assign(__assign({ columnFilters: columnFilters }, (isServerSideSorting && {
+            sorting: sorting,
+        })), { pagination: pagination }), initialState: {
             pagination: pagination,
-        },
-        initialState: {
-            pagination: pagination,
-        },
-        onPaginationChange: onPaginationChange,
-    });
+            sorting: sorting,
+        }, onPaginationChange: onPaginationChange }));
     React.useEffect(function () {
         var _a;
         if (filterColumn) {