@alfalab/core-components-table 2.4.3 → 2.4.5

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 (228) hide show
  1. package/components/pagination/Component.js +1 -1
  2. package/components/pagination/index.css +12 -10
  3. package/components/pagination/select-field/index.css +4 -4
  4. package/components/pagination/select-field/index.js +1 -1
  5. package/components/table/Component.js +1 -1
  6. package/components/table/index.css +7 -7
  7. package/components/tbody/Component.js +1 -1
  8. package/components/tbody/index.css +2 -2
  9. package/components/tcell/Component.js +1 -1
  10. package/components/tcell/index.css +7 -7
  11. package/components/texpandable-row/Component.js +1 -1
  12. package/components/texpandable-row/index.css +5 -5
  13. package/components/thead/Component.js +1 -1
  14. package/components/thead/index.css +7 -7
  15. package/components/thead-cell/Component.js +1 -1
  16. package/components/thead-cell/index.css +10 -10
  17. package/components/trow/Component.js +1 -1
  18. package/components/trow/index.css +9 -9
  19. package/components/tsortable-head-cell/Component.js +1 -1
  20. package/components/tsortable-head-cell/index.css +10 -10
  21. package/cssm/components/pagination/index.module.css +3 -1
  22. package/cssm/components/tcell/index.module.css +1 -1
  23. package/cssm/components/thead/index.module.css +1 -1
  24. package/cssm/components/thead-cell/index.module.css +1 -1
  25. package/cssm/components/trow/index.module.css +1 -1
  26. package/cssm/components/tsortable-head-cell/index.module.css +2 -2
  27. package/esm/components/pagination/Component.js +1 -1
  28. package/esm/components/pagination/index.css +12 -10
  29. package/esm/components/pagination/select-field/index.css +4 -4
  30. package/esm/components/pagination/select-field/index.js +1 -1
  31. package/esm/components/table/Component.js +1 -1
  32. package/esm/components/table/index.css +7 -7
  33. package/esm/components/tbody/Component.js +1 -1
  34. package/esm/components/tbody/index.css +2 -2
  35. package/esm/components/tcell/Component.js +1 -1
  36. package/esm/components/tcell/index.css +7 -7
  37. package/esm/components/texpandable-row/Component.js +1 -1
  38. package/esm/components/texpandable-row/index.css +5 -5
  39. package/esm/components/thead/Component.js +1 -1
  40. package/esm/components/thead/index.css +7 -7
  41. package/esm/components/thead-cell/Component.js +1 -1
  42. package/esm/components/thead-cell/index.css +10 -10
  43. package/esm/components/trow/Component.js +1 -1
  44. package/esm/components/trow/index.css +9 -9
  45. package/esm/components/tsortable-head-cell/Component.js +1 -1
  46. package/esm/components/tsortable-head-cell/index.css +10 -10
  47. package/modern/components/pagination/Component.js +1 -1
  48. package/modern/components/pagination/index.css +12 -10
  49. package/modern/components/pagination/select-field/index.css +4 -4
  50. package/modern/components/pagination/select-field/index.js +1 -1
  51. package/modern/components/table/Component.js +1 -1
  52. package/modern/components/table/index.css +7 -7
  53. package/modern/components/tbody/Component.js +1 -1
  54. package/modern/components/tbody/index.css +2 -2
  55. package/modern/components/tcell/Component.js +1 -1
  56. package/modern/components/tcell/index.css +7 -7
  57. package/modern/components/texpandable-row/Component.js +1 -1
  58. package/modern/components/texpandable-row/index.css +5 -5
  59. package/modern/components/thead/Component.js +1 -1
  60. package/modern/components/thead/index.css +7 -7
  61. package/modern/components/thead-cell/Component.js +1 -1
  62. package/modern/components/thead-cell/index.css +10 -10
  63. package/modern/components/trow/Component.js +1 -1
  64. package/modern/components/trow/index.css +9 -9
  65. package/modern/components/tsortable-head-cell/Component.js +1 -1
  66. package/modern/components/tsortable-head-cell/index.css +10 -10
  67. package/package.json +4 -4
  68. package/src/components/pagination/index.module.css +2 -0
  69. package/Component-0f4b9bed.d.ts +0 -5
  70. package/Component-10db897e.d.ts +0 -6
  71. package/Component-69921c40.d.ts +0 -184
  72. package/Component-72dda473.d.ts +0 -53
  73. package/Component-bdb4c6b9.d.ts +0 -12
  74. package/Component-c76d6398.d.ts +0 -5
  75. package/Component-ebda875c.d.ts +0 -12
  76. package/Component.desktop-63dec22f.d.ts +0 -6
  77. package/Component.desktop-785df74d.d.ts +0 -6
  78. package/Component.mobile-d7e9f69d.d.ts +0 -6
  79. package/Component.responsive-785df74d.d.ts +0 -26
  80. package/Context-bdb4c6b9.d.ts +0 -4
  81. package/ResponsiveContext-baf4875b.d.ts +0 -5
  82. package/component-10db897e.d.ts +0 -44
  83. package/consts-f777ba1a.d.ts +0 -2
  84. package/cssm/Component-0f4b9bed.d.ts +0 -5
  85. package/cssm/Component-10db897e.d.ts +0 -6
  86. package/cssm/Component-69921c40.d.ts +0 -184
  87. package/cssm/Component-72dda473.d.ts +0 -53
  88. package/cssm/Component-bdb4c6b9.d.ts +0 -12
  89. package/cssm/Component-c76d6398.d.ts +0 -5
  90. package/cssm/Component-ebda875c.d.ts +0 -12
  91. package/cssm/Component.desktop-63dec22f.d.ts +0 -6
  92. package/cssm/Component.desktop-785df74d.d.ts +0 -6
  93. package/cssm/Component.mobile-d7e9f69d.d.ts +0 -6
  94. package/cssm/Component.responsive-785df74d.d.ts +0 -26
  95. package/cssm/Context-bdb4c6b9.d.ts +0 -4
  96. package/cssm/ResponsiveContext-baf4875b.d.ts +0 -5
  97. package/cssm/component-10db897e.d.ts +0 -44
  98. package/cssm/consts-f777ba1a.d.ts +0 -2
  99. package/cssm/desktop-63dec22f.d.ts +0 -2
  100. package/cssm/desktop-69921c40.d.ts +0 -6
  101. package/cssm/hook-0f4b9bed.d.ts +0 -90
  102. package/cssm/hook-ebda875c.d.ts +0 -48
  103. package/cssm/index-10db897e.d.ts +0 -50
  104. package/cssm/index-136acbb1.d.ts +0 -28
  105. package/cssm/index-3109f463.d.ts +0 -62
  106. package/cssm/index-72dda473.d.ts +0 -12
  107. package/cssm/index-bdb4c6b9.d.ts +0 -2
  108. package/cssm/index-c44170fe.d.ts +0 -3
  109. package/cssm/index-c76d6398.d.ts +0 -2
  110. package/cssm/index-ebda875c.d.ts +0 -81
  111. package/cssm/index-f12ee135.d.ts +0 -3
  112. package/cssm/mobile-89f0cb07.d.ts +0 -6
  113. package/cssm/mobile-d7e9f69d.d.ts +0 -2
  114. package/cssm/types-1b036d4b.d.ts +0 -13
  115. package/cssm/types-1c79e231.d.ts +0 -113
  116. package/cssm/types-67a2d8af.d.ts +0 -276
  117. package/cssm/typings-0f4b9bed.d.ts +0 -576
  118. package/cssm/typings-89f0cb07.d.ts +0 -93
  119. package/cssm/typings-bdb4c6b9.d.ts +0 -52
  120. package/cssm/useSkeleton-ebda875c.d.ts +0 -12
  121. package/cssm/utils-0f4b9bed.d.ts +0 -41
  122. package/cssm/utils-1574ad8b.d.ts +0 -29
  123. package/cssm/utils-49cc3c24.d.ts +0 -8
  124. package/desktop-63dec22f.d.ts +0 -2
  125. package/desktop-69921c40.d.ts +0 -6
  126. package/esm/Component-0f4b9bed.d.ts +0 -5
  127. package/esm/Component-10db897e.d.ts +0 -6
  128. package/esm/Component-69921c40.d.ts +0 -184
  129. package/esm/Component-72dda473.d.ts +0 -53
  130. package/esm/Component-bdb4c6b9.d.ts +0 -12
  131. package/esm/Component-c76d6398.d.ts +0 -5
  132. package/esm/Component-ebda875c.d.ts +0 -12
  133. package/esm/Component.desktop-63dec22f.d.ts +0 -6
  134. package/esm/Component.desktop-785df74d.d.ts +0 -6
  135. package/esm/Component.mobile-d7e9f69d.d.ts +0 -6
  136. package/esm/Component.responsive-785df74d.d.ts +0 -26
  137. package/esm/Context-bdb4c6b9.d.ts +0 -4
  138. package/esm/ResponsiveContext-baf4875b.d.ts +0 -5
  139. package/esm/component-10db897e.d.ts +0 -44
  140. package/esm/consts-f777ba1a.d.ts +0 -2
  141. package/esm/desktop-63dec22f.d.ts +0 -2
  142. package/esm/desktop-69921c40.d.ts +0 -6
  143. package/esm/hook-0f4b9bed.d.ts +0 -90
  144. package/esm/hook-ebda875c.d.ts +0 -48
  145. package/esm/index-10db897e.d.ts +0 -50
  146. package/esm/index-136acbb1.d.ts +0 -28
  147. package/esm/index-3109f463.d.ts +0 -62
  148. package/esm/index-72dda473.d.ts +0 -12
  149. package/esm/index-bdb4c6b9.d.ts +0 -2
  150. package/esm/index-c44170fe.d.ts +0 -3
  151. package/esm/index-c76d6398.d.ts +0 -2
  152. package/esm/index-ebda875c.d.ts +0 -81
  153. package/esm/index-f12ee135.d.ts +0 -3
  154. package/esm/mobile-89f0cb07.d.ts +0 -6
  155. package/esm/mobile-d7e9f69d.d.ts +0 -2
  156. package/esm/types-1b036d4b.d.ts +0 -13
  157. package/esm/types-1c79e231.d.ts +0 -113
  158. package/esm/types-67a2d8af.d.ts +0 -276
  159. package/esm/typings-0f4b9bed.d.ts +0 -576
  160. package/esm/typings-89f0cb07.d.ts +0 -93
  161. package/esm/typings-bdb4c6b9.d.ts +0 -52
  162. package/esm/useSkeleton-ebda875c.d.ts +0 -12
  163. package/esm/utils-0f4b9bed.d.ts +0 -41
  164. package/esm/utils-1574ad8b.d.ts +0 -29
  165. package/esm/utils-49cc3c24.d.ts +0 -8
  166. package/hook-0f4b9bed.d.ts +0 -90
  167. package/hook-ebda875c.d.ts +0 -48
  168. package/index-10db897e.d.ts +0 -50
  169. package/index-136acbb1.d.ts +0 -28
  170. package/index-3109f463.d.ts +0 -62
  171. package/index-72dda473.d.ts +0 -12
  172. package/index-bdb4c6b9.d.ts +0 -2
  173. package/index-c44170fe.d.ts +0 -3
  174. package/index-c76d6398.d.ts +0 -2
  175. package/index-ebda875c.d.ts +0 -81
  176. package/index-f12ee135.d.ts +0 -3
  177. package/mobile-89f0cb07.d.ts +0 -6
  178. package/mobile-d7e9f69d.d.ts +0 -2
  179. package/modern/Component-0f4b9bed.d.ts +0 -5
  180. package/modern/Component-10db897e.d.ts +0 -6
  181. package/modern/Component-69921c40.d.ts +0 -184
  182. package/modern/Component-72dda473.d.ts +0 -53
  183. package/modern/Component-bdb4c6b9.d.ts +0 -12
  184. package/modern/Component-c76d6398.d.ts +0 -5
  185. package/modern/Component-ebda875c.d.ts +0 -12
  186. package/modern/Component.desktop-63dec22f.d.ts +0 -6
  187. package/modern/Component.desktop-785df74d.d.ts +0 -6
  188. package/modern/Component.mobile-d7e9f69d.d.ts +0 -6
  189. package/modern/Component.responsive-785df74d.d.ts +0 -26
  190. package/modern/Context-bdb4c6b9.d.ts +0 -4
  191. package/modern/ResponsiveContext-baf4875b.d.ts +0 -5
  192. package/modern/component-10db897e.d.ts +0 -44
  193. package/modern/consts-f777ba1a.d.ts +0 -2
  194. package/modern/desktop-63dec22f.d.ts +0 -2
  195. package/modern/desktop-69921c40.d.ts +0 -6
  196. package/modern/hook-0f4b9bed.d.ts +0 -90
  197. package/modern/hook-ebda875c.d.ts +0 -48
  198. package/modern/index-10db897e.d.ts +0 -50
  199. package/modern/index-136acbb1.d.ts +0 -28
  200. package/modern/index-3109f463.d.ts +0 -62
  201. package/modern/index-72dda473.d.ts +0 -12
  202. package/modern/index-bdb4c6b9.d.ts +0 -2
  203. package/modern/index-c44170fe.d.ts +0 -3
  204. package/modern/index-c76d6398.d.ts +0 -2
  205. package/modern/index-ebda875c.d.ts +0 -81
  206. package/modern/index-f12ee135.d.ts +0 -3
  207. package/modern/mobile-89f0cb07.d.ts +0 -6
  208. package/modern/mobile-d7e9f69d.d.ts +0 -2
  209. package/modern/types-1b036d4b.d.ts +0 -13
  210. package/modern/types-1c79e231.d.ts +0 -113
  211. package/modern/types-67a2d8af.d.ts +0 -276
  212. package/modern/typings-0f4b9bed.d.ts +0 -576
  213. package/modern/typings-89f0cb07.d.ts +0 -93
  214. package/modern/typings-bdb4c6b9.d.ts +0 -52
  215. package/modern/useSkeleton-ebda875c.d.ts +0 -12
  216. package/modern/utils-0f4b9bed.d.ts +0 -41
  217. package/modern/utils-1574ad8b.d.ts +0 -29
  218. package/modern/utils-49cc3c24.d.ts +0 -8
  219. package/types-1b036d4b.d.ts +0 -13
  220. package/types-1c79e231.d.ts +0 -113
  221. package/types-67a2d8af.d.ts +0 -276
  222. package/typings-0f4b9bed.d.ts +0 -576
  223. package/typings-89f0cb07.d.ts +0 -93
  224. package/typings-bdb4c6b9.d.ts +0 -52
  225. package/useSkeleton-ebda875c.d.ts +0 -12
  226. package/utils-0f4b9bed.d.ts +0 -41
  227. package/utils-1574ad8b.d.ts +0 -29
  228. package/utils-49cc3c24.d.ts +0 -8
@@ -1,576 +0,0 @@
1
- import { AriaAttributes, FC, FocusEvent, MouseEvent, ReactElement, ReactNode, RefAttributes, SVGProps } from 'react';
2
- import { InputProps } from "./index-c44170fe";
3
- import { PopoverProps } from "./index-ebda875c";
4
- type AnyObject = Record<string, any>;
5
- type OptionShape = {
6
- /**
7
- * Текстовое представление пункта
8
- */
9
- key: string;
10
- /**
11
- * Контент, который будет отрисован в выпадающем списке и в поле при выборе
12
- */
13
- content?: ReactNode;
14
- /**
15
- * Блокирует данный пункт для выбора
16
- */
17
- disabled?: boolean;
18
- /**
19
- * Разрешает показ компонента Checkmark, иногда нужно его убирать для показа контента ошибки или пустого состояния
20
- */
21
- showCheckMark?: boolean;
22
- /**
23
- * Дополнительные данные
24
- */
25
- value?: any;
26
- };
27
- type GroupShape = {
28
- /**
29
- * Заголовок группы
30
- */
31
- label?: string;
32
- /**
33
- * Дочерние элементы
34
- */
35
- options: OptionShape[];
36
- };
37
- type BaseSelectChangePayload = {
38
- selected: OptionShape | null;
39
- selectedMultiple: OptionShape[];
40
- initiator: OptionShape | null;
41
- name?: string;
42
- };
43
- type BaseSelectProps = {
44
- /**
45
- * Идентификатор для систем автоматизированного тестирования
46
- */
47
- dataTestId?: string;
48
- /**
49
- * Дополнительный класс
50
- */
51
- className?: string;
52
- /**
53
- * Дополнительный класс для поля
54
- */
55
- fieldClassName?: string;
56
- /**
57
- * Дополнительный класс выпадающего меню
58
- */
59
- optionsListClassName?: string;
60
- /**
61
- * Дополнительный класс для пункта меню
62
- */
63
- optionClassName?: string;
64
- /**
65
- * Дополнительный класс для компонента группы пунктов
66
- */
67
- optionGroupClassName?: string;
68
- /**
69
- * Дополнительный класс для поповера
70
- */
71
- popperClassName?: string;
72
- /**
73
- * Список вариантов выбора
74
- */
75
- options: Array<OptionShape | GroupShape>;
76
- /**
77
- * Атрибут id
78
- */
79
- id?: string;
80
- /**
81
- * Атрибут name
82
- */
83
- name?: string;
84
- /**
85
- * Управление возможностью выбора значения
86
- */
87
- disabled?: boolean;
88
- /**
89
- * Начальное состояние селекта
90
- */
91
- defaultOpen?: boolean;
92
- /**
93
- * Управление открытием
94
- */
95
- open?: boolean;
96
- /**
97
- * Возможность выбрать несколько значений
98
- */
99
- multiple?: boolean;
100
- /**
101
- * Размер компонента
102
- */
103
- size?: 's' | 'm' | 'l' | 'xl';
104
- /**
105
- * Размер пунктов меню
106
- */
107
- optionsSize?: 's' | 'm' | 'l' | 'xl';
108
- /**
109
- * Растягивает компонент на ширину контейнера
110
- */
111
- block?: boolean;
112
- /**
113
- * Управляет шириной выпадающего меню.
114
- * Ширину определяет контент, либо ширина равна ширине поля
115
- */
116
- optionsListWidth?: 'content' | 'field';
117
- /**
118
- * Лейбл поля
119
- */
120
- label?: ReactNode;
121
- /**
122
- * Вид лейбла внутри / снаружи
123
- */
124
- labelView?: 'inner' | 'outer';
125
- /**
126
- * Плейсхолдер поля
127
- */
128
- placeholder?: string;
129
- /**
130
- * Отображение ошибки
131
- */
132
- error?: ReactNode | boolean;
133
- /**
134
- * Подсказка под полем
135
- */
136
- hint?: ReactNode;
137
- /**
138
- * Возможность использовать селект как input-autocomplete
139
- */
140
- autocomplete?: boolean;
141
- /**
142
- * Позволяет снять выбранное значение
143
- */
144
- allowUnselect?: boolean;
145
- /**
146
- * Закрывать меню после выбора?
147
- */
148
- closeOnSelect?: boolean;
149
- /**
150
- * При навигации с клавиатуры переходить от последнего пункта меню к первому и наоборот.
151
- */
152
- circularNavigation?: boolean;
153
- /**
154
- * Запрещает поповеру менять свою позицию.
155
- * Например, если места снизу недостаточно,то он все равно будет показан снизу
156
- */
157
- preventFlip?: boolean;
158
- /**
159
- * Список value выбранных пунктов (controlled-селект)
160
- */
161
- selected?: Array<string | OptionShape> | string | OptionShape | null;
162
- /**
163
- * Рендерит нативный селект вместо выпадающего меню. (на десктопе использовать только с multiple=false)
164
- */
165
- nativeSelect?: boolean;
166
- /**
167
- * Позиционирование выпадающего списка
168
- */
169
- popoverPosition?: PopoverProps['position'];
170
- /**
171
- * Количество видимых пунктов меню (5 = 5.5)
172
- */
173
- visibleOptions?: number;
174
- /**
175
- * Кастомный рендер выбранного пункта
176
- */
177
- valueRenderer?: ({ selected, selectedMultiple, }: {
178
- selected?: OptionShape;
179
- selectedMultiple: OptionShape[];
180
- }) => ReactNode;
181
- /**
182
- * Компонент стрелки
183
- */
184
- Arrow?: FC<ArrowProps> | null | false;
185
- /**
186
- * Компонент поля
187
- */
188
- Field?: FC<FieldProps>;
189
- /**
190
- * Пропсы, которые будут прокинуты в компонент поля
191
- */
192
- fieldProps?: unknown;
193
- /**
194
- * Пропсы, которые будут прокинуты в компонент списка
195
- */
196
- optionsListProps?: unknown;
197
- /**
198
- * Пропсы, которые будут прокинуты в компонент пункта меню
199
- */
200
- optionProps?: unknown;
201
- /**
202
- * Компонент выпадающего меню
203
- */
204
- OptionsList?: FC<OptionsListProps & RefAttributes<HTMLDivElement>>;
205
- /**
206
- * Компонент группы
207
- */
208
- Optgroup?: FC<OptgroupProps>;
209
- /**
210
- * Компонент пункта меню
211
- */
212
- Option?: FC<OptionProps>;
213
- /**
214
- * Включает отображение поиска
215
- */
216
- showSearch?: boolean;
217
- /**
218
- * Компонент поиска
219
- */
220
- Search?: FC<SearchProps & RefAttributes<HTMLInputElement>>;
221
- /**
222
- * Настройки поиска
223
- */
224
- searchProps?: {
225
- componentProps?: SearchProps;
226
- accessor?: (option: OptionShape) => string;
227
- value?: string;
228
- onChange?: (value: string) => void;
229
- };
230
- /**
231
- * Обработчик выбора
232
- */
233
- onChange?: (payload: BaseSelectChangePayload) => void;
234
- /**
235
- * Обработчик открытия\закрытия селекта
236
- */
237
- onOpen?: (payload: {
238
- open?: boolean;
239
- name?: string;
240
- }) => void;
241
- /**
242
- * Обработчик фокуса поля
243
- */
244
- onBlur?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
245
- /**
246
- * Обработчик блюра поля
247
- */
248
- onFocus?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
249
- /**
250
- * Обработчик скрола
251
- */
252
- onScroll?: (event: MouseEvent<HTMLDivElement>) => void;
253
- /**
254
- * Хранит функцию, с помощью которой можно обновить положение поповера
255
- */
256
- updatePopover?: PopoverProps['update'];
257
- /**
258
- * z-index поповера
259
- */
260
- zIndexPopover?: PopoverProps['zIndex'];
261
- /**
262
- * Показывать OptionsList, если он пустой
263
- */
264
- showEmptyOptionsList?: boolean;
265
- };
266
- type FieldProps = {
267
- /**
268
- * Дополнительный класс
269
- */
270
- className?: string;
271
- /**
272
- * Выбранный пункт
273
- */
274
- selected?: OptionShape;
275
- /**
276
- * Список выбранных пунктов
277
- */
278
- selectedMultiple?: OptionShape[];
279
- /**
280
- * Метод для ручной установки выбранных пунктов
281
- */
282
- setSelectedItems: (selected: OptionShape[]) => void;
283
- /**
284
- * Метод переключающий видимость выпадающего списка
285
- */
286
- toggleMenu: () => void;
287
- /**
288
- * Флаг, можно ли выбрать несколько значений
289
- */
290
- multiple?: boolean;
291
- /**
292
- * Флаг, открыто ли меню
293
- */
294
- open?: boolean;
295
- /**
296
- * Флаг, поле заблокировано
297
- */
298
- disabled?: boolean;
299
- /**
300
- * Лейбл поля
301
- */
302
- label?: ReactNode;
303
- /**
304
- * Вид лейбла внутри / снаружи
305
- */
306
- labelView?: 'inner' | 'outer';
307
- /**
308
- * Плейсхолдер поля
309
- */
310
- placeholder?: string;
311
- /**
312
- * Отображение ошибки
313
- */
314
- error?: ReactNode | boolean;
315
- /**
316
- * Отображение иконки успеха
317
- */
318
- success?: boolean;
319
- /**
320
- * Подсказка под полем
321
- */
322
- hint?: ReactNode;
323
- /**
324
- * Компонент стрелки
325
- */
326
- Arrow?: ReactElement | false | null;
327
- /**
328
- * Кастомный рендер выбранного пункта
329
- */
330
- valueRenderer?: BaseSelectProps['valueRenderer'];
331
- /**
332
- * Внутренние свойства, которые должны быть установлены компоненту.
333
- */
334
- innerProps: {
335
- onBlur?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
336
- onFocus?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
337
- onClick?: (event: MouseEvent<HTMLDivElement | HTMLInputElement>) => void;
338
- tabIndex?: number;
339
- id: string;
340
- } & RefAttributes<HTMLDivElement | HTMLInputElement> & AriaAttributes;
341
- /**
342
- * Идентификатор для систем автоматизированного тестирования
343
- */
344
- dataTestId?: string;
345
- } & AnyObject;
346
- type ArrowProps = {
347
- /**
348
- * Дополнительный класс
349
- */
350
- className?: string;
351
- /**
352
- * Флаг, открыто ли меню
353
- */
354
- open?: boolean;
355
- };
356
- type OptionsListProps = {
357
- /**
358
- * Дополнительный класс
359
- */
360
- className?: string;
361
- /**
362
- * Дополнительный класс для компонента группы пунктов
363
- */
364
- optionGroupClassName?: string;
365
- /**
366
- * Дополнительный класс для скроллбара
367
- */
368
- scrollbarClassName?: string;
369
- /**
370
- * Размер компонента
371
- */
372
- size?: 's' | 'm' | 'l' | 'xl';
373
- /**
374
- * Компонент пункта меню
375
- */
376
- Option: FC<OptionProps>;
377
- /**
378
- * Функция для получения пропсов для ячейки
379
- */
380
- getOptionProps: (option: OptionShape, index: number) => OptionProps;
381
- /**
382
- * Список выбранных пунктов
383
- */
384
- selectedItems?: OptionShape[];
385
- /**
386
- * Метод для ручной установки выбранных пунктов
387
- */
388
- setSelectedItems: (selected: OptionShape[]) => void;
389
- /**
390
- * Метод переключающий видимость выпадающего списка
391
- */
392
- toggleMenu: () => void;
393
- /**
394
- * Контент шапки
395
- */
396
- header?: ReactNode;
397
- /**
398
- * Контент футера
399
- */
400
- footer?: ReactNode;
401
- /**
402
- * Список вариантов выбора
403
- */
404
- options?: Array<OptionShape | GroupShape>;
405
- /**
406
- * Плоский список пунктов меню (например, нужно для виртуализации)
407
- */
408
- flatOptions?: OptionShape[];
409
- /**
410
- * Индекс выделенного пункта
411
- */
412
- highlightedIndex?: number;
413
- /**
414
- * Флаг, открыто ли меню
415
- */
416
- open?: boolean;
417
- /**
418
- * Компонент группы
419
- */
420
- Optgroup?: BaseSelectProps['Optgroup'];
421
- /**
422
- * Будет отображаться, если компонент пустой
423
- */
424
- emptyPlaceholder?: ReactNode;
425
- /**
426
- * Количество видимых пунктов меню (5 = 5.5)
427
- */
428
- visibleOptions?: number;
429
- /**
430
- * Обработчик скрола
431
- */
432
- onScroll?: (event: MouseEvent<HTMLDivElement>) => void;
433
- /**
434
- * Идентификатор для систем автоматизированного тестирования
435
- */
436
- dataTestId?: string;
437
- /**
438
- * Дополнительные пропсы для Input'a, находящегося внутри кастомного OptionsList
439
- */
440
- inputProps?: InputProps;
441
- /**
442
- * Нужно ли показывать футер
443
- */
444
- showFooter?: boolean;
445
- /**
446
- * Нужно ли использовать нативный скроллбар
447
- */
448
- nativeScrollbar?: boolean;
449
- /**
450
- * Управляет шириной выпадающего меню.
451
- * Ширину определяет контент, либо ширина равна ширине поля
452
- */
453
- optionsListWidth?: BaseSelectProps['optionsListWidth'];
454
- /**
455
- * Обработчик подтверждения изменений
456
- */
457
- onApply?: () => void;
458
- /**
459
- * Обработчик отмены изменений
460
- */
461
- onClear?: () => void;
462
- /**
463
- * Указать индекс пункта для hover состояния
464
- */
465
- setHighlightedIndex?: (index: number) => void;
466
- };
467
- type OptgroupProps = {
468
- /**
469
- * Дополнительный класс для компонента группы пунктов
470
- */
471
- className?: string;
472
- /**
473
- * Размер компонента
474
- */
475
- size?: 's' | 'm' | 'l' | 'xl';
476
- /**
477
- * Заголовок группы
478
- */
479
- label?: string;
480
- /**
481
- * Дочерние элементы
482
- */
483
- children?: ReactNode;
484
- };
485
- type OptionProps = {
486
- /**
487
- * Дополнительный класс
488
- */
489
- className?: string;
490
- /**
491
- * Размер компонента
492
- */
493
- size?: 's' | 'm' | 'l' | 'xl';
494
- /**
495
- * Контент пункта меню
496
- */
497
- children?: ReactNode;
498
- /**
499
- * Данные пункта меню
500
- */
501
- option: OptionShape;
502
- /**
503
- * Индекс пункта
504
- */
505
- index: number;
506
- /**
507
- * Флаг, выбран ли данный пункт
508
- */
509
- selected?: boolean;
510
- /**
511
- * Флаг, подсвечен ли данный пункт
512
- */
513
- highlighted?: boolean;
514
- /**
515
- * Флаг, заблокирован ли данный пункт
516
- */
517
- disabled?: boolean;
518
- /**
519
- * Флаг множественного выбора
520
- */
521
- multiple?: boolean;
522
- /**
523
- * Компонент пункта меню
524
- */
525
- Checkmark?: FC<CheckmarkProps> | null;
526
- /**
527
- * Внутренние свойства, которые должны быть установлены компоненту.
528
- */
529
- innerProps: {
530
- id: string;
531
- onClick: (event: MouseEvent<HTMLDivElement>) => void;
532
- onMouseDown: (event: MouseEvent<HTMLDivElement>) => void;
533
- onMouseMove: (event: MouseEvent<HTMLDivElement>) => void;
534
- role: string;
535
- } & RefAttributes<HTMLDivElement> & AriaAttributes;
536
- /**
537
- * Идентификатор для систем автоматизированного тестирования
538
- */
539
- dataTestId?: string;
540
- /**
541
- * Позиция иконки "галочки"
542
- */
543
- checkmarkPosition?: 'before' | 'after';
544
- /**
545
- * Мобильная верcия option.
546
- */
547
- mobile?: boolean;
548
- };
549
- type CheckmarkProps = {
550
- /**
551
- * Флаг, данный пункт выбран
552
- */
553
- selected?: boolean;
554
- /**
555
- * Флаг, данный пункт задизейблен
556
- */
557
- disabled?: boolean;
558
- /**
559
- * Дополнительный класс
560
- */
561
- className?: string;
562
- /**
563
- * Флаг множественного выбора
564
- */
565
- multiple?: boolean;
566
- /**
567
- * Расположение отметки
568
- */
569
- position?: 'before' | 'after';
570
- /**
571
- * Иконка выбранного пункта
572
- */
573
- icon?: FC<SVGProps<SVGSVGElement>>;
574
- };
575
- type SearchProps = InputProps;
576
- export { AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps };
@@ -1,93 +0,0 @@
1
- import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, ReactNode } from 'react';
2
- type StyleColors = {
3
- default: {
4
- [key: string]: string;
5
- };
6
- inverted: {
7
- [key: string]: string;
8
- };
9
- };
10
- type ComponentProps = {
11
- /**
12
- * Тип кнопки
13
- * @default secondary
14
- */
15
- view?: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'outlined' | 'filled' | 'transparent' | 'link' | 'ghost';
16
- /**
17
- * Слот слева
18
- */
19
- leftAddons?: ReactNode;
20
- /**
21
- * Слот справа
22
- */
23
- rightAddons?: ReactNode;
24
- /**
25
- * Размер компонента
26
- * @default m
27
- */
28
- size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
29
- /**
30
- * Растягивает компонент на ширину контейнера
31
- * @default false
32
- */
33
- block?: boolean;
34
- /**
35
- * Дополнительный класс
36
- */
37
- className?: string;
38
- /**
39
- * Дополнительный класс для спиннера
40
- */
41
- spinnerClassName?: string;
42
- /**
43
- * Выводит ссылку в виде кнопки
44
- */
45
- href?: string;
46
- /**
47
- * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)
48
- */
49
- Component?: ElementType;
50
- /**
51
- * Идентификатор для систем автоматизированного тестирования
52
- */
53
- dataTestId?: string;
54
- /**
55
- * Показать лоадер
56
- * @default false
57
- */
58
- loading?: boolean;
59
- /**
60
- * Не переносить текст кнопки на новую строку
61
- * @default false
62
- */
63
- nowrap?: boolean;
64
- /**
65
- * Набор цветов для компонента
66
- */
67
- colors?: 'default' | 'inverted';
68
- /**
69
- * Дочерние элементы.
70
- */
71
- children?: ReactNode;
72
- };
73
- type PrivateButtonProps = {
74
- /**
75
- * Основные стили компонента.
76
- */
77
- styles: {
78
- [key: string]: string;
79
- };
80
- /**
81
- * Стили компонента для default и inverted режима.
82
- */
83
- colorStylesMap: StyleColors;
84
- };
85
- type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
86
- type ButtonProps = CommonButtonProps & {
87
- /**
88
- * Контрольная точка, с нее начинается desktop версия
89
- * @default 1024
90
- */
91
- breakpoint?: number;
92
- };
93
- export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };