kobotoolbox / kpi / 26744392563
82%
master: 76%

LAST BUILD BRANCH: beccagraber/dev-2248-unable-to-delete-projects
DEFAULT BRANCH: master
Ran
Jobs 10
Files 881
Run time 2min
Badge
Embed â–¾
README BADGES
x

If you need to use a raster PNG badge, change the '.svg' to '.png' in the link

Markdown

Textile

RDoc

HTML

Rst
coverage: 81.687% (+0.005%) from 81.682%
26744392563

push

github

web-flow 
refactor(frontend): remove react-tagsinput in favor of Mantine-powered in-house component DEV-2076 (#7089)

### 📣 Summary

Project and library tag inputs now use Kobo’s Mantine-based `TagsInput`,
which keeps tag editing working while removing the legacy
`react-tagsinput` dependency.

### 💭 Notes

Changes here:
- `jsapp/js/components/common/TagsInput.tsx`
- Added a shared Kobo wrapper around Mantine `TagsInput` with the
project default placeholder and split behavior.
- `jsapp/js/theme/kobo/TagsInput.ts`
- Wired `TagsInput` into the Kobo Mantine theme so it picks up Kobo
styling like the other wrapped Mantine components.
- `jsapp/js/components/common/TagsInput.stories.tsx`
- Added Storybook coverage, including a play test that adds a tag and
removes the last tag with keyboard interaction.
- `eslint.config.mjs`
- Added a restricted import rule so new code uses the Kobo wrapper
instead of importing Mantine `TagsInput` directly.
- `jsapp/js/components/RESTServices/RESTServicesForm.tsx`
- Replaced the old `KoboTagsInput` usage for subset fields and moved the
form to array-based tag handling.
- `jsapp/js/components/modalForms/LibraryAssetForm.tsx`
- Continued the TS migration work and switched library asset tags to the
new wrapped `TagsInput`.
- `jsapp/js/components/modalForms/AssetTagsForm.tsx`
- Replaced the old JS class component with a TypeScript functional
component, renamed it to PascalCase, and removed `observer()` because it
was no longer needed once session loading moved to explicit local state.
- `jsapp/js/components/bigModal/bigModal.js`
  - Updated the modal import to the new PascalCase `AssetTagsForm` file.
- `jsapp/js/components/common/koboTagsInput.tsx`
  - Removed the old `react-tagsinput` wrapper and its SCSS.
- `package.json` and `package-lock.json`
  - Removed `react-tagsinput` and `@types/react-tagsinput`.

### 👀 Preview steps

1. Log in and open any project.
2. Go to Project → Settings → REST Services.
3. Create a new REST service, or ed... (continued)

8892 of 12051 branches covered (73.79%)

29177 of 35718 relevant lines covered (81.69%)

5.59 hits per line

Coverage Regressions

Lines Coverage ∆ File
1
92.31
 -7.69% kobo/apps/user_reports/utils/migrations.py
Jobs
ID Job ID Ran Files Coverage
1 26744392563.1 877
50.64
2 26744392563.2 877
45.28
3 26744392563.3 877
54.04
4 26744392563.4 879
52.02
5 26744392563.5 879
46.68
6 26744392563.6 879
55.34
7 26744392563.7 877
59.93
8 26744392563.8 879
66.38
9 26744392563.9 879
61.12
10 26744392563.10 881
68.77
Source Files on build 26744392563