@altiore/form
Advanced tools
Comparing version 0.3.35 to 0.3.36
@@ -38,3 +38,5 @@ import { MouseEventHandler, MutableRefObject } from 'react'; | ||
defaultValue?: ValueType; | ||
error?: string; | ||
errors: string[]; | ||
isInvalid: boolean; | ||
items?: number[]; | ||
@@ -41,0 +43,0 @@ setErrors: (errors: string[]) => void; |
@@ -20,4 +20,4 @@ var __assign = (this && this.__assign) || function () { | ||
var errors = useValidateList(listRef, validators, items); | ||
return React.createElement(component, __assign(__assign({}, componentProps), { errors: errors, list: list, listRef: listRef, name: name })); | ||
return React.createElement(component, __assign(__assign({}, componentProps), { error: errors === null || errors === void 0 ? void 0 : errors[0], errors: errors, isInvalid: Boolean(errors.length), list: list, listRef: listRef, name: name })); | ||
}; | ||
export var ValidatedFieldArray = React.memo(ValidatedFieldArrayComponent); |
import { FieldMeta } from '../../../../@common/types'; | ||
export declare function mergeMetaPropsToField<T>(fieldMeta: FieldMeta, fieldProps: T): T & FieldMeta; | ||
export declare function mergeMetaPropsToField<T>(fieldProps: T, fieldMeta: FieldMeta): T & FieldMeta; |
import merge from 'lodash/merge'; | ||
export function mergeMetaPropsToField(fieldMeta, fieldProps) { | ||
export function mergeMetaPropsToField(fieldProps, fieldMeta) { | ||
return merge(fieldProps, fieldMeta); | ||
} |
@@ -6,3 +6,5 @@ import { mergeMetaPropsToField } from './merge-meta-props-to-field'; | ||
defaultValue: undefined, | ||
error: undefined, | ||
errors: [], | ||
isInvalid: false, | ||
items: undefined, | ||
@@ -19,10 +21,12 @@ name: 'second', | ||
}; | ||
expect(JSON.stringify(mergeMetaPropsToField(fieldMeta, fieldProps))).toEqual(JSON.stringify({ | ||
expect(mergeMetaPropsToField(fieldProps, fieldMeta)).toMatchObject({ | ||
defaultValue: 'test', | ||
errors: [], | ||
error: undefined, | ||
errors: expect.any(Array), | ||
isInvalid: false, | ||
items: undefined, | ||
label: 'Second', | ||
name: 'second', | ||
setErrors: jest.fn(), | ||
})); | ||
setErrors: expect.any(Function), | ||
}); | ||
}); | ||
@@ -32,3 +36,5 @@ it('second', function () { | ||
defaultValue: 'MUST BE', | ||
error: undefined, | ||
errors: [], | ||
isInvalid: false, | ||
items: undefined, | ||
@@ -45,11 +51,13 @@ name: 'second', | ||
}; | ||
expect(JSON.stringify(mergeMetaPropsToField(fieldMeta, fieldProps))).toEqual(JSON.stringify({ | ||
expect(mergeMetaPropsToField(fieldProps, fieldMeta)).toMatchObject({ | ||
defaultValue: 'MUST BE', | ||
errors: [], | ||
error: undefined, | ||
errors: expect.any(Array), | ||
isInvalid: false, | ||
items: undefined, | ||
label: 'Second', | ||
name: 'second', | ||
setErrors: jest.fn(), | ||
})); | ||
setErrors: expect.any(Function), | ||
}); | ||
}); | ||
}); |
@@ -20,4 +20,4 @@ var __assign = (this && this.__assign) || function () { | ||
var _b = useValidateInput(inputRef, validators, fieldMeta, type), errors = _b.errors, setErrors = _b.setErrors; | ||
return React.createElement(component, __assign(__assign({}, mergeMetaPropsToField(fieldMeta, componentProps)), { errors: errors, inputRef: inputRef, name: name, setErrors: setErrors })); | ||
return React.createElement(component, __assign(__assign({}, mergeMetaPropsToField(componentProps, fieldMeta)), { error: errors === null || errors === void 0 ? void 0 : errors[0], errors: errors, inputRef: inputRef, isInvalid: Boolean(errors.length), name: name, setErrors: setErrors })); | ||
}; | ||
export var ValidatedField = React.memo(ValidatedFieldComponent); |
@@ -56,3 +56,5 @@ var __assign = (this && this.__assign) || function () { | ||
defaultValue: defaultValue, | ||
error: undefined, | ||
errors: [], | ||
isInvalid: false, | ||
items: fieldType === FieldType.ARRAY ? [] : undefined, | ||
@@ -59,0 +61,0 @@ name: fieldName, |
{ | ||
"name": "@altiore/form", | ||
"version": "0.3.35", | ||
"version": "0.3.36", | ||
"description": "Form helper for building powerful forms", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.js", |
75631
1487