@bigbinary/neeto-atoms 1.0.128 → 1.0.129

package/dist/cjs/{DataTable-dKha6uAk.js → DataTable-BXNU34g-.js}

@@ -8019,14 +8019,28 @@ const SelectionCheckbox = ({
   ariaLabel
 }) => {
   const { t } = reactI18next.useTranslation();
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-    primitives_Checkbox.Checkbox,
+  const shiftKeyRef = React.useRef(false);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
     {
-      checked,
-      onCheckedChange,
-      "aria-label": ariaLabel ?? t("neetoatoms.dataTable.selectRow", "Select row")
+      className: "flex w-full items-center justify-center",
+      onMouseDown: (event) => {
+        if (event.shiftKey) event.preventDefault();
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        primitives_Checkbox.Checkbox,
+        {
+          checked,
+          "aria-label": ariaLabel ?? t("neetoatoms.dataTable.selectRow", "Select row"),
+          onCheckedChange: (value) => onCheckedChange(!!value, shiftKeyRef.current),
+          onClick: (event) => {
+            shiftKeyRef.current = event.shiftKey;
+            if (event.shiftKey) event.currentTarget.focus();
+          }
+        }
+      )
     }
-  ) });
+  );
 };
 
 const useTableSelection = ({
@@ -8055,7 +8069,8 @@ const useTableSelection = ({
       }
       if (onRowSelect) {
         const keys = rowSelectionToKeys(newSelection);
-        const selectedRows = data.filter((row) => keys.includes(getRowId(row)));
+        const keySet = new Set(keys);
+        const selectedRows = data.filter((row) => keySet.has(getRowId(row)));
         onRowSelect(keys, selectedRows);
       }
     },
@@ -8067,25 +8082,66 @@ const useTableSelection = ({
       return;
     }
   }, []);
+  const rangeAnchorRef = React.useRef(null);
+  const onRowCheckedChange = React.useCallback(
+    ({
+      row,
+      table,
+      checked,
+      shiftKey
+    }) => {
+      const rows = table.getRowModel().rows;
+      const currentIndex = rows.findIndex(({ id }) => id === row.id);
+      const anchorIndex = rows.findIndex(
+        ({ id }) => id === rangeAnchorRef.current
+      );
+      const currentSelection = table.getState().rowSelection;
+      const hasSelectionOnPage = rows.some(({ id }) => currentSelection[id]);
+      const isRangeSelection = shiftKey && anchorIndex !== -1 && currentIndex !== -1 && hasSelectionOnPage;
+      if (!isRangeSelection) {
+        rangeAnchorRef.current = checked && row.getCanSelect() ? row.id : null;
+        row.toggleSelected(checked);
+        return;
+      }
+      const startIndex = Math.min(anchorIndex, currentIndex);
+      const endIndex = Math.max(anchorIndex, currentIndex);
+      const rangeRows = rows.slice(startIndex, endIndex + 1).filter((rangeRow) => rangeRow.getCanSelect());
+      const shouldSelect = rangeRows.some(({ id }) => !currentSelection[id]);
+      const nextSelection = { ...currentSelection };
+      rangeRows.forEach(({ id }) => {
+        if (shouldSelect) {
+          nextSelection[id] = true;
+        } else {
+          delete nextSelection[id];
+        }
+      });
+      rangeAnchorRef.current = shouldSelect ? rows[endIndex].id : null;
+      table.setRowSelection(nextSelection);
+    },
+    []
+  );
   const selectionColumn = React.useMemo(() => {
     if (!enableRowSelection) return null;
     return {
       id: "_selection",
       header: ({ table }) => SelectionCheckbox({
         checked: table.getIsAllPageRowsSelected() || table.getIsSomePageRowsSelected() && "indeterminate",
-        onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value),
+        onCheckedChange: (value) => {
+          rangeAnchorRef.current = null;
+          table.toggleAllPageRowsSelected(!!value);
+        },
         ariaLabel: "Select all"
       }),
-      cell: ({ row }) => SelectionCheckbox({
+      cell: ({ row, table }) => SelectionCheckbox({
         checked: row.getIsSelected(),
-        onCheckedChange: (value) => row.toggleSelected(!!value),
+        onCheckedChange: (value, shiftKey) => onRowCheckedChange({ row, table, checked: value, shiftKey }),
         ariaLabel: "Select row"
       }),
       size: 56,
       enableSorting: false,
       enableResizing: false
     };
-  }, [enableRowSelection]);
+  }, [enableRowSelection, onRowCheckedChange]);
   return {
     rowSelection,
     onRowSelectionChange,
@@ -9330,4 +9386,4 @@ exports.useColumnVisibility = useColumnVisibility;
 exports.useTablePagination = useTablePagination;
 exports.useTableSelection = useTableSelection;
 exports.useTableSort = useTableSort;
-//# sourceMappingURL=DataTable-dKha6uAk.js.map
+//# sourceMappingURL=DataTable-BXNU34g-.js.map