@salutejs/plasma-new-hope 0.322.0-canary.1939.14642328722.0 → 0.322.0-canary.1939.14664752830.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 (134) hide show
  1. package/cjs/components/Calendar/utils/calendarRangeHelper.js.map +1 -1
  2. package/cjs/components/DatePicker/RangeDate/RangeDate.js +15 -17
  3. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  4. package/cjs/components/DatePicker/SingleDate/SingleDate.js +5 -9
  5. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  6. package/cjs/components/DatePicker/hooks/useDatePicker.js +73 -46
  7. package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
  8. package/cjs/components/DatePicker/utils/getOriginalDates.js +4 -1
  9. package/cjs/components/DatePicker/utils/getOriginalDates.js.map +1 -1
  10. package/emotion/cjs/components/Accordion/Accordion.template-doc.mdx +99 -71
  11. package/emotion/cjs/components/Autocomplete/Autocomplete.template-doc.mdx +523 -454
  12. package/emotion/cjs/components/Checkbox/Checkbox.template-doc.mdx +3 -3
  13. package/emotion/cjs/components/Combobox/Combobox.template-doc.mdx +58 -27
  14. package/emotion/cjs/components/DatePicker/DatePicker.template-doc.mdx +5 -0
  15. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +15 -17
  16. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +5 -9
  17. package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +73 -46
  18. package/emotion/cjs/components/DatePicker/utils/getOriginalDates.js +9 -1
  19. package/emotion/cjs/components/Dropdown/Dropdown.template-doc.mdx +10 -10
  20. package/emotion/cjs/components/Flow/Flow.template-doc.mdx +2 -2
  21. package/emotion/cjs/components/Notification/Notification.template-doc.mdx +10 -1
  22. package/emotion/cjs/components/NumberFormat/NumberFormat.template-doc.mdx +4 -4
  23. package/emotion/cjs/components/Radiobox/Radiobox.template-doc.mdx +10 -11
  24. package/emotion/cjs/components/Range/Range.template-doc.mdx +5 -1
  25. package/emotion/cjs/components/Segment/Segment.template-doc.mdx +3 -3
  26. package/emotion/cjs/components/Select/Select.template-doc.mdx +27 -27
  27. package/emotion/cjs/components/Slider/Slider.template-doc.mdx +2 -2
  28. package/emotion/cjs/components/Switch/Switch.template-doc.mdx +3 -3
  29. package/emotion/cjs/components/Table/Table.template-doc.mdx +2 -2
  30. package/emotion/cjs/components/Tabs/Tabs.template-doc.mdx +11 -7
  31. package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +9 -2
  32. package/emotion/cjs/components/TextField/TextField.template-doc.mdx +117 -32
  33. package/emotion/cjs/components/Toast/Toast.template-doc.mdx +48 -2
  34. package/emotion/cjs/components/Tooltip/Tooltip.template-doc.mdx +19 -4
  35. package/emotion/cjs/components/Tree/Tree.template-doc.mdx +0 -1
  36. package/emotion/es/components/Accordion/Accordion.template-doc.mdx +99 -71
  37. package/emotion/es/components/Autocomplete/Autocomplete.template-doc.mdx +523 -454
  38. package/emotion/es/components/Checkbox/Checkbox.template-doc.mdx +3 -3
  39. package/emotion/es/components/Combobox/Combobox.template-doc.mdx +58 -27
  40. package/emotion/es/components/DatePicker/DatePicker.template-doc.mdx +5 -0
  41. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +15 -17
  42. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +6 -10
  43. package/emotion/es/components/DatePicker/hooks/useDatePicker.js +73 -46
  44. package/emotion/es/components/DatePicker/utils/getOriginalDates.js +9 -1
  45. package/emotion/es/components/Dropdown/Dropdown.template-doc.mdx +10 -10
  46. package/emotion/es/components/Flow/Flow.template-doc.mdx +2 -2
  47. package/emotion/es/components/Notification/Notification.template-doc.mdx +10 -1
  48. package/emotion/es/components/NumberFormat/NumberFormat.template-doc.mdx +4 -4
  49. package/emotion/es/components/Radiobox/Radiobox.template-doc.mdx +10 -11
  50. package/emotion/es/components/Range/Range.template-doc.mdx +5 -1
  51. package/emotion/es/components/Segment/Segment.template-doc.mdx +3 -3
  52. package/emotion/es/components/Select/Select.template-doc.mdx +27 -27
  53. package/emotion/es/components/Slider/Slider.template-doc.mdx +2 -2
  54. package/emotion/es/components/Switch/Switch.template-doc.mdx +3 -3
  55. package/emotion/es/components/Table/Table.template-doc.mdx +2 -2
  56. package/emotion/es/components/Tabs/Tabs.template-doc.mdx +11 -7
  57. package/emotion/es/components/TextArea/TextArea.template-doc.mdx +9 -2
  58. package/emotion/es/components/TextField/TextField.template-doc.mdx +117 -32
  59. package/emotion/es/components/Toast/Toast.template-doc.mdx +48 -2
  60. package/emotion/es/components/Tooltip/Tooltip.template-doc.mdx +19 -4
  61. package/emotion/es/components/Tree/Tree.template-doc.mdx +0 -1
  62. package/es/components/Calendar/utils/calendarRangeHelper.js.map +1 -1
  63. package/es/components/DatePicker/RangeDate/RangeDate.js +17 -19
  64. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  65. package/es/components/DatePicker/SingleDate/SingleDate.js +7 -11
  66. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  67. package/es/components/DatePicker/hooks/useDatePicker.js +73 -46
  68. package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
  69. package/es/components/DatePicker/utils/getOriginalDates.js +4 -1
  70. package/es/components/DatePicker/utils/getOriginalDates.js.map +1 -1
  71. package/package.json +4 -4
  72. package/styled-components/cjs/components/Accordion/Accordion.template-doc.mdx +99 -71
  73. package/styled-components/cjs/components/Autocomplete/Autocomplete.template-doc.mdx +523 -454
  74. package/styled-components/cjs/components/Checkbox/Checkbox.template-doc.mdx +3 -3
  75. package/styled-components/cjs/components/Combobox/Combobox.template-doc.mdx +58 -27
  76. package/styled-components/cjs/components/DatePicker/DatePicker.template-doc.mdx +5 -0
  77. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +15 -17
  78. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +5 -9
  79. package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +73 -46
  80. package/styled-components/cjs/components/DatePicker/utils/getOriginalDates.js +9 -1
  81. package/styled-components/cjs/components/Dropdown/Dropdown.template-doc.mdx +10 -10
  82. package/styled-components/cjs/components/Flow/Flow.template-doc.mdx +2 -2
  83. package/styled-components/cjs/components/Notification/Notification.template-doc.mdx +10 -1
  84. package/styled-components/cjs/components/NumberFormat/NumberFormat.template-doc.mdx +4 -4
  85. package/styled-components/cjs/components/Radiobox/Radiobox.template-doc.mdx +10 -11
  86. package/styled-components/cjs/components/Range/Range.template-doc.mdx +5 -1
  87. package/styled-components/cjs/components/Segment/Segment.template-doc.mdx +3 -3
  88. package/styled-components/cjs/components/Select/Select.template-doc.mdx +27 -27
  89. package/styled-components/cjs/components/Slider/Slider.template-doc.mdx +2 -2
  90. package/styled-components/cjs/components/Switch/Switch.template-doc.mdx +3 -3
  91. package/styled-components/cjs/components/Table/Table.template-doc.mdx +2 -2
  92. package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +11 -7
  93. package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +9 -2
  94. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +117 -32
  95. package/styled-components/cjs/components/Toast/Toast.template-doc.mdx +48 -2
  96. package/styled-components/cjs/components/Tooltip/Tooltip.template-doc.mdx +19 -4
  97. package/styled-components/cjs/components/Tree/Tree.template-doc.mdx +0 -1
  98. package/styled-components/es/components/Accordion/Accordion.template-doc.mdx +99 -71
  99. package/styled-components/es/components/Autocomplete/Autocomplete.template-doc.mdx +523 -454
  100. package/styled-components/es/components/Checkbox/Checkbox.template-doc.mdx +3 -3
  101. package/styled-components/es/components/Combobox/Combobox.template-doc.mdx +58 -27
  102. package/styled-components/es/components/DatePicker/DatePicker.template-doc.mdx +5 -0
  103. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +15 -17
  104. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +6 -10
  105. package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +73 -46
  106. package/styled-components/es/components/DatePicker/utils/getOriginalDates.js +9 -1
  107. package/styled-components/es/components/Dropdown/Dropdown.template-doc.mdx +10 -10
  108. package/styled-components/es/components/Flow/Flow.template-doc.mdx +2 -2
  109. package/styled-components/es/components/Notification/Notification.template-doc.mdx +10 -1
  110. package/styled-components/es/components/NumberFormat/NumberFormat.template-doc.mdx +4 -4
  111. package/styled-components/es/components/Radiobox/Radiobox.template-doc.mdx +10 -11
  112. package/styled-components/es/components/Range/Range.template-doc.mdx +5 -1
  113. package/styled-components/es/components/Segment/Segment.template-doc.mdx +3 -3
  114. package/styled-components/es/components/Select/Select.template-doc.mdx +27 -27
  115. package/styled-components/es/components/Slider/Slider.template-doc.mdx +2 -2
  116. package/styled-components/es/components/Switch/Switch.template-doc.mdx +3 -3
  117. package/styled-components/es/components/Table/Table.template-doc.mdx +2 -2
  118. package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +11 -7
  119. package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +9 -2
  120. package/styled-components/es/components/TextField/TextField.template-doc.mdx +117 -32
  121. package/styled-components/es/components/Toast/Toast.template-doc.mdx +48 -2
  122. package/styled-components/es/components/Tooltip/Tooltip.template-doc.mdx +19 -4
  123. package/styled-components/es/components/Tree/Tree.template-doc.mdx +0 -1
  124. package/types/components/Calendar/utils/calendarRangeHelper.d.ts +1 -1
  125. package/types/components/Calendar/utils/calendarRangeHelper.d.ts.map +1 -1
  126. package/types/components/DatePicker/DatePickerBase.types.d.ts +1 -1
  127. package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
  128. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  129. package/types/components/DatePicker/hooks/useDatePicker.d.ts +1 -1
  130. package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -1
  131. /package/emotion/cjs/components/Combobox/ComboboxOld/{Combobox.template-doc.mdx → Combobox.doc.mdx} +0 -0
  132. /package/emotion/es/components/Combobox/ComboboxOld/{Combobox.template-doc.mdx → Combobox.doc.mdx} +0 -0
  133. /package/styled-components/cjs/components/Combobox/ComboboxOld/{Combobox.template-doc.mdx → Combobox.doc.mdx} +0 -0
  134. /package/styled-components/es/components/Combobox/ComboboxOld/{Combobox.template-doc.mdx → Combobox.doc.mdx} +0 -0
@@ -37,7 +37,7 @@ export function App() {
37
37
  ```
38
38
 
39
39
  ### Размер поля
40
- Размер поля задаётся с помощью свойства `size`. Свойство принимает значения `"l"` и `"m"`:
40
+ Размер поля задаётся с помощью свойства `size`. Свойство принимает значения `"l" | "m" | "s" | "xs"`:
41
41
 
42
42
  ```tsx live
43
43
  import React from 'react';
@@ -53,8 +53,8 @@ export function App() {
53
53
  />
54
54
  <TextField
55
55
  placeholder="Размер"
56
- size="m"
57
- defaultValue="M48"
56
+ size="s"
57
+ defaultValue="S40"
58
58
  />
59
59
  </div>
60
60
  );
@@ -62,9 +62,9 @@ export function App() {
62
62
  ```
63
63
 
64
64
  ### Статус поля
65
- Статус поля задается с помощью свойства `status`.
66
- Возможные значения свойства: `success`, `warning` и `error`.
67
- На отображение TextField так же влияют свойства `clear` и `hasDivider`:
65
+ Статус поля задается с помощью свойства `view`.
66
+
67
+ Возможные значения свойства: `"positive" | "warning" | "negative"`
68
68
 
69
69
  ```tsx live
70
70
  import React from 'react';
@@ -75,46 +75,61 @@ export function App() {
75
75
  <div style=\{{ display: "flex", flexDirection: "column", gap: "1rem" }}>
76
76
  <div style=\{{ display: "flex", gap: "0.5rem" }}>
77
77
  <TextField
78
- placeholder="Статус"
79
- status="success"
78
+ placeholder="Статус positive"
79
+ view="positive"
80
80
  size="m"
81
- defaultValue="Успех"
81
+ defaultValue="Positive"
82
82
  />
83
83
  <TextField
84
- placeholder="Статус"
85
- status="warning"
84
+ placeholder="Статус warning"
85
+ view="warning"
86
86
  size="m"
87
- defaultValue="Предупреждение"
87
+ defaultValue="Warning"
88
88
  />
89
89
  <TextField
90
- placeholder="Статус"
91
- status="error"
90
+ placeholder="Статус Ошибка"
91
+ view="negative"
92
92
  size="m"
93
- defaultValue="Ошибка"
93
+ defaultValue="Negative"
94
94
  />
95
95
  </div>
96
+ </div>
97
+ );
98
+ }
99
+ ```
100
+
101
+ ### Вариация Clear
102
+ На отображение компонента так же влияют свойства `clear` и `hasDivider`:
103
+
104
+ ```tsx live
105
+ import React from 'react';
106
+ import { TextField } from '@salutejs/{{ package }}';
107
+
108
+ export function App() {
109
+ return (
110
+ <div style=\{{ display: "flex", flexDirection: "column", gap: "1rem" }}>
96
111
  <div style=\{{ display: "flex", gap: "0.5rem" }}>
97
112
  <TextField
98
- placeholder="Статус"
99
- status="success"
113
+ placeholder="Статус positive"
114
+ view="positive"
100
115
  size="m"
101
- defaultValue="Успех"
116
+ defaultValue="Positive"
102
117
  clear
103
118
  hasDivider
104
119
  />
105
120
  <TextField
106
- placeholder="Статус"
107
- status="warning"
121
+ placeholder="Статус warning"
122
+ view="warning"
108
123
  size="m"
109
- defaultValue="Предупреждение"
124
+ defaultValue="Warning"
110
125
  clear
111
126
  hasDivider
112
127
  />
113
128
  <TextField
114
- placeholder="Статус"
115
- status="error"
129
+ placeholder="Статус negative"
130
+ view="negative"
116
131
  size="m"
117
- defaultValue="Ошибка"
132
+ defaultValue="Negative"
118
133
  clear
119
134
  hasDivider
120
135
  />
@@ -125,8 +140,11 @@ export function App() {
125
140
  ```
126
141
 
127
142
  ### Подсказка
128
- Для вывода подсказки снизу от поля используйте свойство `helperText`,
129
- для подсказки в виде Tooltip - `hintText`, для подсказки сверху справа - `titleCaption`:
143
+ Для вывода подсказок:
144
+
145
+ - `leftHelper` внизу слева под компонентом
146
+ - `titleCaption` сверху справа над компонентом
147
+ - `hintText` для подсказки в виде `Tooltip`
130
148
 
131
149
  ```tsx live
132
150
  import React from 'react';
@@ -138,7 +156,7 @@ export function App() {
138
156
  <TextField
139
157
  placeholder="Введите значение"
140
158
  defaultValue="Значение"
141
- helperText="Подсказка снизу"
159
+ leftHelper="Подсказка снизу"
142
160
  titleCaption="Подсказка сверху"
143
161
  hintText="Подсказка в виде Tooltip"
144
162
  hintView="default"
@@ -151,7 +169,9 @@ export function App() {
151
169
 
152
170
  ### Режим ввода
153
171
  С помощью свойства `enumerationType` можно вводить элементы как теги. Свойство `chipType` изменяет внешний вид чипа.
154
- С помощью `chipView` можно задать общий вид Chip. Валидация Chip происходит с помощью функции chipValidator.
172
+
173
+ С помощью `chipView` можно задать общий вид `Chip`. Валидация `Chip` происходит с помощью функции `chipValidator`.
174
+
155
175
  По нажатию Enter, после ввода нужного текста, он преобразуется в Chip.
156
176
 
157
177
  ```tsx live
@@ -168,7 +188,7 @@ export function App() {
168
188
  defaultValue="Значение"
169
189
  size="l"
170
190
  enumerationType="chip"
171
- helperText="Подсказка снизу"
191
+ leftHelper="Подсказка снизу"
172
192
  chips={["Значение 1", "Значение 2"]}
173
193
  chipView="positive"
174
194
  chipValidator={validateChip}
@@ -179,7 +199,7 @@ export function App() {
179
199
  defaultValue="Значение"
180
200
  size="l"
181
201
  enumerationType="chip"
182
- helperText="Подсказка снизу"
202
+ leftHelper="Подсказка снизу"
183
203
  chips={["Значение 1"]}
184
204
  chipType="text"
185
205
  />
@@ -188,9 +208,15 @@ export function App() {
188
208
  }
189
209
  ```
190
210
 
191
-
192
211
  ### Обязательность поля
193
- Обязательность поля задаётся с помощью свойств `required` и `requiredPlacement`. Где `requiredPlacement` отвечает за выравнивание и принимает значения `"left"` и `"right"`:
212
+
213
+ :::tip
214
+ Наличие индикатора регулируется свойством `hasRequiredIndicator`.
215
+ :::
216
+
217
+ Обязательность поля задаётся с помощью свойств `required` и `requiredPlacement`.
218
+
219
+ Где `requiredPlacement` отвечает за выравнивание и принимает значения `"left"` и `"right"`:
194
220
 
195
221
  ```tsx live
196
222
  import React from 'react';
@@ -209,7 +235,66 @@ export function App() {
209
235
  required
210
236
  requiredPlacement="right"
211
237
  />
238
+ <TextField
239
+ placeholder="Введите значение"
240
+ label="Поле обязательное, но не имеет визуального индикатора"
241
+ required
242
+ requiredPlacement="right"
243
+ hasRequiredIndicator={false}
244
+ />
212
245
  </div>
213
246
  );
214
247
  }
215
248
  ```
249
+
250
+ ## Примеры
251
+
252
+ ### TextField + очистка поля
253
+
254
+ ```tsx live
255
+ import React, { useState } from "react";
256
+ import { TextField } from "@salutejs/{{ package }}";
257
+ import { IconClose } from "@salutejs/plasma-icons";
258
+
259
+ export function App() {
260
+ const [value, setValue] = useState("");
261
+
262
+ const ControlClear = (props: { onClick: () => void }) => {
263
+ return (
264
+ <div {...props}>
265
+ <IconClose size="xs" color="inherit" />
266
+ </div>
267
+ );
268
+ };
269
+
270
+ return (
271
+ <div>
272
+ <TextField
273
+ placeholder="Положение иконки"
274
+ value={value}
275
+ onChange={(e) => {
276
+ setValue(e.target.value);
277
+ }}
278
+ contentRight={
279
+ <ControlClear
280
+ onClick={() => {
281
+ setValue("");
282
+ }}
283
+ />
284
+ }
285
+ />
286
+ </div>
287
+ );
288
+ }
289
+ ```
290
+
291
+ ## Клавиатурная навигация
292
+
293
+ Данный компонент может полностью управляться с помощью клавиатуры, используя следующие клавиши:
294
+ - по нажатию `Tab` фокусируемся на input
295
+ - если enumeratinType=`chip` после ввода текста, по нажатию `Enter`, input очистится и появится Chip
296
+ - если введен текст в input по нажатию `ArrowLeft` или `ArrowRight` каретка передвигается по тексту
297
+ - при достижении левой границы текста или отсутствии текста в input, при нажатии `Backspace` удаляем последний Chip, если он есть
298
+ - при достижении левой границы текста или отсутствии текста в input, при нажатии `ArrowLeft` переключаемся на последний Chip, если он есть
299
+ - при фокусе на Chip работает переключение фокуса на другие Chip по нажатию `ArrowLeft`, `ArrowRight`; если же Chip крайний правый, при нажатии `ArrowRight` фокус переходит на input
300
+
@@ -9,6 +9,11 @@ import { PropsTable, Description } from '@site/src/components';
9
9
  <Description name="Toast" />
10
10
  <PropsTable name="Toast" />
11
11
 
12
+ :::caution Устаревшие значения свойства `view`
13
+ Значения `dark` и `light` являются устаревшими.<br/>
14
+ Для изменения фона `Toast` используйте компонент `ViewContainer` (см. <a href="#пример-использования">пример использования</a>)
15
+ :::
16
+
12
17
  ## Система подсказок
13
18
  Существует готовая система текстовых подсказок, для использования которой необходимо обернуть приложение в `ToastProvider`:
14
19
 
@@ -120,7 +125,6 @@ export interface ShowToastArgs {
120
125
  ```
121
126
 
122
127
  ## Пример использования
123
-
124
128
  Для изменения цветовой темы компонента `Toast` используйте свойство `view` компонента `ViewContainer`.
125
129
 
126
130
  ```jsx live
@@ -130,7 +134,7 @@ import { useToast, ToastProvider, Button, ViewContainer } from '@salutejs/{{ pac
130
134
  export function App() {
131
135
 
132
136
  const ToastExample = () => {
133
- const { showToast, hideToast } = useToast()
137
+ const { showToast } = useToast()
134
138
 
135
139
  const onShow = () => {}
136
140
  const onHide = () => {}
@@ -168,3 +172,45 @@ export function App() {
168
172
  )
169
173
  }
170
174
  ```
175
+
176
+ ## Вид иконки
177
+ Значения `positive` и `negative` свойства `view` изменяют цвет иконки.<br/>
178
+ Чтобы цвет применился, установите в иконке свойство `color` со значением `inherit`:
179
+
180
+ ```jsx live
181
+ import React from 'react'
182
+ import { IconBell } from '@salutejs/plasma-icons';
183
+ import { useToast, ToastProvider, Button } from '@salutejs/{{ package }}'
184
+
185
+ export function App() {
186
+ const Icon = () => <IconBell color="inherit" size="xs" />;
187
+
188
+ const ToastExample = () => {
189
+ const { showToast } = useToast()
190
+
191
+ const onShow = () => {}
192
+ const onHide = () => {}
193
+ const toastData = {
194
+ contentLeft: <Icon />,
195
+ text: 'Подсказка c иконкой',
196
+ position: 'bottom',
197
+ role: 'status',
198
+ hasClose: true,
199
+ fade: false,
200
+ size: 'm',
201
+ view: 'positive',
202
+ timeout: 3000,
203
+ onShow,
204
+ onHide
205
+ }
206
+
207
+ return <Button onClick={() => showToast(toastData)} text="Вызвать подсказку" />
208
+ }
209
+
210
+ return (
211
+ <ToastProvider>
212
+ <ToastExample />
213
+ </ToastProvider>
214
+ )
215
+ }
216
+ ```
@@ -17,13 +17,28 @@ import { PropsTable, Description } from '@site/src/components';
17
17
 
18
18
  ```tsx live
19
19
  import React from 'react';
20
- import { Tooltip } from '@salutejs/{{ package }}';
21
- import { IconApps } from '@salutejs/plasma-icons';
20
+ import { Tooltip, Button } from '@salutejs/{{ package }}';
22
21
 
23
22
  export function App() {
24
23
  return (
25
- <div style=\{{marginLeft: '100px',marginBottom: '35px'}}>
26
- <Tooltip target={( <IconApps />)} text="Высокое качество воспроизведения" placement="bottom" hasArrow opened />
24
+ <div style=\{{display: 'grid', gridTemplateColumns: 'repeat(3, max-content)', gridGap: '1rem 3.5rem', padding: '3.5rem'}}>
25
+ <Tooltip
26
+ target={<Tooltip target={<Button>Btn</Button>} placement="left" opened text="left" />}
27
+ placement="top-start"
28
+ opened
29
+ text="top-start"
30
+ view="default"
31
+ />
32
+ <Tooltip target={<Button>Btn</Button>} placement="top" opened text="top" />
33
+ <Tooltip
34
+ target={<Tooltip target={<Button>Btn</Button>} placement="right" opened text="right" />}
35
+ placement="top-end"
36
+ opened
37
+ text="top-end"
38
+ />
39
+ <Tooltip target={<Button>Btn</Button>} placement="bottom-start" opened text="bottom-start" />
40
+ <Tooltip target={<Button>Btn</Button>} placement="bottom" opened text="bottom" />
41
+ <Tooltip target={<Button>Btn</Button>} placement="bottom-end" opened text="bottom-end" />
27
42
  </div>
28
43
  );
29
44
  }
@@ -218,4 +218,3 @@ type TreeItem = {
218
218
  ```
219
219
  </TabItem>
220
220
  </Tabs>
221
-
@@ -1,5 +1,5 @@
1
1
  import { CalendarValueType, DateObject, DateType } from '../Calendar.types';
2
- export declare const getSortedValues: (values: [DateType, DateType?]) => [DateType, DateType?];
2
+ export declare const getSortedValues: (values: [DateType, DateType]) => [DateType, DateType];
3
3
  export declare const isDateInRange: (year: number, monthIndex: number, currentDay: number, values: [DateType, DateType]) => boolean;
4
4
  export declare const isSameDay: (firstDate: DateObject, secondDate?: DateObject | undefined) => boolean | undefined;
5
5
  export declare const isValueUpdate: (value: DateType | [DateType, DateType], prevValue: DateType | [DateType, DateType]) => boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"calendarRangeHelper.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/utils/calendarRangeHelper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5E,eAAO,MAAM,eAAe,WAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,0BAOvD,CAAC;AAEP,eAAO,MAAM,aAAa,SAAU,MAAM,cAAc,MAAM,cAAc,MAAM,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,YAS/G,CAAC;AAEF,eAAO,MAAM,SAAS,cAAe,UAAU,6DAIT,CAAC;AAEvC,eAAO,MAAM,aAAa,UAAW,QAAQ,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,aAAa,QAAQ,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,YAU/G,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,UAAW,OAAO,GAAG,OAAO,EAAE,yCACrB,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,kBAAkB,SAAU,UAAU,cAAc,IAAI,YAAY,IAAI,iCAcpF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,SAAU,UAAU,cAAc,UAAU,cAAc,IAAI,mEAa3F,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,UAChB,iBAAiB,QAClB,UAAU,wGAmBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,UAAW,iBAAiB,QAAQ,UAAU,4FAiBpE,CAAC"}
1
+ {"version":3,"file":"calendarRangeHelper.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/utils/calendarRangeHelper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5E,eAAO,MAAM,eAAe,WAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC,yBAOtD,CAAC;AAEP,eAAO,MAAM,aAAa,SAAU,MAAM,cAAc,MAAM,cAAc,MAAM,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,YAS/G,CAAC;AAEF,eAAO,MAAM,SAAS,cAAe,UAAU,6DAIT,CAAC;AAEvC,eAAO,MAAM,aAAa,UAAW,QAAQ,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,aAAa,QAAQ,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,YAU/G,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,UAAW,OAAO,GAAG,OAAO,EAAE,yCACrB,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,kBAAkB,SAAU,UAAU,cAAc,IAAI,YAAY,IAAI,iCAcpF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,SAAU,UAAU,cAAc,UAAU,cAAc,IAAI,mEAa3F,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,UAChB,iBAAiB,QAClB,UAAU,wGAmBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,UAAW,iBAAiB,QAAQ,UAAU,4FAiBpE,CAAC"}
@@ -89,6 +89,7 @@ export declare type DatePickerVariationProps = {
89
89
  };
90
90
  export declare type UseDatePickerProps = {
91
91
  currentValue: string;
92
+ dateFormatDelimiter: string;
92
93
  format?: string;
93
94
  type?: CalendarStateType;
94
95
  lang?: Langs;
@@ -107,7 +108,6 @@ export declare type UseDatePickerProps = {
107
108
  calendar: Date | undefined;
108
109
  input: string;
109
110
  }>>;
110
- dateFormatDelimiter: () => string;
111
111
  onChangeValue?: (event: ChangeEvent<HTMLInputElement> | null, value: string | undefined, originalDate?: DateType, isoDate?: string) => void;
112
112
  onCommitDate?: (value: Date | string, error?: boolean, success?: boolean, dateInfo?: DateInfo, originalDate?: Date, isoDate?: string) => void;
113
113
  onChange?: (event: {
@@ -1 +1 @@
1
- {"version":3,"file":"DatePickerBase.types.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePickerBase.types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DatePickerBase.types.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePickerBase.types.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"SingleDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgG,MAAM,OAAO,CAAC;AAErH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAEvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AASlD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAO1D,eAAO,MAAM,cAAc,SACjB,UAAU,cAAc,EAAE,KAAK,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;gRAqRlG,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBAvRnB,UAAU,cAAc,EAAE,KAAK,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgTtG,CAAC"}
1
+ {"version":3,"file":"SingleDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmF,MAAM,OAAO,CAAC;AAExG,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAEvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AASlD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAO1D,eAAO,MAAM,cAAc,SACjB,UAAU,cAAc,EAAE,KAAK,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;gRAmRlG,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBArRnB,UAAU,cAAc,EAAE,KAAK,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8StG,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import type { ChangeEvent } from 'react';
2
2
  import type { UseDatePickerProps } from '../DatePickerBase.types';
3
3
  import type { DateInfo } from '../../Calendar/Calendar.types';
4
- export declare const useDatePicker: ({ currentValue, format, lang, disabled, readOnly, valueError, valueSuccess, name, type, min, max, includeEdgeDates, maskWithFormat, setCorrectDates, setInputValue, setCalendarValue, dateFormatDelimiter, onChangeValue, onCommitDate, onChange, }: UseDatePickerProps) => {
4
+ export declare const useDatePicker: ({ currentValue, format, lang, disabled, readOnly, valueError, valueSuccess, name, type, min, max, includeEdgeDates, maskWithFormat, dateFormatDelimiter, setCorrectDates, setInputValue, setCalendarValue, onChangeValue, onCommitDate, onChange, }: UseDatePickerProps) => {
5
5
  datePickerErrorClass: string | undefined;
6
6
  datePickerSuccessClass: string | undefined;
7
7
  handleChangeValue: (event: ChangeEvent<HTMLInputElement>) => void;
@@ -1 +1 @@
1
- {"version":3,"file":"useDatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/hooks/useDatePicker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAKzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,KAAK,EAAqB,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAGjF,eAAO,MAAM,aAAa,wPAqBvB,kBAAkB;;;+BAuBiB,YAAY,gBAAgB,CAAC;yBAsDnC,MAAM;;uCA2DQ,IAAI,GAAG,MAAM,GAAG,SAAS;CA+BtE,CAAC"}
1
+ {"version":3,"file":"useDatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/hooks/useDatePicker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAKzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,KAAK,EAAqB,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAGjF,eAAO,MAAM,aAAa,wPAqBvB,kBAAkB;;;+BAuBiB,YAAY,gBAAgB,CAAC;yBAkEnC,MAAM;;uCA6EQ,IAAI,GAAG,MAAM,GAAG,SAAS;CA+BtE,CAAC"}