Validation (#216)

* Field config options: 'required' and 'pattern'
* Widget controls can implement it's own isValid
* Validation errors store in redux & displayed
* Support for returned Promises in isValid
* Allow widget controls to return either a boolean, an error object or a promise from isValid
This commit is contained in:
Cássio Souza
2017-01-13 19:30:40 -02:00
committed by GitHub
parent b710e706da
commit 3306670459
12 changed files with 224 additions and 25 deletions

View File

@ -4,6 +4,7 @@ import {
DRAFT_CREATE_EMPTY,
DRAFT_DISCARD,
DRAFT_CHANGE_FIELD,
DRAFT_VALIDATION_ERRORS,
ENTRY_PERSIST_REQUEST,
ENTRY_PERSIST_SUCCESS,
ENTRY_PERSIST_FAILURE,
@ -18,7 +19,7 @@ import {
REMOVE_ASSET,
} from '../actions/media';
const initialState = Map({ entry: Map(), mediaFiles: List(), fieldsMetaData: Map() });
const initialState = Map({ entry: Map(), mediaFiles: List(), fieldsMetaData: Map(), fieldsErrors: Map() });
const entryDraftReducer = (state = Map(), action) => {
switch (action.type) {
@ -29,6 +30,7 @@ const entryDraftReducer = (state = Map(), action) => {
state.setIn(['entry', 'newRecord'], false);
state.set('mediaFiles', List());
state.set('fieldsMetaData', Map());
state.set('fieldsErrors', Map());
});
case DRAFT_CREATE_EMPTY:
// New Entry
@ -37,6 +39,7 @@ const entryDraftReducer = (state = Map(), action) => {
state.setIn(['entry', 'newRecord'], true);
state.set('mediaFiles', List());
state.set('fieldsMetaData', Map());
state.set('fieldsErrors', Map());
});
case DRAFT_DISCARD:
return initialState;
@ -45,6 +48,14 @@ const entryDraftReducer = (state = Map(), action) => {
state.setIn(['entry', 'data', action.payload.field], action.payload.value);
state.mergeIn(['fieldsMetaData'], fromJS(action.payload.metadata));
});
case DRAFT_VALIDATION_ERRORS:
if (action.payload.errors.length === 0) {
return state.deleteIn(['fieldsErrors', action.payload.field]);
} else {
return state.setIn(['fieldsErrors', action.payload.field], action.payload.errors);
}
case ENTRY_PERSIST_REQUEST:
case UNPUBLISHED_ENTRY_PERSIST_REQUEST: {
return state.setIn(['entry', 'isPersisting'], true);