@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 +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;AAErC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAItC,MAAM,GAAG,GAAG,CAAC,UAAU,CAAA;AACvB,MAAM,GAAG,GAAG,UAAU,CAAA;AAEtB,MAAM,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAA;AAExC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAY,EAAE,EAAE;IAC1C,MAAM,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArE,gDAA6D,CAAQ,CAAA;IAE3E,MAAM,oBAAoB,GAEtB,KAAK,CAAC,EAAE;QACV,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE;YACvB,OAAO,iCAAiC,GAAG,GAAG,CAAA;SAC/C;QACD,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE;YACvB,OAAO,oCAAoC,GAAG,GAAG,CAAA;SAClD;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,QAAQ,EAAE,iBAAiB,CAAC,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CAAC,EAC7D,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,CAAC,UAA4B,EAAE,EAAE;QAChC,OAAO,oBAAC,kBAAkB,oBAAK,UAAU,EAAI,CAAA;IAC/C,CAAC,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,YAAY,GAAG,EAAE,CAAA;AAE7B,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}
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;AAM1C,oBAAY,KAAK,GAAG,kBAAkB,GACpC,UAAU,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,GAAG;IAAE,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAAE,CAAA;AAuB1E,eAAO,MAAM,aAAa;8CAIvB,KAAK;;CAkGP,CAAA;AAID,eAAe,aAAa,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":"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"}
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
- export declare type Props = RadioGroupProps & FieldProps<RadioProps['value']>;
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;AAK1C,oBAAY,KAAK,GAAG,eAAe,GAAG,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAA;AAErE,eAAO,MAAM,UAAU;YAAW,KAAK;;;CAmCtC,CAAA;AAMD,eAAe,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;AACtC,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AAInD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,EAAE;IACzC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IAErD,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,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
+ {"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
- export declare type RatingStarsProps = PicassoRatingStarsProps & FieldProps<PicassoRatingStarsProps['value']>;
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;AAK1C,oBAAY,gBAAgB,GAAG,uBAAuB,GACpD,UAAU,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC,CAAA;AA8B9C,oBAAY,iBAAiB,GAAG,wBAAwB,GACtD,UAAU,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,GAAG;IAAE,eAAe,CAAC,EAAE,OAAO,CAAA;CAAE,CAAA;AA6C/E,eAAO,MAAM,MAAM;4BA1EG,gBAAgB;6BA4Cf,iBAAiB;CAiC9B,CAAA;AAEV,eAAe,MAAM,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;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAKrC,MAAM,KAAK,GAAG,CAAC,KAAuB,EAAE,EAAE;IACxC,MAAM,EAAE,KAAK,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArC,sBAA6B,CAAQ,CAAA;IAE3C,OAAO,CACL,oBAAC,YAAY,oBACP,IAAI,IACR,IAAI,EAAC,QAAQ,EACb,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,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,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,EAAE,SAAS,KAC3D,KAAK,EAD2D,IAAI,UACpE,KAAK,EADD,iEAAkE,CACjE,CAAA;IAEP,MAAM,gBAAgB,GAAG,UAAU,CAAC,iBAAiB,CAAC;QACpD,QAAQ,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS;QACzD,QAAQ;KACT,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,YAAY,kBACX,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ,EAAE,eAAe,IACrB,IAAI,IACR,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,UAAU,CAAC,EAAE,CAAC,oBAAC,aAAa,CAAC,MAAM,oBAAK,UAAU,EAAI,CAC1C,CAChB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,KAAK;IACL,MAAM;CACE,CAAA;AAEV,eAAe,MAAM,CAAA"}
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;AAKjD,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,CAAA;AAIjB,eAAO,MAAM,cAAc,UAAW,KAAK,gBA0D1C,CAAA;AAED,eAAe,cAAc,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;AACtC,OAAO,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAcrD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAY,EAAE,EAAE;IAC7C,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAtE,6DAA8D,CAAQ,CAAA;IAE5E,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,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
+ {"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
- export declare type Props<T extends SelectValueType, M extends boolean = false> = SelectProps<T, M> & FieldProps<SelectProps<T, M>['value']>;
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;AAI1C,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,CAAA;AAE9D,eAAO,MAAM,MAAM;;;;CAkClB,CAAA;AAMD,eAAe,MAAM,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;AAOtC,MAAM,CAAC,MAAM,MAAM,GAAG,CACpB,KAAkB,EAClB,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAtD,oCAA8C,CAAQ,CAAA;IAC5D,MAAM,YAAY,GAAG,EAAE,CAAC,CAAC,CAAC,oCAAoC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAE9E,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,YAAY,EAChB,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,oBAAC,UAAU,IACT,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,CAAC,WAAwB,EAAE,EAAE;QAC5B,OAAO,CACL,oBAAC,aAAa,oBACR,WAAW,IACf,EAAE,EAAE,YAAY;YAChB,oHAAoH;YACpH,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,IAAI,KAAK,IACtD,CACH,CAAA;IACH,CAAC,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,YAAY,GAAG,EAAE,CAAA;AAExB,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,eAAe,MAAM,CAAA"}
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;AAG1C,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,GAAG,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAA;AAEtE,eAAO,MAAM,MAAM;YAAW,KAAK;;;CAqBlC,CAAA;AAMD,eAAe,MAAM,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;AAOnC,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,IAAC,OAAO,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IAC7D,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
+ {"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
- export declare type Props = TagSelectorProps & FieldProps<TagSelectorProps['value']>;
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;AAI1C,oBAAY,KAAK,GAAG,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAA;AAE5E,eAAO,MAAM,WAAW;YAAW,KAAK;;CA0BvC,CAAA;AAID,eAAe,WAAW,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;AAGnE,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAItC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAY,EAAE,EAAE;IAC1C,MAAM,EAAE,KAAK,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArC,sBAA6B,CAAQ,CAAA;IAE3C,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,CAAC,UAA4B,EAAE,EAAE;QAChC,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
+ {"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;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;;CAyBtC,CAAA;AAID,eAAe,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;AAOtC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,EAAE;IACzC,MAAM,EAAE,KAAK,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArC,sBAA6B,CAAQ,CAAA;IAE3C,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,CAAC,UAA2B,EAAE,EAAE;QAC/B,6DAA6D;QAC7D,MAAM,EAAE,WAAW,EAAE,YAAY,KAAc,UAAU,EAAnB,IAAI,UAAK,UAAU,EAAnD,+BAAsC,CAAa,CAAA;QAEzD,OAAO,oBAAC,iBAAiB,oBAAK,IAAI,EAAI,CAAA;IACxC,CAAC,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
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.0.0",
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.1",
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 & FieldProps<AutocompleteProps['value']>
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 & FieldProps<AvatarUploadProps['value']>
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 { Checkbox as PicassoCheckbox } from '@toptal/picasso'
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
- <PicassoCheckbox
67
- {...input}
68
- label={label}
69
- titleCase={restProps.titleCase}
70
- requiredDecoration={requiredDecoration}
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 { children, titleCase, label, initialValue, ...rest } = props
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 & FieldProps<DatePickerProps['value']>
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
  />