@salutejs/sdds-dfa 0.172.2-dev.0 → 0.172.3-dev.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 (21) 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
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);