@alfalab/core-components-date-time-input 4.0.11 → 4.1.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 (162) hide show
  1. package/Component.desktop.d.ts +4 -0
  2. package/Component.desktop.js +4 -0
  3. package/components/date-time-input/Component.d.ts +2 -2
  4. package/components/date-time-input/Component.js +6 -5
  5. package/components/date-time-input/index.css +7 -7
  6. package/cssm/Component.desktop.d.ts +4 -0
  7. package/cssm/Component.desktop.js +4 -0
  8. package/cssm/components/date-time-input/Component.d.ts +2 -2
  9. package/cssm/components/date-time-input/Component.js +5 -4
  10. package/cssm/desktop/index.d.ts +2 -0
  11. package/cssm/{desktop.js → desktop/index.js} +4 -4
  12. package/cssm/mobile/index.d.ts +2 -0
  13. package/cssm/{mobile.js → mobile/index.js} +4 -4
  14. package/desktop/index.d.ts +2 -0
  15. package/{desktop.js → desktop/index.js} +3 -3
  16. package/desktop/package.json +3 -0
  17. package/esm/Component.desktop.d.ts +4 -0
  18. package/esm/Component.desktop.js +4 -0
  19. package/esm/components/date-time-input/Component.d.ts +2 -2
  20. package/esm/components/date-time-input/Component.js +6 -5
  21. package/esm/components/date-time-input/index.css +7 -7
  22. package/esm/desktop/index.d.ts +2 -0
  23. package/esm/{desktop.js → desktop/index.js} +3 -3
  24. package/esm/mobile/index.d.ts +2 -0
  25. package/esm/{mobile.js → mobile/index.js} +3 -3
  26. package/mobile/index.d.ts +2 -0
  27. package/{mobile.js → mobile/index.js} +3 -3
  28. package/mobile/package.json +3 -0
  29. package/modern/Component.desktop.d.ts +4 -0
  30. package/modern/Component.desktop.js +4 -0
  31. package/modern/components/date-time-input/Component.d.ts +2 -2
  32. package/modern/components/date-time-input/Component.js +6 -5
  33. package/modern/components/date-time-input/index.css +7 -7
  34. package/modern/desktop/index.d.ts +2 -0
  35. package/modern/{desktop.js → desktop/index.js} +3 -3
  36. package/modern/mobile/index.d.ts +2 -0
  37. package/modern/{mobile.js → mobile/index.js} +3 -3
  38. package/package.json +4 -24
  39. package/src/Component.desktop.tsx +4 -0
  40. package/src/components/date-time-input/Component.tsx +22 -18
  41. package/src/desktop/index.ts +1 -0
  42. package/src/desktop/package.json +3 -0
  43. package/src/mobile/index.ts +1 -0
  44. package/src/mobile/package.json +3 -0
  45. package/Component-63dec22f.d.ts +0 -184
  46. package/Component-72308007.d.ts +0 -6
  47. package/Component-72dda473.d.ts +0 -53
  48. package/Component-b5b4c59f.d.ts +0 -388
  49. package/Component.desktop-2e2b2125.d.ts +0 -6
  50. package/Component.desktop-785df74d.d.ts +0 -6
  51. package/Component.desktop-b5b4c59f.d.ts +0 -205
  52. package/Component.mobile-755fbaa3.d.ts +0 -6
  53. package/Component.mobile-d7e9f69d.d.ts +0 -6
  54. package/Component.mobile-ebda875c.d.ts +0 -7
  55. package/Component.responsive-2e2b2125.d.ts +0 -5
  56. package/Component.responsive-785df74d.d.ts +0 -26
  57. package/cssm/Component-63dec22f.d.ts +0 -184
  58. package/cssm/Component-72308007.d.ts +0 -6
  59. package/cssm/Component-72dda473.d.ts +0 -53
  60. package/cssm/Component-b5b4c59f.d.ts +0 -388
  61. package/cssm/Component.desktop-2e2b2125.d.ts +0 -6
  62. package/cssm/Component.desktop-785df74d.d.ts +0 -6
  63. package/cssm/Component.desktop-b5b4c59f.d.ts +0 -205
  64. package/cssm/Component.mobile-755fbaa3.d.ts +0 -6
  65. package/cssm/Component.mobile-d7e9f69d.d.ts +0 -6
  66. package/cssm/Component.mobile-ebda875c.d.ts +0 -7
  67. package/cssm/Component.responsive-2e2b2125.d.ts +0 -5
  68. package/cssm/Component.responsive-785df74d.d.ts +0 -26
  69. package/cssm/desktop-63dec22f.d.ts +0 -2
  70. package/cssm/desktop.d.ts +0 -2
  71. package/cssm/index-3109f463.d.ts +0 -62
  72. package/cssm/index-72308007.d.ts +0 -54
  73. package/cssm/index-72dda473.d.ts +0 -12
  74. package/cssm/index-9211a437.d.ts +0 -2
  75. package/cssm/index-ebda875c.d.ts +0 -35
  76. package/cssm/index-f034f741.d.ts +0 -80
  77. package/cssm/mobile-c219f8ca.d.ts +0 -1
  78. package/cssm/mobile.d.ts +0 -2
  79. package/cssm/types-1b036d4b.d.ts +0 -13
  80. package/cssm/types-1c79e231.d.ts +0 -113
  81. package/cssm/typings-5684a67d.d.ts +0 -23
  82. package/cssm/typings-9211a437.d.ts +0 -95
  83. package/cssm/useCalendar-5684a67d.d.ts +0 -97
  84. package/cssm/useSkeleton-1b036d4b.d.ts +0 -40
  85. package/cssm/utils-5684a67d.d.ts +0 -88
  86. package/desktop-63dec22f.d.ts +0 -2
  87. package/desktop.d.ts +0 -2
  88. package/esm/Component-63dec22f.d.ts +0 -184
  89. package/esm/Component-72308007.d.ts +0 -297
  90. package/esm/Component-72dda473.d.ts +0 -53
  91. package/esm/Component-b5b4c59f.d.ts +0 -388
  92. package/esm/Component.desktop-2e2b2125.d.ts +0 -6
  93. package/esm/Component.desktop-785df74d.d.ts +0 -6
  94. package/esm/Component.desktop-b5b4c59f.d.ts +0 -198
  95. package/esm/Component.mobile-755fbaa3.d.ts +0 -6
  96. package/esm/Component.mobile-d7e9f69d.d.ts +0 -6
  97. package/esm/Component.mobile-ebda875c.d.ts +0 -7
  98. package/esm/Component.responsive-2e2b2125.d.ts +0 -5
  99. package/esm/Component.responsive-785df74d.d.ts +0 -26
  100. package/esm/desktop-63dec22f.d.ts +0 -2
  101. package/esm/desktop.d.ts +0 -2
  102. package/esm/index-3109f463.d.ts +0 -62
  103. package/esm/index-72308007.d.ts +0 -54
  104. package/esm/index-72dda473.d.ts +0 -12
  105. package/esm/index-9211a437.d.ts +0 -2
  106. package/esm/index-ebda875c.d.ts +0 -2
  107. package/esm/index-f034f741.d.ts +0 -83
  108. package/esm/mobile-c219f8ca.d.ts +0 -1
  109. package/esm/mobile.d.ts +0 -2
  110. package/esm/types-1b036d4b.d.ts +0 -13
  111. package/esm/types-1c79e231.d.ts +0 -113
  112. package/esm/typings-5684a67d.d.ts +0 -23
  113. package/esm/typings-9211a437.d.ts +0 -95
  114. package/esm/useCalendar-5684a67d.d.ts +0 -97
  115. package/esm/useSkeleton-1b036d4b.d.ts +0 -40
  116. package/esm/utils-5684a67d.d.ts +0 -88
  117. package/index-3109f463.d.ts +0 -62
  118. package/index-72308007.d.ts +0 -54
  119. package/index-72dda473.d.ts +0 -12
  120. package/index-9211a437.d.ts +0 -2
  121. package/index-ebda875c.d.ts +0 -35
  122. package/index-f034f741.d.ts +0 -80
  123. package/mobile-c219f8ca.d.ts +0 -1
  124. package/mobile.d.ts +0 -2
  125. package/modern/Component-63dec22f.d.ts +0 -184
  126. package/modern/Component-72308007.d.ts +0 -6
  127. package/modern/Component-72dda473.d.ts +0 -53
  128. package/modern/Component-b5b4c59f.d.ts +0 -388
  129. package/modern/Component.desktop-2e2b2125.d.ts +0 -6
  130. package/modern/Component.desktop-785df74d.d.ts +0 -6
  131. package/modern/Component.desktop-b5b4c59f.d.ts +0 -205
  132. package/modern/Component.mobile-755fbaa3.d.ts +0 -6
  133. package/modern/Component.mobile-d7e9f69d.d.ts +0 -6
  134. package/modern/Component.mobile-ebda875c.d.ts +0 -7
  135. package/modern/Component.responsive-2e2b2125.d.ts +0 -5
  136. package/modern/Component.responsive-785df74d.d.ts +0 -26
  137. package/modern/desktop-63dec22f.d.ts +0 -2
  138. package/modern/desktop.d.ts +0 -2
  139. package/modern/index-3109f463.d.ts +0 -62
  140. package/modern/index-72308007.d.ts +0 -54
  141. package/modern/index-72dda473.d.ts +0 -12
  142. package/modern/index-9211a437.d.ts +0 -2
  143. package/modern/index-ebda875c.d.ts +0 -35
  144. package/modern/index-f034f741.d.ts +0 -80
  145. package/modern/mobile-c219f8ca.d.ts +0 -1
  146. package/modern/mobile.d.ts +0 -2
  147. package/modern/types-1b036d4b.d.ts +0 -13
  148. package/modern/types-1c79e231.d.ts +0 -113
  149. package/modern/typings-5684a67d.d.ts +0 -23
  150. package/modern/typings-9211a437.d.ts +0 -95
  151. package/modern/useCalendar-5684a67d.d.ts +0 -97
  152. package/modern/useSkeleton-1b036d4b.d.ts +0 -40
  153. package/modern/utils-5684a67d.d.ts +0 -88
  154. package/src/desktop.ts +0 -1
  155. package/src/mobile.ts +0 -1
  156. package/types-1b036d4b.d.ts +0 -13
  157. package/types-1c79e231.d.ts +0 -113
  158. package/typings-5684a67d.d.ts +0 -23
  159. package/typings-9211a437.d.ts +0 -95
  160. package/useCalendar-5684a67d.d.ts +0 -97
  161. package/useSkeleton-1b036d4b.d.ts +0 -40
  162. package/utils-5684a67d.d.ts +0 -88
@@ -1,297 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { ChangeEvent, ElementType, HTMLAttributes, InputHTMLAttributes, MouseEvent, ReactNode, RefAttributes } from "react";
4
- type StyleColors = {
5
- default: {
6
- [key: string]: string;
7
- };
8
- inverted: {
9
- [key: string]: string;
10
- };
11
- };
12
- type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'onClick' | 'onMouseDown' | 'enterKeyHint'> & {
13
- /**
14
- * Значение поля ввода
15
- */
16
- value?: string;
17
- /**
18
- * Начальное значение поля
19
- */
20
- defaultValue?: string;
21
- /**
22
- * Растягивает компонент на ширину контейнера
23
- */
24
- block?: boolean;
25
- /**
26
- * Крестик для очистки поля
27
- */
28
- clear?: boolean;
29
- /**
30
- * Размер компонента
31
- */
32
- size?: 's' | 'm' | 'l' | 'xl';
33
- /**
34
- * Набор цветов для компонента
35
- */
36
- colors?: 'default' | 'inverted';
37
- /**
38
- * Отображение ошибки
39
- */
40
- error?: ReactNode | boolean;
41
- /**
42
- * Отображение иконки успеха
43
- */
44
- success?: boolean;
45
- /**
46
- * Текст подсказки
47
- */
48
- hint?: ReactNode;
49
- /**
50
- * Лейбл компонента
51
- */
52
- label?: React.ReactNode;
53
- /**
54
- * Вид лейбла внутри / снаружи
55
- */
56
- labelView?: 'inner' | 'outer';
57
- /**
58
- * Атрибут type
59
- */
60
- type?: 'number' | 'card' | 'email' | 'money' | 'password' | 'tel' | 'text';
61
- /**
62
- * Ref для обертки input
63
- */
64
- wrapperRef?: React.Ref<HTMLDivElement> | null;
65
- /**
66
- * Слот слева
67
- */
68
- leftAddons?: React.ReactNode;
69
- /**
70
- * Слот справа
71
- */
72
- rightAddons?: React.ReactNode;
73
- /**
74
- * Свойства для обертки левых аддонов
75
- */
76
- leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
77
- /**
78
- * Свойства для обертки правых аддонов
79
- */
80
- rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
81
- /**
82
- * Слот под инпутом
83
- */
84
- bottomAddons?: React.ReactNode;
85
- /**
86
- * Дополнительный класс
87
- */
88
- className?: string;
89
- /**
90
- * Дополнительный класс для поля
91
- */
92
- fieldClassName?: string;
93
- /**
94
- * Дополнительный класс инпута
95
- */
96
- inputClassName?: string;
97
- /**
98
- * Дополнительный класс для лейбла
99
- */
100
- labelClassName?: string;
101
- /**
102
- * Дополнительный класс для аддонов
103
- */
104
- addonsClassName?: string;
105
- /**
106
- * Класс, который будет установлен при фокусе
107
- */
108
- focusedClassName?: string;
109
- /**
110
- * Класс, который будет установлен, если в поле есть значение
111
- */
112
- filledClassName?: string;
113
- /**
114
- * Обработчик поля ввода
115
- */
116
- onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
117
- value: string;
118
- }) => void;
119
- /**
120
- * Обработчик нажатия на кнопку очистки
121
- */
122
- onClear?: (event: MouseEvent<HTMLButtonElement>) => void;
123
- /**
124
- * Обработчик клика по полю
125
- */
126
- onClick?: (event: MouseEvent<HTMLDivElement>) => void;
127
- /**
128
- * Обработчик MouseDown по полю
129
- */
130
- onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;
131
- /**
132
- * Обработчик MouseUp по полю
133
- */
134
- onMouseUp?: (event: MouseEvent<HTMLDivElement>) => void;
135
- /**
136
- * Компонент FormControl
137
- */
138
- FormControlComponent?: ElementType<FormControlProps & RefAttributes<HTMLDivElement>>;
139
- /**
140
- * Идентификатор для систем автоматизированного тестирования
141
- */
142
- dataTestId?: string;
143
- /**
144
- * Стили компонента для default и inverted режима.
145
- */
146
- colorStyles?: StyleColors;
147
- /**
148
- * Запрещает ввод с клавиатуры
149
- */
150
- disableUserInput?: boolean;
151
- };
152
- declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
153
- /**
154
- * Значение поля ввода
155
- */
156
- value?: string | undefined;
157
- /**
158
- * Начальное значение поля
159
- */
160
- defaultValue?: string | undefined;
161
- /**
162
- * Растягивает компонент на ширину контейнера
163
- */
164
- block?: boolean | undefined;
165
- /**
166
- * Крестик для очистки поля
167
- */
168
- clear?: boolean | undefined;
169
- /**
170
- * Размер компонента
171
- */
172
- size?: "s" | "m" | "l" | "xl" | undefined;
173
- /**
174
- * Набор цветов для компонента
175
- */
176
- colors?: "default" | "inverted" | undefined;
177
- /**
178
- * Отображение ошибки
179
- */
180
- error?: ReactNode | boolean;
181
- /**
182
- * Отображение иконки успеха
183
- */
184
- success?: boolean | undefined;
185
- /**
186
- * Текст подсказки
187
- */
188
- hint?: ReactNode;
189
- /**
190
- * Лейбл компонента
191
- */
192
- label?: React.ReactNode;
193
- /**
194
- * Вид лейбла внутри / снаружи
195
- */
196
- labelView?: "inner" | "outer" | undefined;
197
- /**
198
- * Атрибут type
199
- */
200
- type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
201
- /**
202
- * Ref для обертки input
203
- */
204
- wrapperRef?: React.Ref<HTMLDivElement> | undefined;
205
- /**
206
- * Слот слева
207
- */
208
- leftAddons?: React.ReactNode;
209
- /**
210
- * Слот справа
211
- */
212
- rightAddons?: React.ReactNode;
213
- /**
214
- * Свойства для обертки левых аддонов
215
- */
216
- leftAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
217
- /**
218
- * Свойства для обертки правых аддонов
219
- */
220
- rightAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
221
- /**
222
- * Слот под инпутом
223
- */
224
- bottomAddons?: React.ReactNode;
225
- /**
226
- * Дополнительный класс
227
- */
228
- className?: string | undefined;
229
- /**
230
- * Дополнительный класс для поля
231
- */
232
- fieldClassName?: string | undefined;
233
- /**
234
- * Дополнительный класс инпута
235
- */
236
- inputClassName?: string | undefined;
237
- /**
238
- * Дополнительный класс для лейбла
239
- */
240
- labelClassName?: string | undefined;
241
- /**
242
- * Дополнительный класс для аддонов
243
- */
244
- addonsClassName?: string | undefined;
245
- /**
246
- * Класс, который будет установлен при фокусе
247
- */
248
- focusedClassName?: string | undefined;
249
- /**
250
- * Класс, который будет установлен, если в поле есть значение
251
- */
252
- filledClassName?: string | undefined;
253
- /**
254
- * Обработчик поля ввода
255
- */
256
- onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
257
- value: string;
258
- }) => void) | undefined;
259
- /**
260
- * Обработчик нажатия на кнопку очистки
261
- */
262
- onClear?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
263
- /**
264
- * Обработчик клика по полю
265
- */
266
- onClick?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
267
- /**
268
- * Обработчик MouseDown по полю
269
- */
270
- onMouseDown?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
271
- /**
272
- * Обработчик MouseUp по полю
273
- */
274
- onMouseUp?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
275
- /**
276
- * Компонент FormControl
277
- */
278
- FormControlComponent?: React.ElementType<Omit<import("./index-ebda875c").BaseFormControlProps, "styles" | "colorStyles"> & {
279
- breakpoint?: number | undefined;
280
- defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
281
- } & React.RefAttributes<HTMLDivElement>> | undefined;
282
- /**
283
- * Идентификатор для систем автоматизированного тестирования
284
- */
285
- dataTestId?: string | undefined;
286
- /**
287
- * Стили компонента для default и inverted режима.
288
- */
289
- colorStyles?: StyleColors | undefined;
290
- /**
291
- * Запрещает ввод с клавиатуры
292
- */
293
- disableUserInput?: boolean | undefined;
294
- } & React.RefAttributes<HTMLInputElement>>;
295
- export * from "./Component-72dda473";
296
- export * from "./Component.responsive-785df74d";
297
- export { StyleColors, BaseInputProps, BaseInput };
@@ -1,53 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { BackgroundColorType, GraphicColorType } from "./index-72dda473";
4
- type IconColorType = Extract<GraphicColorType, 'positive' | 'attention' | 'link' | 'negative' | 'tertiary' | 'secondary' | 'primary'>;
5
- type BadgeProps = {
6
- /**
7
- * Дополнительный класс
8
- */
9
- className?: string;
10
- /**
11
- * Вид компонента
12
- */
13
- view: 'icon' | 'count';
14
- /**
15
- * Размер компонента (только для view=icon)
16
- * //deprecated(используйте height для view=count )
17
- */
18
- size?: 's' | 'm' | 'l' | 'xl';
19
- /**
20
- * Видимость белой обводки вокруг иконки
21
- */
22
- visibleIconOutline?: boolean;
23
- /**
24
- * Видимость цветной обводки вокруг иконки (только для view=icon)
25
- */
26
- visibleColorOutline?: boolean;
27
- /**
28
- * Контент компонента
29
- */
30
- content?: React.ReactElement | number;
31
- /**
32
- * Высота компонента, min = 16; max = 48 (только для view=count)
33
- */
34
- height?: number;
35
- /**
36
- * Цветовое оформление бейджа при view='count'
37
- */
38
- color?: Extract<BackgroundColorType, 'accent' | 'primary' | 'specialbg-secondary-transparent'>;
39
- /**
40
- * Цветовое оформление бейджа при view='icon'
41
- */
42
- iconColor?: IconColorType;
43
- /**
44
- * Цвет подложки под иконкой
45
- */
46
- iconUnderlayColor?: Extract<GraphicColorType, 'primary' | 'static-light'>;
47
- /**
48
- * Идентификатор для систем автоматизированного тестирования
49
- */
50
- dataTestId?: string;
51
- };
52
- declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, color, iconUnderlayColor, dataTestId, }: BadgeProps) => React.JSX.Element;
53
- export { IconColorType, BadgeProps, Badge };