@toptal/picasso-forms 68.0.3 → 68.0.4

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 (5) hide show
  1. package/dist-package/src/FormCompound/index.d.ts +107 -50
  2. package/dist-package/src/FormCompound/index.d.ts.map +1 -1
  3. package/dist-package/src/FormCompound/index.js.map +1 -1
  4. package/package.json +2 -2
  5. package/src/FormCompound/index.ts +1 -27
package/dist-package/src/FormCompound/index.d.ts CHANGED
@@ -1,52 +1,109 @@
1
- import { FieldRequirements } from '@toptal/picasso';
2
- import Form from '../Form';
3
- import Autocomplete from '../Autocomplete';
4
- import Input from '../Input';
5
- import Select from '../Select';
6
- import Radio from '../Radio';
7
- import ButtonRadio from '../ButtonRadio';
8
- import RadioGroup from '../RadioGroup';
9
- import Checkbox from '../Checkbox';
10
- import ButtonCheckbox from '../ButtonCheckbox';
11
- import CheckboxGroup from '../CheckboxGroup';
12
- import NumberInput from '../NumberInput';
13
- import FileInput from '../FileInput';
14
- import DatePicker from '../DatePicker';
15
- import TimePicker from '../TimePicker';
16
- import TagSelector from '../TagSelector';
17
- import SubmitButton from '../SubmitButton';
18
- import Switch from '../Switch';
19
- import Rating from '../Rating';
20
- import Dropzone from '../Dropzone';
21
- import RichTextEditor from '../RichTextEditor';
22
- import PasswordInput from '../PasswordInput';
23
- import { FormConfigContext } from '../FormConfig';
24
- import AvatarUpload from '../AvatarUpload';
25
- declare type FormCompoundType = typeof Form & {
26
- Autocomplete: typeof Autocomplete;
27
- Input: typeof Input;
28
- Select: typeof Select;
29
- Radio: typeof Radio;
30
- ButtonRadio: typeof ButtonRadio;
31
- RadioGroup: typeof RadioGroup;
32
- Checkbox: typeof Checkbox;
33
- ButtonCheckbox: typeof ButtonCheckbox;
34
- CheckboxGroup: typeof CheckboxGroup;
35
- NumberInput: typeof NumberInput;
36
- FileInput: typeof FileInput;
37
- DatePicker: typeof DatePicker;
38
- TimePicker: typeof TimePicker;
39
- TagSelector: typeof TagSelector;
40
- SubmitButton: typeof SubmitButton;
41
- ConfigProvider: typeof FormConfigContext.Provider;
42
- Switch: typeof Switch;
43
- Rating: typeof Rating;
44
- Dropzone: typeof Dropzone;
45
- PasswordInput: typeof PasswordInput;
46
- FieldRequirements: typeof FieldRequirements;
47
- RichTextEditor: typeof RichTextEditor;
48
- AvatarUpload: typeof AvatarUpload;
1
+ /// <reference types="react" />
2
+ export declare const FormCompound: {
3
+ <T extends import("final-form").AnyObject = import("final-form").AnyObject>(props: import("../Form").Props<T>): JSX.Element;
4
+ defaultProps: {};
5
+ displayName: string;
6
+ } & {
7
+ Autocomplete: {
8
+ (props: import("../Autocomplete/Autocomplete").Props): JSX.Element;
9
+ displayName: string;
10
+ };
11
+ Input: import("react").ForwardRefExoticComponent<Pick<import("../Input").Props, keyof import("react-final-form").FieldProps<string | undefined, import("react-final-form").FieldRenderProps<string | undefined, HTMLInputElement, string | undefined>, HTMLInputElement, string | undefined>> & import("react").RefAttributes<HTMLInputElement>>;
12
+ Select: {
13
+ <T_1 extends import("@toptal/picasso").SelectValueType, M extends boolean = false>(props: import("../Select").Props<T_1, M>): JSX.Element;
14
+ defaultProps: {};
15
+ displayName: string;
16
+ };
17
+ Radio: ({ name, ...rest }: import("../Radio/Radio").Props) => JSX.Element;
18
+ ButtonRadio: {
19
+ ({ name, ...rest }: import("../ButtonRadio/ButtonRadio").Props): JSX.Element;
20
+ displayName: string;
21
+ };
22
+ RadioGroup: {
23
+ (props: import("../RadioGroup").Props): JSX.Element;
24
+ defaultProps: {};
25
+ displayName: string;
26
+ };
27
+ Checkbox: {
28
+ ({ name, value, required, label, defaultValue, ...restProps }: import("../Checkbox").Props): JSX.Element;
29
+ displayName: string;
30
+ };
31
+ ButtonCheckbox: {
32
+ ({ name, value, required, ...restProps }: import("../ButtonCheckbox/ButtonCheckbox").Props): JSX.Element;
33
+ displayName: string;
34
+ };
35
+ CheckboxGroup: {
36
+ (props: import("../CheckboxGroup").Props): JSX.Element;
37
+ displayName: string;
38
+ };
39
+ NumberInput: {
40
+ (props: import("../NumberInput").Props): JSX.Element;
41
+ defaultProps: {};
42
+ displayName: string;
43
+ };
44
+ FileInput: {
45
+ (props: import("../FileInput/FileInput").Props): JSX.Element;
46
+ defaultProps: {};
47
+ displayName: string;
48
+ };
49
+ DatePicker: {
50
+ (props: import("../DatePicker/DatePicker").Props): JSX.Element;
51
+ defaultProps: {};
52
+ displayName: string;
53
+ };
54
+ TimePicker: {
55
+ (props: import("../TimePicker/TimePicker").Props): JSX.Element;
56
+ displayName: string;
57
+ };
58
+ TagSelector: {
59
+ (props: import("../TagSelector").Props): JSX.Element;
60
+ displayName: string;
61
+ };
62
+ SubmitButton: {
63
+ ({ buttonType, variant, ...restOfProps }: import("../SubmitButton").Props): JSX.Element;
64
+ defaultProps: {
65
+ buttonType: string;
66
+ };
67
+ displayName: string;
68
+ };
69
+ ConfigProvider: import("react").Provider<import("../FormConfig").FormConfigProps>;
70
+ Switch: {
71
+ (props: import("../Switch/Switch").Props): JSX.Element;
72
+ defaultProps: {};
73
+ displayName: string;
74
+ };
75
+ Rating: {
76
+ readonly Stars: (props: import("../Rating/Rating").RatingStarsProps) => JSX.Element;
77
+ readonly Thumbs: (props: import("../Rating/Rating").RatingThumbsProps) => JSX.Element;
78
+ };
79
+ Dropzone: {
80
+ ({ dropzoneHint, ...props }: import("../Dropzone/Dropzone").Props): JSX.Element;
81
+ defaultProps: {};
82
+ displayName: string;
83
+ };
84
+ PasswordInput: {
85
+ ({ validate, hideRequirements, ...rest }: import("../PasswordInput/PasswordInput").Props): JSX.Element;
86
+ displayName: string;
87
+ };
88
+ FieldRequirements: {
89
+ <TValueType>({ value, description, open, error, timeout, requirements, className, style, testIds, }: import("packages/base/Form/dist-package/src/FieldRequirements/FieldRequirements").Props<TValueType>): JSX.Element;
90
+ defaultProps: {
91
+ open: boolean;
92
+ timeout: number;
93
+ value: string;
94
+ };
95
+ displayName: string;
96
+ };
97
+ RichTextEditor: (props: import("../RichTextEditor/RichTextEditor").Props) => JSX.Element;
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 & {
100
+ name?: string | undefined;
101
+ label?: import("react").ReactNode;
102
+ labelEndAdornment?: import("react").ReactNode;
103
+ required?: boolean | undefined;
104
+ }): JSX.Element;
105
+ defaultProps: {};
106
+ displayName: string;
107
+ };
49
108
  };
50
- export declare const FormCompound: FormCompoundType;
51
- export {};
52
109
  //# sourceMappingURL=index.d.ts.map
package/dist-package/src/FormCompound/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormCompound/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,KAAK,MAAM,UAAU,CAAA;AAC5B,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,KAAK,MAAM,UAAU,CAAA;AAC5B,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAE1C,aAAK,gBAAgB,GAAG,OAAO,IAAI,GAAG;IACpC,YAAY,EAAE,OAAO,YAAY,CAAA;IACjC,KAAK,EAAE,OAAO,KAAK,CAAA;IACnB,MAAM,EAAE,OAAO,MAAM,CAAA;IACrB,KAAK,EAAE,OAAO,KAAK,CAAA;IACnB,WAAW,EAAE,OAAO,WAAW,CAAA;IAC/B,UAAU,EAAE,OAAO,UAAU,CAAA;IAC7B,QAAQ,EAAE,OAAO,QAAQ,CAAA;IACzB,cAAc,EAAE,OAAO,cAAc,CAAA;IACrC,aAAa,EAAE,OAAO,aAAa,CAAA;IACnC,WAAW,EAAE,OAAO,WAAW,CAAA;IAC/B,SAAS,EAAE,OAAO,SAAS,CAAA;IAC3B,UAAU,EAAE,OAAO,UAAU,CAAA;IAC7B,UAAU,EAAE,OAAO,UAAU,CAAA;IAC7B,WAAW,EAAE,OAAO,WAAW,CAAA;IAC/B,YAAY,EAAE,OAAO,YAAY,CAAA;IACjC,cAAc,EAAE,OAAO,iBAAiB,CAAC,QAAQ,CAAA;IACjD,MAAM,EAAE,OAAO,MAAM,CAAA;IACrB,MAAM,EAAE,OAAO,MAAM,CAAA;IACrB,QAAQ,EAAE,OAAO,QAAQ,CAAA;IACzB,aAAa,EAAE,OAAO,aAAa,CAAA;IACnC,iBAAiB,EAAE,OAAO,iBAAiB,CAAA;IAC3C,cAAc,EAAE,OAAO,cAAc,CAAA;IACrC,YAAY,EAAE,OAAO,YAAY,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,gBAwBzB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormCompound/index.ts"],"names":[],"mappings":";AA0BA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBvB,CAAA"}
package/dist-package/src/FormCompound/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FormCompound/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,KAAK,MAAM,UAAU,CAAA;AAC5B,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,KAAK,MAAM,UAAU,CAAA;AAC5B,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,YAAY,MAAM,iBAAiB,CAAA;AA4B1C,MAAM,CAAC,MAAM,YAAY,GAAqB,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;IAChE,YAAY,EAAE,YAAY;IAC1B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,UAAU;IACtB,QAAQ,EAAE,QAAQ;IAClB,cAAc,EAAE,cAAc;IAC9B,aAAa,EAAE,aAAa;IAC5B,WAAW,EAAE,WAAW;IACxB,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,UAAU;IACtB,UAAU,EAAE,UAAU;IACtB,WAAW,EAAE,WAAW;IACxB,YAAY,EAAE,YAAY;IAC1B,cAAc,EAAE,iBAAiB,CAAC,QAAQ;IAC1C,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,QAAQ;IAClB,aAAa,EAAE,aAAa;IAC5B,iBAAiB,EAAE,iBAAiB;IACpC,cAAc,EAAE,cAAc;IAC9B,YAAY,EAAE,YAAY;CAC3B,CAAC,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FormCompound/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,KAAK,MAAM,UAAU,CAAA;AAC5B,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,KAAK,MAAM,UAAU,CAAA;AAC5B,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAE1C,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;IAC9C,YAAY,EAAE,YAAY;IAC1B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,UAAU;IACtB,QAAQ,EAAE,QAAQ;IAClB,cAAc,EAAE,cAAc;IAC9B,aAAa,EAAE,aAAa;IAC5B,WAAW,EAAE,WAAW;IACxB,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,UAAU;IACtB,UAAU,EAAE,UAAU;IACtB,WAAW,EAAE,WAAW;IACxB,YAAY,EAAE,YAAY;IAC1B,cAAc,EAAE,iBAAiB,CAAC,QAAQ;IAC1C,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,QAAQ;IAClB,aAAa,EAAE,aAAa;IAC5B,iBAAiB,EAAE,iBAAiB;IACpC,cAAc,EAAE,cAAc;IAC9B,YAAY,EAAE,YAAY;CAC3B,CAAC,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso-forms",
3
- "version": "68.0.3",
3
+ "version": "68.0.4",
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": "12.0.1",
33
33
  "@toptal/picasso-utils": "1.0.2",
34
- "@toptal/picasso-notification": "1.0.5",
34
+ "@toptal/picasso-notification": "1.0.6",
35
35
  "classnames": "^2.5.1",
36
36
  "debounce": "^1.2.1",
37
37
  "detect-browser": "^5.3.0",
package/src/FormCompound/index.ts CHANGED
@@ -24,33 +24,7 @@ import PasswordInput from '../PasswordInput'
24
24
  import { FormConfigContext } from '../FormConfig'
25
25
  import AvatarUpload from '../AvatarUpload'
26
26
 
27
- type FormCompoundType = typeof Form & {
28
- Autocomplete: typeof Autocomplete
29
- Input: typeof Input
30
- Select: typeof Select
31
- Radio: typeof Radio
32
- ButtonRadio: typeof ButtonRadio
33
- RadioGroup: typeof RadioGroup
34
- Checkbox: typeof Checkbox
35
- ButtonCheckbox: typeof ButtonCheckbox
36
- CheckboxGroup: typeof CheckboxGroup
37
- NumberInput: typeof NumberInput
38
- FileInput: typeof FileInput
39
- DatePicker: typeof DatePicker
40
- TimePicker: typeof TimePicker
41
- TagSelector: typeof TagSelector
42
- SubmitButton: typeof SubmitButton
43
- ConfigProvider: typeof FormConfigContext.Provider
44
- Switch: typeof Switch
45
- Rating: typeof Rating
46
- Dropzone: typeof Dropzone
47
- PasswordInput: typeof PasswordInput
48
- FieldRequirements: typeof FieldRequirements
49
- RichTextEditor: typeof RichTextEditor
50
- AvatarUpload: typeof AvatarUpload
51
- }
52
-
53
- export const FormCompound: FormCompoundType = Object.assign(Form, {
27
+ export const FormCompound = Object.assign(Form, {
54
28
  Autocomplete: Autocomplete,
55
29
  Input: Input,
56
30
  Select: Select,