@digigov/form 2.0.0-85c27c19 → 2.0.0-aefd0709
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Field/FieldBase/index.js +1 -0
- package/Field/FieldBase.js.map +2 -2
- package/Field/FieldBaseContainer/index.js +2 -2
- package/Field/FieldBaseContainer.js.map +2 -2
- package/Field/FieldConditional/index.js +7 -3
- package/Field/FieldConditional.js.map +2 -2
- package/Field/index.js +5 -2
- package/Field/index.js.map +2 -2
- package/Field/types.d.ts +10 -8
- package/Field/utils/index.d.ts +1 -0
- package/Field/utils/index.js +18 -1
- package/Field/utils/index.js.map +2 -2
- package/FieldArray/index.d.ts +1 -0
- package/FieldArray/index.js +7 -6
- package/FieldArray/index.js.map +2 -2
- package/FieldObject/index.d.ts +2 -0
- package/FieldObject/index.js +9 -5
- package/FieldObject/index.js.map +2 -2
- package/Fieldset/index.d.ts +1 -1
- package/Fieldset/index.js +5 -5
- package/Fieldset/index.js.map +2 -2
- package/Fieldset/types.d.ts +2 -3
- package/FormBuilder/index.d.ts +8 -2
- package/FormBuilder/index.js +150 -6
- package/FormBuilder/index.js.map +3 -3
- package/FormContext.js.map +2 -2
- package/MultiplicityField/add-objects/index.js +11 -7
- package/MultiplicityField/add-objects.js.map +2 -2
- package/MultiplicityField/index.js +16 -12
- package/MultiplicityField/index.js.map +2 -2
- package/MultiplicityField/types.d.ts +1 -2
- package/Questions/Questions/index.js +5 -4
- package/Questions/Questions.js.map +2 -2
- package/Questions/QuestionsContext.d.ts +0 -1
- package/Questions/Step/StepArrayReview.js.map +2 -2
- package/Questions/Step/StepContext.d.ts +0 -1
- package/Questions/Step/StepTitle/index.js +4 -3
- package/Questions/Step/StepTitle.d.ts +1 -1
- package/Questions/Step/StepTitle.js.map +2 -2
- package/Questions/Step/types.d.ts +0 -1
- package/Questions/types.d.ts +0 -1
- package/cjs/Field/FieldBase/index.js +1 -0
- package/cjs/Field/FieldBase.js.map +2 -2
- package/cjs/Field/FieldBaseContainer/index.js +4 -4
- package/cjs/Field/FieldBaseContainer.js.map +3 -3
- package/cjs/Field/FieldConditional/index.js +7 -3
- package/cjs/Field/FieldConditional.js.map +2 -2
- package/cjs/Field/index.js +5 -2
- package/cjs/Field/index.js.map +2 -2
- package/cjs/Field/types.js.map +1 -1
- package/cjs/Field/utils/index.js +18 -0
- package/cjs/Field/utils/index.js.map +2 -2
- package/cjs/FieldArray/index.js +8 -7
- package/cjs/FieldArray/index.js.map +3 -3
- package/cjs/FieldObject/index.js +10 -6
- package/cjs/FieldObject/index.js.map +3 -3
- package/cjs/Fieldset/index.js +10 -10
- package/cjs/Fieldset/index.js.map +3 -3
- package/cjs/Fieldset/types.js.map +1 -1
- package/cjs/FormBuilder/index.js +165 -5
- package/cjs/FormBuilder/index.js.map +3 -3
- package/cjs/FormContext/index.js +2 -2
- package/cjs/FormContext.js.map +3 -3
- package/cjs/MultiplicityField/add-objects/index.js +15 -11
- package/cjs/MultiplicityField/add-objects.js.map +3 -3
- package/cjs/MultiplicityField/index.js +15 -16
- package/cjs/MultiplicityField/index.js.map +3 -3
- package/cjs/MultiplicityField/types.js.map +1 -1
- package/cjs/Questions/Questions/index.js +5 -4
- package/cjs/Questions/Questions.js.map +2 -2
- package/cjs/Questions/Step/StepArrayReview.js.map +2 -2
- package/cjs/Questions/Step/StepTitle/index.js +5 -5
- package/cjs/Questions/Step/StepTitle.js.map +3 -3
- package/cjs/index.js +11 -155
- package/cjs/index.js.map +4 -4
- package/cjs/inputs/AutoCompleteInput/__stories__/Default/index.js +1 -7
- package/cjs/inputs/AutoCompleteInput/__stories__/Default.js.map +2 -2
- package/cjs/inputs/AutoCompleteInput/__stories__/Multiple/index.js +1 -8
- package/cjs/inputs/AutoCompleteInput/__stories__/Multiple.js.map +2 -2
- package/cjs/inputs/AutoCompleteInput/index.js +10 -8
- package/cjs/inputs/AutoCompleteInput/index.js.map +3 -3
- package/cjs/inputs/Checkboxes/index.js +7 -9
- package/cjs/inputs/Checkboxes/index.js.map +3 -3
- package/cjs/inputs/DateInput/__stories__/Default/index.js +3 -8
- package/cjs/inputs/DateInput/__stories__/Default.js.map +2 -2
- package/cjs/inputs/DateInput/index.js +4 -5
- package/cjs/inputs/DateInput/index.js.map +3 -3
- package/cjs/inputs/FileInput/index.js +8 -9
- package/cjs/inputs/FileInput/index.js.map +3 -3
- package/cjs/inputs/ImageInput/ImageInput.stories/index.js +4 -4
- package/cjs/inputs/ImageInput/ImageInput.stories.js.map +2 -2
- package/cjs/inputs/ImageInput/__stories__/MaxSize/index.js +69 -0
- package/cjs/inputs/ImageInput/__stories__/MaxSize.js.map +7 -0
- package/cjs/inputs/ImageInput/__stories__/WithInvalidImageDimension/index.js +2 -1
- package/cjs/inputs/ImageInput/__stories__/WithInvalidImageDimension.js.map +2 -2
- package/cjs/inputs/ImageInput/index.js +9 -9
- package/cjs/inputs/ImageInput/index.js.map +3 -3
- package/cjs/inputs/Input/__stories__/LandlineNumber/index.js +1 -0
- package/cjs/inputs/Input/__stories__/LandlineNumber.js.map +2 -2
- package/cjs/inputs/Input/__stories__/MobilePhone/index.js +1 -0
- package/cjs/inputs/Input/__stories__/MobilePhone.js.map +2 -2
- package/cjs/inputs/Input/__stories__/PhoneNumber/index.js +1 -0
- package/cjs/inputs/Input/__stories__/PhoneNumber.js.map +2 -2
- package/cjs/inputs/Input/__stories__/PostalCode/index.js +1 -0
- package/cjs/inputs/Input/__stories__/PostalCode.js.map +2 -2
- package/cjs/inputs/Input/index.js +19 -6
- package/cjs/inputs/Input/index.js.map +3 -3
- package/cjs/inputs/Input/inputsInputScenarios.js.map +2 -2
- package/cjs/inputs/Label/index.js +3 -3
- package/cjs/inputs/Label/index.js.map +3 -3
- package/cjs/inputs/OtpInput/index.js.map +2 -2
- package/cjs/inputs/Radio/__stories__/Conditional.js.map +2 -2
- package/cjs/inputs/Radio/index.js +56 -10
- package/cjs/inputs/Radio/index.js.map +3 -3
- package/cjs/inputs/Select/index.js +3 -4
- package/cjs/inputs/Select/index.js.map +3 -3
- package/cjs/inputs/inputsScenarios/index.js +4 -11
- package/cjs/inputs/inputsScenarios.js.map +2 -2
- package/cjs/lazy/index.js +320 -59
- package/cjs/lazy.js.map +2 -2
- package/cjs/locales/el.js.map +1 -1
- package/cjs/registry/index.js +118 -38
- package/cjs/registry.js.map +2 -2
- package/cjs/types.js.map +1 -1
- package/cjs/utils/index.js +2 -1
- package/cjs/utils.js.map +2 -2
- package/cjs/validators/index.js +16 -66
- package/cjs/validators/index.js.map +3 -3
- package/cjs/validators/utils/date/index.js +138 -0
- package/cjs/validators/utils/date.js.map +7 -0
- package/cjs/validators/utils/file/index.js +1 -1
- package/cjs/validators/utils/file.js.map +2 -2
- package/cjs/validators/utils/index.js +3 -1
- package/cjs/validators/utils/index.js.map +2 -2
- package/cjs/validators/utils/phone.js.map +2 -2
- package/cjs/validators/utils/postal_code.js.map +1 -1
- package/cjs/validators/utils/uuid4.js.map +2 -2
- package/index.d.ts +5 -8
- package/index.js +9 -152
- package/index.js.map +4 -4
- package/inputs/AutoCompleteInput/__stories__/Default/index.js +1 -7
- package/inputs/AutoCompleteInput/__stories__/Default.js.map +2 -2
- package/inputs/AutoCompleteInput/__stories__/Multiple/index.js +1 -8
- package/inputs/AutoCompleteInput/__stories__/Multiple.js.map +2 -2
- package/inputs/AutoCompleteInput/index.d.ts +1 -1
- package/inputs/AutoCompleteInput/index.js +12 -8
- package/inputs/AutoCompleteInput/index.js.map +2 -2
- package/inputs/Checkboxes/index.d.ts +1 -1
- package/inputs/Checkboxes/index.js +8 -6
- package/inputs/Checkboxes/index.js.map +2 -2
- package/inputs/DateInput/__stories__/Default/index.js +3 -8
- package/inputs/DateInput/__stories__/Default.js.map +2 -2
- package/inputs/DateInput/index.d.ts +1 -2
- package/inputs/DateInput/index.js +6 -4
- package/inputs/DateInput/index.js.map +2 -2
- package/inputs/FileInput/index.js +6 -7
- package/inputs/FileInput/index.js.map +2 -2
- package/inputs/ImageInput/ImageInput.stories/index.js +2 -2
- package/inputs/ImageInput/ImageInput.stories.d.ts +1 -1
- package/inputs/ImageInput/ImageInput.stories.js.map +2 -2
- package/inputs/ImageInput/__stories__/MaxSize/index.js +36 -0
- package/inputs/ImageInput/__stories__/MaxSize/package.json +6 -0
- package/inputs/ImageInput/__stories__/MaxSize.d.ts +3 -0
- package/inputs/ImageInput/__stories__/MaxSize.js.map +7 -0
- package/inputs/ImageInput/__stories__/WithInvalidImageDimension/index.js +2 -1
- package/inputs/ImageInput/__stories__/WithInvalidImageDimension.js.map +2 -2
- package/inputs/ImageInput/index.js +8 -8
- package/inputs/ImageInput/index.js.map +2 -2
- package/inputs/Input/__stories__/LandlineNumber/index.js +1 -0
- package/inputs/Input/__stories__/LandlineNumber.js.map +2 -2
- package/inputs/Input/__stories__/MobilePhone/index.js +1 -0
- package/inputs/Input/__stories__/MobilePhone.js.map +2 -2
- package/inputs/Input/__stories__/PhoneNumber/index.js +1 -0
- package/inputs/Input/__stories__/PhoneNumber.js.map +2 -2
- package/inputs/Input/__stories__/PostalCode/index.js +1 -0
- package/inputs/Input/__stories__/PostalCode.js.map +2 -2
- package/inputs/Input/index.js +17 -4
- package/inputs/Input/index.js.map +3 -3
- package/inputs/Input/inputsInputScenarios.js.map +2 -2
- package/inputs/Label/index.d.ts +0 -2
- package/inputs/Label/index.js +2 -2
- package/inputs/Label/index.js.map +2 -2
- package/inputs/OtpInput/index.js.map +2 -2
- package/inputs/Radio/__stories__/Conditional.js.map +2 -2
- package/inputs/Radio/index.d.ts +5 -1
- package/inputs/Radio/index.js +57 -8
- package/inputs/Radio/index.js.map +2 -2
- package/inputs/Select/index.d.ts +1 -1
- package/inputs/Select/index.js +4 -2
- package/inputs/Select/index.js.map +2 -2
- package/inputs/inputsScenarios/index.js +4 -11
- package/inputs/inputsScenarios.d.ts +0 -42
- package/inputs/inputsScenarios.js.map +2 -2
- package/lazy/index.js +320 -59
- package/lazy.d.ts +17 -10
- package/lazy.js.map +2 -2
- package/locales/el.js.map +1 -1
- package/package.json +4 -4
- package/registry/index.js +118 -38
- package/registry.d.ts +1 -0
- package/registry.js.map +2 -2
- package/src/Field/FieldBase.tsx +1 -0
- package/src/Field/FieldBaseContainer.tsx +2 -2
- package/src/Field/FieldConditional.tsx +4 -0
- package/src/Field/index.tsx +4 -1
- package/src/Field/types.tsx +10 -8
- package/src/Field/utils/index.ts +18 -1
- package/src/FieldArray/index.test.tsx +14 -13
- package/src/FieldArray/index.tsx +9 -6
- package/src/FieldObject/index.tsx +8 -2
- package/src/Fieldset/index.tsx +5 -5
- package/src/Fieldset/types.tsx +2 -2
- package/src/FormBuilder/{FormBuilder.mdx → doc.mdx} +20 -33
- package/src/FormBuilder/index.test.tsx +11 -10
- package/src/FormBuilder/index.tsx +178 -7
- package/src/FormBuilder/scenarios.test.tsx +2 -2
- package/src/FormContext.tsx +1 -2
- package/src/MultiplicityField/add-objects.tsx +10 -8
- package/src/MultiplicityField/{MultiplicityField.mdx → doc.mdx} +12 -16
- package/src/MultiplicityField/index.test.tsx +26 -25
- package/src/MultiplicityField/index.tsx +15 -12
- package/src/MultiplicityField/types.ts +1 -2
- package/src/Questions/Questions.tsx +4 -4
- package/src/Questions/Step/StepArrayReview.tsx +1 -1
- package/src/Questions/Step/StepTitle.tsx +4 -3
- package/src/Questions/__snapshots__/index.spec.tsx.snap +8 -4
- package/src/Questions/{index.mdx → doc.mdx} +9 -12
- package/src/Questions/index.spec.tsx +6 -2
- package/src/Questions/index.test.tsx +11 -10
- package/src/create-simple-form.mdx +2 -6
- package/src/{index.mdx → doc.mdx} +4 -8
- package/src/index.ts +6 -0
- package/src/inputs/AutoCompleteInput/__stories__/Default.tsx +2 -10
- package/src/inputs/AutoCompleteInput/__stories__/Multiple.tsx +1 -8
- package/src/inputs/AutoCompleteInput/{index.mdx → doc.mdx} +2 -13
- package/src/inputs/AutoCompleteInput/index.test.tsx +14 -13
- package/src/inputs/AutoCompleteInput/index.tsx +36 -31
- package/src/inputs/Checkboxes/{index.mdx → doc.mdx} +5 -15
- package/src/inputs/Checkboxes/index.test.tsx +17 -16
- package/src/inputs/Checkboxes/index.tsx +10 -8
- package/src/inputs/DateInput/__stories__/Default.tsx +7 -12
- package/src/inputs/DateInput/{index.mdx → doc.mdx} +1 -8
- package/src/inputs/DateInput/index.test.tsx +11 -10
- package/src/inputs/DateInput/index.tsx +6 -4
- package/src/inputs/FileInput/{index.mdx → doc.mdx} +1 -5
- package/src/inputs/FileInput/index.test.tsx +11 -10
- package/src/inputs/FileInput/index.tsx +7 -8
- package/src/inputs/ImageInput/ImageInput.stories.js +1 -1
- package/src/inputs/ImageInput/__stories__/MaxSize.tsx +37 -0
- package/src/inputs/ImageInput/__stories__/WithInvalidImageDimension.tsx +2 -0
- package/src/inputs/ImageInput/doc.mdx +23 -0
- package/src/inputs/ImageInput/index.test.tsx +21 -16
- package/src/inputs/ImageInput/index.tsx +10 -15
- package/src/inputs/Input/__stories__/LandlineNumber.tsx +2 -1
- package/src/inputs/Input/__stories__/MobilePhone.tsx +1 -0
- package/src/inputs/Input/__stories__/PhoneNumber.tsx +1 -0
- package/src/inputs/Input/__stories__/PostalCode.tsx +1 -0
- package/src/inputs/Input/doc.mdx +56 -0
- package/src/inputs/Input/index.test.tsx +38 -37
- package/src/inputs/Input/index.tsx +32 -29
- package/src/inputs/Input/inputsInputScenarios.ts +244 -245
- package/src/inputs/Label/doc.mdx +14 -0
- package/src/inputs/Label/index.test.tsx +11 -10
- package/src/inputs/Label/index.tsx +2 -6
- package/src/inputs/OtpInput/{index.mdx → doc.mdx} +1 -8
- package/src/inputs/OtpInput/index.test.tsx +11 -10
- package/src/inputs/OtpInput/index.tsx +2 -1
- package/src/inputs/Radio/__stories__/Conditional.tsx +2 -1
- package/src/inputs/Radio/{index.mdx → doc.mdx} +5 -15
- package/src/inputs/Radio/index.test.tsx +17 -16
- package/src/inputs/Radio/index.tsx +76 -10
- package/src/inputs/Select/{index.mdx → doc.mdx} +1 -5
- package/src/inputs/Select/index.test.tsx +11 -10
- package/src/inputs/Select/index.tsx +5 -3
- package/src/inputs/inputsScenarios.ts +174 -181
- package/src/installation.mdx +2 -5
- package/src/lazy.js +322 -62
- package/src/locales/el.ts +1 -1
- package/src/registry.js +121 -45
- package/src/types.tsx +3 -2
- package/src/utils.ts +2 -2
- package/src/validators/index.ts +33 -71
- package/src/validators/utils/date.ts +107 -0
- package/src/validators/utils/file.ts +5 -3
- package/src/validators/utils/index.ts +1 -0
- package/src/validators/utils/phone.ts +1 -1
- package/src/validators/utils/postal_code.ts +1 -1
- package/src/validators/utils/uuid4.ts +2 -1
- package/src/validators/validators.spec.ts +3 -3
- package/types.d.ts +3 -3
- package/types.js.map +1 -1
- package/utils/index.js +2 -1
- package/utils.js.map +2 -2
- package/validators/index.js +20 -67
- package/validators/index.js.map +2 -2
- package/validators/utils/date/index.js +103 -0
- package/validators/utils/date/package.json +6 -0
- package/validators/utils/date.d.ts +9 -0
- package/validators/utils/date.js.map +7 -0
- package/validators/utils/file/index.js +1 -1
- package/validators/utils/file.js.map +2 -2
- package/validators/utils/index.d.ts +1 -0
- package/validators/utils/index.js +1 -0
- package/validators/utils/index.js.map +2 -2
- package/validators/utils/phone.d.ts +1 -1
- package/validators/utils/phone.js.map +2 -2
- package/validators/utils/postal_code.d.ts +1 -1
- package/validators/utils/postal_code.js.map +1 -1
- package/validators/utils/uuid4.js.map +2 -2
- package/src/index.tsx +0 -178
- package/src/inputs/ImageInput/index.mdx +0 -19
- package/src/inputs/Input/index.mdx +0 -95
- package/src/inputs/Label/index.mdx +0 -0
- /package/src/Field/{index.mdx → doc.mdx} +0 -0
package/src/utils.ts
CHANGED
|
@@ -43,7 +43,6 @@ export const yupResolver =
|
|
|
43
43
|
async (values, context, options) => {
|
|
44
44
|
try {
|
|
45
45
|
if (schemaOptions.context && process.env.NODE_ENV === 'development') {
|
|
46
|
-
// eslint-disable-next-line no-console
|
|
47
46
|
console.warn(
|
|
48
47
|
"You should not used the yup options context. Please, use the 'useForm' context object instead"
|
|
49
48
|
);
|
|
@@ -56,7 +55,8 @@ export const yupResolver =
|
|
|
56
55
|
Object.assign({ abortEarly: false }, schemaOptions, { context })
|
|
57
56
|
);
|
|
58
57
|
|
|
59
|
-
options.shouldUseNativeValidation
|
|
58
|
+
if (options.shouldUseNativeValidation)
|
|
59
|
+
validateFieldsNatively({}, options);
|
|
60
60
|
|
|
61
61
|
return {
|
|
62
62
|
values: resolverOptions.rawValues ? values : result,
|
package/src/validators/index.ts
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import { MutableRefObject, useMemo } from 'react';
|
|
2
|
-
import dayjs from 'dayjs';
|
|
3
|
-
import customParseFormat from 'dayjs/plugin/customParseFormat';
|
|
4
2
|
import * as yup from 'yup';
|
|
5
3
|
import { AnyObjectSchema, StringSchema } from 'yup';
|
|
6
4
|
import { RequiredArraySchema } from 'yup/lib/array';
|
|
@@ -22,16 +20,12 @@ import {
|
|
|
22
20
|
POSTALCODE_VALIDATOR,
|
|
23
21
|
UUID4_VALIDATOR,
|
|
24
22
|
IMAGE_DIMENSION_VALIDATOR,
|
|
23
|
+
DATE_VALIDATOR,
|
|
24
|
+
LATER_THAN_VALIDATOR,
|
|
25
|
+
EARLIER_THAN_VALIDATOR,
|
|
25
26
|
} from '@digigov/form/validators/utils';
|
|
26
27
|
import { INT_VALIDATOR } from '@digigov/form/validators/utils/int';
|
|
27
28
|
import { NUMBER_VALIDATOR } from '@digigov/form/validators/utils/number';
|
|
28
|
-
dayjs.extend(customParseFormat);
|
|
29
|
-
|
|
30
|
-
const VALID_DATE_FORMATS = ['DD/MM/YYYY'];
|
|
31
|
-
const DATE_CACHE = {};
|
|
32
|
-
const getDate = (v) => {
|
|
33
|
-
return DATE_CACHE[v] ? DATE_CACHE[v] : dayjs(v, VALID_DATE_FORMATS, true);
|
|
34
|
-
};
|
|
35
29
|
|
|
36
30
|
export const getYUPTypeMap = (): Record<string, any> => {
|
|
37
31
|
const yupTypeMap = {
|
|
@@ -48,7 +42,21 @@ export const getYUPTypeMap = (): Record<string, any> => {
|
|
|
48
42
|
.test(FILE_MAX_SIZE_VALIDATOR(field));
|
|
49
43
|
},
|
|
50
44
|
string: yup.string,
|
|
51
|
-
boolean: yup.
|
|
45
|
+
boolean: (): yup.BooleanSchema<
|
|
46
|
+
boolean | null | undefined,
|
|
47
|
+
AnyObject,
|
|
48
|
+
boolean | null | undefined
|
|
49
|
+
> => {
|
|
50
|
+
return yup
|
|
51
|
+
.boolean()
|
|
52
|
+
.nullable()
|
|
53
|
+
.transform((value) => {
|
|
54
|
+
if (value === '' || typeof value === 'string') return null;
|
|
55
|
+
if (typeof value === 'boolean') return value;
|
|
56
|
+
if (value === 0 || value === 1) return Boolean(value);
|
|
57
|
+
return value;
|
|
58
|
+
});
|
|
59
|
+
},
|
|
52
60
|
object: (
|
|
53
61
|
field
|
|
54
62
|
):
|
|
@@ -150,69 +158,23 @@ export const getYUPTypeMap = (): Record<string, any> => {
|
|
|
150
158
|
AnyObject,
|
|
151
159
|
string | null | undefined
|
|
152
160
|
> => yup.string().nullable(),
|
|
153
|
-
date: (
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
if (params.max) {
|
|
164
|
-
let maxDate;
|
|
165
|
-
if (params.max === 'now') {
|
|
166
|
-
const today = new Date();
|
|
167
|
-
maxDate = new Date(today);
|
|
168
|
-
} else {
|
|
169
|
-
maxDate = getDate(params.max).toDate();
|
|
170
|
-
}
|
|
171
|
-
const maxNextDate = new Date(maxDate);
|
|
172
|
-
maxNextDate.setDate(maxDate.getDate() + 1);
|
|
173
|
-
simpleDate = simpleDate.test({
|
|
174
|
-
name: 'earlier-than',
|
|
175
|
-
message: {
|
|
176
|
-
key: 'form.error.date.earlier_than',
|
|
177
|
-
context: {
|
|
178
|
-
maxDate: maxNextDate.toLocaleDateString(),
|
|
179
|
-
},
|
|
180
|
-
},
|
|
181
|
-
test: function (value) {
|
|
182
|
-
if (!value) return true;
|
|
183
|
-
const date = getDate(value);
|
|
184
|
-
const isValid = +date.toDate() < +maxDate;
|
|
185
|
-
return isValid;
|
|
186
|
-
},
|
|
187
|
-
});
|
|
161
|
+
date: (
|
|
162
|
+
field
|
|
163
|
+
): yup.StringSchema<
|
|
164
|
+
string | null | undefined,
|
|
165
|
+
AnyObject,
|
|
166
|
+
string | null | undefined
|
|
167
|
+
> => {
|
|
168
|
+
let schema = yup.string().nullable();
|
|
169
|
+
if (field?.extra?.min) {
|
|
170
|
+
schema = schema.test(LATER_THAN_VALIDATOR(field));
|
|
188
171
|
}
|
|
189
|
-
if (
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
minDate = new Date(today);
|
|
194
|
-
} else {
|
|
195
|
-
minDate = getDate(params.min).toDate();
|
|
196
|
-
}
|
|
197
|
-
const minPreviousDate = new Date(minDate);
|
|
198
|
-
minPreviousDate.setDate(minDate.getDate() - 1);
|
|
199
|
-
simpleDate = simpleDate.test({
|
|
200
|
-
name: 'later-than',
|
|
201
|
-
message: {
|
|
202
|
-
key: 'form.error.date.later_than',
|
|
203
|
-
context: {
|
|
204
|
-
minDate: minPreviousDate.toLocaleDateString(),
|
|
205
|
-
},
|
|
206
|
-
},
|
|
207
|
-
test: function (value) {
|
|
208
|
-
if (!value) return true;
|
|
209
|
-
const date = getDate(value);
|
|
210
|
-
const isValid = +date.toDate() > +minDate;
|
|
211
|
-
return isValid;
|
|
212
|
-
},
|
|
213
|
-
});
|
|
172
|
+
if (field?.extra?.max) {
|
|
173
|
+
schema = schema.test(EARLIER_THAN_VALIDATOR(field));
|
|
174
|
+
} else {
|
|
175
|
+
schema = schema.test(DATE_VALIDATOR);
|
|
214
176
|
}
|
|
215
|
-
return
|
|
177
|
+
return schema;
|
|
216
178
|
},
|
|
217
179
|
};
|
|
218
180
|
return yupTypeMap;
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
import dayjs from 'dayjs';
|
|
2
|
+
import customParseFormat from 'dayjs/plugin/customParseFormat';
|
|
3
|
+
import { FieldSpec } from '@digigov/form/types';
|
|
4
|
+
import { ValidatorSchema } from '@digigov/form/validators/types';
|
|
5
|
+
|
|
6
|
+
dayjs.extend(customParseFormat);
|
|
7
|
+
|
|
8
|
+
const VALID_DATE_FORMATS = ['DD/MM/YYYY'];
|
|
9
|
+
const DATE_CACHE = {};
|
|
10
|
+
|
|
11
|
+
const getDate = (v: string) => {
|
|
12
|
+
return DATE_CACHE[v] ? DATE_CACHE[v] : dayjs(v, VALID_DATE_FORMATS, true);
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
// Function to check partial date completion
|
|
16
|
+
const checkPartialDate = (value: string) => {
|
|
17
|
+
console.log("value.split('/')", value.split('/'));
|
|
18
|
+
const [day, month, year] = value.split('/');
|
|
19
|
+
if (day && !month && !year) {
|
|
20
|
+
return 'form.error.date.invalid_month_year';
|
|
21
|
+
}
|
|
22
|
+
if (!day && month && !year) {
|
|
23
|
+
return 'form.error.date.invalid_day_year';
|
|
24
|
+
}
|
|
25
|
+
if (!day && !month && year) {
|
|
26
|
+
return 'form.error.date.invalid_day_month';
|
|
27
|
+
}
|
|
28
|
+
if (day && month && !year) {
|
|
29
|
+
return 'form.error.date.invalid_year';
|
|
30
|
+
}
|
|
31
|
+
if (day && !month && year) {
|
|
32
|
+
return 'form.error.date.invalid_month';
|
|
33
|
+
}
|
|
34
|
+
if (!day && month && year) {
|
|
35
|
+
return 'form.error.date.invalid_day';
|
|
36
|
+
} else {
|
|
37
|
+
return 'form.error.date.invalid';
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
export const LATER_THAN_VALIDATOR = (field: FieldSpec): ValidatorSchema => {
|
|
42
|
+
let minDate;
|
|
43
|
+
const params = field.extra || {};
|
|
44
|
+
if (params.min === 'now') {
|
|
45
|
+
const today = new Date();
|
|
46
|
+
minDate = new Date(today);
|
|
47
|
+
} else {
|
|
48
|
+
minDate = getDate(params.min).toDate();
|
|
49
|
+
}
|
|
50
|
+
const minPreviousDate = new Date(minDate);
|
|
51
|
+
minPreviousDate.setDate(minDate.getDate() - 1);
|
|
52
|
+
return {
|
|
53
|
+
name: 'later-than',
|
|
54
|
+
message: {
|
|
55
|
+
key: 'form.error.date.later_than',
|
|
56
|
+
context: {
|
|
57
|
+
minDate: minPreviousDate.toLocaleDateString(),
|
|
58
|
+
},
|
|
59
|
+
},
|
|
60
|
+
test: function (value: string) {
|
|
61
|
+
if (!value) return true;
|
|
62
|
+
const date = getDate(value);
|
|
63
|
+
const isValid = +date.toDate() > +minDate;
|
|
64
|
+
return isValid;
|
|
65
|
+
},
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
|
|
69
|
+
export const EARLIER_THAN_VALIDATOR = (field: FieldSpec): ValidatorSchema => {
|
|
70
|
+
let maxDate;
|
|
71
|
+
const params = field.extra || {};
|
|
72
|
+
if (params.max === 'now') {
|
|
73
|
+
const today = new Date();
|
|
74
|
+
maxDate = new Date(today);
|
|
75
|
+
} else {
|
|
76
|
+
maxDate = getDate(params.max).toDate();
|
|
77
|
+
}
|
|
78
|
+
const maxNextDate = new Date(maxDate);
|
|
79
|
+
maxNextDate.setDate(maxDate.getDate() + 1);
|
|
80
|
+
return {
|
|
81
|
+
name: 'earlier-than',
|
|
82
|
+
message: {
|
|
83
|
+
key: 'form.error.date.earlier_than',
|
|
84
|
+
context: {
|
|
85
|
+
maxDate: maxNextDate.toLocaleDateString(),
|
|
86
|
+
},
|
|
87
|
+
},
|
|
88
|
+
test: function (value: string) {
|
|
89
|
+
if (!value) return true;
|
|
90
|
+
const date = getDate(value);
|
|
91
|
+
const isValid = +date.toDate() < +maxDate;
|
|
92
|
+
return isValid;
|
|
93
|
+
},
|
|
94
|
+
};
|
|
95
|
+
};
|
|
96
|
+
|
|
97
|
+
export const DATE_VALIDATOR = {
|
|
98
|
+
name: 'date-validator',
|
|
99
|
+
message: (v): string => {
|
|
100
|
+
return checkPartialDate(v.value);
|
|
101
|
+
},
|
|
102
|
+
test: function (value: string) {
|
|
103
|
+
if (!value) return true;
|
|
104
|
+
const date = getDate(value);
|
|
105
|
+
return date.isValid();
|
|
106
|
+
},
|
|
107
|
+
};
|
|
@@ -6,15 +6,17 @@ const DEFAULT_FILE_MAX_SIZE = 10000000;
|
|
|
6
6
|
export const FILE_MAX_SIZE_VALIDATOR = (field: FieldSpec): ValidatorSchema => ({
|
|
7
7
|
name: 'file-max-size-validator',
|
|
8
8
|
message: {
|
|
9
|
-
key:
|
|
9
|
+
key:
|
|
10
|
+
field.type === 'file' ? 'form.error.file_size' : 'form.error.image_size',
|
|
10
11
|
context: {
|
|
11
|
-
maxSizeToMb:
|
|
12
|
+
maxSizeToMb:
|
|
13
|
+
(field?.extra?.limit.maxSize || DEFAULT_FILE_MAX_SIZE) / 1000000,
|
|
12
14
|
},
|
|
13
15
|
},
|
|
14
16
|
test: (value: File[]): boolean => {
|
|
15
17
|
if (value) {
|
|
16
18
|
for (const file of value) {
|
|
17
|
-
const maxSize = field?.extra?.limit?.maxSize || DEFAULT_FILE_MAX_SIZE
|
|
19
|
+
const maxSize = field?.extra?.limit?.maxSize || DEFAULT_FILE_MAX_SIZE;
|
|
18
20
|
if (file.size > maxSize) {
|
|
19
21
|
return false;
|
|
20
22
|
}
|
|
@@ -11,6 +11,7 @@ export * from '@digigov/form/validators/utils/phone';
|
|
|
11
11
|
export * from '@digigov/form/validators/utils/postal_code';
|
|
12
12
|
export * from '@digigov/form/validators/utils/uuid4';
|
|
13
13
|
export * from '@digigov/form/validators/utils/text_limit';
|
|
14
|
+
export * from '@digigov/form/validators/utils/date';
|
|
14
15
|
|
|
15
16
|
export function getYupField(field: FieldSpec, yupTypeMap: Record<string, any>) {
|
|
16
17
|
const yupField = yupTypeMap[field?.type || 'string'] || yupTypeMap['string'];
|
|
@@ -138,7 +138,7 @@ function isNumberOfType(phoneNumber: string, country: string, type: string) {
|
|
|
138
138
|
}
|
|
139
139
|
export function validatePhoneNumber(
|
|
140
140
|
phoneNumber: string,
|
|
141
|
-
countries:
|
|
141
|
+
countries: string[] = ['gr'],
|
|
142
142
|
typeOfPhoneNumber?: PhoneNumberType
|
|
143
143
|
): boolean {
|
|
144
144
|
if (!countries || countries.length === 0) {
|
|
@@ -4,7 +4,7 @@ import { ValidatorSchema } from '@digigov/form/validators/types';
|
|
|
4
4
|
const CODE_REGEX = /^[12345678][0-9]{4}$/;
|
|
5
5
|
export function validatePostalCode(
|
|
6
6
|
number: string,
|
|
7
|
-
countries:
|
|
7
|
+
countries: string[]
|
|
8
8
|
): boolean {
|
|
9
9
|
if (!countries) {
|
|
10
10
|
return false;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
const UUID4_PATTERN =
|
|
1
|
+
const UUID4_PATTERN =
|
|
2
|
+
/^[0-9A-F]{8}-[0-9A-F]{4}-[4][0-9A-F]{3}-[89AB][0-9A-F]{3}-[0-9A-F]{12}$/i;
|
|
2
3
|
|
|
3
4
|
export function validateUUID4(uuid4: string): boolean {
|
|
4
5
|
if (uuid4.length !== 36) {
|
|
@@ -75,14 +75,14 @@ it('throws if given country is not supported', () => {
|
|
|
75
75
|
);
|
|
76
76
|
});
|
|
77
77
|
|
|
78
|
-
it('validates
|
|
78
|
+
it('validates phone number type mobile with gr country code', () => {
|
|
79
79
|
expect(validatePhoneNumber('6934100982', ['GR'], 'mobile')).toBe(true);
|
|
80
80
|
});
|
|
81
81
|
|
|
82
|
-
it('validates
|
|
82
|
+
it('validates phone number with no type and gr country code', () => {
|
|
83
83
|
expect(validatePhoneNumber('6934100982', ['gr'], null)).toBe(true);
|
|
84
84
|
});
|
|
85
85
|
|
|
86
|
-
it('validates
|
|
86
|
+
it('validates invalid phone number with no type and gr country code', () => {
|
|
87
87
|
expect(validatePhoneNumber('41446681800', ['gr'], null)).toBe(false);
|
|
88
88
|
});
|
package/types.d.ts
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { UseFormReturn, UseFormProps } from 'react-hook-form';
|
|
3
2
|
import { FieldComponentRegistry, FieldLabelProps, FieldSpec, FormData } from '@digigov/form/Field/types';
|
|
4
3
|
import { ValidatorSchema } from '@digigov/form/validators/types';
|
|
5
4
|
export * from '@digigov/form/Field/types';
|
|
6
|
-
export
|
|
5
|
+
export interface FieldError {
|
|
7
6
|
message: string;
|
|
8
|
-
}
|
|
7
|
+
}
|
|
9
8
|
export interface FieldsetSpec {
|
|
10
9
|
key: string;
|
|
11
10
|
fields: string[];
|
|
@@ -46,6 +45,7 @@ export interface FormBuilderProps {
|
|
|
46
45
|
validatorRegistry?: Record<string, ValidatorSchema[]>;
|
|
47
46
|
componentRegistry?: FieldComponentRegistry;
|
|
48
47
|
grid?: boolean;
|
|
48
|
+
controlledFieldsOnly?: boolean;
|
|
49
49
|
}
|
|
50
50
|
export interface FormBaseProps extends Omit<FormBuilderProps, 'fields' | 'fieldsets' | 'auto'> {
|
|
51
51
|
fieldsetsMap?: Record<string, FieldsetSpec>;
|
package/types.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/types.tsx"],
|
|
4
|
-
"sourcesContent": ["import { UseFormReturn, UseFormProps } from 'react-hook-form';\nimport {\n FieldComponentRegistry,\n FieldLabelProps,\n FieldSpec,\n FormData,\n} from '@digigov/form/Field/types';\nimport { ValidatorSchema } from '@digigov/form/validators/types';\nexport * from '@digigov/form/Field/types';\nexport
|
|
4
|
+
"sourcesContent": ["import { UseFormReturn, UseFormProps } from 'react-hook-form';\nimport {\n FieldComponentRegistry,\n FieldLabelProps,\n FieldSpec,\n FormData,\n} from '@digigov/form/Field/types';\nimport { ValidatorSchema } from '@digigov/form/validators/types';\nexport * from '@digigov/form/Field/types';\nexport interface FieldError {\n message: string;\n}\n\nexport interface FieldsetSpec {\n key: string;\n fields: string[];\n label?: FieldLabelProps;\n body?: React.ReactNode;\n}\n\nexport interface FormContextProps {\n fieldsetsMap?: Record<string, FieldsetSpec>;\n fieldsMap: Record<string, FieldSpec>;\n control: UseFormReturn['control'];\n register: UseFormReturn['register'];\n trigger: UseFormReturn['trigger'];\n clearErrors: UseFormReturn['clearErrors'];\n watch: UseFormReturn['watch'];\n getFieldState: UseFormReturn['getFieldState'];\n setValue: UseFormReturn['setValue'];\n getValues: UseFormReturn['getValues'];\n unregister: UseFormReturn['unregister'];\n formState: UseFormReturn['formState'];\n reset: UseFormReturn['reset'];\n resetField: UseFormReturn['resetField'];\n registerField: (field: FieldSpec) => void;\n errors: UseFormReturn['formState']['errors'];\n componentRegistry?: FieldComponentRegistry;\n submit: () => Promise<void>;\n}\n\nexport interface FormBuilderProps {\n fields?: FieldSpec[];\n fieldsets?: FieldsetSpec[];\n initial?: FormData;\n onSubmit?: (data: FormData) => void | null | FieldError[];\n mode?: UseFormProps['mode'];\n reValidateMode?: UseFormProps['reValidateMode'];\n criteriaMode?: UseFormProps['criteriaMode'];\n children?: React.ReactNode;\n shouldFocusError?: boolean;\n auto?: boolean;\n validatorRegistry?: Record<string, ValidatorSchema[]>;\n componentRegistry?: FieldComponentRegistry;\n grid?: boolean;\n controlledFieldsOnly?: boolean;\n}\n\nexport interface FormBaseProps\n extends Omit<FormBuilderProps, 'fields' | 'fieldsets' | 'auto'> {\n fieldsetsMap?: Record<string, FieldsetSpec>;\n fieldsMap: Record<string, FieldSpec>;\n registerField: (field: FieldSpec) => void;\n resolver: any;\n}\n"],
|
|
5
5
|
"mappings": "AAQA,cAAc;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/utils/index.js
CHANGED
|
@@ -34,7 +34,8 @@ const yupResolver = (schema, schemaOptions = {}, resolverOptions = {}) => async
|
|
|
34
34
|
values,
|
|
35
35
|
Object.assign({ abortEarly: false }, schemaOptions, { context })
|
|
36
36
|
);
|
|
37
|
-
options.shouldUseNativeValidation
|
|
37
|
+
if (options.shouldUseNativeValidation)
|
|
38
|
+
validateFieldsNatively({}, options);
|
|
38
39
|
return {
|
|
39
40
|
values: resolverOptions.rawValues ? values : result,
|
|
40
41
|
errors: {}
|
package/utils.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/utils.ts"],
|
|
4
|
-
"sourcesContent": ["import { validateFieldsNatively } from '@hookform/resolvers';\nimport { appendErrors, FieldError } from 'react-hook-form';\nimport * as Yup from 'yup';\n\n/**\n * Why `path!` ? because it could be `undefined` in some case\n * https://github.com/jquense/yup#validationerrorerrors-string--arraystring-value-any-path-string\n */\nconst parseErrorSchema = (\n error: Yup.ValidationError,\n validateAllFieldCriteria: boolean\n) => {\n return (error.inner || []).reduce<Record<string, FieldError>>(\n (previous, error) => {\n error.path = error.path?.replace(/\\[([0-9]+)\\]/g, '.$1');\n if (!previous[error.path!]) {\n previous[error.path!] = { message: error.message, type: error.type! };\n }\n\n if (validateAllFieldCriteria) {\n const types = previous[error.path!].types;\n const messages = types && types[error.type!];\n\n previous[error.path!] = appendErrors(\n error.path!,\n validateAllFieldCriteria,\n previous,\n error.type!,\n messages\n ? ([] as string[]).concat(messages as string[], error.message)\n : error.message\n ) as FieldError;\n }\n\n return previous;\n },\n {}\n );\n};\n\nexport const yupResolver =\n (schema: any, schemaOptions: any = {}, resolverOptions: any = {}) =>\n async (values, context, options) => {\n try {\n if (schemaOptions.context && process.env.NODE_ENV === 'development') {\n
|
|
5
|
-
"mappings": "AAAA,SAAS,8BAA8B;AACvC,SAAS,oBAAgC;AAOzC,MAAM,mBAAmB,CACvB,OACA,6BACG;AACH,UAAQ,MAAM,SAAS,CAAC,GAAG;AAAA,IACzB,CAAC,UAAUA,WAAU;AACnB,MAAAA,OAAM,OAAOA,OAAM,MAAM,QAAQ,iBAAiB,KAAK;AACvD,UAAI,CAAC,SAASA,OAAM,IAAK,GAAG;AAC1B,iBAASA,OAAM,IAAK,IAAI,EAAE,SAASA,OAAM,SAAS,MAAMA,OAAM,KAAM;AAAA,MACtE;AAEA,UAAI,0BAA0B;AAC5B,cAAM,QAAQ,SAASA,OAAM,IAAK,EAAE;AACpC,cAAM,WAAW,SAAS,MAAMA,OAAM,IAAK;AAE3C,iBAASA,OAAM,IAAK,IAAI;AAAA,UACtBA,OAAM;AAAA,UACN;AAAA,UACA;AAAA,UACAA,OAAM;AAAA,UACN,WACK,CAAC,EAAe,OAAO,UAAsBA,OAAM,OAAO,IAC3DA,OAAM;AAAA,QACZ;AAAA,MACF;AAEA,aAAO;AAAA,IACT;AAAA,IACA,CAAC;AAAA,EACH;AACF;AAEO,MAAM,cACX,CAAC,QAAa,gBAAqB,CAAC,GAAG,kBAAuB,CAAC,MAC/D,OAAO,QAAQ,SAAS,YAAY;AAClC,MAAI;AACF,QAAI,cAAc,WAAW,QAAQ,IAAI,aAAa,eAAe;
|
|
4
|
+
"sourcesContent": ["import { validateFieldsNatively } from '@hookform/resolvers';\nimport { appendErrors, FieldError } from 'react-hook-form';\nimport * as Yup from 'yup';\n\n/**\n * Why `path!` ? because it could be `undefined` in some case\n * https://github.com/jquense/yup#validationerrorerrors-string--arraystring-value-any-path-string\n */\nconst parseErrorSchema = (\n error: Yup.ValidationError,\n validateAllFieldCriteria: boolean\n) => {\n return (error.inner || []).reduce<Record<string, FieldError>>(\n (previous, error) => {\n error.path = error.path?.replace(/\\[([0-9]+)\\]/g, '.$1');\n if (!previous[error.path!]) {\n previous[error.path!] = { message: error.message, type: error.type! };\n }\n\n if (validateAllFieldCriteria) {\n const types = previous[error.path!].types;\n const messages = types && types[error.type!];\n\n previous[error.path!] = appendErrors(\n error.path!,\n validateAllFieldCriteria,\n previous,\n error.type!,\n messages\n ? ([] as string[]).concat(messages as string[], error.message)\n : error.message\n ) as FieldError;\n }\n\n return previous;\n },\n {}\n );\n};\n\nexport const yupResolver =\n (schema: any, schemaOptions: any = {}, resolverOptions: any = {}) =>\n async (values, context, options) => {\n try {\n if (schemaOptions.context && process.env.NODE_ENV === 'development') {\n console.warn(\n \"You should not used the yup options context. Please, use the 'useForm' context object instead\"\n );\n }\n\n const result = await schema[\n resolverOptions.mode === 'sync' ? 'validateSync' : 'validate'\n ](\n values,\n Object.assign({ abortEarly: false }, schemaOptions, { context })\n );\n\n if (options.shouldUseNativeValidation)\n validateFieldsNatively({}, options);\n\n return {\n values: resolverOptions.rawValues ? values : result,\n errors: {},\n };\n } catch (e) {\n if (!e.inner) {\n throw e;\n }\n\n const parsed = parseErrorSchema(\n e,\n !options.shouldUseNativeValidation && options.criteriaMode === 'all'\n );\n return {\n values: {},\n errors: parsed,\n };\n }\n };\n"],
|
|
5
|
+
"mappings": "AAAA,SAAS,8BAA8B;AACvC,SAAS,oBAAgC;AAOzC,MAAM,mBAAmB,CACvB,OACA,6BACG;AACH,UAAQ,MAAM,SAAS,CAAC,GAAG;AAAA,IACzB,CAAC,UAAUA,WAAU;AACnB,MAAAA,OAAM,OAAOA,OAAM,MAAM,QAAQ,iBAAiB,KAAK;AACvD,UAAI,CAAC,SAASA,OAAM,IAAK,GAAG;AAC1B,iBAASA,OAAM,IAAK,IAAI,EAAE,SAASA,OAAM,SAAS,MAAMA,OAAM,KAAM;AAAA,MACtE;AAEA,UAAI,0BAA0B;AAC5B,cAAM,QAAQ,SAASA,OAAM,IAAK,EAAE;AACpC,cAAM,WAAW,SAAS,MAAMA,OAAM,IAAK;AAE3C,iBAASA,OAAM,IAAK,IAAI;AAAA,UACtBA,OAAM;AAAA,UACN;AAAA,UACA;AAAA,UACAA,OAAM;AAAA,UACN,WACK,CAAC,EAAe,OAAO,UAAsBA,OAAM,OAAO,IAC3DA,OAAM;AAAA,QACZ;AAAA,MACF;AAEA,aAAO;AAAA,IACT;AAAA,IACA,CAAC;AAAA,EACH;AACF;AAEO,MAAM,cACX,CAAC,QAAa,gBAAqB,CAAC,GAAG,kBAAuB,CAAC,MAC/D,OAAO,QAAQ,SAAS,YAAY;AAClC,MAAI;AACF,QAAI,cAAc,WAAW,QAAQ,IAAI,aAAa,eAAe;AACnE,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAEA,UAAM,SAAS,MAAM,OACnB,gBAAgB,SAAS,SAAS,iBAAiB,UACrD;AAAA,MACE;AAAA,MACA,OAAO,OAAO,EAAE,YAAY,MAAM,GAAG,eAAe,EAAE,QAAQ,CAAC;AAAA,IACjE;AAEA,QAAI,QAAQ;AACV,6BAAuB,CAAC,GAAG,OAAO;AAEpC,WAAO;AAAA,MACL,QAAQ,gBAAgB,YAAY,SAAS;AAAA,MAC7C,QAAQ,CAAC;AAAA,IACX;AAAA,EACF,SAAS,GAAG;AACV,QAAI,CAAC,EAAE,OAAO;AACZ,YAAM;AAAA,IACR;AAEA,UAAM,SAAS;AAAA,MACb;AAAA,MACA,CAAC,QAAQ,6BAA6B,QAAQ,iBAAiB;AAAA,IACjE;AACA,WAAO;AAAA,MACL,QAAQ,CAAC;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,EACF;AACF;",
|
|
6
6
|
"names": ["error"]
|
|
7
7
|
}
|
package/validators/index.js
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import { useMemo } from "react";
|
|
2
|
-
import dayjs from "dayjs";
|
|
3
|
-
import customParseFormat from "dayjs/plugin/customParseFormat";
|
|
4
2
|
import * as yup from "yup";
|
|
5
3
|
import {
|
|
6
4
|
getYupObjectShape,
|
|
@@ -13,16 +11,13 @@ import {
|
|
|
13
11
|
TEXT_LIMIT_VALIDATOR,
|
|
14
12
|
POSTALCODE_VALIDATOR,
|
|
15
13
|
UUID4_VALIDATOR,
|
|
16
|
-
IMAGE_DIMENSION_VALIDATOR
|
|
14
|
+
IMAGE_DIMENSION_VALIDATOR,
|
|
15
|
+
DATE_VALIDATOR,
|
|
16
|
+
LATER_THAN_VALIDATOR,
|
|
17
|
+
EARLIER_THAN_VALIDATOR
|
|
17
18
|
} from "@digigov/form/validators/utils";
|
|
18
19
|
import { INT_VALIDATOR } from "@digigov/form/validators/utils/int";
|
|
19
20
|
import { NUMBER_VALIDATOR } from "@digigov/form/validators/utils/number";
|
|
20
|
-
dayjs.extend(customParseFormat);
|
|
21
|
-
const VALID_DATE_FORMATS = ["DD/MM/YYYY"];
|
|
22
|
-
const DATE_CACHE = {};
|
|
23
|
-
const getDate = (v) => {
|
|
24
|
-
return DATE_CACHE[v] ? DATE_CACHE[v] : dayjs(v, VALID_DATE_FORMATS, true);
|
|
25
|
-
};
|
|
26
21
|
const getYUPTypeMap = () => {
|
|
27
22
|
const yupTypeMap = {
|
|
28
23
|
file: (field) => {
|
|
@@ -34,7 +29,14 @@ const getYUPTypeMap = () => {
|
|
|
34
29
|
}).nullable().test(FILE_MAX_SIZE_VALIDATOR(field));
|
|
35
30
|
},
|
|
36
31
|
string: yup.string,
|
|
37
|
-
boolean:
|
|
32
|
+
boolean: () => {
|
|
33
|
+
return yup.boolean().nullable().transform((value) => {
|
|
34
|
+
if (value === "" || typeof value === "string") return null;
|
|
35
|
+
if (typeof value === "boolean") return value;
|
|
36
|
+
if (value === 0 || value === 1) return Boolean(value);
|
|
37
|
+
return value;
|
|
38
|
+
});
|
|
39
|
+
},
|
|
38
40
|
object: (field) => {
|
|
39
41
|
return getYupObjectShape(field.extra.fields, yupTypeMap);
|
|
40
42
|
},
|
|
@@ -97,65 +99,16 @@ const getYUPTypeMap = () => {
|
|
|
97
99
|
"choice:multiple": () => yup.array().of(yup.string()).nullable(),
|
|
98
100
|
"choice:single": () => yup.string().nullable(),
|
|
99
101
|
date: (field) => {
|
|
100
|
-
let
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
return date.isValid();
|
|
104
|
-
});
|
|
105
|
-
const params = field.extra || {};
|
|
106
|
-
if (params.max) {
|
|
107
|
-
let maxDate;
|
|
108
|
-
if (params.max === "now") {
|
|
109
|
-
const today = /* @__PURE__ */ new Date();
|
|
110
|
-
maxDate = new Date(today);
|
|
111
|
-
} else {
|
|
112
|
-
maxDate = getDate(params.max).toDate();
|
|
113
|
-
}
|
|
114
|
-
const maxNextDate = new Date(maxDate);
|
|
115
|
-
maxNextDate.setDate(maxDate.getDate() + 1);
|
|
116
|
-
simpleDate = simpleDate.test({
|
|
117
|
-
name: "earlier-than",
|
|
118
|
-
message: {
|
|
119
|
-
key: "form.error.date.earlier_than",
|
|
120
|
-
context: {
|
|
121
|
-
maxDate: maxNextDate.toLocaleDateString()
|
|
122
|
-
}
|
|
123
|
-
},
|
|
124
|
-
test: function(value) {
|
|
125
|
-
if (!value) return true;
|
|
126
|
-
const date = getDate(value);
|
|
127
|
-
const isValid = +date.toDate() < +maxDate;
|
|
128
|
-
return isValid;
|
|
129
|
-
}
|
|
130
|
-
});
|
|
102
|
+
let schema = yup.string().nullable();
|
|
103
|
+
if (field?.extra?.min) {
|
|
104
|
+
schema = schema.test(LATER_THAN_VALIDATOR(field));
|
|
131
105
|
}
|
|
132
|
-
if (
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
minDate = new Date(today);
|
|
137
|
-
} else {
|
|
138
|
-
minDate = getDate(params.min).toDate();
|
|
139
|
-
}
|
|
140
|
-
const minPreviousDate = new Date(minDate);
|
|
141
|
-
minPreviousDate.setDate(minDate.getDate() - 1);
|
|
142
|
-
simpleDate = simpleDate.test({
|
|
143
|
-
name: "later-than",
|
|
144
|
-
message: {
|
|
145
|
-
key: "form.error.date.later_than",
|
|
146
|
-
context: {
|
|
147
|
-
minDate: minPreviousDate.toLocaleDateString()
|
|
148
|
-
}
|
|
149
|
-
},
|
|
150
|
-
test: function(value) {
|
|
151
|
-
if (!value) return true;
|
|
152
|
-
const date = getDate(value);
|
|
153
|
-
const isValid = +date.toDate() > +minDate;
|
|
154
|
-
return isValid;
|
|
155
|
-
}
|
|
156
|
-
});
|
|
106
|
+
if (field?.extra?.max) {
|
|
107
|
+
schema = schema.test(EARLIER_THAN_VALIDATOR(field));
|
|
108
|
+
} else {
|
|
109
|
+
schema = schema.test(DATE_VALIDATOR);
|
|
157
110
|
}
|
|
158
|
-
return
|
|
111
|
+
return schema;
|
|
159
112
|
}
|
|
160
113
|
};
|
|
161
114
|
return yupTypeMap;
|
package/validators/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/validators/index.ts"],
|
|
4
|
-
"sourcesContent": ["import { MutableRefObject, useMemo } from 'react';\nimport
|
|
5
|
-
"mappings": "AAAA,SAA2B,eAAe;AAC1C,
|
|
4
|
+
"sourcesContent": ["import { MutableRefObject, useMemo } from 'react';\nimport * as yup from 'yup';\nimport { AnyObjectSchema, StringSchema } from 'yup';\nimport { RequiredArraySchema } from 'yup/lib/array';\nimport Lazy from 'yup/lib/Lazy';\nimport { MixedSchema } from 'yup/lib/mixed';\nimport { TypeOfShape, AssertsShape } from 'yup/lib/object';\nimport { AnyObject } from 'yup/lib/types';\nimport { FieldSpec } from '@digigov/form/types';\nimport { ValidatorSchema } from '@digigov/form/validators/types';\nimport {\n getYupObjectShape,\n AFM_VALIDATOR,\n FILE_MAX_SIZE_VALIDATOR,\n IBAN_VALIDATOR,\n OTP_VALIDATOR,\n MOBILE_PHONE_VALIDATOR,\n PHONE_NUMBER_VALIDATOR,\n TEXT_LIMIT_VALIDATOR,\n POSTALCODE_VALIDATOR,\n UUID4_VALIDATOR,\n IMAGE_DIMENSION_VALIDATOR,\n DATE_VALIDATOR,\n LATER_THAN_VALIDATOR,\n EARLIER_THAN_VALIDATOR,\n} from '@digigov/form/validators/utils';\nimport { INT_VALIDATOR } from '@digigov/form/validators/utils/int';\nimport { NUMBER_VALIDATOR } from '@digigov/form/validators/utils/number';\n\nexport const getYUPTypeMap = (): Record<string, any> => {\n const yupTypeMap = {\n file: (field): MixedSchema => {\n return yup\n .mixed()\n .transform((value) => {\n if (!value.length) {\n return null;\n }\n return value;\n })\n .nullable()\n .test(FILE_MAX_SIZE_VALIDATOR(field));\n },\n string: yup.string,\n boolean: (): yup.BooleanSchema<\n boolean | null | undefined,\n AnyObject,\n boolean | null | undefined\n > => {\n return yup\n .boolean()\n .nullable()\n .transform((value) => {\n if (value === '' || typeof value === 'string') return null;\n if (typeof value === 'boolean') return value;\n if (value === 0 || value === 1) return Boolean(value);\n return value;\n });\n },\n object: (\n field\n ):\n | yup.ObjectSchema<any, AnyObject, TypeOfShape<any>, AssertsShape<any>>\n | Lazy<any, unknown> => {\n return getYupObjectShape(field.extra.fields, yupTypeMap);\n },\n array: (\n field\n ):\n | yup.ArraySchema<any, AnyObject, any[] | undefined>\n | RequiredArraySchema<any, AnyObject, any[] | undefined> => {\n if (typeof field.extra.of === 'object') {\n // else if the field is an object then it is a scalar type\n // eg. number, string etc.\n let arrayValidator = yup\n .array()\n .of(yupTypeMap[field.extra.of.type](field.extra.of))\n .required(field.required);\n if (field.extra.length)\n arrayValidator = arrayValidator.length(field.extra.length, {\n key: 'form.error.array.length',\n context: {\n length: field.extra.length,\n },\n });\n if (field.extra.min)\n arrayValidator = arrayValidator.min(field.extra.min, {\n key: 'form.error.array.min',\n context: {\n min: field.extra.min,\n },\n });\n if (field.extra.max)\n arrayValidator = arrayValidator.max(field.extra.max, {\n key: 'form.error.array.max',\n context: {\n max: field.extra.max,\n },\n });\n return arrayValidator;\n } else if (typeof field.extra.of === 'string') {\n return yup.array().of(yupTypeMap[field.extra.of]());\n } else {\n // in any other case it will be string\n return yup.array().of(yup.string());\n }\n },\n number: (): MixedSchema =>\n yup\n .mixed()\n .transform((_, val) => (val !== '' ? Number(val) : null))\n .test(NUMBER_VALIDATOR()),\n int: (): MixedSchema =>\n yup\n .mixed()\n .transform((_, val) => (val !== '' ? Number(val) : null))\n .test(NUMBER_VALIDATOR())\n .test(INT_VALIDATOR()),\n email: (): yup.StringSchema => yup.string().email('form.error.email'),\n afm: (): yup.StringSchema => yup.string().test(AFM_VALIDATOR),\n uuid4: (): yup.StringSchema => yup.string().test(UUID4_VALIDATOR),\n iban: (field): yup.StringSchema => yup.string().test(IBAN_VALIDATOR(field)),\n otp: (field): yup.StringSchema => yup.string().test(OTP_VALIDATOR(field)),\n text: (field): yup.StringSchema => {\n if (field?.extra?.limit?.max || !!field?.extra?.limit?.min) {\n return yup.string().test(TEXT_LIMIT_VALIDATOR(field));\n } else {\n return yup.string();\n }\n },\n image: (field): MixedSchema => {\n return yup\n .mixed()\n .transform((value) => {\n if (!value.length || value.length === 0) {\n return null;\n }\n return value;\n })\n .nullable()\n .test(FILE_MAX_SIZE_VALIDATOR(field))\n .test(IMAGE_DIMENSION_VALIDATOR(field));\n },\n postal_code: (field): yup.StringSchema =>\n yup.string().test(POSTALCODE_VALIDATOR(field)),\n mobile_phone: (): yup.StringSchema =>\n yup.string().test(MOBILE_PHONE_VALIDATOR),\n phone_number: (field): yup.StringSchema =>\n yup.string().test(PHONE_NUMBER_VALIDATOR(field)),\n 'choice:multiple': (): yup.ArraySchema<\n yup.StringSchema<string | undefined, AnyObject, string | undefined>,\n AnyObject,\n (string | undefined)[] | null | undefined,\n (string | undefined)[] | null | undefined\n > => yup.array().of(yup.string()).nullable(),\n 'choice:single': (): StringSchema<\n string | null | undefined,\n AnyObject,\n string | null | undefined\n > => yup.string().nullable(),\n date: (\n field\n ): yup.StringSchema<\n string | null | undefined,\n AnyObject,\n string | null | undefined\n > => {\n let schema = yup.string().nullable();\n if (field?.extra?.min) {\n schema = schema.test(LATER_THAN_VALIDATOR(field));\n }\n if (field?.extra?.max) {\n schema = schema.test(EARLIER_THAN_VALIDATOR(field));\n } else {\n schema = schema.test(DATE_VALIDATOR);\n }\n return schema;\n },\n };\n return yupTypeMap;\n};\n\nexport interface MutableRefObjectProps {}\n// Create a yup validation schema from given fields input\nexport function useValidationSchema(\n fields: FieldSpec[] | MutableRefObject<MutableRefObjectProps>,\n validatorRegistry?: Record<string, ValidatorSchema[]>\n): Lazy<any, unknown> | AnyObjectSchema | void {\n return useMemo(() => {\n const yupTypeMap = getYUPTypeMap();\n return getYupObjectShape(fields, yupTypeMap, validatorRegistry);\n }, []);\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|