@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.
Files changed (104) hide show
  1. package/dist-package/src/Autocomplete/Autocomplete.d.ts +2 -1
  2. package/dist-package/src/Autocomplete/Autocomplete.d.ts.map +1 -1
  3. package/dist-package/src/Autocomplete/Autocomplete.js +2 -2
  4. package/dist-package/src/Autocomplete/Autocomplete.js.map +1 -1
  5. package/dist-package/src/AvatarUpload/AvatarUpload.d.ts +2 -1
  6. package/dist-package/src/AvatarUpload/AvatarUpload.d.ts.map +1 -1
  7. package/dist-package/src/AvatarUpload/AvatarUpload.js +3 -3
  8. package/dist-package/src/AvatarUpload/AvatarUpload.js.map +1 -1
  9. package/dist-package/src/Checkbox/Checkbox.d.ts.map +1 -1
  10. package/dist-package/src/Checkbox/Checkbox.js +5 -2
  11. package/dist-package/src/Checkbox/Checkbox.js.map +1 -1
  12. package/dist-package/src/CheckboxGroup/CheckboxGroup.d.ts +2 -1
  13. package/dist-package/src/CheckboxGroup/CheckboxGroup.d.ts.map +1 -1
  14. package/dist-package/src/CheckboxGroup/CheckboxGroup.js +2 -2
  15. package/dist-package/src/CheckboxGroup/CheckboxGroup.js.map +1 -1
  16. package/dist-package/src/DatePicker/DatePicker.d.ts +2 -1
  17. package/dist-package/src/DatePicker/DatePicker.d.ts.map +1 -1
  18. package/dist-package/src/DatePicker/DatePicker.js +2 -2
  19. package/dist-package/src/DatePicker/DatePicker.js.map +1 -1
  20. package/dist-package/src/Dropzone/Dropzone.d.ts +2 -1
  21. package/dist-package/src/Dropzone/Dropzone.d.ts.map +1 -1
  22. package/dist-package/src/Dropzone/Dropzone.js +1 -1
  23. package/dist-package/src/Dropzone/Dropzone.js.map +1 -1
  24. package/dist-package/src/FieldLabel/FieldLabel.d.ts +9 -4
  25. package/dist-package/src/FieldLabel/FieldLabel.d.ts.map +1 -1
  26. package/dist-package/src/FieldLabel/FieldLabel.js +2 -3
  27. package/dist-package/src/FieldLabel/FieldLabel.js.map +1 -1
  28. package/dist-package/src/FieldWrapper/FieldWrapper.d.ts +3 -4
  29. package/dist-package/src/FieldWrapper/FieldWrapper.d.ts.map +1 -1
  30. package/dist-package/src/FieldWrapper/FieldWrapper.js +2 -2
  31. package/dist-package/src/FieldWrapper/FieldWrapper.js.map +1 -1
  32. package/dist-package/src/FileInput/FileInput.d.ts +2 -1
  33. package/dist-package/src/FileInput/FileInput.d.ts.map +1 -1
  34. package/dist-package/src/FileInput/FileInput.js +1 -1
  35. package/dist-package/src/FileInput/FileInput.js.map +1 -1
  36. package/dist-package/src/Form/Form.d.ts +1 -0
  37. package/dist-package/src/Form/Form.d.ts.map +1 -1
  38. package/dist-package/src/Form/Form.js +2 -2
  39. package/dist-package/src/Form/Form.js.map +1 -1
  40. package/dist-package/src/FormCompound/index.d.ts +6 -1
  41. package/dist-package/src/FormCompound/index.d.ts.map +1 -1
  42. package/dist-package/src/Input/Input.d.ts +2 -1
  43. package/dist-package/src/Input/Input.d.ts.map +1 -1
  44. package/dist-package/src/Input/Input.js +2 -2
  45. package/dist-package/src/Input/Input.js.map +1 -1
  46. package/dist-package/src/NumberInput/NumberInput.d.ts +2 -1
  47. package/dist-package/src/NumberInput/NumberInput.d.ts.map +1 -1
  48. package/dist-package/src/NumberInput/NumberInput.js +2 -2
  49. package/dist-package/src/NumberInput/NumberInput.js.map +1 -1
  50. package/dist-package/src/PasswordInput/PasswordInput.d.ts +2 -1
  51. package/dist-package/src/PasswordInput/PasswordInput.d.ts.map +1 -1
  52. package/dist-package/src/PasswordInput/PasswordInput.js +1 -1
  53. package/dist-package/src/PasswordInput/PasswordInput.js.map +1 -1
  54. package/dist-package/src/RadioGroup/RadioGroup.d.ts +2 -1
  55. package/dist-package/src/RadioGroup/RadioGroup.d.ts.map +1 -1
  56. package/dist-package/src/RadioGroup/RadioGroup.js +2 -2
  57. package/dist-package/src/RadioGroup/RadioGroup.js.map +1 -1
  58. package/dist-package/src/Rating/Rating.d.ts +2 -1
  59. package/dist-package/src/Rating/Rating.d.ts.map +1 -1
  60. package/dist-package/src/Rating/Rating.js +4 -4
  61. package/dist-package/src/Rating/Rating.js.map +1 -1
  62. package/dist-package/src/RichTextEditor/RichTextEditor.d.ts +2 -1
  63. package/dist-package/src/RichTextEditor/RichTextEditor.d.ts.map +1 -1
  64. package/dist-package/src/RichTextEditor/RichTextEditor.js +2 -2
  65. package/dist-package/src/RichTextEditor/RichTextEditor.js.map +1 -1
  66. package/dist-package/src/Select/Select.d.ts +2 -1
  67. package/dist-package/src/Select/Select.d.ts.map +1 -1
  68. package/dist-package/src/Select/Select.js +2 -2
  69. package/dist-package/src/Select/Select.js.map +1 -1
  70. package/dist-package/src/Switch/Switch.d.ts +2 -1
  71. package/dist-package/src/Switch/Switch.d.ts.map +1 -1
  72. package/dist-package/src/Switch/Switch.js +1 -1
  73. package/dist-package/src/Switch/Switch.js.map +1 -1
  74. package/dist-package/src/TagSelector/TagSelector.d.ts +2 -1
  75. package/dist-package/src/TagSelector/TagSelector.d.ts.map +1 -1
  76. package/dist-package/src/TagSelector/TagSelector.js +2 -2
  77. package/dist-package/src/TagSelector/TagSelector.js.map +1 -1
  78. package/dist-package/src/TimePicker/TimePicker.d.ts +2 -1
  79. package/dist-package/src/TimePicker/TimePicker.d.ts.map +1 -1
  80. package/dist-package/src/TimePicker/TimePicker.js +2 -2
  81. package/dist-package/src/TimePicker/TimePicker.js.map +1 -1
  82. package/package.json +2 -2
  83. package/src/Autocomplete/Autocomplete.tsx +6 -2
  84. package/src/AvatarUpload/AvatarUpload.tsx +6 -1
  85. package/src/Checkbox/Checkbox.tsx +17 -7
  86. package/src/CheckboxGroup/CheckboxGroup.tsx +11 -2
  87. package/src/DatePicker/DatePicker.tsx +6 -2
  88. package/src/Dropzone/Dropzone.tsx +3 -1
  89. package/src/FieldLabel/FieldLabel.tsx +18 -5
  90. package/src/FieldWrapper/FieldWrapper.tsx +6 -6
  91. package/src/FieldWrapper/story/index.jsx +6 -1
  92. package/src/FileInput/FileInput.tsx +5 -1
  93. package/src/Form/Form.tsx +3 -0
  94. package/src/Form/story/Horizontal.example.tsx +68 -35
  95. package/src/Input/Input.tsx +6 -2
  96. package/src/NumberInput/NumberInput.tsx +14 -2
  97. package/src/PasswordInput/PasswordInput.tsx +5 -1
  98. package/src/RadioGroup/RadioGroup.tsx +6 -2
  99. package/src/Rating/Rating.tsx +15 -4
  100. package/src/RichTextEditor/RichTextEditor.tsx +13 -2
  101. package/src/Select/Select.tsx +11 -2
  102. package/src/Switch/Switch.tsx +9 -2
  103. package/src/TagSelector/TagSelector.tsx +6 -2
  104. 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
- export declare type Props = AutocompleteProps & FieldProps<AutocompleteProps['value']>;
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;AAI1C,oBAAY,KAAK,GAAG,iBAAiB,GAAG,UAAU,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAA;AAE9E,eAAO,MAAM,YAAY;YAAW,KAAK;;CAsBxC,CAAA;AAID,eAAe,YAAY,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;AAGrE,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAItC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE;IAC3C,MAAM,EAAE,KAAK,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArC,sBAA6B,CAAQ,CAAA;IAE3C,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,CAAC,UAA6B,EAAE,EAAE;QACjC,OAAO,oBAAC,mBAAmB,oBAAK,UAAU,EAAI,CAAA;IAChD,CAAC,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,eAAe,YAAY,CAAA"}
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
- declare type Props = AvatarUploadProps & FieldProps<AvatarUploadProps['value']>;
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;AAI1C,aAAK,KAAK,GAAG,iBAAiB,GAAG,UAAU,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAA;AAMvE,QAAA,MAAM,YAAY;YAAW,KAAK;;;CAsEjC,CAAA;AAMD,eAAe,YAAY,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;AAIrE,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAQtC,MAAM,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE;IACpC,MAAM,EACJ,KAAK,EACL,SAAS,EACT,IAAI,GAAG,OAAO;IACd,6FAA6F;IAC7F,6DAA6D;IAC7D,GAAG,KAED,KAAK,EADJ,IAAI,UACL,KAAK,EARH,qCAQL,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,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
+ {"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;AAKpD,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;;CA6CP,CAAA;AAID,eAAe,QAAQ,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(PicassoCheckbox, Object.assign({}, input, { label: label, titleCase: restProps.titleCase, requiredDecoration: requiredDecoration })));
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,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAE7D,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,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,oBAAC,eAAe,oBACV,KAAK,IACT,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,CAAC,SAAS,EAC9B,kBAAkB,EAAE,kBAAkB,IACtC,CACH,CAAA;KAAA,CACY,CAChB,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}
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;AAK1C,aAAK,SAAS,GAAG,MAAM,EAAE,GAAG,SAAS,CAAA;AACrC,oBAAY,KAAK,GAAG,kBAAkB,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;AAE9D,eAAO,MAAM,aAAa;YAAW,KAAK;;CA6BzC,CAAA;AAID,eAAe,aAAa,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;AACnC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AAKzD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE;IAC5C,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA7D,kDAAqD,CAAQ,CAAA;IAEnE,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,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
+ {"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;AAI1C,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,GAAG,UAAU,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAA;AAE9E,eAAO,MAAM,UAAU;YAAW,KAAK;;;CAoBtC,CAAA;AAMD,eAAe,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;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAOtC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,EAAE;IACzC,MAAM,EAAE,KAAK,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArC,sBAA6B,CAAQ,CAAA;IAE3C,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,KAAK,EACH,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,KAGH,CAAC,UAA2B,EAAE,EAAE;QAC/B,OAAO,oBAAC,iBAAiB,oBAAK,UAAU,EAAI,CAAA;IAC9C,CAAC,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,YAAY,GAAG,EAAE,CAAA;AAE5B,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
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;AAI1C,oBAAY,KAAK,GAAG,aAAa,GAC/B,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,GAAG;IACnC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAMH,QAAA,MAAM,QAAQ;iCAAgC,KAAK;;;CA6ElD,CAAA;AAMD,eAAe,QAAQ,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;AACnC,OAAO,UAAU,MAAM,eAAe,CAAA;AAWtC,MAAM,QAAQ,GAAG,CAAC,EAAiC,EAAE,EAAE;QAArC,EAAE,YAAY,OAAmB,EAAd,KAAK,cAAxB,gBAA0B,CAAF;IACxC,MAAM,UAAU,GAAG,CAAC,EAClB,aAAa,EACb,KAAK,GAAG,EAAE,EACV,iBAAiB,GAKlB,EAAE,EAAE;QACH,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE;YACzB,OAAM;SACP;QAED,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACtD,IAAI;YACJ,SAAS,EAAE,KAAK;SACjB,CAAC,CAAC,CAAA;QAEH,iBAAiB,CAAC,CAAC,GAAG,KAAK,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAA;IAC5C,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,KAAK,GAAG,EAAE,EACV,iBAAiB,GAKlB,EAAE,EAAE;QACH,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC,CAAA;QAEpE,iBAAiB,CAAC,YAAY,CAAC,CAAA;IACjC,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,YAAY,kBACX,UAAU,UACN,KAAK,IACT,KAAK,EACH,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,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
+ {"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 React from 'react';
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?: React.ReactNode;
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
- (props: Props): JSX.Element | null;
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;AAGzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAK5D,oBAAY,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;CAC7B,GAAG,cAAc,CAAA;AAoBlB,QAAA,MAAM,UAAU;YAAW,KAAK;;;CAwB/B,CAAA;AAMD,eAAe,UAAU,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 = (props) => {
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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAIrD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAS7C,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,KAAY,EAAE,EAAE;IAClC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IAE7D,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,IAEnB,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
+ {"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
- import type { ReactNode } from 'react';
1
+ /// <reference types="react" />
2
2
  import type { Props as FieldProps } from '../Field';
3
3
  import type { ValueType, IFormComponentProps } from '../FieldBase';
4
- export declare type Props<TWrappedComponentProps, TInputValue> = Omit<FieldProps<TWrappedComponentProps, TInputValue>, 'label'> & {
5
- label?: ReactNode;
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":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,UAAU,CAAA;AACnD,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAIlE,oBAAY,KAAK,CAAC,sBAAsB,EAAE,WAAW,IAAI,IAAI,CAC3D,UAAU,CAAC,sBAAsB,EAAE,WAAW,CAAC,EAC/C,OAAO,CACR,GAAG;IACF,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,YAAY;;;;CA0BjB,CAAA;AAMD,eAAe,YAAY,CAAA"}
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: props.name, required: props.required, label: label, titleCase: titleCase })) : null }), children));
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":";;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAStC,MAAM,YAAY,GAAG,CAInB,KAAiD,EACjD,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArD,0CAA6C,CAAQ,CAAA;IAE3D,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,IAAI,EAAE,IAAI,EACV,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,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
+ {"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
- export declare type Props = FileInputProps & FieldProps<FileInputProps['value']>;
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;AAQ1C,oBAAY,KAAK,GAAG,cAAc,GAAG,UAAU,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;AAExE,eAAO,MAAM,SAAS;YAAW,KAAK;;;CA+DrC,CAAA;AAMD,eAAe,SAAS,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;AAQtC,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,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
+ {"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"}
@@ -10,6 +10,7 @@ export declare type Props<T = AnyObject> = FinalFormProps<T> & {
10
10
  scrollOffsetTop?: number;
11
11
  layout?: 'horizontal' | 'vertical';
12
12
  labelWidth?: FormProps['labelWidth'];
13
+ className?: string;
13
14
  'data-testid'?: string;
14
15
  };
15
16
  export declare const Form: {
@@ -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;;;;CAuGhB,CAAA;AAMD,eAAe,IAAI,CAAA"}
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":"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"}
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): JSX.Element;
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBvB,CAAA"}
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;AAI1C,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,GAAG,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAA;AAcpE,eAAO,MAAM,KAAK,oSA8ChB,CAAA;AAMF,eAAe,KAAK,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;AAG1C,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAQtC,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,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArC,sBAA6B,CAAQ,CAAA;IAC3C,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,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
+ {"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
- export declare type Props = NumberInputProps & FieldProps<NumberInputProps['value']>;
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;AAI1C,oBAAY,KAAK,GAAG,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAA;AAO5E,eAAO,MAAM,WAAW;YAAW,KAAK;;;CAkCvC,CAAA;AAMD,eAAe,WAAW,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
  };