@maif/react-forms 1.0.19 → 1.0.23

package/.github/workflows/release.yml

@@ -68,6 +68,6 @@ jobs:
       env: 
         GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         REPO_OWNER: ${{ github.repository_owner }}
-        REPO: daikoku
+        REPO: react-forms
         IGNORE_MILESTONE_NOT_FOUND: true
   

package/README.md

@@ -73,7 +73,7 @@ export const Example = () => {
   - `email`: if the type is `string`, display an email input
   - `password`: if the type is `string`, display a password input
   - `hidden`: if the type is `string`, add an hidden input in your form
-  - `form`: if the type is `object`, display a form in your form draw with given schema and flow.
+  - `form`: if the type is `object`, display a form in your form draw with given schema and flow. The form drawn is  collapsable, by default on the first input but with `visibleOnCollapse` you can choose which field will be visble or not.
 - **array**: boolean value to display multiple fields with "add" and "remove" buttons (`false` by default)
 - **createOption**: if `select` format is choosen, `createOption` property is to render a Creatable component
 - **onCreateOption**: if `select` format is choosen, `onCreateOption` property is a function called before new option creation
@@ -92,6 +92,10 @@ export const Example = () => {
 - **help**: the text display hover a help button
 - **className**: you can customize classnames of field,
 - **style**: to styling a field, you can provide a json object with css
+- **onChange**: a callback function to the value change. 
+  ```javascript
+  ({rawValues, value, setValue}) => if (value.length) { setValue('entry', false) }
+  ```
 - **render**: a function to completely custom the rendering of form field 
   ```javascript
   ({rawValues, value, onChange, error}) => <input type="text" className="is-invalid" value={value} onChange={e => onChange(e.target.value)} />
@@ -154,7 +158,7 @@ export const Example = () => {
 
 ## Form properties
 - **schema** (required): the form schema
-- **flow** (optional): the flow
+- **flow** (optional): the flow. The order of the schema fields by key (Just a javascript array of strings). Fields can be group on collapsable item, in this case, you can add an object with `label`, `flow` and a boolean `collapse` property. Collapse item can draw inline form thanks to boolean `inline` property
 - **onSubmit** (required): a function run on the form submission (in case if the form is valid )
 - **value** (optional): default value
 - **inputWrapper** (optional): A custom component to wrap all input of the form
@@ -185,6 +189,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.
 - **actions**: an object to parameter footer buttons key. By default just `submit` button is displayed.
 ```javascript