@salutejs/plasma-web 1.368.1-canary.1362.10423909326.0 → 1.369.0-canary.1349.10432639210.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (58) hide show
  1. package/api/plasma-web.api.md +162 -41
  2. package/components/Select/Select.d.ts +175 -7
  3. package/components/Select/Select.js +4 -21
  4. package/components/Select/index.d.ts +2 -1
  5. package/components/Tabs/TabItem.d.ts +13 -1
  6. package/components/Tabs/Tabs.d.ts +13 -1
  7. package/components/Tabs/TabsController.d.ts +3 -0
  8. package/components/Tabs/TabsController.js +3 -0
  9. package/css/cjs/components/Select/Select.config.js +40 -0
  10. package/css/cjs/components/Select/Select.config.js.map +1 -0
  11. package/css/cjs/components/{SelectNew/Select.config_o7l3zz.css → Select/Select.config_63kke9.css} +17 -17
  12. package/css/cjs/components/{SelectNew/index.css → Select/Select.css} +17 -17
  13. package/css/cjs/components/Select/Select.js.map +1 -0
  14. package/css/cjs/components/Tabs/TabsController.js +3 -0
  15. package/css/cjs/components/Tabs/TabsController.js.map +1 -1
  16. package/css/cjs/index.css +17 -17
  17. package/css/cjs/index.js +25 -21
  18. package/css/cjs/index.js.map +1 -1
  19. package/css/es/components/Select/Select.config.js +36 -0
  20. package/css/es/components/Select/Select.config.js.map +1 -0
  21. package/css/es/components/{SelectNew/Select.config_o7l3zz.css → Select/Select.config_63kke9.css} +17 -17
  22. package/css/es/components/{SelectNew/index.css → Select/Select.css} +17 -17
  23. package/css/es/components/Select/Select.js.map +1 -0
  24. package/css/es/components/Tabs/TabsController.js +3 -0
  25. package/css/es/components/Tabs/TabsController.js.map +1 -1
  26. package/css/es/index.css +17 -17
  27. package/css/es/index.js +2 -2
  28. package/css/index.d.ts +2 -2
  29. package/es/components/Select/Select.js +5 -18
  30. package/es/components/Tabs/TabsController.js +3 -0
  31. package/es/index.js +0 -1
  32. package/index.d.ts +0 -1
  33. package/index.js +0 -11
  34. package/package.json +3 -3
  35. package/temp/plasma-web.api.md +162 -41
  36. package/components/Select/Select.perftest.js +0 -68
  37. package/components/SelectNew/Select.d.ts +0 -79
  38. package/components/SelectNew/Select.js +0 -10
  39. package/components/SelectNew/index.d.ts +0 -81
  40. package/components/SelectNew/index.js +0 -11
  41. package/css/cjs/components/SelectNew/Select.config.js +0 -40
  42. package/css/cjs/components/SelectNew/Select.config.js.map +0 -1
  43. package/css/cjs/components/SelectNew/Select.js.map +0 -1
  44. package/css/cjs/components/SelectNew/index.js +0 -13
  45. package/css/cjs/components/SelectNew/index.js.map +0 -1
  46. package/css/es/components/SelectNew/Select.config.js +0 -36
  47. package/css/es/components/SelectNew/Select.config.js.map +0 -1
  48. package/css/es/components/SelectNew/Select.js.map +0 -1
  49. package/css/es/components/SelectNew/index.js +0 -9
  50. package/css/es/components/SelectNew/index.js.map +0 -1
  51. package/es/components/Select/Select.perftest.js +0 -61
  52. package/es/components/SelectNew/Select.js +0 -5
  53. package/es/components/SelectNew/index.js +0 -6
  54. /package/components/{SelectNew → Select}/Select.config.d.ts +0 -0
  55. /package/components/{SelectNew → Select}/Select.config.js +0 -0
  56. /package/css/cjs/components/{SelectNew → Select}/Select.js +0 -0
  57. /package/css/es/components/{SelectNew → Select}/Select.js +0 -0
  58. /package/es/components/{SelectNew → Select}/Select.config.js +0 -0
@@ -39,7 +39,6 @@ import { BaseboxProps } from '@salutejs/plasma-new-hope/styled-components';
39
39
  import { BaseCallbackChangeInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
40
40
  import { BaseCallbackKeyboardInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
41
41
  import { BaseProps } from '@salutejs/plasma-new-hope/types/components/Autocomplete/Autocomplete.types';
42
- import { BasicProps } from '@salutejs/plasma-new-hope/types/components/Select/Select.types';
43
42
  import { BlurProps } from '@salutejs/plasma-core';
44
43
  import { blurs } from '@salutejs/plasma-core';
45
44
  import { BoldProps } from '@salutejs/plasma-new-hope/types/components/Typography/Typography.types';
@@ -99,8 +98,6 @@ import { CounterProps } from '@salutejs/plasma-new-hope/styled-components';
99
98
  import { counterTokens } from '@salutejs/plasma-new-hope/styled-components';
100
99
  import { CustomComboboxProps } from '@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types';
101
100
  import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types';
102
- import { CustomTabItemProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/TabItem/TabItem.types';
103
- import { CustomTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/Tabs/Tabs.types';
104
101
  import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types';
105
102
  import { DateInfo } from '@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types';
106
103
  import { DatePickerCalendarProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types';
@@ -159,6 +156,7 @@ import { ListItem } from '@salutejs/plasma-hope';
159
156
  import { MaxLinesProps } from '@salutejs/plasma-core';
160
157
  import { mediaQuery } from '@salutejs/plasma-hope';
161
158
  import { MediaQueryFunction } from '@salutejs/plasma-hope';
159
+ import { MergedDropdownNode } from '@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types';
162
160
  import { Modal } from '@salutejs/plasma-hope';
163
161
  import { modalClasses as modalBaseClasses } from '@salutejs/plasma-new-hope/styled-components';
164
162
  import { ModalProps as ModalBaseProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -201,6 +199,7 @@ import { PreviewGalleryProps } from '@salutejs/plasma-hope';
201
199
  import { priceClasses } from '@salutejs/plasma-new-hope/styled-components';
202
200
  import { PriceProps } from '@salutejs/plasma-new-hope/types/components/Price/Price.types';
203
201
  import { ProgressProps } from '@salutejs/plasma-new-hope/styled-components';
202
+ import { Property } from 'csstype';
204
203
  import { Props } from '@salutejs/plasma-new-hope/types/components/EmptyState/EmptyState.types';
205
204
  import { PropsType } from '@salutejs/plasma-new-hope/types/engines/types';
206
205
  import { RadioGroup } from '@salutejs/plasma-new-hope/styled-components';
@@ -230,7 +229,8 @@ import { SegmentItemProps } from '@salutejs/plasma-new-hope/styled-components';
230
229
  import { SegmentProvider } from '@salutejs/plasma-new-hope/styled-components';
231
230
  import { SegmentProviderProps } from '@salutejs/plasma-new-hope/styled-components';
232
231
  import { SelectGroup } from '@salutejs/plasma-hope';
233
- import { SelectProps } from '@salutejs/plasma-hope';
232
+ import { MergedSelectProps as SelectProps } from '@salutejs/plasma-new-hope/styled-components';
233
+ import { SelectProps as SelectPropsHope } from '@salutejs/plasma-hope';
234
234
  import { selectText } from '@salutejs/plasma-hope';
235
235
  import { setRef } from '@salutejs/plasma-core';
236
236
  import { shadows } from '@salutejs/plasma-core';
@@ -259,6 +259,7 @@ import { StyledComponent } from 'styled-components';
259
259
  import { StyledPreviewGallery } from '@salutejs/plasma-hope';
260
260
  import { SubtitleProps } from '@salutejs/plasma-new-hope/styled-components';
261
261
  import { SwitchProps as SwitchProps_2 } from '@salutejs/plasma-new-hope/styled-components';
262
+ import { SyntheticEvent } from 'react';
262
263
  import { syntheticFocus } from '@salutejs/plasma-core';
263
264
  import { TabItemProps } from '@salutejs/plasma-new-hope/styled-components';
264
265
  import { TabItemRefs } from '@salutejs/plasma-new-hope/styled-components';
@@ -285,6 +286,7 @@ import { toolbarTokens } from '@salutejs/plasma-new-hope/styled-components';
285
286
  import { TooltipProps } from '@salutejs/plasma-new-hope/styled-components';
286
287
  import { transformStyles } from '@salutejs/plasma-core';
287
288
  import { TypographyOldProps } from '@salutejs/plasma-new-hope/types/components/Typography/Old/TypographyOld';
289
+ import { UIEvent as UIEvent_2 } from 'react';
288
290
  import { Upload } from '@salutejs/plasma-hope';
289
291
  import { UploadAudio } from '@salutejs/plasma-hope';
290
292
  import { UploadAudioProps } from '@salutejs/plasma-hope';
@@ -2044,13 +2046,8 @@ export { SegmentProvider }
2044
2046
 
2045
2047
  export { SegmentProviderProps }
2046
2048
 
2047
- // @public
2048
- export const Select: React_2.ForwardRefExoticComponent<SelectProps<any> & React_2.RefAttributes<HTMLButtonElement>>;
2049
-
2050
- export { SelectGroup }
2051
-
2052
- // @public
2053
- export const SelectNew: FunctionComponent<PropsType< {
2049
+ // @public (undocumented)
2050
+ export const Select: FunctionComponent<PropsType< {
2054
2051
  size: {
2055
2052
  xs: PolymorphicClassName;
2056
2053
  s: PolymorphicClassName;
@@ -2074,62 +2071,162 @@ default: PolymorphicClassName;
2074
2071
  secondary: PolymorphicClassName;
2075
2072
  accent: PolymorphicClassName;
2076
2073
  };
2077
- }> & ((BasicProps & {
2074
+ }> & (({
2075
+ target?: "textfield-like" | undefined;
2076
+ view?: "default" | "positive" | "warning" | "negative" | undefined;
2077
+ contentLeft?: ReactNode;
2078
+ labelPlacement?: "outer" | "inner" | undefined;
2079
+ placeholder?: string | undefined;
2080
+ helperText?: string | undefined;
2081
+ } & {
2078
2082
  multiselect?: false | undefined;
2079
- value?: string | undefined;
2080
- onChange?: ((value: string) => void) | undefined;
2081
- isTargetAmount?: false | undefined;
2082
- renderTarget?: ((value: string) => ReactNode) | undefined;
2083
+ separator?: undefined;
2083
2084
  } & {
2085
+ value: any;
2086
+ onChange?: ((value: any) => void) | undefined;
2087
+ listOverflow?: Property.Overflow | undefined;
2088
+ listHeight?: Property.Height<string | number> | undefined;
2089
+ status?: "warning" | "success" | "error" | undefined;
2090
+ placeholder?: string | undefined;
2091
+ helperText?: string | undefined;
2092
+ disabled?: boolean | undefined;
2093
+ items?: MergedDropdownNode[] | undefined;
2094
+ onItemSelect?: ((e: MergedDropdownNode, event: SyntheticEvent<Element, Event>) => void) | undefined;
2095
+ hasItems?: boolean | undefined;
2096
+ children?: undefined;
2097
+ isOpen?: boolean | undefined;
2098
+ isTargetAmount?: boolean | undefined;
2099
+ renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => ReactNode) | undefined;
2100
+ placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
2101
+ label?: string | undefined;
2102
+ onScrollBottom?: ((e: UIEvent_2<HTMLUListElement, UIEvent>) => void) | undefined;
2103
+ variant?: "normal" | "tight" | undefined;
2104
+ listWidth?: Property.Width<string | number> | undefined;
2105
+ portal?: string | RefObject<HTMLElement> | undefined;
2106
+ renderValue?: ((item: MergedDropdownNode) => string) | undefined;
2107
+ renderItem?: ((item: MergedDropdownNode) => ReactNode) | undefined;
2108
+ size?: string | undefined;
2109
+ view?: string | undefined;
2110
+ chipView?: string | undefined;
2111
+ } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & RefAttributes<HTMLButtonElement>) | ({
2084
2112
  target?: "textfield-like" | undefined;
2085
2113
  view?: "default" | "positive" | "warning" | "negative" | undefined;
2086
2114
  contentLeft?: ReactNode;
2087
2115
  labelPlacement?: "outer" | "inner" | undefined;
2088
2116
  placeholder?: string | undefined;
2089
2117
  helperText?: string | undefined;
2090
- } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & RefAttributes<HTMLButtonElement>) | (BasicProps & {
2091
- multiselect?: false | undefined;
2092
- value?: string | undefined;
2093
- onChange?: ((value: string) => void) | undefined;
2094
- isTargetAmount?: false | undefined;
2095
- renderTarget?: ((value: string) => ReactNode) | undefined;
2096
2118
  } & {
2119
+ multiselect?: true | undefined;
2120
+ separator?: string | undefined;
2121
+ } & {
2122
+ value: any;
2123
+ onChange?: ((value: any) => void) | undefined;
2124
+ listOverflow?: Property.Overflow | undefined;
2125
+ listHeight?: Property.Height<string | number> | undefined;
2126
+ status?: "warning" | "success" | "error" | undefined;
2127
+ placeholder?: string | undefined;
2128
+ helperText?: string | undefined;
2129
+ disabled?: boolean | undefined;
2130
+ items?: MergedDropdownNode[] | undefined;
2131
+ onItemSelect?: ((e: MergedDropdownNode, event: SyntheticEvent<Element, Event>) => void) | undefined;
2132
+ hasItems?: boolean | undefined;
2133
+ children?: undefined;
2134
+ isOpen?: boolean | undefined;
2135
+ isTargetAmount?: boolean | undefined;
2136
+ renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => ReactNode) | undefined;
2137
+ placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
2138
+ label?: string | undefined;
2139
+ onScrollBottom?: ((e: UIEvent_2<HTMLUListElement, UIEvent>) => void) | undefined;
2140
+ variant?: "normal" | "tight" | undefined;
2141
+ listWidth?: Property.Width<string | number> | undefined;
2142
+ portal?: string | RefObject<HTMLElement> | undefined;
2143
+ renderValue?: ((item: MergedDropdownNode) => string) | undefined;
2144
+ renderItem?: ((item: MergedDropdownNode) => ReactNode) | undefined;
2145
+ size?: string | undefined;
2146
+ view?: string | undefined;
2147
+ chipView?: string | undefined;
2148
+ } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & RefAttributes<HTMLButtonElement>) | ({
2097
2149
  target?: "button-like" | undefined;
2098
2150
  view?: "default" | "accent" | "secondary" | "positive" | "warning" | "negative" | "black" | "white" | "dark" | "clear" | undefined;
2099
2151
  contentLeft?: undefined;
2100
2152
  labelPlacement?: undefined;
2101
2153
  placeholder?: undefined;
2102
2154
  helperText?: undefined;
2103
- } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & RefAttributes<HTMLButtonElement>) | (BasicProps & {
2104
- multiselect: true;
2105
- value?: string[] | undefined;
2106
- onChange?: ((value: string[]) => void) | undefined;
2107
- isTargetAmount?: boolean | undefined;
2108
- renderTarget?: ((value: string[]) => ReactNode) | undefined;
2109
2155
  } & {
2110
- target?: "textfield-like" | undefined;
2111
- view?: "default" | "positive" | "warning" | "negative" | undefined;
2112
- contentLeft?: ReactNode;
2113
- labelPlacement?: "outer" | "inner" | undefined;
2156
+ multiselect?: false | undefined;
2157
+ separator?: undefined;
2158
+ } & {
2159
+ value: any;
2160
+ onChange?: ((value: any) => void) | undefined;
2161
+ listOverflow?: Property.Overflow | undefined;
2162
+ listHeight?: Property.Height<string | number> | undefined;
2163
+ status?: "warning" | "success" | "error" | undefined;
2114
2164
  placeholder?: string | undefined;
2115
2165
  helperText?: string | undefined;
2116
- } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & RefAttributes<HTMLButtonElement>) | (BasicProps & {
2117
- multiselect: true;
2118
- value?: string[] | undefined;
2119
- onChange?: ((value: string[]) => void) | undefined;
2166
+ disabled?: boolean | undefined;
2167
+ items?: MergedDropdownNode[] | undefined;
2168
+ onItemSelect?: ((e: MergedDropdownNode, event: SyntheticEvent<Element, Event>) => void) | undefined;
2169
+ hasItems?: boolean | undefined;
2170
+ children?: undefined;
2171
+ isOpen?: boolean | undefined;
2120
2172
  isTargetAmount?: boolean | undefined;
2121
- renderTarget?: ((value: string[]) => ReactNode) | undefined;
2122
- } & {
2173
+ renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => ReactNode) | undefined;
2174
+ placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
2175
+ label?: string | undefined;
2176
+ onScrollBottom?: ((e: UIEvent_2<HTMLUListElement, UIEvent>) => void) | undefined;
2177
+ variant?: "normal" | "tight" | undefined;
2178
+ listWidth?: Property.Width<string | number> | undefined;
2179
+ portal?: string | RefObject<HTMLElement> | undefined;
2180
+ renderValue?: ((item: MergedDropdownNode) => string) | undefined;
2181
+ renderItem?: ((item: MergedDropdownNode) => ReactNode) | undefined;
2182
+ size?: string | undefined;
2183
+ view?: string | undefined;
2184
+ chipView?: string | undefined;
2185
+ } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & RefAttributes<HTMLButtonElement>) | ({
2123
2186
  target?: "button-like" | undefined;
2124
2187
  view?: "default" | "accent" | "secondary" | "positive" | "warning" | "negative" | "black" | "white" | "dark" | "clear" | undefined;
2125
2188
  contentLeft?: undefined;
2126
2189
  labelPlacement?: undefined;
2127
2190
  placeholder?: undefined;
2128
2191
  helperText?: undefined;
2192
+ } & {
2193
+ multiselect?: true | undefined;
2194
+ separator?: string | undefined;
2195
+ } & {
2196
+ value: any;
2197
+ onChange?: ((value: any) => void) | undefined;
2198
+ listOverflow?: Property.Overflow | undefined;
2199
+ listHeight?: Property.Height<string | number> | undefined;
2200
+ status?: "warning" | "success" | "error" | undefined;
2201
+ placeholder?: string | undefined;
2202
+ helperText?: string | undefined;
2203
+ disabled?: boolean | undefined;
2204
+ items?: MergedDropdownNode[] | undefined;
2205
+ onItemSelect?: ((e: MergedDropdownNode, event: SyntheticEvent<Element, Event>) => void) | undefined;
2206
+ hasItems?: boolean | undefined;
2207
+ children?: undefined;
2208
+ isOpen?: boolean | undefined;
2209
+ isTargetAmount?: boolean | undefined;
2210
+ renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => ReactNode) | undefined;
2211
+ placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
2212
+ label?: string | undefined;
2213
+ onScrollBottom?: ((e: UIEvent_2<HTMLUListElement, UIEvent>) => void) | undefined;
2214
+ variant?: "normal" | "tight" | undefined;
2215
+ listWidth?: Property.Width<string | number> | undefined;
2216
+ portal?: string | RefObject<HTMLElement> | undefined;
2217
+ renderValue?: ((item: MergedDropdownNode) => string) | undefined;
2218
+ renderItem?: ((item: MergedDropdownNode) => ReactNode) | undefined;
2219
+ size?: string | undefined;
2220
+ view?: string | undefined;
2221
+ chipView?: string | undefined;
2129
2222
  } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & RefAttributes<HTMLButtonElement>))>;
2130
2223
 
2224
+ export { SelectGroup }
2225
+
2131
2226
  export { SelectProps }
2132
2227
 
2228
+ export { SelectPropsHope }
2229
+
2133
2230
  export { selectText }
2134
2231
 
2135
2232
  export { setRef }
@@ -2232,18 +2329,42 @@ export type SwitchProps = ComponentProps<typeof SwitchComponent>;
2232
2329
  export { syntheticFocus }
2233
2330
 
2234
2331
  // @public
2235
- export const TabItem: ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & AsProps_2<any> & CustomTabItemProps & RefAttributes<HTMLDivElement>>;
2332
+ export const TabItem: ForwardRefExoticComponent<AsProps<any> & ButtonHTMLAttributes<HTMLButtonElement> & {
2333
+ isActive?: boolean | undefined;
2334
+ selected?: boolean | undefined;
2335
+ disabled?: boolean | undefined;
2336
+ pilled?: boolean | undefined;
2337
+ animated?: boolean | undefined;
2338
+ contentLeft?: ReactNode;
2339
+ contentRight?: ReactNode;
2340
+ onIndexChange?: ((index: number) => void) | undefined;
2341
+ itemIndex?: number | undefined;
2342
+ size?: string | undefined;
2343
+ view?: string | undefined;
2344
+ } & RefAttributes<HTMLDivElement>>;
2236
2345
 
2237
2346
  export { TabItemProps }
2238
2347
 
2239
2348
  export { TabItemRefs }
2240
2349
 
2241
2350
  // @public
2242
- export const Tabs: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & AsProps_2<any> & CustomTabsProps & RefAttributes<HTMLDivElement>>;
2351
+ export const Tabs: ForwardRefExoticComponent<AsProps_2<any> & HTMLAttributes<HTMLDivElement> & {
2352
+ clip?: "scroll" | "showAll" | undefined;
2353
+ disabled?: boolean | undefined;
2354
+ stretch?: boolean | undefined;
2355
+ pilled?: boolean | undefined;
2356
+ size?: string | undefined;
2357
+ view?: string | undefined;
2358
+ index?: number | undefined;
2359
+ outsideScroll?: boolean | {
2360
+ left?: string | undefined;
2361
+ right?: string | undefined;
2362
+ } | undefined;
2363
+ } & RefAttributes<HTMLDivElement>>;
2243
2364
 
2244
2365
  export { TabsContext }
2245
2366
 
2246
- // @public
2367
+ // @public @deprecated (undocumented)
2247
2368
  export const TabsController: ForwardRefExoticComponent<TabsControllerProps & RefAttributes<HTMLDivElement>>;
2248
2369
 
2249
2370
  export { TabsControllerProps }
@@ -1,68 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Default = void 0;
7
- var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
- var _ = /*#__PURE__*/require(".");
9
- var _Select, _Select2;
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); }
12
- var items = [{
13
- value: 'each',
14
- label: 'Каждый'
15
- }, {
16
- value: 'hunter',
17
- label: 'Охотник',
18
- isDisabled: true
19
- }, {
20
- value: 'wants',
21
- label: 'Желает'
22
- }, {
23
- value: 'toKnow',
24
- label: 'Знать'
25
- }, {
26
- value: 'where',
27
- label: 'Где'
28
- }, {
29
- value: 'is',
30
- label: 'Сидит'
31
- }, {
32
- value: 'thePheasant',
33
- label: 'Фазан'
34
- }, {
35
- value: 'fullText',
36
- label: 'Каждый охотник желает знать, где сидит фазан'
37
- }];
38
- var defaultProps = {
39
- id: 'example-select',
40
- multiselect: false,
41
- placeholder: 'Выберите пример',
42
- helperText: 'Заполните пример',
43
- status: '',
44
- disabled: false,
45
- listHeight: ''
46
- };
47
- var func = function func() {};
48
- var itemsEmpty = [];
49
- var Default = exports.Default = function Default() {
50
- return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_.Select, _extends({
51
- value: "test",
52
- items: items,
53
- onChange: func,
54
- onFocus: func,
55
- onBlur: func
56
- }, defaultProps)), _Select || (_Select = /*#__PURE__*/_react["default"].createElement(_.Select, {
57
- id: "example-empty-select",
58
- value: null,
59
- items: itemsEmpty,
60
- placeholder: "\u041F\u0443\u0441\u0442\u043E\u0439 \u0441\u043F\u0438\u0441\u043E\u043A"
61
- })), _Select2 || (_Select2 = /*#__PURE__*/_react["default"].createElement(_.Select, {
62
- id: "example-disabled-select",
63
- value: null,
64
- items: items,
65
- placeholder: "\u0417\u0430\u0434\u0438\u0437\u0435\u0439\u0431\u043B\u0435\u043D\u043D\u044B\u0439 \u0441\u043F\u0438\u0441\u043E\u043A",
66
- disabled: true
67
- })));
68
- };
@@ -1,79 +0,0 @@
1
- /// <reference types="react" />
2
- declare const Select: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
3
- size: {
4
- xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
5
- s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
6
- m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
7
- l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
8
- };
9
- view: {
10
- default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
11
- positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
12
- warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
13
- negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
14
- accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
15
- secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
16
- clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
17
- dark: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
18
- black: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
19
- white: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
20
- };
21
- chipView: {
22
- default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
23
- secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
24
- accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
25
- };
26
- }> & ((import("@salutejs/plasma-new-hope/types/components/Select/Select.types").BasicProps & {
27
- multiselect?: false | undefined;
28
- value?: string | undefined;
29
- onChange?: ((value: string) => void) | undefined;
30
- isTargetAmount?: false | undefined;
31
- renderTarget?: ((value: string) => import("react").ReactNode) | undefined;
32
- } & {
33
- target?: "textfield-like" | undefined;
34
- view?: "default" | "positive" | "warning" | "negative" | undefined;
35
- contentLeft?: import("react").ReactNode;
36
- labelPlacement?: "outer" | "inner" | undefined;
37
- placeholder?: string | undefined;
38
- helperText?: string | undefined;
39
- } & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/Select/Select.types").BasicProps & {
40
- multiselect?: false | undefined;
41
- value?: string | undefined;
42
- onChange?: ((value: string) => void) | undefined;
43
- isTargetAmount?: false | undefined;
44
- renderTarget?: ((value: string) => import("react").ReactNode) | undefined;
45
- } & {
46
- target?: "button-like" | undefined;
47
- view?: "default" | "accent" | "secondary" | "positive" | "warning" | "negative" | "black" | "white" | "dark" | "clear" | undefined;
48
- contentLeft?: undefined;
49
- labelPlacement?: undefined;
50
- placeholder?: undefined;
51
- helperText?: undefined;
52
- } & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/Select/Select.types").BasicProps & {
53
- multiselect: true;
54
- value?: string[] | undefined;
55
- onChange?: ((value: string[]) => void) | undefined;
56
- isTargetAmount?: boolean | undefined;
57
- renderTarget?: ((value: string[]) => import("react").ReactNode) | undefined;
58
- } & {
59
- target?: "textfield-like" | undefined;
60
- view?: "default" | "positive" | "warning" | "negative" | undefined;
61
- contentLeft?: import("react").ReactNode;
62
- labelPlacement?: "outer" | "inner" | undefined;
63
- placeholder?: string | undefined;
64
- helperText?: string | undefined;
65
- } & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/Select/Select.types").BasicProps & {
66
- multiselect: true;
67
- value?: string[] | undefined;
68
- onChange?: ((value: string[]) => void) | undefined;
69
- isTargetAmount?: boolean | undefined;
70
- renderTarget?: ((value: string[]) => import("react").ReactNode) | undefined;
71
- } & {
72
- target?: "button-like" | undefined;
73
- view?: "default" | "accent" | "secondary" | "positive" | "warning" | "negative" | "black" | "white" | "dark" | "clear" | undefined;
74
- contentLeft?: undefined;
75
- labelPlacement?: undefined;
76
- placeholder?: undefined;
77
- helperText?: undefined;
78
- } & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>))>;
79
- export { Select };
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Select = void 0;
7
- var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
8
- var _Select = /*#__PURE__*/require("./Select.config");
9
- var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.selectConfig, _Select.config);
10
- var Select = exports.Select = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
@@ -1,81 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Выпадающий список. Поддерживает выбор одного или нескольких значений.
4
- */
5
- export declare const SelectNew: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
6
- size: {
7
- xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
8
- s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
9
- m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
10
- l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
11
- };
12
- view: {
13
- default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
14
- positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
15
- warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
16
- negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
17
- accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
18
- secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
19
- clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
20
- dark: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
21
- black: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
22
- white: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
23
- };
24
- chipView: {
25
- default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
26
- secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
27
- accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
28
- };
29
- }> & ((import("@salutejs/plasma-new-hope/types/components/Select/Select.types").BasicProps & {
30
- multiselect?: false | undefined;
31
- value?: string | undefined;
32
- onChange?: ((value: string) => void) | undefined;
33
- isTargetAmount?: false | undefined;
34
- renderTarget?: ((value: string) => import("react").ReactNode) | undefined;
35
- } & {
36
- target?: "textfield-like" | undefined;
37
- view?: "default" | "positive" | "warning" | "negative" | undefined;
38
- contentLeft?: import("react").ReactNode;
39
- labelPlacement?: "outer" | "inner" | undefined;
40
- placeholder?: string | undefined;
41
- helperText?: string | undefined;
42
- } & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/Select/Select.types").BasicProps & {
43
- multiselect?: false | undefined;
44
- value?: string | undefined;
45
- onChange?: ((value: string) => void) | undefined;
46
- isTargetAmount?: false | undefined;
47
- renderTarget?: ((value: string) => import("react").ReactNode) | undefined;
48
- } & {
49
- target?: "button-like" | undefined;
50
- view?: "default" | "accent" | "secondary" | "positive" | "warning" | "negative" | "black" | "white" | "dark" | "clear" | undefined;
51
- contentLeft?: undefined;
52
- labelPlacement?: undefined;
53
- placeholder?: undefined;
54
- helperText?: undefined;
55
- } & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/Select/Select.types").BasicProps & {
56
- multiselect: true;
57
- value?: string[] | undefined;
58
- onChange?: ((value: string[]) => void) | undefined;
59
- isTargetAmount?: boolean | undefined;
60
- renderTarget?: ((value: string[]) => import("react").ReactNode) | undefined;
61
- } & {
62
- target?: "textfield-like" | undefined;
63
- view?: "default" | "positive" | "warning" | "negative" | undefined;
64
- contentLeft?: import("react").ReactNode;
65
- labelPlacement?: "outer" | "inner" | undefined;
66
- placeholder?: string | undefined;
67
- helperText?: string | undefined;
68
- } & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/Select/Select.types").BasicProps & {
69
- multiselect: true;
70
- value?: string[] | undefined;
71
- onChange?: ((value: string[]) => void) | undefined;
72
- isTargetAmount?: boolean | undefined;
73
- renderTarget?: ((value: string[]) => import("react").ReactNode) | undefined;
74
- } & {
75
- target?: "button-like" | undefined;
76
- view?: "default" | "accent" | "secondary" | "positive" | "warning" | "negative" | "black" | "white" | "dark" | "clear" | undefined;
77
- contentLeft?: undefined;
78
- labelPlacement?: undefined;
79
- placeholder?: undefined;
80
- helperText?: undefined;
81
- } & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>))>;
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.SelectNew = void 0;
7
- var _Select = /*#__PURE__*/require("./Select");
8
- /**
9
- * Выпадающий список. Поддерживает выбор одного или нескольких значений.
10
- */
11
- var SelectNew = exports.SelectNew = _Select.Select;
@@ -1,40 +0,0 @@
1
- import './Select.config_o7l3zz.css';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var config = {
7
- defaults: {
8
- view: 'default',
9
- chipView: 'default',
10
- size: 'm'
11
- },
12
- variations: {
13
- size: {
14
- xs: "x1kg4zfv",
15
- s: "s8ayzvi",
16
- m: "mwn6ija",
17
- l: "ll2700s"
18
- },
19
- view: {
20
- "default": "d10f744h",
21
- positive: "ppldmag",
22
- warning: "w19ze6kr",
23
- negative: "n1wxh97u",
24
- accent: "a14jw2h2",
25
- secondary: "sha4l8y",
26
- clear: "c1oyqeq0",
27
- dark: "d2c1so1",
28
- black: "b1jeurdb",
29
- white: "w5a6ng6"
30
- },
31
- chipView: {
32
- "default": "dtzpg6f",
33
- secondary: "s1icms6a",
34
- accent: "a3rcam1"
35
- }
36
- }
37
- };
38
-
39
- exports.config = config;
40
- //# sourceMappingURL=Select.config.js.map