@toptal/picasso-forms 67.0.0 → 67.1.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/dist-package/src/Autocomplete/Autocomplete.d.ts +2 -1
- package/dist-package/src/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist-package/src/Autocomplete/Autocomplete.js +2 -2
- package/dist-package/src/Autocomplete/Autocomplete.js.map +1 -1
- package/dist-package/src/AvatarUpload/AvatarUpload.d.ts +2 -1
- package/dist-package/src/AvatarUpload/AvatarUpload.d.ts.map +1 -1
- package/dist-package/src/AvatarUpload/AvatarUpload.js +3 -3
- package/dist-package/src/AvatarUpload/AvatarUpload.js.map +1 -1
- package/dist-package/src/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist-package/src/Checkbox/Checkbox.js +5 -2
- package/dist-package/src/Checkbox/Checkbox.js.map +1 -1
- package/dist-package/src/CheckboxGroup/CheckboxGroup.d.ts +2 -1
- package/dist-package/src/CheckboxGroup/CheckboxGroup.d.ts.map +1 -1
- package/dist-package/src/CheckboxGroup/CheckboxGroup.js +2 -2
- package/dist-package/src/CheckboxGroup/CheckboxGroup.js.map +1 -1
- package/dist-package/src/DatePicker/DatePicker.d.ts +2 -1
- package/dist-package/src/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist-package/src/DatePicker/DatePicker.js +2 -2
- package/dist-package/src/DatePicker/DatePicker.js.map +1 -1
- package/dist-package/src/Dropzone/Dropzone.d.ts +2 -1
- package/dist-package/src/Dropzone/Dropzone.d.ts.map +1 -1
- package/dist-package/src/Dropzone/Dropzone.js +1 -1
- package/dist-package/src/Dropzone/Dropzone.js.map +1 -1
- package/dist-package/src/FieldLabel/FieldLabel.d.ts +9 -4
- package/dist-package/src/FieldLabel/FieldLabel.d.ts.map +1 -1
- package/dist-package/src/FieldLabel/FieldLabel.js +2 -3
- package/dist-package/src/FieldLabel/FieldLabel.js.map +1 -1
- package/dist-package/src/FieldWrapper/FieldWrapper.d.ts +3 -4
- package/dist-package/src/FieldWrapper/FieldWrapper.d.ts.map +1 -1
- package/dist-package/src/FieldWrapper/FieldWrapper.js +2 -2
- package/dist-package/src/FieldWrapper/FieldWrapper.js.map +1 -1
- package/dist-package/src/FileInput/FileInput.d.ts +2 -1
- package/dist-package/src/FileInput/FileInput.d.ts.map +1 -1
- package/dist-package/src/FileInput/FileInput.js +1 -1
- package/dist-package/src/FileInput/FileInput.js.map +1 -1
- package/dist-package/src/Form/Form.d.ts +1 -0
- package/dist-package/src/Form/Form.d.ts.map +1 -1
- package/dist-package/src/Form/Form.js +2 -2
- package/dist-package/src/Form/Form.js.map +1 -1
- package/dist-package/src/FormCompound/index.d.ts +6 -1
- package/dist-package/src/FormCompound/index.d.ts.map +1 -1
- package/dist-package/src/Input/Input.d.ts +2 -1
- package/dist-package/src/Input/Input.d.ts.map +1 -1
- package/dist-package/src/Input/Input.js +2 -2
- package/dist-package/src/Input/Input.js.map +1 -1
- package/dist-package/src/NumberInput/NumberInput.d.ts +2 -1
- package/dist-package/src/NumberInput/NumberInput.d.ts.map +1 -1
- package/dist-package/src/NumberInput/NumberInput.js +2 -2
- package/dist-package/src/NumberInput/NumberInput.js.map +1 -1
- package/dist-package/src/PasswordInput/PasswordInput.d.ts +2 -1
- package/dist-package/src/PasswordInput/PasswordInput.d.ts.map +1 -1
- package/dist-package/src/PasswordInput/PasswordInput.js +1 -1
- package/dist-package/src/PasswordInput/PasswordInput.js.map +1 -1
- package/dist-package/src/RadioGroup/RadioGroup.d.ts +2 -1
- package/dist-package/src/RadioGroup/RadioGroup.d.ts.map +1 -1
- package/dist-package/src/RadioGroup/RadioGroup.js +2 -2
- package/dist-package/src/RadioGroup/RadioGroup.js.map +1 -1
- package/dist-package/src/Rating/Rating.d.ts +2 -1
- package/dist-package/src/Rating/Rating.d.ts.map +1 -1
- package/dist-package/src/Rating/Rating.js +4 -4
- package/dist-package/src/Rating/Rating.js.map +1 -1
- package/dist-package/src/RichTextEditor/RichTextEditor.d.ts +2 -1
- package/dist-package/src/RichTextEditor/RichTextEditor.d.ts.map +1 -1
- package/dist-package/src/RichTextEditor/RichTextEditor.js +2 -2
- package/dist-package/src/RichTextEditor/RichTextEditor.js.map +1 -1
- package/dist-package/src/Select/Select.d.ts +2 -1
- package/dist-package/src/Select/Select.d.ts.map +1 -1
- package/dist-package/src/Select/Select.js +2 -2
- package/dist-package/src/Select/Select.js.map +1 -1
- package/dist-package/src/Switch/Switch.d.ts +2 -1
- package/dist-package/src/Switch/Switch.d.ts.map +1 -1
- package/dist-package/src/Switch/Switch.js +1 -1
- package/dist-package/src/Switch/Switch.js.map +1 -1
- package/dist-package/src/TagSelector/TagSelector.d.ts +2 -1
- package/dist-package/src/TagSelector/TagSelector.d.ts.map +1 -1
- package/dist-package/src/TagSelector/TagSelector.js +2 -2
- package/dist-package/src/TagSelector/TagSelector.js.map +1 -1
- package/dist-package/src/TimePicker/TimePicker.d.ts +2 -1
- package/dist-package/src/TimePicker/TimePicker.d.ts.map +1 -1
- package/dist-package/src/TimePicker/TimePicker.js +2 -2
- package/dist-package/src/TimePicker/TimePicker.js.map +1 -1
- package/package.json +2 -2
- package/src/Autocomplete/Autocomplete.tsx +6 -2
- package/src/AvatarUpload/AvatarUpload.tsx +6 -1
- package/src/Checkbox/Checkbox.tsx +17 -7
- package/src/CheckboxGroup/CheckboxGroup.tsx +11 -2
- package/src/DatePicker/DatePicker.tsx +6 -2
- package/src/Dropzone/Dropzone.tsx +3 -1
- package/src/FieldLabel/FieldLabel.tsx +18 -5
- package/src/FieldWrapper/FieldWrapper.tsx +6 -6
- package/src/FieldWrapper/story/index.jsx +6 -1
- package/src/FileInput/FileInput.tsx +5 -1
- package/src/Form/Form.tsx +3 -0
- package/src/Form/story/Horizontal.example.tsx +68 -35
- package/src/Input/Input.tsx +6 -2
- package/src/NumberInput/NumberInput.tsx +14 -2
- package/src/PasswordInput/PasswordInput.tsx +5 -1
- package/src/RadioGroup/RadioGroup.tsx +6 -2
- package/src/Rating/Rating.tsx +15 -4
- package/src/RichTextEditor/RichTextEditor.tsx +13 -2
- package/src/Select/Select.tsx +11 -2
- package/src/Switch/Switch.tsx +9 -2
- package/src/TagSelector/TagSelector.tsx +6 -2
- package/src/TimePicker/TimePicker.tsx +6 -2
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { AutocompleteProps } from '@toptal/picasso';
|
|
3
3
|
import type { FieldProps } from '../Field';
|
|
4
|
-
|
|
4
|
+
import type { Props as FieldLabelProps } from '../FieldLabel';
|
|
5
|
+
export declare type Props = AutocompleteProps & FieldProps<AutocompleteProps['value']> & FieldLabelProps;
|
|
5
6
|
export declare const Autocomplete: {
|
|
6
7
|
(props: Props): JSX.Element;
|
|
7
8
|
displayName: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAGxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAGxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,KAAK,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AAI7D,oBAAY,KAAK,GAAG,iBAAiB,GACnC,UAAU,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,GACtC,eAAe,CAAA;AAEjB,eAAO,MAAM,YAAY;YAAW,KAAK;;CAuBxC,CAAA;AAID,eAAe,YAAY,CAAA"}
|
|
@@ -14,8 +14,8 @@ 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) => {
|
|
17
|
-
const { label, titleCase } = props, rest = __rest(props, ["label", "titleCase"]);
|
|
18
|
-
return (React.createElement(InputField, Object.assign({}, rest, { label: label ? (React.createElement(FieldLabel, { name: props.name, required: props.required, label: label, titleCase: titleCase })) : null }), (inputProps) => {
|
|
17
|
+
const { label, labelEndAdornment, titleCase } = props, rest = __rest(props, ["label", "labelEndAdornment", "titleCase"]);
|
|
18
|
+
return (React.createElement(InputField, Object.assign({}, rest, { label: label ? (React.createElement(FieldLabel, { name: props.name, required: props.required, label: label, labelEndAdornment: labelEndAdornment, titleCase: titleCase })) : null }), (inputProps) => {
|
|
19
19
|
return React.createElement(PicassoAutocomplete, Object.assign({}, inputProps));
|
|
20
20
|
}));
|
|
21
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAIrE,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAMtC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE;IAC3C,MAAM,EAAE,KAAK,EAAE,iBAAiB,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAxD,2CAAgD,CAAQ,CAAA;IAE9D,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,iBAAiB,EAAE,iBAAiB,EACpC,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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { AvatarUploadProps } from '@toptal/picasso';
|
|
3
3
|
import type { FieldProps } from '../Field';
|
|
4
|
-
|
|
4
|
+
import type { Props as FieldLabelProps } from '../FieldLabel';
|
|
5
|
+
declare type Props = AvatarUploadProps & FieldProps<AvatarUploadProps['value']> & FieldLabelProps;
|
|
5
6
|
declare const AvatarUpload: {
|
|
6
7
|
(props: Props): JSX.Element;
|
|
7
8
|
defaultProps: {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarUpload.d.ts","sourceRoot":"","sources":["../../../src/AvatarUpload/AvatarUpload.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,iBAAiB,EAA0B,MAAM,iBAAiB,CAAA;AAIhF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"AvatarUpload.d.ts","sourceRoot":"","sources":["../../../src/AvatarUpload/AvatarUpload.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,iBAAiB,EAA0B,MAAM,iBAAiB,CAAA;AAIhF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,KAAK,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AAI7D,aAAK,KAAK,GAAG,iBAAiB,GAC5B,UAAU,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,GACtC,eAAe,CAAA;AAMjB,QAAA,MAAM,YAAY;YAAW,KAAK;;;CAwEjC,CAAA;AAMD,eAAe,YAAY,CAAA"}
|
|
@@ -23,10 +23,10 @@ import { AvatarUpload as PicassoAvatarUpload } from '@toptal/picasso';
|
|
|
23
23
|
import FieldLabel from '../FieldLabel';
|
|
24
24
|
import InputField from '../InputField';
|
|
25
25
|
const AvatarUpload = (props) => {
|
|
26
|
-
const { label, titleCase, size = 'small',
|
|
26
|
+
const { label, labelEndAdornment, titleCase, size = 'small',
|
|
27
27
|
// dropping 'src' value here out from 'rest'. 'src' value should be provided via form context
|
|
28
28
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
29
|
-
src } = props, rest = __rest(props, ["label", "titleCase", "size", "src"]);
|
|
29
|
+
src } = props, rest = __rest(props, ["label", "labelEndAdornment", "titleCase", "size", "src"]);
|
|
30
30
|
const handleDropAccepted = ({ acceptedFile, finalFormOnChange, }) => __awaiter(void 0, void 0, void 0, function* () {
|
|
31
31
|
const reader = new FileReader();
|
|
32
32
|
reader.readAsDataURL(acceptedFile);
|
|
@@ -41,7 +41,7 @@ const AvatarUpload = (props) => {
|
|
|
41
41
|
'large',
|
|
42
42
|
];
|
|
43
43
|
const alignment = alignmentTopSizes.includes(size) ? 'top' : 'middle';
|
|
44
|
-
return (React.createElement(InputField, Object.assign({ size: size }, rest, { label: label ? (React.createElement(FieldLabel, { name: props.name, required: props.required, label: label, titleCase: titleCase, alignment: alignment })) : null }), (_a) => {
|
|
44
|
+
return (React.createElement(InputField, Object.assign({ size: size }, rest, { label: label ? (React.createElement(FieldLabel, { name: props.name, required: props.required, label: label, labelEndAdornment: labelEndAdornment, titleCase: titleCase, alignment: alignment })) : null }), (_a) => {
|
|
45
45
|
var _b;
|
|
46
46
|
var {
|
|
47
47
|
// omit 'highlight' as it is used only for classic inputs
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarUpload.js","sourceRoot":"","sources":["../../../src/AvatarUpload/AvatarUpload.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"AvatarUpload.js","sourceRoot":"","sources":["../../../src/AvatarUpload/AvatarUpload.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAKrE,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAUtC,MAAM,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE;IACpC,MAAM,EACJ,KAAK,EACL,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,OAAO;IACd,6FAA6F;IAC7F,6DAA6D;IAC7D,GAAG,KAED,KAAK,EADJ,IAAI,UACL,KAAK,EATH,0DASL,CAAQ,CAAA;IAET,MAAM,kBAAkB,GAAG,CAAO,EAChC,YAAY,EACZ,iBAAiB,GAIlB,EAAE,EAAE;QACH,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAA;QAE/B,MAAM,CAAC,aAAa,CAAC,YAAY,CAAC,CAAA;QAElC,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;YACnB,qCAAqC;YACrC,iBAAiB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,CAAC,MAAgB,EAAE,CAAC,CAAA;QACzE,CAAC,CAAA;IACH,CAAC,CAAA,CAAA;IAED,MAAM,iBAAiB,GAAgC;QACrD,OAAO;QACP,QAAQ;QACR,OAAO;KACR,CAAA;IACD,MAAM,SAAS,GAAG,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAA;IAErE,OAAO,CACL,oBAAC,UAAU,kBACT,IAAI,EAAE,IAAI,IACN,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,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,CAAC,EAKD,EAAE,EAAE;;YALH;QACA,yDAAyD;QACzD,6DAA6D;QAC7D,SAAS,OAEV,EADI,UAAU,cAJb,aAKD,CADc;QACT,OAAA,CACJ,oBAAC,mBAAmB,oBACd,UAAU,IACd,GAAG,EAAE,MAAA,UAAU,CAAC,KAAK,0CAAE,GAAG,EAC1B,cAAc,EAAE,YAAY,CAAC,EAAE,CAC7B,kBAAkB,CAAC;gBACjB,YAAY;gBACZ,iBAAiB,EAAE,UAAU,CAAC,QAAQ;aACvC,CAAC,IAEJ,CACH,CAAA;KAAA,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,YAAY,CAAC,YAAY,GAAG,EAAE,CAAA;AAE9B,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,eAAe,YAAY,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAQpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAK1C,aAAK,aAAa,GAAG,aAAa,CAAC,OAAO,CAAC,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;AAEtE,aAAK,iBAAiB,GAAG,IAAI,CAAC,aAAa,EAAE,oBAAoB,CAAC,GAAG;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AACD,aAAK,oBAAoB,GAAG,iBAAiB,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;AACzE,aAAK,eAAe,GAAG,iBAAiB,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAE5D,oBAAY,KAAK,GAAG,oBAAoB,GAAG,eAAe,CAAA;AAE1D,eAAO,MAAM,QAAQ;mEAQlB,KAAK;;CAoDP,CAAA;AAID,eAAe,QAAQ,CAAA"}
|
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { useContext } from 'react';
|
|
13
|
-
import { Checkbox as PicassoCheckbox } from '@toptal/picasso';
|
|
13
|
+
import { useFieldsLayoutContext, Checkbox as PicassoCheckbox, } from '@toptal/picasso';
|
|
14
14
|
import { Field } from 'react-final-form';
|
|
15
15
|
import PicassoField from '../Field';
|
|
16
16
|
import { CheckboxGroupContext } from '../CheckboxGroup';
|
|
@@ -19,6 +19,7 @@ export const Checkbox = (_a) => {
|
|
|
19
19
|
var { name, value, required, label,
|
|
20
20
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
21
21
|
defaultValue } = _a, restProps = __rest(_a, ["name", "value", "required", "label", "defaultValue"]);
|
|
22
|
+
const { layout } = useFieldsLayoutContext();
|
|
22
23
|
const formConfig = useFormConfig();
|
|
23
24
|
const groupName = useContext(CheckboxGroupContext);
|
|
24
25
|
const isCheckboxInGroup = Boolean(groupName);
|
|
@@ -43,7 +44,9 @@ export const Checkbox = (_a) => {
|
|
|
43
44
|
// omit 'highlight' as it is used only for classic inputs
|
|
44
45
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
45
46
|
highlight } = _a, input = __rest(_a, ["highlight"]);
|
|
46
|
-
return (React.createElement(
|
|
47
|
+
return (React.createElement(React.Fragment, null,
|
|
48
|
+
layout === 'horizontal' && React.createElement("div", null),
|
|
49
|
+
React.createElement(PicassoCheckbox, Object.assign({}, input, { labelStyle: layout === 'horizontal' ? { gridArea: 'input' } : undefined, label: label, titleCase: restProps.titleCase, requiredDecoration: requiredDecoration }))));
|
|
47
50
|
}));
|
|
48
51
|
};
|
|
49
52
|
Checkbox.displayName = 'Checkbox';
|
|
@@ -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;AAEzC,OAAO,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EACL,sBAAsB,EACtB,QAAQ,IAAI,eAAe,GAC5B,MAAM,iBAAiB,CAAA;AAExB,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAGxC,OAAO,YAAY,MAAM,UAAU,CAAA;AACnC,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,EAAE,MAAM,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAC3C,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,EAK2C,EAAE,EAAE;YAL/C;QACA,yDAAyD;QACzD,6DAA6D;QAC7D,SAAS,OAEkC,EADxC,KAAK,cAJR,aAKD,CADS;QACwC,OAAA,CAChD;YACG,MAAM,KAAK,YAAY,IAAI,gCAAO;YACnC,oBAAC,eAAe,oBACV,KAAK,IACT,UAAU,EACR,MAAM,KAAK,YAAY,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,EAE7D,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,CAAC,SAAS,EAC9B,kBAAkB,EAAE,kBAAkB,IACtC,CACD,CACJ,CAAA;KAAA,CACY,CAChB,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { CheckboxGroupProps } from '@toptal/picasso';
|
|
3
3
|
import type { FieldProps } from '../Field';
|
|
4
|
+
import type { Props as FieldLabelProps } from '../FieldLabel';
|
|
4
5
|
declare type ValueType = string[] | undefined;
|
|
5
|
-
export declare type Props = CheckboxGroupProps & FieldProps<ValueType
|
|
6
|
+
export declare type Props = CheckboxGroupProps & FieldProps<ValueType> & FieldLabelProps;
|
|
6
7
|
export declare const CheckboxGroup: {
|
|
7
8
|
(props: Props): JSX.Element;
|
|
8
9
|
displayName: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAGzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAGzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,OAAO,KAAK,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AAI7D,aAAK,SAAS,GAAG,MAAM,EAAE,GAAG,SAAS,CAAA;AACrC,oBAAY,KAAK,GAAG,kBAAkB,GAAG,UAAU,CAAC,SAAS,CAAC,GAAG,eAAe,CAAA;AAEhF,eAAO,MAAM,aAAa;YAAW,KAAK;;CAqCzC,CAAA;AAID,eAAe,aAAa,CAAA"}
|
|
@@ -16,10 +16,10 @@ import PicassoField from '../Field';
|
|
|
16
16
|
import FieldLabel from '../FieldLabel';
|
|
17
17
|
import CheckboxGroupContext from './CheckboxGroupContext';
|
|
18
18
|
export const CheckboxGroup = (props) => {
|
|
19
|
-
const { children, titleCase, label, initialValue } = props, rest = __rest(props, ["children", "titleCase", "label", "initialValue"]);
|
|
19
|
+
const { children, titleCase, label, labelEndAdornment, initialValue } = props, rest = __rest(props, ["children", "titleCase", "label", "labelEndAdornment", "initialValue"]);
|
|
20
20
|
const alignment = Children.count(children) > 2 ? 'top' : 'middle';
|
|
21
21
|
return (React.createElement(CheckboxGroupContext.Provider, { value: props.name },
|
|
22
|
-
React.createElement(PicassoField, Object.assign({}, rest, { initialValue: initialValue, type: 'checkbox', label: label ? (React.createElement(FieldLabel, { name: props.name, required: props.required, label: label, titleCase: titleCase, alignment: alignment })) : null }), () => (React.createElement(PicassoCheckbox.Group, Object.assign({}, rest), children)))));
|
|
22
|
+
React.createElement(PicassoField, Object.assign({}, rest, { initialValue: initialValue, type: 'checkbox', label: label ? (React.createElement(FieldLabel, { name: props.name, required: props.required, label: label, labelEndAdornment: labelEndAdornment, titleCase: titleCase, alignment: alignment })) : null }), () => (React.createElement(PicassoCheckbox.Group, Object.assign({}, rest), children)))));
|
|
23
23
|
};
|
|
24
24
|
CheckboxGroup.displayName = 'CheckboxGroup';
|
|
25
25
|
export default CheckboxGroup;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../src/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,iDAAiD;AACjD,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAG7D,OAAO,YAAY,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../src/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,iDAAiD;AACjD,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAG7D,OAAO,YAAY,MAAM,UAAU,CAAA;AAEnC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AAKzD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE;IAC5C,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,iBAAiB,EACjB,YAAY,KAEV,KAAK,EADJ,IAAI,UACL,KAAK,EAPH,uEAOL,CAAQ,CAAA;IAET,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAA;IAEjE,OAAO,CACL,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI;QAC9C,oBAAC,YAAY,oBACP,IAAI,IACR,YAAY,EAAE,YAAY,EAC1B,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,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,EACpB,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"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { DatePickerProps } from '@toptal/picasso';
|
|
3
3
|
import type { FieldProps } from '../Field';
|
|
4
|
+
import type { Props as FieldLabelProps } from '../FieldLabel';
|
|
4
5
|
export declare type FormDatePickerProps = Omit<DatePickerProps, 'onChange'> & {
|
|
5
6
|
onChange?: DatePickerProps['onChange'];
|
|
6
7
|
};
|
|
7
|
-
export declare type Props = FormDatePickerProps & FieldProps<DatePickerProps['value']
|
|
8
|
+
export declare type Props = FormDatePickerProps & FieldProps<DatePickerProps['value']> & FieldLabelProps;
|
|
8
9
|
export declare const DatePicker: {
|
|
9
10
|
(props: Props): JSX.Element;
|
|
10
11
|
defaultProps: {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAGtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAGtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,OAAO,KAAK,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AAG7D,oBAAY,mBAAmB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,GAAG;IACpE,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;CACvC,CAAA;AACD,oBAAY,KAAK,GAAG,mBAAmB,GACrC,UAAU,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,GACpC,eAAe,CAAA;AAEjB,eAAO,MAAM,UAAU;YAAW,KAAK;;;CAqBtC,CAAA;AAMD,eAAe,UAAU,CAAA"}
|
|
@@ -14,8 +14,8 @@ 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) => {
|
|
17
|
-
const { label, titleCase } = props, rest = __rest(props, ["label", "titleCase"]);
|
|
18
|
-
return (React.createElement(InputField, Object.assign({}, rest, { label: React.createElement(FieldLabel, { name: props.name, required: props.required, label: label, titleCase: titleCase }) }), (inputProps) => {
|
|
17
|
+
const { label, labelEndAdornment, titleCase } = props, rest = __rest(props, ["label", "labelEndAdornment", "titleCase"]);
|
|
18
|
+
return (React.createElement(InputField, Object.assign({}, rest, { label: React.createElement(FieldLabel, { name: props.name, required: props.required, label: label, labelEndAdornment: labelEndAdornment, titleCase: titleCase }) }), (inputProps) => {
|
|
19
19
|
return React.createElement(PicassoDatePicker, Object.assign({}, inputProps));
|
|
20
20
|
}));
|
|
21
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAGjE,OAAO,UAAU,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAGjE,OAAO,UAAU,MAAM,eAAe,CAAA;AAEtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAStC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,EAAE;IACzC,MAAM,EAAE,KAAK,EAAE,iBAAiB,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAxD,2CAAgD,CAAQ,CAAA;IAE9D,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,iBAAiB,EAAE,iBAAiB,EACpC,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"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { DropzoneProps } from '@toptal/picasso';
|
|
3
3
|
import type { FieldProps } from '../Field';
|
|
4
|
+
import type { Props as FieldLabelProps } from '../FieldLabel';
|
|
4
5
|
export declare type Props = DropzoneProps & FieldProps<DropzoneProps['value']> & {
|
|
5
6
|
dropzoneHint?: string;
|
|
6
|
-
};
|
|
7
|
+
} & FieldLabelProps;
|
|
7
8
|
declare const Dropzone: {
|
|
8
9
|
({ dropzoneHint, ...props }: Props): JSX.Element;
|
|
9
10
|
defaultProps: {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropzone.d.ts","sourceRoot":"","sources":["../../../src/Dropzone/Dropzone.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,aAAa,EAAc,MAAM,iBAAiB,CAAA;AAIhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"Dropzone.d.ts","sourceRoot":"","sources":["../../../src/Dropzone/Dropzone.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,aAAa,EAAc,MAAM,iBAAiB,CAAA;AAIhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,OAAO,KAAK,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AAG7D,oBAAY,KAAK,GAAG,aAAa,GAC/B,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,GAAG;IACnC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,GAAG,eAAe,CAAA;AAMrB,QAAA,MAAM,QAAQ;iCAAgC,KAAK;;;CA8ElD,CAAA;AAMD,eAAe,QAAQ,CAAA"}
|
|
@@ -29,7 +29,7 @@ const Dropzone = (_a) => {
|
|
|
29
29
|
const updatedFiles = value.filter((_, index) => index !== fileIndex);
|
|
30
30
|
finalFormOnChange(updatedFiles);
|
|
31
31
|
};
|
|
32
|
-
return (React.createElement(PicassoField, Object.assign({ hideErrors: true }, props, { label: React.createElement(FieldLabel, { name: props.name, required: props.required, label: props.label, titleCase: props.titleCase, alignment: 'top' }) }), (_a) => {
|
|
32
|
+
return (React.createElement(PicassoField, Object.assign({ hideErrors: true }, props, { label: React.createElement(FieldLabel, { name: props.name, required: props.required, label: props.label, labelEndAdornment: props.labelEndAdornment, titleCase: props.titleCase, alignment: 'top' }) }), (_a) => {
|
|
33
33
|
var {
|
|
34
34
|
// omit 'highlight' as it is used only for classic inputs
|
|
35
35
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropzone.js","sourceRoot":"","sources":["../../../src/Dropzone/Dropzone.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAI7D,OAAO,YAAY,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"Dropzone.js","sourceRoot":"","sources":["../../../src/Dropzone/Dropzone.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAI7D,OAAO,YAAY,MAAM,UAAU,CAAA;AAEnC,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,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EAAC,KAAK,GACf,KAGH,CAAC,EAKD,EAAE,EAAE;YALH;QACA,yDAAyD;QACzD,6DAA6D;QAC7D,SAAS,OAEV,EADI,UAAU,cAJb,aAKD,CADc;QACT,OAAA,CACJ,oBAAC,eAAe,oBACV,UAAU,IACd,IAAI,EAAE,YAAY,EAClB,cAAc,EAAE,aAAa,CAAC,EAAE;gBAC9B,UAAU,CAAC;oBACT,aAAa;oBACb,KAAK,EAAE,UAAU,CAAC,KAAK;oBACvB,iBAAiB,EAAE,UAAU,CAAC,QAAQ;iBACvC,CAAC,CAAA;YACJ,CAAC,EACD,QAAQ,EAAE,CAAC,SAAiB,EAAE,KAAa,EAAE,EAAE;gBAC7C,YAAY,CAAC;oBACX,SAAS,EAAE,KAAK;oBAChB,KAAK,EAAE,UAAU,CAAC,KAAK;oBACvB,iBAAiB,EAAE,UAAU,CAAC,QAAQ;iBACvC,CAAC,CAAA;YACJ,CAAC,IACD,CACH,CAAA;KAAA,CACY,CAChB,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,YAAY,GAAG,EAAE,CAAA;AAE1B,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}
|
|
@@ -1,13 +1,18 @@
|
|
|
1
|
-
import
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
2
|
import type { TextLabelProps } from '@toptal/picasso-shared';
|
|
3
3
|
export declare type Props = {
|
|
4
4
|
name?: string;
|
|
5
|
-
label?:
|
|
5
|
+
label?: ReactNode;
|
|
6
|
+
/** Label's end adornment */
|
|
7
|
+
labelEndAdornment?: ReactNode;
|
|
6
8
|
required?: boolean;
|
|
7
|
-
alignment?: 'top' | 'middle';
|
|
8
9
|
} & TextLabelProps;
|
|
10
|
+
declare type InternalProps = {
|
|
11
|
+
/** Whether label should be aligned to top of the container or not */
|
|
12
|
+
alignment?: 'top' | 'middle';
|
|
13
|
+
};
|
|
9
14
|
declare const FieldLabel: {
|
|
10
|
-
(
|
|
15
|
+
({ label, required, titleCase, name, alignment, labelEndAdornment, }: Props & InternalProps): JSX.Element | null;
|
|
11
16
|
defaultProps: {};
|
|
12
17
|
displayName: string;
|
|
13
18
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldLabel.d.ts","sourceRoot":"","sources":["../../../src/FieldLabel/FieldLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"FieldLabel.d.ts","sourceRoot":"","sources":["../../../src/FieldLabel/FieldLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAK5D,oBAAY,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,4BAA4B;IAC5B,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,cAAc,CAAA;AAElB,aAAK,aAAa,GAAG;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;CAC7B,CAAA;AAoBD,QAAA,MAAM,UAAU;0EAOb,KAAK,GAAG,aAAa;;;CAuBvB,CAAA;AAMD,eAAe,UAAU,CAAA"}
|
|
@@ -11,14 +11,13 @@ const getRequiredDecoration = (required, requiredVariant) => {
|
|
|
11
11
|
return 'optional';
|
|
12
12
|
}
|
|
13
13
|
};
|
|
14
|
-
const FieldLabel = (
|
|
15
|
-
const { label, required, titleCase, name, alignment } = props;
|
|
14
|
+
const FieldLabel = ({ label, required, titleCase, name, alignment, labelEndAdornment, }) => {
|
|
16
15
|
const formConfig = useFormConfig();
|
|
17
16
|
if (!label) {
|
|
18
17
|
return null;
|
|
19
18
|
}
|
|
20
19
|
const requiredDecoration = getRequiredDecoration(required, formConfig.requiredVariant);
|
|
21
|
-
return (React.createElement(PicassoForm.Label, { requiredDecoration: requiredDecoration, htmlFor: name, titleCase: titleCase, alignment: alignment }, label));
|
|
20
|
+
return (React.createElement(PicassoForm.Label, { requiredDecoration: requiredDecoration, htmlFor: name, titleCase: titleCase, alignment: alignment, labelEndAdornment: labelEndAdornment }, label));
|
|
22
21
|
};
|
|
23
22
|
FieldLabel.defaultProps = {};
|
|
24
23
|
FieldLabel.displayName = 'FieldLabel';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldLabel.js","sourceRoot":"","sources":["../../../src/FieldLabel/FieldLabel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FieldLabel.js","sourceRoot":"","sources":["../../../src/FieldLabel/FieldLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAIrD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAe7C,MAAM,qBAAqB,GAAG,CAC5B,QAAkB,EAClB,eAAiC,EACD,EAAE;IAClC,MAAM,YAAY,GAAG,QAAQ,IAAI,eAAe,KAAK,UAAU,CAAA;IAE/D,IAAI,YAAY,EAAE;QAChB,OAAO,UAAU,CAAA;KAClB;IAED,MAAM,YAAY,GAChB,CAAC,QAAQ,IAAI,CAAC,CAAC,eAAe,IAAI,eAAe,KAAK,SAAS,CAAC,CAAA;IAElE,IAAI,YAAY,EAAE;QAChB,OAAO,UAAU,CAAA;KAClB;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,SAAS,EACT,iBAAiB,GACK,EAAE,EAAE;IAC1B,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAA;KACZ;IAED,MAAM,kBAAkB,GAAG,qBAAqB,CAC9C,QAAQ,EACR,UAAU,CAAC,eAAe,CAC3B,CAAA;IAED,OAAO,CACL,oBAAC,WAAW,CAAC,KAAK,IAChB,kBAAkB,EAAE,kBAAkB,EACtC,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,iBAAiB,IAEnC,KAAK,CACY,CACrB,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,YAAY,GAAG,EAAE,CAAA;AAE5B,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import type { Props as FieldProps } from '../Field';
|
|
3
3
|
import type { ValueType, IFormComponentProps } from '../FieldBase';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
};
|
|
4
|
+
import type { Props as FieldLabelProps } from '../FieldLabel';
|
|
5
|
+
export declare type Props<TWrappedComponentProps, TInputValue> = Omit<FieldProps<TWrappedComponentProps, TInputValue>, 'label'> & Omit<FieldLabelProps, 'name'>;
|
|
7
6
|
declare const FieldWrapper: {
|
|
8
7
|
<TWrappedComponentProps extends IFormComponentProps, TInputValue extends ValueType = TWrappedComponentProps["value"]>(props: Props<TWrappedComponentProps, TInputValue>): JSX.Element;
|
|
9
8
|
defaultProps: {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldWrapper.d.ts","sourceRoot":"","sources":["../../../src/FieldWrapper/FieldWrapper.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FieldWrapper.d.ts","sourceRoot":"","sources":["../../../src/FieldWrapper/FieldWrapper.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,UAAU,CAAA;AACnD,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAClE,OAAO,KAAK,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AAI7D,oBAAY,KAAK,CAAC,sBAAsB,EAAE,WAAW,IAAI,IAAI,CAC3D,UAAU,CAAC,sBAAsB,EAAE,WAAW,CAAC,EAC/C,OAAO,CACR,GACC,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;AAE/B,QAAA,MAAM,YAAY;;;;CA2BjB,CAAA;AAMD,eAAe,YAAY,CAAA"}
|
|
@@ -13,8 +13,8 @@ import React from 'react';
|
|
|
13
13
|
import FieldLabel from '../FieldLabel';
|
|
14
14
|
import InputField from '../InputField';
|
|
15
15
|
const FieldWrapper = (props) => {
|
|
16
|
-
const { label, name, titleCase, children } = props, rest = __rest(props, ["label", "name", "titleCase", "children"]);
|
|
17
|
-
return (React.createElement(InputField, Object.assign({}, rest, { name: name, label: label ? (React.createElement(FieldLabel, { name:
|
|
16
|
+
const { label, labelEndAdornment, name, titleCase, children } = props, rest = __rest(props, ["label", "labelEndAdornment", "name", "titleCase", "children"]);
|
|
17
|
+
return (React.createElement(InputField, Object.assign({}, rest, { name: name, label: label ? (React.createElement(FieldLabel, { name: name, required: props.required, label: label, labelEndAdornment: labelEndAdornment, titleCase: titleCase })) : null }), children));
|
|
18
18
|
};
|
|
19
19
|
FieldWrapper.defaultProps = {};
|
|
20
20
|
FieldWrapper.displayName = 'FieldWrapper';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldWrapper.js","sourceRoot":"","sources":["../../../src/FieldWrapper/FieldWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"FieldWrapper.js","sourceRoot":"","sources":["../../../src/FieldWrapper/FieldWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAQtC,MAAM,YAAY,GAAG,CAInB,KAAiD,EACjD,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAxE,+DAAgE,CAAQ,CAAA;IAE9E,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,IAAI,EAAE,IAAI,EACV,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,QAAQ,CACE,CACd,CAAA;AACH,CAAC,CAAA;AAED,YAAY,CAAC,YAAY,GAAG,EAAE,CAAA;AAE9B,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,eAAe,YAAY,CAAA"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { FileInputProps } from '@toptal/picasso';
|
|
3
3
|
import type { FieldProps } from '../Field';
|
|
4
|
-
|
|
4
|
+
import type { Props as FieldLabelProps } from '../FieldLabel';
|
|
5
|
+
export declare type Props = FileInputProps & FieldProps<FileInputProps['value']> & FieldLabelProps;
|
|
5
6
|
export declare const FileInput: {
|
|
6
7
|
(props: Props): JSX.Element;
|
|
7
8
|
defaultProps: {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../../../src/FileInput/FileInput.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,cAAc,EAAc,MAAM,iBAAiB,CAAA;AAIjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../../../src/FileInput/FileInput.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,cAAc,EAAc,MAAM,iBAAiB,CAAA;AAIjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAG1C,OAAO,KAAK,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AAM7D,oBAAY,KAAK,GAAG,cAAc,GAChC,UAAU,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,GACnC,eAAe,CAAA;AAEjB,eAAO,MAAM,SAAS;YAAW,KAAK;;;CAgErC,CAAA;AAMD,eAAe,SAAS,CAAA"}
|
|
@@ -30,7 +30,7 @@ export const FileInput = (props) => {
|
|
|
30
30
|
const updatedFiles = value.filter((_, index) => index !== fileIndex);
|
|
31
31
|
finalFormOnChange(updatedFiles);
|
|
32
32
|
};
|
|
33
|
-
return (React.createElement(PicassoField, Object.assign({}, props, { label: props.label ? (React.createElement(FieldLabel, { name: props.name, required: props.required, label: props.label, titleCase: props.titleCase })) : null }), (_a) => {
|
|
33
|
+
return (React.createElement(PicassoField, Object.assign({}, props, { label: props.label ? (React.createElement(FieldLabel, { name: props.name, required: props.required, label: props.label, labelEndAdornment: props.labelEndAdornment, titleCase: props.titleCase })) : null }), (_a) => {
|
|
34
34
|
var {
|
|
35
35
|
// omit 'highlight' as it is used only for classic inputs
|
|
36
36
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../../src/FileInput/FileInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAI/D,OAAO,YAAY,MAAM,UAAU,CAAA;AACnC,OAAO,UAAU,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../../src/FileInput/FileInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAI/D,OAAO,YAAY,MAAM,UAAU,CAAA;AACnC,OAAO,UAAU,MAAM,eAAe,CAAA;AAWtC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAY,EAAE,EAAE;IACxC,MAAM,YAAY,GAAG,CACnB,KAA0C,EAC1C,QAAkC,EAAE,EACpC,iBAAwC,EACxC,EAAE;QACF,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE;YACtE,OAAO,IAAI,CAAA;SACZ;QAED,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAC3D,IAAI;YACJ,SAAS,EAAE,KAAK;SACjB,CAAC,CAAC,CAAA;QAEH,iBAAiB,CAAC,CAAC,GAAG,KAAK,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAA;QAE1C,cAAc;QACd,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CACnB,SAAiB,EACjB,QAAkC,EAAE,EACpC,iBAAwC,EACxC,EAAE;QACF,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,oBACP,KAAK,IACT,KAAK,EACH,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,SAAS,EAAE,KAAK,CAAC,SAAS,GAC1B,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,CAAC,EAKD,EAAE,EAAE;YALH;QACA,yDAAyD;QACzD,6DAA6D;QAC7D,SAAS,OAEV,EADI,UAAU,cAJb,aAKD,CADc;QACT,OAAA,CACJ,oBAAC,gBAAgB,oBACX,UAAU,IACd,QAAQ,EAAE,CAAC,KAA0C,EAAE,EAAE;gBACvD,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;YAC5D,CAAC,EACD,QAAQ,EAAE,CAAC,CAAS,EAAE,KAAa,EAAE,EAAE;gBACrC,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;YAC5D,CAAC,IACD,CACH,CAAA;KAAA,CACY,CAChB,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,YAAY,GAAG,EAAE,CAAA;AAE3B,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEnE,OAAO,KAAK,EAA6B,SAAS,EAAE,MAAM,YAAY,CAAA;AAOtE,OAAO,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAIxD,oBAAY,KAAK,CAAC,CAAC,GAAG,SAAS,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG;IACrD,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC,cAAc,CAAC,CAAA;IAC9C,oBAAoB,CAAC,EAAE,SAAS,CAAA;IAChC,mBAAmB,CAAC,EAAE,SAAS,CAAA;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAClC,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;IACpC,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AA2BD,eAAO,MAAM,IAAI;;;;
|
|
1
|
+
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEnE,OAAO,KAAK,EAA6B,SAAS,EAAE,MAAM,YAAY,CAAA;AAOtE,OAAO,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAIxD,oBAAY,KAAK,CAAC,CAAC,GAAG,SAAS,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG;IACrD,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC,cAAc,CAAC,CAAA;IAC9C,oBAAoB,CAAC,EAAE,SAAS,CAAA;IAChC,mBAAmB,CAAC,EAAE,SAAS,CAAA;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAClC,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AA2BD,eAAO,MAAM,IAAI;;;;CAyGhB,CAAA;AAMD,eAAe,IAAI,CAAA"}
|
|
@@ -42,7 +42,7 @@ const getValidationErrors = (validators, formValues, form) => {
|
|
|
42
42
|
return errors;
|
|
43
43
|
};
|
|
44
44
|
export const Form = (props) => {
|
|
45
|
-
const { autoComplete, children, disableScrollOnError, onSubmit, successSubmitMessage, failedSubmitMessage, decorators = [], mutators = {}, validateOnBlur, 'data-testid': dataTestId, layout, labelWidth } = props, rest = __rest(props, ["autoComplete", "children", "disableScrollOnError", "onSubmit", "successSubmitMessage", "failedSubmitMessage", "decorators", "mutators", "validateOnBlur", 'data-testid', "layout", "labelWidth"]);
|
|
45
|
+
const { autoComplete, children, disableScrollOnError, onSubmit, successSubmitMessage, failedSubmitMessage, decorators = [], mutators = {}, validateOnBlur, 'data-testid': dataTestId, layout, labelWidth, className } = props, rest = __rest(props, ["autoComplete", "children", "disableScrollOnError", "onSubmit", "successSubmitMessage", "failedSubmitMessage", "decorators", "mutators", "validateOnBlur", 'data-testid', "layout", "labelWidth", "className"]);
|
|
46
46
|
const { showSuccess, showError } = useNotifications();
|
|
47
47
|
const scrollToErrorDecorator = useMemo(() => createScrollToErrorDecorator({
|
|
48
48
|
disableScrollOnError,
|
|
@@ -79,7 +79,7 @@ export const Form = (props) => {
|
|
|
79
79
|
return submissionErrors;
|
|
80
80
|
});
|
|
81
81
|
return (React.createElement(FormContext.Provider, { value: validationObject },
|
|
82
|
-
React.createElement(FinalForm, Object.assign({ render: ({ form, handleSubmit: handleFormRendererSubmit }) => (React.createElement(FormRenderer, { autoComplete: autoComplete, "data-testid": dataTestId, onSubmit: handleFormRendererSubmit, validateOnBlur: validateOnBlur, setActiveFieldTouched: form.mutators.setActiveFieldTouched, labelWidth: labelWidth, layout: layout }, children)), onSubmit: handleSubmit, decorators: [...decorators, scrollToErrorDecorator], mutators: Object.assign(Object.assign({}, mutators), { setActiveFieldTouched,
|
|
82
|
+
React.createElement(FinalForm, Object.assign({ render: ({ form, handleSubmit: handleFormRendererSubmit }) => (React.createElement(FormRenderer, { autoComplete: autoComplete, "data-testid": dataTestId, onSubmit: handleFormRendererSubmit, validateOnBlur: validateOnBlur, setActiveFieldTouched: form.mutators.setActiveFieldTouched, labelWidth: labelWidth, layout: layout, className: className }, children)), onSubmit: handleSubmit, decorators: [...decorators, scrollToErrorDecorator], mutators: Object.assign(Object.assign({}, mutators), { setActiveFieldTouched,
|
|
83
83
|
setHasMultilineCounter }), validateOnBlur: validateOnBlur }, rest))));
|
|
84
84
|
};
|
|
85
85
|
Form.defaultProps = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/Form/Form.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE9C,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAE/D,OAAO,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAA;AAEvD,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAE9D,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/Form/Form.tsx"],"names":[],"mappings":"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"}
|
|
@@ -96,7 +96,12 @@ export declare const FormCompound: {
|
|
|
96
96
|
};
|
|
97
97
|
RichTextEditor: (props: import("../RichTextEditor/RichTextEditor").Props) => JSX.Element;
|
|
98
98
|
AvatarUpload: {
|
|
99
|
-
(props: import("@toptal/picasso").AvatarUploadProps & import("react-final-form").FieldProps<import("@toptal/picasso").AvatarUploadFileUpload | undefined, import("react-final-form").FieldRenderProps<import("@toptal/picasso").AvatarUploadFileUpload | undefined, HTMLInputElement, import("@toptal/picasso").AvatarUploadFileUpload | undefined>, HTMLInputElement, import("@toptal/picasso").AvatarUploadFileUpload | undefined> & import("packages/shared/dist-package/src").TextLabelProps
|
|
99
|
+
(props: import("@toptal/picasso").AvatarUploadProps & import("react-final-form").FieldProps<import("@toptal/picasso").AvatarUploadFileUpload | undefined, import("react-final-form").FieldRenderProps<import("@toptal/picasso").AvatarUploadFileUpload | undefined, HTMLInputElement, import("@toptal/picasso").AvatarUploadFileUpload | undefined>, HTMLInputElement, import("@toptal/picasso").AvatarUploadFileUpload | undefined> & import("packages/shared/dist-package/src").TextLabelProps & {
|
|
100
|
+
name?: string | undefined;
|
|
101
|
+
label?: import("react").ReactNode;
|
|
102
|
+
labelEndAdornment?: import("react").ReactNode;
|
|
103
|
+
required?: boolean | undefined;
|
|
104
|
+
}): JSX.Element;
|
|
100
105
|
defaultProps: {};
|
|
101
106
|
displayName: string;
|
|
102
107
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormCompound/index.ts"],"names":[],"mappings":";AA0BA,eAAO,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormCompound/index.ts"],"names":[],"mappings":";AA0BA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBvB,CAAA"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { InputProps } from '@toptal/picasso';
|
|
3
3
|
import type { FieldProps } from '../Field';
|
|
4
|
+
import type { Props as FieldLabelProps } from '../FieldLabel';
|
|
4
5
|
export declare type FormInputProps = Omit<InputProps, 'onResetClick'> & {
|
|
5
6
|
/** Callback invoked when reset button was clicked */
|
|
6
7
|
onResetClick?: (set: (value: string) => void) => void;
|
|
7
8
|
};
|
|
8
|
-
export declare type Props = FormInputProps & FieldProps<InputProps['value']
|
|
9
|
+
export declare type Props = FormInputProps & FieldProps<InputProps['value']> & FieldLabelProps;
|
|
9
10
|
export declare const Input: React.ForwardRefExoticComponent<Pick<Props, keyof import("react-final-form").FieldProps<string | undefined, import("react-final-form").FieldRenderProps<string | undefined, HTMLInputElement, string | undefined>, HTMLInputElement, string | undefined>> & React.RefAttributes<HTMLInputElement>>;
|
|
10
11
|
export default Input;
|
|
11
12
|
//# sourceMappingURL=Input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAIjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAIjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,KAAK,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AAI7D,oBAAY,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,cAAc,CAAC,GAAG;IAC9D,qDAAqD;IACrD,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,KAAK,IAAI,CAAA;CACtD,CAAA;AACD,oBAAY,KAAK,GAAG,cAAc,GAChC,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,GAC/B,eAAe,CAAA;AAcjB,eAAO,MAAM,KAAK,oSA+ChB,CAAA;AAMF,eAAe,KAAK,CAAA"}
|
|
@@ -31,7 +31,7 @@ export const Input = React.forwardRef((props, ref) => {
|
|
|
31
31
|
warnAutocompleteDisabledInput(props.name);
|
|
32
32
|
}, [props.name]);
|
|
33
33
|
const { mutators: { setHasMultilineCounter }, } = useForm();
|
|
34
|
-
const { label, titleCase } = props, rest = __rest(props, ["label", "titleCase"]);
|
|
34
|
+
const { label, labelEndAdornment, titleCase } = props, rest = __rest(props, ["label", "labelEndAdornment", "titleCase"]);
|
|
35
35
|
const { multiline, rows, rowsMax } = props;
|
|
36
36
|
const alignment = useMemo(() => {
|
|
37
37
|
if (!multiline) {
|
|
@@ -42,7 +42,7 @@ export const Input = React.forwardRef((props, ref) => {
|
|
|
42
42
|
}
|
|
43
43
|
return 'middle';
|
|
44
44
|
}, [multiline, rows, rowsMax]);
|
|
45
|
-
return (React.createElement(InputField, Object.assign({}, rest, { setHasMultilineCounter: setHasMultilineCounter, label: label ? (React.createElement(FieldLabel, { name: props.name, required: props.required, label: label, titleCase: titleCase, alignment: alignment })) : null }), (inputProps) => React.createElement(PicassoInput, Object.assign({}, inputProps, { ref: ref }))));
|
|
45
|
+
return (React.createElement(InputField, Object.assign({}, rest, { setHasMultilineCounter: setHasMultilineCounter, label: label ? (React.createElement(FieldLabel, { name: props.name, required: props.required, label: label, labelEndAdornment: labelEndAdornment, titleCase: titleCase, alignment: alignment })) : null }), (inputProps) => React.createElement(PicassoInput, Object.assign({}, inputProps, { ref: ref }))));
|
|
46
46
|
});
|
|
47
47
|
Input.defaultProps = {};
|
|
48
48
|
Input.displayName = 'Input';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAI1C,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAUtC,MAAM,6BAA6B,GAAG,CAAC,IAAa,EAAE,EAAE;IACtD,MAAM,oBAAoB,GACxB,IAAI,IAAI,oDAAoD,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAEzE,IAAI,oBAAoB,EAAE;QACxB,OAAO,CAAC,IAAI,CAAC;6EAC4D,IAAI;;KAE5E,CAAC,CAAA;KACH;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA0B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC5E,SAAS,CAAC,GAAG,EAAE;QACb,iFAAiF;QACjF,kMAAkM;QAClM,6EAA6E;QAC7E,6BAA6B,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC3C,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;IAEhB,MAAM,EACJ,QAAQ,EAAE,EAAE,sBAAsB,EAAE,GACrC,GAAG,OAAO,EAAE,CAAA;IAEb,MAAM,EAAE,KAAK,EAAE,iBAAiB,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAxD,2CAAgD,CAAQ,CAAA;IAC9D,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAE1C,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,IAAI,CAAC,SAAS,EAAE;YACd,OAAO,QAAQ,CAAA;SAChB;QAED,IAAI,MAAM,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,CAAC,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,CAAC,CAAC,IAAI,CAAC,EAAE;YACvD,OAAO,KAAK,CAAA;SACb;QAED,OAAO,QAAQ,CAAA;IACjB,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;IAE9B,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,sBAAsB,EAAE,sBAAsB,EAC9C,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,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,CAAC,UAAsB,EAAE,EAAE,CAAC,oBAAC,YAAY,oBAAK,UAAU,IAAE,GAAG,EAAE,GAAG,IAAI,CAC5D,CACd,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,KAAK,CAAC,YAAY,GAAG,EAAE,CAAA;AAEvB,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,eAAe,KAAK,CAAA"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { NumberInputProps } from '@toptal/picasso';
|
|
3
3
|
import type { FieldProps } from '../Field';
|
|
4
|
-
|
|
4
|
+
import type { Props as FieldLabelProps } from '../FieldLabel';
|
|
5
|
+
export declare type Props = NumberInputProps & FieldProps<NumberInputProps['value']> & FieldLabelProps;
|
|
5
6
|
export declare const NumberInput: {
|
|
6
7
|
(props: Props): JSX.Element;
|
|
7
8
|
defaultProps: {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAKvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAKvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,KAAK,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AAI7D,oBAAY,KAAK,GAAG,gBAAgB,GAClC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,GACrC,eAAe,CAAA;AAOjB,eAAO,MAAM,WAAW;YAAW,KAAK;;;CA2CvC,CAAA;AAMD,eAAe,WAAW,CAAA"}
|
|
@@ -18,7 +18,7 @@ const MIN = -2147483648;
|
|
|
18
18
|
const MAX = 2147483647;
|
|
19
19
|
const { composeValidators } = validators;
|
|
20
20
|
export const NumberInput = (props) => {
|
|
21
|
-
const { min = MIN, max = MAX, validate, label, titleCase } = props, rest = __rest(props, ["min", "max", "validate", "label", "titleCase"]);
|
|
21
|
+
const { min = MIN, max = MAX, validate, label, labelEndAdornment, titleCase } = props, rest = __rest(props, ["min", "max", "validate", "label", "labelEndAdornment", "titleCase"]);
|
|
22
22
|
const validateNumberLimits = value => {
|
|
23
23
|
if (Number(value) > max) {
|
|
24
24
|
return `Must be less than or equal to ${max}.`;
|
|
@@ -27,7 +27,7 @@ export const NumberInput = (props) => {
|
|
|
27
27
|
return `Must be greater than or equal to ${min}.`;
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
|
-
return (React.createElement(InputField, Object.assign({}, rest, { validate: composeValidators([validateNumberLimits, validate]), label: label ? (React.createElement(FieldLabel, { name: props.name, required: props.required, label: label, titleCase: titleCase })) : null }), (inputProps) => {
|
|
30
|
+
return (React.createElement(InputField, Object.assign({}, rest, { validate: composeValidators([validateNumberLimits, validate]), label: label ? (React.createElement(FieldLabel, { name: props.name, required: props.required, label: label, labelEndAdornment: labelEndAdornment, titleCase: titleCase })) : null }), (inputProps) => {
|
|
31
31
|
return React.createElement(PicassoNumberInput, Object.assign({}, inputProps));
|
|
32
32
|
}));
|
|
33
33
|
};
|