@weareconceptstudio/form 0.3.3 → 0.3.5
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/dist/components/form/BaseForm.d.ts.map +1 -1
- package/dist/components/form/BaseForm.js +9 -8
- package/dist/components/form/BaseForm.js.map +1 -1
- package/dist/components/form/Builder/index.d.ts.map +1 -1
- package/dist/components/form/Builder/index.js +3 -1
- package/dist/components/form/Builder/index.js.map +1 -1
- package/dist/components/form/Item/index.d.ts.map +1 -1
- package/dist/components/form/Item/index.js +1 -1
- package/dist/components/form/Item/index.js.map +1 -1
- package/dist/components/form/hooks/rules.d.ts +11 -5
- package/dist/components/form/hooks/rules.d.ts.map +1 -1
- package/dist/components/form/hooks/rules.js +61 -12
- package/dist/components/form/hooks/rules.js.map +1 -1
- package/dist/components/form/hooks/useInput.d.ts.map +1 -1
- package/dist/components/form/hooks/useInput.js +1 -1
- package/dist/components/form/hooks/useInput.js.map +1 -1
- package/dist/components/form/index.d.ts +2 -0
- package/dist/components/form/index.d.ts.map +1 -1
- package/dist/components/form/index.js +2 -0
- package/dist/components/form/index.js.map +1 -1
- package/dist/components/input/PhoneNumber/index.d.ts.map +1 -1
- package/dist/components/input/PhoneNumber/index.js +5 -5
- package/dist/components/input/PhoneNumber/index.js.map +1 -1
- package/dist/components/select/index.d.ts.map +1 -1
- package/dist/components/select/index.js +3 -3
- package/dist/components/select/index.js.map +1 -1
- package/package.json +5 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseForm.d.ts","sourceRoot":"","sources":["../../../src/components/form/BaseForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAe,SAAS,EAA8C,MAAM,OAAO,CAAC;AAClG,OAAO,EAAyB,WAAW,EAAiB,MAAM,iBAAiB,CAAC;AAIpF,UAAU,aAAa,CAAC,CAAC,SAAS,WAAW;
|
|
1
|
+
{"version":3,"file":"BaseForm.d.ts","sourceRoot":"","sources":["../../../src/components/form/BaseForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAe,SAAS,EAA8C,MAAM,OAAO,CAAC;AAClG,OAAO,EAAyB,WAAW,EAAiB,MAAM,iBAAiB,CAAC;AAIpF,UAAU,aAAa,CAAC,CAAC,SAAS,WAAW;IAC5C,aAAa,CAAC,EAAE,CAAC,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,CAAC;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IACtC,IAAI,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC;IAClD,cAAc,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;IACpD,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,YAAY,CAAC,EAAE,YAAY,GAAG,KAAK,CAAC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,QAAQ,wFA6Gb,CAAC;AAMF,eAAe,QAAQ,CAAC"}
|
|
@@ -2,7 +2,7 @@ import React, { useCallback, forwardRef, useImperativeHandle, useEffect } from '
|
|
|
2
2
|
import { FormProvider, useForm } from 'react-hook-form';
|
|
3
3
|
import { Text } from '@weareconceptstudio/core';
|
|
4
4
|
import classNames from 'classnames';
|
|
5
|
-
const BaseForm = forwardRef(({ initialValues: defaultValues, values, children, onSubmit, mode = 'onBlur', reValidateMode = 'onChange', errors, resetOptions, criteriaMode = 'firstError', shouldFocusError, delayError = 0, shouldUseNativeValidation, shouldUnregister, className }, ref) => {
|
|
5
|
+
const BaseForm = forwardRef(({ initialValues: defaultValues, values, children, onSubmit, mode = 'onBlur', reValidateMode = 'onChange', errors, resetOptions, criteriaMode = 'firstError', shouldFocusError, delayError = 0, shouldUseNativeValidation, shouldUnregister, className, }, ref) => {
|
|
6
6
|
const methods = useForm({
|
|
7
7
|
mode,
|
|
8
8
|
errors,
|
|
@@ -45,16 +45,17 @@ const BaseForm = forwardRef(({ initialValues: defaultValues, values, children, o
|
|
|
45
45
|
submit: () => methods.handleSubmit(handleSubmit)(),
|
|
46
46
|
}));
|
|
47
47
|
useEffect(() => {
|
|
48
|
-
if (methods.formState.isSubmitted) {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
48
|
+
if (methods.formState.isSubmitted && Object.keys(methods.formState.errors).length > 0) {
|
|
49
|
+
const errors = methods.formState.errors;
|
|
50
|
+
const firstErrorField = Object.keys(errors)[0];
|
|
51
|
+
const errorElement = document.querySelector(`[name="${firstErrorField}"]`);
|
|
52
|
+
if (errorElement) {
|
|
53
|
+
errorElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
|
|
54
|
+
try {
|
|
55
55
|
// @ts-ignore
|
|
56
56
|
errors[firstErrorField].ref?.focus();
|
|
57
57
|
}
|
|
58
|
+
catch (e) { }
|
|
58
59
|
}
|
|
59
60
|
}
|
|
60
61
|
}, [methods.formState.isSubmitted, methods.formState.errors]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseForm.js","sourceRoot":"","sources":["../../../src/components/form/BaseForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAa,UAAU,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClG,OAAO,EAAE,YAAY,EAAE,OAAO,EAA8B,MAAM,iBAAiB,CAAC;AACpF,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,UAAU,MAAM,YAAY,CAAC;AAmBpC,MAAM,QAAQ,GAAG,UAAU,
|
|
1
|
+
{"version":3,"file":"BaseForm.js","sourceRoot":"","sources":["../../../src/components/form/BaseForm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Builder/index.js"],"names":[],"mappings":";AA8BA;;;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Builder/index.js"],"names":[],"mappings":";AA8BA;;;;;;sBAuCC;kBArE4D,OAAO"}
|
|
@@ -31,7 +31,9 @@ const FormBuilder = ({ className = '', onSubmit, formOptions = {}, fields = [],
|
|
|
31
31
|
return (React.createElement("div", { key: index, className: 'empty-form-item', ...field.fieldProps }));
|
|
32
32
|
}
|
|
33
33
|
else if (field.fieldType == 'custom') {
|
|
34
|
-
return isValidElement(field.field)
|
|
34
|
+
return isValidElement(field.field)
|
|
35
|
+
? cloneElement(field.field, { key: index, ...field.fieldProps })
|
|
36
|
+
: null;
|
|
35
37
|
}
|
|
36
38
|
else {
|
|
37
39
|
return isValidElement(formElements[field.fieldType]) ? (React.createElement(Form.Item, { key: index, ...field.labelProps }, cloneElement(formElements[field.fieldType], field.fieldProps))) : null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/Builder/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,cAAc;AACd,OAAO,IAAI,MAAM,IAAI,CAAC;AACtB,OAAO,KAAK,MAAM,aAAa,CAAC;AAChC,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,KAAK,MAAM,aAAa,CAAC;AAChC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAC3C,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAE7C,SAAS;AACT,OAAO,YAAY,MAAM,SAAS,CAAC;AAEnC,MAAM,YAAY,GAAG;IACpB,OAAO,EAAE,oBAAC,KAAK,OAAG;IAClB,UAAU,EAAE,oBAAC,KAAK,CAAC,QAAQ,OAAG;IAC9B,UAAU,EAAE,oBAAC,KAAK,CAAC,QAAQ,OAAG;IAC9B,QAAQ,EAAE,oBAAC,KAAK,CAAC,MAAM,OAAG;IAC1B,OAAO,EAAE,oBAAC,KAAK,CAAC,WAAW,OAAG;IAC9B,UAAU,EAAE,oBAAC,QAAQ,OAAG;IACxB,OAAO,EAAE,oBAAC,KAAK,OAAG;IAClB,QAAQ,EAAE,oBAAC,MAAM,OAAG;IACpB,QAAQ,EAAE,oBAAC,MAAM,OAAG;IACpB,MAAM,EAAE,oBAAC,UAAU,OAAG;IACtB,OAAO,EAAE,oBAAC,WAAW,OAAG;CACxB,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,WAAW,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC7F,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAClC,IAAI,KAAK,CAAC,SAAS,IAAI,OAAO,EAAE,CAAC;gBAChC,OAAO,CACN,6BACC,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,iBAAiB,KACvB,KAAK,CAAC,UAAU,GACnB,CACF,CAAC;YACH,CAAC;iBAAM,IAAI,KAAK,CAAC,SAAS,IAAI,QAAQ,EAAE,CAAC;gBACxC,OAAO,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/Builder/index.js"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Item/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgC,SAAS,EAAU,MAAM,OAAO,CAAC;AAO/E,UAAU,aAAa;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Item/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgC,SAAS,EAAU,MAAM,OAAO,CAAC;AAO/E,UAAU,aAAa;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;CACnB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkErC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { isForwardRefChild, useTranslation } from '@weareconceptstudio/core';
|
|
|
4
4
|
import ErrorMessage from '../../error-message';
|
|
5
5
|
import { useInput } from '../hooks/useInput';
|
|
6
6
|
import { useRules } from '../hooks/rules';
|
|
7
|
-
const FormItem = ({ label, name, children, className, errorKey, required = true, requiredMessage, rules = [] }) => {
|
|
7
|
+
const FormItem = ({ label, name, children, className, errorKey, required = true, requiredMessage, rules = [], }) => {
|
|
8
8
|
if (!isValidElement(children)) {
|
|
9
9
|
return null;
|
|
10
10
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/Item/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,cAAc,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAa1C,MAAM,QAAQ,GAA4B,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/Item/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,cAAc,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAa1C,MAAM,QAAQ,GAA4B,CAAC,EAC1C,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,GAAG,IAAI,EACf,eAAe,EACf,KAAK,GAAG,EAAE,GACV,EAAE,EAAE;IACJ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAC;IACb,CAAC;IAED,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE9B,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IAEvC,MAAM,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAC;QAC/B,IAAI;QACJ,KAAK,EAAE,QAAQ,CAAC;YACf,KAAK;YACL,QAAQ;YACR,eAAe;YACf,QAAQ,EAAE,QAAQ,IAAI,KAAK;YAC3B,aAAa;YACb,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,IAAI,EAAE;SAC7C,CAAC;QACF,QAAQ,EAAE,QAAQ,IAAI,KAAK;KAC3B,CAAC,CAAC;IAEH,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC;IAEtC,MAAM,WAAW,GAAG,UAAU,CAAC,WAAW,EAAE;QAC3C,CAAC,SAAS,CAAC,EAAE,SAAS;QACtB,WAAW,EAAE,KAAK,IAAI,OAAO;QAC7B,aAAa;QACb,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,QAAQ;KACjC,CAAC,CAAC;IAEH,aAAa;IACb,MAAM,WAAW,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC;IAErF,OAAO,CACN,6BAAK,SAAS,EAAE,WAAW;QAC1B,6BAAK,SAAS,EAAC,eAAe;YAC5B,KAAK,CAAC,CAAC,CAAC,CACR,6BAAK,SAAS,EAAC,iBAAiB;gBAC/B,+BACC,OAAO,EAAE,IAAI,mBACE,QAAQ;oBACtB,SAAS,CAAC,KAAK,CAAC;oBAChB,QAAQ,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAC,iBAAiB,QAAS,CAAC,CAAC,CAAC,IAAI,CACtD,CACH,CACN,CAAC,CAAC,CAAC,IAAI;YACR,6BAAK,SAAS,EAAC,mBAAmB,IAChC,YAAY,CAAC,QAAmC,EAAE,WAAW,CAAC,CAC1D;YACN,oBAAC,YAAY,IACZ,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,6BAAK,SAAS,EAAC,eAAe,GAAG,GACpC,CACG,CACD,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,18 +1,24 @@
|
|
|
1
|
-
export
|
|
1
|
+
export declare const validatePhoneNumber: ({ value, required, errorKey, translate }: {
|
|
2
|
+
value: any;
|
|
3
|
+
required: any;
|
|
4
|
+
errorKey: any;
|
|
5
|
+
translate: any;
|
|
6
|
+
}) => any;
|
|
7
|
+
export declare const validationPatterns: ({ type, pattern, message, translate }: {
|
|
2
8
|
type: any;
|
|
3
9
|
pattern: any;
|
|
4
10
|
message: any;
|
|
5
11
|
translate: any;
|
|
6
|
-
})
|
|
12
|
+
}) => {
|
|
7
13
|
value: any;
|
|
8
14
|
message: any;
|
|
9
15
|
};
|
|
10
|
-
export
|
|
16
|
+
export declare const useRules: ({ rules, required, requiredMessage, childType, errorKey }: {
|
|
11
17
|
rules: any;
|
|
12
18
|
required: any;
|
|
13
19
|
requiredMessage: any;
|
|
14
20
|
childType: any;
|
|
15
21
|
errorKey: any;
|
|
16
|
-
})
|
|
17
|
-
export
|
|
22
|
+
}) => any[];
|
|
23
|
+
export declare const mapValidationRules: (errorKey: any, rules: any) => any;
|
|
18
24
|
//# sourceMappingURL=rules.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rules.d.ts","sourceRoot":"","sources":["../../../../src/components/form/hooks/rules.
|
|
1
|
+
{"version":3,"file":"rules.d.ts","sourceRoot":"","sources":["../../../../src/components/form/hooks/rules.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,mBAAmB;;;;;SAwD/B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;CAc9B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;WA6BpB,CAAC;AAEF,eAAO,MAAM,kBAAkB,oCA+B9B,CAAC"}
|
|
@@ -1,10 +1,62 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
1
|
+
import { useMemo } from 'react';
|
|
2
|
+
import { parsePhoneNumberFromString, getCountries, getCountryCallingCode } from 'libphonenumber-js';
|
|
3
3
|
import { useTranslation } from '@weareconceptstudio/core';
|
|
4
|
+
export const validatePhoneNumber = ({ value, required, errorKey, translate }) => {
|
|
5
|
+
const trimmed = (value || '').trim();
|
|
6
|
+
// If empty
|
|
7
|
+
if (trimmed === '') {
|
|
8
|
+
if (required) {
|
|
9
|
+
return translate('form.validateMessages.required', {
|
|
10
|
+
errorKey: translate(errorKey),
|
|
11
|
+
});
|
|
12
|
+
}
|
|
13
|
+
return true;
|
|
14
|
+
}
|
|
15
|
+
const phoneNumber = parsePhoneNumberFromString(trimmed);
|
|
16
|
+
// If parse fails, try to detect if it's just a prefix
|
|
17
|
+
if (!phoneNumber) {
|
|
18
|
+
// Check if it's just a prefix (like +374)
|
|
19
|
+
const isJustPrefix = getCountries().some((countryCode) => {
|
|
20
|
+
const code = '+' + getCountryCallingCode(countryCode);
|
|
21
|
+
return trimmed === code;
|
|
22
|
+
});
|
|
23
|
+
if (isJustPrefix) {
|
|
24
|
+
if (required) {
|
|
25
|
+
return translate('form.validateMessages.required', {
|
|
26
|
+
errorKey: translate(errorKey),
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
return true; // It's okay if not required
|
|
30
|
+
}
|
|
31
|
+
// Not a valid prefix or number
|
|
32
|
+
return translate('form.validateMessages.phone', {
|
|
33
|
+
errorKey: translate(errorKey),
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
// If it's only prefix and nationalNumber is empty
|
|
37
|
+
if (phoneNumber.nationalNumber === '') {
|
|
38
|
+
if (required) {
|
|
39
|
+
return translate('form.validateMessages.required', {
|
|
40
|
+
errorKey: translate(errorKey),
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
return true;
|
|
44
|
+
}
|
|
45
|
+
// Validate number
|
|
46
|
+
if (!phoneNumber.isValid()) {
|
|
47
|
+
return translate('form.validateMessages.phone', {
|
|
48
|
+
errorKey: translate(errorKey),
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
return true;
|
|
52
|
+
};
|
|
4
53
|
export const validationPatterns = ({ type, pattern, message, translate }) => {
|
|
5
54
|
switch (type) {
|
|
6
55
|
case 'email':
|
|
7
|
-
return {
|
|
56
|
+
return {
|
|
57
|
+
value: /^[^\s@]+@[^\s@]+\.[^\s@]+$/g,
|
|
58
|
+
message: message || translate('form.validateMessages.email'),
|
|
59
|
+
};
|
|
8
60
|
case 'new-password':
|
|
9
61
|
return { value: /.{8,}/, message: message || translate('form.validateMessages.password') };
|
|
10
62
|
case 'number':
|
|
@@ -30,15 +82,9 @@ export const useRules = ({ rules, required, requiredMessage, childType, errorKey
|
|
|
30
82
|
});
|
|
31
83
|
}
|
|
32
84
|
}
|
|
33
|
-
if (childType
|
|
85
|
+
if (childType === 'phone') {
|
|
34
86
|
r.push({
|
|
35
|
-
validator: (value) => {
|
|
36
|
-
if (required || value?.length > 0) {
|
|
37
|
-
return isValidPhoneNumber(value);
|
|
38
|
-
}
|
|
39
|
-
return true;
|
|
40
|
-
},
|
|
41
|
-
message: translate('form.validateMessages.phone', { errorKey: translate(errorKey) }),
|
|
87
|
+
validator: (value) => validatePhoneNumber({ value, required, translate, errorKey }),
|
|
42
88
|
});
|
|
43
89
|
}
|
|
44
90
|
return r;
|
|
@@ -48,7 +94,10 @@ export const mapValidationRules = (errorKey, rules) => {
|
|
|
48
94
|
const { translate } = useTranslation();
|
|
49
95
|
return rules?.reduce((acc, rule) => {
|
|
50
96
|
if (rule.required) {
|
|
51
|
-
acc.required = {
|
|
97
|
+
acc.required = {
|
|
98
|
+
value: rule.required,
|
|
99
|
+
message: rule.message || translate('form.validateMessages.required', { errorKey: translate(errorKey) }),
|
|
100
|
+
};
|
|
52
101
|
}
|
|
53
102
|
if (rule.pattern || rule.type) {
|
|
54
103
|
acc.pattern = validationPatterns({ ...rule, translate });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rules.js","sourceRoot":"","sources":["../../../../src/components/form/hooks/rules.
|
|
1
|
+
{"version":3,"file":"rules.js","sourceRoot":"","sources":["../../../../src/components/form/hooks/rules.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useInput.d.ts","sourceRoot":"","sources":["../../../../src/components/form/hooks/useInput.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,QAAQ,UAAW,GAAG;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"useInput.d.ts","sourceRoot":"","sources":["../../../../src/components/form/hooks/useInput.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,QAAQ,UAAW,GAAG;;;;;;;;;;;CA8DlC,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { mapValidationRules } from './rules';
|
|
|
4
4
|
const defaultFormat = (value) => (value == null ? '' : value);
|
|
5
5
|
const defaultParse = (value) => (value === '' ? null : value);
|
|
6
6
|
export const useInput = (props) => {
|
|
7
|
-
const { defaultValue, name, onBlur: initialOnBlur, onChange: initialOnChange, format = defaultFormat, parse = defaultParse, multiple, errorKey, rules = [], disabled } = props;
|
|
7
|
+
const { defaultValue, name, onBlur: initialOnBlur, onChange: initialOnChange, format = defaultFormat, parse = defaultParse, multiple, errorKey, rules = [], disabled, } = props;
|
|
8
8
|
const { field: controllerField, fieldState, formState, } = useController({
|
|
9
9
|
name,
|
|
10
10
|
defaultValue,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useInput.js","sourceRoot":"","sources":["../../../../src/components/form/hooks/useInput.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,aAAa,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AACnE,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAEtE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAU,EAAE,EAAE;IACtC,MAAM,
|
|
1
|
+
{"version":3,"file":"useInput.js","sourceRoot":"","sources":["../../../../src/components/form/hooks/useInput.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,aAAa,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AACnE,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAEtE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAU,EAAE,EAAE;IACtC,MAAM,EACL,YAAY,EACZ,IAAI,EACJ,MAAM,EAAE,aAAa,EACrB,QAAQ,EAAE,eAAe,EACzB,MAAM,GAAG,aAAa,EACtB,KAAK,GAAG,YAAY,EACpB,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,QAAQ,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,EACL,KAAK,EAAE,eAAe,EACtB,UAAU,EACV,SAAS,GACT,GAAG,aAAa,CAAC;QACjB,IAAI;QACJ,YAAY;QACZ,KAAK,EAAE,kBAAkB,CAAC,QAAQ,EAAE,KAAK,CAAC;QAC1C,QAAQ,EAAE,QAAQ,IAAI,SAAS;KAC/B,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,QAAQ,CAAC,CAAC,GAAG,KAAK,EAAE,EAAE;QACpC,eAAe,CAAC,MAAM,EAAE,CAAC;QACzB,IAAI,aAAa,EAAE,CAAC;YACnB,aAAa,CAAC,GAAG,KAAK,CAAC,CAAC;QACzB,CAAC;IACF,CAAC,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,GAAG,KAAY,EAAE,EAAE;QAC7C,IAAI,YAAiB,CAAC;QAEtB,IAAI,KAAK,CAAC,IAAI,IAAI,UAAU,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,KAAK,IAAI,EAAE,CAAC;YAClE,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;QACxC,CAAC;aAAM,IAAI,KAAK,CAAC,IAAI,IAAI,QAAQ,EAAE,CAAC;YACnC,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAO,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;QACjF,CAAC;aAAM,CAAC;YACP,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;QACpD,CAAC;QAED,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;QAErE,IAAI,eAAe,EAAE,CAAC;YACrB,eAAe,CAAC,GAAG,KAAK,CAAC,CAAC;QAC3B,CAAC;IACF,CAAC,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG;QACb,GAAG,eAAe;QAClB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK;QACrE,MAAM;QACN,QAAQ;KACR,CAAC;IAEF,OAAO;QACN,KAAK;QACL,UAAU;QACV,SAAS;KACT,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAG1B,KAAK,aAAa,CAAC,CAAC,IAAI,OAAO,QAAQ,GAAG;IACzC,IAAI,EAAE,OAAO,IAAI,CAAC;CAClB,CAAC;AAGF,QAAA,MAAM,IAAI,EAAE,aAAa,CAAC,GAAG,CAAkC,CAAC;AAGhE,eAAe,IAAI,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AAExC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAG1B,KAAK,aAAa,CAAC,CAAC,IAAI,OAAO,QAAQ,GAAG;IACzC,IAAI,EAAE,OAAO,IAAI,CAAC;CAClB,CAAC;AAGF,QAAA,MAAM,IAAI,EAAE,aAAa,CAAC,GAAG,CAAkC,CAAC;AAGhE,eAAe,IAAI,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAO1B,+DAA+D;AAC/D,MAAM,IAAI,GAAuB,QAA8B,CAAC;AAChE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;AAEjB,eAAe,IAAI,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AAExC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAO1B,+DAA+D;AAC/D,MAAM,IAAI,GAAuB,QAA8B,CAAC;AAChE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;AAEjB,eAAe,IAAI,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/PhoneNumber/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AACpF,OAAO,EAAqD,WAAW,EAAgB,MAAM,mBAAmB,CAAC;AAIjH,UAAU,gBAAgB;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/PhoneNumber/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AACpF,OAAO,EAAqD,WAAW,EAAgB,MAAM,mBAAmB,CAAC;AAIjH,UAAU,gBAAgB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,UAAU,cAAe,SAAQ,gBAAgB;IAChD,SAAS,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,WAAW,yFA8Hf,CAAC;AAEH,eAAe,WAAW,CAAC"}
|
|
@@ -4,7 +4,7 @@ import BaseInput from '../BaseInput';
|
|
|
4
4
|
import { useInput } from '../../form/hooks/useInput';
|
|
5
5
|
const PhoneNumber = forwardRef((props, ref) => {
|
|
6
6
|
const { name, onChange, onBlur, defaultCountry = 'AM', country = null, maxLength = 14, placeholder, disabled, withCountryCallingCode = true, international = true, showCountrySelect = false, } = props;
|
|
7
|
-
const { field } = useInput({ type: 'phone
|
|
7
|
+
const { field } = useInput({ type: 'phone', name, onChange, onBlur });
|
|
8
8
|
const [selectedCountry, setSelectedCountry] = useState(country || defaultCountry);
|
|
9
9
|
const [inputValue, setInputValue] = useState('');
|
|
10
10
|
useImperativeHandle(ref, () => ({
|
|
@@ -69,15 +69,15 @@ const PhoneNumber = forwardRef((props, ref) => {
|
|
|
69
69
|
const handleCountryChange = (e) => {
|
|
70
70
|
setSelectedCountry(e.target.value ? e.target.value : null);
|
|
71
71
|
};
|
|
72
|
-
return (React.createElement(BaseInput, { prefix: showCountrySelect ? (React.createElement("select", { value: selectedCountry || '', onChange: handleCountryChange, className:
|
|
73
|
-
React.createElement("option", { value:
|
|
72
|
+
return (React.createElement(BaseInput, { prefix: showCountrySelect ? (React.createElement("select", { value: selectedCountry || '', onChange: handleCountryChange, className: 'country-selector' },
|
|
73
|
+
React.createElement("option", { value: '' }, "No country"),
|
|
74
74
|
getCountries().map((country) => (React.createElement("option", { key: country, value: country },
|
|
75
75
|
country,
|
|
76
76
|
" (+",
|
|
77
77
|
getCountryCallingCode(country),
|
|
78
78
|
")"))))) : null, ...props, disabled: disabled },
|
|
79
|
-
React.createElement("div", { className:
|
|
80
|
-
React.createElement("input", { type:
|
|
79
|
+
React.createElement("div", { className: 'phone-number-container' },
|
|
80
|
+
React.createElement("input", { type: 'tel', ...field, value: inputValue, className: 'phone-number-input', disabled: disabled, onKeyDown: handleKeyDown, onChange: handleChange, onBlur: field.onBlur, maxLength: maxLength, placeholder: placeholder }))));
|
|
81
81
|
});
|
|
82
82
|
export default PhoneNumber;
|
|
83
83
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input/PhoneNumber/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,0BAA0B,EAAE,qBAAqB,EAAe,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjH,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAoBrD,MAAM,WAAW,GAAG,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input/PhoneNumber/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,0BAA0B,EAAE,qBAAqB,EAAe,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjH,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAoBrD,MAAM,WAAW,GAAG,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC/E,MAAM,EACL,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,cAAc,GAAG,IAAI,EACrB,OAAO,GAAG,IAAI,EACd,SAAS,GAAG,EAAE,EACd,WAAW,EACX,QAAQ,EACR,sBAAsB,GAAG,IAAI,EAC7B,aAAa,GAAG,IAAI,EACpB,iBAAiB,GAAG,KAAK,GACzB,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;IAEtE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAqB,OAAO,IAAI,cAAc,CAAC,CAAC;IACtG,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEjD,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC/B,aAAa;QACb,GAAI,KAAK,CAAC,GAAwB;QAClC,SAAS,EAAE,OAAO;KAClB,CAAC,CAAC,CAAC;IAEJ,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,eAAe,EAAE,CAAC;YACtB,aAAa,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;YACjC,OAAO;QACR,CAAC;QAED,MAAM,WAAW,GAAG,qBAAqB,CAAC,eAAe,CAAC,CAAC;QAC3D,MAAM,aAAa,GAAG,sBAAsB,CAAC,CAAC,CAAC,IAAI,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAEtE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YAClD,aAAa,CAAC,aAAa,CAAC,CAAC;YAC7B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;QAC/B,CAAC;aAAM,CAAC;YACP,MAAM,WAAW,GAAG,0BAA0B,CAAC,KAAK,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;YAC7E,IAAI,WAAW,EAAE,CAAC;gBACjB,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,cAAc,EAAE,CAAC,CAAC;YACjG,CAAC;iBAAM,CAAC;gBACP,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC;QACF,CAAC;IACF,CAAC,EAAE,CAAC,eAAe,EAAE,sBAAsB,EAAE,aAAa,CAAC,CAAC,CAAC;IAE7D,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC/D,IAAI,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,sCAAsC;QAEzF,IAAI,eAAe,EAAE,CAAC;YACrB,MAAM,WAAW,GAAG,qBAAqB,CAAC,eAAe,CAAC,CAAC;YAC3D,IAAI,sBAAsB,EAAE,CAAC;gBAC5B,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,WAAW,EAAE,CAAC,EAAE,CAAC;oBAC1C,KAAK,GAAG,IAAI,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC;gBACpD,CAAC;gBACD,IAAI,KAAK,KAAK,GAAG;oBAAE,KAAK,GAAG,IAAI,WAAW,EAAE,CAAC;YAC9C,CAAC;iBAAM,CAAC;gBACP,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,+CAA+C;YAClF,CAAC;QACF,CAAC;QAED,MAAM,WAAW,GAAG,eAAe,CAAC,CAAC,CAAC,0BAA0B,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAChG,MAAM,cAAc,GAAG,WAAW;YACjC,CAAC,CAAC,aAAa;gBACd,CAAC,CAAC,WAAW,CAAC,mBAAmB,EAAE;gBACnC,CAAC,CAAC,WAAW,CAAC,cAAc,EAAE;YAC/B,CAAC,CAAC,KAAK,CAAC;QAET,aAAa,CAAC,cAAc,CAAC,CAAC;QAC9B,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC1D,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAwC,EAAE,EAAE;QAClE,IAAI,CAAC,eAAe;YAAE,OAAO;QAE7B,MAAM,WAAW,GAAG,qBAAqB,CAAC,eAAe,CAAC,CAAC;QAC3D,MAAM,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;QAEjC,IAAI,sBAAsB,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,CAAC,IAAI,UAAU,KAAK,MAAM,EAAE,CAAC;YACtG,CAAC,CAAC,cAAc,EAAE,CAAC;QACpB,CAAC;IACF,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,CAAuC,EAAE,EAAE;QACvE,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAE,CAAC,CAAC,MAAM,CAAC,KAAqB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAC7E,CAAC,CAAC;IAEF,OAAO,CACN,oBAAC,SAAS,IACT,MAAM,EACL,iBAAiB,CAAC,CAAC,CAAC,CACnB,gCACC,KAAK,EAAE,eAAe,IAAI,EAAE,EAC5B,QAAQ,EAAE,mBAAmB,EAC7B,SAAS,EAAC,kBAAkB;YAC5B,gCAAQ,KAAK,EAAC,EAAE,iBAAoB;YACnC,YAAY,EAAE,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAChC,gCACC,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,OAAO;gBACb,OAAO;;gBAAK,qBAAqB,CAAC,OAAO,CAAC;oBACnC,CACT,CAAC,CACM,CACT,CAAC,CAAC,CAAC,IAAI,KAEL,KAAK,EACT,QAAQ,EAAE,QAAQ;QAClB,6BAAK,SAAS,EAAC,wBAAwB;YACtC,+BACC,IAAI,EAAC,KAAK,KACN,KAAK,EACT,KAAK,EAAE,UAAU,EACjB,SAAS,EAAC,oBAAoB,EAC9B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,GACvB,CACG,CACK,CACZ,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,eAAe,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.js"],"names":[],"mappings":";AASA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.js"],"names":[],"mappings":";AASA,uDAuJC;;;;kBAhK2D,OAAO"}
|
|
@@ -7,7 +7,7 @@ import useFormInstance from '../form/hooks/useFormInstance';
|
|
|
7
7
|
import { useTranslation } from '@weareconceptstudio/core';
|
|
8
8
|
import { useFormContext } from '../../FormProvider';
|
|
9
9
|
const Select = (props) => {
|
|
10
|
-
const { name, placeholder, value, onChange, multiple = false, allowClear = false, allowSearch = false, disabled = false, loading = false, options: list = [], className, select_arrow = false, select_empty = false, optionKey, optionValue, optGroup } = props;
|
|
10
|
+
const { name, placeholder, value, onChange, multiple = false, allowClear = false, allowSearch = false, disabled = false, loading = false, options: list = [], className, select_arrow = false, select_empty = false, optionKey, optionValue, optGroup, } = props;
|
|
11
11
|
const { selectIcon } = useFormContext();
|
|
12
12
|
const { translate } = useTranslation();
|
|
13
13
|
const formInstance = useFormInstance();
|
|
@@ -49,7 +49,7 @@ const Select = (props) => {
|
|
|
49
49
|
};
|
|
50
50
|
//! Custom DropdownIndicator
|
|
51
51
|
const DropdownIndicator = (props) => {
|
|
52
|
-
return React.createElement(components.DropdownIndicator, { ...props }, selectIcon || select_arrow || bottom_arrow);
|
|
52
|
+
return (React.createElement(components.DropdownIndicator, { ...props }, selectIcon || select_arrow || bottom_arrow));
|
|
53
53
|
};
|
|
54
54
|
//! Custom Components
|
|
55
55
|
const customComponents = {
|
|
@@ -99,7 +99,7 @@ const Select = (props) => {
|
|
|
99
99
|
return (React.createElement(ReactSelect
|
|
100
100
|
// unstyled
|
|
101
101
|
// menuIsOpen={true}
|
|
102
|
-
, { ...selectProps, options: options, isMulti: multiple, isLoading: loading, styles: customStyles, isDisabled: disabled, className: classString, isClearable: allowClear, isSearchable: allowSearch, components: customComponents, classNamePrefix: 'react-select', noOptionsMessage: customNoOptionsMessage, value: options.filter((opt) =>
|
|
102
|
+
, { ...selectProps, options: options, isMulti: multiple, isLoading: loading, styles: customStyles, isDisabled: disabled, className: classString, isClearable: allowClear, isSearchable: allowSearch, components: customComponents, classNamePrefix: 'react-select', noOptionsMessage: customNoOptionsMessage, value: options.filter((opt) => multiple ? selectProps.value.includes(opt.value) : opt.value === selectProps.value) }));
|
|
103
103
|
};
|
|
104
104
|
if (process.env.NODE_ENV !== 'production') {
|
|
105
105
|
Select.displayName = 'Select';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/select/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,WAAW,EAAE,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,MAAM,GAAG,CAAC,KAAK,EAAE,EAAE;IACxB,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/select/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,WAAW,EAAE,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,MAAM,GAAG,CAAC,KAAK,EAAE,EAAE;IACxB,MAAM,EACL,IAAI,EACJ,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,KAAK,EACnB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,OAAO,EAAE,IAAI,GAAG,EAAE,EAClB,SAAS,EACT,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,KAAK,EACpB,SAAS,EACT,WAAW,EACX,QAAQ,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,UAAU,EAAE,GAAG,cAAc,EAAE,CAAC;IAExC,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IACvC,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,IAAI,WAAW,GAAG,EAAE,CAAC;IAErB,IAAI,YAAY,IAAI,IAAI,EAAE,CAAC;QAC1B,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QACtC,MAAM,gBAAgB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAEvC,SAAS,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC;gBAC/B,MAAM,CAAC,KAAK,CAAC,CAAC;YACf,CAAC;YACD,gBAAgB,CAAC,OAAO,GAAG,KAAK,CAAC;QAClC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;QAEZ,WAAW,GAAG;YACb,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACf,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;gBACpB,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;gBAChB,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;YACjC,CAAC;YACD,KAAK,EAAE,GAAG;SACV,CAAC;IACH,CAAC;SAAM,CAAC;QACP,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC;YAC1B,IAAI,EAAE,QAAQ;YACd,QAAQ;YACR,IAAI;YACJ,QAAQ;SACR,CAAC,CAAC;QAEH,WAAW,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,aAAa;IACb,MAAM,WAAW,GAAG,UAAU,CAAC,wBAAwB,EAAE;QACxD,CAAC,SAAS,CAAC,EAAE,SAAS;KACtB,CAAC,CAAC;IAEH,sBAAsB;IACtB,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,EAAE;QAC7B,OAAO,oBAAC,UAAU,CAAC,WAAW,OAAK,KAAK,IAAG,SAAS,CAAC,WAAW,CAAC,CAA0B,CAAC;IAC7F,CAAC,CAAC;IAEF,4BAA4B;IAC5B,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,EAAE;QACnC,OAAO,CACN,oBAAC,UAAU,CAAC,iBAAiB,OAAK,KAAK,IACrC,UAAU,IAAI,YAAY,IAAI,YAAY,CACb,CAC/B,CAAC;IACH,CAAC,CAAC;IAEF,qBAAqB;IACrB,MAAM,gBAAgB,GAAG;QACxB,WAAW;QACX,iBAAiB;KACjB,CAAC;IAEF,6BAA6B;IAC7B,MAAM,sBAAsB,GAAG,GAAG,EAAE;QACnC,OAAO,CACN,6BAAK,SAAS,EAAC,kBAAkB;YAC/B,YAAY,IAAI,KAAK;YAEtB,2BAAG,SAAS,EAAE,YAAY,IAAG,SAAS,CAAK,CACtC,CACN,CAAC;IACH,CAAC,CAAC;IAEF,iBAAiB;IACjB,MAAM,YAAY,GAAG;QACpB,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YACxB,GAAG,QAAQ;YACX,SAAS,EAAE,OAAO;SAClB,CAAC;KACF,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,MAAM,UAAU,GAAG,EAAE,CAAC;QACtB,MAAM,QAAQ,GAAG,SAAS,IAAI,MAAM,CAAC;QACrC,MAAM,QAAQ,GAAG,WAAW,IAAI,IAAI,CAAC;QAErC,IAAI,QAAQ,EAAE,CAAC;YACd,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;gBAC7B,UAAU,CAAC,IAAI,CAAC;oBACf,KAAK,EAAE,GAAG;oBACV,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;wBACjC,OAAO;4BACN,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC;4BACvB,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC;yBACvB,CAAC;oBACH,CAAC,CAAC;iBACF,CAAC,CAAC;YACJ,CAAC,CAAC,CAAC;QACJ,CAAC;aAAM,CAAC;YACP,IAAI,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gBACpB,UAAU,CAAC,IAAI,CAAC;oBACf,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC;oBACvB,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC;iBACvB,CAAC,CAAC;YACJ,CAAC,CAAC,CAAC;QACJ,CAAC;QAED,OAAO,UAAU,CAAC;IACnB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7C,OAAO,CACN,oBAAC,WAAW;IACX,WAAW;IACX,oBAAoB;WAChB,WAAW,EACf,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,OAAO,EAClB,MAAM,EAAE,YAAY,EACpB,UAAU,EAAE,QAAQ,EACpB,SAAS,EAAE,WAAW,EACtB,WAAW,EAAE,UAAU,EACvB,YAAY,EAAE,WAAW,EACzB,UAAU,EAAE,gBAAgB,EAC5B,eAAe,EAAC,cAAc,EAC9B,gBAAgB,EAAE,sBAAsB,EACxC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAC7B,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,KAAK,WAAW,CAAC,KAAK,CAClF,GACA,CACF,CAAC;AACH,CAAC,CAAC;AAEF,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;IAC3C,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC/B,CAAC;AAED,eAAe,MAAM,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@weareconceptstudio/form",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.5",
|
|
4
4
|
"description": "Concept Studio Form",
|
|
5
5
|
"author": "Concept Studio",
|
|
6
6
|
"license": "ISC",
|
|
@@ -20,13 +20,16 @@
|
|
|
20
20
|
"build": "npm run clean && tsc -m es6",
|
|
21
21
|
"watch": "tsc -m es6 --watch"
|
|
22
22
|
},
|
|
23
|
+
"peerDependencies": {
|
|
24
|
+
"@weareconceptstudio/core": "^0.3.9"
|
|
25
|
+
},
|
|
23
26
|
"dependencies": {
|
|
24
|
-
"@weareconceptstudio/core": "0.3.8",
|
|
25
27
|
"libphonenumber-js": "1.11.20",
|
|
26
28
|
"react-hook-form": "7.54.2",
|
|
27
29
|
"react-select": "5.8.0"
|
|
28
30
|
},
|
|
29
31
|
"devDependencies": {
|
|
32
|
+
"@weareconceptstudio/core": "^0.3.9",
|
|
30
33
|
"rimraf": "6.0.1",
|
|
31
34
|
"typescript": "5.3.3"
|
|
32
35
|
}
|