next-data-kit 8.2.2 → 8.3.0

package/dist/index.js

@@ -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({