kobotoolbox / kpi / 25329262469 / 9

82%

master: 76%

push

github

build(mantine): upgrade to v8 DEV-1086 (#6986)

### 📣 Summary

Upgrades Mantine UI library from v7 to v8 and Sentry from v7 to v10
(required for Mantine v8). Both are dependency-only upgrades with no
user-visible changes. Required as a stepping stone toward Mantine v9.

### 💭 Notes

**Packages changed**

| Package | Before | After |
|---|---|---|
| `@mantine/core` | `^7.15.0` | `^8.3.18` |
| `@mantine/form` | `^7.16.2` | `^8.3.18` |
| `@mantine/hooks` | `^7.15.0` | `^8.3.18` |
| `@sentry/react` | `^7.120.3` | `^10.51.0` |
| `postcss-preset-mantine` | `^1.17.0` | `^1.18.0` |

**Source code changes required for Mantine 8 compatibility**

- `ActionIcon.tsx`, `ButtonNew.tsx`, `alert.tsx` — replaced private
`@mantine/core/lib/components` import paths (removed in v8) with public
`@mantine/core` exports.
- `Select.tsx` — removed invalid `declare module
'@mantine/core/lib/components/Select'` augmentation that targeted a
non-existent internal path.
- `emailSection.component.tsx` — `<Text color='red'>` → `<Text c='red'>`
(proactive: `color` prop is removed in v9).
- `InputBase.ts` (Kobo theme) — `wrapperProps: { classNames: { label }
}` → `labelProps: { className }` (Mantine 8 typing change).

**ESLint rule added**

A `no-restricted-imports` rule now warns when importing `ActionIcon`,
`Alert`, `Autocomplete`, `Button`, `Menu`, or `Select` directly from
`@mantine/core`, directing developers to use the Kobo wrapper components
in `jsapp/js/components/common` instead.

**TypeScript `lib` updated**

`tsconfig.json` `lib` bumped from `ES2021` to `ES2022` to resolve
pre-existing `Array.prototype.at()` type errors.

**`package-lock.json` strategy**

The lockfile was updated in-place using `npm install --package-lock-only
--lockfile-version=2` to preserve `lockfileVersion: 2` and existing
security-adjusted resolutions. It was not deleted and regenerated.

I was not able to upgrade to Mantine v9, created few linear issues as
blockers vor DEV-1086

### 👀 Preview steps

Th... (continued)

5906 of 12077 branches covered (48.9%)

22204 of 36259 relevant lines covered (61.24%)

0.61 hits per line