@maif/react-forms 1.0.60 → 1.1.2

package/README.md

@@ -100,6 +100,26 @@ export const Example = () => {
   ```javascript
   ({rawValues, value, setValue}) => if (value.length) { setValue('entry', false) }
   ```
+- **onAfterChange**: a callback function to the value change.
+  ```javascript
+  ({entry, value, rawValues, previousValue, getValue, setValue, onChange, informations}) => {
+    const otherEntryVal = getValue('otherEntry')
+    console.debug({entry, value, rawValues, otherEntryVal})
+    setValue('anotherEntry', v + 1)
+    const {path, parent, index} = informations
+    console.debug({path, parent, index})
+  }
+  ```
+  where :
+  - entry [string] is the updated entry of schema
+  - value [any] is the actual value of your entry
+  - previousValue [any] is the previous value of your entry
+  - rawValues [any] is the actual value of antire form
+  - getValue [function] is a function to get value of a form entry
+  - setValue [function] is a function to set value of a form entry
+  - onSave [function] is a function to update actual entry
+  - informations [Information] is an object to get information about the actual entry (path, index and parent informations)
+
 - **render**: a function to completely custom the rendering of form field 
   ```javascript
   ({rawValues, value, onChange, error, setValue, parent}) => <input type="text" className="is-invalid" value={value} onChange={e => onChange(e.target.value)} />
@@ -205,6 +225,7 @@ httpClient = {(url, method) => fetch(url, {
 ```
 - **watch**: a boolean to activate the automatic log of form value. A function can be set up to override the default logger.
 - **autosubmit**: a boolean to activate the automatic run of the `onSubmit` form properties on every change of values.
+- **showErrorsOnStart**: a boolean to display constraints messages, not in error color,  when starting the form.
 - **actions**: an object to parameter footer buttons key. By default just `submit` button is displayed.
 ```javascript
 <Form