@toptal/picasso-forms 45.0.2 → 46.0.0
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/Autocomplete/Autocomplete.js +1 -1
- package/Autocomplete/Autocomplete.js.map +1 -1
- package/ButtonCheckbox/ButtonCheckbox.js +1 -1
- package/ButtonCheckbox/ButtonCheckbox.js.map +1 -1
- package/Checkbox/Checkbox.js +1 -1
- package/Checkbox/Checkbox.js.map +1 -1
- package/CheckboxGroup/CheckboxGroup.js +1 -1
- package/CheckboxGroup/CheckboxGroup.js.map +1 -1
- package/DatePicker/DatePicker.js +1 -1
- package/DatePicker/DatePicker.js.map +1 -1
- package/Dropzone/Dropzone.js +5 -5
- package/Dropzone/Dropzone.js.map +1 -1
- package/Field/Field.js +5 -5
- package/Field/Field.js.map +1 -1
- package/FileInput/FileInput.js +1 -1
- package/Form/Form.js +3 -3
- package/Form/Form.js.map +1 -1
- package/Form/FormContext.js +1 -1
- package/FormCompound/index.d.ts +1 -1
- package/FormCompound/index.js +1 -1
- package/InputField/InputField.js +1 -1
- package/NumberInput/NumberInput.js +1 -1
- package/NumberInput/NumberInput.js.map +1 -1
- package/PasswordInput/FieldRenderer.js +1 -1
- package/PasswordInput/FieldRenderer.js.map +1 -1
- package/PasswordInput/PasswordInput.js +6 -6
- package/PasswordInput/validators.js +1 -1
- package/RadioGroup/RadioGroup.js +1 -1
- package/RadioGroup/RadioGroup.js.map +1 -1
- package/Rating/Rating.js +3 -3
- package/Rating/Rating.js.map +1 -1
- package/RichTextEditor/RichTextEditor.js +1 -1
- package/RichTextEditor/RichTextEditor.js.map +1 -1
- package/Select/Select.js +1 -1
- package/Select/Select.js.map +1 -1
- package/SubmitButton/SubmitButton.js +2 -2
- package/Switch/Switch.js +1 -1
- package/Switch/Switch.js.map +1 -1
- package/TagSelector/TagSelector.js +2 -2
- package/TagSelector/TagSelector.js.map +1 -1
- package/TimePicker/TimePicker.js +1 -1
- package/TimePicker/TimePicker.js.map +1 -1
- package/index.d.ts +5 -5
- package/index.js +2 -2
- package/index.js.map +1 -1
- package/package.json +3 -3
- package/utils/use-field-validation/use-field-validation.d.ts +2 -2
- package/utils/use-field-validation/use-field-validation.js +1 -1
- package/utils/use-field-validation/use-field-validation.js.map +1 -1
- package/utils/use-form-input-reset/use-form-input-reset.d.ts +1 -1
- package/utils/use-form-input-reset/use-form-input-reset.js +1 -1
- package/utils/use-form-input-reset/use-form-input-reset.js.map +1 -1
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
|
-
import { Autocomplete as PicassoAutocomplete } from '@toptal/picasso';
|
|
13
|
+
import { Autocomplete as PicassoAutocomplete, } from '@toptal/picasso';
|
|
14
14
|
import FieldLabel from '../FieldLabel';
|
|
15
15
|
import InputField from '../InputField';
|
|
16
16
|
export const Autocomplete = (props) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,YAAY,IAAI,mBAAmB,
|
|
1
|
+
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,YAAY,IAAI,mBAAmB,GAEpC,MAAM,iBAAiB,CAAA;AAGxB,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAItC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE;IAC3C,MAAM,EAAE,KAAK,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArC,sBAA6B,CAAQ,CAAA;IAE3C,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,CAAC,UAA6B,EAAE,EAAE;QACjC,OAAO,oBAAC,mBAAmB,oBAAK,UAAU,EAAI,CAAA;IAChD,CAAC,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,eAAe,YAAY,CAAA"}
|
|
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React, { useContext } from 'react';
|
|
13
13
|
import { Button } from '@toptal/picasso';
|
|
14
|
-
import { Field } from 'react-final-form';
|
|
14
|
+
import { Field, } from 'react-final-form';
|
|
15
15
|
import PicassoField from '../Field';
|
|
16
16
|
import { CheckboxGroupContext } from '../CheckboxGroup';
|
|
17
17
|
const ButtonCheckbox = (_a) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonCheckbox.js","sourceRoot":"","sources":["../../src/ButtonCheckbox/ButtonCheckbox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,EAAuB,MAAM,iBAAiB,CAAA;AAC7D,OAAO,EACL,KAAK,
|
|
1
|
+
{"version":3,"file":"ButtonCheckbox.js","sourceRoot":"","sources":["../../src/ButtonCheckbox/ButtonCheckbox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,EAAuB,MAAM,iBAAiB,CAAA;AAC7D,OAAO,EACL,KAAK,GAEN,MAAM,kBAAkB,CAAA;AAEzB,OAAO,YAA4B,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAcvD,MAAM,cAAc,GAAG,CAAC,EAA8C,EAAE,EAAE;QAAlD,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,OAAuB,EAAlB,SAAS,cAArC,6BAAuC,CAAF;IAC3D,MAAM,SAAS,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAA;IAClD,MAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,CAAC,CAAA;IAE5C,IAAI,iBAAiB,EAAE;QACrB,OAAO;QACL,oEAAoE;QACpE,oBAAC,KAAK,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAE,IAAI,IAAI,SAAU,EAAE,KAAK,EAAE,KAAK,IAC1D,CAAC,EAGmC,EAAE,EAAE;;YAFvC,6DAA6D;YAC7D,aAAgD;YADhD,6DAA6D;YAC7D,EAAS,KAAK,EAAE,UAAU,EAAE,IAAI,OAAgB,EAAX,SAAS,cAAvC,iBAAyC,CAAF;YAE9C,OAAO,oBAAC,MAAM,CAAC,QAAQ,oBAAK,SAAS,EAAM,SAAS,EAAI,CAAA;QAC1D,CAAC,CACK,CACT,CAAA;KACF;IAED,OAAO,CACL,oBAAC,YAAY,kBACX,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,IACd,SAAS;QACb,oEAAoE;QACpE,IAAI,EAAE,IAAK,KAEV,CAAC,KAA0B,EAAE,EAAE,CAAC,oBAAC,MAAM,CAAC,QAAQ,oBAAK,KAAK,EAAI,CAClD,CAChB,CAAA;AACH,CAAC,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,eAAe,cAAc,CAAA"}
|
package/Checkbox/Checkbox.js
CHANGED
|
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React, { useContext } from 'react';
|
|
13
13
|
import { Checkbox as PicassoCheckbox } from '@toptal/picasso';
|
|
14
|
-
import { Field } from 'react-final-form';
|
|
14
|
+
import { Field, } from 'react-final-form';
|
|
15
15
|
import PicassoField from '../Field';
|
|
16
16
|
import { CheckboxGroupContext } from '../CheckboxGroup';
|
|
17
17
|
import { useFormConfig } from '../FormConfig';
|
package/Checkbox/Checkbox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAiB,MAAM,iBAAiB,CAAA;AAC5E,OAAO,EACL,KAAK,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAiB,MAAM,iBAAiB,CAAA;AAC5E,OAAO,EACL,KAAK,GAEN,MAAM,kBAAkB,CAAA;AAEzB,OAAO,YAA4B,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAY7C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAQjB,EAAE,EAAE;QARa,EACvB,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK;IACL,6DAA6D;IAC7D,YAAY,OAEN,EADH,SAAS,cAPW,sDAQxB,CADa;IAEZ,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,SAAS,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAA;IAClD,MAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,CAAC,CAAA;IAE5C,IAAI,iBAAiB,EAAE;QACrB,OAAO;QACL,oEAAoE;QACpE,oBAAC,KAAK,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAE,IAAI,IAAI,SAAU,EAAE,KAAK,EAAE,KAAK,IAC1D,CAAC,EAGmC,EAAE,EAAE;;YAFvC,6DAA6D;YAC7D,aAAgD;YADhD,6DAA6D;YAC7D,EAAS,KAAK,EAAE,UAAU,EAAE,IAAI,OAAgB,EAAX,SAAS,cAAvC,iBAAyC,CAAF;YAE9C,OAAO,oBAAC,eAAe,oBAAK,SAAS,EAAM,SAAS,IAAE,KAAK,EAAE,KAAK,IAAI,CAAA;QACxE,CAAC,CACK,CACT,CAAA;KACF;IAED,MAAM,YAAY,GAAG,QAAQ,IAAI,UAAU,CAAC,eAAe,KAAK,UAAU,CAAA;IAC1E,MAAM,kBAAkB,GAAG,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAA;IAEhE,OAAO,CACL,oBAAC,YAAY,kBACX,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,IACd,SAAS;QACb,oEAAoE;QACpE,IAAI,EAAE,IAAK,KAEV,CAAC,KAAoB,EAAE,EAAE,CAAC,CACzB,oBAAC,eAAe,oBACV,KAAK,IACT,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,CAAC,SAAS,EAC9B,kBAAkB,EAAE,kBAAkB,IACtC,CACH,CACY,CAChB,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}
|
|
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
13
13
|
import React from 'react';
|
|
14
|
-
import { Checkbox as PicassoCheckbox } from '@toptal/picasso';
|
|
14
|
+
import { Checkbox as PicassoCheckbox, } from '@toptal/picasso';
|
|
15
15
|
import PicassoField from '../Field';
|
|
16
16
|
import FieldLabel from '../FieldLabel';
|
|
17
17
|
import CheckboxGroupContext from './CheckboxGroupContext';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../src/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,iDAAiD;AACjD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,QAAQ,IAAI,eAAe,
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../src/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,iDAAiD;AACjD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,QAAQ,IAAI,eAAe,GAG5B,MAAM,iBAAiB,CAAA;AAExB,OAAO,YAA4B,MAAM,UAAU,CAAA;AACnD,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AAIzD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE;IAC5C,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IAErD,OAAO,CACL,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI;QAC9C,oBAAC,YAAY,oBACP,IAAI,IACR,IAAI,EAAC,UAAU,EACf,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,GAAG,EAAE,CAAC,CACL,oBAAC,eAAe,CAAC,KAAK,oBAAK,IAAI,GAAG,QAAQ,CAAyB,CACpE,CACY,CACe,CACjC,CAAA;AACH,CAAC,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,eAAe,aAAa,CAAA"}
|
package/DatePicker/DatePicker.js
CHANGED
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
|
-
import { DatePicker as PicassoDatePicker } from '@toptal/picasso';
|
|
13
|
+
import { DatePicker as PicassoDatePicker, } from '@toptal/picasso';
|
|
14
14
|
import InputField from '../InputField';
|
|
15
15
|
import FieldLabel from '../FieldLabel';
|
|
16
16
|
export const DatePicker = (props) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,UAAU,IAAI,iBAAiB,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,UAAU,IAAI,iBAAiB,GAEhC,MAAM,iBAAiB,CAAA;AAGxB,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAOtC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,EAAE;IACzC,MAAM,EAAE,KAAK,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArC,sBAA6B,CAAQ,CAAA;IAE3C,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,KAAK,EACH,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,KAGH,CAAC,UAA2B,EAAE,EAAE;QAC/B,OAAO,oBAAC,iBAAiB,oBAAK,UAAU,EAAI,CAAA;IAC9C,CAAC,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,YAAY,GAAG,EAAE,CAAA;AAE5B,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
|
package/Dropzone/Dropzone.js
CHANGED
|
@@ -15,17 +15,17 @@ import PicassoField from '../Field';
|
|
|
15
15
|
import FieldLabel from '../FieldLabel';
|
|
16
16
|
const Dropzone = (_a) => {
|
|
17
17
|
var { dropzoneHint } = _a, props = __rest(_a, ["dropzoneHint"]);
|
|
18
|
-
const handleDrop = ({ acceptedFiles, value = [], finalFormOnChange }) => {
|
|
18
|
+
const handleDrop = ({ acceptedFiles, value = [], finalFormOnChange, }) => {
|
|
19
19
|
if (!acceptedFiles.length) {
|
|
20
20
|
return;
|
|
21
21
|
}
|
|
22
22
|
const newFiles = Array.from(acceptedFiles).map(file => ({
|
|
23
23
|
file,
|
|
24
|
-
uploading: false
|
|
24
|
+
uploading: false,
|
|
25
25
|
}));
|
|
26
26
|
finalFormOnChange([...value, ...newFiles]);
|
|
27
27
|
};
|
|
28
|
-
const handleRemove = ({ fileIndex, value = [], finalFormOnChange }) => {
|
|
28
|
+
const handleRemove = ({ fileIndex, value = [], finalFormOnChange, }) => {
|
|
29
29
|
const updatedFiles = value.filter((_, index) => index !== fileIndex);
|
|
30
30
|
finalFormOnChange(updatedFiles);
|
|
31
31
|
};
|
|
@@ -33,13 +33,13 @@ const Dropzone = (_a) => {
|
|
|
33
33
|
handleDrop({
|
|
34
34
|
acceptedFiles,
|
|
35
35
|
value: inputProps.value,
|
|
36
|
-
finalFormOnChange: inputProps.onChange
|
|
36
|
+
finalFormOnChange: inputProps.onChange,
|
|
37
37
|
});
|
|
38
38
|
}, onRemove: (_fileName, index) => {
|
|
39
39
|
handleRemove({
|
|
40
40
|
fileIndex: index,
|
|
41
41
|
value: inputProps.value,
|
|
42
|
-
finalFormOnChange: inputProps.onChange
|
|
42
|
+
finalFormOnChange: inputProps.onChange,
|
|
43
43
|
});
|
|
44
44
|
} })))));
|
|
45
45
|
};
|
package/Dropzone/Dropzone.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropzone.js","sourceRoot":"","sources":["../../src/Dropzone/Dropzone.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAiB,MAAM,iBAAiB,CAAA;AAI5E,OAAO,YAA4B,MAAM,UAAU,CAAA;AACnD,OAAO,UAAU,MAAM,eAAe,CAAA;AAWtC,MAAM,QAAQ,GAAG,CAAC,EAAiC,EAAE,EAAE;QAArC,EAAE,YAAY,OAAmB,EAAd,KAAK,cAAxB,gBAA0B,CAAF;IACxC,MAAM,UAAU,GAAG,CAAC,EAClB,aAAa,EACb,KAAK,GAAG,EAAE,EACV,iBAAiB,
|
|
1
|
+
{"version":3,"file":"Dropzone.js","sourceRoot":"","sources":["../../src/Dropzone/Dropzone.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAiB,MAAM,iBAAiB,CAAA;AAI5E,OAAO,YAA4B,MAAM,UAAU,CAAA;AACnD,OAAO,UAAU,MAAM,eAAe,CAAA;AAWtC,MAAM,QAAQ,GAAG,CAAC,EAAiC,EAAE,EAAE;QAArC,EAAE,YAAY,OAAmB,EAAd,KAAK,cAAxB,gBAA0B,CAAF;IACxC,MAAM,UAAU,GAAG,CAAC,EAClB,aAAa,EACb,KAAK,GAAG,EAAE,EACV,iBAAiB,GAKlB,EAAE,EAAE;QACH,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE;YACzB,OAAM;SACP;QAED,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACtD,IAAI;YACJ,SAAS,EAAE,KAAK;SACjB,CAAC,CAAC,CAAA;QAEH,iBAAiB,CAAC,CAAC,GAAG,KAAK,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAA;IAC5C,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,KAAK,GAAG,EAAE,EACV,iBAAiB,GAKlB,EAAE,EAAE;QACH,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC,CAAA;QAEpE,iBAAiB,CAAC,YAAY,CAAC,CAAA;IACjC,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,YAAY,kBACX,UAAU,UACN,KAAK,IACT,KAAK,EACH,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,GAC1B,KAGH,UAAU,CAAC,EAAE,CAAC,CACb,oBAAC,eAAe,oBACV,UAAU,IACd,IAAI,EAAE,YAAY,EAClB,cAAc,EAAE,aAAa,CAAC,EAAE;YAC9B,UAAU,CAAC;gBACT,aAAa;gBACb,KAAK,EAAE,UAAU,CAAC,KAAK;gBACvB,iBAAiB,EAAE,UAAU,CAAC,QAAQ;aACvC,CAAC,CAAA;QACJ,CAAC,EACD,QAAQ,EAAE,CAAC,SAAiB,EAAE,KAAa,EAAE,EAAE;YAC7C,YAAY,CAAC;gBACX,SAAS,EAAE,KAAK;gBAChB,KAAK,EAAE,UAAU,CAAC,KAAK;gBACvB,iBAAiB,EAAE,UAAU,CAAC,QAAQ;aACvC,CAAC,CAAA;QACJ,CAAC,IACD,CACH,CACY,CAChB,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,YAAY,GAAG,EAAE,CAAA;AAE1B,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}
|
package/Field/Field.js
CHANGED
|
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
var _a;
|
|
13
13
|
import React, { useMemo } from 'react';
|
|
14
|
-
import { useField } from 'react-final-form';
|
|
14
|
+
import { useField, } from 'react-final-form';
|
|
15
15
|
import { Form as PicassoForm } from '@toptal/picasso';
|
|
16
16
|
import { detect } from 'detect-browser';
|
|
17
17
|
import { useFormConfig } from '../FormConfig';
|
|
@@ -51,13 +51,13 @@ const Field = (props) => {
|
|
|
51
51
|
parse,
|
|
52
52
|
subscription,
|
|
53
53
|
validateFields,
|
|
54
|
-
value
|
|
54
|
+
value,
|
|
55
55
|
});
|
|
56
56
|
const error = useFieldValidation({
|
|
57
57
|
name,
|
|
58
58
|
meta,
|
|
59
59
|
validators,
|
|
60
|
-
shouldValidateOnSubmit
|
|
60
|
+
shouldValidateOnSubmit,
|
|
61
61
|
});
|
|
62
62
|
const childProps = Object.assign(Object.assign(Object.assign({ id,
|
|
63
63
|
status }, rest), input), {
|
|
@@ -74,7 +74,7 @@ const Field = (props) => {
|
|
|
74
74
|
get() {
|
|
75
75
|
return defaultValue !== null && defaultValue !== void 0 ? defaultValue : '';
|
|
76
76
|
},
|
|
77
|
-
set() { }
|
|
77
|
+
set() { },
|
|
78
78
|
});
|
|
79
79
|
}
|
|
80
80
|
input.onChange(event);
|
|
@@ -94,7 +94,7 @@ const Field = (props) => {
|
|
|
94
94
|
} });
|
|
95
95
|
return (React.createElement(PicassoForm.Field, { error: error, hint: hint, "data-testid": dataTestId, fieldRequirements: renderFieldRequirements === null || renderFieldRequirements === void 0 ? void 0 : renderFieldRequirements({
|
|
96
96
|
value: input.value,
|
|
97
|
-
error: status === 'error'
|
|
97
|
+
error: status === 'error',
|
|
98
98
|
}) },
|
|
99
99
|
label,
|
|
100
100
|
children(childProps)));
|
package/Field/Field.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../src/Field/Field.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAA2B,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/D,OAAO,EACL,QAAQ,
|
|
1
|
+
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../src/Field/Field.tsx"],"names":[],"mappings":"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"}
|
package/FileInput/FileInput.js
CHANGED
package/Form/Form.js
CHANGED
|
@@ -19,12 +19,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
19
19
|
return t;
|
|
20
20
|
};
|
|
21
21
|
import React, { useMemo, useRef } from 'react';
|
|
22
|
-
import { Form as FinalForm } from 'react-final-form';
|
|
22
|
+
import { Form as FinalForm, } from 'react-final-form';
|
|
23
23
|
import { getIn, setIn } from 'final-form';
|
|
24
24
|
import { Form as PicassoForm, Container } from '@toptal/picasso';
|
|
25
25
|
import { useNotifications } from '@toptal/picasso/utils';
|
|
26
26
|
import { createScrollToErrorDecorator } from '../utils';
|
|
27
|
-
import { FormContext, createFormContext } from './FormContext';
|
|
27
|
+
import { FormContext, createFormContext, } from './FormContext';
|
|
28
28
|
const getValidationErrors = (validators, formValues, form) => {
|
|
29
29
|
let errors;
|
|
30
30
|
Object.entries(validators).forEach(([key, validator]) => {
|
|
@@ -44,7 +44,7 @@ export const Form = (props) => {
|
|
|
44
44
|
const { children, autoComplete, disableScrollOnError, onSubmit, successSubmitMessage, failedSubmitMessage, decorators = [], 'data-testid': dataTestId } = props, rest = __rest(props, ["children", "autoComplete", "disableScrollOnError", "onSubmit", "successSubmitMessage", "failedSubmitMessage", "decorators", 'data-testid']);
|
|
45
45
|
const { showSuccess, showError } = useNotifications();
|
|
46
46
|
const scrollToErrorDecorator = useMemo(() => createScrollToErrorDecorator({
|
|
47
|
-
disableScrollOnError
|
|
47
|
+
disableScrollOnError,
|
|
48
48
|
}), [disableScrollOnError]);
|
|
49
49
|
const validationObject = useRef(createFormContext());
|
|
50
50
|
const showSuccessNotification = () => {
|
package/Form/Form.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/Form/Form.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAa,MAAM,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,EACL,IAAI,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/Form/Form.tsx"],"names":[],"mappings":"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"}
|
package/Form/FormContext.js
CHANGED
package/FormCompound/index.d.ts
CHANGED
|
@@ -88,7 +88,7 @@ export declare const FormCompound: {
|
|
|
88
88
|
displayName: string;
|
|
89
89
|
};
|
|
90
90
|
FieldRequirements: {
|
|
91
|
-
<TValueType>({ value, description, open, error, timeout, requirements, className, style, testIds }: import("@toptal/picasso/src/FieldRequirements/FieldRequirements").Props<TValueType>): JSX.Element;
|
|
91
|
+
<TValueType>({ value, description, open, error, timeout, requirements, className, style, testIds, }: import("@toptal/picasso/src/FieldRequirements/FieldRequirements").Props<TValueType>): JSX.Element;
|
|
92
92
|
defaultProps: {
|
|
93
93
|
open: boolean;
|
|
94
94
|
timeout: number;
|
package/FormCompound/index.js
CHANGED
package/InputField/InputField.js
CHANGED
|
@@ -40,7 +40,7 @@ const InputField = (props) => {
|
|
|
40
40
|
const onFormInputResetClick = useFormInputReset({
|
|
41
41
|
input,
|
|
42
42
|
enableReset,
|
|
43
|
-
onResetClick
|
|
43
|
+
onResetClick,
|
|
44
44
|
});
|
|
45
45
|
return (React.createElement(Field, Object.assign({ status: status, name: name, onResetClick: onFormInputResetClick, enableReset: enableReset }, rest), children));
|
|
46
46
|
};
|
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
|
-
import { NumberInput as PicassoNumberInput } from '@toptal/picasso';
|
|
13
|
+
import { NumberInput as PicassoNumberInput, } from '@toptal/picasso';
|
|
14
14
|
import { validators } from '../utils';
|
|
15
15
|
import FieldLabel from '../FieldLabel';
|
|
16
16
|
import InputField from '../InputField';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,WAAW,IAAI,kBAAkB,
|
|
1
|
+
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,WAAW,IAAI,kBAAkB,GAElC,MAAM,iBAAiB,CAAA;AAGxB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAItC,MAAM,GAAG,GAAG,CAAC,UAAU,CAAA;AACvB,MAAM,GAAG,GAAG,UAAU,CAAA;AAEtB,MAAM,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAA;AAExC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAY,EAAE,EAAE;IAC1C,MAAM,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArE,gDAA6D,CAAQ,CAAA;IAE3E,MAAM,oBAAoB,GAEtB,KAAK,CAAC,EAAE;QACV,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE;YACvB,OAAO,iCAAiC,GAAG,GAAG,CAAA;SAC/C;QACD,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE;YACvB,OAAO,oCAAoC,GAAG,GAAG,CAAA;SAClD;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,QAAQ,EAAE,iBAAiB,CAAC,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CAAC,EAC7D,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,CAAC,UAA4B,EAAE,EAAE;QAChC,OAAO,oBAAC,kBAAkB,oBAAK,UAAU,EAAI,CAAA;IAC/C,CAAC,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,YAAY,GAAG,EAAE,CAAA;AAE7B,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}
|
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { useCallback } from 'react';
|
|
13
|
-
import { PasswordInput as PicassoPasswordInput } from '@toptal/picasso';
|
|
13
|
+
import { PasswordInput as PicassoPasswordInput, } from '@toptal/picasso';
|
|
14
14
|
const FieldRenderer = (props) => {
|
|
15
15
|
const { onFocus, onBlur, onShowContent, onHideContent } = props, rest = __rest(props, ["onFocus", "onBlur", "onShowContent", "onHideContent"]);
|
|
16
16
|
const handleFocus = useCallback((event) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldRenderer.js","sourceRoot":"","sources":["../../src/PasswordInput/FieldRenderer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAc,WAAW,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EACL,aAAa,IAAI,oBAAoB,
|
|
1
|
+
{"version":3,"file":"FieldRenderer.js","sourceRoot":"","sources":["../../src/PasswordInput/FieldRenderer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAc,WAAW,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EACL,aAAa,IAAI,oBAAoB,GAEtC,MAAM,iBAAiB,CAAA;AAMxB,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IAClD,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAlE,uDAA0D,CAAQ,CAAA;IAExE,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAmC,EAAE,EAAE;QACtC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAA;QAEhB,aAAa,EAAE,CAAA;IACjB,CAAC,EACD,CAAC,OAAO,EAAE,aAAa,CAAC,CACzB,CAAA;IAED,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAAmC,EAAE,EAAE;QACtC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,CAAC,CAAA;QAEf,aAAa,EAAE,CAAA;IACjB,CAAC,EACD,CAAC,MAAM,EAAE,aAAa,CAAC,CACxB,CAAA;IAED,OAAO,CACL,oBAAC,oBAAoB,oBAAK,IAAI,IAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,IAAI,CAC7E,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -38,24 +38,24 @@ export const PasswordInput = (_a) => {
|
|
|
38
38
|
const renderFieldRequirements = ({ value, error }) => (React.createElement(FieldRequirements, { value: value, open: showContent, error: error, description: 'Please make sure that your password contains:', timeout: ANIMATION_TIMEOUT, requirements: [
|
|
39
39
|
{
|
|
40
40
|
message: 'At least 8 characters',
|
|
41
|
-
validator: passwordValidators.atLeastEightCharacters
|
|
41
|
+
validator: passwordValidators.atLeastEightCharacters,
|
|
42
42
|
},
|
|
43
43
|
{
|
|
44
44
|
message: '1 number',
|
|
45
|
-
validator: passwordValidators.atLeastOneNumber
|
|
45
|
+
validator: passwordValidators.atLeastOneNumber,
|
|
46
46
|
},
|
|
47
47
|
{
|
|
48
48
|
message: '1 uppercase character',
|
|
49
|
-
validator: passwordValidators.atLeastOneUpperCaseCharacter
|
|
49
|
+
validator: passwordValidators.atLeastOneUpperCaseCharacter,
|
|
50
50
|
},
|
|
51
51
|
{
|
|
52
52
|
message: '1 special character',
|
|
53
|
-
validator: passwordValidators.atLeastOneSpecialCharacter
|
|
53
|
+
validator: passwordValidators.atLeastOneSpecialCharacter,
|
|
54
54
|
},
|
|
55
55
|
{
|
|
56
56
|
message: '1 lowercase character',
|
|
57
|
-
validator: passwordValidators.atLeastOneLowerCaseCharacter
|
|
58
|
-
}
|
|
57
|
+
validator: passwordValidators.atLeastOneLowerCaseCharacter,
|
|
58
|
+
},
|
|
59
59
|
] }));
|
|
60
60
|
const handleShowContent = useCallback(() => {
|
|
61
61
|
setShowContent(true);
|
package/RadioGroup/RadioGroup.js
CHANGED
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
|
-
import { Radio as PicassoRadio } from '@toptal/picasso';
|
|
13
|
+
import { Radio as PicassoRadio, } from '@toptal/picasso';
|
|
14
14
|
import PicassoField from '../Field';
|
|
15
15
|
import FieldLabel from '../FieldLabel';
|
|
16
16
|
import RadioGroupContext from './RadioGroupContext';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,KAAK,IAAI,YAAY,
|
|
1
|
+
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,KAAK,IAAI,YAAY,GAGtB,MAAM,iBAAiB,CAAA;AAExB,OAAO,YAA4B,MAAM,UAAU,CAAA;AACnD,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AAInD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,EAAE;IACzC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IAErD,OAAO,CACL,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI;QAC3C,oBAAC,YAAY,oBACP,IAAI,IACR,IAAI,EAAC,OAAO,EACZ,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,eAAe,CAAC,EAAE,CAAC,CAClB,oBAAC,YAAY,CAAC,KAAK,oBAAK,eAAe,GACpC,QAAQ,CACU,CACtB,CACY,CACY,CAC9B,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,YAAY,GAAG,EAAE,CAAA;AAE5B,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
|
package/Rating/Rating.js
CHANGED
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
|
-
import { Rating as PicassoRating } from '@toptal/picasso';
|
|
13
|
+
import { Rating as PicassoRating, } from '@toptal/picasso';
|
|
14
14
|
import PicassoField from '../Field';
|
|
15
15
|
import FieldLabel from '../FieldLabel';
|
|
16
16
|
import { validators } from '../utils';
|
|
@@ -33,13 +33,13 @@ const Thumbs = (props) => {
|
|
|
33
33
|
const { required, validate, requirePositive, label, titleCase } = props, rest = __rest(props, ["required", "validate", "requirePositive", "label", "titleCase"]);
|
|
34
34
|
const validateOverride = validators.composeValidators([
|
|
35
35
|
required && !requirePositive ? thumbsRequired : undefined,
|
|
36
|
-
validate
|
|
36
|
+
validate,
|
|
37
37
|
]);
|
|
38
38
|
return (React.createElement(PicassoField, Object.assign({ validate: validateOverride, required: requirePositive }, rest, { label: label ? (React.createElement(FieldLabel, { name: props.name, required: props.required, label: label, titleCase: titleCase })) : null }), inputProps => React.createElement(PicassoRating.Thumbs, Object.assign({}, inputProps))));
|
|
39
39
|
};
|
|
40
40
|
export const Rating = {
|
|
41
41
|
Stars,
|
|
42
|
-
Thumbs
|
|
42
|
+
Thumbs,
|
|
43
43
|
};
|
|
44
44
|
export default Rating;
|
|
45
45
|
//# sourceMappingURL=Rating.js.map
|
package/Rating/Rating.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../src/Rating/Rating.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,MAAM,IAAI,aAAa,
|
|
1
|
+
{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../src/Rating/Rating.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,MAAM,IAAI,aAAa,GAGxB,MAAM,iBAAiB,CAAA;AAExB,OAAO,YAA4B,MAAM,UAAU,CAAA;AACnD,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAKrC,MAAM,KAAK,GAAG,CAAC,KAAuB,EAAE,EAAE;IACxC,MAAM,EAAE,KAAK,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArC,sBAA6B,CAAQ,CAAA;IAE3C,OAAO,CACL,oBAAC,YAAY,oBACP,IAAI,IACR,IAAI,EAAC,QAAQ,EACb,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,UAAU,CAAC,EAAE,CAAC,oBAAC,aAAa,CAAC,KAAK,oBAAK,UAAU,EAAI,CACzC,CAChB,CAAA;AACH,CAAC,CAAA;AAKD;;;;;;;;;GASG;AACH,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE,CACpD,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;AAEvD,MAAM,MAAM,GAAG,CAAC,KAAwB,EAAE,EAAE;IAC1C,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,EAAE,SAAS,KAC3D,KAAK,EAD2D,IAAI,UACpE,KAAK,EADD,iEAAkE,CACjE,CAAA;IAEP,MAAM,gBAAgB,GAAG,UAAU,CAAC,iBAAiB,CAAC;QACpD,QAAQ,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS;QACzD,QAAQ;KACT,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,YAAY,kBACX,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ,EAAE,eAAe,IACrB,IAAI,IACR,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,UAAU,CAAC,EAAE,CAAC,oBAAC,aAAa,CAAC,MAAM,oBAAK,UAAU,EAAI,CAC1C,CAChB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,KAAK;IACL,MAAM;CACE,CAAA;AAEV,eAAe,MAAM,CAAA"}
|
|
@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import { RichTextEditor as PicassoRichTextEditor } from '@toptal/picasso';
|
|
12
|
+
import { RichTextEditor as PicassoRichTextEditor, } from '@toptal/picasso';
|
|
13
13
|
import React, { useCallback, useState } from 'react';
|
|
14
14
|
import InputField from '../InputField';
|
|
15
15
|
export const RichTextEditor = (_a) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditor.js","sourceRoot":"","sources":["../../src/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAEL,cAAc,IAAI,qBAAqB,
|
|
1
|
+
{"version":3,"file":"RichTextEditor.js","sourceRoot":"","sources":["../../src/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAEL,cAAc,IAAI,qBAAqB,GAExC,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAIpD,OAAO,UAAU,MAAM,eAAe,CAAA;AActC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAA0C,EAAE,EAAE;QAA9C,EAAE,QAAQ,EAAE,YAAY,OAAkB,EAAb,IAAI,cAAjC,4BAAmC,CAAF;IAC9D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEtC,+EAA+E;IAC/E,+CAA+C;IAC/C,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,MAAc,EAAE,EAAE;QACjB,QAAQ,CAAC,MAAM,CAAC,CAAA;QAChB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,MAAM,CAAC,CAAA;IACpB,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAA;IAED,OAAO,CACL,oBAAC,UAAU,kBACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,cAAc,IACpB,IAAI,GAEP,CAAC,UAA+B,EAAE,EAAE,CAAC,CACpC,oBAAC,qBAAqB,kBAAC,YAAY,EAAE,YAAY,IAAM,UAAU,EAAI,CACtE,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}
|
package/Select/Select.js
CHANGED
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
|
-
import { Select as PicassoSelect } from '@toptal/picasso';
|
|
13
|
+
import { Select as PicassoSelect, } from '@toptal/picasso';
|
|
14
14
|
import { generateRandomStringOrGetEmptyInTest } from '@toptal/picasso/utils';
|
|
15
15
|
import InputField from '../InputField';
|
|
16
16
|
import FieldLabel from '../FieldLabel';
|
package/Select/Select.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,MAAM,IAAI,aAAa,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,MAAM,IAAI,aAAa,GAGxB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,oCAAoC,EAAE,MAAM,uBAAuB,CAAA;AAG5E,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAOtC,MAAM,CAAC,MAAM,MAAM,GAAG,CACpB,KAAkB,EAClB,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAtD,oCAA8C,CAAQ,CAAA;IAC5D,MAAM,YAAY,GAAG,EAAE,CAAC,CAAC,CAAC,oCAAoC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAE9E,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,YAAY,EAChB,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,oBAAC,UAAU,IACT,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,CAAC,WAAwB,EAAE,EAAE;QAC5B,OAAO,CACL,oBAAC,aAAa,oBACR,WAAW,IACf,EAAE,EAAE,YAAY;YAChB,oHAAoH;YACpH,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,IAAI,KAAK,IACtD,CACH,CAAA;IACH,CAAC,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,YAAY,GAAG,EAAE,CAAA;AAExB,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,eAAe,MAAM,CAAA"}
|
|
@@ -18,7 +18,7 @@ export const SubmitButton = (_a) => {
|
|
|
18
18
|
const { submitting } = useFormState({ subscription: { submitting: true } });
|
|
19
19
|
const submitButtonProps = {
|
|
20
20
|
type: 'submit',
|
|
21
|
-
loading: submitting
|
|
21
|
+
loading: submitting,
|
|
22
22
|
};
|
|
23
23
|
const resultComponentProps = Object.assign(Object.assign({}, submitButtonProps), restOfProps);
|
|
24
24
|
switch (buttonType) {
|
|
@@ -31,7 +31,7 @@ export const SubmitButton = (_a) => {
|
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
33
|
SubmitButton.defaultProps = {
|
|
34
|
-
buttonType: 'rectangular'
|
|
34
|
+
buttonType: 'rectangular',
|
|
35
35
|
};
|
|
36
36
|
SubmitButton.displayName = 'SubmitButton';
|
|
37
37
|
export default SubmitButton;
|
package/Switch/Switch.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Switch as PicassoSwitch, Form as PicassoForm } from '@toptal/picasso';
|
|
2
|
+
import { Switch as PicassoSwitch, Form as PicassoForm, } from '@toptal/picasso';
|
|
3
3
|
import PicassoField from '../Field';
|
|
4
4
|
export const Switch = (props) => (React.createElement(PicassoField, Object.assign({}, props, { label: props.label ? (React.createElement(PicassoForm.Label, { htmlFor: props.id, titleCase: props.titleCase }, props.label)) : null }), (inputProps) => {
|
|
5
5
|
return React.createElement(PicassoSwitch, Object.assign({}, inputProps));
|
package/Switch/Switch.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,MAAM,IAAI,aAAa,EAEvB,IAAI,IAAI,WAAW,
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,MAAM,IAAI,aAAa,EAEvB,IAAI,IAAI,WAAW,GACpB,MAAM,iBAAiB,CAAA;AAExB,OAAO,YAA4B,MAAM,UAAU,CAAA;AAOnD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,CACtC,oBAAC,YAAY,oBACP,KAAK,IACT,KAAK,EACH,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,oBAAC,WAAW,CAAC,KAAK,IAAC,OAAO,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IAC7D,KAAK,CAAC,KAAK,CACM,CACrB,CAAC,CAAC,CAAC,IAAI,KAGT,CAAC,UAAuB,EAAE,EAAE;IAC3B,OAAO,oBAAC,aAAa,oBAAK,UAAU,EAAI,CAAA;AAC1C,CAAC,CACY,CAChB,CAAA;AAED,MAAM,CAAC,YAAY,GAAG,EAAE,CAAA;AAExB,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,eAAe,MAAM,CAAA"}
|
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
|
-
import { TagSelector as PicassoTagSelector } from '@toptal/picasso';
|
|
13
|
+
import { TagSelector as PicassoTagSelector, } from '@toptal/picasso';
|
|
14
14
|
import FieldLabel from '../FieldLabel';
|
|
15
15
|
import InputField from '../InputField';
|
|
16
16
|
export const TagSelector = (props) => {
|
|
@@ -20,7 +20,7 @@ export const TagSelector = (props) => {
|
|
|
20
20
|
}));
|
|
21
21
|
};
|
|
22
22
|
TagSelector.defaultProps = {
|
|
23
|
-
initialValue: []
|
|
23
|
+
initialValue: [],
|
|
24
24
|
};
|
|
25
25
|
TagSelector.displayName = 'TagSelector';
|
|
26
26
|
export default TagSelector;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagSelector.js","sourceRoot":"","sources":["../../src/TagSelector/TagSelector.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,WAAW,IAAI,kBAAkB,
|
|
1
|
+
{"version":3,"file":"TagSelector.js","sourceRoot":"","sources":["../../src/TagSelector/TagSelector.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,WAAW,IAAI,kBAAkB,GAElC,MAAM,iBAAiB,CAAA;AAGxB,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAItC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAY,EAAE,EAAE;IAC1C,MAAM,EAAE,KAAK,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArC,sBAA6B,CAAQ,CAAA;IAE3C,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,CAAC,UAA4B,EAAE,EAAE;QAChC,OAAO,oBAAC,kBAAkB,oBAAK,UAAU,EAAI,CAAA;IAC/C,CAAC,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,YAAY,GAAG;IACzB,YAAY,EAAE,EAAE;CACjB,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}
|
package/TimePicker/TimePicker.js
CHANGED
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
|
-
import { TimePicker as PicassoTimePicker } from '@toptal/picasso';
|
|
13
|
+
import { TimePicker as PicassoTimePicker, } from '@toptal/picasso';
|
|
14
14
|
import InputField from '../InputField';
|
|
15
15
|
import FieldLabel from '../FieldLabel';
|
|
16
16
|
export const TimePicker = (props) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../src/TimePicker/TimePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,UAAU,IAAI,iBAAiB,
|
|
1
|
+
{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../src/TimePicker/TimePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,UAAU,IAAI,iBAAiB,GAEhC,MAAM,iBAAiB,CAAA;AAGxB,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAOtC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,EAAE;IACzC,MAAM,EAAE,KAAK,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArC,sBAA6B,CAAQ,CAAA;IAE3C,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,CAAC,UAA2B,EAAE,EAAE;QAC/B,6DAA6D;QAC7D,MAAM,EAAE,WAAW,EAAE,YAAY,KAAc,UAAU,EAAnB,IAAI,UAAK,UAAU,EAAnD,+BAAsC,CAAa,CAAA;QAEzD,OAAO,oBAAC,iBAAiB,oBAAK,IAAI,EAAI,CAAA;IACxC,CAAC,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
|
package/index.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
export type { FormApi, FormState, FieldState, MutableState, AnyObject, FieldValidator, SubmissionErrors, Config } from 'final-form';
|
|
1
|
+
export type { FormApi, FormState, FieldState, MutableState, AnyObject, FieldValidator, SubmissionErrors, Config, } from 'final-form';
|
|
2
2
|
export { FORM_ERROR, setIn } from 'final-form';
|
|
3
|
-
export { useForm, useField, useFormState, FormSpy, Form as FinalForm, Field as FinalField } from 'react-final-form';
|
|
4
|
-
export type { FieldMetaState, FieldRenderProps, FormRenderProps, FormSpyRenderProps, FormProps, FieldInputProps } from 'react-final-form';
|
|
3
|
+
export { useForm, useField, useFormState, FormSpy, Form as FinalForm, Field as FinalField, } from 'react-final-form';
|
|
4
|
+
export type { FieldMetaState, FieldRenderProps, FormRenderProps, FormSpyRenderProps, FormProps, FieldInputProps, } from 'react-final-form';
|
|
5
5
|
export { default as arrayMutators } from 'final-form-arrays';
|
|
6
6
|
export { useFieldArray, FieldArray } from 'react-final-form-arrays';
|
|
7
|
-
export type { FieldArrayProps, FieldArrayRenderProps } from 'react-final-form-arrays';
|
|
8
|
-
export { OnChange, OnFocus, ExternallyChanged, OnBlur } from 'react-final-form-listeners';
|
|
7
|
+
export type { FieldArrayProps, FieldArrayRenderProps, } from 'react-final-form-arrays';
|
|
8
|
+
export { OnChange, OnFocus, ExternallyChanged, OnBlur, } from 'react-final-form-listeners';
|
|
9
9
|
export { FormCompound as Form } from './FormCompound';
|
|
10
10
|
export { default as FieldWrapper } from './FieldWrapper';
|
|
11
11
|
export type { FieldProps } from './Field';
|
package/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
export { FORM_ERROR, setIn } from 'final-form';
|
|
2
|
-
export { useForm, useField, useFormState, FormSpy, Form as FinalForm, Field as FinalField } from 'react-final-form';
|
|
2
|
+
export { useForm, useField, useFormState, FormSpy, Form as FinalForm, Field as FinalField, } from 'react-final-form';
|
|
3
3
|
export { default as arrayMutators } from 'final-form-arrays';
|
|
4
4
|
export { useFieldArray, FieldArray } from 'react-final-form-arrays';
|
|
5
|
-
export { OnChange, OnFocus, ExternallyChanged, OnBlur } from 'react-final-form-listeners';
|
|
5
|
+
export { OnChange, OnFocus, ExternallyChanged, OnBlur, } from 'react-final-form-listeners';
|
|
6
6
|
// Picasso Forms exports
|
|
7
7
|
export { FormCompound as Form } from './FormCompound';
|
|
8
8
|
export { default as FieldWrapper } from './FieldWrapper';
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EACL,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,IAAI,IAAI,SAAS,EACjB,KAAK,IAAI,UAAU,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EACL,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,IAAI,IAAI,SAAS,EACjB,KAAK,IAAI,UAAU,GACpB,MAAM,kBAAkB,CAAA;AASzB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAKnE,OAAO,EACL,QAAQ,EACR,OAAO,EACP,iBAAiB,EACjB,MAAM,GACP,MAAM,4BAA4B,CAAA;AAEnC,wBAAwB;AACxB,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAGxD,qEAAqE"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-forms",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "46.0.0",
|
|
4
4
|
"description": "Picasso form components",
|
|
5
5
|
"author": "Toptal",
|
|
6
6
|
"homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso-forms#readme",
|
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
"url": "https://github.com/toptal/picasso/issues"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@toptal/picasso": "^
|
|
27
|
-
"@toptal/picasso-shared": "^
|
|
26
|
+
"@toptal/picasso": "^26.0.0",
|
|
27
|
+
"@toptal/picasso-shared": "^9.0.0",
|
|
28
28
|
"react": ">=16.12.0 < 19.0.0",
|
|
29
29
|
"typescript": "4.6.x",
|
|
30
30
|
"react-dom": ">=16.12.0 < 19.0.0"
|
|
@@ -7,6 +7,6 @@ export declare type Props<T extends ValueType> = {
|
|
|
7
7
|
validators: FieldValidator<T>;
|
|
8
8
|
shouldValidateOnSubmit?: boolean;
|
|
9
9
|
};
|
|
10
|
-
export declare const getFieldError: <T extends ValueType>(meta: FieldMetaState<T>, shouldValidateOnSubmit?: boolean
|
|
11
|
-
declare const useFieldValidation: <T extends ValueType>({ name, meta, validators, shouldValidateOnSubmit }: Props<T>) => any;
|
|
10
|
+
export declare const getFieldError: <T extends ValueType>(meta: FieldMetaState<T>, shouldValidateOnSubmit?: boolean) => any;
|
|
11
|
+
declare const useFieldValidation: <T extends ValueType>({ name, meta, validators, shouldValidateOnSubmit, }: Props<T>) => any;
|
|
12
12
|
export default useFieldValidation;
|
|
@@ -18,7 +18,7 @@ export const getFieldError = (meta, shouldValidateOnSubmit) => {
|
|
|
18
18
|
}
|
|
19
19
|
return meta.submitError;
|
|
20
20
|
};
|
|
21
|
-
const useFieldValidation = ({ name, meta, validators, shouldValidateOnSubmit }) => {
|
|
21
|
+
const useFieldValidation = ({ name, meta, validators, shouldValidateOnSubmit, }) => {
|
|
22
22
|
const { setValidators, clearValidators } = useFormContext();
|
|
23
23
|
useEffect(() => {
|
|
24
24
|
if (shouldValidateOnSubmit) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-field-validation.js","sourceRoot":"","sources":["../../../src/utils/use-field-validation/use-field-validation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AASvD,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,IAAuB,EACvB,sBAAgC,EAChC,EAAE;IACF,IAAI,sBAAsB,IAAI,IAAI,CAAC,uBAAuB,EAAE;QAC1D,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;QACpC,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;QACjB,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,IAAI,CAAC,KAAK,EAAE;QACd,OAAO,IAAI,CAAC,KAAK,CAAA;KAClB;IAED,IAAI,IAAI,CAAC,oBAAoB,EAAE;QAC7B,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,IAAI,CAAC,WAAW,CAAA;AACzB,CAAC,CAAA;AAED,MAAM,kBAAkB,GAAG,CAAsB,EAC/C,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,sBAAsB,
|
|
1
|
+
{"version":3,"file":"use-field-validation.js","sourceRoot":"","sources":["../../../src/utils/use-field-validation/use-field-validation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AASvD,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,IAAuB,EACvB,sBAAgC,EAChC,EAAE;IACF,IAAI,sBAAsB,IAAI,IAAI,CAAC,uBAAuB,EAAE;QAC1D,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;QACpC,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;QACjB,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,IAAI,CAAC,KAAK,EAAE;QACd,OAAO,IAAI,CAAC,KAAK,CAAA;KAClB;IAED,IAAI,IAAI,CAAC,oBAAoB,EAAE;QAC7B,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,IAAI,CAAC,WAAW,CAAA;AACzB,CAAC,CAAA;AAED,MAAM,kBAAkB,GAAG,CAAsB,EAC/C,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,sBAAsB,GACb,EAAE,EAAE;IACb,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,cAAc,EAAE,CAAA;IAE3D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,sBAAsB,EAAE;YAC1B,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAA;SAChC;QAED,OAAO,GAAG,EAAE;YACV,eAAe,CAAC,IAAI,CAAC,CAAA;QACvB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,EAAE,UAAU,EAAE,sBAAsB,EAAE,IAAI,CAAC,CAAC,CAAA;IAE9E,OAAO,aAAa,CAAC,IAAI,EAAE,sBAAsB,CAAC,CAAA;AACpD,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
|
|
@@ -4,5 +4,5 @@ export declare type Props<TInputValue> = {
|
|
|
4
4
|
enableReset: boolean;
|
|
5
5
|
onResetClick?: (callback: (resetValue: string) => void) => void;
|
|
6
6
|
};
|
|
7
|
-
declare const useFormInputReset: <TInputValue>({ input, enableReset, onResetClick }: Props<TInputValue>) => (() => void) | undefined;
|
|
7
|
+
declare const useFormInputReset: <TInputValue>({ input, enableReset, onResetClick, }: Props<TInputValue>) => (() => void) | undefined;
|
|
8
8
|
export default useFormInputReset;
|
|
@@ -2,7 +2,7 @@ import { useCallback } from 'react';
|
|
|
2
2
|
const defaultOnResetClick = (callback) => {
|
|
3
3
|
callback('');
|
|
4
4
|
};
|
|
5
|
-
const useFormInputReset = ({ input, enableReset, onResetClick = defaultOnResetClick }) => {
|
|
5
|
+
const useFormInputReset = ({ input, enableReset, onResetClick = defaultOnResetClick, }) => {
|
|
6
6
|
const resetClickHandler = useCallback(() => {
|
|
7
7
|
onResetClick((resetValue) => {
|
|
8
8
|
input.onChange(resetValue);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-form-input-reset.js","sourceRoot":"","sources":["../../../src/utils/use-form-input-reset/use-form-input-reset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AASnC,MAAM,mBAAmB,GAAG,CAAC,QAAsC,EAAE,EAAE;IACrE,QAAQ,CAAC,EAAE,CAAC,CAAA;AACd,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,CAAc,EACtC,KAAK,EACL,WAAW,EACX,YAAY,GAAG,mBAAmB,
|
|
1
|
+
{"version":3,"file":"use-form-input-reset.js","sourceRoot":"","sources":["../../../src/utils/use-form-input-reset/use-form-input-reset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AASnC,MAAM,mBAAmB,GAAG,CAAC,QAAsC,EAAE,EAAE;IACrE,QAAQ,CAAC,EAAE,CAAC,CAAA;AACd,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,CAAc,EACtC,KAAK,EACL,WAAW,EACX,YAAY,GAAG,mBAAmB,GACf,EAA4B,EAAE;IACjD,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,YAAa,CAAC,CAAC,UAAkB,EAAE,EAAE;YACnC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAA;QAC5B,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAA;IAEzB,IAAI,CAAC,WAAW,EAAE;QAChB,OAAM;KACP;IAED,OAAO,iBAAiB,CAAA;AAC1B,CAAC,CAAA;AAED,eAAe,iBAAiB,CAAA"}
|