92 lines
2.1 KiB
JavaScript
92 lines
2.1 KiB
JavaScript
import { capitalise } from "helpers"
|
|
import { object, string, number } from "yup"
|
|
import { writable, get } from "svelte/store"
|
|
import { notifications } from "@budibase/bbui"
|
|
|
|
export const createValidationStore = () => {
|
|
const DEFAULT = {
|
|
errors: {},
|
|
touched: {},
|
|
valid: false,
|
|
}
|
|
|
|
const validator = {}
|
|
const validation = writable(DEFAULT)
|
|
|
|
const addValidator = (propertyName, propertyValidator) => {
|
|
if (!propertyValidator || !propertyName) {
|
|
return
|
|
}
|
|
validator[propertyName] = propertyValidator
|
|
}
|
|
|
|
const addValidatorType = (propertyName, type, required) => {
|
|
if (!type || !propertyName) {
|
|
return
|
|
}
|
|
|
|
let propertyValidator
|
|
switch (type) {
|
|
case "number":
|
|
propertyValidator = number()
|
|
break
|
|
case "email":
|
|
propertyValidator = string().email()
|
|
break
|
|
default:
|
|
propertyValidator = string()
|
|
}
|
|
|
|
if (required) {
|
|
propertyValidator = propertyValidator.required()
|
|
}
|
|
|
|
validator[propertyName] = propertyValidator
|
|
}
|
|
|
|
const check = async values => {
|
|
const obj = object().shape(validator)
|
|
// clear the previous errors
|
|
const properties = Object.keys(validator)
|
|
properties.forEach(property => (get(validation).errors[property] = null))
|
|
|
|
let validationError = false
|
|
try {
|
|
await obj.validate(values, { abortEarly: false })
|
|
} catch (error) {
|
|
if (!error.inner) {
|
|
notifications.error("Unexpected validation error", error)
|
|
validationError = true
|
|
} else {
|
|
error.inner.forEach(err => {
|
|
validation.update(store => {
|
|
store.errors[err.path] = capitalise(err.message)
|
|
return store
|
|
})
|
|
})
|
|
}
|
|
}
|
|
|
|
let valid
|
|
if (properties.length && !validationError) {
|
|
valid = await obj.isValid(values)
|
|
} else {
|
|
// don't say valid until validators have been loaded
|
|
valid = false
|
|
}
|
|
|
|
validation.update(store => {
|
|
store.valid = valid
|
|
return store
|
|
})
|
|
}
|
|
|
|
return {
|
|
subscribe: validation.subscribe,
|
|
set: validation.set,
|
|
check,
|
|
addValidator,
|
|
addValidatorType,
|
|
}
|
|
}
|