rjsf-team/react-jsonschema-form

<title> disable SUBMIT button when no changes AND handle units of measure

Open

#4098 opened on Feb 21, 2024

View on GitHub
 (3 comments) (0 reactions) (0 assignees)TypeScript (13,175 stars) (2,136 forks)batch import
featurehelp wanted

Description

Prerequisites

What theme are you using?

mui

Is your feature request related to a problem? Please describe.

No response

Describe the solution you'd like

disable submit when no changes

this could be a global prop on the Form, that upon first submit, the form memorizes the formData upon submit and disables submit button if the formData comes back to the last submitted value

--> related feature: add a RESET button to reset to the latest submtited value (or default initial values in case no submission yet)

UoMs

it would be nice if the json schema could be extended to support unit of measure for the single params, this could be particularly helpful for currency values, but not only that.

in particular in MUI would be nice to use a "endAdornment" in the input field that includes the unit of measure.

--> related feature: add uspport for currency formatting widget using 2 decimal places and tousands comma/point separator

Describe alternatives you've considered

No response

Contributor guide

Tech stack
typescriptreact
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
Reactreact jsonschema form basics
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
35
Research direction
Investigate the react jsonschema form source code, specifically the Form component and the MUI theme, to understand how to add a prop to disable the submit button when form data has not changed since last submit. Also explore how to add a reset button to revert to last submitted values. For units of measure, look into the MUI InputAdornment and custom widgets in react jsonschema form to allow extending JSON schema with a unit property and render it as an end adornment. The issue comments may contain additional suggestions.