@geotab/zenith 3.16.0-beta.1 → 3.16.0-beta.3

package/esm/table/flexible/columnsPopup.js

@@ -31,7 +31,7 @@ injectString("tr", "Column Settings", "S\xFCtun Ayarlar\u0131");
 injectString("zh-Hans", "Column Settings", "\u5217\u8BBE\u7F6E");
 injectString("zh-TW", "Column Settings", "\u6B04\u8A2D\u5B9A");
 injectString("ro-RO", "Column Settings", "Set\u0103ri coloane");
-injectString("ar", "Column Settings", "\u0625\u0639\u062F\u0627\u062F\u0627\u062A \u0627\u0644\u0639\u0645\u0648\u062F");
+injectString("ar-001", "Column Settings", "\u0625\u0639\u062F\u0627\u062F\u0627\u062A \u0627\u0644\u0639\u0645\u0648\u062F");
 injectString("lt-LT", "Column Settings", "Stulpelio nustatymai");
 injectString("lv-LV", "Column Settings", "Kolonnas iestat\u012Bjumi");
 injectString("ka-GE", "Column Settings", "\u10E1\u10D5\u10D4\u10E2\u10D8\u10E1 \u10DE\u10D0\u10E0\u10D0\u10DB\u10D4\u10E2\u10E0\u10D4\u10D1\u10D8");

package/esm/table/nested/useNestedRows.js

@@ -30,7 +30,7 @@ injectString("tr", "Collapse", "Daralt");
 injectString("zh-Hans", "Collapse", "\u6298\u53E0");
 injectString("zh-TW", "Collapse", "\u647A\u758A");
 injectString("ro-RO", "Collapse", "Restr\xE2nge\u021Bi");
-injectString("ar", "Collapse", "\u0637\u064A");
+injectString("ar-001", "Collapse", "\u0637\u064A");
 injectString("lt-LT", "Collapse", "Sutraukti");
 injectString("lv-LV", "Collapse", "Sak\u013Caut");
 injectString("ka-GE", "Collapse", "\u10E9\u10D0\u10D9\u10D4\u10EA\u10D5\u10D0");
@@ -63,7 +63,7 @@ injectString("tr", "Expand", "Geni\u015Flet");
 injectString("zh-Hans", "Expand", "\u5C55\u5F00");
 injectString("zh-TW", "Expand", "\u5C55\u958B");
 injectString("ro-RO", "Expand", "Extinde\u021Bi");
-injectString("ar", "Expand", "\u062A\u0648\u0633\u064A\u0639");
+injectString("ar-001", "Expand", "\u062A\u0648\u0633\u064A\u0639");
 injectString("lt-LT", "Expand", "I\u0161pl\u0117sti");
 injectString("lv-LV", "Expand", "Izv\u0113rst");
 injectString("ka-GE", "Expand", "\u10D2\u10D0\u10E8\u10DA\u10D0");

package/esm/table/selectable/interfaces.d.ts

@@ -5,19 +5,15 @@ export declare enum SelectionState {
     None = "none"
 }
 export interface ISelectionValue {
-    /**
-     * Whether every selectable row across every page is selected.
-     */
     all: boolean;
-    /**
-     * The meaning of this list depends on `all`:
-     * - when `all` is `false`, it is the ids explicitly *included* in the selection.
-     * - when `all` is `true`, it is the ids explicitly *excluded* from the otherwise
-     *   fully-selected set (e.g. rows unchecked after a "select all" across paginated data).
-     *
-     * This lets `all: true` represent "all except these ids" without needing to know the
-     * full id universe (MYG-142234) - unchecking a row while `all` is true only ever adds
-     * to this exclusion list; it must never be rebuilt from the currently rendered page.
-     */
     selected: string[];
 }
+/**
+ * One checkbox row in the order it is rendered. Expanded nested rows are part of this list,
+ * directly after their parent, so a drag or shift-click range can span nesting levels the
+ * same way it spans sibling rows.
+ */
+export interface IDragSelectionRow {
+    id: string;
+    isNested: boolean;
+}

package/esm/table/selectable/selectableHeader.js

@@ -33,7 +33,7 @@ injectString("tr", "Select all", "T\xFCm\xFCn\xFC se\xE7");
 injectString("zh-Hans", "Select all", "\u5168\u9009");
 injectString("zh-TW", "Select all", "\u5168\u9078");
 injectString("ro-RO", "Select all", "Selecta\u021Bi tot");
-injectString("ar", "Select all", "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
+injectString("ar-001", "Select all", "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
 injectString("lt-LT", "Select all", "Pasirinkti visus");
 injectString("lv-LV", "Select all", "Atlas\u012Bt visus");
 injectString("ka-GE", "Select all", "\u10E7\u10D5\u10D4\u10DA\u10D0\u10E1 \u10D0\u10E0\u10E9\u10D4\u10D5\u10D0");
@@ -66,7 +66,7 @@ injectString("tr", "Select current page", "Ge\xE7erli sayfay\u0131 se\xE7");
 injectString("zh-Hans", "Select current page", "\u9009\u62E9\u5F53\u524D\u9875\u9762");
 injectString("zh-TW", "Select current page", "\u9078\u53D6\u76EE\u524D\u9801\u9762");
 injectString("ro-RO", "Select current page", "Selecta\u021Bi pagina actual\u0103");
-injectString("ar", "Select current page", "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0635\u0641\u062D\u0629 \u0627\u0644\u062D\u0627\u0644\u064A\u0629");
+injectString("ar-001", "Select current page", "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0635\u0641\u062D\u0629 \u0627\u0644\u062D\u0627\u0644\u064A\u0629");
 injectString("lt-LT", "Select current page", "Pasirinkti dabartin\u012F puslap\u012F");
 injectString("lv-LV", "Select current page", "Atlas\u012Bt pa\u0161reiz\u0113jo lapu");
 injectString("ka-GE", "Select current page", "\u10DB\u10D8\u10DB\u10D3\u10D8\u10DC\u10D0\u10E0\u10D4 \u10D2\u10D5\u10D4\u10E0\u10D3\u10D8\u10E1 \u10D0\u10E0\u10E9\u10D4\u10D5\u10D0");
@@ -99,7 +99,7 @@ injectString("tr", "Deselect all", "T\xFCm\xFCn\xFCn se\xE7imini iptal et");
 injectString("zh-Hans", "Deselect all", "\u53D6\u6D88\u5168\u9009");
 injectString("zh-TW", "Deselect all", "\u53D6\u6D88\u5168\u9078");
 injectString("ro-RO", "Deselect all", "Deselecta\u021Bi tot");
-injectString("ar", "Deselect all", "\u0625\u0644\u063A\u0627\u0621 \u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
+injectString("ar-001", "Deselect all", "\u0625\u0644\u063A\u0627\u0621 \u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
 injectString("lt-LT", "Deselect all", "At\u017Eym\u0117ti visus");
 injectString("lv-LV", "Deselect all", "Atcelt visas atlases");
 injectString("ka-GE", "Deselect all", "\u10E7\u10D5\u10D4\u10DA\u10D0\u10E1 \u10DB\u10DD\u10EE\u10E1\u10DC\u10D0");
@@ -132,7 +132,7 @@ injectString("tr", "Select menu", "Men\xFC se\xE7");
 injectString("zh-Hans", "Select menu", "\u9009\u62E9\u83DC\u5355");
 injectString("zh-TW", "Select menu", "\u9078\u64C7\u529F\u80FD\u8868");
 injectString("ro-RO", "Select menu", "Selecta\u021Bi meniul");
-injectString("ar", "Select menu", "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0642\u0627\u0626\u0645\u0629");
+injectString("ar-001", "Select menu", "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0642\u0627\u0626\u0645\u0629");
 injectString("lt-LT", "Select menu", "Pasirinkti meniu");
 injectString("lv-LV", "Select menu", "Atlas\u012Bt izv\u0113lni");
 injectString("ka-GE", "Select menu", "\u10DB\u10D4\u10DC\u10D8\u10E3\u10E1 \u10D0\u10E0\u10E9\u10D4\u10D5\u10D0");
@@ -165,7 +165,7 @@ injectString("tr", "Multiple row selection menu", "\xC7oklu s\u0131ra se\xE7imi
 injectString("zh-Hans", "Multiple row selection menu", "\u591A\u884C\u9009\u62E9\u83DC\u5355");
 injectString("zh-TW", "Multiple row selection menu", "\u591A\u5217\u9078\u64C7\u9078\u55AE");
 injectString("ro-RO", "Multiple row selection menu", "Meniu de selectare cu mai multe r\xE2nduri");
-injectString("ar", "Multiple row selection menu", "\u0642\u0627\u0626\u0645\u0629 \u0627\u062E\u062A\u064A\u0627\u0631 \u0635\u0641\u0648\u0641 \u0645\u062A\u0639\u062F\u062F\u0629");
+injectString("ar-001", "Multiple row selection menu", "\u0642\u0627\u0626\u0645\u0629 \u0627\u062E\u062A\u064A\u0627\u0631 \u0635\u0641\u0648\u0641 \u0645\u062A\u0639\u062F\u062F\u0629");
 injectString("lt-LT", "Multiple row selection menu", "Keli\u0173 eilu\u010Di\u0173 pasirinkimo meniu");
 injectString("lv-LV", "Multiple row selection menu", "Vair\u0101ku rindu atlases izv\u0113lne");
 injectString("ka-GE", "Multiple row selection menu", "\u10DB\u10E0\u10D0\u10D5\u10D0\u10DA\u10D8 \u10DB\u10EC\u10D9\u10E0\u10D8\u10D5\u10D8\u10E1 \u10D0\u10E0\u10E9\u10D4\u10D5\u10D8\u10E1 \u10DB\u10D4\u10DC\u10D8\u10E3");

package/esm/table/selectable/useDragSelection.d.ts

@@ -0,0 +1,10 @@
+import { MouseEvent as ReactMouseEvent, RefObject } from "react";
+import { IDragSelectionRow } from "./interfaces";
+/**
+ * @param rows every checkbox row in render order, expanded nested rows included, so ranges can
+ * span nesting levels.
+ */
+export declare const useDragSelection: (rows: IDragSelectionRow[], gridRef: RefObject<HTMLElement | null> | undefined, onBatchSelect: (rangeIds: string[], select: boolean, base: Set<string>) => void, getBaseSelection: () => Set<string>, isSelectable: (row: IDragSelectionRow) => boolean, isEnabled: boolean) => {
+    onCheckboxMouseDown: (id: string, checked: boolean, e: ReactMouseEvent) => void;
+    suppressNextChangeRef: RefObject<boolean>;
+};

package/esm/table/selectable/useDragSelection.js

@@ -0,0 +1,135 @@
+import { useCallback, useEffect, useRef } from "react";
+import { zen } from "../../utils/zen";
+import { getRangeIds } from "./utils/getRangeIds";
+const DRAG_CLASS = "zen-not-selectable";
+/**
+ * @param rows every checkbox row in render order, expanded nested rows included, so ranges can
+ * span nesting levels.
+ */
+export const useDragSelection = (rows, gridRef, onBatchSelect, getBaseSelection, isSelectable, isEnabled) => {
+    const rowsRef = useRef(rows);
+    rowsRef.current = rows;
+    const getBaseSelectionRef = useRef(getBaseSelection);
+    getBaseSelectionRef.current = getBaseSelection;
+    const onBatchSelectRef = useRef(onBatchSelect);
+    onBatchSelectRef.current = onBatchSelect;
+    const isSelectableRef = useRef(isSelectable);
+    isSelectableRef.current = isSelectable;
+    const isEnabledRef = useRef(isEnabled);
+    isEnabledRef.current = isEnabled;
+    const anchorIdRef = useRef(null);
+    const anchorSelectRef = useRef(true);
+    const baseSelectedRef = useRef(new Set());
+    const isDraggingRef = useRef(false);
+    const movedRef = useRef(false);
+    const lastResultKeyRef = useRef("");
+    const lastPointRef = useRef(null);
+    const suppressNextChangeRef = useRef(false);
+    const attachedGridElementRef = useRef(null);
+    const emitRange = useCallback((currentId) => {
+        const anchorId = anchorIdRef.current;
+        if (anchorId === null) {
+            return;
+        }
+        const range = getRangeIds(rowsRef.current, anchorId, currentId, isSelectableRef.current);
+        if (range.length === 0) {
+            return;
+        }
+        const select = anchorSelectRef.current;
+        const key = `${select}|${range.join(",")}`;
+        if (key === lastResultKeyRef.current) {
+            return;
+        }
+        lastResultKeyRef.current = key;
+        onBatchSelectRef.current(range, select, baseSelectedRef.current);
+    }, []);
+    const extend = useCallback((x, y) => {
+        var _a, _b;
+        lastPointRef.current = { x, y };
+        const row = (_b = (_a = zen.document) === null || _a === void 0 ? void 0 : _a.elementFromPoint(x, y)) === null || _b === void 0 ? void 0 : _b.closest("[data-row-id]");
+        const currentId = row === null || row === void 0 ? void 0 : row.getAttribute("data-row-id");
+        if (!currentId) {
+            return;
+        }
+        if (currentId !== anchorIdRef.current) {
+            movedRef.current = true;
+        }
+        if (!movedRef.current) {
+            return;
+        }
+        emitRange(currentId);
+    }, [emitRange]);
+    const onMouseMove = useCallback((e) => {
+        extend(e.clientX, e.clientY);
+    }, [extend]);
+    const onScroll = useCallback(() => {
+        const point = lastPointRef.current;
+        if (point) {
+            extend(point.x, point.y);
+        }
+    }, [extend]);
+    const endDrag = useCallback(() => {
+        var _a, _b, _c, _d;
+        if (!isDraggingRef.current) {
+            return;
+        }
+        isDraggingRef.current = false;
+        if (movedRef.current) {
+            suppressNextChangeRef.current = true;
+        }
+        (_a = zen.document) === null || _a === void 0 ? void 0 : _a.removeEventListener("mousemove", onMouseMove);
+        (_b = zen.document) === null || _b === void 0 ? void 0 : _b.removeEventListener("mouseup", endDrag);
+        (_c = attachedGridElementRef.current) === null || _c === void 0 ? void 0 : _c.removeEventListener("scroll", onScroll);
+        (_d = attachedGridElementRef.current) === null || _d === void 0 ? void 0 : _d.classList.remove(DRAG_CLASS);
+        attachedGridElementRef.current = null;
+    }, [onMouseMove, onScroll]); // eslint-disable-line react-hooks/exhaustive-deps
+    const onCheckboxMouseDown = useCallback((id, checked, e) => {
+        var _a, _b, _c, _d, _e;
+        // Right-click between drag-end and the trailing click must not clear suppression.
+        if (e.button === 0) {
+            suppressNextChangeRef.current = false;
+        }
+        if (!isEnabledRef.current || e.button !== 0) {
+            return;
+        }
+        if (e.shiftKey && anchorIdRef.current !== null) {
+            e.preventDefault();
+            const anchorId = anchorIdRef.current;
+            const anchorInList = rowsRef.current.some(row => row.id === anchorId);
+            if (!anchorInList) {
+                // The anchor is no longer rendered (e.g. its parent was collapsed, or the list was
+                // re-filtered/paginated since). Drop the stale anchor and let the target row's own
+                // onChange fire normally, rather than swallowing it as a silent no-op.
+                anchorIdRef.current = null;
+                return;
+            }
+            // Gmail-style: every shift-click re-applies the range to the selection captured when
+            // the anchor was clicked, so moving the target closer to the anchor deselects the rows
+            // that dropped out of the range. Shift-clicking the anchor itself collapses the range
+            // to nothing, restoring that captured selection — the anchor included.
+            const range = id === anchorId ? [] : getRangeIds(rowsRef.current, anchorId, id, isSelectableRef.current);
+            // Suppress even when the range is empty to prevent the anchor from double-toggling
+            // on a same-row shift-click.
+            suppressNextChangeRef.current = true;
+            onBatchSelectRef.current(range, anchorSelectRef.current, baseSelectedRef.current);
+            return;
+        }
+        anchorIdRef.current = id;
+        anchorSelectRef.current = !checked;
+        baseSelectedRef.current = getBaseSelectionRef.current();
+        isDraggingRef.current = true;
+        movedRef.current = false;
+        lastResultKeyRef.current = "";
+        lastPointRef.current = { x: e.clientX, y: e.clientY };
+        attachedGridElementRef.current = (_a = gridRef === null || gridRef === void 0 ? void 0 : gridRef.current) !== null && _a !== void 0 ? _a : null;
+        (_b = attachedGridElementRef.current) === null || _b === void 0 ? void 0 : _b.classList.add(DRAG_CLASS);
+        (_c = zen.document) === null || _c === void 0 ? void 0 : _c.addEventListener("mousemove", onMouseMove);
+        (_d = zen.document) === null || _d === void 0 ? void 0 : _d.addEventListener("mouseup", endDrag);
+        (_e = attachedGridElementRef.current) === null || _e === void 0 ? void 0 : _e.addEventListener("scroll", onScroll);
+    }, [gridRef, onMouseMove, onScroll, endDrag]);
+    useEffect(() => {
+        anchorIdRef.current = null;
+    }, [rows]);
+    useEffect(() => endDrag, [endDrag]);
+    return { onCheckboxMouseDown, suppressNextChangeRef };
+};

package/esm/table/selectable/useSelectableRows.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactNode, RefObject } from "react";
 import { IListColumn } from "../table";
 import { ISelectionValue, SelectionState } from "./interfaces";
 import "./selectableColumn.less";
@@ -33,7 +33,7 @@ export declare const getEmptySelection: () => {
     selected: string[];
 };
 export declare const SelectableWrapperName = "Selectable";
-export declare const useSelectableRows: <T extends IRowEntity<N>, N extends IEntityWithId>(columns: IListColumn<T, N>[], entities: T[], isMobile: boolean, selectMode: boolean, setSelectMode: (value: boolean) => void, selectable?: ISelectableRowsOptions<T, N>, isInfinite?: boolean) => {
+export declare const useSelectableRows: <T extends IRowEntity<N>, N extends IEntityWithId>(columns: IListColumn<T, N>[], entities: T[], isMobile: boolean, selectMode: boolean, setSelectMode: (value: boolean) => void, selectable?: ISelectableRowsOptions<T, N>, isInfinite?: boolean, gridRef?: RefObject<HTMLElement | null>, expandedRows?: string[]) => {
     selectableColumns: IListColumn<T, N>[];
     selectableFeedWrapper: (primaryData: ReactNode, secondaryData: ReactNode, entity: T | N, isNested: boolean) => [ReactNode, ReactNode];
 };

package/esm/table/selectable/useSelectableRows.js

@@ -10,6 +10,8 @@ import { useLanguage } from "../../utils/localization/useLanguage";
 import { checkRow } from "./utils/checkRow";
 import { isRowChecked } from "./utils/isRowChecked";
 import { getCurrentPageSelection } from "./utils/getCurrentPageSelection";
+import { useDragSelection } from "./useDragSelection";
+import { getDragSelectionRows } from "./utils/getDragSelectionRows";
 injectString("cs", "Select all", "Vybrat v\u0161e");
 injectString("da-DK", "Select all", "V\xE6lg alle");
 injectString("de", "Select all", "Alle ausw\xE4hlen");
@@ -36,7 +38,7 @@ injectString("tr", "Select all", "T\xFCm\xFCn\xFC se\xE7");
 injectString("zh-Hans", "Select all", "\u5168\u9009");
 injectString("zh-TW", "Select all", "\u5168\u9078");
 injectString("ro-RO", "Select all", "Selecta\u021Bi tot");
-injectString("ar", "Select all", "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
+injectString("ar-001", "Select all", "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
 injectString("lt-LT", "Select all", "Pasirinkti visus");
 injectString("lv-LV", "Select all", "Atlas\u012Bt visus");
 injectString("ka-GE", "Select all", "\u10E7\u10D5\u10D4\u10DA\u10D0\u10E1 \u10D0\u10E0\u10E9\u10D4\u10D5\u10D0");
@@ -69,7 +71,7 @@ injectString("tr", "Deselect all", "T\xFCm\xFCn\xFCn se\xE7imini iptal et");
 injectString("zh-Hans", "Deselect all", "\u53D6\u6D88\u5168\u9009");
 injectString("zh-TW", "Deselect all", "\u53D6\u6D88\u5168\u9078");
 injectString("ro-RO", "Deselect all", "Deselecta\u021Bi tot");
-injectString("ar", "Deselect all", "\u0625\u0644\u063A\u0627\u0621 \u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
+injectString("ar-001", "Deselect all", "\u0625\u0644\u063A\u0627\u0621 \u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
 injectString("lt-LT", "Deselect all", "At\u017Eym\u0117ti visus");
 injectString("lv-LV", "Deselect all", "Atcelt visas atlases");
 injectString("ka-GE", "Deselect all", "\u10E7\u10D5\u10D4\u10DA\u10D0\u10E1 \u10DB\u10DD\u10EE\u10E1\u10DC\u10D0");
@@ -83,7 +85,7 @@ export const getEmptySelection = () => ({
 export const SelectableWrapperName = "Selectable";
 // Infinite scroll has no pages, so the header checkbox always means "select all" (never current page).
 const resolveCheckboxEmitsCurrentPage = (isInfinite, checkboxSelectsCurrentPage, turnOffSelectAll) => isInfinite ? false : checkboxSelectsCurrentPage !== null && checkboxSelectsCurrentPage !== void 0 ? checkboxSelectsCurrentPage : turnOffSelectAll;
-export const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMode, selectable, isInfinite = false) => {
+export const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMode, selectable, isInfinite = false, gridRef, expandedRows) => {
   var _a;
   const {
     translate
@@ -133,30 +135,19 @@ export const useSelectableRows = (columns, entities, isMobile, selectMode, setSe
     }
   }, [checkboxDisabled, checkboxVisible, entities, selectable, setSelectMode, selectable === null || selectable === void 0 ? void 0 : selectable.strategy]);
   const getNewSelection = useCallback((id, checked) => {
-    var _a;
-    if ((_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.all) {
-      // MYG-142234: `selections` holds the ids excluded from the "all" selection.
-      // Toggling a row here must only ever add/remove that single id from the
-      // exclusion set - it must never be rebuilt from `entities` (the current page),
-      // otherwise every other page's rows would silently fall out of the selection.
-      const excluded = new Set(selections);
-      checkRow(excluded, selectable, entities, id, !checked);
-      return excluded;
+    if (state === SelectionState.All) {
+      const newSelection = getCurrentPageSelection(entities, selectable);
+      checkRow(newSelection, selectable, entities, id, false);
+      return newSelection;
     }
     checkRow(selections, selectable, entities, id, checked);
     return selections;
-  }, [entities, selectable, selections]);
+  }, [state, entities, selectable, selections]);
   const onSelectListener = useCallback((id, checked) => {
     var _a;
-    const wasAllSelected = ((_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.all) || false;
     const newSelection = getNewSelection(id, checked);
-    const newState = calculateSelectionState(entities, newSelection, wasAllSelected, checkboxVisible, checkboxDisabled, selectable === null || selectable === void 0 ? void 0 : selectable.strategy);
-    // MYG-142234: once selection spans "all" pages, unchecking a row must keep `all: true`
-    // and only record the exclusion - it must not collapse to the current page's ids.
-    const newValue = wasAllSelected ? {
-      selected: [...newSelection],
-      all: true
-    } : {
+    const newState = calculateSelectionState(entities, newSelection, ((_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.all) || false, checkboxVisible, checkboxDisabled, selectable === null || selectable === void 0 ? void 0 : selectable.strategy);
+    const newValue = {
       selected: [...newSelection],
       all: newState === SelectionState.All
     };
@@ -164,8 +155,49 @@ export const useSelectableRows = (columns, entities, isMobile, selectMode, setSe
     selectable === null || selectable === void 0 ? void 0 : selectable.onSelect(newValue);
     setSelectMode(newValue.all || newValue.selected.length > 0);
   }, [checkboxDisabled, checkboxVisible, entities, selectable, setSelectMode, setState, getNewSelection]);
+  const onBatchSelect = useCallback((rangeIds, select, base) => {
+    var _a;
+    const result = new Set(base);
+    const limit = selectable === null || selectable === void 0 ? void 0 : selectable.selectionLimit;
+    for (const id of rangeIds) {
+      if (select && limit !== undefined && result.size >= limit) {
+        break;
+      }
+      checkRow(result, selectable, entities, id, select);
+    }
+    const newState = calculateSelectionState(entities, result, ((_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.all) || false, checkboxVisible, checkboxDisabled, selectable === null || selectable === void 0 ? void 0 : selectable.strategy);
+    const newValue = {
+      selected: [...result],
+      all: newState === SelectionState.All
+    };
+    setState(newState);
+    selectable === null || selectable === void 0 ? void 0 : selectable.onSelect(newValue);
+    setSelectMode(newValue.all || newValue.selected.length > 0);
+  }, [entities, selectable, checkboxVisible, checkboxDisabled, setSelectMode]);
+  // Deliberately independent of the current selection, so the drag anchor survives the
+  // selection changes a drag itself produces.
+  const {
+    rows: dragRows,
+    entityById
+  } = useMemo(() => getDragSelectionRows(entities, expandedRows), [entities, expandedRows]);
+  const isSelectable = useCallback(row => {
+    const entity = entityById.get(row.id);
+    return !!entity && checkboxVisible(entity, row.isNested) && !checkboxDisabled(entity, row.isNested);
+  }, [entityById, checkboxVisible, checkboxDisabled]);
+  const getBaseSelection = useCallback(() => state === SelectionState.All ? getCurrentPageSelection(entities, selectable) : new Set(selections), [state, entities, selectable, selections]);
+  const {
+    onCheckboxMouseDown,
+    suppressNextChangeRef
+  } = useDragSelection(dragRows, gridRef, onBatchSelect, getBaseSelection, isSelectable, !!selectable);
+  const onCheckboxChange = useCallback((id, checked) => {
+    if (suppressNextChangeRef.current) {
+      suppressNextChangeRef.current = false;
+      return;
+    }
+    onSelectListener(id, checked);
+  }, [onSelectListener, suppressNextChangeRef]);
   const onChangeSelectionState = useCallback(newState => {
-    var _a, _b, _c;
+    var _a, _b;
     if (newState === SelectionState.All) {
       (selectable === null || selectable === void 0 ? void 0 : selectable.onSelect) && selectable.onSelect({
         selected: [],
@@ -184,11 +216,7 @@ export const useSelectableRows = (columns, entities, isMobile, selectMode, setSe
     }
     const newSelections = getCurrentPageSelection(entities, selectable);
     setState(newState);
-    // MYG-142234: previous `selected` ids mean something different depending on `all` -
-    // included ids when `all` is false, excluded ids when `all` is true. Switching to an
-    // explicit "select current page" here always leaves `all: false`, so a previous
-    // exclusion list must not be reinterpreted as an inclusion list.
-    const previousSelections = ((_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.all) ? [] : (_c = (_b = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _b === void 0 ? void 0 : _b.selected) !== null && _c !== void 0 ? _c : [];
+    const previousSelections = (_b = (_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.selected) !== null && _b !== void 0 ? _b : [];
     const mergedSelections = new Set([...previousSelections, ...newSelections]);
     const newValue = {
       selected: [...mergedSelections],
@@ -207,12 +235,7 @@ export const useSelectableRows = (columns, entities, isMobile, selectMode, setSe
     }
     return translate("Deselect all");
   }, [selectable, selectableState, state, translate]);
-  const isEntityChecked = useCallback(
-  // MYG-142234: while `selection.all` is true, `selections` holds excluded ids, and every
-  // row must be evaluated through the SelectionState.All (exclusion-aware) branch of
-  // isRowChecked - not the per-page `state`, which can be Partial/None for a page that
-  // contains some of those exclusions.
-  (entity, isNested) => isRowChecked(selections, isAllSelected ? SelectionState.All : state, selectable === null || selectable === void 0 ? void 0 : selectable.strategy, entity, isNested), [selections, isAllSelected, state, selectable === null || selectable === void 0 ? void 0 : selectable.strategy]);
+  const isEntityChecked = useCallback((entity, isNested) => isRowChecked(selections, state, selectable === null || selectable === void 0 ? void 0 : selectable.strategy, entity, isNested), [selections, state, selectable === null || selectable === void 0 ? void 0 : selectable.strategy]);
   const hasSelectable = !!selectable;
   const selectableCheckboxSelectsCurrentPage = selectable === null || selectable === void 0 ? void 0 : selectable.checkboxSelectsCurrentPage;
   const selectableTurnOffSelectAll = selectable === null || selectable === void 0 ? void 0 : selectable.turnOffSelectAll;
@@ -250,7 +273,8 @@ export const useSelectableRows = (columns, entities, isMobile, selectMode, setSe
           indeterminate: checked.indeterminate,
           disabled: isDisable,
           label: checkboxTitle(entity),
-          onChange: onSelectListener,
+          onChange: onCheckboxChange,
+          onMouseDown: isDisable ? undefined : onCheckboxMouseDown,
           children: _jsx(CheckboxCell.Content, {
             children: value
           })
@@ -264,30 +288,16 @@ export const useSelectableRows = (columns, entities, isMobile, selectMode, setSe
           checked: state === SelectionState.CurrentPage || state === SelectionState.All,
           indeterminate: state === SelectionState.Partial,
           onChange: newValue => {
-            var _a, _b, _c;
+            var _a, _b;
             if (newValue) {
               const newState = checkboxEmitsCurrentPage ? SelectionState.CurrentPage : SelectionState.All;
               setState(newState);
               onChangeSelectionState(newState);
-            } else if ((_a = selectable.selection) === null || _a === void 0 ? void 0 : _a.all) {
-              // MYG-142234: in exclusion mode, `selected` holds excluded ids. Unchecking
-              // the header must add the current page's ids to that exclusion set and
-              // keep `all: true` - it must never be treated as an inclusion list, or
-              // every other page's selection would be silently wiped out.
-              const currentPageIds = getCurrentPageSelection(entities, selectable);
-              const newExcluded = new Set([...selectable.selection.selected, ...currentPageIds]);
-              const newState = calculateSelectionState(entities, newExcluded, true, checkboxVisible, checkboxDisabled, selectable.strategy);
-              setState(newState);
-              selectable.onSelect({
-                selected: [...newExcluded],
-                all: true
-              });
-              setSelectMode(true);
             } else {
               // Intentionally different from onSelect(None) ("Deselect all" menu item, which clears everything).
               // Unchecking the header checkbox only removes the current page from the selection, preserving other pages.
               const currentPageIds = getCurrentPageSelection(entities, selectable);
-              const remaining = ((_c = (_b = selectable.selection) === null || _b === void 0 ? void 0 : _b.selected) !== null && _c !== void 0 ? _c : []).filter(id => !currentPageIds.has(id));
+              const remaining = ((_b = (_a = selectable.selection) === null || _a === void 0 ? void 0 : _a.selected) !== null && _b !== void 0 ? _b : []).filter(id => !currentPageIds.has(id));
               const newState = remaining.length > 0 ? SelectionState.Partial : SelectionState.None;
               setState(newState);
               selectable.onSelect({
@@ -310,7 +320,7 @@ export const useSelectableRows = (columns, entities, isMobile, selectMode, setSe
         return cell;
       }
     };
-  }, [checkboxDisabled, checkboxTitle, checkboxVisible, headerTitle, onChangeSelectionState, onSelectListener, hasSelectable, checkboxEmitsCurrentPage, checkboxInHeaderValue, selectableHeader, selectableTurnOffSelectAll, isInfinite, selectable, selectableState, state, isMobile, checkboxPlaceholder, isEntityChecked, entities, setSelectMode]);
+  }, [checkboxDisabled, checkboxTitle, checkboxVisible, headerTitle, onChangeSelectionState, onCheckboxChange, onCheckboxMouseDown, hasSelectable, checkboxEmitsCurrentPage, checkboxInHeaderValue, selectableHeader, selectableTurnOffSelectAll, isInfinite, selectable, selectableState, state, isMobile, checkboxPlaceholder, isEntityChecked, entities, setSelectMode]);
   const selectableFeedWrapper = useCallback((primaryData, secondaryData, entity, isNested) => {
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     if (!entity) {

package/esm/table/selectable/utils/calculateSelectionState.js

@@ -3,41 +3,6 @@ export const calculateSelectionState = (entities, selections, all, checkboxVisib
     if (selections.size === 0) {
         return all ? SelectionState.All : SelectionState.None;
     }
-    if (all) {
-        // When `all` is true, `selections` holds the ids explicitly excluded from the
-        // otherwise-fully-selected set (see ISelectionValue), rather than included ids.
-        const isExcluded = (entity) => {
-            if (strategy === "nested" && entity.children) {
-                if (entity.children.length === 0) {
-                    return false;
-                }
-                return entity.children.every(child => {
-                    if (!checkboxVisible(child)) {
-                        return true;
-                    }
-                    if (checkboxDisabled(child)) {
-                        return true;
-                    }
-                    return selections.has(child.id);
-                });
-            }
-            return selections.has(entity.id);
-        };
-        const isPartiallyExcluded = (entity) => {
-            if (strategy === "nested" && entity.children) {
-                return entity.children.some(child => selections.has(child.id));
-            }
-            return selections.has(entity.id);
-        };
-        const relevantEntities = entities.filter(entity => checkboxVisible(entity) && !checkboxDisabled(entity));
-        if (relevantEntities.length === 0) {
-            return SelectionState.All;
-        }
-        if (relevantEntities.every(entity => !isPartiallyExcluded(entity))) {
-            return SelectionState.All;
-        }
-        return relevantEntities.every(entity => isExcluded(entity)) ? SelectionState.None : SelectionState.Partial;
-    }
     return entities.every(entity => {
         if (!checkboxVisible(entity)) {
             return true;

package/esm/table/selectable/utils/getDragSelectionRows.d.ts

@@ -0,0 +1,15 @@
+import { IEntityWithId } from "../../../commonHelpers/entity";
+import { IRowEntity } from "../../../dataGrid/row/row";
+import { IDragSelectionRow } from "../interfaces";
+export interface IDragSelection<T> {
+    /** The rows in render order. */
+    rows: IDragSelectionRow[];
+    /** Every entity a row can point at, parents and children alike. */
+    entityById: Map<string, T>;
+}
+/**
+ * Flattens the entities into the rows the grid actually renders: each entity followed by its
+ * children while it is expanded. Drag and shift-click ranges walk this list, so they cross
+ * nesting levels the way the user sees them on screen.
+ */
+export declare const getDragSelectionRows: <T extends IRowEntity<N>, N extends IEntityWithId>(entities: T[], expandedRows?: string[]) => IDragSelection<T | N>;

package/esm/table/selectable/utils/getDragSelectionRows.js

@@ -0,0 +1,24 @@
+/**
+ * Flattens the entities into the rows the grid actually renders: each entity followed by its
+ * children while it is expanded. Drag and shift-click ranges walk this list, so they cross
+ * nesting levels the way the user sees them on screen.
+ */
+export const getDragSelectionRows = (entities, expandedRows) => {
+    const expanded = new Set(expandedRows);
+    const rows = [];
+    const entityById = new Map();
+    entities.forEach(entity => {
+        rows.push({ id: entity.id, isNested: false });
+        entityById.set(entity.id, entity);
+        // Children are always indexed — a collapsed row's children still need to resolve for
+        // the selection predicates — but only an expanded row contributes them to the range.
+        const isExpanded = expanded.has(entity.id);
+        (entity.children || []).forEach(child => {
+            entityById.set(child.id, child);
+            if (isExpanded) {
+                rows.push({ id: child.id, isNested: true });
+            }
+        });
+    });
+    return { rows, entityById };
+};

package/esm/table/selectable/utils/getRangeIds.d.ts

@@ -0,0 +1,2 @@
+import { IDragSelectionRow } from "../interfaces";
+export declare const getRangeIds: (rows: IDragSelectionRow[], fromId: string, toId: string, isSelectable: (row: IDragSelectionRow) => boolean) => string[];

package/esm/table/selectable/utils/getRangeIds.js

@@ -0,0 +1,17 @@
+export const getRangeIds = (rows, fromId, toId, isSelectable) => {
+    const fromIdx = rows.findIndex(row => row.id === fromId);
+    const toIdx = rows.findIndex(row => row.id === toId);
+    if (fromIdx === -1 || toIdx === -1) {
+        return [];
+    }
+    const start = Math.min(fromIdx, toIdx);
+    const end = Math.max(fromIdx, toIdx);
+    const ids = [];
+    for (let i = start; i <= end; i++) {
+        const row = rows[i];
+        if (isSelectable(row)) {
+            ids.push(row.id);
+        }
+    }
+    return ids;
+};

package/esm/table/selectable/utils/isRowChecked.js

@@ -1,18 +1,7 @@
 import { SelectionState } from "../interfaces";
 export const isRowChecked = (selections, state, strategy, entity, isNested) => {
     if (state === SelectionState.All) {
-        // When the overall selection is "all", `selections` holds the ids that have been
-        // explicitly excluded from that selection (see ISelectionValue), not included ids.
-        if (isNested) {
-            return { indeterminate: false, checked: !selections.has(entity.id) };
-        }
-        const mainEntity = entity;
-        if (strategy === "nested" && mainEntity.children && mainEntity.children.length > 0) {
-            const allChildrenChecked = mainEntity.children.every(child => !selections.has(child.id));
-            const someChildrenChecked = mainEntity.children.some(child => !selections.has(child.id));
-            return { indeterminate: someChildrenChecked && !allChildrenChecked, checked: allChildrenChecked };
-        }
-        return { indeterminate: false, checked: !selections.has(entity.id) };
+        return { indeterminate: false, checked: true };
     }
     if (isNested) {
         return { indeterminate: false, checked: selections.has(entity.id) };

package/esm/table/sortable/mobileSortControl.js

@@ -34,7 +34,7 @@ injectString("tr", "Sort by Ascending", "Artan s\u0131rada s\u0131rala");
 injectString("zh-Hans", "Sort by Ascending", "\u5347\u5E8F\u6392\u5E8F");
 injectString("zh-TW", "Sort by Ascending", "\u5347\u5E8F\u6392\u5E8F");
 injectString("ro-RO", "Sort by Ascending", "Sortare cresc\u0103toare");
-injectString("ar", "Sort by Ascending", "\u062A\u0631\u062A\u064A\u0628 \u062A\u0635\u0627\u0639\u062F\u064A");
+injectString("ar-001", "Sort by Ascending", "\u062A\u0631\u062A\u064A\u0628 \u062A\u0635\u0627\u0639\u062F\u064A");
 injectString("lt-LT", "Sort by Ascending", "R\u016B\u0161iuoti did\u0117jan\u010Dia tvarka");
 injectString("lv-LV", "Sort by Ascending", "K\u0101rtot augo\u0161\u0101 sec\u012Bb\u0101");
 injectString("ka-GE", "Sort by Ascending", "\u10DB\u10D6\u10D0\u10E0\u10D3\u10D8 \u10D3\u10D0\u10EE\u10D0\u10E0\u10D8\u10E1\u10EE\u10D4\u10D1\u10D0");
@@ -67,7 +67,7 @@ injectString("tr", "Selected", "Se\xE7ildi");
 injectString("zh-Hans", "Selected", "\u9009\u4E2D\u7684");
 injectString("zh-TW", "Selected", "\u5DF2\u9078\u53D6");
 injectString("ro-RO", "Selected", "Selec\u021Bie");
-injectString("ar", "Selected", "\u0627\u0644\u0645\u062D\u062F\u062F");
+injectString("ar-001", "Selected", "\u0627\u0644\u0645\u062D\u062F\u062F");
 injectString("lt-LT", "Selected", "Pasirinkta");
 injectString("lv-LV", "Selected", "Atlas\u012Bts");
 injectString("ka-GE", "Selected", "\u10D0\u10E0\u10E9\u10D4\u10E3\u10DA\u10D8");
@@ -100,7 +100,7 @@ injectString("tr", "Sort by Descending", "Azalan s\u0131rada s\u0131rala");
 injectString("zh-Hans", "Sort by Descending", "\u964D\u5E8F\u6392\u5E8F");
 injectString("zh-TW", "Sort by Descending", "\u964D\u5E8F\u6392\u5E8F");
 injectString("ro-RO", "Sort by Descending", "Sortare descresc\u0103toare");
-injectString("ar", "Sort by Descending", "\u062A\u0631\u062A\u064A\u0628 \u062A\u0646\u0627\u0632\u0644\u064A");
+injectString("ar-001", "Sort by Descending", "\u062A\u0631\u062A\u064A\u0628 \u062A\u0646\u0627\u0632\u0644\u064A");
 injectString("lt-LT", "Sort by Descending", "R\u016B\u0161iuoti ma\u017E\u0117jan\u010Dia tvarka");
 injectString("lv-LV", "Sort by Descending", "K\u0101rtot dilsto\u0161\u0101 sec\u012Bb\u0101");
 injectString("ka-GE", "Sort by Descending", "\u10D9\u10DA\u10D4\u10D1\u10D0\u10D3\u10D8 \u10D3\u10D0\u10EE\u10D0\u10E0\u10D8\u10E1\u10EE\u10D4\u10D1\u10D0");