import {
lengthLessThan,
lengthMoreThan,
notEmpty,
notEmptyString,
isEmpty,
notNumericString,
isNumericString,
isPositiveNumericString,
} from '@shopify/predicates';
import {mapObject} from './utilities';
interface Matcher {
(input: Input, fields: Fields): boolean;
}
interface StringMapper {
(input: string): any;
}
type ErrorContent = string | StringMapper;
export function validateNested(
validatorDictionary: any,
) {
return (input: Input, fields: Fields) => {
const errors = mapObject(input, (value, field) => {
const validate = validatorDictionary[field];
if (validate == null) {
return null;
}
if (typeof validate === 'function') {
return validate(value, fields);
}
if (!Array.isArray(validate)) {
return;
}
const errors = validate
.map(validator => validator(value, fields))
.filter(input => input != null);
if (errors.length === 0) {
return;
}
return errors;
});
const anyErrors = Object.keys(errors)
.map(key => errors[key])
.some(value => value != null);
if (anyErrors) {
return errors;
}
};
}
export function validateList(
validatorDictionary: any,
) {
const validateItem = validateNested(validatorDictionary);
return (input: Input[], fields: Fields) => {
const errors = input.map(item => validateItem(item, fields));
if (errors.some(error => error != null)) {
return errors;
}
};
}
export function validate(
matcher: Matcher,
errorContent: ErrorContent,
): (input: Input) => ErrorContent | undefined | void;
export function validate(
matcher: Matcher,
errorContent: ErrorContent,
) {
return (input: Input, fields: Fields) => {
const matches = matcher(input, fields);
/*
always mark empty fields valid to match Polaris guidelines
https://polaris.shopify.com/patterns/error-messages#section-form-validation
*/
if (isEmpty(input)) {
return;
}
if (matches) {
return;
}
if (typeof errorContent === 'function') {
return errorContent(toString(input));
}
return errorContent;
};
}
export function validateRequired(
matcher: Matcher,
errorContent: ErrorContent,
): (input: Input) => ErrorContent | undefined | void;
export function validateRequired(
matcher: Matcher,
errorContent: ErrorContent,
) {
return (input: Input, fields: Fields) => {
const matches = matcher(input, fields);
if (matches) {
return;
}
if (typeof errorContent === 'function') {
return errorContent(toString(input));
}
return errorContent;
};
}
const validators = {
lengthMoreThan(length: number, errorContent: ErrorContent) {
return validate(lengthMoreThan(length), errorContent);
},
lengthLessThan(length: number, errorContent: ErrorContent) {
return validate(lengthLessThan(length), errorContent);
},
numericString(errorContent: ErrorContent) {
return validate(isNumericString, errorContent);
},
positiveNumericString(errorContent: ErrorContent) {
return validate(isPositiveNumericString, errorContent);
},
nonNumericString(errorContent: ErrorContent) {
return validate(notNumericString, errorContent);
},
requiredString(errorContent: ErrorContent) {
return validateRequired(notEmptyString, errorContent);
},
required(errorContent: ErrorContent) {
return validateRequired(notEmpty, errorContent);
},
};
function toString(obj) {
if (obj == null) {
return '';
}
return obj.toString();
}
export default validators;