use pointer events instead of mouse + touch

[BrianHung]

Fixes #806

Not entirely sure why pointer events are more consistent on mobile than touch events.

[Copilot]

Pull Request Overview

This PR replaces mouse and touch events with pointer events across the codebase for more consistent handling on mobile devices.

• Replaced mouse* and touch* event invocations in tests with pointer*
• Updated DataGrid and ClickOutsideContainer to register pointer event listeners and normalize pointer input
• Added a JSDOM polyfill for PointerEvent in standardBeforeEach

Reviewed Changes

Copilot reviewed 7 out of 7 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
packages/core/test/test-utils.tsx	Switched sendClick/sendTouchClick helpers to pointer events
packages/core/test/data-grid.test.tsx	Replaced test mouse* with pointer* events and added setup call
packages/core/test/data-editor.test.tsx	Replaced test mouse* with pointer* events
packages/core/test/data-editor-resize.test.tsx	Replaced test mouse* with pointer* events
packages/core/test/data-editor-input.test.tsx	Imported and invoked standardBeforeEach in tests
packages/core/src/internal/data-grid/data-grid.tsx	Reworked event listeners and handlers to use pointer events
packages/core/src/internal/click-outside-container/click-outside-container.tsx	Swapped touch/mouse listeners for pointerdown

Comments suppressed due to low confidence (4)

packages/core/test/test-utils.tsx:36

• [nitpick] Variable name mouseOptions is misleading since it’s used for pointer events; consider renaming it to pointerOptions or eventOptions.

const mouseOptions = {

packages/core/src/internal/data-grid/data-grid.tsx:1263

• The onPointerMove callback is typed as MouseEvent but should accept PointerEvent to align with the pointermove listener and access properties like pointerType.

const onPointerMove = React.useCallback((ev: MouseEvent) => {

packages/core/test/data-editor.test.tsx:12

• Tests now use pointer* events but standardBeforeEach (which polyfills PointerEvent) isn’t imported or called; add import { standardBeforeEach } from "./test-utils.js"; and invoke it in beforeEach.

import { vi, expect, describe, test, beforeEach, afterEach } from "vitest";

packages/core/test/data-editor-resize.test.tsx:1

• This test file uses pointer* events but does not set up PointerEvent polyfill; import and call standardBeforeEach from test-utils.tsx in the beforeEach setup.

import { render, screen, fireEvent, act } from "@testing-library/react";

[lukasmasuch]

LGTM 👍 Merging it. @BrianHung there is also the use-kinetic-scroll.ts that uses touchstart / touchend, but there is probably no need to update this hook since its optional and should work fine with the current events, right?

[BrianHung]

Yeah, that hook is intentionally for iOS mobile so I kept touch events there.