kobotoolbox / kpi / 26822786285

82%

master: 76%

push

github

refactor(library): mantineify upload modal DEV-2058 (#7101)

### 💭 Notes

Library XLS upload has been fully moved to the new Mantine modal flow,
with improved drag-and-drop styling and consistent backdrop behavior.

Before:
<img width="687" height="464" alt="Screenshot 2026-05-29 at 13 00 14"
src="https://github.com/user-attachments/assets/cf0f9e7d-0a66-4111-8063-6162d3881a52"
/>

After:
<img width="654" height="432" alt="Screenshot 2026-05-29 at 13 00 05"
src="https://github.com/user-attachments/assets/1cad5819-39e2-4b34-85de-30c1f20eb733"
/>

Changes here:

- Library upload modal migration
- Added a new Mantine-based Library Upload modal component and story
coverage.
  - Removed the legacy upload form modal implementation.
- Updated existing entry points so upload opens through the new modal
opener.
- Preserved legacy UX behavior where Upload opened from “Create Library
Item” can go Back to that modal.
- Upload API and compatibility
  - Kept shared auth/mutator behavior for imports creation.
- Added bridge handling for imports endpoint success/failure callbacks
so existing flows continue to work.
- Dropzone modernization
- Replaced use of legacy dropzone styling in this flow with Mantine
Dropzone (new package).
- Added Dropzone wrapper + Kobo theme styles for consistent design
language.
  - Imported Dropzone styles in app bootstrap and Storybook preview.
- Modal consistency and backdrop handling
  - Centralized reusable Kobo modal overlay defaults.
- Updated Form Languages modal opener and nested confirmations to
compose shared overlay props instead of duplicating values.
  - This avoids “same modal family, different backdrop” drift over time.
- Guardrails for future migration
- Added lint-level deprecation messaging for `react-dropzone` usage, to
steer future work toward Mantine Dropzone.

Tiny pun for reviewers from AI: we finally dropped the old dropzone
without dropping the UX.

### 👀 Preview steps

1. Have an account with access to Library and ... (continued)

8893 of 12052 branches covered (73.79%)

29175 of 35718 relevant lines covered (81.68%)

5.59 hits per line