@salutejs/plasma-web 1.384.0-canary.1352.10591857563.0 → 1.384.0-canary.1352.10609199302.0
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +136 -0
- package/api/plasma-web.api.md +11 -5
- package/components/Switch/Switch.config.js +1 -1
- package/components/TextArea/index.d.ts +13 -0
- package/components/TextField/TextField.d.ts +24 -12
- package/css/cjs/components/TextField/TextField.js.map +1 -1
- package/css/es/components/TextField/TextField.js.map +1 -1
- package/es/components/Switch/Switch.config.js +1 -1
- package/package.json +9 -9
- package/temp/plasma-web.api.md +11 -5
package/CHANGELOG.md
CHANGED
@@ -1,3 +1,139 @@
|
|
1
|
+
# v1.383.0 (Wed Aug 28 2024)
|
2
|
+
|
3
|
+
### Release Notes
|
4
|
+
|
5
|
+
#### Release by 28.08.2024 ([#1403](https://github.com/salute-developers/plasma/pull/1403))
|
6
|
+
|
7
|
+
## Components
|
8
|
+
|
9
|
+
### Slider
|
10
|
+
|
11
|
+
- удалена лишняя зависимость `ref.current` в hooks
|
12
|
+
- исправлена документация в `plasma-web`
|
13
|
+
- для `plasma-new-hope` и `sdds-dfa` добавлены недостающие файлы документации
|
14
|
+
|
15
|
+
|
16
|
+
plasma-{new-hope, web}, sdds-dfa: removed redundant dependencies from `Slider` hooks; docs fixed (https://github.com/salute-developers/plasma/pull/1386)
|
17
|
+
|
18
|
+
### TextField
|
19
|
+
- добавлен размер `xs` в `plasma-web`
|
20
|
+
|
21
|
+
|
22
|
+
plasma-web: size `xs` added to `TextField` (https://github.com/salute-developers/plasma/pull/1395)
|
23
|
+
|
24
|
+
### SDDS-CS
|
25
|
+
|
26
|
+
- изменены конфигурации компонентов для `sdds-cs`
|
27
|
+
|
28
|
+
### Radiobox/Checkbox
|
29
|
+
|
30
|
+
- добавлен фон через токены для `trigger`
|
31
|
+
|
32
|
+
### Button
|
33
|
+
|
34
|
+
- добавлен отдельный фон через токены в состоянии `loading`
|
35
|
+
|
36
|
+
|
37
|
+
sdds-cs: Edit components config (https://github.com/salute-developers/plasma/pull/1368)
|
38
|
+
|
39
|
+
|
40
|
+
## Icons
|
41
|
+
|
42
|
+
### Disclosure group
|
43
|
+
|
44
|
+
- обновлен набор для `Disclosure`
|
45
|
+
|
46
|
+
<img width="371" alt="Disclosure" src="https://github.com/user-attachments/assets/37024761-5185-46fc-9a24-8285839c1776" />
|
47
|
+
|
48
|
+
|
49
|
+
|
50
|
+
feat(plasma-icons): Update `Disclosure` icons group (https://github.com/salute-developers/plasma/pull/1384)
|
51
|
+
|
52
|
+
### Update icons list
|
53
|
+
|
54
|
+
#### Video
|
55
|
+
<img width="171" src="https://github.com/user-attachments/assets/5138f0d2-bc5a-427f-b5c3-161702b80cc5" />
|
56
|
+
|
57
|
+
#### Attention
|
58
|
+
<img width="58" src="https://github.com/user-attachments/assets/425b34f8-6744-44ad-8670-70fbb7f2aed7" />
|
59
|
+
|
60
|
+
#### Message
|
61
|
+
<img width="409" src="https://github.com/user-attachments/assets/b23057c1-b8e3-4c2a-a052-570a61570242" />
|
62
|
+
|
63
|
+
#### Zoom
|
64
|
+
<img width="128" src="https://github.com/user-attachments/assets/ac37d878-b25d-4215-9a05-84a4db8a4f1e" />
|
65
|
+
|
66
|
+
|
67
|
+
feat(plasma-icons): Update icons pack (https://github.com/salute-developers/plasma/pull/1390)
|
68
|
+
|
69
|
+
## Tokens
|
70
|
+
|
71
|
+
* исправлены опечатки в `tokens` для `theme`: `plasma_web`, `sdds_dfa`, `sdds_serv`
|
72
|
+
|
73
|
+
fix(plasma-tokens): Fix tokens misprint in themes (https://github.com/salute-developers/plasma/pull/1402)
|
74
|
+
|
75
|
+
### Theme-Builder
|
76
|
+
|
77
|
+
* исправлена обработка свойств `opened` для модальных окон
|
78
|
+
* исправлено отображение полей для ввода в модальном окне редактирования token
|
79
|
+
* исправлена генерация токенов `active` и `hover` состояний при изменении отключении / включении token
|
80
|
+
|
81
|
+
|
82
|
+
fix(plasma-theme-builder): Fix bugs in Theme Builder (https://github.com/salute-developers/plasma/pull/1397)
|
83
|
+
|
84
|
+
|
85
|
+
## Infra
|
86
|
+
|
87
|
+
### Plasma-B2C
|
88
|
+
|
89
|
+
- поднята документацию для пакета `plasma-b2c`
|
90
|
+
|
91
|
+
|
92
|
+
|
93
|
+
plasma-docs: Setup package for `plasma-b2c` (https://github.com/salute-developers/plasma/pull/1330)
|
94
|
+
|
95
|
+
|
96
|
+
## Misc
|
97
|
+
|
98
|
+
### Tests
|
99
|
+
- изменены тесты plasma-b2c компонентов Breadcrumbs и Price
|
100
|
+
|
101
|
+
|
102
|
+
test(plasma-b2c): update tests for Breadcrumbs and Price (https://github.com/salute-developers/plasma/pull/1353)
|
103
|
+
|
104
|
+
### Tests
|
105
|
+
- изменены тесты plasma-b2c компонентов Badge и Chip
|
106
|
+
|
107
|
+
|
108
|
+
test(plasma-b2c): update tests for Badge and Chip (https://github.com/salute-developers/plasma/pull/1366)
|
109
|
+
|
110
|
+
---
|
111
|
+
|
112
|
+
#### 🚀 Enhancement
|
113
|
+
|
114
|
+
- Release by 28.08.2024 [#1403](https://github.com/salute-developers/plasma/pull/1403) ([@Yakutoc](https://github.com/Yakutoc) [@simashova](https://github.com/simashova) [@neretin-trike](https://github.com/neretin-trike) [@Salute-Eva](https://github.com/Salute-Eva) [@IgorYar](https://github.com/IgorYar) [@denivladislav](https://github.com/denivladislav) [@iljs](https://github.com/iljs))
|
115
|
+
- feat(*): add custom background trigger for checkbox and rasiobox ([@iljs](https://github.com/iljs))
|
116
|
+
- feat(*): add custom loading background to button ([@iljs](https://github.com/iljs))
|
117
|
+
- feat(plasma-web): xs size added [#1395](https://github.com/salute-developers/plasma/pull/1395) ([@denivladislav](https://github.com/denivladislav))
|
118
|
+
|
119
|
+
#### 🐛 Bug Fix
|
120
|
+
|
121
|
+
- Update package-lock.json files ([@Salute-Eva](https://github.com/Salute-Eva))
|
122
|
+
- Update versions ([@Salute-Eva](https://github.com/Salute-Eva))
|
123
|
+
- chore: Update package-lock.json files \[skip ci\] ([@Salute-Eva](https://github.com/Salute-Eva))
|
124
|
+
|
125
|
+
#### Authors: 7
|
126
|
+
|
127
|
+
- [@iljs](https://github.com/iljs)
|
128
|
+
- [@Salute-Eva](https://github.com/Salute-Eva)
|
129
|
+
- Alexander Lobyntsev ([@Yakutoc](https://github.com/Yakutoc))
|
130
|
+
- Anastasia Simashova ([@simashova](https://github.com/simashova))
|
131
|
+
- Igor Yaroslavtsev ([@IgorYar](https://github.com/IgorYar))
|
132
|
+
- neretinaa ([@neretin-trike](https://github.com/neretin-trike))
|
133
|
+
- Vladislav Denisov ([@denivladislav](https://github.com/denivladislav))
|
134
|
+
|
135
|
+
---
|
136
|
+
|
1
137
|
# v1.377.0 (Thu Aug 22 2024)
|
2
138
|
|
3
139
|
### Release Notes
|
package/api/plasma-web.api.md
CHANGED
@@ -2356,6 +2356,9 @@ export { TextareaHTMLAttributes }
|
|
2356
2356
|
|
2357
2357
|
// @public (undocumented)
|
2358
2358
|
export interface TextAreaProps extends TextAreaProps_2 {
|
2359
|
+
optional?: boolean;
|
2360
|
+
required?: boolean;
|
2361
|
+
requiredPlacement?: 'left' | 'right';
|
2359
2362
|
// @deprecated (undocumented)
|
2360
2363
|
resize?: 'none' | 'both' | 'horizontal' | 'vertical';
|
2361
2364
|
}
|
@@ -2364,8 +2367,9 @@ export { TextareaResize }
|
|
2364
2367
|
|
2365
2368
|
// @public
|
2366
2369
|
export const TextField: React_2.ForwardRefExoticComponent<TextFieldProps_2 & {
|
2370
|
+
optional?: boolean | undefined;
|
2367
2371
|
required?: boolean | undefined;
|
2368
|
-
|
2372
|
+
requiredPlacement?: "right" | "left" | undefined;
|
2369
2373
|
} & Pick<PropsType< {
|
2370
2374
|
view: {
|
2371
2375
|
default: PolymorphicClassName;
|
@@ -2402,11 +2406,12 @@ true: PolymorphicClassName;
|
|
2402
2406
|
labelPlacement?: "outer" | "inner" | undefined;
|
2403
2407
|
leftHelper?: string | undefined;
|
2404
2408
|
contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
2405
|
-
contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
2409
|
+
contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
2406
2410
|
textBefore?: string | undefined;
|
2407
2411
|
textAfter?: string | undefined;
|
2412
|
+
optional?: boolean | undefined;
|
2408
2413
|
required?: boolean | undefined;
|
2409
|
-
|
2414
|
+
requiredPlacement?: "right" | "left" | undefined;
|
2410
2415
|
onSearch?: ((value: string, event?: React_2.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
2411
2416
|
} & {
|
2412
2417
|
chips?: undefined;
|
@@ -2423,11 +2428,12 @@ true: PolymorphicClassName;
|
|
2423
2428
|
labelPlacement?: "outer" | "inner" | undefined;
|
2424
2429
|
leftHelper?: string | undefined;
|
2425
2430
|
contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
2426
|
-
contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
2431
|
+
contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
2427
2432
|
textBefore?: string | undefined;
|
2428
2433
|
textAfter?: string | undefined;
|
2434
|
+
optional?: boolean | undefined;
|
2429
2435
|
required?: boolean | undefined;
|
2430
|
-
|
2436
|
+
requiredPlacement?: "right" | "left" | undefined;
|
2431
2437
|
onSearch?: ((value: string, event?: React_2.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
2432
2438
|
} & {
|
2433
2439
|
enumerationType: "chip";
|
@@ -19,7 +19,7 @@ var config = exports.config = {
|
|
19
19
|
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body1-font-family);\n ", ": var(--plasma-typo-body1-font-style);\n ", ": var(--plasma-typo-body1-font-weight);\n ", ": var(--plasma-typo-body1-font-weight);\n ", ": var(--plasma-typo-body1-line-height);\n ", ": var(--plasma-typo-body1-font-size);\n ", ": var(--plasma-typo-body1-letter-spacing);\n ", ": 2.75rem;\n ", ": 1.75rem;\n ", ": calc(var(", ") / 2);\n ", ": 1.5rem;\n ", ": calc(var(", ") / 2);\n ", ": 0.125rem;\n ", ": 1.25;\n ", ": 0.75rem;\n "])), _styledComponents.switchTokens.fontFamily, _styledComponents.switchTokens.fontStyle, _styledComponents.switchTokens.fontWeight, _styledComponents.switchTokens.fontWeight, _styledComponents.switchTokens.lineHeight, _styledComponents.switchTokens.fontSize, _styledComponents.switchTokens.letterSpacing, _styledComponents.switchTokens.trackWidth, _styledComponents.switchTokens.trackHeight, _styledComponents.switchTokens.trackBorderRadius, _styledComponents.switchTokens.trackHeight, _styledComponents.switchTokens.thumbSize, _styledComponents.switchTokens.thumbBorderRadius, _styledComponents.switchTokens.thumbSize, _styledComponents.switchTokens.thumbOffset, _styledComponents.switchTokens.thumbPressScale, _styledComponents.switchTokens.labelOffset)
|
20
20
|
},
|
21
21
|
view: {
|
22
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n ", ": var(--surface-transparent-
|
22
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": var(--on-dark-surface-solid-default);\n ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n "])), _styledComponents.switchTokens.trackBackgroundColorOn, _styledComponents.switchTokens.trackBackgroundColorOnHover, _styledComponents.switchTokens.trackBackgroundColorOff, _styledComponents.switchTokens.trackBackgroundColorOffHover, _styledComponents.switchTokens.thumbBackgroundColor, _styledComponents.switchTokens.thumbBoxShadow)
|
23
23
|
},
|
24
24
|
// TODO: could we not css into css ???
|
25
25
|
labelPosition: {
|
@@ -5,4 +5,17 @@ export interface TextAreaProps extends TextAreaPropsBase {
|
|
5
5
|
* @deprecated не используется в компоненте
|
6
6
|
*/
|
7
7
|
resize?: 'none' | 'both' | 'horizontal' | 'vertical';
|
8
|
+
/**
|
9
|
+
* Флаг необязательности поля
|
10
|
+
*/
|
11
|
+
optional?: boolean;
|
12
|
+
/**
|
13
|
+
* Флаг обязательности поля
|
14
|
+
*/
|
15
|
+
required?: boolean;
|
16
|
+
/**
|
17
|
+
* Задает выравнивание индикатора обязательности поля
|
18
|
+
* @default right
|
19
|
+
*/
|
20
|
+
requiredPlacement?: 'left' | 'right';
|
8
21
|
}
|
@@ -36,11 +36,12 @@ declare const TextFieldComponent: React.FunctionComponent<import("@salutejs/plas
|
|
36
36
|
labelPlacement?: "outer" | "inner" | undefined;
|
37
37
|
leftHelper?: string | undefined;
|
38
38
|
contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
39
|
-
contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
39
|
+
contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
40
40
|
textBefore?: string | undefined;
|
41
41
|
textAfter?: string | undefined;
|
42
|
+
optional?: boolean | undefined;
|
42
43
|
required?: boolean | undefined;
|
43
|
-
|
44
|
+
requiredPlacement?: "right" | "left" | undefined;
|
44
45
|
onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
45
46
|
} & {
|
46
47
|
chips?: undefined;
|
@@ -57,11 +58,12 @@ declare const TextFieldComponent: React.FunctionComponent<import("@salutejs/plas
|
|
57
58
|
labelPlacement?: "outer" | "inner" | undefined;
|
58
59
|
leftHelper?: string | undefined;
|
59
60
|
contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
60
|
-
contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
61
|
+
contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
61
62
|
textBefore?: string | undefined;
|
62
63
|
textAfter?: string | undefined;
|
64
|
+
optional?: boolean | undefined;
|
63
65
|
required?: boolean | undefined;
|
64
|
-
|
66
|
+
requiredPlacement?: "right" | "left" | undefined;
|
65
67
|
onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
66
68
|
} & {
|
67
69
|
enumerationType: "chip";
|
@@ -71,30 +73,38 @@ declare const TextFieldComponent: React.FunctionComponent<import("@salutejs/plas
|
|
71
73
|
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>))>;
|
72
74
|
declare type newHopeTextFieldProps = React.ComponentProps<typeof TextFieldComponent>;
|
73
75
|
declare type TextFieldProps = TextFieldPropsOld & {
|
76
|
+
/**
|
77
|
+
* Флаг необязательности поля
|
78
|
+
*/
|
79
|
+
optional?: boolean;
|
74
80
|
/**
|
75
81
|
* Флаг обязательности поля
|
76
82
|
*/
|
77
83
|
required?: boolean;
|
78
84
|
/**
|
79
85
|
* Задает выравнивание индикатора обязательности поля
|
80
|
-
* @default
|
86
|
+
* @default right
|
81
87
|
*/
|
82
|
-
|
88
|
+
requiredPlacement?: 'left' | 'right';
|
83
89
|
};
|
84
90
|
export declare type CustomTextFieldProps = TextFieldProps & Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'onChangeChips'>;
|
85
91
|
/**
|
86
92
|
* Поле ввода текста.
|
87
93
|
*/
|
88
94
|
export declare const TextField: React.ForwardRefExoticComponent<TextFieldPropsOld & {
|
95
|
+
/**
|
96
|
+
* Флаг необязательности поля
|
97
|
+
*/
|
98
|
+
optional?: boolean | undefined;
|
89
99
|
/**
|
90
100
|
* Флаг обязательности поля
|
91
101
|
*/
|
92
102
|
required?: boolean | undefined;
|
93
103
|
/**
|
94
104
|
* Задает выравнивание индикатора обязательности поля
|
95
|
-
* @default
|
105
|
+
* @default right
|
96
106
|
*/
|
97
|
-
|
107
|
+
requiredPlacement?: "right" | "left" | undefined;
|
98
108
|
} & Pick<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
99
109
|
view: {
|
100
110
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -131,11 +141,12 @@ export declare const TextField: React.ForwardRefExoticComponent<TextFieldPropsOl
|
|
131
141
|
labelPlacement?: "outer" | "inner" | undefined;
|
132
142
|
leftHelper?: string | undefined;
|
133
143
|
contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
134
|
-
contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
144
|
+
contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
135
145
|
textBefore?: string | undefined;
|
136
146
|
textAfter?: string | undefined;
|
147
|
+
optional?: boolean | undefined;
|
137
148
|
required?: boolean | undefined;
|
138
|
-
|
149
|
+
requiredPlacement?: "right" | "left" | undefined;
|
139
150
|
onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
140
151
|
} & {
|
141
152
|
chips?: undefined;
|
@@ -152,11 +163,12 @@ export declare const TextField: React.ForwardRefExoticComponent<TextFieldPropsOl
|
|
152
163
|
labelPlacement?: "outer" | "inner" | undefined;
|
153
164
|
leftHelper?: string | undefined;
|
154
165
|
contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
155
|
-
contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
166
|
+
contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
156
167
|
textBefore?: string | undefined;
|
157
168
|
textAfter?: string | undefined;
|
169
|
+
optional?: boolean | undefined;
|
158
170
|
required?: boolean | undefined;
|
159
|
-
|
171
|
+
requiredPlacement?: "right" | "left" | undefined;
|
160
172
|
onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
161
173
|
} & {
|
162
174
|
enumerationType: "chip";
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.js","sources":["../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { TextFieldProps as TextFieldPropsOld } from '@salutejs/plasma-hope';\nimport { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\nconst TextFieldComponent = component(mergedConfig);\n\ntype newHopeTextFieldProps = React.ComponentProps<typeof TextFieldComponent>;\n\ntype TextFieldProps = TextFieldPropsOld & {\n /**\n * Флаг обязательности поля\n */\n required?: boolean;\n /**\n * Задает выравнивание индикатора обязательности поля\n * @default
|
1
|
+
{"version":3,"file":"TextField.js","sources":["../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { TextFieldProps as TextFieldPropsOld } from '@salutejs/plasma-hope';\nimport { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\nconst TextFieldComponent = component(mergedConfig);\n\ntype newHopeTextFieldProps = React.ComponentProps<typeof TextFieldComponent>;\n\ntype TextFieldProps = TextFieldPropsOld & {\n /**\n * Флаг необязательности поля\n */\n optional?: boolean;\n /**\n * Флаг обязательности поля\n */\n required?: boolean;\n /**\n * Задает выравнивание индикатора обязательности поля\n * @default right\n */\n requiredPlacement?: 'left' | 'right';\n};\n\nexport type CustomTextFieldProps = TextFieldProps &\n Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'onChangeChips'>;\n\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\nconst animatedHintToLabelPlacement: Record<\n NonNullable<TextFieldProps['animatedHint']>,\n NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n placeholder: 'outer',\n label: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n const {\n status,\n\n label,\n placeholder,\n animatedHint,\n helperText,\n\n enumerationType,\n chips,\n onSearch,\n onChangeChips,\n\n size = 'l',\n\n ...rest\n } = props;\n\n /** TODO: #1064 Remove In plasma-2.0 */\n /* eslint-disable no-underscore-dangle */\n const _view = status ? statusToView[status] : 'default';\n let _labelPlacement = animatedHint ? animatedHintToLabelPlacement[animatedHint] : 'outer';\n let _label = label ? String(label) : undefined;\n if (size !== 'l' && _labelPlacement === 'inner') {\n _label = undefined;\n _labelPlacement = 'outer';\n }\n if (size === 'l' && animatedHint === 'placeholder' && !label) {\n _label = placeholder;\n _labelPlacement = 'inner';\n }\n\n if (enumerationType === 'chip') {\n return (\n <TextFieldComponent\n {...rest}\n view={_view}\n labelPlacement={_labelPlacement}\n label={_label}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"chip\"\n chips={chips}\n onChangeChips={onChangeChips}\n />\n );\n }\n\n return (\n <TextFieldComponent\n {...rest}\n view={_view}\n labelPlacement={_labelPlacement}\n label={_label}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"plain\"\n onSearch={onSearch}\n />\n );\n});\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextFieldComponent","component","statusToView","success","warning","error","animatedHintToLabelPlacement","placeholder","label","TextField","forwardRef","props","ref","status","animatedHint","helperText","enumerationType","chips","onSearch","onChangeChips","_props$size","size","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","undefined","React","createElement","_extends","view","labelPlacement","leftHelper"],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.js","sources":["../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { TextFieldProps as TextFieldPropsOld } from '@salutejs/plasma-hope';\nimport { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\nconst TextFieldComponent = component(mergedConfig);\n\ntype newHopeTextFieldProps = React.ComponentProps<typeof TextFieldComponent>;\n\ntype TextFieldProps = TextFieldPropsOld & {\n /**\n * Флаг обязательности поля\n */\n required?: boolean;\n /**\n * Задает выравнивание индикатора обязательности поля\n * @default
|
1
|
+
{"version":3,"file":"TextField.js","sources":["../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { TextFieldProps as TextFieldPropsOld } from '@salutejs/plasma-hope';\nimport { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\nconst TextFieldComponent = component(mergedConfig);\n\ntype newHopeTextFieldProps = React.ComponentProps<typeof TextFieldComponent>;\n\ntype TextFieldProps = TextFieldPropsOld & {\n /**\n * Флаг необязательности поля\n */\n optional?: boolean;\n /**\n * Флаг обязательности поля\n */\n required?: boolean;\n /**\n * Задает выравнивание индикатора обязательности поля\n * @default right\n */\n requiredPlacement?: 'left' | 'right';\n};\n\nexport type CustomTextFieldProps = TextFieldProps &\n Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'onChangeChips'>;\n\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\nconst animatedHintToLabelPlacement: Record<\n NonNullable<TextFieldProps['animatedHint']>,\n NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n placeholder: 'outer',\n label: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n const {\n status,\n\n label,\n placeholder,\n animatedHint,\n helperText,\n\n enumerationType,\n chips,\n onSearch,\n onChangeChips,\n\n size = 'l',\n\n ...rest\n } = props;\n\n /** TODO: #1064 Remove In plasma-2.0 */\n /* eslint-disable no-underscore-dangle */\n const _view = status ? statusToView[status] : 'default';\n let _labelPlacement = animatedHint ? animatedHintToLabelPlacement[animatedHint] : 'outer';\n let _label = label ? String(label) : undefined;\n if (size !== 'l' && _labelPlacement === 'inner') {\n _label = undefined;\n _labelPlacement = 'outer';\n }\n if (size === 'l' && animatedHint === 'placeholder' && !label) {\n _label = placeholder;\n _labelPlacement = 'inner';\n }\n\n if (enumerationType === 'chip') {\n return (\n <TextFieldComponent\n {...rest}\n view={_view}\n labelPlacement={_labelPlacement}\n label={_label}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"chip\"\n chips={chips}\n onChangeChips={onChangeChips}\n />\n );\n }\n\n return (\n <TextFieldComponent\n {...rest}\n view={_view}\n labelPlacement={_labelPlacement}\n label={_label}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"plain\"\n onSearch={onSearch}\n />\n );\n});\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextFieldComponent","component","statusToView","success","warning","error","animatedHintToLabelPlacement","placeholder","label","TextField","forwardRef","props","ref","status","animatedHint","helperText","enumerationType","chips","onSearch","onChangeChips","_props$size","size","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","undefined","React","createElement","_extends","view","labelPlacement","leftHelper"],"mappings":"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"}
|
@@ -13,7 +13,7 @@ export var config = {
|
|
13
13
|
m: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body1-font-family);\n ", ": var(--plasma-typo-body1-font-style);\n ", ": var(--plasma-typo-body1-font-weight);\n ", ": var(--plasma-typo-body1-font-weight);\n ", ": var(--plasma-typo-body1-line-height);\n ", ": var(--plasma-typo-body1-font-size);\n ", ": var(--plasma-typo-body1-letter-spacing);\n ", ": 2.75rem;\n ", ": 1.75rem;\n ", ": calc(var(", ") / 2);\n ", ": 1.5rem;\n ", ": calc(var(", ") / 2);\n ", ": 0.125rem;\n ", ": 1.25;\n ", ": 0.75rem;\n "])), switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale, switchTokens.labelOffset)
|
14
14
|
},
|
15
15
|
view: {
|
16
|
-
"default": /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n ", ": var(--surface-transparent-
|
16
|
+
"default": /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": var(--on-dark-surface-solid-default);\n ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n "])), switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOnHover, switchTokens.trackBackgroundColorOff, switchTokens.trackBackgroundColorOffHover, switchTokens.thumbBackgroundColor, switchTokens.thumbBoxShadow)
|
17
17
|
},
|
18
18
|
// TODO: could we not css into css ???
|
19
19
|
labelPosition: {
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-web",
|
3
|
-
"version": "1.384.0-canary.1352.
|
3
|
+
"version": "1.384.0-canary.1352.10609199302.0",
|
4
4
|
"description": "Salute Design System / React UI kit for web applications",
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
6
6
|
"license": "MIT",
|
@@ -19,10 +19,10 @@
|
|
19
19
|
"directory": "packages/plasma-web"
|
20
20
|
},
|
21
21
|
"dependencies": {
|
22
|
-
"@salutejs/plasma-core": "1.176.0
|
23
|
-
"@salutejs/plasma-hope": "1.306.0
|
24
|
-
"@salutejs/plasma-new-hope": "0.134.0-canary.1352.
|
25
|
-
"@salutejs/plasma-themes": "0.16.0
|
22
|
+
"@salutejs/plasma-core": "1.176.0",
|
23
|
+
"@salutejs/plasma-hope": "1.306.0",
|
24
|
+
"@salutejs/plasma-new-hope": "0.134.0-canary.1352.10609199302.0",
|
25
|
+
"@salutejs/plasma-themes": "0.16.0",
|
26
26
|
"@salutejs/plasma-tokens-b2b": "1.41.0",
|
27
27
|
"@salutejs/plasma-tokens-b2c": "0.51.0",
|
28
28
|
"@salutejs/plasma-tokens-web": "1.56.0",
|
@@ -49,9 +49,9 @@
|
|
49
49
|
"@rollup/plugin-commonjs": "25.0.7",
|
50
50
|
"@rollup/plugin-node-resolve": "15.2.3",
|
51
51
|
"@salutejs/plasma-colors": "0.13.0",
|
52
|
-
"@salutejs/plasma-cy-utils": "0.107.0
|
53
|
-
"@salutejs/plasma-icons": "1.203.0
|
54
|
-
"@salutejs/plasma-sb-utils": "0.174.0
|
52
|
+
"@salutejs/plasma-cy-utils": "0.107.0",
|
53
|
+
"@salutejs/plasma-icons": "1.203.0",
|
54
|
+
"@salutejs/plasma-sb-utils": "0.174.0",
|
55
55
|
"@storybook/addon-docs": "7.6.17",
|
56
56
|
"@storybook/addon-essentials": "7.6.17",
|
57
57
|
"@storybook/addons": "7.6.17",
|
@@ -112,5 +112,5 @@
|
|
112
112
|
"Fanil Zubairov"
|
113
113
|
],
|
114
114
|
"sideEffects": false,
|
115
|
-
"gitHead": "
|
115
|
+
"gitHead": "9d4175a00fd5b601ddb9f40690b9a187cbb6336d"
|
116
116
|
}
|
package/temp/plasma-web.api.md
CHANGED
@@ -2356,6 +2356,9 @@ export { TextareaHTMLAttributes }
|
|
2356
2356
|
|
2357
2357
|
// @public (undocumented)
|
2358
2358
|
export interface TextAreaProps extends TextAreaProps_2 {
|
2359
|
+
optional?: boolean;
|
2360
|
+
required?: boolean;
|
2361
|
+
requiredPlacement?: 'left' | 'right';
|
2359
2362
|
// @deprecated (undocumented)
|
2360
2363
|
resize?: 'none' | 'both' | 'horizontal' | 'vertical';
|
2361
2364
|
}
|
@@ -2364,8 +2367,9 @@ export { TextareaResize }
|
|
2364
2367
|
|
2365
2368
|
// @public
|
2366
2369
|
export const TextField: React_2.ForwardRefExoticComponent<TextFieldProps_2 & {
|
2370
|
+
optional?: boolean | undefined;
|
2367
2371
|
required?: boolean | undefined;
|
2368
|
-
|
2372
|
+
requiredPlacement?: "right" | "left" | undefined;
|
2369
2373
|
} & Pick<PropsType< {
|
2370
2374
|
view: {
|
2371
2375
|
default: PolymorphicClassName;
|
@@ -2402,11 +2406,12 @@ true: PolymorphicClassName;
|
|
2402
2406
|
labelPlacement?: "outer" | "inner" | undefined;
|
2403
2407
|
leftHelper?: string | undefined;
|
2404
2408
|
contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
2405
|
-
contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
2409
|
+
contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
2406
2410
|
textBefore?: string | undefined;
|
2407
2411
|
textAfter?: string | undefined;
|
2412
|
+
optional?: boolean | undefined;
|
2408
2413
|
required?: boolean | undefined;
|
2409
|
-
|
2414
|
+
requiredPlacement?: "right" | "left" | undefined;
|
2410
2415
|
onSearch?: ((value: string, event?: React_2.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
2411
2416
|
} & {
|
2412
2417
|
chips?: undefined;
|
@@ -2423,11 +2428,12 @@ true: PolymorphicClassName;
|
|
2423
2428
|
labelPlacement?: "outer" | "inner" | undefined;
|
2424
2429
|
leftHelper?: string | undefined;
|
2425
2430
|
contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
2426
|
-
contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
2431
|
+
contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
2427
2432
|
textBefore?: string | undefined;
|
2428
2433
|
textAfter?: string | undefined;
|
2434
|
+
optional?: boolean | undefined;
|
2429
2435
|
required?: boolean | undefined;
|
2430
|
-
|
2436
|
+
requiredPlacement?: "right" | "left" | undefined;
|
2431
2437
|
onSearch?: ((value: string, event?: React_2.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
2432
2438
|
} & {
|
2433
2439
|
enumerationType: "chip";
|