Skip to content

feat(frontend): add Drop Missing Values (DropNa) transformation UI#256

Open
dncoder14 wants to merge 1 commit intoc2siorg:mainfrom
dncoder14:feat/frontend-drop-na
Open

feat(frontend): add Drop Missing Values (DropNa) transformation UI#256
dncoder14 wants to merge 1 commit intoc2siorg:mainfrom
dncoder14:feat/frontend-drop-na

Conversation

@dncoder14
Copy link
Copy Markdown

Description

Adds the "Drop Missing Values" feature to the data transformation menu. The backend already supports the dropNa operation_type, so this connects perfectly to the existing /transform API route seamlessly matching exactly how drop_duplicate operates.

Changes included:

  • Added DROP_NA = "dropNa" to operationTypes.js.
  • Created DropNaForm.jsx matching the existing menu styling (Tailwind CSS, error handling hook, structure).
  • Includes an "All columns" vs "Specific columns" mode toggle to properly populate the columns: null vs columns: string payload condition required by the backend.
  • Appended DropNaForm to MenuNavbar.jsx with full state hook implementations for rendering and visibility.

Fixes #(issue number)

Type of Change

  • Bug fix
  • New feature
  • Breaking change
  • Documentation update

How Has This Been Tested?

The new form respects the established transformProject() API wrapper architecture. Form payload dynamically adjusts drop_na_params matching the exact schema definition validated in existing backend tests.

  • Existing tests pass
  • New tests added
  • Manual testing

Screenshots (if applicable)

N/A

Checklist

  • My code follows the project's style guidelines
  • I have performed a self-review
  • I have added/updated documentation as needed
  • My changes generate no new warnings
  • Tests pass locally

Adds the DropNa transformation form to the data grid menu, calling the existing backend /transform endpoint.

- Adds DROP_NA to operationTypes.js
- Creates DropNaForm.jsx with radio toggle for 'All columns' vs 'Specific columns'
- Wires up visibility state and renders form in MenuNavbar.jsx
@github-actions
Copy link
Copy Markdown

PR Review

Frontend

  • Prettier: Run npx prettier --write "src/**/*.{js,jsx,css,md}" in dataloom-frontend/

This comment updates automatically on each push.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant