@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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAGnE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAGnE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAGrC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAMtC,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,EACJ,GAAG,GAAG,GAAG,EACT,GAAG,GAAG,GAAG,EACT,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,SAAS,KAEP,KAAK,EADJ,IAAI,UACL,KAAK,EARH,qEAQL,CAAQ,CAAA;IAET,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,iBAAiB,EAAE,iBAAiB,EACpC,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"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { PasswordInputProps } from '@toptal/picasso';
|
|
3
3
|
import type { FieldProps } from '../Field';
|
|
4
|
+
import type { Props as FieldLabelProps } from '../FieldLabel';
|
|
4
5
|
export declare type Props = PasswordInputProps & FieldProps<PasswordInputProps['value']> & {
|
|
5
6
|
hideRequirements?: boolean;
|
|
6
|
-
};
|
|
7
|
+
} & FieldLabelProps;
|
|
7
8
|
export declare const PasswordInput: {
|
|
8
9
|
({ validate, hideRequirements, ...rest }: Props): JSX.Element;
|
|
9
10
|
displayName: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../src/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAKzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../src/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAKzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,KAAK,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AAM7D,oBAAY,KAAK,GAAG,kBAAkB,GACpC,UAAU,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,GAAG;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,GAAG,eAAe,CAAA;AAuBrB,eAAO,MAAM,aAAa;8CAIvB,KAAK;;CAmGP,CAAA;AAID,eAAe,aAAa,CAAA"}
|
|
@@ -76,7 +76,7 @@ export const PasswordInput = (_a) => {
|
|
|
76
76
|
const handleHideContent = useCallback(() => {
|
|
77
77
|
setFocused(false);
|
|
78
78
|
}, []);
|
|
79
|
-
return (React.createElement(InputField, Object.assign({}, rest, { validate: validationsObject, renderFieldRequirements: !hideRequirements ? renderFieldRequirements : undefined, label: rest.label ? (React.createElement(FieldLabel, { name: rest.name, required: rest.required, label: rest.label, titleCase: rest.titleCase })) : null }), (inputProps) => {
|
|
79
|
+
return (React.createElement(InputField, Object.assign({}, rest, { validate: validationsObject, renderFieldRequirements: !hideRequirements ? renderFieldRequirements : undefined, label: rest.label ? (React.createElement(FieldLabel, { name: rest.name, required: rest.required, label: rest.label, labelEndAdornment: rest.labelEndAdornment, titleCase: rest.titleCase })) : null }), (inputProps) => {
|
|
80
80
|
return (React.createElement(FieldRenderer, Object.assign({}, inputProps, { onHideContent: handleHideContent, onShowContent: handleShowContent })));
|
|
81
81
|
}));
|
|
82
82
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../../src/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAE/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAGnD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../../src/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { RadioProps, RadioGroupProps } from '@toptal/picasso';
|
|
3
3
|
import type { FieldProps } from '../Field';
|
|
4
|
-
|
|
4
|
+
import type { Props as FieldLabelProps } from '../FieldLabel';
|
|
5
|
+
export declare type Props = RadioGroupProps & FieldProps<RadioProps['value']> & FieldLabelProps;
|
|
5
6
|
export declare const RadioGroup: {
|
|
6
7
|
(props: Props): JSX.Element;
|
|
7
8
|
defaultProps: {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAGlE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAGlE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAG1C,OAAO,KAAK,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AAG7D,oBAAY,KAAK,GAAG,eAAe,GACjC,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,GAC/B,eAAe,CAAA;AAEjB,eAAO,MAAM,UAAU;YAAW,KAAK;;;CAoCtC,CAAA;AAMD,eAAe,UAAU,CAAA"}
|
|
@@ -15,10 +15,10 @@ import PicassoField from '../Field';
|
|
|
15
15
|
import FieldLabel from '../FieldLabel';
|
|
16
16
|
import RadioGroupContext from './RadioGroupContext';
|
|
17
17
|
export const RadioGroup = (props) => {
|
|
18
|
-
const { children, label, titleCase } = props, rest = __rest(props, ["children", "label", "titleCase"]);
|
|
18
|
+
const { children, label, labelEndAdornment, titleCase } = props, rest = __rest(props, ["children", "label", "labelEndAdornment", "titleCase"]);
|
|
19
19
|
const alignment = Children.count(children) > 2 ? 'top' : 'middle';
|
|
20
20
|
return (React.createElement(RadioGroupContext.Provider, { value: props.name },
|
|
21
|
-
React.createElement(PicassoField, Object.assign({}, rest, { type: 'radio', label: label ? (React.createElement(FieldLabel, { name: props.name, required: props.required, label: label, titleCase: titleCase, alignment: alignment })) : null }), (_a) => {
|
|
21
|
+
React.createElement(PicassoField, Object.assign({}, rest, { type: 'radio', label: label ? (React.createElement(FieldLabel, { name: props.name, required: props.required, label: label, labelEndAdornment: labelEndAdornment, titleCase: titleCase, alignment: alignment })) : null }), (_a) => {
|
|
22
22
|
var {
|
|
23
23
|
// omit 'highlight' as it is used only for classic inputs
|
|
24
24
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAGvD,OAAO,YAAY,MAAM,UAAU,CAAA;AACnC,OAAO,UAAU,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAGvD,OAAO,YAAY,MAAM,UAAU,CAAA;AACnC,OAAO,UAAU,MAAM,eAAe,CAAA;AAEtC,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AAMnD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,EAAE;IACzC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAlE,uDAA0D,CAAQ,CAAA;IAExE,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAA;IAEjE,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,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,CAAC,EAKD,EAAE,EAAE;gBALH;YACA,yDAAyD;YACzD,6DAA6D;YAC7D,SAAS,OAEV,EADI,eAAe,cAJlB,aAKD,CADmB;YACd,OAAA,CACJ,oBAAC,YAAY,CAAC,KAAK,oBAAK,eAAe,GACpC,QAAQ,CACU,CACtB,CAAA;SAAA,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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { RatingStarsProps as PicassoRatingStarsProps, RatingThumbsProps as PicassoRatingThumbsProps } from '@toptal/picasso';
|
|
3
3
|
import type { FieldProps } from '../Field';
|
|
4
|
-
|
|
4
|
+
import type { Props as FieldLabelProps } from '../FieldLabel';
|
|
5
|
+
export declare type RatingStarsProps = PicassoRatingStarsProps & FieldProps<PicassoRatingStarsProps['value']> & FieldLabelProps;
|
|
5
6
|
export declare type RatingThumbsProps = PicassoRatingThumbsProps & FieldProps<PicassoRatingThumbsProps['value']> & {
|
|
6
7
|
requirePositive?: boolean;
|
|
7
8
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../../../src/Rating/Rating.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EACV,gBAAgB,IAAI,uBAAuB,EAC3C,iBAAiB,IAAI,wBAAwB,EAC9C,MAAM,iBAAiB,CAAA;AAGxB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../../../src/Rating/Rating.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EACV,gBAAgB,IAAI,uBAAuB,EAC3C,iBAAiB,IAAI,wBAAwB,EAC9C,MAAM,iBAAiB,CAAA;AAGxB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAG1C,OAAO,KAAK,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AAG7D,oBAAY,gBAAgB,GAAG,uBAAuB,GACpD,UAAU,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC,GAC5C,eAAe,CAAA;AA+BjB,oBAAY,iBAAiB,GAAG,wBAAwB,GACtD,UAAU,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,GAAG;IAAE,eAAe,CAAC,EAAE,OAAO,CAAA;CAAE,CAAA;AAqD/E,eAAO,MAAM,MAAM;4BAnFG,gBAAgB;6BA6Cf,iBAAiB;CAyC9B,CAAA;AAEV,eAAe,MAAM,CAAA"}
|
|
@@ -15,8 +15,8 @@ import PicassoField from '../Field';
|
|
|
15
15
|
import FieldLabel from '../FieldLabel';
|
|
16
16
|
import { validators } from '../utils';
|
|
17
17
|
const Stars = (props) => {
|
|
18
|
-
const { label, titleCase } = props, rest = __rest(props, ["label", "titleCase"]);
|
|
19
|
-
return (React.createElement(PicassoField, Object.assign({}, rest, { type: 'number', label: label ? (React.createElement(FieldLabel, { name: props.name, required: props.required, label: label, titleCase: titleCase })) : null }), (_a) => {
|
|
18
|
+
const { label, labelEndAdornment, titleCase } = props, rest = __rest(props, ["label", "labelEndAdornment", "titleCase"]);
|
|
19
|
+
return (React.createElement(PicassoField, Object.assign({}, rest, { type: 'number', label: label ? (React.createElement(FieldLabel, { name: props.name, required: props.required, label: label, labelEndAdornment: labelEndAdornment, titleCase: titleCase })) : null }), (_a) => {
|
|
20
20
|
var {
|
|
21
21
|
// omit 'highlight' as it is used only for classic inputs
|
|
22
22
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
@@ -36,12 +36,12 @@ const Stars = (props) => {
|
|
|
36
36
|
*/
|
|
37
37
|
const thumbsRequired = (value) => value == null ? validators.required(null) : undefined;
|
|
38
38
|
const Thumbs = (props) => {
|
|
39
|
-
const { required, validate, requirePositive, label, titleCase } = props, rest = __rest(props, ["required", "validate", "requirePositive", "label", "titleCase"]);
|
|
39
|
+
const { required, validate, requirePositive, label, labelEndAdornment, titleCase } = props, rest = __rest(props, ["required", "validate", "requirePositive", "label", "labelEndAdornment", "titleCase"]);
|
|
40
40
|
const validateOverride = validators.composeValidators([
|
|
41
41
|
required && !requirePositive ? thumbsRequired : undefined,
|
|
42
42
|
validate,
|
|
43
43
|
]);
|
|
44
|
-
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))));
|
|
44
|
+
return (React.createElement(PicassoField, Object.assign({ validate: validateOverride, required: requirePositive }, rest, { label: label ? (React.createElement(FieldLabel, { name: props.name, required: props.required, label: label, labelEndAdornment: labelEndAdornment, titleCase: titleCase })) : null }), inputProps => React.createElement(PicassoRating.Thumbs, Object.assign({}, inputProps))));
|
|
45
45
|
};
|
|
46
46
|
export const Rating = {
|
|
47
47
|
Stars,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../../src/Rating/Rating.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAGzD,OAAO,YAAY,MAAM,UAAU,CAAA;AACnC,OAAO,UAAU,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../../src/Rating/Rating.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAGzD,OAAO,YAAY,MAAM,UAAU,CAAA;AACnC,OAAO,UAAU,MAAM,eAAe,CAAA;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAMrC,MAAM,KAAK,GAAG,CAAC,KAAuB,EAAE,EAAE;IACxC,MAAM,EAAE,KAAK,EAAE,iBAAiB,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAxD,2CAAgD,CAAQ,CAAA;IAE9D,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,iBAAiB,EAAE,iBAAiB,EACpC,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,oBAAC,aAAa,CAAC,KAAK,oBAAK,UAAU,EAAI,CAAA;KAAA,CAChC,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,EACJ,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,KAAK,EACL,iBAAiB,EACjB,SAAS,KAEP,KAAK,EADJ,IAAI,UACL,KAAK,EARH,sFAQL,CAAQ,CAAA;IAET,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,iBAAiB,EAAE,iBAAiB,EACpC,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"}
|
|
@@ -2,12 +2,13 @@
|
|
|
2
2
|
import type { ASTType, RichTextEditorProps } from '@toptal/picasso-rich-text-editor';
|
|
3
3
|
import type { Except } from 'type-fest/source/except';
|
|
4
4
|
import type { FieldProps } from '../FieldWrapper';
|
|
5
|
+
import type { Props as FieldLabelProps } from '../FieldLabel';
|
|
5
6
|
declare type OverriddenProps = {
|
|
6
7
|
defaultValue?: ASTType;
|
|
7
8
|
value?: never;
|
|
8
9
|
initialValue?: never;
|
|
9
10
|
};
|
|
10
|
-
export declare type Props = RichTextEditorProps & Except<FieldProps<string>, keyof OverriddenProps> & OverriddenProps;
|
|
11
|
+
export declare type Props = RichTextEditorProps & Except<FieldProps<string>, keyof OverriddenProps> & OverriddenProps & FieldLabelProps;
|
|
11
12
|
export declare const RichTextEditor: (props: Props) => JSX.Element;
|
|
12
13
|
export default RichTextEditor;
|
|
13
14
|
//# sourceMappingURL=RichTextEditor.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../src/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EACV,OAAO,EACP,mBAAmB,EACpB,MAAM,kCAAkC,CAAA;AAGzC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAGrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../src/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EACV,OAAO,EACP,mBAAmB,EACpB,MAAM,kCAAkC,CAAA;AAGzC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAGrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAGjD,OAAO,KAAK,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AAG7D,aAAK,eAAe,GAAG;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,CAAA;AAED,oBAAY,KAAK,GAAG,mBAAmB,GACrC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,MAAM,eAAe,CAAC,GACjD,eAAe,GACf,eAAe,CAAA;AAIjB,eAAO,MAAM,cAAc,UAAW,KAAK,gBAmE1C,CAAA;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -16,7 +16,7 @@ import InputField from '../InputField';
|
|
|
16
16
|
import FieldLabel from '../FieldLabel';
|
|
17
17
|
import { useEnforceHighlightAutofill } from './hooks';
|
|
18
18
|
export const RichTextEditor = (props) => {
|
|
19
|
-
const { onChange, onFocus, defaultValue, label, titleCase } = props, rest = __rest(props, ["onChange", "onFocus", "defaultValue", "label", "titleCase"]);
|
|
19
|
+
const { onChange, onFocus, defaultValue, label, labelEndAdornment, titleCase } = props, rest = __rest(props, ["onChange", "onFocus", "defaultValue", "label", "labelEndAdornment", "titleCase"]);
|
|
20
20
|
const { enforceHighlightAutofill, registerChangeOrFocus } = useEnforceHighlightAutofill();
|
|
21
21
|
const [value, setValue] = useState('');
|
|
22
22
|
const { mutators: { setHasMultilineCounter }, } = useForm();
|
|
@@ -32,7 +32,7 @@ export const RichTextEditor = (props) => {
|
|
|
32
32
|
onFocus === null || onFocus === void 0 ? void 0 : onFocus();
|
|
33
33
|
}, [onFocus, registerChangeOrFocus]);
|
|
34
34
|
const hiddenInputId = `${props.id}-hidden-input`;
|
|
35
|
-
return (React.createElement(InputField, Object.assign({ value: value, onChange: handleOnChange, onFocus: handleOnFocus, label: label ? (React.createElement(FieldLabel, { name: hiddenInputId, required: props.required, label: label, titleCase: titleCase, alignment: 'top' })) : null, setHasMultilineCounter: setHasMultilineCounter }, rest), (inputProps) => (React.createElement(PicassoRichTextEditor, Object.assign({ defaultValue: defaultValue, hiddenInputId: hiddenInputId, highlight: enforceHighlightAutofill ? 'autofill' : undefined }, inputProps)))));
|
|
35
|
+
return (React.createElement(InputField, Object.assign({ value: value, onChange: handleOnChange, onFocus: handleOnFocus, label: label ? (React.createElement(FieldLabel, { name: hiddenInputId, required: props.required, label: label, labelEndAdornment: labelEndAdornment, titleCase: titleCase, alignment: 'top' })) : null, setHasMultilineCounter: setHasMultilineCounter }, rest), (inputProps) => (React.createElement(PicassoRichTextEditor, Object.assign({ defaultValue: defaultValue, hiddenInputId: hiddenInputId, highlight: enforceHighlightAutofill ? 'autofill' : undefined }, inputProps)))));
|
|
36
36
|
};
|
|
37
37
|
export default RichTextEditor;
|
|
38
38
|
//# sourceMappingURL=RichTextEditor.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditor.js","sourceRoot":"","sources":["../../../src/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":";;;;;;;;;;;AAIA,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,MAAM,kCAAkC,CAAA;AAC1F,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAG1C,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"RichTextEditor.js","sourceRoot":"","sources":["../../../src/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":";;;;;;;;;;;AAIA,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,MAAM,kCAAkC,CAAA;AAC1F,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAG1C,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAEtC,OAAO,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAerD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAY,EAAE,EAAE;IAC7C,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,KAAK,EACL,iBAAiB,EACjB,SAAS,KAEP,KAAK,EADJ,IAAI,UACL,KAAK,EARH,kFAQL,CAAQ,CAAA;IAET,MAAM,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,GACvD,2BAA2B,EAAE,CAAA;IAC/B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACtC,MAAM,EACJ,QAAQ,EAAE,EAAE,sBAAsB,EAAE,GACrC,GAAG,OAAO,EAAE,CAAA;IAEb,+EAA+E;IAC/E,+CAA+C;IAC/C,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,MAAc,EAAE,EAAE;QACjB,qBAAqB,EAAE,CAAA;QACvB,QAAQ,CAAC,MAAM,CAAC,CAAA;QAChB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,MAAM,CAAC,CAAA;IACpB,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAC5C,CAAA;IAED,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,qBAAqB,EAAE,CAAA;QAEvB,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAA;IACb,CAAC,EAAE,CAAC,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAA;IAEpC,MAAM,aAAa,GAAG,GAAG,KAAK,CAAC,EAAE,eAAe,CAAA;IAEhD,OAAO,CACL,oBAAC,UAAU,kBACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,aAAa,EACtB,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,oBAAC,UAAU,IACT,IAAI,EAAE,aAAa,EACnB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,EACpB,SAAS,EAAC,KAAK,GACf,CACH,CAAC,CAAC,CAAC,IAAI,EAEV,sBAAsB,EAAE,sBAAsB,IAC1C,IAAI,GAEP,CAAC,UAA+B,EAAE,EAAE,CAAC,CACpC,oBAAC,qBAAqB,kBACpB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,wBAAwB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,IACxD,UAAU,EACd,CACH,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { SelectProps, SelectValueType } from '@toptal/picasso';
|
|
3
3
|
import type { FieldProps } from '../Field';
|
|
4
|
-
|
|
4
|
+
import type { Props as FieldLabelProps } from '../FieldLabel';
|
|
5
|
+
export declare type Props<T extends SelectValueType, M extends boolean = false> = SelectProps<T, M> & FieldProps<SelectProps<T, M>['value']> & FieldLabelProps;
|
|
5
6
|
export declare const Select: {
|
|
6
7
|
<T extends SelectValueType, M extends boolean = false>(props: Props<T, M>): JSX.Element;
|
|
7
8
|
defaultProps: {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/Select/Select.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAInE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/Select/Select.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAInE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAG1C,OAAO,KAAK,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AAE7D,oBAAY,KAAK,CACf,CAAC,SAAS,eAAe,EACzB,CAAC,SAAS,OAAO,GAAG,KAAK,IACvB,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,eAAe,CAAA;AAEhF,eAAO,MAAM,MAAM;;;;CA0ClB,CAAA;AAMD,eAAe,MAAM,CAAA"}
|
|
@@ -15,9 +15,9 @@ import { generateRandomStringOrGetEmptyInTest } from '@toptal/picasso-utils';
|
|
|
15
15
|
import InputField from '../InputField';
|
|
16
16
|
import FieldLabel from '../FieldLabel';
|
|
17
17
|
export const Select = (props) => {
|
|
18
|
-
const { name, id = name, label, titleCase } = props, rest = __rest(props, ["name", "id", "label", "titleCase"]);
|
|
18
|
+
const { name, id = name, label, labelEndAdornment, titleCase } = props, rest = __rest(props, ["name", "id", "label", "labelEndAdornment", "titleCase"]);
|
|
19
19
|
const randomizedId = id ? generateRandomStringOrGetEmptyInTest(id) : undefined;
|
|
20
|
-
return (React.createElement(InputField, Object.assign({}, rest, { name: name, id: randomizedId, label: label ? (React.createElement(FieldLabel, { name: randomizedId, required: rest.required, label: label, titleCase: titleCase })) : null }), (selectProps) => {
|
|
20
|
+
return (React.createElement(InputField, Object.assign({}, rest, { name: name, id: randomizedId, label: label ? (React.createElement(FieldLabel, { name: randomizedId, required: rest.required, label: label, labelEndAdornment: labelEndAdornment, titleCase: titleCase })) : null }), (selectProps) => {
|
|
21
21
|
return (React.createElement(PicassoSelect, Object.assign({}, selectProps, { id: randomizedId,
|
|
22
22
|
// if `id` is specified, we have to provide a not correct value for autoComplete, e.g. `none` to trick google chrome
|
|
23
23
|
autoComplete: id ? 'none' : rest.autoComplete || 'off' })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/Select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,oCAAoC,EAAE,MAAM,uBAAuB,CAAA;AAG5E,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/Select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,oCAAoC,EAAE,MAAM,uBAAuB,CAAA;AAG5E,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAQtC,MAAM,CAAC,MAAM,MAAM,GAAG,CACpB,KAAkB,EAClB,EAAE;IACF,MAAM,EACJ,IAAI,EACJ,EAAE,GAAG,IAAI,EACT,KAAK,EACL,iBAAiB,EACjB,SAAS,KAEP,KAAK,EADJ,IAAI,UACL,KAAK,EAPH,yDAOL,CAAQ,CAAA;IACT,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,iBAAiB,EAAE,iBAAiB,EACpC,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"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { SwitchProps } from '@toptal/picasso';
|
|
3
3
|
import type { FieldProps } from '../Field';
|
|
4
|
+
import type { Props as FieldLabelProps } from '../FieldLabel';
|
|
4
5
|
export declare type FormSwitchProps = Omit<SwitchProps, 'onChange'> & {
|
|
5
6
|
onChange?: SwitchProps['onChange'];
|
|
6
7
|
};
|
|
7
|
-
export declare type Props = FormSwitchProps & FieldProps<SwitchProps['value']>;
|
|
8
|
+
export declare type Props = FormSwitchProps & FieldProps<SwitchProps['value']> & Omit<FieldLabelProps, 'name' | 'required'>;
|
|
8
9
|
export declare const Switch: {
|
|
9
10
|
(props: Props): JSX.Element;
|
|
10
11
|
defaultProps: {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/Switch/Switch.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAGlD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/Switch/Switch.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAGlD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,OAAO,KAAK,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AAE7D,oBAAY,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG;IAC5D,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAA;CACnC,CAAA;AACD,oBAAY,KAAK,GAAG,eAAe,GACjC,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,GAChC,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,UAAU,CAAC,CAAA;AAE5C,eAAO,MAAM,MAAM;YAAW,KAAK;;;CAyBlC,CAAA;AAMD,eAAe,MAAM,CAAA"}
|
|
@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import { Switch as PicassoSwitch, Form as PicassoForm } from '@toptal/picasso';
|
|
14
14
|
import PicassoField from '../Field';
|
|
15
|
-
export const Switch = (props) => (React.createElement(PicassoField, Object.assign({}, props, { type: 'checkbox', label: props.label ? (React.createElement(PicassoForm.Label, { htmlFor: props.id, titleCase: props.titleCase }, props.label)) : null }), (_a) => {
|
|
15
|
+
export const Switch = (props) => (React.createElement(PicassoField, Object.assign({}, props, { type: 'checkbox', label: props.label ? (React.createElement(PicassoForm.Label, { htmlFor: props.id, titleCase: props.titleCase, labelEndAdornment: props.labelEndAdornment }, props.label)) : null }), (_a) => {
|
|
16
16
|
var {
|
|
17
17
|
// omitting highlight from inputProps
|
|
18
18
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/Switch/Switch.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAG9E,OAAO,YAAY,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/Switch/Switch.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAG9E,OAAO,YAAY,MAAM,UAAU,CAAA;AAUnC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,CACtC,oBAAC,YAAY,oBACP,KAAK,IACT,IAAI,EAAC,UAAU,EACf,KAAK,EACH,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,oBAAC,WAAW,CAAC,KAAK,IAChB,OAAO,EAAE,KAAK,CAAC,EAAE,EACjB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,IAEzC,KAAK,CAAC,KAAK,CACM,CACrB,CAAC,CAAC,CAAC,IAAI,KAGT,CAAC,EAKyC,EAAE,EAAE;QAL7C;IACA,qCAAqC;IACrC,6DAA6D;IAC7D,SAAS,OAEgC,EADtC,UAAU,cAJb,aAKD,CADc;IAEb,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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { TagSelectorProps } from '@toptal/picasso';
|
|
3
3
|
import type { FieldProps } from '../Field';
|
|
4
|
-
|
|
4
|
+
import type { Props as FieldLabelProps } from '../FieldLabel';
|
|
5
|
+
export declare type Props = TagSelectorProps & FieldProps<TagSelectorProps['value']> & FieldLabelProps;
|
|
5
6
|
export declare const TagSelector: {
|
|
6
7
|
(props: Props): JSX.Element;
|
|
7
8
|
displayName: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagSelector.d.ts","sourceRoot":"","sources":["../../../src/TagSelector/TagSelector.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAGvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"TagSelector.d.ts","sourceRoot":"","sources":["../../../src/TagSelector/TagSelector.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAGvD,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;AAEjB,eAAO,MAAM,WAAW;YAAW,KAAK;;CA2BvC,CAAA;AAID,eAAe,WAAW,CAAA"}
|
|
@@ -14,8 +14,8 @@ 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) => {
|
|
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
|
const { value } = inputProps, restOfInputProps = __rest(inputProps
|
|
20
20
|
// avoid passing empty string to TagSelector
|
|
21
21
|
, ["value"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagSelector.js","sourceRoot":"","sources":["../../../src/TagSelector/TagSelector.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"TagSelector.js","sourceRoot":"","sources":["../../../src/TagSelector/TagSelector.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAInE,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAMtC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAY,EAAE,EAAE;IAC1C,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,UAA4B,EAAE,EAAE;QAChC,MAAM,EAAE,KAAK,KAA0B,UAAU,EAA/B,gBAAgB,UAAK,UAAU;QACjD,4CAA4C;UADtC,SAA8B,CAAa,CAAA;QACjD,4CAA4C;QAC5C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;QAEtD,OAAO,oBAAC,kBAAkB,oBAAK,gBAAgB,IAAE,KAAK,EAAE,YAAY,IAAI,CAAA;IAC1E,CAAC,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { TimePickerProps } from '@toptal/picasso';
|
|
3
3
|
import type { FieldProps } from '../Field';
|
|
4
|
+
import type { Props as FieldLabelProps } from '../FieldLabel';
|
|
4
5
|
export declare type FormTimePickerProps = Omit<TimePickerProps, 'onChange'> & {
|
|
5
6
|
onChange?: TimePickerProps['onChange'];
|
|
6
7
|
};
|
|
7
|
-
export declare type Props = FormTimePickerProps & FieldProps<TimePickerProps['value']
|
|
8
|
+
export declare type Props = FormTimePickerProps & FieldProps<TimePickerProps['value']> & FieldLabelProps;
|
|
8
9
|
export declare const TimePicker: {
|
|
9
10
|
(props: Props): JSX.Element;
|
|
10
11
|
displayName: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/TimePicker/TimePicker.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":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/TimePicker/TimePicker.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAGtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAG1C,OAAO,KAAK,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AAE7D,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;;CA0BtC,CAAA;AAID,eAAe,UAAU,CAAA"}
|
|
@@ -14,8 +14,8 @@ 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) => {
|
|
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
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
20
20
|
const { enableReset, onResetClick } = inputProps, rest = __rest(inputProps, ["enableReset", "onResetClick"]);
|
|
21
21
|
return React.createElement(PicassoTimePicker, Object.assign({}, rest));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../src/TimePicker/TimePicker.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;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../src/TimePicker/TimePicker.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;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAUtC,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,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,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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-forms",
|
|
3
|
-
"version": "67.
|
|
3
|
+
"version": "67.1.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",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@toptal/picasso-rich-text-editor": "11.0.0",
|
|
33
33
|
"@toptal/picasso-utils": "1.0.1",
|
|
34
|
-
"@toptal/picasso-notification": "1.0.
|
|
34
|
+
"@toptal/picasso-notification": "1.0.2",
|
|
35
35
|
"classnames": "^2.5.1",
|
|
36
36
|
"debounce": "^1.2.1",
|
|
37
37
|
"detect-browser": "^5.3.0",
|
|
@@ -3,13 +3,16 @@ import type { AutocompleteProps } from '@toptal/picasso'
|
|
|
3
3
|
import { Autocomplete as PicassoAutocomplete } from '@toptal/picasso'
|
|
4
4
|
|
|
5
5
|
import type { FieldProps } from '../Field'
|
|
6
|
+
import type { Props as FieldLabelProps } from '../FieldLabel'
|
|
6
7
|
import FieldLabel from '../FieldLabel'
|
|
7
8
|
import InputField from '../InputField'
|
|
8
9
|
|
|
9
|
-
export type Props = AutocompleteProps &
|
|
10
|
+
export type Props = AutocompleteProps &
|
|
11
|
+
FieldProps<AutocompleteProps['value']> &
|
|
12
|
+
FieldLabelProps
|
|
10
13
|
|
|
11
14
|
export const Autocomplete = (props: Props) => {
|
|
12
|
-
const { label, titleCase, ...rest } = props
|
|
15
|
+
const { label, labelEndAdornment, titleCase, ...rest } = props
|
|
13
16
|
|
|
14
17
|
return (
|
|
15
18
|
<InputField<AutocompleteProps>
|
|
@@ -20,6 +23,7 @@ export const Autocomplete = (props: Props) => {
|
|
|
20
23
|
name={props.name}
|
|
21
24
|
required={props.required}
|
|
22
25
|
label={label}
|
|
26
|
+
labelEndAdornment={labelEndAdornment}
|
|
23
27
|
titleCase={titleCase}
|
|
24
28
|
/>
|
|
25
29
|
) : null
|
|
@@ -4,10 +4,13 @@ import { AvatarUpload as PicassoAvatarUpload } from '@toptal/picasso'
|
|
|
4
4
|
import type { FieldInputProps as FinalFieldInputProps } from 'react-final-form'
|
|
5
5
|
|
|
6
6
|
import type { FieldProps } from '../Field'
|
|
7
|
+
import type { Props as FieldLabelProps } from '../FieldLabel'
|
|
7
8
|
import FieldLabel from '../FieldLabel'
|
|
8
9
|
import InputField from '../InputField'
|
|
9
10
|
|
|
10
|
-
type Props = AvatarUploadProps &
|
|
11
|
+
type Props = AvatarUploadProps &
|
|
12
|
+
FieldProps<AvatarUploadProps['value']> &
|
|
13
|
+
FieldLabelProps
|
|
11
14
|
|
|
12
15
|
type FinalFormOnChangeType = FinalFieldInputProps<
|
|
13
16
|
AvatarUploadProps['value']
|
|
@@ -16,6 +19,7 @@ type FinalFormOnChangeType = FinalFieldInputProps<
|
|
|
16
19
|
const AvatarUpload = (props: Props) => {
|
|
17
20
|
const {
|
|
18
21
|
label,
|
|
22
|
+
labelEndAdornment,
|
|
19
23
|
titleCase,
|
|
20
24
|
size = 'small',
|
|
21
25
|
// dropping 'src' value here out from 'rest'. 'src' value should be provided via form context
|
|
@@ -58,6 +62,7 @@ const AvatarUpload = (props: Props) => {
|
|
|
58
62
|
name={props.name}
|
|
59
63
|
required={props.required}
|
|
60
64
|
label={label}
|
|
65
|
+
labelEndAdornment={labelEndAdornment}
|
|
61
66
|
titleCase={titleCase}
|
|
62
67
|
alignment={alignment}
|
|
63
68
|
/>
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import React, { useContext } from 'react'
|
|
2
2
|
import type { CheckboxProps } from '@toptal/picasso'
|
|
3
|
-
import {
|
|
3
|
+
import {
|
|
4
|
+
useFieldsLayoutContext,
|
|
5
|
+
Checkbox as PicassoCheckbox,
|
|
6
|
+
} from '@toptal/picasso'
|
|
4
7
|
import type { FieldRenderProps as FinalFormFieldProps } from 'react-final-form'
|
|
5
8
|
import { Field } from 'react-final-form'
|
|
6
9
|
|
|
@@ -28,6 +31,7 @@ export const Checkbox = ({
|
|
|
28
31
|
defaultValue,
|
|
29
32
|
...restProps
|
|
30
33
|
}: Props) => {
|
|
34
|
+
const { layout } = useFieldsLayoutContext()
|
|
31
35
|
const formConfig = useFormConfig()
|
|
32
36
|
const groupName = useContext(CheckboxGroupContext)
|
|
33
37
|
const isCheckboxInGroup = Boolean(groupName)
|
|
@@ -63,12 +67,18 @@ export const Checkbox = ({
|
|
|
63
67
|
highlight,
|
|
64
68
|
...input
|
|
65
69
|
}: CheckboxProps & { highlight?: 'autofill' }) => (
|
|
66
|
-
|
|
67
|
-
{
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
70
|
+
<>
|
|
71
|
+
{layout === 'horizontal' && <div />}
|
|
72
|
+
<PicassoCheckbox
|
|
73
|
+
{...input}
|
|
74
|
+
labelStyle={
|
|
75
|
+
layout === 'horizontal' ? { gridArea: 'input' } : undefined
|
|
76
|
+
}
|
|
77
|
+
label={label}
|
|
78
|
+
titleCase={restProps.titleCase}
|
|
79
|
+
requiredDecoration={requiredDecoration}
|
|
80
|
+
/>
|
|
81
|
+
</>
|
|
72
82
|
)}
|
|
73
83
|
</PicassoField>
|
|
74
84
|
)
|
|
@@ -5,14 +5,22 @@ import { Checkbox as PicassoCheckbox } from '@toptal/picasso'
|
|
|
5
5
|
|
|
6
6
|
import type { FieldProps } from '../Field'
|
|
7
7
|
import PicassoField from '../Field'
|
|
8
|
+
import type { Props as FieldLabelProps } from '../FieldLabel'
|
|
8
9
|
import FieldLabel from '../FieldLabel'
|
|
9
10
|
import CheckboxGroupContext from './CheckboxGroupContext'
|
|
10
11
|
|
|
11
12
|
type ValueType = string[] | undefined
|
|
12
|
-
export type Props = CheckboxGroupProps & FieldProps<ValueType>
|
|
13
|
+
export type Props = CheckboxGroupProps & FieldProps<ValueType> & FieldLabelProps
|
|
13
14
|
|
|
14
15
|
export const CheckboxGroup = (props: Props) => {
|
|
15
|
-
const {
|
|
16
|
+
const {
|
|
17
|
+
children,
|
|
18
|
+
titleCase,
|
|
19
|
+
label,
|
|
20
|
+
labelEndAdornment,
|
|
21
|
+
initialValue,
|
|
22
|
+
...rest
|
|
23
|
+
} = props
|
|
16
24
|
|
|
17
25
|
const alignment = Children.count(children) > 2 ? 'top' : 'middle'
|
|
18
26
|
|
|
@@ -28,6 +36,7 @@ export const CheckboxGroup = (props: Props) => {
|
|
|
28
36
|
name={props.name}
|
|
29
37
|
required={props.required}
|
|
30
38
|
label={label}
|
|
39
|
+
labelEndAdornment={labelEndAdornment}
|
|
31
40
|
titleCase={titleCase}
|
|
32
41
|
alignment={alignment}
|
|
33
42
|
/>
|
|
@@ -4,15 +4,18 @@ import { DatePicker as PicassoDatePicker } from '@toptal/picasso'
|
|
|
4
4
|
|
|
5
5
|
import type { FieldProps } from '../Field'
|
|
6
6
|
import InputField from '../InputField'
|
|
7
|
+
import type { Props as FieldLabelProps } from '../FieldLabel'
|
|
7
8
|
import FieldLabel from '../FieldLabel'
|
|
8
9
|
|
|
9
10
|
export type FormDatePickerProps = Omit<DatePickerProps, 'onChange'> & {
|
|
10
11
|
onChange?: DatePickerProps['onChange']
|
|
11
12
|
}
|
|
12
|
-
export type Props = FormDatePickerProps &
|
|
13
|
+
export type Props = FormDatePickerProps &
|
|
14
|
+
FieldProps<DatePickerProps['value']> &
|
|
15
|
+
FieldLabelProps
|
|
13
16
|
|
|
14
17
|
export const DatePicker = (props: Props) => {
|
|
15
|
-
const { label, titleCase, ...rest } = props
|
|
18
|
+
const { label, labelEndAdornment, titleCase, ...rest } = props
|
|
16
19
|
|
|
17
20
|
return (
|
|
18
21
|
<InputField<FormDatePickerProps>
|
|
@@ -22,6 +25,7 @@ export const DatePicker = (props: Props) => {
|
|
|
22
25
|
name={props.name}
|
|
23
26
|
required={props.required}
|
|
24
27
|
label={label}
|
|
28
|
+
labelEndAdornment={labelEndAdornment}
|
|
25
29
|
titleCase={titleCase}
|
|
26
30
|
/>
|
|
27
31
|
}
|
|
@@ -5,12 +5,13 @@ import type { FieldInputProps as FinalFieldInputProps } from 'react-final-form'
|
|
|
5
5
|
|
|
6
6
|
import type { FieldProps } from '../Field'
|
|
7
7
|
import PicassoField from '../Field'
|
|
8
|
+
import type { Props as FieldLabelProps } from '../FieldLabel'
|
|
8
9
|
import FieldLabel from '../FieldLabel'
|
|
9
10
|
|
|
10
11
|
export type Props = DropzoneProps &
|
|
11
12
|
FieldProps<DropzoneProps['value']> & {
|
|
12
13
|
dropzoneHint?: string
|
|
13
|
-
}
|
|
14
|
+
} & FieldLabelProps
|
|
14
15
|
|
|
15
16
|
type FinalFormOnChangeType = FinalFieldInputProps<
|
|
16
17
|
DropzoneProps['value']
|
|
@@ -61,6 +62,7 @@ const Dropzone = ({ dropzoneHint, ...props }: Props) => {
|
|
|
61
62
|
name={props.name}
|
|
62
63
|
required={props.required}
|
|
63
64
|
label={props.label}
|
|
65
|
+
labelEndAdornment={props.labelEndAdornment}
|
|
64
66
|
titleCase={props.titleCase}
|
|
65
67
|
alignment='top'
|
|
66
68
|
/>
|