@salutejs/sdds-dfa 0.172.2-dev.0 → 0.172.3-canary.1550.11813906469.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (22) hide show
  1. package/api/sdds-dfa.api.md +16 -644
  2. package/components/Attach/Attach.d.ts +8 -8
  3. package/components/Button/Button.d.ts +4 -4
  4. package/components/Combobox/Combobox.d.ts +86 -80
  5. package/components/Combobox/Combobox.js +10 -1
  6. package/components/Combobox/index.d.ts +1 -465
  7. package/components/Combobox/index.js +7 -3
  8. package/components/IconButton/IconButton.d.ts +2 -2
  9. package/components/Mask/Mask.d.ts +16 -16
  10. package/components/Radiobox/Radiobox.d.ts +2 -2
  11. package/components/Select/Select.config.d.ts +15 -7
  12. package/components/Select/Select.config.js +29 -21
  13. package/components/Select/Select.d.ts +61 -52
  14. package/components/Select/Select.js +5 -6
  15. package/components/TextArea/TextArea.d.ts +16 -16
  16. package/components/TextField/TextField.d.ts +16 -16
  17. package/es/components/Combobox/Combobox.js +11 -2
  18. package/es/components/Combobox/index.js +1 -3
  19. package/es/components/Select/Select.config.js +30 -22
  20. package/es/components/Select/Select.js +5 -4
  21. package/package.json +3 -3
  22. package/temp/sdds-dfa.api.md +4876 -0
package/components/Attach/Attach.d.ts CHANGED
@@ -21,7 +21,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
21
21
  s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
22
22
  xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
23
23
  };
24
- }> & ((import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & {
24
+ }> & ((import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & {
25
25
  text?: string | undefined;
26
26
  contentLeft?: import("react").ReactNode;
27
27
  contentPlacing?: ("default" | "relaxed") | undefined;
@@ -44,7 +44,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
44
44
  contentRight?: undefined;
45
45
  } & import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types").BaseAttachProps & {
46
46
  buttonType?: "button" | undefined;
47
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & {
47
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & {
48
48
  text?: string | undefined;
49
49
  contentLeft?: import("react").ReactNode;
50
50
  contentPlacing?: ("default" | "relaxed") | undefined;
@@ -70,7 +70,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
70
70
  } & {
71
71
  value?: undefined;
72
72
  contentRight?: import("react").ReactNode;
73
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & {
73
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & {
74
74
  text?: string | undefined;
75
75
  contentLeft?: import("react").ReactNode;
76
76
  contentPlacing?: ("default" | "relaxed") | undefined;
@@ -94,7 +94,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
94
94
  } & import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types").BaseAttachProps & {
95
95
  buttonType?: "iconButton" | undefined;
96
96
  icon?: import("react").ReactNode;
97
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & {
97
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & {
98
98
  text?: string | undefined;
99
99
  contentLeft?: import("react").ReactNode;
100
100
  contentPlacing?: ("default" | "relaxed") | undefined;
@@ -121,7 +121,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
121
121
  } & {
122
122
  value?: undefined;
123
123
  contentRight?: import("react").ReactNode;
124
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & {
124
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & {
125
125
  text?: string | undefined;
126
126
  contentLeft?: import("react").ReactNode;
127
127
  contentPlacing?: ("default" | "relaxed") | undefined;
@@ -147,7 +147,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
147
147
  } & {
148
148
  value?: string | number | undefined;
149
149
  contentRight?: undefined;
150
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & {
150
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & {
151
151
  text?: string | undefined;
152
152
  contentLeft?: import("react").ReactNode;
153
153
  contentPlacing?: ("default" | "relaxed") | undefined;
@@ -170,7 +170,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
170
170
  contentRight?: import("react").ReactNode;
171
171
  } & import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types").BaseAttachProps & {
172
172
  buttonType?: "button" | undefined;
173
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & {
173
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & {
174
174
  text?: string | undefined;
175
175
  contentLeft?: import("react").ReactNode;
176
176
  contentPlacing?: ("default" | "relaxed") | undefined;
@@ -197,7 +197,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
197
197
  } & {
198
198
  value?: string | number | undefined;
199
199
  contentRight?: undefined;
200
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & {
200
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & {
201
201
  text?: string | undefined;
202
202
  contentLeft?: import("react").ReactNode;
203
203
  contentPlacing?: ("default" | "relaxed") | undefined;
package/components/Button/Button.d.ts CHANGED
@@ -34,7 +34,7 @@ declare const ButtonComponent: import("react").FunctionComponent<import("@salute
34
34
  filled: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
35
35
  fixed: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
36
36
  };
37
- }> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & {
37
+ }> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & {
38
38
  text?: string | undefined;
39
39
  contentLeft?: import("react").ReactNode;
40
40
  contentPlacing?: ("default" | "relaxed") | undefined;
@@ -55,7 +55,7 @@ declare const ButtonComponent: import("react").FunctionComponent<import("@salute
55
55
  } & {
56
56
  value?: string | number | undefined;
57
57
  contentRight?: undefined;
58
- } & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & {
58
+ } & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & {
59
59
  text?: string | undefined;
60
60
  contentLeft?: import("react").ReactNode;
61
61
  contentPlacing?: ("default" | "relaxed") | undefined;
@@ -116,7 +116,7 @@ export declare const Button: import("react").FunctionComponent<import("@salutejs
116
116
  filled: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
117
117
  fixed: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
118
118
  };
119
- }> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & {
119
+ }> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & {
120
120
  text?: string | undefined;
121
121
  contentLeft?: import("react").ReactNode;
122
122
  contentPlacing?: ("default" | "relaxed") | undefined;
@@ -137,7 +137,7 @@ export declare const Button: import("react").FunctionComponent<import("@salutejs
137
137
  } & {
138
138
  value?: string | number | undefined;
139
139
  contentRight?: undefined;
140
- } & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & {
140
+ } & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & {
141
141
  text?: string | undefined;
142
142
  contentLeft?: import("react").ReactNode;
143
143
  contentPlacing?: ("default" | "relaxed") | undefined;
package/components/Combobox/Combobox.d.ts CHANGED
@@ -1,5 +1,7 @@
1
- /// <reference types="react" />
2
- export declare const Combobox: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
1
+ import type { ItemOption, ComboboxProps, DistributiveOmit, DistributivePick } from '@salutejs/plasma-new-hope';
2
+ import React, { ComponentProps } from 'react';
3
+ import { config } from './Combobox.config';
4
+ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
3
5
  view: {
4
6
  default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
5
7
  positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -23,21 +25,21 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
23
25
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
24
26
  };
25
27
  }> & (({
26
- items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
28
+ items: ItemOption[];
27
29
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
28
30
  label?: string | undefined;
29
31
  placeholder?: string | undefined;
30
32
  helperText?: string | undefined;
31
- contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
33
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
32
34
  textBefore?: string | undefined;
33
35
  textAfter?: string | undefined;
34
36
  variant?: "normal" | "tight" | undefined;
35
37
  listOverflow?: import("csstype").Property.Overflow | undefined;
36
38
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
37
39
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
38
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
39
- renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
40
- filter?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, textValue: string) => boolean) | undefined;
40
+ portal?: string | React.RefObject<HTMLElement> | undefined;
41
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
42
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
41
43
  closeAfterSelect?: boolean | undefined;
42
44
  size?: string | undefined;
43
45
  view?: string | undefined;
@@ -58,22 +60,22 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
58
60
  } & {
59
61
  required: true;
60
62
  optional?: false | undefined;
61
- } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
62
- items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
63
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
64
+ items: ItemOption[];
63
65
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
64
66
  label?: string | undefined;
65
67
  placeholder?: string | undefined;
66
68
  helperText?: string | undefined;
67
- contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
69
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
68
70
  textBefore?: string | undefined;
69
71
  textAfter?: string | undefined;
70
72
  variant?: "normal" | "tight" | undefined;
71
73
  listOverflow?: import("csstype").Property.Overflow | undefined;
72
74
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
73
75
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
74
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
75
- renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
76
- filter?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, textValue: string) => boolean) | undefined;
76
+ portal?: string | React.RefObject<HTMLElement> | undefined;
77
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
78
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
77
79
  closeAfterSelect?: boolean | undefined;
78
80
  size?: string | undefined;
79
81
  view?: string | undefined;
@@ -94,22 +96,22 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
94
96
  } & {
95
97
  optional?: true | undefined;
96
98
  required?: false | undefined;
97
- } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
98
- items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
99
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
100
+ items: ItemOption[];
99
101
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
100
102
  label?: string | undefined;
101
103
  placeholder?: string | undefined;
102
104
  helperText?: string | undefined;
103
- contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
105
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
104
106
  textBefore?: string | undefined;
105
107
  textAfter?: string | undefined;
106
108
  variant?: "normal" | "tight" | undefined;
107
109
  listOverflow?: import("csstype").Property.Overflow | undefined;
108
110
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
109
111
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
110
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
111
- renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
112
- filter?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, textValue: string) => boolean) | undefined;
112
+ portal?: string | React.RefObject<HTMLElement> | undefined;
113
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
114
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
113
115
  closeAfterSelect?: boolean | undefined;
114
116
  size?: string | undefined;
115
117
  view?: string | undefined;
@@ -124,28 +126,28 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
124
126
  onChange?: ((value: string[]) => void) | undefined;
125
127
  isTargetAmount?: true | undefined;
126
128
  targetAmount?: number | undefined;
127
- renderValue?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => string) | undefined;
129
+ renderValue?: ((item: ItemOption) => string) | undefined;
128
130
  } & {
129
131
  requiredPlacement?: "right" | "left" | undefined;
130
132
  } & {
131
133
  required: true;
132
134
  optional?: false | undefined;
133
- } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
134
- items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
135
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
136
+ items: ItemOption[];
135
137
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
136
138
  label?: string | undefined;
137
139
  placeholder?: string | undefined;
138
140
  helperText?: string | undefined;
139
- contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
141
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
140
142
  textBefore?: string | undefined;
141
143
  textAfter?: string | undefined;
142
144
  variant?: "normal" | "tight" | undefined;
143
145
  listOverflow?: import("csstype").Property.Overflow | undefined;
144
146
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
145
147
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
146
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
147
- renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
148
- filter?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, textValue: string) => boolean) | undefined;
148
+ portal?: string | React.RefObject<HTMLElement> | undefined;
149
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
150
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
149
151
  closeAfterSelect?: boolean | undefined;
150
152
  size?: string | undefined;
151
153
  view?: string | undefined;
@@ -160,28 +162,28 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
160
162
  onChange?: ((value: string[]) => void) | undefined;
161
163
  isTargetAmount?: true | undefined;
162
164
  targetAmount?: number | undefined;
163
- renderValue?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => string) | undefined;
165
+ renderValue?: ((item: ItemOption) => string) | undefined;
164
166
  } & {
165
167
  requiredPlacement?: "right" | "left" | undefined;
166
168
  } & {
167
169
  optional?: true | undefined;
168
170
  required?: false | undefined;
169
- } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
170
- items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
171
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
172
+ items: ItemOption[];
171
173
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
172
174
  label?: string | undefined;
173
175
  placeholder?: string | undefined;
174
176
  helperText?: string | undefined;
175
- contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
177
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
176
178
  textBefore?: string | undefined;
177
179
  textAfter?: string | undefined;
178
180
  variant?: "normal" | "tight" | undefined;
179
181
  listOverflow?: import("csstype").Property.Overflow | undefined;
180
182
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
181
183
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
182
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
183
- renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
184
- filter?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, textValue: string) => boolean) | undefined;
184
+ portal?: string | React.RefObject<HTMLElement> | undefined;
185
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
186
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
185
187
  closeAfterSelect?: boolean | undefined;
186
188
  size?: string | undefined;
187
189
  view?: string | undefined;
@@ -202,22 +204,22 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
202
204
  } & {
203
205
  required: true;
204
206
  optional?: false | undefined;
205
- } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
206
- items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
207
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
208
+ items: ItemOption[];
207
209
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
208
210
  label?: string | undefined;
209
211
  placeholder?: string | undefined;
210
212
  helperText?: string | undefined;
211
- contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
213
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
212
214
  textBefore?: string | undefined;
213
215
  textAfter?: string | undefined;
214
216
  variant?: "normal" | "tight" | undefined;
215
217
  listOverflow?: import("csstype").Property.Overflow | undefined;
216
218
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
217
219
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
218
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
219
- renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
220
- filter?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, textValue: string) => boolean) | undefined;
220
+ portal?: string | React.RefObject<HTMLElement> | undefined;
221
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
222
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
221
223
  closeAfterSelect?: boolean | undefined;
222
224
  size?: string | undefined;
223
225
  view?: string | undefined;
@@ -238,22 +240,22 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
238
240
  } & {
239
241
  optional?: true | undefined;
240
242
  required?: false | undefined;
241
- } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
242
- items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
243
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
244
+ items: ItemOption[];
243
245
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
244
246
  label?: string | undefined;
245
247
  placeholder?: string | undefined;
246
248
  helperText?: string | undefined;
247
- contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
249
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
248
250
  textBefore?: string | undefined;
249
251
  textAfter?: string | undefined;
250
252
  variant?: "normal" | "tight" | undefined;
251
253
  listOverflow?: import("csstype").Property.Overflow | undefined;
252
254
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
253
255
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
254
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
255
- renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
256
- filter?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, textValue: string) => boolean) | undefined;
256
+ portal?: string | React.RefObject<HTMLElement> | undefined;
257
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
258
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
257
259
  closeAfterSelect?: boolean | undefined;
258
260
  size?: string | undefined;
259
261
  view?: string | undefined;
@@ -268,28 +270,28 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
268
270
  onChange?: ((value: string[]) => void) | undefined;
269
271
  isTargetAmount?: true | undefined;
270
272
  targetAmount?: number | undefined;
271
- renderValue?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => string) | undefined;
273
+ renderValue?: ((item: ItemOption) => string) | undefined;
272
274
  } & {
273
275
  requiredPlacement?: "right" | "left" | undefined;
274
276
  } & {
275
277
  required: true;
276
278
  optional?: false | undefined;
277
- } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
278
- items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
279
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
280
+ items: ItemOption[];
279
281
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
280
282
  label?: string | undefined;
281
283
  placeholder?: string | undefined;
282
284
  helperText?: string | undefined;
283
- contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
285
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
284
286
  textBefore?: string | undefined;
285
287
  textAfter?: string | undefined;
286
288
  variant?: "normal" | "tight" | undefined;
287
289
  listOverflow?: import("csstype").Property.Overflow | undefined;
288
290
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
289
291
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
290
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
291
- renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
292
- filter?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, textValue: string) => boolean) | undefined;
292
+ portal?: string | React.RefObject<HTMLElement> | undefined;
293
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
294
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
293
295
  closeAfterSelect?: boolean | undefined;
294
296
  size?: string | undefined;
295
297
  view?: string | undefined;
@@ -304,28 +306,28 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
304
306
  onChange?: ((value: string[]) => void) | undefined;
305
307
  isTargetAmount?: true | undefined;
306
308
  targetAmount?: number | undefined;
307
- renderValue?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => string) | undefined;
309
+ renderValue?: ((item: ItemOption) => string) | undefined;
308
310
  } & {
309
311
  requiredPlacement?: "right" | "left" | undefined;
310
312
  } & {
311
313
  optional?: true | undefined;
312
314
  required?: false | undefined;
313
- } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
314
- items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
315
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
316
+ items: ItemOption[];
315
317
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
316
318
  label?: string | undefined;
317
319
  placeholder?: string | undefined;
318
320
  helperText?: string | undefined;
319
- contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
321
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
320
322
  textBefore?: string | undefined;
321
323
  textAfter?: string | undefined;
322
324
  variant?: "normal" | "tight" | undefined;
323
325
  listOverflow?: import("csstype").Property.Overflow | undefined;
324
326
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
325
327
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
326
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
327
- renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
328
- filter?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, textValue: string) => boolean) | undefined;
328
+ portal?: string | React.RefObject<HTMLElement> | undefined;
329
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
330
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
329
331
  closeAfterSelect?: boolean | undefined;
330
332
  size?: string | undefined;
331
333
  view?: string | undefined;
@@ -346,22 +348,22 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
346
348
  } & {
347
349
  required: true;
348
350
  optional?: false | undefined;
349
- } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
350
- items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
351
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
352
+ items: ItemOption[];
351
353
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
352
354
  label?: string | undefined;
353
355
  placeholder?: string | undefined;
354
356
  helperText?: string | undefined;
355
- contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
357
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
356
358
  textBefore?: string | undefined;
357
359
  textAfter?: string | undefined;
358
360
  variant?: "normal" | "tight" | undefined;
359
361
  listOverflow?: import("csstype").Property.Overflow | undefined;
360
362
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
361
363
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
362
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
363
- renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
364
- filter?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, textValue: string) => boolean) | undefined;
364
+ portal?: string | React.RefObject<HTMLElement> | undefined;
365
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
366
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
365
367
  closeAfterSelect?: boolean | undefined;
366
368
  size?: string | undefined;
367
369
  view?: string | undefined;
@@ -382,22 +384,22 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
382
384
  } & {
383
385
  optional?: true | undefined;
384
386
  required?: false | undefined;
385
- } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
386
- items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
387
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
388
+ items: ItemOption[];
387
389
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
388
390
  label?: string | undefined;
389
391
  placeholder?: string | undefined;
390
392
  helperText?: string | undefined;
391
- contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
393
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
392
394
  textBefore?: string | undefined;
393
395
  textAfter?: string | undefined;
394
396
  variant?: "normal" | "tight" | undefined;
395
397
  listOverflow?: import("csstype").Property.Overflow | undefined;
396
398
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
397
399
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
398
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
399
- renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
400
- filter?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, textValue: string) => boolean) | undefined;
400
+ portal?: string | React.RefObject<HTMLElement> | undefined;
401
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
402
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
401
403
  closeAfterSelect?: boolean | undefined;
402
404
  size?: string | undefined;
403
405
  view?: string | undefined;
@@ -412,28 +414,28 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
412
414
  onChange?: ((value: string[]) => void) | undefined;
413
415
  isTargetAmount?: true | undefined;
414
416
  targetAmount?: number | undefined;
415
- renderValue?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => string) | undefined;
417
+ renderValue?: ((item: ItemOption) => string) | undefined;
416
418
  } & {
417
419
  requiredPlacement?: "right" | "left" | undefined;
418
420
  } & {
419
421
  required: true;
420
422
  optional?: false | undefined;
421
- } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
422
- items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
423
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
424
+ items: ItemOption[];
423
425
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
424
426
  label?: string | undefined;
425
427
  placeholder?: string | undefined;
426
428
  helperText?: string | undefined;
427
- contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
429
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
428
430
  textBefore?: string | undefined;
429
431
  textAfter?: string | undefined;
430
432
  variant?: "normal" | "tight" | undefined;
431
433
  listOverflow?: import("csstype").Property.Overflow | undefined;
432
434
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
433
435
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
434
- portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
435
- renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
436
- filter?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, textValue: string) => boolean) | undefined;
436
+ portal?: string | React.RefObject<HTMLElement> | undefined;
437
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
438
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
437
439
  closeAfterSelect?: boolean | undefined;
438
440
  size?: string | undefined;
439
441
  view?: string | undefined;
@@ -448,10 +450,14 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
448
450
  onChange?: ((value: string[]) => void) | undefined;
449
451
  isTargetAmount?: true | undefined;
450
452
  targetAmount?: number | undefined;
451
- renderValue?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => string) | undefined;
453
+ renderValue?: ((item: ItemOption) => string) | undefined;
452
454
  } & {
453
455
  requiredPlacement?: "right" | "left" | undefined;
454
456
  } & {
455
457
  optional?: true | undefined;
456
458
  required?: false | undefined;
457
- } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>))>;
459
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>))>;
460
+ declare type PropsFromConfig = keyof typeof config['variations'];
461
+ declare type Props<T extends ItemOption> = DistributiveOmit<ComboboxProps<T>, PropsFromConfig> & DistributivePick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;
462
+ declare const Combobox: <T extends ItemOption>(props: Props<T> & React.RefAttributes<HTMLInputElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
463
+ export { Combobox };
package/components/Combobox/Combobox.js CHANGED
@@ -5,6 +5,15 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.Combobox = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
8
+ var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
9
  var _Combobox = /*#__PURE__*/require("./Combobox.config");
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
9
12
  var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.comboboxNewConfig, _Combobox.config);
10
- var Combobox = exports.Combobox = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
13
+ var ComboboxNew = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
14
+ var ComboboxComponent = function ComboboxComponent(props, ref) {
15
+ return /*#__PURE__*/_react["default"].createElement(ComboboxNew, _extends({
16
+ ref: ref
17
+ }, props));
18
+ };
19
+ var Combobox = exports.Combobox = /*#__PURE__*/(0, _styledComponents.fixedForwardRef)(ComboboxComponent);