@consta/uikit 3.18.2 → 3.18.3

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 (418) hide show
  1. package/Attach/package.json +1 -1
  2. package/Attachment/package.json +1 -1
  3. package/Avatar/package.json +1 -1
  4. package/Badge/package.json +1 -1
  5. package/BasicSelectDeprecated/package.json +1 -1
  6. package/Breadcrumbs/package.json +1 -1
  7. package/BreadcrumbsCanary/package.json +1 -1
  8. package/Button/package.json +1 -1
  9. package/CHANGELOG.md +24 -40
  10. package/Calendar/package.json +1 -1
  11. package/Card/package.json +1 -1
  12. package/Checkbox/package.json +1 -1
  13. package/CheckboxGroup/package.json +1 -1
  14. package/ChoiceGroup/package.json +1 -1
  15. package/Collapse/package.json +1 -1
  16. package/CollapseGroup/package.json +1 -1
  17. package/Combobox/package.json +1 -1
  18. package/ComboboxDeprecated/package.json +1 -1
  19. package/ContextMenu/package.json +1 -1
  20. package/ContextMenuCanary/package.json +1 -1
  21. package/DatePickerCanary/package.json +1 -1
  22. package/DateTimeCanary/package.json +1 -1
  23. package/DragNDropField/package.json +1 -1
  24. package/EventInterceptor/package.json +1 -1
  25. package/FieldCaption/package.json +1 -1
  26. package/FieldLabel/package.json +1 -1
  27. package/File/package.json +1 -1
  28. package/FileField/package.json +1 -1
  29. package/FileIcon/package.json +1 -1
  30. package/FileIconAvi/package.json +1 -1
  31. package/FileIconBmp/package.json +1 -1
  32. package/FileIconCsv/package.json +1 -1
  33. package/FileIconDoc/package.json +1 -1
  34. package/FileIconExe/package.json +1 -1
  35. package/FileIconGif/package.json +1 -1
  36. package/FileIconJpg/package.json +1 -1
  37. package/FileIconJson/package.json +1 -1
  38. package/FileIconLoading/package.json +1 -1
  39. package/FileIconMov/package.json +1 -1
  40. package/FileIconMp3/package.json +1 -1
  41. package/FileIconMp4/package.json +1 -1
  42. package/FileIconPdf/package.json +1 -1
  43. package/FileIconPng/package.json +1 -1
  44. package/FileIconPtt/package.json +1 -1
  45. package/FileIconRar/package.json +1 -1
  46. package/FileIconRtf/package.json +1 -1
  47. package/FileIconTiff/package.json +1 -1
  48. package/FileIconTxt/package.json +1 -1
  49. package/FileIconUndefined/package.json +1 -1
  50. package/FileIconWav/package.json +1 -1
  51. package/FileIconXls/package.json +1 -1
  52. package/FileIconZip/package.json +1 -1
  53. package/Grid/package.json +1 -1
  54. package/Header/package.json +1 -1
  55. package/Icon/package.json +1 -1
  56. package/IconAdd/package.json +1 -1
  57. package/IconAddToComparison/package.json +1 -1
  58. package/IconAlert/package.json +1 -1
  59. package/IconAlignBlocksLeft/package.json +1 -1
  60. package/IconAlignBlocksRight/package.json +1 -1
  61. package/IconAlignCenter/package.json +1 -1
  62. package/IconAlignJustify/package.json +1 -1
  63. package/IconAlignLeft/package.json +1 -1
  64. package/IconAlignRight/package.json +1 -1
  65. package/IconAllDone/package.json +1 -1
  66. package/IconArrowDown/package.json +1 -1
  67. package/IconArrowLeft/package.json +1 -1
  68. package/IconArrowRight/package.json +1 -1
  69. package/IconArrowUp/package.json +1 -1
  70. package/IconArtBrush/package.json +1 -1
  71. package/IconAttach/package.json +1 -1
  72. package/IconBackward/package.json +1 -1
  73. package/IconBag/package.json +1 -1
  74. package/IconBarrier/package.json +1 -1
  75. package/IconBento/package.json +1 -1
  76. package/IconBold/package.json +1 -1
  77. package/IconBook/package.json +1 -1
  78. package/IconBookmarkFilled/package.json +1 -1
  79. package/IconBookmarkStroked/package.json +1 -1
  80. package/IconCalculator/package.json +1 -1
  81. package/IconCalendar/package.json +1 -1
  82. package/IconCamera/package.json +1 -1
  83. package/IconCancel/package.json +1 -1
  84. package/IconCards/package.json +1 -1
  85. package/IconChat/package.json +1 -1
  86. package/IconCheck/package.json +1 -1
  87. package/IconClose/package.json +1 -1
  88. package/IconCollapse/package.json +1 -1
  89. package/IconColorFill/package.json +1 -1
  90. package/IconColorText/package.json +1 -1
  91. package/IconColumns/package.json +1 -1
  92. package/IconComment/package.json +1 -1
  93. package/IconConnection/package.json +1 -1
  94. package/IconCopy/package.json +1 -1
  95. package/IconCrown/package.json +1 -1
  96. package/IconCursorMouse/package.json +1 -1
  97. package/IconDataNull/package.json +1 -1
  98. package/IconDiamond/package.json +1 -1
  99. package/IconDinosaur/package.json +1 -1
  100. package/IconDisconnection/package.json +1 -1
  101. package/IconDocAdd/package.json +1 -1
  102. package/IconDocBlank/package.json +1 -1
  103. package/IconDocDelete/package.json +1 -1
  104. package/IconDocExport/package.json +1 -1
  105. package/IconDocFilled/package.json +1 -1
  106. package/IconDown/package.json +1 -1
  107. package/IconDownload/package.json +1 -1
  108. package/IconDrag/package.json +1 -1
  109. package/IconDraggable/package.json +1 -1
  110. package/IconDrillingRig/package.json +1 -1
  111. package/IconDrop/package.json +1 -1
  112. package/IconEdit/package.json +1 -1
  113. package/IconExit/package.json +1 -1
  114. package/IconExpand/package.json +1 -1
  115. package/IconEye/package.json +1 -1
  116. package/IconEyeClose/package.json +1 -1
  117. package/IconFacebook/package.json +1 -1
  118. package/IconFavorite/package.json +1 -1
  119. package/IconFilter/package.json +1 -1
  120. package/IconFitToDefault/package.json +1 -1
  121. package/IconFlagFilled/package.json +1 -1
  122. package/IconFlagStroked/package.json +1 -1
  123. package/IconFolders/package.json +1 -1
  124. package/IconForward/package.json +1 -1
  125. package/IconFunnel/package.json +1 -1
  126. package/IconGas/package.json +1 -1
  127. package/IconGeo/package.json +1 -1
  128. package/IconGrouping/package.json +1 -1
  129. package/IconHamburger/package.json +1 -1
  130. package/IconHand/package.json +1 -1
  131. package/IconHealth/package.json +1 -1
  132. package/IconHome/package.json +1 -1
  133. package/IconInComparison/package.json +1 -1
  134. package/IconInfo/package.json +1 -1
  135. package/IconInstagram/package.json +1 -1
  136. package/IconIntroduction/package.json +1 -1
  137. package/IconIpad/package.json +1 -1
  138. package/IconItalic/package.json +1 -1
  139. package/IconKebab/package.json +1 -1
  140. package/IconLaptop/package.json +1 -1
  141. package/IconLayers/package.json +1 -1
  142. package/IconLeaf/package.json +1 -1
  143. package/IconLightningBolt/package.json +1 -1
  144. package/IconLineAndBarChart/package.json +1 -1
  145. package/IconLink/package.json +1 -1
  146. package/IconList/package.json +1 -1
  147. package/IconListNumbered/package.json +1 -1
  148. package/IconLock/package.json +1 -1
  149. package/IconLogicalElement/package.json +1 -1
  150. package/IconMBU/package.json +1 -1
  151. package/IconMGRP/package.json +1 -1
  152. package/IconMLSP/package.json +1 -1
  153. package/IconMMP/package.json +1 -1
  154. package/IconMail/package.json +1 -1
  155. package/IconMap/package.json +1 -1
  156. package/IconMaxHeight/package.json +1 -1
  157. package/IconMaxWidth/package.json +1 -1
  158. package/IconMeatball/package.json +1 -1
  159. package/IconMic/package.json +1 -1
  160. package/IconMolecules/package.json +1 -1
  161. package/IconMoon/package.json +1 -1
  162. package/IconNodeEnd/package.json +1 -1
  163. package/IconNodeStart/package.json +1 -1
  164. package/IconNodeStep/package.json +1 -1
  165. package/IconNodes/package.json +1 -1
  166. package/IconOpenInNew/package.json +1 -1
  167. package/IconOperators/package.json +1 -1
  168. package/IconPanelBottom/package.json +1 -1
  169. package/IconPanelLeft/package.json +1 -1
  170. package/IconPanelRight/package.json +1 -1
  171. package/IconPanelTop/package.json +1 -1
  172. package/IconPaste/package.json +1 -1
  173. package/IconPause/package.json +1 -1
  174. package/IconPhone/package.json +1 -1
  175. package/IconPhoto/package.json +1 -1
  176. package/IconPicture/package.json +1 -1
  177. package/IconPlay/package.json +1 -1
  178. package/IconPressure/package.json +1 -1
  179. package/IconPriceLabel/package.json +1 -1
  180. package/IconProcessing/package.json +1 -1
  181. package/IconQuestion/package.json +1 -1
  182. package/IconQuote/package.json +1 -1
  183. package/IconRUO/package.json +1 -1
  184. package/IconRUS/package.json +1 -1
  185. package/IconRecord/package.json +1 -1
  186. package/IconRemove/package.json +1 -1
  187. package/IconRemoveFromComparison/package.json +1 -1
  188. package/IconReply/package.json +1 -1
  189. package/IconResize/package.json +1 -1
  190. package/IconRestart/package.json +1 -1
  191. package/IconRevert/package.json +1 -1
  192. package/IconRing/package.json +1 -1
  193. package/IconRouble/package.json +1 -1
  194. package/IconRuler/package.json +1 -1
  195. package/IconSave/package.json +1 -1
  196. package/IconScreen/package.json +1 -1
  197. package/IconSearch/package.json +1 -1
  198. package/IconSelect/package.json +1 -1
  199. package/IconSelectOpen/package.json +1 -1
  200. package/IconSendMessage/package.json +1 -1
  201. package/IconSettings/package.json +1 -1
  202. package/IconShape/package.json +1 -1
  203. package/IconShuffle/package.json +1 -1
  204. package/IconSmile/package.json +1 -1
  205. package/IconSortDown/package.json +1 -1
  206. package/IconSortDownCenter/package.json +1 -1
  207. package/IconSortUp/package.json +1 -1
  208. package/IconSortUpCenter/package.json +1 -1
  209. package/IconStop/package.json +1 -1
  210. package/IconStorage/package.json +1 -1
  211. package/IconStrikethrough/package.json +1 -1
  212. package/IconSun/package.json +1 -1
  213. package/IconTable/package.json +1 -1
  214. package/IconTable2/package.json +1 -1
  215. package/IconTarget/package.json +1 -1
  216. package/IconTeam/package.json +1 -1
  217. package/IconTechResponse/package.json +1 -1
  218. package/IconTest/package.json +1 -1
  219. package/IconThumbUp/package.json +1 -1
  220. package/IconTie/package.json +1 -1
  221. package/IconTop/package.json +1 -1
  222. package/IconTrash/package.json +1 -1
  223. package/IconType/package.json +1 -1
  224. package/IconUnderline/package.json +1 -1
  225. package/IconUnlock/package.json +1 -1
  226. package/IconUnsort/package.json +1 -1
  227. package/IconUnsortCenter/package.json +1 -1
  228. package/IconUpload/package.json +1 -1
  229. package/IconUser/package.json +1 -1
  230. package/IconVZD/package.json +1 -1
  231. package/IconVideo/package.json +1 -1
  232. package/IconVkontakte/package.json +1 -1
  233. package/IconWarning/package.json +1 -1
  234. package/IconWatch/package.json +1 -1
  235. package/IconWideScreen/package.json +1 -1
  236. package/IconWorld/package.json +1 -1
  237. package/IconWrench/package.json +1 -1
  238. package/IconYandexDzen/package.json +1 -1
  239. package/IconYoutube/package.json +1 -1
  240. package/Informer/package.json +1 -1
  241. package/LayoutCanary/package.json +1 -1
  242. package/Loader/package.json +1 -1
  243. package/MixCard/package.json +1 -1
  244. package/MixFocus/package.json +1 -1
  245. package/MixPopoverAnimate/package.json +1 -1
  246. package/MixPopoverArrow/package.json +1 -1
  247. package/MixSpace/package.json +1 -1
  248. package/MixVisuallyHidden/package.json +1 -1
  249. package/Modal/package.json +1 -1
  250. package/MultiComboboxDeprecated/package.json +1 -1
  251. package/Pagination/package.json +1 -1
  252. package/Popover/package.json +1 -1
  253. package/PortalWithTheme/package.json +1 -1
  254. package/ProgressSpin/package.json +1 -1
  255. package/ProgressStepBarCanary/package.json +1 -1
  256. package/README.md +6 -6
  257. package/Radio/package.json +1 -1
  258. package/RadioGroup/package.json +1 -1
  259. package/Responses/package.json +1 -1
  260. package/Responses403/package.json +1 -1
  261. package/Responses404/package.json +1 -1
  262. package/Responses500/package.json +1 -1
  263. package/Responses503/package.json +1 -1
  264. package/ResponsesConnectionError/package.json +1 -1
  265. package/ResponsesDeleted/package.json +1 -1
  266. package/ResponsesEmptyBox/package.json +1 -1
  267. package/ResponsesEmptyPockets/package.json +1 -1
  268. package/ResponsesExit/package.json +1 -1
  269. package/ResponsesImage/package.json +1 -1
  270. package/ResponsesImage403/package.json +1 -1
  271. package/ResponsesImage404/package.json +1 -1
  272. package/ResponsesImage500/package.json +1 -1
  273. package/ResponsesImage503/package.json +1 -1
  274. package/ResponsesImageConnectionError/package.json +1 -1
  275. package/ResponsesImageDeleted/package.json +1 -1
  276. package/ResponsesImageEmptyBox/package.json +1 -1
  277. package/ResponsesImageEmptyPockets/package.json +1 -1
  278. package/ResponsesImageNothingFound/package.json +1 -1
  279. package/ResponsesImageSuccess/package.json +1 -1
  280. package/ResponsesNothingFound/package.json +1 -1
  281. package/ResponsesSuccess/package.json +1 -1
  282. package/Select/package.json +1 -1
  283. package/Sidebar/package.json +1 -1
  284. package/Skeleton/package.json +1 -1
  285. package/SliderCanary/package.json +1 -1
  286. package/SnackBar/package.json +1 -1
  287. package/Steps/package.json +1 -1
  288. package/Switch/package.json +1 -1
  289. package/SwitchGroup/package.json +1 -1
  290. package/Table/package.json +1 -1
  291. package/Tabs/package.json +1 -1
  292. package/Tag/package.json +1 -1
  293. package/TagBase/package.json +1 -1
  294. package/Text/package.json +1 -1
  295. package/TextField/package.json +1 -1
  296. package/Theme/package.json +1 -1
  297. package/ThemeToggler/package.json +1 -1
  298. package/Timer/package.json +1 -1
  299. package/Tooltip/package.json +1 -1
  300. package/User/package.json +1 -1
  301. package/UserSelect/package.json +1 -1
  302. package/UserSelectDeprecated/package.json +1 -1
  303. package/__internal__/cjs-src/components/ChoiceGroup/ChoiceGroup.css +4 -1
  304. package/__internal__/cjs-src/components/ChoiceGroup/ChoiceGroup.d.ts +1 -0
  305. package/__internal__/cjs-src/components/ChoiceGroup/ChoiceGroup.js +4 -2
  306. package/__internal__/cjs-src/components/ContextMenuCanary/ContextMenuLevel/ContextMenuLevel.d.ts +1 -0
  307. package/__internal__/cjs-src/components/ContextMenuCanary/ContextMenuLevel/ContextMenuLevel.js +27 -5
  308. package/__internal__/cjs-src/components/ContextMenuCanary/ContextMenuLevels/ContextMenuLevels.js +2 -0
  309. package/__internal__/cjs-src/components/DatePickerCanary/DatePickerCanary.js +12 -8
  310. package/__internal__/cjs-src/components/DatePickerCanary/DatePickerFieldTypeDate/DatePickerFieldTypeDate.js +6 -70
  311. package/__internal__/cjs-src/components/DatePickerCanary/DatePickerFieldTypeDate/helpers.d.ts +1 -1
  312. package/__internal__/cjs-src/components/DatePickerCanary/DatePickerFieldTypeDate/helpers.js +82 -13
  313. package/__internal__/cjs-src/components/DatePickerCanary/DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime.js +9 -2
  314. package/__internal__/cjs-src/components/DatePickerCanary/DatePickerFieldTypeDateTime/helpers.d.ts +0 -2
  315. package/__internal__/cjs-src/components/DatePickerCanary/DatePickerFieldTypeDateTime/helpers.js +12 -22
  316. package/__internal__/cjs-src/components/DatePickerCanary/DatePickerFieldTypeTime/DatePickerFieldTypeTime.d.ts +48 -0
  317. package/__internal__/cjs-src/components/DatePickerCanary/DatePickerFieldTypeTime/DatePickerFieldTypeTime.js +75 -0
  318. package/__internal__/cjs-src/components/DatePickerCanary/DatePickerFieldTypeTime/helpers.d.ts +49 -0
  319. package/__internal__/cjs-src/components/DatePickerCanary/DatePickerFieldTypeTime/helpers.js +83 -0
  320. package/__internal__/cjs-src/components/DatePickerCanary/DatePickerTypeDateTime/DatePickerTypeDateTime.js +3 -3
  321. package/__internal__/cjs-src/components/DatePickerCanary/DatePickerTypeTime/DatePickerTypeTime.d.ts +2 -0
  322. package/__internal__/cjs-src/components/DatePickerCanary/DatePickerTypeTime/DatePickerTypeTime.js +35 -0
  323. package/__internal__/cjs-src/components/DatePickerCanary/helpers.d.ts +6 -1
  324. package/__internal__/cjs-src/components/DatePickerCanary/helpers.js +33 -4
  325. package/__internal__/cjs-src/components/EventInterceptor/types.d.ts +1 -1
  326. package/__internal__/cjs-src/components/Modal/Modal.css +50 -25
  327. package/__internal__/cjs-src/components/Modal/Modal.js +3 -3
  328. package/__internal__/cjs-src/components/Pagination/Pagination.d.ts +0 -1
  329. package/__internal__/cjs-src/components/Pagination/Pagination.js +6 -9
  330. package/__internal__/cjs-src/components/PortalWithTheme/PortalWithTheme.js +15 -4
  331. package/__internal__/cjs-src/components/PortalWithTheme/PortalWithThemeContext/PortalWithThemeContext.d.ts +4 -1
  332. package/__internal__/cjs-src/components/PortalWithTheme/PortalWithThemeContext/PortalWithThemeContext.js +3 -2
  333. package/__internal__/cjs-src/components/SelectComponents/SelectDropdown/SelectDropdown.js +1 -1
  334. package/__internal__/cjs-src/components/Sidebar/Sidebar.css +10 -10
  335. package/__internal__/cjs-src/components/Sidebar/Sidebar.js +2 -2
  336. package/__internal__/cjs-src/hooks/useClickOutside/useClickOutside.d.ts +3 -3
  337. package/__internal__/cjs-src/hooks/useClickOutside/useClickOutside.js +18 -7
  338. package/__internal__/cjs-src/icons/IconFacebook/IconFacebook_size_m.js +1 -1
  339. package/__internal__/cjs-src/icons/IconFacebook/IconFacebook_size_s.js +1 -1
  340. package/__internal__/cjs-src/icons/IconInstagram/IconInstagram_size_m.js +1 -1
  341. package/__internal__/cjs-src/icons/IconInstagram/IconInstagram_size_s.js +1 -1
  342. package/__internal__/cjs-src/icons/IconVkontakte/IconVkontakte_size_m.js +1 -1
  343. package/__internal__/cjs-src/icons/IconVkontakte/IconVkontakte_size_s.js +1 -1
  344. package/__internal__/cjs-src/icons/IconYandexDzen/IconYandexDzen_size_m.js +1 -1
  345. package/__internal__/cjs-src/icons/IconYandexDzen/IconYandexDzen_size_s.js +1 -1
  346. package/__internal__/cjs-src/icons/IconYoutube/IconYoutube_size_m.js +1 -1
  347. package/__internal__/cjs-src/icons/IconYoutube/IconYoutube_size_s.js +1 -1
  348. package/__internal__/src/components/ChoiceGroup/ChoiceGroup.css +4 -1
  349. package/__internal__/src/components/ChoiceGroup/ChoiceGroup.d.ts +1 -0
  350. package/__internal__/src/components/ChoiceGroup/ChoiceGroup.js +4 -2
  351. package/__internal__/src/components/ContextMenuCanary/ContextMenuLevel/ContextMenuLevel.d.ts +1 -0
  352. package/__internal__/src/components/ContextMenuCanary/ContextMenuLevel/ContextMenuLevel.js +25 -4
  353. package/__internal__/src/components/ContextMenuCanary/ContextMenuLevels/ContextMenuLevels.js +3 -1
  354. package/__internal__/src/components/DatePickerCanary/DatePickerCanary.js +14 -10
  355. package/__internal__/src/components/DatePickerCanary/DatePickerFieldTypeDate/DatePickerFieldTypeDate.js +9 -73
  356. package/__internal__/src/components/DatePickerCanary/DatePickerFieldTypeDate/helpers.d.ts +1 -1
  357. package/__internal__/src/components/DatePickerCanary/DatePickerFieldTypeDate/helpers.js +81 -12
  358. package/__internal__/src/components/DatePickerCanary/DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime.js +11 -4
  359. package/__internal__/src/components/DatePickerCanary/DatePickerFieldTypeDateTime/helpers.d.ts +0 -2
  360. package/__internal__/src/components/DatePickerCanary/DatePickerFieldTypeDateTime/helpers.js +13 -23
  361. package/__internal__/src/components/DatePickerCanary/DatePickerFieldTypeTime/DatePickerFieldTypeTime.d.ts +48 -0
  362. package/__internal__/src/components/DatePickerCanary/DatePickerFieldTypeTime/DatePickerFieldTypeTime.js +72 -0
  363. package/__internal__/src/components/DatePickerCanary/DatePickerFieldTypeTime/helpers.d.ts +49 -0
  364. package/__internal__/src/components/DatePickerCanary/DatePickerFieldTypeTime/helpers.js +80 -0
  365. package/__internal__/src/components/DatePickerCanary/DatePickerTypeDateTime/DatePickerTypeDateTime.js +3 -3
  366. package/__internal__/src/components/DatePickerCanary/DatePickerTypeTime/DatePickerTypeTime.d.ts +2 -0
  367. package/__internal__/src/components/DatePickerCanary/DatePickerTypeTime/DatePickerTypeTime.js +32 -0
  368. package/__internal__/src/components/DatePickerCanary/helpers.d.ts +6 -1
  369. package/__internal__/src/components/DatePickerCanary/helpers.js +32 -3
  370. package/__internal__/src/components/EventInterceptor/types.d.ts +1 -1
  371. package/__internal__/src/components/Modal/Modal.css +50 -25
  372. package/__internal__/src/components/Modal/Modal.js +3 -3
  373. package/__internal__/src/components/Pagination/Pagination.d.ts +0 -1
  374. package/__internal__/src/components/Pagination/Pagination.js +5 -8
  375. package/__internal__/src/components/PortalWithTheme/PortalWithTheme.js +15 -4
  376. package/__internal__/src/components/PortalWithTheme/PortalWithThemeContext/PortalWithThemeContext.d.ts +4 -1
  377. package/__internal__/src/components/PortalWithTheme/PortalWithThemeContext/PortalWithThemeContext.js +3 -2
  378. package/__internal__/src/components/SelectComponents/SelectDropdown/SelectDropdown.js +1 -1
  379. package/__internal__/src/components/Sidebar/Sidebar.css +10 -10
  380. package/__internal__/src/components/Sidebar/Sidebar.js +2 -2
  381. package/__internal__/src/hooks/useClickOutside/useClickOutside.d.ts +3 -3
  382. package/__internal__/src/hooks/useClickOutside/useClickOutside.js +18 -7
  383. package/__internal__/src/icons/IconFacebook/IconFacebook_size_m.js +1 -1
  384. package/__internal__/src/icons/IconFacebook/IconFacebook_size_s.js +1 -1
  385. package/__internal__/src/icons/IconInstagram/IconInstagram_size_m.js +1 -1
  386. package/__internal__/src/icons/IconInstagram/IconInstagram_size_s.js +1 -1
  387. package/__internal__/src/icons/IconVkontakte/IconVkontakte_size_m.js +1 -1
  388. package/__internal__/src/icons/IconVkontakte/IconVkontakte_size_s.js +1 -1
  389. package/__internal__/src/icons/IconYandexDzen/IconYandexDzen_size_m.js +1 -1
  390. package/__internal__/src/icons/IconYandexDzen/IconYandexDzen_size_s.js +1 -1
  391. package/__internal__/src/icons/IconYoutube/IconYoutube_size_m.js +1 -1
  392. package/__internal__/src/icons/IconYoutube/IconYoutube_size_s.js +1 -1
  393. package/createIcon/package.json +1 -1
  394. package/createResponsesImage/package.json +1 -1
  395. package/package.json +1 -1
  396. package/useBreakpoints/package.json +1 -1
  397. package/useChoiceGroup/package.json +1 -1
  398. package/useChoiceGroupIndexed/package.json +1 -1
  399. package/useClickOutside/package.json +1 -1
  400. package/useComponentSize/package.json +1 -1
  401. package/useDebounce/package.json +1 -1
  402. package/useFlag/package.json +1 -1
  403. package/useForkRef/package.json +1 -1
  404. package/useGlobalKeys/package.json +1 -1
  405. package/useHideElementsInLine/package.json +1 -1
  406. package/useKeys/package.json +1 -1
  407. package/useMutableRef/package.json +1 -1
  408. package/useOverflow/package.json +1 -1
  409. package/usePrevious/package.json +1 -1
  410. package/useRefs/package.json +1 -1
  411. package/useResizeObserved/package.json +1 -1
  412. package/useScrollElements/package.json +1 -1
  413. package/useScrollPosition/package.json +1 -1
  414. package/useSelect/package.json +1 -1
  415. package/useSortSteps/package.json +1 -1
  416. package/useThemeVars/package.json +1 -1
  417. package/useTimer/package.json +1 -1
  418. package/withTooltip/package.json +1 -1
package/__internal__/cjs-src/icons/IconVkontakte/IconVkontakte_size_m.js CHANGED
@@ -4,6 +4,6 @@ var tslib_1 = require("tslib");
4
4
  var React = tslib_1.__importStar(require("react"));
5
5
  function IconVkontakteSizeM(props) {
6
6
  return (React.createElement("svg", tslib_1.__assign({ viewBox: "0 0 24 24" }, props),
7
- React.createElement("path", { d: "M20.9045 16.7747C20.8827 16.7278 20.8624 16.6888 20.8435 16.6576C20.5312 16.0951 19.9345 15.4048 19.0535 14.5863L19.0349 14.5675L19.0256 14.5583L19.0162 14.5489H19.0067C18.6069 14.1678 18.3537 13.9115 18.2477 13.7803C18.0537 13.5304 18.0102 13.2774 18.1163 13.0211C18.1912 12.8274 18.4726 12.4184 18.9597 11.7935C19.216 11.4623 19.419 11.1969 19.5688 10.9969C20.6498 9.55983 21.1185 8.64152 20.9747 8.24161L20.9188 8.14815C20.8813 8.09189 20.7845 8.04042 20.6285 7.99348C20.4721 7.94664 20.2722 7.93889 20.0285 7.97011L17.3295 7.98875C17.2858 7.97326 17.2233 7.97471 17.142 7.99348C17.0607 8.01226 17.0201 8.02168 17.0201 8.02168L16.9731 8.04515L16.9358 8.07335C16.9046 8.09199 16.8702 8.12478 16.8327 8.17166C16.7954 8.21837 16.7642 8.27318 16.7392 8.33565C16.4454 9.09165 16.1113 9.79453 15.7363 10.4443C15.5051 10.8317 15.2928 11.1675 15.0989 11.4518C14.9053 11.736 14.7428 11.9454 14.6117 12.0796C14.4804 12.2139 14.3619 12.3216 14.2555 12.4029C14.1492 12.4842 14.0681 12.5186 14.012 12.506C13.9557 12.4935 13.9027 12.481 13.8525 12.4685C13.7651 12.4122 13.6947 12.3357 13.6417 12.2389C13.5885 12.1421 13.5526 12.0202 13.5339 11.8734C13.5153 11.7264 13.5042 11.6001 13.5011 11.4938C13.4982 11.3877 13.4995 11.2376 13.5058 11.0439C13.5123 10.8501 13.5153 10.719 13.5153 10.6503C13.5153 10.4128 13.5199 10.1551 13.5292 9.87709C13.5386 9.59906 13.5463 9.37877 13.5527 9.21648C13.559 9.05403 13.562 8.88216 13.562 8.70096C13.562 8.51977 13.551 8.37767 13.5292 8.27453C13.5076 8.17153 13.4746 8.07154 13.431 7.97461C13.3872 7.87777 13.3231 7.80287 13.2389 7.74969C13.1546 7.69658 13.0497 7.65443 12.925 7.62311C12.5938 7.54818 12.1721 7.50764 11.6596 7.50133C10.4976 7.48886 9.75093 7.5639 9.41979 7.72635C9.28859 7.79499 9.16986 7.88877 9.0637 8.0074C8.95121 8.1449 8.93552 8.21994 9.01673 8.23229C9.39166 8.28845 9.65708 8.4228 9.8133 8.63521L9.86959 8.74777C9.91338 8.82898 9.9571 8.97276 10.0009 9.1789C10.0445 9.38504 10.0727 9.61308 10.0852 9.86288C10.1163 10.319 10.1163 10.7095 10.0852 11.0344C10.0539 11.3593 10.0243 11.6123 9.99613 11.7935C9.96794 11.9747 9.92579 12.1215 9.86959 12.234C9.8133 12.3464 9.77584 12.4152 9.75707 12.4401C9.73832 12.4651 9.7227 12.4808 9.71029 12.487C9.62908 12.5181 9.54462 12.5339 9.45721 12.5339C9.36966 12.5339 9.26351 12.4901 9.13857 12.4026C9.01367 12.3151 8.88405 12.1949 8.74969 12.0418C8.61534 11.8887 8.46382 11.6747 8.29507 11.3998C8.12644 11.1249 7.95148 10.8001 7.77029 10.4252L7.62038 10.1533C7.52666 9.97845 7.39864 9.7238 7.23619 9.3896C7.07364 9.05528 6.92996 8.73188 6.80506 8.41949C6.75514 8.28828 6.68013 8.1884 6.58018 8.11966L6.53327 8.09146C6.50209 8.06652 6.45203 8.04003 6.38336 8.0118C6.31459 7.9836 6.24283 7.96338 6.1678 7.95094L3.59991 7.96958C3.33751 7.96958 3.15946 8.02903 3.06572 8.14776L3.0282 8.20392C3.00945 8.23521 3 8.28517 3 8.35394C3 8.42267 3.01874 8.50703 3.05626 8.60692C3.43113 9.48795 3.83878 10.3376 4.27923 11.1561C4.71968 11.9746 5.10242 12.6338 5.42723 13.1334C5.7521 13.6333 6.08324 14.1051 6.42065 14.5485C6.75806 14.9922 6.9814 15.2765 7.09068 15.4014C7.20008 15.5265 7.28602 15.6201 7.34849 15.6825L7.58282 15.9074C7.73277 16.0574 7.95296 16.237 8.2435 16.4463C8.5341 16.6557 8.85582 16.8618 9.20882 17.065C9.56189 17.2679 9.97263 17.4335 10.4413 17.5615C10.9099 17.6897 11.3659 17.7412 11.8096 17.7163H12.8873C13.1059 17.6975 13.2715 17.6287 13.3841 17.5101L13.4214 17.4631C13.4465 17.4258 13.4699 17.3679 13.4916 17.2899C13.5135 17.2118 13.5244 17.1258 13.5244 17.0322C13.518 16.7636 13.5385 16.5215 13.5852 16.306C13.6319 16.0905 13.6852 15.9281 13.7447 15.8187C13.8042 15.7094 13.8714 15.6171 13.9461 15.5424C14.021 15.4674 14.0744 15.422 14.1057 15.4064C14.1368 15.3907 14.1617 15.38 14.1804 15.3736C14.3304 15.3236 14.5068 15.372 14.7101 15.519C14.9132 15.6658 15.1037 15.8471 15.2818 16.0626C15.4599 16.2782 15.6739 16.5202 15.9237 16.7888C16.1738 17.0575 16.3924 17.2572 16.5798 17.3886L16.7671 17.5011C16.8922 17.5761 17.0547 17.6449 17.2547 17.7073C17.4543 17.7698 17.6292 17.7854 17.7793 17.7542L20.1784 17.7168C20.4157 17.7168 20.6004 17.6775 20.7314 17.5995C20.8626 17.5214 20.9405 17.4354 20.9657 17.3418C20.9908 17.2481 20.9921 17.1418 20.9704 17.023C20.9482 16.9045 20.9263 16.8216 20.9045 16.7747Z" })));
7
+ React.createElement("path", { d: "M20.904 16.775a1.233 1.233 0 00-.06-.117c-.313-.563-.91-1.253-1.79-2.072l-.02-.018-.008-.01-.01-.01h-.01c-.4-.38-.652-.636-.758-.768-.194-.25-.238-.503-.132-.759.075-.194.357-.603.844-1.228.256-.33.459-.596.609-.796 1.08-1.437 1.55-2.355 1.406-2.755l-.056-.094c-.038-.056-.134-.108-.29-.155-.157-.046-.357-.054-.6-.023l-2.7.019a.35.35 0 00-.187.004l-.122.029-.047.023-.037.028a.417.417 0 00-.103.099.645.645 0 00-.094.164 15.294 15.294 0 01-1.003 2.108c-.23.388-.443.723-.637 1.008a4.843 4.843 0 01-.487.628c-.132.134-.25.242-.357.323-.106.081-.187.116-.243.103a6.405 6.405 0 01-.16-.037.624.624 0 01-.21-.23 1.028 1.028 0 01-.108-.366 4.028 4.028 0 01-.033-.38 7.973 7.973 0 01.005-.45c.006-.193.01-.324.01-.393 0-.237.004-.495.013-.773.01-.278.017-.498.024-.66.006-.163.009-.335.009-.516s-.011-.323-.033-.426a1.46 1.46 0 00-.098-.3.505.505 0 00-.192-.225 1.083 1.083 0 00-.314-.127c-.331-.075-.753-.115-1.265-.122-1.162-.012-1.91.063-2.24.225-.131.069-.25.163-.356.281-.113.138-.128.213-.047.225.375.056.64.19.796.403l.057.113c.043.081.087.225.13.43.044.207.073.435.085.685.031.456.031.847 0 1.171a14 14 0 01-.089.76 1.52 1.52 0 01-.239.646.161.161 0 01-.047.047.702.702 0 01-.253.047c-.087 0-.193-.044-.318-.131a2.248 2.248 0 01-.39-.361 4.82 4.82 0 01-.454-.642c-.169-.275-.344-.6-.525-.975l-.15-.272c-.093-.175-.221-.43-.384-.763a14.728 14.728 0 01-.43-.97.618.618 0 00-.226-.3l-.047-.029a.642.642 0 00-.15-.08.995.995 0 00-.215-.06L3.6 7.97c-.262 0-.44.059-.534.178l-.038.056a.303.303 0 00-.028.15c0 .069.019.153.056.253.375.881.783 1.73 1.223 2.55.44.818.823 1.477 1.148 1.976.325.5.656.972.994 1.416.337.443.56.728.67.852.11.126.195.22.257.281l.235.225c.15.15.37.33.66.54.291.209.613.415.966.618s.764.368 1.232.496c.469.129.925.18 1.369.155h1.077c.219-.018.384-.087.497-.206l.037-.047a.621.621 0 00.07-.173.953.953 0 00.033-.258 3.09 3.09 0 01.061-.726c.047-.216.1-.378.16-.487a1.197 1.197 0 01.36-.413.617.617 0 01.075-.032c.15-.05.327-.002.53.145s.394.328.572.544c.178.215.392.457.642.726.25.268.468.468.656.6l.187.112c.125.075.288.144.488.206.2.063.374.078.524.047l2.4-.037c.237 0 .421-.04.552-.117.132-.079.21-.165.235-.258a.725.725 0 00.004-.319 1.177 1.177 0 00-.066-.248z" })));
8
8
  }
9
9
  exports["default"] = IconVkontakteSizeM;
package/__internal__/cjs-src/icons/IconVkontakte/IconVkontakte_size_s.js CHANGED
@@ -4,6 +4,6 @@ var tslib_1 = require("tslib");
4
4
  var React = tslib_1.__importStar(require("react"));
5
5
  function IconVkontakteSizeS(props) {
6
6
  return (React.createElement("svg", tslib_1.__assign({ viewBox: "0 0 16 16" }, props),
7
- React.createElement("path", { d: "M13.9364 11.1832C13.9218 11.1518 13.9083 11.1259 13.8957 11.1051C13.6875 10.7301 13.2896 10.2698 12.7024 9.72417L12.6899 9.71168L12.6837 9.70555L12.6774 9.69927H12.6711C12.4046 9.44518 12.2358 9.27434 12.1651 9.18687C12.0358 9.02025 12.0068 8.85159 12.0775 8.6807C12.1274 8.55159 12.315 8.27892 12.6398 7.86233C12.8107 7.64154 12.946 7.4646 13.0459 7.33128C13.7665 6.37322 14.079 5.76101 13.9831 5.4944L13.9459 5.4321C13.9209 5.39459 13.8563 5.36028 13.7523 5.32899C13.6481 5.29776 13.5148 5.2926 13.3523 5.31341L11.553 5.32584C11.5238 5.31551 11.4822 5.31647 11.428 5.32899C11.3738 5.34151 11.3467 5.34779 11.3467 5.34779L11.3154 5.36343L11.2906 5.38223C11.2697 5.39466 11.2468 5.41652 11.2218 5.44777C11.1969 5.47891 11.1761 5.51546 11.1595 5.5571C10.9636 6.0611 10.7408 6.52969 10.4909 6.96285C10.3367 7.22114 10.1952 7.44499 10.0659 7.63452C9.93685 7.82399 9.82855 7.96358 9.74115 8.05306C9.65361 8.14263 9.57461 8.21439 9.50367 8.26859C9.43283 8.32282 9.37875 8.34573 9.34131 8.33735C9.30378 8.32897 9.26844 8.32065 9.23498 8.31234C9.17671 8.27483 9.12983 8.22382 9.09449 8.15926C9.05899 8.09471 9.0351 8.01345 9.0226 7.91557C9.01017 7.81762 9.00282 7.73337 9.00072 7.66253C8.99877 7.59178 8.99967 7.49171 9.00389 7.3626C9.00822 7.23342 9.01017 7.14602 9.01017 7.10019C9.01017 6.94189 9.01326 6.77008 9.01945 6.58473C9.02575 6.39937 9.03085 6.25251 9.03512 6.14432C9.03936 6.03602 9.04133 5.92144 9.04133 5.80064C9.04133 5.67985 9.03398 5.58511 9.01945 5.51635C9.0051 5.44768 8.98306 5.38103 8.95402 5.3164C8.9248 5.25185 8.88204 5.20191 8.82593 5.16646C8.76972 5.13105 8.69982 5.10295 8.61664 5.08208C8.39586 5.03212 8.11472 5.00509 7.7731 5.00089C6.9984 4.99257 6.50062 5.0426 6.27986 5.1509C6.19239 5.19666 6.11324 5.25918 6.04247 5.33827C5.96747 5.42994 5.95701 5.47996 6.01115 5.48819C6.26111 5.52563 6.43805 5.6152 6.5422 5.75681L6.57973 5.83185C6.60892 5.88599 6.63807 5.98184 6.66724 6.11927C6.69637 6.25669 6.71517 6.40872 6.72344 6.57525C6.74423 6.87937 6.74423 7.13969 6.72344 7.35625C6.70258 7.5729 6.68289 7.74155 6.66409 7.86235C6.64529 7.98315 6.61719 8.08103 6.57973 8.15598C6.5422 8.23095 6.51723 8.27678 6.50471 8.29341C6.49222 8.31004 6.4818 8.32052 6.47353 8.32464C6.41939 8.34538 6.36308 8.35595 6.30481 8.35595C6.24644 8.35595 6.17567 8.32676 6.09238 8.26842C6.00912 8.21008 5.9227 8.12994 5.83313 8.02788C5.74356 7.92579 5.64255 7.78313 5.53004 7.59988C5.41763 7.41663 5.30099 7.20005 5.18019 6.95014L5.08025 6.7689C5.01777 6.6523 4.93243 6.48253 4.82413 6.25974C4.71576 6.03685 4.61998 5.82126 4.53671 5.61299C4.50342 5.52552 4.45342 5.45893 4.38679 5.41311L4.35551 5.39431C4.33473 5.37768 4.30135 5.36002 4.25557 5.3412C4.20973 5.3224 4.16189 5.30892 4.11186 5.30063L2.39994 5.31306C2.22501 5.31306 2.10631 5.35269 2.04381 5.43184L2.0188 5.46928C2.0063 5.49014 2 5.52344 2 5.56929C2 5.61511 2.0125 5.67135 2.03751 5.73795C2.28742 6.3253 2.55919 6.89175 2.85282 7.43739C3.14645 7.98304 3.40161 8.42257 3.61815 8.75559C3.83473 9.08885 4.05549 9.40338 4.28043 9.69903C4.50537 9.99478 4.65427 10.1843 4.72712 10.2676C4.80006 10.351 4.85735 10.4134 4.89899 10.455L5.05522 10.6049C5.15518 10.7049 5.30197 10.8247 5.49567 10.9642C5.6894 11.1038 5.90388 11.2412 6.13921 11.3767C6.37459 11.5119 6.64842 11.6223 6.96085 11.7077C7.27324 11.7931 7.57729 11.8274 7.87304 11.8109H8.59156C8.73729 11.7983 8.84769 11.7525 8.92273 11.6734L8.94758 11.6421C8.9643 11.6172 8.97995 11.5786 8.99439 11.5266C9.00901 11.4746 9.01628 11.4172 9.01628 11.3548C9.01201 11.1757 9.02564 11.0144 9.05681 10.8707C9.08795 10.727 9.12344 10.6187 9.16314 10.5458C9.20281 10.4729 9.24759 10.4114 9.29741 10.3616C9.34735 10.3116 9.38294 10.2813 9.40381 10.2709C9.42456 10.2604 9.44112 10.2533 9.45362 10.2491C9.55358 10.2158 9.67123 10.248 9.80673 10.346C9.94212 10.4439 10.0691 10.5647 10.1879 10.7084C10.3066 10.8522 10.4493 11.0135 10.6158 11.1925C10.7825 11.3717 10.9283 11.5048 11.0532 11.5924L11.1781 11.6674C11.2615 11.7174 11.3698 11.7633 11.5031 11.8049C11.6362 11.8465 11.7528 11.8569 11.8529 11.8361L13.4523 11.8112C13.6105 11.8112 13.7336 11.785 13.8209 11.733C13.9084 11.6809 13.9604 11.6236 13.9771 11.5612C13.9938 11.4987 13.9947 11.4279 13.9803 11.3487C13.9655 11.2696 13.9509 11.2144 13.9364 11.1832Z" })));
7
+ React.createElement("path", { d: "M13.936 11.183a.822.822 0 00-.04-.078c-.209-.375-.606-.835-1.194-1.38l-.012-.013-.006-.006-.007-.007h-.006a7.223 7.223 0 01-.506-.512c-.13-.167-.158-.335-.087-.506.05-.13.237-.402.562-.819.17-.22.306-.397.406-.53.72-.959 1.033-1.571.937-1.838l-.037-.062c-.025-.037-.09-.072-.194-.103a.984.984 0 00-.4-.016l-1.799.013a.233.233 0 00-.125.003l-.081.019-.032.015-.024.02a.276.276 0 00-.07.065.427.427 0 00-.062.11 10.21 10.21 0 01-.668 1.405c-.154.258-.296.482-.425.672-.13.189-.237.329-.325.418-.087.09-.166.161-.237.216-.071.054-.125.077-.163.068a4.601 4.601 0 01-.106-.025.415.415 0 01-.14-.153.685.685 0 01-.072-.243 2.686 2.686 0 01-.02-.553c.005-.13.007-.217.007-.263 0-.158.003-.33.01-.515.006-.186.01-.332.015-.44.004-.109.006-.224.006-.344 0-.121-.007-.216-.022-.285a.972.972 0 00-.065-.2.337.337 0 00-.128-.15.722.722 0 00-.21-.084 4.157 4.157 0 00-.843-.081c-.775-.008-1.272.042-1.493.15a.842.842 0 00-.238.187c-.075.092-.085.142-.03.15.25.038.426.127.53.269l.038.075c.029.054.058.15.087.287.03.138.048.29.056.456.021.304.021.565 0 .781-.02.217-.04.386-.059.506a1.013 1.013 0 01-.16.431.108.108 0 01-.03.032.468.468 0 01-.17.031c-.058 0-.128-.03-.212-.088a1.5 1.5 0 01-.259-.24A3.217 3.217 0 015.53 7.6a7.47 7.47 0 01-.35-.65l-.1-.181a15.59 15.59 0 01-.256-.51 9.819 9.819 0 01-.287-.646.412.412 0 00-.15-.2l-.031-.019a.663.663 0 00-.244-.094L2.4 5.314c-.175 0-.294.04-.356.119l-.025.037a.202.202 0 00-.019.1c0 .046.013.102.038.169.25.587.521 1.154.815 1.7.293.545.549.985.765 1.318.217.333.437.647.662.943.225.296.374.485.447.569.073.083.13.145.172.187l.156.15c.1.1.247.22.44.36.194.139.409.276.644.412.236.135.51.245.822.33.312.086.616.12.912.104h.719a.498.498 0 00.33-.138l.026-.03a.415.415 0 00.046-.116.634.634 0 00.022-.172c-.004-.18.01-.34.04-.484.032-.144.067-.252.107-.325a.797.797 0 01.24-.275.393.393 0 01.05-.022c.1-.033.218-.001.354.097.135.098.262.219.38.362.12.144.262.306.429.485.167.179.312.312.437.4l.125.074c.083.05.192.096.325.138a.7.7 0 00.35.031l1.6-.025a.724.724 0 00.368-.078c.087-.052.14-.11.156-.172a.485.485 0 00.003-.212.784.784 0 00-.044-.166z" })));
8
8
  }
9
9
  exports["default"] = IconVkontakteSizeS;
package/__internal__/cjs-src/icons/IconYandexDzen/IconYandexDzen_size_m.js CHANGED
@@ -4,6 +4,6 @@ var tslib_1 = require("tslib");
4
4
  var React = tslib_1.__importStar(require("react"));
5
5
  function IconYandexDzenSizeM(props) {
6
6
  return (React.createElement("svg", tslib_1.__assign({ viewBox: "0 0 24 24" }, props),
7
- React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.0008 11.7983C6.11445 11.751 8.41685 11.4818 9.94934 9.94927C11.4818 8.41678 11.7511 6.11438 11.7984 2.00073C6.43518 2.1072 2.10727 6.43511 2.0008 11.7983ZM12.3957 2.00638C12.4431 6.11649 12.7128 8.41748 14.2446 9.94927C15.7531 11.4577 18.0075 11.7422 22.0008 11.7959C21.8944 6.49809 17.6688 2.21108 12.3957 2.00638ZM21.9951 12.398C18.0053 12.4519 15.7524 12.7368 14.2446 14.2446C12.7369 15.7523 12.4519 18.0052 12.3981 21.995C17.6061 21.7916 21.7917 17.6061 21.9951 12.398ZM11.796 22.0007C11.7423 18.0074 11.4578 15.753 9.94934 14.2446C8.41755 12.7128 6.11656 12.4431 2.00645 12.3956C2.21115 17.6688 6.49818 21.8943 11.796 22.0007Z" })));
7
+ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 11.798c4.114-.047 6.417-.316 7.95-1.849 1.532-1.532 1.801-3.835 1.848-7.948-5.363.106-9.69 4.434-9.797 9.797zm10.396-9.792c.047 4.11.317 6.411 1.849 7.943 1.508 1.509 3.763 1.793 7.756 1.847-.107-5.298-4.332-9.585-9.605-9.79zm9.6 10.392c-3.99.054-6.244.339-7.751 1.847-1.508 1.507-1.793 3.76-1.847 7.75a10.002 10.002 0 009.597-9.597zm-10.2 9.603c-.054-3.994-.338-6.248-1.847-7.756-1.531-1.532-3.832-1.802-7.943-1.85.205 5.274 4.492 9.5 9.79 9.606z" })));
8
8
  }
9
9
  exports["default"] = IconYandexDzenSizeM;
package/__internal__/cjs-src/icons/IconYandexDzen/IconYandexDzen_size_s.js CHANGED
@@ -4,6 +4,6 @@ var tslib_1 = require("tslib");
4
4
  var React = tslib_1.__importStar(require("react"));
5
5
  function IconYandexDzenSizeS(props) {
6
6
  return (React.createElement("svg", tslib_1.__assign({ viewBox: "0 0 16 16" }, props),
7
- React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 7.87737C4.46769 7.84898 5.84885 7.68746 6.76815 6.76815C7.68746 5.84885 7.84898 4.46769 7.87737 2C4.66008 2.06387 2.06387 4.66008 2 7.87737ZM8.23566 2.00339C8.26413 4.46895 8.42592 5.84927 9.34481 6.76815C10.2497 7.67303 11.602 7.84372 13.9976 7.87591C13.9337 4.69786 11.3989 2.12618 8.23566 2.00339ZM13.9941 8.2371C11.6008 8.2694 10.2493 8.44036 9.34481 9.34481C8.44036 10.2493 8.2694 11.6008 8.2371 13.9941C11.3613 13.8721 13.8721 11.3613 13.9941 8.2371ZM7.87593 13.9976C7.84372 11.602 7.67303 10.2497 6.76815 9.34481C5.84927 8.42592 4.46895 8.26413 2.00339 8.23566C2.12618 11.3989 4.69788 13.9337 7.87593 13.9976Z" })));
7
+ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 7.877c2.468-.028 3.849-.19 4.768-1.109.92-.92 1.081-2.3 1.11-4.768A6 6 0 002 7.877zm6.236-5.874c.028 2.466.19 3.846 1.109 4.765.905.905 2.257 1.076 4.653 1.108a6 6 0 00-5.762-5.873zm5.758 6.234c-2.393.032-3.745.203-4.65 1.108-.904.904-1.075 2.256-1.107 4.65a6 6 0 005.757-5.758zm-6.118 5.76c-.032-2.395-.203-3.747-1.108-4.652-.919-.92-2.299-1.08-4.765-1.11a6 6 0 005.873 5.763z" })));
8
8
  }
9
9
  exports["default"] = IconYandexDzenSizeS;
package/__internal__/cjs-src/icons/IconYoutube/IconYoutube_size_m.js CHANGED
@@ -4,6 +4,6 @@ var tslib_1 = require("tslib");
4
4
  var React = tslib_1.__importStar(require("react"));
5
5
  function IconYoutubeSizeM(props) {
6
6
  return (React.createElement("svg", tslib_1.__assign({ viewBox: "0 0 24 24" }, props),
7
- React.createElement("path", { d: "M21.5879 7.19117C21.3575 6.33435 20.6819 5.65894 19.8252 5.42822C18.2602 5 11.9998 5 11.9998 5C11.9998 5 5.73963 5 4.17456 5.41199C3.33435 5.64246 2.64234 6.33448 2.41187 7.19117C2 8.75611 2 12.0016 2 12.0016C2 12.0016 2 15.2634 2.41187 16.812C2.64258 17.6687 3.31787 18.3441 4.17469 18.5749C5.75611 19.0032 12 19.0032 12 19.0032C12 19.0032 18.2602 19.0032 19.8252 18.5912C20.682 18.3606 21.3575 17.6852 21.5882 16.8285C21.9999 15.2634 21.9999 12.0181 21.9999 12.0181C21.9999 12.0181 22.0164 8.75611 21.5879 7.19117ZM10.0066 14.9999V9.0033L15.2124 12.0016L10.0066 14.9999Z" })));
7
+ React.createElement("path", { d: "M21.588 7.191a2.505 2.505 0 00-1.763-1.763C18.26 5 12 5 12 5s-6.26 0-7.825.412c-.84.23-1.533.922-1.763 1.78C2 8.755 2 12.001 2 12.001s0 3.261.412 4.81c.23.857.906 1.532 1.763 1.763 1.581.428 7.825.428 7.825.428s6.26 0 7.825-.412a2.506 2.506 0 001.763-1.763c.412-1.565.412-4.81.412-4.81s.016-3.262-.412-4.827zM10.007 15V9.003l5.205 2.999L10.007 15z" })));
8
8
  }
9
9
  exports["default"] = IconYoutubeSizeM;
package/__internal__/cjs-src/icons/IconYoutube/IconYoutube_size_s.js CHANGED
@@ -4,6 +4,6 @@ var tslib_1 = require("tslib");
4
4
  var React = tslib_1.__importStar(require("react"));
5
5
  function IconYoutubeSizeS(props) {
6
6
  return (React.createElement("svg", tslib_1.__assign({ viewBox: "0 0 16 16" }, props),
7
- React.createElement("path", { d: "M13.7528 5.3147C13.6145 4.80061 13.2092 4.39536 12.6951 4.25693C11.7561 4 7.99987 4 7.99987 4C7.99987 4 4.24378 4 3.30474 4.24719C2.80061 4.38547 2.3854 4.80069 2.24712 5.3147C2 6.25367 2 8.20096 2 8.20096C2 8.20096 2 10.1581 2.24712 11.0872C2.38555 11.6012 2.79072 12.0065 3.30481 12.1449C4.25367 12.4019 8.00001 12.4019 8.00001 12.4019C8.00001 12.4019 11.7561 12.4019 12.6951 12.1547C13.2092 12.0164 13.6145 11.6111 13.7529 11.0971C13.9999 10.1581 13.9999 8.21085 13.9999 8.21085C13.9999 8.21085 14.0098 6.25367 13.7528 5.3147ZM6.80396 9.99994V6.40198L9.92746 8.20096L6.80396 9.99994Z" })));
7
+ React.createElement("path", { d: "M13.753 5.315a1.503 1.503 0 00-1.058-1.058C11.756 4 8 4 8 4s-3.756 0-4.695.247c-.504.138-.92.554-1.058 1.068C2 6.254 2 8.2 2 8.2s0 1.957.247 2.886c.139.514.544.92 1.058 1.058.949.257 4.695.257 4.695.257s3.756 0 4.695-.247c.514-.139.92-.544 1.058-1.058C14 10.158 14 8.211 14 8.211s.01-1.957-.247-2.896zM6.804 10V6.402l3.123 1.799L6.804 10z" })));
8
8
  }
9
9
  exports["default"] = IconYoutubeSizeS;
package/__internal__/src/components/ChoiceGroup/ChoiceGroup.css CHANGED
@@ -5,13 +5,16 @@
5
5
  display: -webkit-inline-box;
6
6
  display: -ms-inline-flexbox;
7
7
  display: inline-flex;
8
- max-width: 100%;
9
8
  background-color: var(--choice-group-bg-color);
10
9
  border-radius: var(--choice-radius);
11
10
  -webkit-box-shadow: inset 0 0 0 var(--control-border-width) var(--choice-group-border-color);
12
11
  box-shadow: inset 0 0 0 var(--control-border-width) var(--choice-group-border-color);
13
12
  }
14
13
 
14
+ .ChoiceGroup_truncate {
15
+ max-width: 100%;
16
+ }
17
+
15
18
  .ChoiceGroup_view_primary {
16
19
  --choice-bg-color: var(--color-control-bg-primary);
17
20
  --choice-text-color: var(--color-control-typo-primary);
package/__internal__/src/components/ChoiceGroup/ChoiceGroup.d.ts CHANGED
@@ -37,6 +37,7 @@ declare type Props<ITEM, MULTIPLE extends boolean = false> = PropsWithHTMLAttrib
37
37
  value?: ChoiceGroupPropValue<ITEM, MULTIPLE>;
38
38
  onChange?: ChoiceGroupPropOnChange<ITEM, MULTIPLE>;
39
39
  multiple?: MULTIPLE;
40
+ truncate?: boolean;
40
41
  children?: never;
41
42
  }, HTMLDivElement>;
42
43
  declare type ChoiceGroupComponent = <ITEM, MULTIPLE extends boolean = false>(props: Props<ITEM, MULTIPLE>) => React.ReactElement | null;
package/__internal__/src/components/ChoiceGroup/ChoiceGroup.js CHANGED
@@ -21,7 +21,7 @@ var sizeMap = {
21
21
  };
22
22
  export var cnChoiceGroup = cn('ChoiceGroup');
23
23
  export var ChoiceGroup = React.forwardRef(function (props, ref) {
24
- var _a = props.size, size = _a === void 0 ? choiceGroupDefaultSize : _a, _b = props.form, form = _b === void 0 ? choiceGroupDefaultForm : _b, _c = props.view, view = _c === void 0 ? choiceGroupDefaultView : _c, _d = props.width, width = _d === void 0 ? choiceGroupWidthDefault : _d, onlyIcon = props.onlyIcon, iconSizeProp = props.iconSize, _e = props.value, value = _e === void 0 ? null : _e, _f = props.multiple, multiple = _f === void 0 ? false : _f, items = props.items, getLabel = props.getLabel, onChange = props.onChange, getIcon = props.getIcon, name = props.name, className = props.className, _g = props.disabled, disabled = _g === void 0 ? false : _g, getDisabled = props.getDisabled, otherProps = __rest(props, ["size", "form", "view", "width", "onlyIcon", "iconSize", "value", "multiple", "items", "getLabel", "onChange", "getIcon", "name", "className", "disabled", "getDisabled"]);
24
+ var _a = props.size, size = _a === void 0 ? choiceGroupDefaultSize : _a, _b = props.form, form = _b === void 0 ? choiceGroupDefaultForm : _b, _c = props.view, view = _c === void 0 ? choiceGroupDefaultView : _c, _d = props.width, width = _d === void 0 ? choiceGroupWidthDefault : _d, onlyIcon = props.onlyIcon, iconSizeProp = props.iconSize, _e = props.value, value = _e === void 0 ? null : _e, _f = props.multiple, multiple = _f === void 0 ? false : _f, items = props.items, getLabel = props.getLabel, onChange = props.onChange, getIcon = props.getIcon, name = props.name, className = props.className, _g = props.disabled, disabled = _g === void 0 ? false : _g, getDisabled = props.getDisabled, truncate = props.truncate, otherProps = __rest(props, ["size", "form", "view", "width", "onlyIcon", "iconSize", "value", "multiple", "items", "getLabel", "onChange", "getIcon", "name", "className", "disabled", "getDisabled", "truncate"]);
25
25
  var _h = useChoiceGroup({
26
26
  value: value,
27
27
  getKey: getLabel,
@@ -29,7 +29,9 @@ export var ChoiceGroup = React.forwardRef(function (props, ref) {
29
29
  multiple: multiple
30
30
  }), getOnChange = _h.getOnChange, getChecked = _h.getChecked;
31
31
  var iconSize = getByMap(sizeMap, size, iconSizeProp);
32
- return (React.createElement("div", __assign({}, otherProps, { ref: ref, className: cnChoiceGroup({ size: size, form: form, view: view, width: width, onlyIcon: onlyIcon, disabled: disabled }, [className]) }), items.map(function (item, idx) {
32
+ return (React.createElement("div", __assign({}, otherProps, { ref: ref, className: cnChoiceGroup({ size: size, form: form, view: view, width: width, onlyIcon: onlyIcon, disabled: disabled, truncate: truncate }, [
33
+ className,
34
+ ]) }), items.map(function (item, idx) {
33
35
  var itemChecked = getChecked(item);
34
36
  var itemDisabled = !!getDisabled && getDisabled(item);
35
37
  return (React.createElement(React.Fragment, { key: getLabel(item) },
package/__internal__/src/components/ContextMenuCanary/ContextMenuLevel/ContextMenuLevel.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import './ContextMenuLevel.css';
2
2
  import { ContextMenuLevelComponent } from '../types';
3
3
  export declare const cnContextMenuLevel: import("@bem-react/classname").ClassNameFormatter;
4
+ export declare function clearTimers(): void;
4
5
  export declare const ContextMenuLevel: ContextMenuLevelComponent;
package/__internal__/src/components/ContextMenuCanary/ContextMenuLevel/ContextMenuLevel.js CHANGED
@@ -21,6 +21,25 @@ var renderHeader = function (groupLabel, first, size) {
21
21
  }
22
22
  return (React.createElement(Text, { view: "secondary", transform: "uppercase", className: cnContextMenuLevel('Header', { size: size, first: first }), size: getByMap(sizeMapHeader, size) }, groupLabel));
23
23
  };
24
+ var timers = [];
25
+ export function clearTimers() {
26
+ var e_1, _a;
27
+ try {
28
+ for (var timers_1 = __values(timers), timers_1_1 = timers_1.next(); !timers_1_1.done; timers_1_1 = timers_1.next()) {
29
+ var timer = timers_1_1.value;
30
+ clearTimeout(timer);
31
+ }
32
+ }
33
+ catch (e_1_1) { e_1 = { error: e_1_1 }; }
34
+ finally {
35
+ try {
36
+ if (timers_1_1 && !timers_1_1.done && (_a = timers_1["return"])) _a.call(timers_1);
37
+ }
38
+ finally { if (e_1) throw e_1.error; }
39
+ }
40
+ timers = [];
41
+ }
42
+ var closeDelay = 300;
24
43
  function ContextMenuLevelRender(props, ref) {
25
44
  var _a = props.size, size = _a === void 0 ? contextMenuDefaultSize : _a, items = props.items, groupsProp = props.groups, className = props.className,
26
45
  // Свойства относящиеся к меню
@@ -34,7 +53,7 @@ function ContextMenuLevelRender(props, ref) {
34
53
  var _b = __read(useFlag(false), 2), hovered = _b[0], setHovered = _b[1];
35
54
  var groups = getGroups(items, getItemGroupId, groupsProp, getGroupId, sortGroup && (function (a, b) { return sortGroup(a.key, b.key); }));
36
55
  var constructItemRefs = function () {
37
- var e_1, _a;
56
+ var e_2, _a;
38
57
  var refs = {};
39
58
  try {
40
59
  for (var groups_1 = __values(groups), groups_1_1 = groups_1.next(); !groups_1_1.done; groups_1_1 = groups_1.next()) {
@@ -44,20 +63,22 @@ function ContextMenuLevelRender(props, ref) {
44
63
  }
45
64
  }
46
65
  }
47
- catch (e_1_1) { e_1 = { error: e_1_1 }; }
66
+ catch (e_2_1) { e_2 = { error: e_2_1 }; }
48
67
  finally {
49
68
  try {
50
69
  if (groups_1_1 && !groups_1_1.done && (_a = groups_1["return"])) _a.call(groups_1);
51
70
  }
52
- finally { if (e_1) throw e_1.error; }
71
+ finally { if (e_2) throw e_2.error; }
53
72
  }
54
73
  return refs;
55
74
  };
56
75
  var itemsRefs = useMemo(constructItemRefs, [items, groupsProp]);
57
76
  useEffect(function () {
58
77
  if (levelDepth !== 0 && !hovered && hoveredParenLevel < levelDepth) {
59
- setTimeout(function () { return deleteLevel(levelDepth); }, 300);
78
+ clearTimeout(timers[levelDepth]);
79
+ timers[levelDepth] = setTimeout(function () { return deleteLevel(levelDepth); }, closeDelay);
60
80
  }
81
+ return function () { return clearTimeout(timers[levelDepth]); };
61
82
  }, [hovered, hoveredParenLevel]);
62
83
  var onMouseEnter = function (item, itemIndex) {
63
84
  var subMenu = getItemSubMenu(item);
package/__internal__/src/components/ContextMenuCanary/ContextMenuLevels/ContextMenuLevels.js CHANGED
@@ -4,7 +4,7 @@ import { useClickOutside } from '../../../hooks/useClickOutside/useClickOutside'
4
4
  import { useForkRef } from '../../../hooks/useForkRef/useForkRef';
5
5
  import { useRefs } from '../../../hooks/useRefs/useRefs';
6
6
  import { directions } from '../../Popover/Popover';
7
- import { ContextMenuLevel } from '../ContextMenuLevel/ContextMenuLevel';
7
+ import { clearTimers, ContextMenuLevel } from '../ContextMenuLevel/ContextMenuLevel';
8
8
  import { getLevels, withDefaultGetters } from '../helper';
9
9
  import { contextMenuPropDefaultSubMenuDirection, contextMenuPropSubMenuDirections, } from '../types';
10
10
  function ContextMenuLevelsRender(propsComponent, ref) {
@@ -54,6 +54,7 @@ function ContextMenuLevelsRender(propsComponent, ref) {
54
54
  handler: function (e) { return onClickOutside === null || onClickOutside === void 0 ? void 0 : onClickOutside(e); }
55
55
  });
56
56
  useEffect(function () {
57
+ clearTimers();
57
58
  setLevels(getLevels({
58
59
  levels: levels,
59
60
  items: items,
@@ -61,6 +62,7 @@ function ContextMenuLevelsRender(propsComponent, ref) {
61
62
  getItemKey: getItemKey,
62
63
  getItemSubMenu: getItemSubMenu
63
64
  }));
65
+ return function () { return clearTimers(); };
64
66
  }, [items]);
65
67
  var firstLevelRef = useForkRef([levelsRefs[0], ref]);
66
68
  return (React.createElement(React.Fragment, null, levels.map(function (level, index) { return (React.createElement(ContextMenuLevel, __assign({}, otherProps, level, { key: "ContextMenu-" + index, style: __assign(__assign({}, style), {
package/__internal__/src/components/DatePickerCanary/DatePickerCanary.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { __assign, __rest } from "tslib";
2
- import React, { forwardRef, useRef } from 'react';
2
+ import React, { forwardRef, useMemo, useRef } from 'react';
3
3
  import { useForkRef } from '../../hooks/useForkRef/useForkRef';
4
4
  import { maxDateDefault, minDateDefault } from '../../utils/date';
5
5
  import { getByMap } from '../../utils/getByMap';
@@ -8,24 +8,28 @@ import { DatePickerTypeDate } from './DatePickerTypeDate/DatePickerTypeDate';
8
8
  import { DatePickerTypeDateRange } from './DatePickerTypeDateRange/DatePickerTypeDateRange';
9
9
  import { DatePickerTypeDateTime } from './DatePickerTypeDateTime/DatePickerTypeDateTime';
10
10
  import { DatePickerTypeDateTimeRange } from './DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange';
11
- import { datePickerPropTypeDefault, } from './helpers';
11
+ import { DatePickerTypeTime } from './DatePickerTypeTime/DatePickerTypeTime';
12
+ import { datePickerPropTypeDefault, isTypeWithTime, } from './helpers';
12
13
  var typeMap = {
13
14
  'date': DatePickerTypeDate,
14
15
  'date-range': DatePickerTypeDateRange,
15
16
  'date-time': DatePickerTypeDateTime,
16
- 'date-time-range': DatePickerTypeDateTimeRange
17
+ 'date-time-range': DatePickerTypeDateTimeRange,
18
+ 'time': DatePickerTypeTime
17
19
  };
18
20
  export var COMPONENT_NAME = 'DatePicker';
19
21
  export var DatePicker = forwardRef(function (props, ref) {
20
22
  var datePickerRef = useRef(null);
21
23
  var _a = usePropsHandler(COMPONENT_NAME, props, datePickerRef), _b = _a.type, type = _b === void 0 ? datePickerPropTypeDefault : _b, _c = _a.minDate, minDate = _c === void 0 ? minDateDefault : _c, _d = _a.maxDate, maxDate = _d === void 0 ? maxDateDefault : _d, multiplicityMinutes = _a.multiplicityMinutes, multiplicitySeconds = _a.multiplicitySeconds, multiplicityHours = _a.multiplicityHours, otherProps = __rest(_a, ["type", "minDate", "maxDate", "multiplicityMinutes", "multiplicitySeconds", "multiplicityHours"]);
22
- var timeProps = type === 'date-time'
23
- ? {
24
- multiplicityMinutes: multiplicityMinutes,
25
- multiplicitySeconds: multiplicitySeconds,
26
- multiplicityHours: multiplicityHours
27
- }
28
- : undefined;
24
+ var timeProps = useMemo(function () {
25
+ return isTypeWithTime(type)
26
+ ? {
27
+ multiplicityMinutes: multiplicityMinutes,
28
+ multiplicitySeconds: multiplicitySeconds,
29
+ multiplicityHours: multiplicityHours
30
+ }
31
+ : undefined;
32
+ }, [type, multiplicityMinutes, multiplicitySeconds, multiplicityHours]);
29
33
  var Component = getByMap(typeMap, type);
30
34
  return (React.createElement(Component, __assign({}, otherProps, timeProps, { minDate: minDate, maxDate: maxDate, ref: useForkRef([ref, datePickerRef]) })));
31
35
  });
package/__internal__/src/components/DatePickerCanary/DatePickerFieldTypeDate/DatePickerFieldTypeDate.js CHANGED
@@ -1,17 +1,15 @@
1
1
  import { __assign, __read, __rest } from "tslib";
2
2
  import React, { useCallback, useEffect, useRef, useState } from 'react';
3
3
  import { format, isValid, isWithinInterval, parse } from 'date-fns';
4
- import IMask from 'imask';
5
4
  import { useForkRef } from '../../../hooks/useForkRef/useForkRef';
6
5
  import { useMutableRef } from '../../../hooks/useMutableRef/useMutableRef';
7
- import { leapYear, maxDateDefault, minDateDefault } from '../../../utils/date';
6
+ import { maxDateDefault, minDateDefault } from '../../../utils/date';
8
7
  import { TextField } from '../../TextField/TextField';
9
- import { datePickerErrorTypes, datePickerPropFormatTypeDate, datePickerPropPlaceholderTypeDate, datePickerPropSeparatorDefault, } from '../helpers';
10
- import { getPartsDate } from './helpers';
8
+ import { datePickerErrorTypes, datePickerPropFormatTypeDate, datePickerPropPlaceholderTypeDate, datePickerPropSeparatorDefault, getPartsDate, } from '../helpers';
9
+ import { useImask } from './helpers';
11
10
  export var DatePickerFieldTypeDate = React.forwardRef(function (props, ref) {
12
11
  var _a = props.format, formatProp = _a === void 0 ? datePickerPropFormatTypeDate : _a, _b = props.separator, separator = _b === void 0 ? datePickerPropSeparatorDefault : _b, _c = props.placeholder, placeholder = _c === void 0 ? datePickerPropPlaceholderTypeDate : _c, onChange = props.onChange, onError = props.onError, _d = props.minDate, minDate = _d === void 0 ? minDateDefault : _d, _e = props.maxDate, maxDate = _e === void 0 ? maxDateDefault : _e, value = props.value, inputRefProp = props.inputRef, otherProps = __rest(props, ["format", "separator", "placeholder", "onChange", "onError", "minDate", "maxDate", "value", "inputRef"]);
13
12
  var inputRef = useRef(null);
14
- var imaskRef = useRef(null);
15
13
  var onChangeRef = useMutableRef(onChange);
16
14
  var _f = __read(useState(value && isValid(value) ? format(value, formatProp) : null), 2), stringValue = _f[0], setStringValue = _f[1];
17
15
  var handleChange = useCallback(function (e, stringValue) {
@@ -22,7 +20,11 @@ export var DatePickerFieldTypeDate = React.forwardRef(function (props, ref) {
22
20
  onChange({ e: e, value: null });
23
21
  return;
24
22
  }
25
- var _a = __read(getPartsDate(stringValue, formatProp, separator), 3), dd = _a[0], MM = _a[1], yyyy = _a[2];
23
+ var _a = __read(getPartsDate(stringValue, formatProp, separator, false, [
24
+ 'dd',
25
+ 'MM',
26
+ 'yyyy',
27
+ ]), 3), dd = _a[0], MM = _a[1], yyyy = _a[2];
26
28
  if (dd && MM && yyyy) {
27
29
  var date = parse("" + dd + datePickerPropSeparatorDefault + MM + datePickerPropSeparatorDefault + yyyy, datePickerPropFormatTypeDate, new Date());
28
30
  if (!isWithinInterval(date, { start: minDate, end: maxDate })) {
@@ -45,6 +47,7 @@ export var DatePickerFieldTypeDate = React.forwardRef(function (props, ref) {
45
47
  }
46
48
  }
47
49
  }, [minDate === null || minDate === void 0 ? void 0 : minDate.getTime(), maxDate === null || maxDate === void 0 ? void 0 : maxDate.getTime(), formatProp, separator]);
50
+ useImask(formatProp, separator, inputRef, stringValue, onError);
48
51
  // при изменении value, нужно обновить stringValue
49
52
  useEffect(function () {
50
53
  if (value && isValid(value)) {
@@ -60,66 +63,6 @@ export var DatePickerFieldTypeDate = React.forwardRef(function (props, ref) {
60
63
  }, [value === null || value === void 0 ? void 0 : value.getTime()]);
61
64
  // задаем маску и сохраняем обьект маски в ref
62
65
  // обнавляем при смене формата
63
- useEffect(function () {
64
- if (inputRef.current) {
65
- imaskRef.current = IMask(inputRef.current, {
66
- mask: Date,
67
- pattern: formatProp,
68
- blocks: {
69
- yyyy: {
70
- mask: IMask.MaskedRange,
71
- from: 1,
72
- to: 9999
73
- },
74
- MM: {
75
- mask: IMask.MaskedRange,
76
- from: 1,
77
- to: 12
78
- },
79
- dd: {
80
- mask: IMask.MaskedRange,
81
- from: 1,
82
- to: 31
83
- }
84
- },
85
- lazy: true,
86
- autofix: true,
87
- format: function (date) { return format(date, formatProp); },
88
- parse: function (string) { return parse(string, formatProp, new Date()); },
89
- validate: function (string) {
90
- var _a = __read(getPartsDate(string, formatProp, separator), 3), dd = _a[0], MM = _a[1], yyyy = _a[2];
91
- if (dd &&
92
- MM &&
93
- !isValid(parse("" + dd + datePickerPropSeparatorDefault + MM + datePickerPropSeparatorDefault + leapYear, datePickerPropFormatTypeDate, new Date()))) {
94
- onError &&
95
- onError({
96
- type: datePickerErrorTypes[1],
97
- stringValue: string,
98
- dd: dd,
99
- MM: MM,
100
- yyyy: yyyy
101
- });
102
- return false;
103
- }
104
- if (dd &&
105
- MM &&
106
- yyyy &&
107
- !isValid(parse("" + dd + datePickerPropSeparatorDefault + MM + datePickerPropSeparatorDefault + yyyy, datePickerPropFormatTypeDate, new Date()))) {
108
- onError &&
109
- onError({
110
- type: datePickerErrorTypes[1],
111
- stringValue: string,
112
- dd: dd,
113
- MM: MM,
114
- yyyy: yyyy
115
- });
116
- return false;
117
- }
118
- return true;
119
- }
120
- });
121
- }
122
- }, [formatProp, separator]);
123
66
  // задаем нативный oninput, так как с маской по другому не будет работать
124
67
  // обнавляем oninput при смене handleChange
125
68
  useEffect(function () {
@@ -130,12 +73,5 @@ export var DatePickerFieldTypeDate = React.forwardRef(function (props, ref) {
130
73
  };
131
74
  }
132
75
  }, [handleChange]);
133
- // Нужно для синхранизации value c Imask,
134
- // так как value мы можем задать через пропс без самого ввода,
135
- // и Imask требует ручной синхронихации в этом случае
136
- useEffect(function () {
137
- var _a;
138
- (_a = imaskRef.current) === null || _a === void 0 ? void 0 : _a.updateValue();
139
- }, [stringValue]);
140
76
  return (React.createElement(TextField, __assign({}, otherProps, { type: "text", inputContainerRef: ref, inputRef: useForkRef([inputRef, inputRefProp]), value: stringValue, placeholder: placeholder })));
141
77
  });
package/__internal__/src/components/DatePickerCanary/DatePickerFieldTypeDate/helpers.d.ts CHANGED
@@ -42,5 +42,5 @@ export declare type DatePickerFieldTypeDateProps = PropsWithHTMLAttributes<{
42
42
  caption?: string;
43
43
  labelPosition?: 'top' | 'left';
44
44
  }, HTMLDivElement>;
45
- export declare const getPartsDate: (value: string, format: string, separator: string, markers?: string[]) => (string | undefined)[];
45
+ export declare const useImask: (formatProp: string, separator: string, inputRef: React.RefObject<HTMLInputElement>, stringValue: string | null, onError: DatePickerPropOnError | undefined) => void;
46
46
  export {};
package/__internal__/src/components/DatePickerCanary/DatePickerFieldTypeDate/helpers.js CHANGED
@@ -1,13 +1,82 @@
1
- var getPartDate = function (formatArray, stringArray, marker) {
2
- var index = formatArray.indexOf(marker);
3
- if (index >= 0 && stringArray[index] && stringArray[index].length === marker.length) {
4
- return stringArray[index];
5
- }
6
- return undefined;
7
- };
8
- export var getPartsDate = function (value, format, separator, markers) {
9
- if (markers === void 0) { markers = ['dd', 'MM', 'yyyy']; }
10
- var formatArray = format.split(separator);
11
- var valueArray = value.split(separator);
12
- return markers.map(function (marker) { return getPartDate(formatArray, valueArray, marker); });
1
+ import { __read } from "tslib";
2
+ import { useEffect, useRef } from 'react';
3
+ import { format, isValid, parse } from 'date-fns';
4
+ import IMask from 'imask';
5
+ import { leapYear } from '../../../utils/date';
6
+ import { datePickerErrorTypes, datePickerPropFormatTypeDate, datePickerPropSeparatorDefault, getPartsDate, } from '../helpers';
7
+ export var useImask = function (formatProp, separator, inputRef, stringValue, onError) {
8
+ var imaskRef = useRef(null);
9
+ // задаем маску и сохраняем обьект маски в ref
10
+ // обнавляем при смене формата
11
+ useEffect(function () {
12
+ if (inputRef.current) {
13
+ imaskRef.current = IMask(inputRef.current, {
14
+ mask: Date,
15
+ pattern: formatProp,
16
+ blocks: {
17
+ yyyy: {
18
+ mask: IMask.MaskedRange,
19
+ from: 1,
20
+ to: 9999
21
+ },
22
+ MM: {
23
+ mask: IMask.MaskedRange,
24
+ from: 1,
25
+ to: 12
26
+ },
27
+ dd: {
28
+ mask: IMask.MaskedRange,
29
+ from: 1,
30
+ to: 31
31
+ }
32
+ },
33
+ lazy: true,
34
+ autofix: true,
35
+ format: function (date) { return format(date, formatProp); },
36
+ parse: function (string) { return parse(string, formatProp, new Date()); },
37
+ validate: function (string) {
38
+ var _a = __read(getPartsDate(string, formatProp, separator, false, [
39
+ 'dd',
40
+ 'MM',
41
+ 'yyyy',
42
+ ]), 3), dd = _a[0], MM = _a[1], yyyy = _a[2];
43
+ if (dd &&
44
+ MM &&
45
+ !isValid(parse("" + dd + datePickerPropSeparatorDefault + MM + datePickerPropSeparatorDefault + leapYear, datePickerPropFormatTypeDate, new Date()))) {
46
+ onError &&
47
+ onError({
48
+ type: datePickerErrorTypes[1],
49
+ stringValue: string,
50
+ dd: dd,
51
+ MM: MM,
52
+ yyyy: yyyy
53
+ });
54
+ return false;
55
+ }
56
+ if (dd &&
57
+ MM &&
58
+ yyyy &&
59
+ !isValid(parse("" + dd + datePickerPropSeparatorDefault + MM + datePickerPropSeparatorDefault + yyyy, datePickerPropFormatTypeDate, new Date()))) {
60
+ onError &&
61
+ onError({
62
+ type: datePickerErrorTypes[1],
63
+ stringValue: string,
64
+ dd: dd,
65
+ MM: MM,
66
+ yyyy: yyyy
67
+ });
68
+ return false;
69
+ }
70
+ return true;
71
+ }
72
+ });
73
+ }
74
+ }, [formatProp, separator]);
75
+ // Нужно для синхранизации value c Imask,
76
+ // так как value мы можем задать через пропс без самого ввода,
77
+ // и Imask требует ручной синхронихации в этом случае
78
+ useEffect(function () {
79
+ var _a;
80
+ (_a = imaskRef.current) === null || _a === void 0 ? void 0 : _a.updateValue();
81
+ }, [stringValue]);
13
82
  };
package/__internal__/src/components/DatePickerCanary/DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime.js CHANGED
@@ -5,14 +5,14 @@ import { useForkRef } from '../../../hooks/useForkRef/useForkRef';
5
5
  import { useMutableRef } from '../../../hooks/useMutableRef/useMutableRef';
6
6
  import { maxDateDefault, minDateDefault } from '../../../utils/date';
7
7
  import { TextField } from '../../TextField/TextField';
8
- import { datePickerErrorTypes, datePickerPropFormatTypeDateTime, datePickerPropPlaceholderTypeDateTime, datePickerPropSeparatorDefault, } from '../helpers';
9
- import { getParts, getPartsDate, useImask } from './helpers';
8
+ import { datePickerErrorTypes, datePickerPropFormatTypeDateTime, datePickerPropPlaceholderTypeDateTime, datePickerPropSeparatorDefault, getParts, getPartsDate, } from '../helpers';
9
+ import { useImask } from './helpers';
10
10
  export var DatePickerFieldTypeDateTime = React.forwardRef(function (props, ref) {
11
11
  var _a = props.format, formatProp = _a === void 0 ? datePickerPropFormatTypeDateTime : _a, _b = props.separator, separator = _b === void 0 ? datePickerPropSeparatorDefault : _b, _c = props.placeholder, placeholder = _c === void 0 ? datePickerPropPlaceholderTypeDateTime : _c, onChange = props.onChange, onError = props.onError, _d = props.minDate, minDate = _d === void 0 ? minDateDefault : _d, _e = props.maxDate, maxDate = _e === void 0 ? maxDateDefault : _e, value = props.value, inputRefProp = props.inputRef, multiplicityHours = props.multiplicityHours, multiplicitySeconds = props.multiplicitySeconds, multiplicityMinutes = props.multiplicityMinutes, otherProps = __rest(props, ["format", "separator", "placeholder", "onChange", "onError", "minDate", "maxDate", "value", "inputRef", "multiplicityHours", "multiplicitySeconds", "multiplicityMinutes"]);
12
12
  var inputRef = useRef(null);
13
13
  var onChangeRef = useMutableRef(onChange);
14
14
  var _f = __read(useState(value && isValid(value) ? format(value, formatProp) : null), 2), stringValue = _f[0], setStringValue = _f[1];
15
- var formatParts = useMemo(function () { return getParts(formatProp, separator); }, [formatProp, separator]);
15
+ var formatParts = useMemo(function () { return getParts(formatProp, separator, true); }, [formatProp, separator]);
16
16
  var handleChange = useCallback(function (e, stringValue) {
17
17
  setStringValue(stringValue);
18
18
  var onChange = onChangeRef.current;
@@ -21,7 +21,14 @@ export var DatePickerFieldTypeDateTime = React.forwardRef(function (props, ref)
21
21
  onChange({ e: e, value: null });
22
22
  return;
23
23
  }
24
- var partsDate = getPartsDate(stringValue, formatProp, separator);
24
+ var partsDate = getPartsDate(stringValue, formatProp, separator, true, [
25
+ 'dd',
26
+ 'MM',
27
+ 'yyyy',
28
+ 'HH',
29
+ 'mm',
30
+ 'ss',
31
+ ]);
25
32
  var _a = __read(partsDate, 6), dd = _a[0], MM = _a[1], yyyy = _a[2], HH = _a[3], mm = _a[4], ss = _a[5];
26
33
  if (partsDate.filter(function (item) { return !!item; }).length === formatParts.length) {
27
34
  var date = parse("" + dd + datePickerPropSeparatorDefault + MM + datePickerPropSeparatorDefault + yyyy + " " + (HH ||
package/__internal__/src/components/DatePickerCanary/DatePickerFieldTypeDateTime/helpers.d.ts CHANGED
@@ -45,7 +45,5 @@ export declare type DatePickerFieldTypeDateTimeProps = PropsWithHTMLAttributes<{
45
45
  caption?: string;
46
46
  labelPosition?: 'top' | 'left';
47
47
  }, HTMLDivElement>;
48
- export declare const getParts: (format: string, separator: string) => string[];
49
- export declare const getPartsDate: (value: string, format: string, separator: string, markers?: string[]) => (string | undefined)[];
50
48
  export declare const useImask: (formatProp: string, separator: string, multiplicityHours: number | undefined, multiplicitySeconds: number | undefined, multiplicityMinutes: number | undefined, inputRef: React.RefObject<HTMLInputElement>, stringValue: string | null, onError: DatePickerPropOnError | undefined) => void;
51
49
  export {};