next-data-kit 8.2.1 → 8.3.0

package/dist/index.js

@@ -1003,7 +1003,7 @@ function Pagination({ className, ...props }) {
       role: "navigation",
       "aria-label": "pagination",
       "data-slot": "pagination",
-      className: cn("mx-auto flex w-full justify-center", className),
+      className: cn("flex", className),
       ...props
     }
   );
@@ -1260,6 +1260,7 @@ var DataKitRoot = (props) => {
   const [actionLoading, setActionLoading] = useState(null);
   const [actionsMenuOpen, setActionsMenuOpen] = useState(false);
   const [rowStates, setRowStates] = useState(/* @__PURE__ */ new Map());
+  const [lastSelectedIndex, setLastSelectedIndex] = useState(null);
   const overlayContainer = tableRef.current;
   const getRowState = useCallback((rowId) => {
     return rowStates.get(rowId) ?? initialState;
@@ -1335,6 +1336,24 @@ var DataKitRoot = (props) => {
     });
   }, [filters, dataKit.actions]);
   const getSortFor = useCallback((path) => dataKit.sorts.find((s) => s.path === path)?.value ?? null, [dataKit.sorts]);
+  const handleRowSelection = useCallback((rowIndex, event) => {
+    if (event.shiftKey && lastSelectedIndex !== null) {
+      const start = Math.min(lastSelectedIndex, rowIndex);
+      const end = Math.max(lastSelectedIndex, rowIndex);
+      for (let i = start; i <= end; i++) {
+        const item = dataKit.items[i];
+        if (item && item.id !== void 0 && !selection.isSelected(item.id)) {
+          selection.select(item.id);
+        }
+      }
+    } else {
+      const item = dataKit.items[rowIndex];
+      if (item && item.id !== void 0) {
+        selection.toggle(item.id);
+      }
+    }
+    setLastSelectedIndex(rowIndex);
+  }, [lastSelectedIndex, dataKit.items, selection]);
   useEffect(() => {
     if (controller) {
       controller.current = {
@@ -1481,11 +1500,13 @@ var DataKitRoot = (props) => {
       ] }) }) : dataKit.items.length === 0 ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan, className: "h-24 text-center text-muted-foreground", children: "No results found." }) }) : dataKit.items.map((item, idx) => {
         const rowId = item.id ?? idx;
         return /* @__PURE__ */ jsxs(TableRow, { children: [
-          selectable?.enabled && /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+          selectable?.enabled && /* @__PURE__ */ jsx(TableCell, { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
             Checkbox,
             {
               checked: selection.isSelected(item.id),
-              onCheckedChange: () => selection.toggle(item.id)
+              onCheckedChange: () => {
+              },
+              onClick: (e) => handleRowSelection(idx, e)
             }
           ) }),
           columns.map((col, colIdx) => /* @__PURE__ */ jsx(React2__default.Fragment, { children: col.body({
@@ -1499,7 +1520,7 @@ var DataKitRoot = (props) => {
         ] }, rowId);
       }) })
     ] }) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 justify-between", children: [
       /* @__PURE__ */ jsxs("div", { className: "min-w-[140px]", children: [
         /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
           "Page ",
@@ -1513,7 +1534,7 @@ var DataKitRoot = (props) => {
         ] })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "flex-1" }),
-      paginationType === "SIMPLE" ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex justify-end w-full", children: paginationType === "SIMPLE" ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ jsx(
           Button,
           {
@@ -1534,7 +1555,7 @@ var DataKitRoot = (props) => {
             children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
           }
         )
-      ] }) : /* @__PURE__ */ jsx(Pagination, { className: "mx-0 w-auto", children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
+      ] }) : /* @__PURE__ */ jsx(Pagination, { className: "w-auto", children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
         /* @__PURE__ */ jsx(PaginationItem, { className: "hidden sm:block", children: /* @__PURE__ */ jsx(
           PaginationPrevious,
           {
@@ -1575,7 +1596,7 @@ var DataKitRoot = (props) => {
             children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
           }
         ) })
-      ] }) })
+      ] }) }) })
     ] })
   ] });
 };