@skbkontur/react-ui 6.4.3-5e1c3.0 → 6.4.3-82331.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 (843) hide show
  1. package/README.md +42 -0
  2. package/components/Autocomplete/Autocomplete.css.d.ts +5 -0
  3. package/components/Autocomplete/Autocomplete.css.js +5 -0
  4. package/components/Autocomplete/Autocomplete.css.js.map +1 -0
  5. package/components/Autocomplete/Autocomplete.js +1 -1
  6. package/components/Autocomplete/Autocomplete.js.map +1 -1
  7. package/components/Autocomplete/getAutocompleteTheme.d.ts +1 -2
  8. package/components/Autocomplete/getAutocompleteTheme.js +3 -2
  9. package/components/Autocomplete/getAutocompleteTheme.js.map +1 -1
  10. package/components/Button/Button.css.d.ts +94 -0
  11. package/components/Button/Button.css.js +78 -0
  12. package/components/Button/Button.css.js.map +1 -0
  13. package/components/Button/Button.js +5 -4
  14. package/components/Button/Button.js.map +1 -1
  15. package/components/Button/ButtonArrow.d.ts +2 -2
  16. package/components/Button/ButtonArrow.js +1 -1
  17. package/components/Button/ButtonArrow.js.map +1 -1
  18. package/components/Button/ButtonIcon.css.d.ts +16 -0
  19. package/components/Button/ButtonIcon.css.js +16 -0
  20. package/components/Button/ButtonIcon.css.js.map +1 -0
  21. package/components/Button/ButtonIcon.js +1 -1
  22. package/components/Button/ButtonIcon.js.map +1 -1
  23. package/components/Button/LoadingButtonIcon.js +1 -1
  24. package/components/Button/LoadingButtonIcon.js.map +1 -1
  25. package/components/Button/getInnerLinkTheme.d.ts +1 -2
  26. package/components/Button/getInnerLinkTheme.js +3 -2
  27. package/components/Button/getInnerLinkTheme.js.map +1 -1
  28. package/components/Calendar/Calendar.css.d.ts +6 -0
  29. package/components/Calendar/Calendar.css.js +6 -0
  30. package/components/Calendar/Calendar.css.js.map +1 -0
  31. package/components/Calendar/Calendar.js +1 -1
  32. package/components/Calendar/Calendar.js.map +1 -1
  33. package/components/Calendar/CalendarDay.js +1 -1
  34. package/components/Calendar/CalendarDay.js.map +1 -1
  35. package/components/Calendar/DayCellView.css.d.ts +9 -0
  36. package/components/Calendar/DayCellView.css.js +9 -0
  37. package/components/Calendar/DayCellView.css.js.map +1 -0
  38. package/components/Calendar/DayCellView.js +1 -1
  39. package/components/Calendar/DayCellView.js.map +1 -1
  40. package/components/Calendar/Month.js +2 -2
  41. package/components/Calendar/Month.js.map +1 -1
  42. package/components/Calendar/MonthView.css.d.ts +12 -0
  43. package/components/Calendar/MonthView.css.js +12 -0
  44. package/components/Calendar/MonthView.css.js.map +1 -0
  45. package/components/Calendar/MonthView.js +1 -1
  46. package/components/Calendar/MonthView.js.map +1 -1
  47. package/components/Center/Center.css.d.ts +8 -0
  48. package/components/Center/Center.css.js +8 -0
  49. package/components/Center/Center.css.js.map +1 -0
  50. package/components/Center/Center.js +1 -1
  51. package/components/Center/Center.js.map +1 -1
  52. package/components/Checkbox/Checkbox.css.d.ts +35 -0
  53. package/components/Checkbox/Checkbox.css.js +33 -0
  54. package/components/Checkbox/Checkbox.css.js.map +1 -0
  55. package/components/Checkbox/Checkbox.js +1 -1
  56. package/components/Checkbox/Checkbox.js.map +1 -1
  57. package/components/Checkbox/Checkbox.mixins.d.ts +19 -4
  58. package/components/Checkbox/Checkbox.mixins.js +16 -15
  59. package/components/Checkbox/Checkbox.mixins.js.map +1 -1
  60. package/components/DateInput/DateFragmentsView.css.d.ts +7 -0
  61. package/components/DateInput/DateFragmentsView.css.js +7 -0
  62. package/components/DateInput/DateFragmentsView.css.js.map +1 -0
  63. package/components/DateInput/DateFragmentsView.js +1 -1
  64. package/components/DateInput/DateFragmentsView.js.map +1 -1
  65. package/components/DateInput/DateInput.css.d.ts +10 -0
  66. package/components/DateInput/DateInput.css.js +10 -0
  67. package/components/DateInput/DateInput.css.js.map +1 -0
  68. package/components/DateInput/DateInput.js +1 -1
  69. package/components/DateInput/DateInput.js.map +1 -1
  70. package/components/DatePicker/DatePicker.css.d.ts +5 -0
  71. package/components/DatePicker/DatePicker.css.js +5 -0
  72. package/components/DatePicker/DatePicker.css.js.map +1 -0
  73. package/components/DatePicker/DatePicker.js +6 -2
  74. package/components/DatePicker/DatePicker.js.map +1 -1
  75. package/components/DatePicker/MobilePicker.css.d.ts +4 -0
  76. package/components/DatePicker/MobilePicker.css.js +4 -0
  77. package/components/DatePicker/MobilePicker.css.js.map +1 -0
  78. package/components/DatePicker/MobilePicker.js +1 -1
  79. package/components/DatePicker/MobilePicker.js.map +1 -1
  80. package/components/DatePicker/getMobilePickerTheme.d.ts +1 -2
  81. package/components/DatePicker/getMobilePickerTheme.js +3 -2
  82. package/components/DatePicker/getMobilePickerTheme.js.map +1 -1
  83. package/components/DateRangePicker/DateRangePicker.css.d.ts +19 -0
  84. package/components/DateRangePicker/DateRangePicker.css.js +19 -0
  85. package/components/DateRangePicker/DateRangePicker.css.js.map +1 -0
  86. package/components/DateRangePicker/DateRangePicker.d.ts +6 -6
  87. package/components/DateRangePicker/DateRangePicker.js +32 -28
  88. package/components/DateRangePicker/DateRangePicker.js.map +1 -1
  89. package/components/DateRangePicker/DateRangePickerTheme.d.ts +2 -3
  90. package/components/DateRangePicker/DateRangePickerTheme.js +5 -4
  91. package/components/DateRangePicker/DateRangePickerTheme.js.map +1 -1
  92. package/components/Dropdown/getDropdownTheme.d.ts +1 -2
  93. package/components/Dropdown/getDropdownTheme.js +3 -2
  94. package/components/Dropdown/getDropdownTheme.js.map +1 -1
  95. package/components/DropdownMenu/getDropdownMenuTheme.d.ts +1 -2
  96. package/components/DropdownMenu/getDropdownMenuTheme.js +3 -2
  97. package/components/DropdownMenu/getDropdownMenuTheme.js.map +1 -1
  98. package/components/FileUploader/FileUploader.css.d.ts +72 -0
  99. package/components/FileUploader/FileUploader.css.js +66 -0
  100. package/components/FileUploader/FileUploader.css.js.map +1 -0
  101. package/components/FileUploader/FileUploader.js +1 -1
  102. package/components/FileUploader/FileUploader.js.map +1 -1
  103. package/components/FileUploader/FileUploader.mixins.d.ts +6 -1
  104. package/components/FileUploader/FileUploader.mixins.js +6 -1
  105. package/components/FileUploader/FileUploader.mixins.js.map +1 -1
  106. package/components/FileUploader/FileUploaderFile.css.d.ts +61 -0
  107. package/components/FileUploader/FileUploaderFile.css.js +57 -0
  108. package/components/FileUploader/FileUploaderFile.css.js.map +1 -0
  109. package/components/FileUploader/FileUploaderFile.js +1 -1
  110. package/components/FileUploader/FileUploaderFile.js.map +1 -1
  111. package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.css.d.ts +36 -0
  112. package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.css.js +32 -0
  113. package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.css.js.map +1 -0
  114. package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.js +1 -1
  115. package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.js.map +1 -1
  116. package/components/FileUploader/FileUploaderFileStatusIcon.js +1 -1
  117. package/components/FileUploader/FileUploaderFileStatusIcon.js.map +1 -1
  118. package/components/GlobalLoader/GlobalLoaderView.css.d.ts +17 -0
  119. package/components/GlobalLoader/GlobalLoaderView.css.js +15 -0
  120. package/components/GlobalLoader/GlobalLoaderView.css.js.map +1 -0
  121. package/components/GlobalLoader/GlobalLoaderView.js +13 -7
  122. package/components/GlobalLoader/GlobalLoaderView.js.map +1 -1
  123. package/components/Group/Group.css.d.ts +9 -0
  124. package/components/Group/Group.css.js +9 -0
  125. package/components/Group/Group.css.js.map +1 -0
  126. package/components/Group/Group.js +1 -1
  127. package/components/Group/Group.js.map +1 -1
  128. package/components/Hint/Hint.css.d.ts +5 -0
  129. package/components/Hint/Hint.css.js +5 -0
  130. package/components/Hint/Hint.css.js.map +1 -0
  131. package/components/Hint/Hint.js +6 -6
  132. package/components/Hint/Hint.js.map +1 -1
  133. package/components/Input/Input.css.d.ts +56 -0
  134. package/components/Input/Input.css.js +23 -0
  135. package/components/Input/Input.css.js.map +1 -0
  136. package/components/Input/Input.js +1 -1
  137. package/components/Input/Input.js.map +1 -1
  138. package/components/Input/InputLayout/InputLayout.css.d.ts +18 -0
  139. package/components/Input/InputLayout/InputLayout.css.js +19 -0
  140. package/components/Input/InputLayout/InputLayout.css.js.map +1 -0
  141. package/components/Input/InputLayout/InputLayout.js +1 -1
  142. package/components/Input/InputLayout/InputLayout.js.map +1 -1
  143. package/components/Input/InputLayout/InputLayoutAside.js +1 -1
  144. package/components/Input/InputLayout/InputLayoutAside.js.map +1 -1
  145. package/components/Input/InputLayout/InputLayoutAsideCounter.js +1 -1
  146. package/components/Input/InputLayout/InputLayoutAsideCounter.js.map +1 -1
  147. package/components/Input/InputLayout/InputLayoutAsideIcon.js +1 -1
  148. package/components/Input/InputLayout/InputLayoutAsideIcon.js.map +1 -1
  149. package/components/Input/InputLayout/InputLayoutAsideText.js +1 -1
  150. package/components/Input/InputLayout/InputLayoutAsideText.js.map +1 -1
  151. package/components/Kebab/Kebab.css.d.ts +11 -0
  152. package/components/Kebab/Kebab.css.js +11 -0
  153. package/components/Kebab/Kebab.css.js.map +1 -0
  154. package/components/Kebab/Kebab.js +4 -4
  155. package/components/Kebab/Kebab.js.map +1 -1
  156. package/components/Link/Link.css.d.ts +23 -0
  157. package/components/Link/Link.css.js +23 -0
  158. package/components/Link/Link.css.js.map +1 -0
  159. package/components/Link/Link.js +5 -4
  160. package/components/Link/Link.js.map +1 -1
  161. package/components/Link/LinkIcon.js +1 -1
  162. package/components/Link/LinkIcon.js.map +1 -1
  163. package/components/Loader/Loader.css.d.ts +8 -0
  164. package/components/Loader/Loader.css.js +8 -0
  165. package/components/Loader/Loader.css.js.map +1 -0
  166. package/components/Loader/Loader.js +1 -1
  167. package/components/Loader/Loader.js.map +1 -1
  168. package/components/MaskedInput/ColorableInputElement/ColorableInputElement.css.d.ts +7 -0
  169. package/components/MaskedInput/ColorableInputElement/ColorableInputElement.css.js +5 -0
  170. package/components/MaskedInput/ColorableInputElement/ColorableInputElement.css.js.map +1 -0
  171. package/components/MaskedInput/ColorableInputElement/ColorableInputElement.js +1 -1
  172. package/components/MaskedInput/ColorableInputElement/ColorableInputElement.js.map +1 -1
  173. package/components/MaskedInput/MaskedInput.css.d.ts +7 -0
  174. package/components/MaskedInput/MaskedInput.css.js +5 -0
  175. package/components/MaskedInput/MaskedInput.css.js.map +1 -0
  176. package/components/MaskedInput/MaskedInputLegacy.js +1 -1
  177. package/components/MaskedInput/MaskedInputLegacy.js.map +1 -1
  178. package/components/MaskedInputV2/MaskedInputV2.css.d.ts +7 -0
  179. package/components/MaskedInputV2/MaskedInputV2.css.js +5 -0
  180. package/components/MaskedInputV2/MaskedInputV2.css.js.map +1 -0
  181. package/components/MaskedInputV2/MaskedInputV2.js +1 -1
  182. package/components/MaskedInputV2/MaskedInputV2.js.map +1 -1
  183. package/components/MaskedInputV2/internal/MaskOverlay.js +3 -3
  184. package/components/MaskedInputV2/internal/MaskOverlay.js.map +1 -1
  185. package/components/MaskedInputV2/internal/MaskedCore.js +3 -3
  186. package/components/MaskedInputV2/internal/MaskedCore.js.map +1 -1
  187. package/components/MaskedInputV2/internal/MaskedInternal.css.d.ts +15 -0
  188. package/components/MaskedInputV2/internal/MaskedInternal.css.js +9 -0
  189. package/components/MaskedInputV2/internal/MaskedInternal.css.js.map +1 -0
  190. package/components/MenuFooter/MenuFooter.css.d.ts +10 -0
  191. package/components/MenuFooter/MenuFooter.css.js +10 -0
  192. package/components/MenuFooter/MenuFooter.css.js.map +1 -0
  193. package/components/MenuFooter/MenuFooter.js +2 -2
  194. package/components/MenuFooter/MenuFooter.js.map +1 -1
  195. package/components/MenuFooter/MenuFooter.mixins.d.ts +8 -2
  196. package/components/MenuFooter/MenuFooter.mixins.js +8 -4
  197. package/components/MenuFooter/MenuFooter.mixins.js.map +1 -1
  198. package/components/MenuHeader/MenuHeader.css.d.ts +10 -0
  199. package/components/MenuHeader/MenuHeader.css.js +10 -0
  200. package/components/MenuHeader/MenuHeader.css.js.map +1 -0
  201. package/components/MenuHeader/MenuHeader.js +2 -2
  202. package/components/MenuHeader/MenuHeader.js.map +1 -1
  203. package/components/MenuHeader/MenuHeader.mixins.d.ts +8 -2
  204. package/components/MenuHeader/MenuHeader.mixins.js +8 -4
  205. package/components/MenuHeader/MenuHeader.mixins.js.map +1 -1
  206. package/components/MenuItem/MenuItem.css.d.ts +27 -0
  207. package/components/MenuItem/MenuItem.css.js +27 -0
  208. package/components/MenuItem/MenuItem.css.js.map +1 -0
  209. package/components/MenuItem/MenuItem.js +4 -10
  210. package/components/MenuItem/MenuItem.js.map +1 -1
  211. package/components/MenuItem/MenuItem.mixins.d.ts +12 -4
  212. package/components/MenuItem/MenuItem.mixins.js +12 -19
  213. package/components/MenuItem/MenuItem.mixins.js.map +1 -1
  214. package/components/MenuSeparator/MenuSeparator.css.d.ts +5 -0
  215. package/components/MenuSeparator/MenuSeparator.css.js +5 -0
  216. package/components/MenuSeparator/MenuSeparator.css.js.map +1 -0
  217. package/components/MenuSeparator/MenuSeparator.js +5 -7
  218. package/components/MenuSeparator/MenuSeparator.js.map +1 -1
  219. package/components/MiniModal/MiniModal.css.d.ts +10 -0
  220. package/components/MiniModal/MiniModal.css.js +11 -0
  221. package/components/MiniModal/MiniModal.css.js.map +1 -0
  222. package/components/MiniModal/MiniModalBody.js +1 -1
  223. package/components/MiniModal/MiniModalBody.js.map +1 -1
  224. package/components/MiniModal/MiniModalFooter.js +1 -1
  225. package/components/MiniModal/MiniModalFooter.js.map +1 -1
  226. package/components/MiniModal/MiniModalHeader.js +1 -1
  227. package/components/MiniModal/MiniModalHeader.js.map +1 -1
  228. package/components/MiniModal/MiniModalIndent.js +1 -1
  229. package/components/MiniModal/MiniModalIndent.js.map +1 -1
  230. package/components/MiniModal/getMiniModalTheme.d.ts +1 -2
  231. package/components/MiniModal/getMiniModalTheme.js +3 -2
  232. package/components/MiniModal/getMiniModalTheme.js.map +1 -1
  233. package/components/Modal/Modal.css.d.ts +55 -0
  234. package/components/Modal/Modal.css.js +52 -0
  235. package/components/Modal/Modal.css.js.map +1 -0
  236. package/components/Modal/Modal.js +1 -1
  237. package/components/Modal/Modal.js.map +1 -1
  238. package/components/Modal/ModalBody.js +1 -1
  239. package/components/Modal/ModalBody.js.map +1 -1
  240. package/components/Modal/ModalClose.js +11 -13
  241. package/components/Modal/ModalClose.js.map +1 -1
  242. package/components/Modal/ModalFooter.js +1 -1
  243. package/components/Modal/ModalFooter.js.map +1 -1
  244. package/components/Modal/ModalHeader.js +1 -1
  245. package/components/Modal/ModalHeader.js.map +1 -1
  246. package/components/Modal/ModalSeparator.js +1 -1
  247. package/components/Modal/ModalSeparator.js.map +1 -1
  248. package/components/Modal/getModalBodyTheme.d.ts +1 -2
  249. package/components/Modal/getModalBodyTheme.js +3 -2
  250. package/components/Modal/getModalBodyTheme.js.map +1 -1
  251. package/components/Modal/getModalTheme.d.ts +1 -2
  252. package/components/Modal/getModalTheme.js +3 -2
  253. package/components/Modal/getModalTheme.js.map +1 -1
  254. package/components/Paging/Paging.css.d.ts +32 -0
  255. package/components/Paging/Paging.css.js +32 -0
  256. package/components/Paging/Paging.css.js.map +1 -0
  257. package/components/Paging/Paging.js +1 -1
  258. package/components/Paging/Paging.js.map +1 -1
  259. package/components/PasswordInput/PasswordInput.css.d.ts +11 -0
  260. package/components/PasswordInput/PasswordInput.css.js +11 -0
  261. package/components/PasswordInput/PasswordInput.css.js.map +1 -0
  262. package/components/PasswordInput/PasswordInput.js +1 -1
  263. package/components/PasswordInput/PasswordInput.js.map +1 -1
  264. package/components/Radio/Radio.css.d.ts +34 -0
  265. package/components/Radio/Radio.css.js +32 -0
  266. package/components/Radio/Radio.css.js.map +1 -0
  267. package/components/Radio/Radio.js +1 -1
  268. package/components/Radio/Radio.js.map +1 -1
  269. package/components/Radio/Radio.mixins.d.ts +39 -7
  270. package/components/Radio/Radio.mixins.js +37 -23
  271. package/components/Radio/Radio.mixins.js.map +1 -1
  272. package/components/RadioGroup/RadioGroup.css.d.ts +7 -0
  273. package/components/RadioGroup/RadioGroup.css.js +7 -0
  274. package/components/RadioGroup/RadioGroup.css.js.map +1 -0
  275. package/components/RadioGroup/RadioGroup.js +1 -1
  276. package/components/RadioGroup/RadioGroup.js.map +1 -1
  277. package/components/ScrollContainer/ScrollBar.js +1 -1
  278. package/components/ScrollContainer/ScrollBar.js.map +1 -1
  279. package/components/ScrollContainer/ScrollContainer.css.d.ts +21 -0
  280. package/components/ScrollContainer/ScrollContainer.css.js +15 -0
  281. package/components/ScrollContainer/ScrollContainer.css.js.map +1 -0
  282. package/components/ScrollContainer/ScrollContainer.js +1 -1
  283. package/components/ScrollContainer/ScrollContainer.js.map +1 -1
  284. package/components/Select/Select.css.d.ts +17 -0
  285. package/components/Select/Select.css.js +17 -0
  286. package/components/Select/Select.css.js.map +1 -0
  287. package/components/Select/Select.js +8 -6
  288. package/components/Select/Select.js.map +1 -1
  289. package/components/Select/selectTheme.d.ts +1 -3
  290. package/components/Select/selectTheme.js +8 -7
  291. package/components/Select/selectTheme.js.map +1 -1
  292. package/components/SidePage/SidePage.css.d.ts +50 -0
  293. package/components/SidePage/SidePage.css.js +50 -0
  294. package/components/SidePage/SidePage.css.js.map +1 -0
  295. package/components/SidePage/SidePage.js +1 -1
  296. package/components/SidePage/SidePage.js.map +1 -1
  297. package/components/SidePage/SidePageBody.js +1 -1
  298. package/components/SidePage/SidePageBody.js.map +1 -1
  299. package/components/SidePage/SidePageCloseButton.js +1 -1
  300. package/components/SidePage/SidePageCloseButton.js.map +1 -1
  301. package/components/SidePage/SidePageContainer.js +1 -1
  302. package/components/SidePage/SidePageContainer.js.map +1 -1
  303. package/components/SidePage/SidePageFooter.js +1 -1
  304. package/components/SidePage/SidePageFooter.js.map +1 -1
  305. package/components/SidePage/SidePageHeader.js +1 -1
  306. package/components/SidePage/SidePageHeader.js.map +1 -1
  307. package/components/Spinner/Spinner.css.d.ts +13 -0
  308. package/components/Spinner/Spinner.css.js +13 -0
  309. package/components/Spinner/Spinner.css.js.map +1 -0
  310. package/components/Spinner/Spinner.js +1 -1
  311. package/components/Spinner/Spinner.js.map +1 -1
  312. package/components/Sticky/Sticky.css.d.ts +8 -0
  313. package/components/Sticky/Sticky.css.js +8 -0
  314. package/components/Sticky/Sticky.css.js.map +1 -0
  315. package/components/Sticky/Sticky.js +1 -1
  316. package/components/Sticky/Sticky.js.map +1 -1
  317. package/components/Switcher/Switcher.css.d.ts +12 -0
  318. package/components/Switcher/Switcher.css.js +12 -0
  319. package/components/Switcher/Switcher.css.js.map +1 -0
  320. package/components/Switcher/Switcher.js +1 -1
  321. package/components/Switcher/Switcher.js.map +1 -1
  322. package/components/Switcher/switcherTheme.d.ts +1 -2
  323. package/components/Switcher/switcherTheme.js +3 -2
  324. package/components/Switcher/switcherTheme.js.map +1 -1
  325. package/components/Tabs/Indicator.css.d.ts +8 -0
  326. package/components/Tabs/Indicator.css.js +8 -0
  327. package/components/Tabs/Indicator.css.js.map +1 -0
  328. package/components/Tabs/Indicator.js +1 -1
  329. package/components/Tabs/Indicator.js.map +1 -1
  330. package/components/Tabs/Tab.css.d.ts +35 -0
  331. package/components/Tabs/Tab.css.js +29 -0
  332. package/components/Tabs/Tab.css.js.map +1 -0
  333. package/components/Tabs/Tab.d.ts +4 -16
  334. package/components/Tabs/Tab.js +1 -1
  335. package/components/Tabs/Tab.js.map +1 -1
  336. package/components/Tabs/Tabs.css.d.ts +7 -0
  337. package/components/Tabs/Tabs.css.js +7 -0
  338. package/components/Tabs/Tabs.css.js.map +1 -0
  339. package/components/Tabs/Tabs.js +1 -1
  340. package/components/Tabs/Tabs.js.map +1 -1
  341. package/components/Textarea/Textarea.css.d.ts +23 -0
  342. package/components/Textarea/Textarea.css.js +23 -0
  343. package/components/Textarea/Textarea.css.js.map +1 -0
  344. package/components/Textarea/Textarea.js +1 -1
  345. package/components/Textarea/Textarea.js.map +1 -1
  346. package/components/Textarea/Textarea.mixins.d.ts +8 -2
  347. package/components/Textarea/Textarea.mixins.js +8 -6
  348. package/components/Textarea/Textarea.mixins.js.map +1 -1
  349. package/components/Textarea/TextareaCounter.js +1 -1
  350. package/components/Textarea/TextareaCounter.js.map +1 -1
  351. package/components/TimePicker/TimePicker.css.d.ts +11 -0
  352. package/components/TimePicker/TimePicker.css.js +11 -0
  353. package/components/TimePicker/TimePicker.css.js.map +1 -0
  354. package/components/TimePicker/TimePicker.js +3 -3
  355. package/components/TimePicker/TimePicker.js.map +1 -1
  356. package/components/TimePicker/TimePickerItems.js +1 -1
  357. package/components/TimePicker/TimePickerItems.js.map +1 -1
  358. package/components/TimePicker/TimePickerPopup.js +1 -1
  359. package/components/TimePicker/TimePickerPopup.js.map +1 -1
  360. package/components/TimePicker/helpers/TimePicker.constants.d.ts +1 -0
  361. package/components/TimePicker/helpers/TimePicker.constants.js +3 -0
  362. package/components/TimePicker/helpers/TimePicker.constants.js.map +1 -1
  363. package/components/TimePicker/helpers/TimePicker.value.d.ts +0 -1
  364. package/components/TimePicker/helpers/TimePicker.value.js +0 -5
  365. package/components/TimePicker/helpers/TimePicker.value.js.map +1 -1
  366. package/components/Toast/Toast.css.d.ts +7 -0
  367. package/components/Toast/Toast.css.js +7 -0
  368. package/components/Toast/Toast.css.js.map +1 -0
  369. package/components/Toast/Toast.js +3 -3
  370. package/components/Toast/Toast.js.map +1 -1
  371. package/components/Toast/ToastView.css.d.ts +17 -0
  372. package/components/Toast/ToastView.css.js +17 -0
  373. package/components/Toast/ToastView.css.js.map +1 -0
  374. package/components/Toast/ToastView.js +1 -1
  375. package/components/Toast/ToastView.js.map +1 -1
  376. package/components/Toggle/Toggle.css.d.ts +50 -0
  377. package/components/Toggle/Toggle.css.js +49 -0
  378. package/components/Toggle/Toggle.css.js.map +1 -0
  379. package/components/Toggle/Toggle.js +1 -1
  380. package/components/Toggle/Toggle.js.map +1 -1
  381. package/components/Token/Token.css.d.ts +23 -0
  382. package/components/Token/Token.css.js +21 -0
  383. package/components/Token/Token.css.js.map +1 -0
  384. package/components/Token/Token.js +1 -1
  385. package/components/Token/Token.js.map +1 -1
  386. package/components/Token/Token.mixins.d.ts +6 -1
  387. package/components/Token/Token.mixins.js +6 -3
  388. package/components/Token/Token.mixins.js.map +1 -1
  389. package/components/Token/TokenView.js +1 -1
  390. package/components/Token/TokenView.js.map +1 -1
  391. package/components/TokenInput/TextWidthHelper.js +1 -1
  392. package/components/TokenInput/TextWidthHelper.js.map +1 -1
  393. package/components/TokenInput/TokenInput.css.d.ts +21 -0
  394. package/components/TokenInput/TokenInput.css.js +22 -0
  395. package/components/TokenInput/TokenInput.css.js.map +1 -0
  396. package/components/TokenInput/TokenInput.js +1 -1
  397. package/components/TokenInput/TokenInput.js.map +1 -1
  398. package/components/TokenInput/TokenInput.mixins.d.ts +8 -2
  399. package/components/TokenInput/TokenInput.mixins.js +8 -6
  400. package/components/TokenInput/TokenInput.mixins.js.map +1 -1
  401. package/components/TokenInput/TokenInputMenu.js +5 -3
  402. package/components/TokenInput/TokenInputMenu.js.map +1 -1
  403. package/components/Tooltip/Tooltip.css.d.ts +11 -0
  404. package/components/Tooltip/Tooltip.css.js +11 -0
  405. package/components/Tooltip/Tooltip.css.js.map +1 -0
  406. package/components/Tooltip/Tooltip.js +17 -10
  407. package/components/Tooltip/Tooltip.js.map +1 -1
  408. package/components/TooltipMenu/TooltipMenu.js +10 -6
  409. package/components/TooltipMenu/TooltipMenu.js.map +1 -1
  410. package/internal/ClearCrossIcon/ClearCrossIcon.css.d.ts +11 -0
  411. package/internal/ClearCrossIcon/ClearCrossIcon.css.js +11 -0
  412. package/internal/ClearCrossIcon/ClearCrossIcon.css.js.map +1 -0
  413. package/internal/ClearCrossIcon/ClearCrossIcon.js +1 -1
  414. package/internal/ClearCrossIcon/ClearCrossIcon.js.map +1 -1
  415. package/internal/CloseButtonIcon/CloseButtonIcon.css.d.ts +9 -0
  416. package/internal/CloseButtonIcon/CloseButtonIcon.css.js +9 -0
  417. package/internal/CloseButtonIcon/CloseButtonIcon.css.js.map +1 -0
  418. package/internal/CloseButtonIcon/CloseButtonIcon.js +13 -8
  419. package/internal/CloseButtonIcon/CloseButtonIcon.js.map +1 -1
  420. package/internal/CommonWrapper/CommonWrapper.d.ts +6 -1
  421. package/internal/CommonWrapper/CommonWrapper.js +28 -4
  422. package/internal/CommonWrapper/CommonWrapper.js.map +1 -1
  423. package/internal/CustomComboBox/ComboBoxView.js +2 -2
  424. package/internal/CustomComboBox/ComboBoxView.js.map +1 -1
  425. package/internal/CustomComboBox/CustomComboBox.css.d.ts +5 -0
  426. package/internal/CustomComboBox/CustomComboBox.css.js +5 -0
  427. package/internal/CustomComboBox/CustomComboBox.css.js.map +1 -0
  428. package/internal/CustomComboBox/getComboBoxTheme.d.ts +1 -2
  429. package/internal/CustomComboBox/getComboBoxTheme.js +3 -2
  430. package/internal/CustomComboBox/getComboBoxTheme.js.map +1 -1
  431. package/internal/DateSelect/DateSelect.css.d.ts +9 -0
  432. package/internal/DateSelect/DateSelect.css.js +7 -0
  433. package/internal/DateSelect/DateSelect.css.js.map +1 -0
  434. package/internal/DateSelect/DateSelect.js +1 -1
  435. package/internal/DateSelect/DateSelect.js.map +1 -1
  436. package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.css.d.ts +4 -0
  437. package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.css.js +4 -0
  438. package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.css.js.map +1 -0
  439. package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.d.ts +1 -1
  440. package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.js +7 -11
  441. package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.js.map +1 -1
  442. package/internal/InputLikeText/InputLikeText.css.d.ts +6 -0
  443. package/internal/InputLikeText/InputLikeText.css.js +6 -0
  444. package/internal/InputLikeText/InputLikeText.css.js.map +1 -0
  445. package/internal/InputLikeText/InputLikeText.js +3 -3
  446. package/internal/InputLikeText/InputLikeText.js.map +1 -1
  447. package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.css.d.ts +5 -0
  448. package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.css.js +6 -0
  449. package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.css.js.map +1 -0
  450. package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.js +21 -17
  451. package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.js.map +1 -1
  452. package/internal/MaskCharLowLine/MaskCharLowLine.css.d.ts +4 -0
  453. package/internal/MaskCharLowLine/MaskCharLowLine.css.js +4 -0
  454. package/internal/MaskCharLowLine/MaskCharLowLine.css.js.map +1 -0
  455. package/internal/MaskCharLowLine/MaskCharLowLine.js +1 -1
  456. package/internal/MaskCharLowLine/MaskCharLowLine.js.map +1 -1
  457. package/internal/Menu/Menu.css.d.ts +16 -0
  458. package/internal/Menu/Menu.css.js +16 -0
  459. package/internal/Menu/Menu.css.js.map +1 -0
  460. package/internal/Menu/Menu.js +6 -2
  461. package/internal/Menu/Menu.js.map +1 -1
  462. package/internal/MenuMessage/MenuMessage.css.d.ts +11 -0
  463. package/internal/MenuMessage/MenuMessage.css.js +11 -0
  464. package/internal/MenuMessage/MenuMessage.css.js.map +1 -0
  465. package/internal/MenuMessage/MenuMessage.js +1 -1
  466. package/internal/MenuMessage/MenuMessage.js.map +1 -1
  467. package/internal/MobilePopup/MobilePopup.css.d.ts +17 -0
  468. package/internal/MobilePopup/MobilePopup.css.js +17 -0
  469. package/internal/MobilePopup/MobilePopup.css.js.map +1 -0
  470. package/internal/MobilePopup/MobilePopup.js +1 -1
  471. package/internal/MobilePopup/MobilePopup.js.map +1 -1
  472. package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.css.d.ts +7 -0
  473. package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.css.js +7 -0
  474. package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.css.js.map +1 -0
  475. package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.js +1 -1
  476. package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.js.map +1 -1
  477. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.css.d.ts +14 -0
  478. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.css.js +14 -0
  479. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.css.js.map +1 -0
  480. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js +1 -1
  481. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js.map +1 -1
  482. package/internal/NativeDateInput/NativeDateInput.css.d.ts +4 -0
  483. package/internal/NativeDateInput/NativeDateInput.css.js +4 -0
  484. package/internal/NativeDateInput/NativeDateInput.css.js.map +1 -0
  485. package/internal/NativeDateInput/NativeDateInput.js +1 -1
  486. package/internal/NativeDateInput/NativeDateInput.js.map +1 -1
  487. package/internal/NativeTimeInput/NativeTimeInput.css.d.ts +4 -0
  488. package/internal/NativeTimeInput/NativeTimeInput.css.js +4 -0
  489. package/internal/NativeTimeInput/NativeTimeInput.css.js.map +1 -0
  490. package/internal/NativeTimeInput/NativeTimeInput.js +1 -1
  491. package/internal/NativeTimeInput/NativeTimeInput.js.map +1 -1
  492. package/internal/Popup/Popup.css.d.ts +17 -0
  493. package/internal/Popup/Popup.css.js +17 -0
  494. package/internal/Popup/Popup.css.js.map +1 -0
  495. package/internal/Popup/Popup.js +8 -6
  496. package/internal/Popup/Popup.js.map +1 -1
  497. package/internal/Popup/PopupPin.css.d.ts +10 -0
  498. package/internal/Popup/PopupPin.css.js +10 -0
  499. package/internal/Popup/PopupPin.css.js.map +1 -0
  500. package/internal/Popup/PopupPin.js +1 -1
  501. package/internal/Popup/PopupPin.js.map +1 -1
  502. package/internal/PopupMenu/PopupMenu.css.d.ts +5 -0
  503. package/internal/PopupMenu/PopupMenu.css.js +5 -0
  504. package/internal/PopupMenu/PopupMenu.css.js.map +1 -0
  505. package/internal/PopupMenu/PopupMenu.js +6 -4
  506. package/internal/PopupMenu/PopupMenu.js.map +1 -1
  507. package/internal/RenderContainer/RenderContainer.d.ts +2 -0
  508. package/internal/RenderContainer/RenderContainer.js +37 -3
  509. package/internal/RenderContainer/RenderContainer.js.map +1 -1
  510. package/internal/ResizeDetector/ResizeDetector.css.d.ts +8 -0
  511. package/internal/ResizeDetector/ResizeDetector.css.js +8 -0
  512. package/internal/ResizeDetector/ResizeDetector.css.js.map +1 -0
  513. package/internal/ResizeDetector/ResizeDetector.js +1 -1
  514. package/internal/ResizeDetector/ResizeDetector.js.map +1 -1
  515. package/internal/SpinnerIcon/SpinnerIcon.css.d.ts +7 -0
  516. package/internal/SpinnerIcon/SpinnerIcon.css.js +7 -0
  517. package/internal/SpinnerIcon/SpinnerIcon.css.js.map +1 -0
  518. package/internal/SpinnerIcon/SpinnerIcon.js +1 -1
  519. package/internal/SpinnerIcon/SpinnerIcon.js.map +1 -1
  520. package/internal/TextWidthHelper/TextWidthHelper.css.d.ts +5 -0
  521. package/internal/TextWidthHelper/TextWidthHelper.css.js +5 -0
  522. package/internal/TextWidthHelper/TextWidthHelper.css.js.map +1 -0
  523. package/internal/TextWidthHelper/TextWidthHelper.js +1 -1
  524. package/internal/TextWidthHelper/TextWidthHelper.js.map +1 -1
  525. package/internal/TimeInput/TimeFragments.css.d.ts +32 -0
  526. package/internal/TimeInput/TimeFragments.css.js +19 -0
  527. package/internal/TimeInput/TimeFragments.css.js.map +1 -0
  528. package/internal/TimeInput/TimeFragments.js +1 -1
  529. package/internal/TimeInput/TimeFragments.js.map +1 -1
  530. package/internal/TimeInput/TimeInput.css.d.ts +7 -0
  531. package/internal/TimeInput/TimeInput.css.js +7 -0
  532. package/internal/TimeInput/TimeInput.css.js.map +1 -0
  533. package/internal/TimeInput/TimeInput.js +1 -1
  534. package/internal/TimeInput/TimeInput.js.map +1 -1
  535. package/internal/icons2022/BaseIcon.css.d.ts +4 -0
  536. package/internal/icons2022/BaseIcon.css.js +4 -0
  537. package/internal/icons2022/BaseIcon.css.js.map +1 -0
  538. package/internal/icons2022/BaseIcon.js +1 -1
  539. package/internal/icons2022/BaseIcon.js.map +1 -1
  540. package/internal/icons2022/LoadingIcon.js +1 -1
  541. package/internal/icons2022/LoadingIcon.js.map +1 -1
  542. package/internal/themes/BasicTheme.d.ts +0 -40
  543. package/internal/themes/BasicTheme.js +1 -73
  544. package/internal/themes/BasicTheme.js.map +1 -1
  545. package/internal/themes/DarkTheme6_0.js +0 -19
  546. package/internal/themes/DarkTheme6_0.js.map +1 -1
  547. package/lib/renderEnvironment/RenderEnvironmentContext.d.ts +1 -1
  548. package/lib/renderEnvironment/RenderEnvironmentContext.js +4 -6
  549. package/lib/renderEnvironment/RenderEnvironmentContext.js.map +1 -1
  550. package/lib/renderEnvironment/RenderEnvironmentDecorator.js.map +1 -1
  551. package/lib/styles/LabGrotesqueBaseline.css.d.ts +1 -0
  552. package/lib/styles/LabGrotesqueBaseline.css.js +0 -0
  553. package/lib/styles/LabGrotesqueBaseline.css.js.map +1 -0
  554. package/lib/styles/getLabGrotesqueBaselineCompensation.d.ts +6 -1
  555. package/lib/styles/getLabGrotesqueBaselineCompensation.js +23 -6
  556. package/lib/styles/getLabGrotesqueBaselineCompensation.js.map +1 -1
  557. package/lib/theming/Emotion.d.ts +15 -13
  558. package/lib/theming/Emotion.js +30 -46
  559. package/lib/theming/Emotion.js.map +1 -1
  560. package/lib/theming/ThemeVersions.d.ts +1 -1
  561. package/lib/theming/ThemeVersions.js.map +1 -1
  562. package/lib/theming/bindStaticStyles.d.ts +6 -0
  563. package/lib/theming/bindStaticStyles.js +22 -0
  564. package/lib/theming/bindStaticStyles.js.map +1 -0
  565. package/lib/theming/memoizeTheme.d.ts +11 -0
  566. package/lib/theming/memoizeTheme.js +37 -0
  567. package/lib/theming/memoizeTheme.js.map +1 -0
  568. package/lib/theming/themeVars.d.ts +25 -0
  569. package/lib/theming/themeVars.js +74 -0
  570. package/lib/theming/themeVars.js.map +1 -0
  571. package/lib/theming/themes/DarkTheme.d.ts +0 -1
  572. package/lib/theming/themes/DarkTheme.js +1 -3
  573. package/lib/theming/themes/DarkTheme.js.map +1 -1
  574. package/lib/theming/themes/LightTheme.d.ts +0 -1
  575. package/lib/theming/themes/LightTheme.js +1 -3
  576. package/lib/theming/themes/LightTheme.js.map +1 -1
  577. package/package.json +17 -6
  578. package/react-ui.css +6044 -0
  579. package/components/Autocomplete/Autocomplete.styles.d.ts +0 -5
  580. package/components/Autocomplete/Autocomplete.styles.js +0 -18
  581. package/components/Autocomplete/Autocomplete.styles.js.map +0 -1
  582. package/components/Button/Button.mixins.d.ts +0 -4
  583. package/components/Button/Button.mixins.js +0 -21
  584. package/components/Button/Button.mixins.js.map +0 -1
  585. package/components/Button/Button.styles.d.ts +0 -95
  586. package/components/Button/Button.styles.js +0 -260
  587. package/components/Button/Button.styles.js.map +0 -1
  588. package/components/Button/ButtonIcon.styles.d.ts +0 -16
  589. package/components/Button/ButtonIcon.styles.js +0 -53
  590. package/components/Button/ButtonIcon.styles.js.map +0 -1
  591. package/components/Calendar/Calendar.styles.d.ts +0 -6
  592. package/components/Calendar/Calendar.styles.js +0 -22
  593. package/components/Calendar/Calendar.styles.js.map +0 -1
  594. package/components/Calendar/DayCellView.styles.d.ts +0 -9
  595. package/components/Calendar/DayCellView.styles.js +0 -31
  596. package/components/Calendar/DayCellView.styles.js.map +0 -1
  597. package/components/Calendar/MonthView.styles.d.ts +0 -13
  598. package/components/Calendar/MonthView.styles.js +0 -47
  599. package/components/Calendar/MonthView.styles.js.map +0 -1
  600. package/components/Center/Center.styles.d.ts +0 -7
  601. package/components/Center/Center.styles.js +0 -27
  602. package/components/Center/Center.styles.js.map +0 -1
  603. package/components/Checkbox/Checkbox.styles.d.ts +0 -34
  604. package/components/Checkbox/Checkbox.styles.js +0 -100
  605. package/components/Checkbox/Checkbox.styles.js.map +0 -1
  606. package/components/DateInput/DateFragmentsView.styles.d.ts +0 -7
  607. package/components/DateInput/DateFragmentsView.styles.js +0 -28
  608. package/components/DateInput/DateFragmentsView.styles.js.map +0 -1
  609. package/components/DateInput/DateInput.styles.d.ts +0 -11
  610. package/components/DateInput/DateInput.styles.js +0 -29
  611. package/components/DateInput/DateInput.styles.js.map +0 -1
  612. package/components/DatePicker/DatePicker.styles.d.ts +0 -5
  613. package/components/DatePicker/DatePicker.styles.js +0 -18
  614. package/components/DatePicker/DatePicker.styles.js.map +0 -1
  615. package/components/DatePicker/MobilePicker.styles.d.ts +0 -3
  616. package/components/DatePicker/MobilePicker.styles.js +0 -15
  617. package/components/DatePicker/MobilePicker.styles.js.map +0 -1
  618. package/components/DateRangePicker/DateRangePicker.styles.d.ts +0 -16
  619. package/components/DateRangePicker/DateRangePicker.styles.js +0 -57
  620. package/components/DateRangePicker/DateRangePicker.styles.js.map +0 -1
  621. package/components/FileUploader/FileUploader.styles.d.ts +0 -74
  622. package/components/FileUploader/FileUploader.styles.js +0 -221
  623. package/components/FileUploader/FileUploader.styles.js.map +0 -1
  624. package/components/FileUploader/FileUploaderFile.styles.d.ts +0 -60
  625. package/components/FileUploader/FileUploaderFile.styles.js +0 -184
  626. package/components/FileUploader/FileUploaderFile.styles.js.map +0 -1
  627. package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.styles.d.ts +0 -34
  628. package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.styles.js +0 -103
  629. package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.styles.js.map +0 -1
  630. package/components/GlobalLoader/GlobalLoaderView.styles.d.ts +0 -17
  631. package/components/GlobalLoader/GlobalLoaderView.styles.js +0 -70
  632. package/components/GlobalLoader/GlobalLoaderView.styles.js.map +0 -1
  633. package/components/Group/Group.styles.d.ts +0 -8
  634. package/components/Group/Group.styles.js +0 -30
  635. package/components/Group/Group.styles.js.map +0 -1
  636. package/components/Hint/Hint.styles.d.ts +0 -5
  637. package/components/Hint/Hint.styles.js +0 -18
  638. package/components/Hint/Hint.styles.js.map +0 -1
  639. package/components/Input/Input.styles.d.ts +0 -21
  640. package/components/Input/Input.styles.js +0 -68
  641. package/components/Input/Input.styles.js.map +0 -1
  642. package/components/Input/InputLayout/InputLayout.styles.d.ts +0 -18
  643. package/components/Input/InputLayout/InputLayout.styles.js +0 -59
  644. package/components/Input/InputLayout/InputLayout.styles.js.map +0 -1
  645. package/components/Kebab/Kebab.styles.d.ts +0 -11
  646. package/components/Kebab/Kebab.styles.js +0 -36
  647. package/components/Kebab/Kebab.styles.js.map +0 -1
  648. package/components/Link/Link.mixins.d.ts +0 -2
  649. package/components/Link/Link.mixins.js +0 -7
  650. package/components/Link/Link.mixins.js.map +0 -1
  651. package/components/Link/Link.styles.d.ts +0 -24
  652. package/components/Link/Link.styles.js +0 -82
  653. package/components/Link/Link.styles.js.map +0 -1
  654. package/components/Loader/Loader.styles.d.ts +0 -8
  655. package/components/Loader/Loader.styles.js +0 -27
  656. package/components/Loader/Loader.styles.js.map +0 -1
  657. package/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.d.ts +0 -6
  658. package/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.js +0 -18
  659. package/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.js.map +0 -1
  660. package/components/MaskedInput/MaskedInput.styles.d.ts +0 -7
  661. package/components/MaskedInput/MaskedInput.styles.js +0 -19
  662. package/components/MaskedInput/MaskedInput.styles.js.map +0 -1
  663. package/components/MaskedInputV2/MaskedInputV2.styles.d.ts +0 -7
  664. package/components/MaskedInputV2/MaskedInputV2.styles.js +0 -19
  665. package/components/MaskedInputV2/MaskedInputV2.styles.js.map +0 -1
  666. package/components/MaskedInputV2/internal/MaskedInternal.styles.d.ts +0 -15
  667. package/components/MaskedInputV2/internal/MaskedInternal.styles.js +0 -34
  668. package/components/MaskedInputV2/internal/MaskedInternal.styles.js.map +0 -1
  669. package/components/MenuFooter/MenuFooter.styles.d.ts +0 -10
  670. package/components/MenuFooter/MenuFooter.styles.js +0 -34
  671. package/components/MenuFooter/MenuFooter.styles.js.map +0 -1
  672. package/components/MenuHeader/MenuHeader.styles.d.ts +0 -10
  673. package/components/MenuHeader/MenuHeader.styles.js +0 -34
  674. package/components/MenuHeader/MenuHeader.styles.js.map +0 -1
  675. package/components/MenuItem/MenuItem.styles.d.ts +0 -29
  676. package/components/MenuItem/MenuItem.styles.js +0 -88
  677. package/components/MenuItem/MenuItem.styles.js.map +0 -1
  678. package/components/MenuSeparator/MenuSeparator.styles.d.ts +0 -5
  679. package/components/MenuSeparator/MenuSeparator.styles.js +0 -18
  680. package/components/MenuSeparator/MenuSeparator.styles.js.map +0 -1
  681. package/components/MiniModal/MiniModal.styles.d.ts +0 -11
  682. package/components/MiniModal/MiniModal.styles.js +0 -37
  683. package/components/MiniModal/MiniModal.styles.js.map +0 -1
  684. package/components/Modal/Modal.styles.d.ts +0 -55
  685. package/components/Modal/Modal.styles.js +0 -167
  686. package/components/Modal/Modal.styles.js.map +0 -1
  687. package/components/Paging/Paging.styles.d.ts +0 -32
  688. package/components/Paging/Paging.styles.js +0 -99
  689. package/components/Paging/Paging.styles.js.map +0 -1
  690. package/components/PasswordInput/PasswordInput.styles.d.ts +0 -11
  691. package/components/PasswordInput/PasswordInput.styles.js +0 -36
  692. package/components/PasswordInput/PasswordInput.styles.js.map +0 -1
  693. package/components/Radio/Radio.styles.d.ts +0 -34
  694. package/components/Radio/Radio.styles.js +0 -100
  695. package/components/Radio/Radio.styles.js.map +0 -1
  696. package/components/RadioGroup/RadioGroup.styles.d.ts +0 -6
  697. package/components/RadioGroup/RadioGroup.styles.js +0 -24
  698. package/components/RadioGroup/RadioGroup.styles.js.map +0 -1
  699. package/components/ScrollContainer/ScrollContainer.styles.d.ts +0 -21
  700. package/components/ScrollContainer/ScrollContainer.styles.js +0 -52
  701. package/components/ScrollContainer/ScrollContainer.styles.js.map +0 -1
  702. package/components/Select/Select.styles.d.ts +0 -18
  703. package/components/Select/Select.styles.js +0 -57
  704. package/components/Select/Select.styles.js.map +0 -1
  705. package/components/SidePage/SidePage.styles.d.ts +0 -50
  706. package/components/SidePage/SidePage.styles.js +0 -158
  707. package/components/SidePage/SidePage.styles.js.map +0 -1
  708. package/components/Spinner/Spinner.styles.d.ts +0 -13
  709. package/components/Spinner/Spinner.styles.js +0 -43
  710. package/components/Spinner/Spinner.styles.js.map +0 -1
  711. package/components/Sticky/Sticky.styles.d.ts +0 -7
  712. package/components/Sticky/Sticky.styles.js +0 -27
  713. package/components/Sticky/Sticky.styles.js.map +0 -1
  714. package/components/Switcher/Switcher.styles.d.ts +0 -12
  715. package/components/Switcher/Switcher.styles.js +0 -39
  716. package/components/Switcher/Switcher.styles.js.map +0 -1
  717. package/components/Tabs/Indicator.styles.d.ts +0 -8
  718. package/components/Tabs/Indicator.styles.js +0 -27
  719. package/components/Tabs/Indicator.styles.js.map +0 -1
  720. package/components/Tabs/Tab.styles.d.ts +0 -33
  721. package/components/Tabs/Tab.styles.js +0 -105
  722. package/components/Tabs/Tab.styles.js.map +0 -1
  723. package/components/Tabs/Tabs.styles.d.ts +0 -7
  724. package/components/Tabs/Tabs.styles.js +0 -26
  725. package/components/Tabs/Tabs.styles.js.map +0 -1
  726. package/components/Tabs/helpers.d.ts +0 -6
  727. package/components/Tabs/helpers.js +0 -25
  728. package/components/Tabs/helpers.js.map +0 -1
  729. package/components/Textarea/Textarea.styles.d.ts +0 -23
  730. package/components/Textarea/Textarea.styles.js +0 -73
  731. package/components/Textarea/Textarea.styles.js.map +0 -1
  732. package/components/TimePicker/TimePicker.styles.d.ts +0 -12
  733. package/components/TimePicker/TimePicker.styles.js +0 -39
  734. package/components/TimePicker/TimePicker.styles.js.map +0 -1
  735. package/components/Toast/Toast.styles.d.ts +0 -6
  736. package/components/Toast/Toast.styles.js +0 -24
  737. package/components/Toast/Toast.styles.js.map +0 -1
  738. package/components/Toast/ToastView.styles.d.ts +0 -18
  739. package/components/Toast/ToastView.styles.js +0 -67
  740. package/components/Toast/ToastView.styles.js.map +0 -1
  741. package/components/Toggle/Toggle.mixins.d.ts +0 -8
  742. package/components/Toggle/Toggle.mixins.js +0 -32
  743. package/components/Toggle/Toggle.mixins.js.map +0 -1
  744. package/components/Toggle/Toggle.styles.d.ts +0 -49
  745. package/components/Toggle/Toggle.styles.js +0 -147
  746. package/components/Toggle/Toggle.styles.js.map +0 -1
  747. package/components/Token/Token.styles.d.ts +0 -23
  748. package/components/Token/Token.styles.js +0 -67
  749. package/components/Token/Token.styles.js.map +0 -1
  750. package/components/TokenInput/TokenInput.styles.d.ts +0 -21
  751. package/components/TokenInput/TokenInput.styles.js +0 -68
  752. package/components/TokenInput/TokenInput.styles.js.map +0 -1
  753. package/components/Tooltip/Tooltip.styles.d.ts +0 -11
  754. package/components/Tooltip/Tooltip.styles.js +0 -36
  755. package/components/Tooltip/Tooltip.styles.js.map +0 -1
  756. package/internal/ClearCrossIcon/ClearCrossIcon.styles.d.ts +0 -12
  757. package/internal/ClearCrossIcon/ClearCrossIcon.styles.js +0 -36
  758. package/internal/ClearCrossIcon/ClearCrossIcon.styles.js.map +0 -1
  759. package/internal/CloseButtonIcon/CloseButtonIcon.styles.d.ts +0 -8
  760. package/internal/CloseButtonIcon/CloseButtonIcon.styles.js +0 -24
  761. package/internal/CloseButtonIcon/CloseButtonIcon.styles.js.map +0 -1
  762. package/internal/CustomComboBox/CustomComboBox.styles.d.ts +0 -4
  763. package/internal/CustomComboBox/CustomComboBox.styles.js +0 -18
  764. package/internal/CustomComboBox/CustomComboBox.styles.js.map +0 -1
  765. package/internal/DateSelect/DateSelect.styles.d.ts +0 -9
  766. package/internal/DateSelect/DateSelect.styles.js +0 -24
  767. package/internal/DateSelect/DateSelect.styles.js.map +0 -1
  768. package/internal/InputLikeText/InputLikeText.styles.d.ts +0 -8
  769. package/internal/InputLikeText/InputLikeText.styles.js +0 -30
  770. package/internal/InputLikeText/InputLikeText.styles.js.map +0 -1
  771. package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles.d.ts +0 -3
  772. package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles.js +0 -15
  773. package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles.js.map +0 -1
  774. package/internal/MaskCharLowLine/MaskCharLowLine.styles.d.ts +0 -3
  775. package/internal/MaskCharLowLine/MaskCharLowLine.styles.js +0 -15
  776. package/internal/MaskCharLowLine/MaskCharLowLine.styles.js.map +0 -1
  777. package/internal/Menu/Menu.styles.d.ts +0 -16
  778. package/internal/Menu/Menu.styles.js +0 -51
  779. package/internal/Menu/Menu.styles.js.map +0 -1
  780. package/internal/MenuMessage/MenuMessage.styles.d.ts +0 -11
  781. package/internal/MenuMessage/MenuMessage.styles.js +0 -41
  782. package/internal/MenuMessage/MenuMessage.styles.js.map +0 -1
  783. package/internal/MobilePopup/MobilePopup.styles.d.ts +0 -17
  784. package/internal/MobilePopup/MobilePopup.styles.js +0 -57
  785. package/internal/MobilePopup/MobilePopup.styles.js.map +0 -1
  786. package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.d.ts +0 -7
  787. package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.js +0 -25
  788. package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.js.map +0 -1
  789. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.d.ts +0 -14
  790. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.js +0 -47
  791. package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.js.map +0 -1
  792. package/internal/NativeDateInput/NativeDateInput.styles.d.ts +0 -3
  793. package/internal/NativeDateInput/NativeDateInput.styles.js +0 -15
  794. package/internal/NativeDateInput/NativeDateInput.styles.js.map +0 -1
  795. package/internal/NativeTimeInput/NativeTimeInput.styles.d.ts +0 -3
  796. package/internal/NativeTimeInput/NativeTimeInput.styles.js +0 -15
  797. package/internal/NativeTimeInput/NativeTimeInput.styles.js.map +0 -1
  798. package/internal/Popup/Popup.styles.d.ts +0 -22
  799. package/internal/Popup/Popup.styles.js +0 -69
  800. package/internal/Popup/Popup.styles.js.map +0 -1
  801. package/internal/Popup/PopupPin.styles.d.ts +0 -9
  802. package/internal/Popup/PopupPin.styles.js +0 -33
  803. package/internal/Popup/PopupPin.styles.js.map +0 -1
  804. package/internal/PopupMenu/PopupMenu.styles.d.ts +0 -4
  805. package/internal/PopupMenu/PopupMenu.styles.js +0 -18
  806. package/internal/PopupMenu/PopupMenu.styles.js.map +0 -1
  807. package/internal/ResizeDetector/ResizeDetector.styles.d.ts +0 -7
  808. package/internal/ResizeDetector/ResizeDetector.styles.js +0 -27
  809. package/internal/ResizeDetector/ResizeDetector.styles.js.map +0 -1
  810. package/internal/SpinnerIcon/SpinnerIcon.styles.d.ts +0 -6
  811. package/internal/SpinnerIcon/SpinnerIcon.styles.js +0 -24
  812. package/internal/SpinnerIcon/SpinnerIcon.styles.js.map +0 -1
  813. package/internal/TextWidthHelper/TextWidthHelper.styles.d.ts +0 -4
  814. package/internal/TextWidthHelper/TextWidthHelper.styles.js +0 -18
  815. package/internal/TextWidthHelper/TextWidthHelper.styles.js.map +0 -1
  816. package/internal/TimeInput/TimeFragments.styles.d.ts +0 -32
  817. package/internal/TimeInput/TimeFragments.styles.js +0 -78
  818. package/internal/TimeInput/TimeFragments.styles.js.map +0 -1
  819. package/internal/TimeInput/TimeInput.styles.d.ts +0 -7
  820. package/internal/TimeInput/TimeInput.styles.js +0 -24
  821. package/internal/TimeInput/TimeInput.styles.js.map +0 -1
  822. package/internal/icons2022/BaseIcon.styles.d.ts +0 -3
  823. package/internal/icons2022/BaseIcon.styles.js +0 -16
  824. package/internal/icons2022/BaseIcon.styles.js.map +0 -1
  825. package/internal/themes/DarkTheme6_5.d.ts +0 -1
  826. package/internal/themes/DarkTheme6_5.js +0 -87
  827. package/internal/themes/DarkTheme6_5.js.map +0 -1
  828. package/internal/themes/LightTheme6_5.d.ts +0 -1
  829. package/internal/themes/LightTheme6_5.js +0 -87
  830. package/internal/themes/LightTheme6_5.js.map +0 -1
  831. package/lib/Upgrades.d.ts +0 -6
  832. package/lib/Upgrades.js +0 -34
  833. package/lib/Upgrades.js.map +0 -1
  834. package/lib/styles/Mixins.d.ts +0 -2
  835. package/lib/styles/Mixins.js +0 -7
  836. package/lib/styles/Mixins.js.map +0 -1
  837. package/lib/styles/UiFont.d.ts +0 -3
  838. package/lib/styles/UiFont.js +0 -18
  839. package/lib/styles/UiFont.js.map +0 -1
  840. package/lib/theming/AnimationKeyframes.d.ts +0 -7
  841. package/lib/theming/AnimationKeyframes.js +0 -24
  842. package/lib/theming/AnimationKeyframes.js.map +0 -1
  843. package/typings/stylis-plugin-extra-scope.d.ts +0 -3
@@ -1,18 +1,19 @@
1
- import { isChrome, isFirefox } from '../../lib/client.js';
2
- import { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation.js';
3
- export var checkboxSizeMixin = function (fontSize, lineHeight, paddingY, checkboxBoxSize, paddingX) {
4
- return "\n line-height: ".concat(lineHeight, ";\n font-size: ").concat(fontSize, ";\n padding: ").concat(paddingY, " ").concat(paddingX, ";\n\n &::before {\n width: ").concat(checkboxBoxSize, ";\n }\n ");
5
- };
1
+ import { getLabGrotesqueBaselineCompensationCss } from '../../lib/styles/getLabGrotesqueBaselineCompensation.js';
2
+ /** Размер корня; ширину `::before` (`checkboxBoxSize`) задаёт отдельное вложенное правило. */
3
+ export var checkboxSizeMixin = function (fontSize, lineHeight, paddingY, paddingX) { return ({
4
+ lineHeight: lineHeight,
5
+ fontSize: fontSize,
6
+ padding: "".concat(paddingY, " ").concat(paddingX),
7
+ }); };
6
8
  export var boxWrapperSizeMixin = function (labGrotesqueBaselineCompensation, fontSize, checkboxBoxSize, checkboxBoxOffsetY, checkboxPaddingX) {
7
- var labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);
8
- var boxFontSize = parseInt(fontSize);
9
- var baselineCompensation = getLabGrotesqueBaselineCompensation(boxFontSize, labGrotesqueCompenstation, isChrome, isFirefox);
10
- return "\n width: ".concat(checkboxBoxSize, ";\n height: ").concat(checkboxBoxSize, ";\n margin-top: calc(").concat(checkboxBoxOffsetY, " + ").concat(baselineCompensation, "px);\n left: ").concat(checkboxPaddingX, ";\n ");
11
- };
12
- export var subcaptionMixin = function (fontSize, lineHeight) {
13
- return "\n font-size: ".concat(fontSize, ";\n line-height: ").concat(lineHeight, ";\n ");
14
- };
15
- export var disabledTextColorMixin = function (textColor) {
16
- return "\n color: ".concat(textColor, ";\n ");
9
+ var baselineCompensation = getLabGrotesqueBaselineCompensationCss(fontSize, labGrotesqueBaselineCompensation);
10
+ return {
11
+ width: checkboxBoxSize,
12
+ height: checkboxBoxSize,
13
+ marginTop: "calc(".concat(checkboxBoxOffsetY, " + ").concat(baselineCompensation, ")"),
14
+ left: checkboxPaddingX,
15
+ };
17
16
  };
17
+ export var subcaptionMixin = function (fontSize, lineHeight) { return ({ fontSize: fontSize, lineHeight: lineHeight }); };
18
+ export var disabledTextColorMixin = function (textColor) { return ({ color: textColor }); };
18
19
  //# sourceMappingURL=Checkbox.mixins.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.mixins.js","sourceRoot":"","sources":["Checkbox.mixins.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,mCAAmC,EAAE,MAAM,yDAAyD,CAAC;AAE9G,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAC/B,QAAgB,EAChB,UAAkB,EAClB,QAAgB,EAChB,eAAuB,EACvB,QAAgB;IAEhB,OAAO,6BACU,UAAU,+BACZ,QAAQ,6BACV,QAAQ,cAAI,QAAQ,gDAGpB,eAAe,iBAE3B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAG,UACjC,gCAAwC,EACxC,QAAgB,EAChB,eAAuB,EACvB,kBAA0B,EAC1B,gBAAwB;IAExB,IAAM,yBAAyB,GAAG,QAAQ,CAAC,gCAAgC,CAAC,CAAC;IAC7E,IAAM,WAAW,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACvC,IAAM,oBAAoB,GAAG,mCAAmC,CAC9D,WAAW,EACX,yBAAyB,EACzB,QAAQ,EACR,SAAS,CACV,CAAC;IAEF,OAAO,uBACI,eAAe,4BACd,eAAe,qCACN,kBAAkB,gBAAM,oBAAoB,6BACvD,gBAAgB,UACzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,QAAgB,EAAE,UAAkB;IAClE,OAAO,2BACQ,QAAQ,iCACN,UAAU,UAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,SAAiB;IACtD,OAAO,uBACI,SAAS,UACnB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { isChrome, isFirefox } from '../../lib/client.js';\nimport { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation.js';\n\nexport const checkboxSizeMixin = (\n fontSize: string,\n lineHeight: string,\n paddingY: string,\n checkboxBoxSize: string,\n paddingX: string,\n): string => {\n return `\n line-height: ${lineHeight};\n font-size: ${fontSize};\n padding: ${paddingY} ${paddingX};\n\n &::before {\n width: ${checkboxBoxSize};\n }\n `;\n};\n\nexport const boxWrapperSizeMixin = (\n labGrotesqueBaselineCompensation: string,\n fontSize: string,\n checkboxBoxSize: string,\n checkboxBoxOffsetY: string,\n checkboxPaddingX: string,\n): string => {\n const labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);\n const boxFontSize = parseInt(fontSize);\n const baselineCompensation = getLabGrotesqueBaselineCompensation(\n boxFontSize,\n labGrotesqueCompenstation,\n isChrome,\n isFirefox,\n );\n\n return `\n width: ${checkboxBoxSize};\n height: ${checkboxBoxSize};\n margin-top: calc(${checkboxBoxOffsetY} + ${baselineCompensation}px);\n left: ${checkboxPaddingX};\n `;\n};\n\nexport const subcaptionMixin = (fontSize: string, lineHeight: string): string => {\n return `\n font-size: ${fontSize};\n line-height: ${lineHeight};\n `;\n};\n\nexport const disabledTextColorMixin = (textColor: string): string => {\n return `\n color: ${textColor};\n `;\n};\n"]}
1
+ {"version":3,"file":"Checkbox.mixins.js","sourceRoot":"","sources":["Checkbox.mixins.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sCAAsC,EAAE,MAAM,yDAAyD,CAAC;AAEjH,8FAA8F;AAC9F,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,QAAgB,EAAE,UAAkB,EAAE,QAAgB,EAAE,QAAgB,IAAK,OAAA,CAAC;IAC9G,UAAU,YAAA;IACV,QAAQ,UAAA;IACR,OAAO,EAAE,UAAG,QAAQ,cAAI,QAAQ,CAAE;CACnC,CAAC,EAJ6G,CAI7G,CAAC;AAEH,MAAM,CAAC,IAAM,mBAAmB,GAAG,UACjC,gCAAwC,EACxC,QAAgB,EAChB,eAAuB,EACvB,kBAA0B,EAC1B,gBAAwB;IAExB,IAAM,oBAAoB,GAAG,sCAAsC,CAAC,QAAQ,EAAE,gCAAgC,CAAC,CAAC;IAEhH,OAAO;QACL,KAAK,EAAE,eAAe;QACtB,MAAM,EAAE,eAAe;QACvB,SAAS,EAAE,eAAQ,kBAAkB,gBAAM,oBAAoB,MAAG;QAClE,IAAI,EAAE,gBAAgB;KACvB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,QAAgB,EAAE,UAAkB,IAAK,OAAA,CAAC,EAAE,QAAQ,UAAA,EAAE,UAAU,YAAA,EAAE,CAAC,EAA1B,CAA0B,CAAC;AAEpG,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,SAAiB,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAtB,CAAsB,CAAC","sourcesContent":["import { getLabGrotesqueBaselineCompensationCss } from '../../lib/styles/getLabGrotesqueBaselineCompensation.js';\n\n/** Размер корня; ширину `::before` (`checkboxBoxSize`) задаёт отдельное вложенное правило. */\nexport const checkboxSizeMixin = (fontSize: string, lineHeight: string, paddingY: string, paddingX: string) => ({\n lineHeight,\n fontSize,\n padding: `${paddingY} ${paddingX}`,\n});\n\nexport const boxWrapperSizeMixin = (\n labGrotesqueBaselineCompensation: string,\n fontSize: string,\n checkboxBoxSize: string,\n checkboxBoxOffsetY: string,\n checkboxPaddingX: string,\n) => {\n const baselineCompensation = getLabGrotesqueBaselineCompensationCss(fontSize, labGrotesqueBaselineCompensation);\n\n return {\n width: checkboxBoxSize,\n height: checkboxBoxSize,\n marginTop: `calc(${checkboxBoxOffsetY} + ${baselineCompensation})`,\n left: checkboxPaddingX,\n };\n};\n\nexport const subcaptionMixin = (fontSize: string, lineHeight: string) => ({ fontSize, lineHeight });\n\nexport const disabledTextColorMixin = (textColor: string) => ({ color: textColor });\n"]}
@@ -0,0 +1,7 @@
1
+ export declare const root: string;
2
+ export declare const mask: string;
3
+ export declare const delimiterFilled: string;
4
+ export declare const selected: string;
5
+ export declare const getStyles: (_emotion?: unknown) => {
6
+ [x: string]: (...args: unknown[]) => string;
7
+ };
@@ -0,0 +1,7 @@
1
+
2
+ import { bindStaticStyles as _b9cd9 } from '../../lib/theming/bindStaticStyles.js';
3
+ export var delimiterFilled = 'react-ui-DateFragmentsView__delimiterFilled';
4
+ export var getStyles = _b9cd9({root:'react-ui-DateFragmentsView__root',selected:'react-ui-DateFragmentsView__selected',mask:'react-ui-DateFragmentsView__mask',delimiterFilled:'react-ui-DateFragmentsView__delimiterFilled'});
5
+ export var mask = 'react-ui-DateFragmentsView__mask';
6
+ export var root = 'react-ui-DateFragmentsView__root';
7
+ export var selected = 'react-ui-DateFragmentsView__selected';
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DateFragmentsView.css.js","sourceRoot":"","sources":["DateFragmentsView.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,CAAC,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE9E,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;AAE9C,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,kBAAkB,EAAE,CAAC,CAAC;AAE3D,MAAM,CAAC,IAAM,eAAe,GAAG,KAAK,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;AAE3D,uDAAuD;AACvD,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;AAElD,sFAAsF;AACtF,aAAa,CAAC,mCAAmC,EAAE,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,EAAnB,CAAmB,EAAE,cAAc,CAAC,CAAC;AACzG,aAAa,CAAC,qCAAqC,EAAE,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAd,CAAc,EAAE,cAAc,CAAC,CAAC;AAEtG,MAAM,CAAC,IAAM,SAAS,GAAG,YAAY,CAAC,EAAE,IAAI,MAAA,EAAE,QAAQ,UAAA,EAAE,IAAI,MAAA,EAAE,eAAe,iBAAA,EAAE,CAAC,CAAC","sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { exportStyles, t, whenThemeSets } from '../../lib/theming/vanilla.js';\n\nexport const root = style({ cursor: 'text' });\n\nexport const mask = style({ color: t.dateInputMaskColor });\n\nexport const delimiterFilled = style({ color: 'inherit' });\n\n// порядок вызова в cx(...): модификаторы после базовых\nexport const selected = style({ cursor: 'text' });\n\n// цвета выделения пусты по умолчанию — правило действует, только когда их задала тема\nwhenThemeSets('dateInputComponentSelectedBgColor', selected, (v) => ({ background: v }), ' ::selection');\nwhenThemeSets('dateInputComponentSelectedTextColor', selected, (v) => ({ color: v }), ' ::selection');\n\nexport const getStyles = exportStyles({ root, selected, mask, delimiterFilled });\n"]}
@@ -25,7 +25,7 @@ import { InternalDateValidator } from '../../lib/date/InternalDateValidator.js';
25
25
  import { InternalDateComponentType } from '../../lib/date/types.js';
26
26
  import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
27
27
  import { ThemeContext } from '../../lib/theming/ThemeContext.js';
28
- import { getStyles } from './DateFragmentsView.styles.js';
28
+ import { getStyles } from './DateFragmentsView.css.js';
29
29
  var DateFragmentsView = /** @class */ (function (_super) {
30
30
  __extends(DateFragmentsView, _super);
31
31
  function DateFragmentsView() {
@@ -1 +1 @@
1
- {"version":3,"file":"DateFragmentsView.js","sourceRoot":"","sources":["DateFragmentsView.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport React, { type JSX } from 'react';\n\nimport { MaskCharLowLine } from '../../internal/MaskCharLowLine/index.js';\nimport { InternalDateValidator } from '../../lib/date/InternalDateValidator.js';\nimport { InternalDateComponentType } from '../../lib/date/types.js';\nimport type { InternalDateFragment } from '../../lib/date/types.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { getStyles } from './DateFragmentsView.styles.js';\n\ninterface DateFragmentViewProps {\n selected: InternalDateComponentType | null;\n fragments: InternalDateFragment[];\n inputMode: boolean;\n onSelectDateComponent: (type: InternalDateComponentType, e: React.MouseEvent<HTMLSpanElement>) => void;\n}\n\n@withRenderEnvironment\nexport class DateFragmentsView extends React.Component<DateFragmentViewProps> {\n private globalObject!: GlobalObject;\n private emotion!: Emotion;\n private cx!: Emotion['cx'];\n private styles!: ReturnType<typeof getStyles>;\n private theme!: Theme;\n private rootNode: HTMLSpanElement | null = null;\n\n public isFragment = (el: HTMLElement | EventTarget): boolean => {\n if (this.rootNode) {\n // NOTE: NodeList doesn't support method 'forEach' in IE11\n const fragments: HTMLSpanElement[] = Array.from(this.rootNode.querySelectorAll('[data-fragment]'));\n return fragments.some((fragment) => fragment === el || fragment.contains(el as HTMLSpanElement));\n }\n return false;\n };\n\n public getRootNode = (): HTMLSpanElement | null => this.rootNode;\n\n public render(): React.JSX.Element {\n this.styles = getStyles(this.emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n return (\n <span\n ref={this.rootRef}\n className={this.cx({\n [this.styles.root()]: true,\n [this.styles.selected(this.theme)]: true,\n })}\n >\n {this.props.fragments.map((fragment, index) =>\n fragment.type === InternalDateComponentType.Separator\n ? this.renderSeparator(fragment, index)\n : this.renderDateComponent(fragment, index),\n )}\n </span>\n );\n }\n\n private renderSeparator(fragment: InternalDateFragment, index: number): JSX.Element {\n const separatorClassName = this.cx({\n [this.styles.mask(this.theme)]: true,\n [this.styles.delimiterFilled()]: this.props.fragments[index + 1].value !== null,\n });\n\n return (\n <span key={index} className={separatorClassName}>\n {fragment.value}\n </span>\n );\n }\n\n private renderDateComponent(fragment: InternalDateFragment, index: number): JSX.Element {\n const { inputMode, onSelectDateComponent, selected } = this.props;\n const { type, value, length, valueWithPad } = fragment;\n\n const getValueMask = () => {\n if (value === null || (selected === type && inputMode)) {\n return value;\n }\n\n return valueWithPad || value;\n };\n\n const valueMask = getValueMask();\n\n const lengthMask = InternalDateValidator.testParseToNumber(valueMask)\n ? Math.max(length - valueMask.toString().length, 0)\n : length;\n\n const handleMouseUp = (e: React.MouseEvent<HTMLSpanElement>) => {\n if (this.globalObject.document?.activeElement?.contains(e.currentTarget)) {\n onSelectDateComponent(type, e);\n }\n };\n\n return (\n <span key={index} data-fragment=\"\" onMouseUp={handleMouseUp}>\n {valueMask}\n <span data-tid=\"DateFragmentsView__placeholder\" className={this.styles.mask(this.theme)}>\n {Array(lengthMask)\n .fill('')\n .map((_, i) => (\n <MaskCharLowLine key={i} />\n ))}\n </span>\n </span>\n );\n }\n\n private rootRef = (el: HTMLSpanElement | null) => {\n this.rootNode = el;\n };\n}\n"]}
1
+ {"version":3,"file":"DateFragmentsView.js","sourceRoot":"","sources":["DateFragmentsView.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\n\nimport { MaskCharLowLine } from '../../internal/MaskCharLowLine/index.js';\nimport { InternalDateValidator } from '../../lib/date/InternalDateValidator.js';\nimport { InternalDateComponentType } from '../../lib/date/types.js';\nimport type { InternalDateFragment } from '../../lib/date/types.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { Emotion } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { getStyles } from './DateFragmentsView.css.js';\n\ninterface DateFragmentViewProps {\n selected: InternalDateComponentType | null;\n fragments: InternalDateFragment[];\n inputMode: boolean;\n onSelectDateComponent: (type: InternalDateComponentType, e: React.MouseEvent<HTMLSpanElement>) => void;\n}\n\n@withRenderEnvironment\nexport class DateFragmentsView extends React.Component<DateFragmentViewProps> {\n private globalObject!: GlobalObject;\n private emotion!: Emotion;\n private cx!: Emotion['cx'];\n private styles!: ReturnType<typeof getStyles>;\n private theme!: Theme;\n private rootNode: HTMLSpanElement | null = null;\n\n public isFragment = (el: HTMLElement | EventTarget): boolean => {\n if (this.rootNode) {\n // NOTE: NodeList doesn't support method 'forEach' in IE11\n const fragments: HTMLSpanElement[] = Array.from(this.rootNode.querySelectorAll('[data-fragment]'));\n return fragments.some((fragment) => fragment === el || fragment.contains(el as HTMLSpanElement));\n }\n return false;\n };\n\n public getRootNode = (): HTMLSpanElement | null => this.rootNode;\n\n public render(): React.JSX.Element {\n this.styles = getStyles(this.emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n return (\n <span\n ref={this.rootRef}\n className={this.cx({\n [this.styles.root()]: true,\n [this.styles.selected(this.theme)]: true,\n })}\n >\n {this.props.fragments.map((fragment, index) =>\n fragment.type === InternalDateComponentType.Separator\n ? this.renderSeparator(fragment, index)\n : this.renderDateComponent(fragment, index),\n )}\n </span>\n );\n }\n\n private renderSeparator(fragment: InternalDateFragment, index: number): JSX.Element {\n const separatorClassName = this.cx({\n [this.styles.mask(this.theme)]: true,\n [this.styles.delimiterFilled()]: this.props.fragments[index + 1].value !== null,\n });\n\n return (\n <span key={index} className={separatorClassName}>\n {fragment.value}\n </span>\n );\n }\n\n private renderDateComponent(fragment: InternalDateFragment, index: number): JSX.Element {\n const { inputMode, onSelectDateComponent, selected } = this.props;\n const { type, value, length, valueWithPad } = fragment;\n\n const getValueMask = () => {\n if (value === null || (selected === type && inputMode)) {\n return value;\n }\n\n return valueWithPad || value;\n };\n\n const valueMask = getValueMask();\n\n const lengthMask = InternalDateValidator.testParseToNumber(valueMask)\n ? Math.max(length - valueMask.toString().length, 0)\n : length;\n\n const handleMouseUp = (e: React.MouseEvent<HTMLSpanElement>) => {\n if (this.globalObject.document?.activeElement?.contains(e.currentTarget)) {\n onSelectDateComponent(type, e);\n }\n };\n\n return (\n <span key={index} data-fragment=\"\" onMouseUp={handleMouseUp}>\n {valueMask}\n <span data-tid=\"DateFragmentsView__placeholder\" className={this.styles.mask(this.theme)}>\n {Array(lengthMask)\n .fill('')\n .map((_, i) => (\n <MaskCharLowLine key={i} />\n ))}\n </span>\n </span>\n );\n }\n\n private rootRef = (el: HTMLSpanElement | null) => {\n this.rootNode = el;\n };\n}\n"]}
@@ -0,0 +1,10 @@
1
+ export declare const icon: string;
2
+ export declare const iconSmall: string;
3
+ export declare const iconMedium: string;
4
+ export declare const iconLarge: string;
5
+ export declare const iconDisabled: string;
6
+ export declare const value: string;
7
+ export declare const valueVisible: string;
8
+ export declare const getStyles: (_emotion?: unknown) => {
9
+ [x: string]: (...args: unknown[]) => string;
10
+ };
@@ -0,0 +1,10 @@
1
+
2
+ import { bindStaticStyles as _b9cd9 } from '../../lib/theming/bindStaticStyles.js';
3
+ export var getStyles = _b9cd9({icon:'react-ui-DateInput__icon',iconSmall:'react-ui-DateInput__iconSmall',iconMedium:'react-ui-DateInput__iconMedium',iconLarge:'react-ui-DateInput__iconLarge',iconDisabled:'react-ui-DateInput__iconDisabled',value:'react-ui-DateInput__value',valueVisible:'react-ui-DateInput__valueVisible'});
4
+ export var icon = 'react-ui-DateInput__icon';
5
+ export var iconDisabled = 'react-ui-DateInput__iconDisabled';
6
+ export var iconLarge = 'react-ui-DateInput__iconLarge';
7
+ export var iconMedium = 'react-ui-DateInput__iconMedium';
8
+ export var iconSmall = 'react-ui-DateInput__iconSmall';
9
+ export var value = 'react-ui-DateInput__value';
10
+ export var valueVisible = 'react-ui-DateInput__valueVisible';
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DateInput.css.js","sourceRoot":"","sources":["DateInput.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,8BAA8B,CAAC;AAE/D,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC;IACxB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,CAAC,CAAC,kBAAkB;CAC5B,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,kBAAkB,EAAE,CAAC,CAAC;AAEnE,MAAM,CAAC,IAAM,UAAU,GAAG,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,mBAAmB,EAAE,CAAC,CAAC;AAErE,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,kBAAkB,EAAE,CAAC,CAAC;AAEnE,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC;IAChC,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,CAAC,CAAC,iBAAiB;CAC3B,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,KAAK,GAAG,KAAK,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC;AAErD,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,CAAC;AAE7D,MAAM,CAAC,IAAM,SAAS,GAAG,YAAY,CAAC;IACpC,IAAI,MAAA;IACJ,SAAS,WAAA;IACT,UAAU,YAAA;IACV,SAAS,WAAA;IACT,YAAY,cAAA;IACZ,KAAK,OAAA;IACL,YAAY,cAAA;CACb,CAAC,CAAC","sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { exportStyles, t } from '../../lib/theming/vanilla.js';\n\nexport const icon = style({\n cursor: 'pointer',\n color: t.dateInputIconColor,\n});\n\nexport const iconSmall = style({ fontSize: t.inputFontSizeSmall });\n\nexport const iconMedium = style({ fontSize: t.inputFontSizeMedium });\n\nexport const iconLarge = style({ fontSize: t.inputFontSizeLarge });\n\nexport const iconDisabled = style({\n cursor: 'default',\n color: t.textColorDisabled,\n});\n\nexport const value = style({ visibility: 'hidden' });\n\nexport const valueVisible = style({ visibility: 'visible' });\n\nexport const getStyles = exportStyles({\n icon,\n iconSmall,\n iconMedium,\n iconLarge,\n iconDisabled,\n value,\n valueVisible,\n});\n"]}
@@ -48,7 +48,7 @@ import { ThemeContext } from '../../lib/theming/ThemeContext.js';
48
48
  import { DatePickerLocaleHelper } from '../DatePicker/locale/index.js';
49
49
  import { CalendarIcon } from './CalendarIcon.js';
50
50
  import { DateFragmentsView } from './DateFragmentsView.js';
51
- import { getStyles } from './DateInput.styles.js';
51
+ import { getStyles } from './DateInput.css.js';
52
52
  import { Actions, extractAction } from './helpers/DateInputKeyboardActions.js';
53
53
  import { InternalDateMediator } from './helpers/InternalDateMediator.js';
54
54
  export var DateInputDataTids = {
@@ -1 +1 @@
1
- {"version":3,"file":"DateInput.js","sourceRoot":"","sources":["DateInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper/index.js';\nimport { InputLikeText } from '../../internal/InputLikeText/index.js';\nimport { ConditionalHandler } from '../../lib/ConditionalHandler.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { LENGTH_FULLDATE, MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants.js';\nimport { InternalDateComponentType } from '../../lib/date/types.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { locale } from '../../lib/locale/decorators.js';\nimport { REACT_MAJOR_VERSION } from '../../lib/react-is.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { withSize } from '../../lib/size/SizeDecorator.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport type { DatePickerLocale } from '../DatePicker/locale/index.js';\nimport { DatePickerLocaleHelper } from '../DatePicker/locale/index.js';\nimport { CalendarIcon } from './CalendarIcon.js';\nimport { DateFragmentsView } from './DateFragmentsView.js';\nimport { getStyles } from './DateInput.styles.js';\nimport { Actions, extractAction } from './helpers/DateInputKeyboardActions.js';\nimport { InternalDateMediator } from './helpers/InternalDateMediator.js';\n\nexport interface DateInputState {\n selected: InternalDateComponentType | null;\n valueFormatted: string;\n inputMode: boolean;\n focused: boolean;\n dragged: boolean;\n}\n\nexport const DateInputDataTids = {\n root: 'DateInput__root',\n icon: 'DateInput__icon',\n} as const;\n\nexport interface DateInputProps\n extends\n CommonProps,\n Pick<AriaAttributes, 'aria-describedby' | 'aria-label' | 'aria-labelledby'>,\n Pick<HTMLAttributes<HTMLElement>, 'id'> {\n /** Устанавливает фокус на поле после окончания загрузки страницы. */\n autoFocus?: boolean;\n\n /** Значение поля. */\n value?: string;\n\n /** Меняет визуальное отображение поля на состояние ошибки. */\n error?: boolean;\n\n /** Меняет визуальное отображение поля на состояние предупреждения. */\n warning?: boolean;\n\n /** Блокирует поле. */\n disabled?: boolean;\n\n /** Минимальная дата в формате `dd.mm.yyyy`. */\n minDate?: string;\n\n /** Максимальная дата в формате `dd.mm.yyyy`. */\n maxDate?: string;\n\n /** Ширина поля. */\n width?: string | number;\n\n /** Добавляет иконку календаря. */\n withIcon?: boolean;\n\n /** Размер поля. */\n size?: SizeProp;\n\n /** Событие потери полем фокуса. */\n onBlur?: (x0: React.FocusEvent<HTMLElement>) => void;\n\n /** Событие нажатия на поле. */\n onClick?: (x0: React.MouseEvent<HTMLElement>) => void;\n\n /** Событие получения полем фокуса. */\n onFocus?: (x0: React.FocusEvent<HTMLElement>) => void;\n\n /** Событие изменения value.\n * @param value - строка в формате `dd.mm.yyyy`. */\n onValueChange?: (value: string) => void;\n\n /** Событие нажатия кнопки на клавиатуре. */\n onKeyDown?: (x0: React.KeyboardEvent<HTMLElement>) => void;\n}\n\ntype DefaultProps = Required<Pick<DateInputProps, 'value' | 'minDate' | 'maxDate' | 'width'>>;\n\n/**\n * Поле ввода для выбора даты с клавиатуры. Используется в [поле с датой](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_date-components-datepicker--docs).\n */\n@withRenderEnvironment\n@rootNode\n@locale('DatePicker', DatePickerLocaleHelper)\n@withSize\nexport class DateInput extends React.Component<DateInputProps, DateInputState> {\n public static __KONTUR_REACT_UI__ = 'DateInput';\n public static displayName = 'DateInput';\n\n public static defaultProps: DefaultProps = {\n value: '',\n minDate: MIN_FULLDATE,\n maxDate: MAX_FULLDATE,\n width: 125,\n };\n private size!: SizeProp;\n\n private getProps = createPropsGetter(DateInput.defaultProps);\n\n private iDateMediator: InternalDateMediator = new InternalDateMediator();\n private inputLikeText: InputLikeText | null = null;\n private dateFragmentsView: DateFragmentsView | null = null;\n private isMouseDown = false;\n private isMouseFocus = false;\n private ignoringDelimiter = false;\n private locale!: DatePickerLocale;\n private blurEvent: React.FocusEvent<HTMLElement> | null = null;\n private globalObject!: GlobalObject;\n private emotion!: Emotion;\n private cx!: Emotion['cx'];\n private styles!: ReturnType<typeof getStyles>;\n private theme!: Theme;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private conditionalHandler = new ConditionalHandler<Actions, [React.KeyboardEvent<HTMLElement>]>()\n .add(Actions.MoveSelectionLeft, () => this.shiftSelection(-1))\n .add(Actions.MoveSelectionRight, () => this.shiftSelection(1))\n .add(Actions.Separator, () => this.pressDelimiter())\n .add(Actions.MoveSelectionFirst, () => this.selectDateComponent(this.iDateMediator.getLeftmostType()))\n .add(Actions.MoveSelectionLast, () => this.selectDateComponent(this.iDateMediator.getRightmostType()))\n .add(Actions.Increment, () => this.shiftDateComponent(1))\n .add(Actions.Decrement, () => this.shiftDateComponent(-1))\n .add(Actions.Digit, (e) => this.inputValue(e))\n .add(Actions.ClearSelection, () => this.clearSelected())\n .add(Actions.ClearOneChar, () => this.clearOneChar())\n .add(Actions.FullSelection, () => this.fullSelection())\n .add(Actions.WrongInput, () => this.blink())\n .build();\n\n constructor(props: DateInputProps) {\n super(props);\n\n this.state = {\n valueFormatted: '',\n selected: null,\n inputMode: false,\n focused: false,\n dragged: false,\n };\n }\n\n public componentDidUpdate(prevProps: DateInputProps) {\n const { value, minDate, maxDate } = this.getProps();\n if (\n prevProps.value !== value ||\n prevProps.minDate !== minDate ||\n prevProps.maxDate !== maxDate ||\n this.iDateMediator.isChangedLocale(this.locale)\n ) {\n this.updateFromProps(false);\n }\n !this.props.disabled && this.selectNode();\n }\n\n public selectNode = (): void => {\n const type = this.state.selected;\n const dateFragmentsView = this.dateFragmentsView && this.dateFragmentsView.getRootNode();\n if (type === null || !this.inputLikeText || !dateFragmentsView) {\n return;\n }\n if (type === InternalDateComponentType.All) {\n this.inputLikeText.selectInnerNode(dateFragmentsView, 0, 5);\n return;\n }\n const index = this.iDateMediator.getTypesOrder().indexOf(type);\n if (index > -1) {\n this.inputLikeText.selectInnerNode(dateFragmentsView, index * 2, index * 2 + 1);\n }\n };\n\n public componentDidMount(): void {\n this.updateFromProps(false);\n if (this.props.autoFocus) {\n this.focus();\n }\n }\n\n public blur(): void {\n if (this.inputLikeText) {\n this.inputLikeText.blur();\n }\n }\n\n public focus(): void {\n if (this.inputLikeText) {\n this.inputLikeText.focus();\n }\n }\n\n public blink(): void {\n if (this.inputLikeText) {\n this.inputLikeText.blink();\n }\n }\n\n public render(): React.JSX.Element {\n this.styles = getStyles(this.emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const { focused, selected, inputMode, valueFormatted } = this.state;\n const showValue = Boolean(focused || valueFormatted);\n const { width } = this.getProps();\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n <InputLikeText\n data-tid={DateInputDataTids.root}\n id={this.props.id}\n width={width}\n ref={this.inputLikeTextRef}\n size={this.size}\n disabled={this.props.disabled}\n error={this.props.error}\n warning={this.props.warning}\n onBlur={this.handleBlur}\n onFocus={this.handleFocus}\n onClick={this.props.onClick}\n onKeyDown={this.handleKeyDown}\n onMouseDownCapture={this.handleMouseDownCapture}\n onPaste={this.handlePaste}\n rightIcon={this.renderIcon()}\n onDoubleClickCapture={this.handleDoubleClick}\n onMouseDragStart={this.handleMouseDragStart}\n onMouseDragEnd={this.handleMouseDragEnd}\n value={this.iDateMediator.getInternalString()}\n inputMode={'numeric'}\n takeContentWidth\n aria-describedby={this.props['aria-describedby']}\n aria-label={this.props['aria-label']}\n aria-labelledby={this.props['aria-labelledby']}\n >\n <span className={this.cx(this.styles.value(), { [this.styles.valueVisible()]: showValue })}>\n <DateFragmentsView\n ref={this.dateFragmentsViewRef}\n fragments={this.iDateMediator.getFragments()}\n onSelectDateComponent={this.handleSelectDateComponent}\n selected={selected}\n inputMode={inputMode}\n />\n </span>\n </InputLikeText>\n </FocusControlWrapper>\n </CommonWrapper>\n );\n }\n\n private renderIcon = () => {\n const { withIcon, disabled = false } = this.props;\n const size = this.size;\n\n if (withIcon) {\n const theme = this.theme;\n const icon = <CalendarIcon size={size} />;\n const iconStyles = this.cx({\n [this.styles.icon(theme)]: true,\n [this.styles.iconSmall(theme)]: size === 'small',\n [this.styles.iconMedium(theme)]: size === 'medium',\n [this.styles.iconLarge(theme)]: size === 'large',\n [this.styles.iconDisabled(theme)]: disabled,\n });\n return (\n <span className={iconStyles} data-tid={DateInputDataTids.icon}>\n {icon}\n </span>\n );\n }\n return null;\n };\n\n private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\n this.setState((prevState) => ({\n focused: true,\n selected: this.isMouseDown && !prevState.focused ? prevState.selected : this.iDateMediator.getLeftmostType(),\n }));\n\n if (this.props.onFocus) {\n this.props.onFocus(e);\n }\n };\n\n private resetFocus = () => this.updateValue({ focused: false, selected: null, inputMode: false }, false);\n\n private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n this.resetFocus();\n\n if (this.props.onBlur) {\n const restored = this.iDateMediator.restore();\n if (restored) {\n e.persist();\n this.blurEvent = e;\n } else {\n this.props.onBlur(e);\n }\n }\n };\n\n private handleMouseDownCapture = (e: React.MouseEvent<HTMLSpanElement>) => {\n const isFragment = this.dateFragmentsView ? this.dateFragmentsView.isFragment(e.target) : false;\n if (this.state.focused && !isFragment) {\n e.preventDefault();\n }\n this.isMouseFocus = !this.state.focused;\n this.isMouseDown = isFragment;\n };\n\n private handleSelectDateComponent = (type: InternalDateComponentType) => {\n if (!(this.isMouseFocus && this.iDateMediator.isEmpty())) {\n this.selectDateComponent(type);\n }\n this.isMouseFocus = false;\n this.isMouseDown = false;\n };\n\n private handleMouseDragStart = () => {\n this.setState({ dragged: true, selected: null });\n };\n\n private handleMouseDragEnd = () => {\n const selection = this.globalObject.getSelection?.();\n if (\n selection &&\n selection.toString().length === LENGTH_FULLDATE &&\n this.state.selected !== InternalDateComponentType.All\n ) {\n this.selectDateComponent(InternalDateComponentType.All);\n }\n };\n\n private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n if (this.conditionalHandler(extractAction(e), e)) {\n e.preventDefault();\n }\n if (this.props.onKeyDown) {\n this.props.onKeyDown(e);\n }\n };\n\n private handlePaste = (e: React.ClipboardEvent<HTMLElement>) => {\n const pasted = e && e.clipboardData.getData('text').trim();\n if (pasted && this.iDateMediator.validateString(pasted)) {\n this.iDateMediator.paste(pasted);\n this.updateValue();\n }\n };\n\n private handleDoubleClick = () => {\n this.selectDateComponent(InternalDateComponentType.All);\n };\n\n private inputLikeTextRef = (el: InputLikeText | null) => {\n this.inputLikeText = el;\n };\n\n private dateFragmentsViewRef = (el: DateFragmentsView | null) => {\n this.dateFragmentsView = el;\n };\n\n private selectDateComponent = (selected: InternalDateComponentType | null): void => {\n this.setState({ selected, inputMode: false });\n };\n\n private updateValue = (state: Partial<DateInputState> = {}, sync = true): void => {\n const valueFormatted = this.iDateMediator.getString();\n\n const update = () => this.setState({ ...state, valueFormatted } as DateInputState, this.emitChange);\n\n if (sync && REACT_MAJOR_VERSION >= 18) {\n ReactDOM.flushSync(update);\n } else {\n update();\n }\n };\n\n private updateFromProps = (sync: boolean): void => {\n this.iDateMediator.update(this.props, this.locale);\n\n this.updateValue({}, sync);\n };\n\n private fullSelection = (): void => {\n this.selectDateComponent(InternalDateComponentType.All);\n };\n\n private pressDelimiter = (): void => {\n const value = this.iDateMediator.get(this.state.selected);\n if (value !== null && value !== '') {\n if (!this.ignoringDelimiter) {\n this.shiftSelection(1);\n }\n this.ignoringDelimiter = false;\n }\n };\n\n private emitChange = (): void => {\n if (this.props.onValueChange) {\n const value = this.iDateMediator.getInternalString();\n if (this.props.value !== value) {\n this.props.onValueChange(value);\n }\n }\n\n // `this.blurEvent` is always null in `flushSync` without `setTimeout` due to sync update\n setTimeout(() => {\n if (this.blurEvent && this.props.onBlur) {\n this.props.onBlur(this.blurEvent);\n this.blurEvent = null;\n }\n });\n };\n\n private clearSelected = (): void => {\n const selected = this.state.selected === null ? this.iDateMediator.getLeftmostType() : this.state.selected;\n this.iDateMediator.clear(selected);\n this.updateValue({\n inputMode: false,\n selected: selected === InternalDateComponentType.All ? this.iDateMediator.getLeftmostType() : selected,\n });\n };\n\n private clearOneChar = (): void => {\n const { selected, inputMode } = this.state;\n const nextType = selected === null ? this.iDateMediator.getRightmostType() : selected;\n if (this.iDateMediator.isNull(nextType)) {\n this.shiftSelection(-1);\n return;\n }\n if (selected === InternalDateComponentType.All) {\n this.iDateMediator.clear(InternalDateComponentType.All);\n this.updateValue({ selected: this.iDateMediator.getLeftmostType() });\n return;\n }\n this.iDateMediator.deleteOneCharRight(nextType, inputMode);\n this.updateValue({\n inputMode: this.iDateMediator.get(nextType) !== null,\n selected: nextType,\n });\n };\n\n private shiftDateComponent = (step: number): void => {\n const { selected } = this.state;\n const changed = this.iDateMediator.shiftDateComponent(selected, step);\n if (!changed) {\n this.blink();\n return;\n }\n this.updateValue({\n inputMode: false,\n selected: selected === InternalDateComponentType.All ? this.iDateMediator.getLeftmostType() : selected,\n });\n };\n\n private shiftSelection = (step: number): void => {\n const selected = this.iDateMediator.getShiftedType(this.state.selected, step);\n if (selected !== this.state.selected) {\n this.setState({ selected, inputMode: false });\n }\n };\n\n private inputValue = (event: React.KeyboardEvent<HTMLElement>): void => {\n let selected = this.state.selected;\n if (selected === InternalDateComponentType.All) {\n selected = this.iDateMediator.getLeftmostType();\n this.iDateMediator.clear(InternalDateComponentType.All);\n this.setState({ selected });\n }\n\n const { inputMode, changed } = this.iDateMediator.inputKey(event.key, selected, this.state.inputMode);\n\n if (!changed) {\n this.blink();\n }\n\n if (!inputMode) {\n this.ignoringDelimiter = true;\n this.shiftSelection(1);\n }\n\n this.updateValue({ inputMode });\n };\n}\n"]}
1
+ {"version":3,"file":"DateInput.js","sourceRoot":"","sources":["DateInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper/index.js';\nimport { InputLikeText } from '../../internal/InputLikeText/index.js';\nimport { ConditionalHandler } from '../../lib/ConditionalHandler.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { LENGTH_FULLDATE, MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants.js';\nimport { InternalDateComponentType } from '../../lib/date/types.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { locale } from '../../lib/locale/decorators.js';\nimport { REACT_MAJOR_VERSION } from '../../lib/react-is.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { withSize } from '../../lib/size/SizeDecorator.js';\nimport type { Emotion } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport type { DatePickerLocale } from '../DatePicker/locale/index.js';\nimport { DatePickerLocaleHelper } from '../DatePicker/locale/index.js';\nimport { CalendarIcon } from './CalendarIcon.js';\nimport { DateFragmentsView } from './DateFragmentsView.js';\nimport { getStyles } from './DateInput.css.js';\nimport { Actions, extractAction } from './helpers/DateInputKeyboardActions.js';\nimport { InternalDateMediator } from './helpers/InternalDateMediator.js';\n\nexport interface DateInputState {\n selected: InternalDateComponentType | null;\n valueFormatted: string;\n inputMode: boolean;\n focused: boolean;\n dragged: boolean;\n}\n\nexport const DateInputDataTids = {\n root: 'DateInput__root',\n icon: 'DateInput__icon',\n} as const;\n\nexport interface DateInputProps\n extends\n CommonProps,\n Pick<AriaAttributes, 'aria-describedby' | 'aria-label' | 'aria-labelledby'>,\n Pick<HTMLAttributes<HTMLElement>, 'id'> {\n /** Устанавливает фокус на поле после окончания загрузки страницы. */\n autoFocus?: boolean;\n\n /** Значение поля. */\n value?: string;\n\n /** Меняет визуальное отображение поля на состояние ошибки. */\n error?: boolean;\n\n /** Меняет визуальное отображение поля на состояние предупреждения. */\n warning?: boolean;\n\n /** Блокирует поле. */\n disabled?: boolean;\n\n /** Минимальная дата в формате `dd.mm.yyyy`. */\n minDate?: string;\n\n /** Максимальная дата в формате `dd.mm.yyyy`. */\n maxDate?: string;\n\n /** Ширина поля. */\n width?: string | number;\n\n /** Добавляет иконку календаря. */\n withIcon?: boolean;\n\n /** Размер поля. */\n size?: SizeProp;\n\n /** Событие потери полем фокуса. */\n onBlur?: (x0: React.FocusEvent<HTMLElement>) => void;\n\n /** Событие нажатия на поле. */\n onClick?: (x0: React.MouseEvent<HTMLElement>) => void;\n\n /** Событие получения полем фокуса. */\n onFocus?: (x0: React.FocusEvent<HTMLElement>) => void;\n\n /** Событие изменения value.\n * @param value - строка в формате `dd.mm.yyyy`. */\n onValueChange?: (value: string) => void;\n\n /** Событие нажатия кнопки на клавиатуре. */\n onKeyDown?: (x0: React.KeyboardEvent<HTMLElement>) => void;\n}\n\ntype DefaultProps = Required<Pick<DateInputProps, 'value' | 'minDate' | 'maxDate' | 'width'>>;\n\n/**\n * Поле ввода для выбора даты с клавиатуры. Используется в [поле с датой](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_date-components-datepicker--docs).\n */\n@withRenderEnvironment\n@rootNode\n@locale('DatePicker', DatePickerLocaleHelper)\n@withSize\nexport class DateInput extends React.Component<DateInputProps, DateInputState> {\n public static __KONTUR_REACT_UI__ = 'DateInput';\n public static displayName = 'DateInput';\n\n public static defaultProps: DefaultProps = {\n value: '',\n minDate: MIN_FULLDATE,\n maxDate: MAX_FULLDATE,\n width: 125,\n };\n private size!: SizeProp;\n\n private getProps = createPropsGetter(DateInput.defaultProps);\n\n private iDateMediator: InternalDateMediator = new InternalDateMediator();\n private inputLikeText: InputLikeText | null = null;\n private dateFragmentsView: DateFragmentsView | null = null;\n private isMouseDown = false;\n private isMouseFocus = false;\n private ignoringDelimiter = false;\n private locale!: DatePickerLocale;\n private blurEvent: React.FocusEvent<HTMLElement> | null = null;\n private globalObject!: GlobalObject;\n private emotion!: Emotion;\n private cx!: Emotion['cx'];\n private styles!: ReturnType<typeof getStyles>;\n private theme!: Theme;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private conditionalHandler = new ConditionalHandler<Actions, [React.KeyboardEvent<HTMLElement>]>()\n .add(Actions.MoveSelectionLeft, () => this.shiftSelection(-1))\n .add(Actions.MoveSelectionRight, () => this.shiftSelection(1))\n .add(Actions.Separator, () => this.pressDelimiter())\n .add(Actions.MoveSelectionFirst, () => this.selectDateComponent(this.iDateMediator.getLeftmostType()))\n .add(Actions.MoveSelectionLast, () => this.selectDateComponent(this.iDateMediator.getRightmostType()))\n .add(Actions.Increment, () => this.shiftDateComponent(1))\n .add(Actions.Decrement, () => this.shiftDateComponent(-1))\n .add(Actions.Digit, (e) => this.inputValue(e))\n .add(Actions.ClearSelection, () => this.clearSelected())\n .add(Actions.ClearOneChar, () => this.clearOneChar())\n .add(Actions.FullSelection, () => this.fullSelection())\n .add(Actions.WrongInput, () => this.blink())\n .build();\n\n constructor(props: DateInputProps) {\n super(props);\n\n this.state = {\n valueFormatted: '',\n selected: null,\n inputMode: false,\n focused: false,\n dragged: false,\n };\n }\n\n public componentDidUpdate(prevProps: DateInputProps) {\n const { value, minDate, maxDate } = this.getProps();\n if (\n prevProps.value !== value ||\n prevProps.minDate !== minDate ||\n prevProps.maxDate !== maxDate ||\n this.iDateMediator.isChangedLocale(this.locale)\n ) {\n this.updateFromProps(false);\n }\n !this.props.disabled && this.selectNode();\n }\n\n public selectNode = (): void => {\n const type = this.state.selected;\n const dateFragmentsView = this.dateFragmentsView && this.dateFragmentsView.getRootNode();\n if (type === null || !this.inputLikeText || !dateFragmentsView) {\n return;\n }\n if (type === InternalDateComponentType.All) {\n this.inputLikeText.selectInnerNode(dateFragmentsView, 0, 5);\n return;\n }\n const index = this.iDateMediator.getTypesOrder().indexOf(type);\n if (index > -1) {\n this.inputLikeText.selectInnerNode(dateFragmentsView, index * 2, index * 2 + 1);\n }\n };\n\n public componentDidMount(): void {\n this.updateFromProps(false);\n if (this.props.autoFocus) {\n this.focus();\n }\n }\n\n public blur(): void {\n if (this.inputLikeText) {\n this.inputLikeText.blur();\n }\n }\n\n public focus(): void {\n if (this.inputLikeText) {\n this.inputLikeText.focus();\n }\n }\n\n public blink(): void {\n if (this.inputLikeText) {\n this.inputLikeText.blink();\n }\n }\n\n public render(): React.JSX.Element {\n this.styles = getStyles(this.emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const { focused, selected, inputMode, valueFormatted } = this.state;\n const showValue = Boolean(focused || valueFormatted);\n const { width } = this.getProps();\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n <InputLikeText\n data-tid={DateInputDataTids.root}\n id={this.props.id}\n width={width}\n ref={this.inputLikeTextRef}\n size={this.size}\n disabled={this.props.disabled}\n error={this.props.error}\n warning={this.props.warning}\n onBlur={this.handleBlur}\n onFocus={this.handleFocus}\n onClick={this.props.onClick}\n onKeyDown={this.handleKeyDown}\n onMouseDownCapture={this.handleMouseDownCapture}\n onPaste={this.handlePaste}\n rightIcon={this.renderIcon()}\n onDoubleClickCapture={this.handleDoubleClick}\n onMouseDragStart={this.handleMouseDragStart}\n onMouseDragEnd={this.handleMouseDragEnd}\n value={this.iDateMediator.getInternalString()}\n inputMode={'numeric'}\n takeContentWidth\n aria-describedby={this.props['aria-describedby']}\n aria-label={this.props['aria-label']}\n aria-labelledby={this.props['aria-labelledby']}\n >\n <span className={this.cx(this.styles.value(), { [this.styles.valueVisible()]: showValue })}>\n <DateFragmentsView\n ref={this.dateFragmentsViewRef}\n fragments={this.iDateMediator.getFragments()}\n onSelectDateComponent={this.handleSelectDateComponent}\n selected={selected}\n inputMode={inputMode}\n />\n </span>\n </InputLikeText>\n </FocusControlWrapper>\n </CommonWrapper>\n );\n }\n\n private renderIcon = () => {\n const { withIcon, disabled = false } = this.props;\n const size = this.size;\n\n if (withIcon) {\n const theme = this.theme;\n const icon = <CalendarIcon size={size} />;\n const iconStyles = this.cx({\n [this.styles.icon(theme)]: true,\n [this.styles.iconSmall(theme)]: size === 'small',\n [this.styles.iconMedium(theme)]: size === 'medium',\n [this.styles.iconLarge(theme)]: size === 'large',\n [this.styles.iconDisabled(theme)]: disabled,\n });\n return (\n <span className={iconStyles} data-tid={DateInputDataTids.icon}>\n {icon}\n </span>\n );\n }\n return null;\n };\n\n private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\n this.setState((prevState) => ({\n focused: true,\n selected: this.isMouseDown && !prevState.focused ? prevState.selected : this.iDateMediator.getLeftmostType(),\n }));\n\n if (this.props.onFocus) {\n this.props.onFocus(e);\n }\n };\n\n private resetFocus = () => this.updateValue({ focused: false, selected: null, inputMode: false }, false);\n\n private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n this.resetFocus();\n\n if (this.props.onBlur) {\n const restored = this.iDateMediator.restore();\n if (restored) {\n e.persist();\n this.blurEvent = e;\n } else {\n this.props.onBlur(e);\n }\n }\n };\n\n private handleMouseDownCapture = (e: React.MouseEvent<HTMLSpanElement>) => {\n const isFragment = this.dateFragmentsView ? this.dateFragmentsView.isFragment(e.target) : false;\n if (this.state.focused && !isFragment) {\n e.preventDefault();\n }\n this.isMouseFocus = !this.state.focused;\n this.isMouseDown = isFragment;\n };\n\n private handleSelectDateComponent = (type: InternalDateComponentType) => {\n if (!(this.isMouseFocus && this.iDateMediator.isEmpty())) {\n this.selectDateComponent(type);\n }\n this.isMouseFocus = false;\n this.isMouseDown = false;\n };\n\n private handleMouseDragStart = () => {\n this.setState({ dragged: true, selected: null });\n };\n\n private handleMouseDragEnd = () => {\n const selection = this.globalObject.getSelection?.();\n if (\n selection &&\n selection.toString().length === LENGTH_FULLDATE &&\n this.state.selected !== InternalDateComponentType.All\n ) {\n this.selectDateComponent(InternalDateComponentType.All);\n }\n };\n\n private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n if (this.conditionalHandler(extractAction(e), e)) {\n e.preventDefault();\n }\n if (this.props.onKeyDown) {\n this.props.onKeyDown(e);\n }\n };\n\n private handlePaste = (e: React.ClipboardEvent<HTMLElement>) => {\n const pasted = e && e.clipboardData.getData('text').trim();\n if (pasted && this.iDateMediator.validateString(pasted)) {\n this.iDateMediator.paste(pasted);\n this.updateValue();\n }\n };\n\n private handleDoubleClick = () => {\n this.selectDateComponent(InternalDateComponentType.All);\n };\n\n private inputLikeTextRef = (el: InputLikeText | null) => {\n this.inputLikeText = el;\n };\n\n private dateFragmentsViewRef = (el: DateFragmentsView | null) => {\n this.dateFragmentsView = el;\n };\n\n private selectDateComponent = (selected: InternalDateComponentType | null): void => {\n this.setState({ selected, inputMode: false });\n };\n\n private updateValue = (state: Partial<DateInputState> = {}, sync = true): void => {\n const valueFormatted = this.iDateMediator.getString();\n\n const update = () => this.setState({ ...state, valueFormatted } as DateInputState, this.emitChange);\n\n if (sync && REACT_MAJOR_VERSION >= 18) {\n ReactDOM.flushSync(update);\n } else {\n update();\n }\n };\n\n private updateFromProps = (sync: boolean): void => {\n this.iDateMediator.update(this.props, this.locale);\n\n this.updateValue({}, sync);\n };\n\n private fullSelection = (): void => {\n this.selectDateComponent(InternalDateComponentType.All);\n };\n\n private pressDelimiter = (): void => {\n const value = this.iDateMediator.get(this.state.selected);\n if (value !== null && value !== '') {\n if (!this.ignoringDelimiter) {\n this.shiftSelection(1);\n }\n this.ignoringDelimiter = false;\n }\n };\n\n private emitChange = (): void => {\n if (this.props.onValueChange) {\n const value = this.iDateMediator.getInternalString();\n if (this.props.value !== value) {\n this.props.onValueChange(value);\n }\n }\n\n // `this.blurEvent` is always null in `flushSync` without `setTimeout` due to sync update\n setTimeout(() => {\n if (this.blurEvent && this.props.onBlur) {\n this.props.onBlur(this.blurEvent);\n this.blurEvent = null;\n }\n });\n };\n\n private clearSelected = (): void => {\n const selected = this.state.selected === null ? this.iDateMediator.getLeftmostType() : this.state.selected;\n this.iDateMediator.clear(selected);\n this.updateValue({\n inputMode: false,\n selected: selected === InternalDateComponentType.All ? this.iDateMediator.getLeftmostType() : selected,\n });\n };\n\n private clearOneChar = (): void => {\n const { selected, inputMode } = this.state;\n const nextType = selected === null ? this.iDateMediator.getRightmostType() : selected;\n if (this.iDateMediator.isNull(nextType)) {\n this.shiftSelection(-1);\n return;\n }\n if (selected === InternalDateComponentType.All) {\n this.iDateMediator.clear(InternalDateComponentType.All);\n this.updateValue({ selected: this.iDateMediator.getLeftmostType() });\n return;\n }\n this.iDateMediator.deleteOneCharRight(nextType, inputMode);\n this.updateValue({\n inputMode: this.iDateMediator.get(nextType) !== null,\n selected: nextType,\n });\n };\n\n private shiftDateComponent = (step: number): void => {\n const { selected } = this.state;\n const changed = this.iDateMediator.shiftDateComponent(selected, step);\n if (!changed) {\n this.blink();\n return;\n }\n this.updateValue({\n inputMode: false,\n selected: selected === InternalDateComponentType.All ? this.iDateMediator.getLeftmostType() : selected,\n });\n };\n\n private shiftSelection = (step: number): void => {\n const selected = this.iDateMediator.getShiftedType(this.state.selected, step);\n if (selected !== this.state.selected) {\n this.setState({ selected, inputMode: false });\n }\n };\n\n private inputValue = (event: React.KeyboardEvent<HTMLElement>): void => {\n let selected = this.state.selected;\n if (selected === InternalDateComponentType.All) {\n selected = this.iDateMediator.getLeftmostType();\n this.iDateMediator.clear(InternalDateComponentType.All);\n this.setState({ selected });\n }\n\n const { inputMode, changed } = this.iDateMediator.inputKey(event.key, selected, this.state.inputMode);\n\n if (!changed) {\n this.blink();\n }\n\n if (!inputMode) {\n this.ignoringDelimiter = true;\n this.shiftSelection(1);\n }\n\n this.updateValue({ inputMode });\n };\n}\n"]}
@@ -0,0 +1,5 @@
1
+ export declare const root: string;
2
+ export declare const calendarWrapper: string;
3
+ export declare const getStyles: (_emotion?: unknown) => {
4
+ [x: string]: (...args: unknown[]) => string;
5
+ };
@@ -0,0 +1,5 @@
1
+
2
+ import { bindStaticStyles as _b9cd9 } from '../../lib/theming/bindStaticStyles.js';
3
+ export var calendarWrapper = 'react-ui-DatePicker__calendarWrapper';
4
+ export var getStyles = _b9cd9({root:'react-ui-DatePicker__root',calendarWrapper:'react-ui-DatePicker__calendarWrapper'});
5
+ export var root = 'react-ui-DatePicker__root';
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DatePicker.css.js","sourceRoot":"","sources":["DatePicker.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,8BAA8B,CAAC;AAE/D,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC;IACxB,OAAO,EAAE,cAAc;IACvB,QAAQ,EAAE,UAAU;IACpB,WAAW,EAAE,MAAM;IACnB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,eAAe,GAAG,KAAK,CAAC;IACnC,UAAU,EAAE,CAAC,CAAC,UAAU;IACxB,SAAS,EAAE,CAAC,CAAC,YAAY;IACzB,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,eAAe;IACzB,QAAQ,EAAE,CAAC;IACX,MAAM,EAAE,IAAI;IACZ,WAAW,EAAE,MAAM;IACnB,YAAY,EAAE,CAAC,CAAC,oBAAoB;CACrC,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,SAAS,GAAG,YAAY,CAAC,EAAE,IAAI,MAAA,EAAE,eAAe,iBAAA,EAAE,CAAC,CAAC","sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { exportStyles, t } from '../../lib/theming/vanilla.js';\n\nexport const root = style({\n display: 'inline-block',\n position: 'relative',\n touchAction: 'none',\n lineHeight: 'normal',\n});\n\nexport const calendarWrapper = style({\n background: t.calendarBg,\n boxShadow: t.pickerShadow,\n display: 'flex',\n flexFlow: 'column nowrap',\n fontSize: 0,\n zIndex: 1000,\n touchAction: 'none',\n borderRadius: t.calendarBorderRadius,\n});\n\nexport const getStyles = exportStyles({ root, calendarWrapper });\n"]}
@@ -48,6 +48,7 @@ import { locale } from '../../lib/locale/decorators.js';
48
48
  import { LocaleContext } from '../../lib/locale/index.js';
49
49
  import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
50
50
  import { getRootNode, rootNode } from '../../lib/rootNode/index.js';
51
+ import { memoizeTheme } from '../../lib/theming/memoizeTheme.js';
51
52
  import { ThemeContext } from '../../lib/theming/ThemeContext.js';
52
53
  import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
53
54
  import { isNonNullable } from '../../lib/utils.js';
@@ -56,9 +57,12 @@ import { getTodayDate } from '../Calendar/CalendarUtils.js';
56
57
  import { Calendar } from '../Calendar/index.js';
57
58
  import { DateInput } from '../DateInput/index.js';
58
59
  import { responsiveLayout } from '../ResponsiveLayout/decorator.js';
59
- import { getStyles } from './DatePicker.styles.js';
60
+ import { getStyles } from './DatePicker.css.js';
60
61
  import { DatePickerLocaleHelper } from './locale/index.js';
61
62
  import { MobilePicker } from './MobilePicker.js';
63
+ var getDatePickerTheme = memoizeTheme(function (theme) {
64
+ return ThemeFactory.create({ calendarBottomSeparatorBorder: 'none' }, theme);
65
+ });
62
66
  var INPUT_PASS_PROPS = {
63
67
  autoFocus: true,
64
68
  disabled: true,
@@ -240,7 +244,7 @@ var DatePicker = /** @class */ (function (_super) {
240
244
  this.styles = getStyles(this.emotion);
241
245
  return (React.createElement(ThemeContext.Consumer, null, function (theme) {
242
246
  _this.theme = theme;
243
- return (React.createElement(ThemeContext.Provider, { value: ThemeFactory.create({ calendarBottomSeparatorBorder: 'none' }, theme) },
247
+ return (React.createElement(ThemeContext.Provider, { value: getDatePickerTheme(theme) },
244
248
  React.createElement(CommonWrapper, __assign({ rootNodeRef: _this.setRootNode }, _this.getProps()), _this.renderMain)));
245
249
  }));
246
250
  };
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["DatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport type { HTMLAttributes } from 'react';\nimport React from 'react';\n\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { ArrowAUpIcon16Light } from '../../internal/icons2022/ArrowAUpIcon/ArrowAUp16Light.js';\nimport { NativeDateInput } from '../../internal/NativeDateInput/index.js';\nimport { Popup } from '../../internal/Popup/index.js';\nimport { ZIndex } from '../../internal/ZIndex/index.js';\nimport { isMobile } from '../../lib/client.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants.js';\nimport { InternalDate } from '../../lib/date/InternalDate.js';\nimport { InternalDateGetter } from '../../lib/date/InternalDateGetter.js';\nimport { InternalDateOrder, InternalDateSeparator, InternalDateValidateCheck } from '../../lib/date/types.js';\nimport { filterProps } from '../../lib/filterProps.js';\nimport { getMenuPositions } from '../../lib/getMenuPositions.js';\nimport { locale } from '../../lib/locale/decorators.js';\nimport { LocaleContext } from '../../lib/locale/index.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { getRootNode, rootNode } from '../../lib/rootNode/index.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { isNonNullable } from '../../lib/utils.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { Button } from '../Button/index.js';\nimport { getTodayDate } from '../Calendar/CalendarUtils.js';\nimport type { CalendarDateShape, CalendarProps } from '../Calendar/index.js';\nimport { Calendar } from '../Calendar/index.js';\nimport { DateInput } from '../DateInput/index.js';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator.js';\nimport { getStyles } from './DatePicker.styles.js';\nimport type { DatePickerLocale } from './locale/index.js';\nimport { DatePickerLocaleHelper } from './locale/index.js';\nimport { MobilePicker } from './MobilePicker.js';\n\nconst INPUT_PASS_PROPS = {\n autoFocus: true,\n disabled: true,\n warning: true,\n error: true,\n size: true,\n onKeyDown: true,\n};\n\nexport const MIN_WIDTH = 120;\n\nexport interface DatePickerProps\n extends\n Pick<CalendarProps, 'isHoliday' | 'minDate' | 'maxDate' | 'renderDay' | 'onMonthChange'>,\n Pick<HTMLAttributes<HTMLElement>, 'id'>,\n CommonProps {\n /** Устанавливает фокус на поле с датой после окончания загрузки страницы. */\n\n autoFocus?: boolean;\n\n /** Блокирует поле с датой. Поле становится недоступно для редактирования. */\n disabled?: boolean;\n\n /** Отображает в календаре кнопку «Сегодня», которая меняет выбранное значение на текущую дату. */\n enableTodayLink?: boolean;\n\n /** Меняет визуальное отображение поля на состояние «ошибка». */\n error?: boolean;\n\n /** Расположение календаря — над или под полем. */\n menuPos?: 'top' | 'bottom';\n\n /** Выравнивание выпадающего окна с календарём. */\n menuAlign?: 'left' | 'right';\n\n /** Размер поля с датой. */\n size?: SizeProp;\n\n /**\n * Значение поля в формате `dd.mm.yyyy`.\n */\n value?: string | null;\n\n /** Меняет визуальное отображение поля на состояние «предупреждение». */\n warning?: boolean;\n\n /** Ширина поля с датой. */\n width?: number | string;\n\n /** Задает функцию, которая вызывается при потере датапикером фокуса. */\n onBlur?: () => void;\n\n /** Задает функцию, вызывающуюся при изменении value.\n * @param value - строка в формате `dd.mm.yyyy`. */\n onValueChange: (value: string) => void;\n\n /** Задает функцию, которая вызывается при получении датапикером фокуса. */\n onFocus?: () => void;\n\n /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */\n onKeyDown?: (e: React.KeyboardEvent<any>) => void;\n\n /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave) */\n onMouseEnter?: (e: React.MouseEvent<any>) => void;\n\n /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n onMouseLeave?: (e: React.MouseEvent<any>) => void;\n\n /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */\n onMouseOver?: (e: React.MouseEvent<any>) => void;\n\n /** Позволяет использовать на мобильных устройствах нативный календарь для выбора дат.\n * На iOS нативный календарь не умеет работать с minDate и maxDate. */\n useMobileNativeDatePicker?: boolean;\n}\n\nexport interface DatePickerState {\n opened: boolean;\n canUseMobileNativeDatePicker: boolean;\n today: CalendarDateShape;\n}\n\nexport const DatePickerDataTids = {\n root: 'DatePicker__root',\n input: 'DatePicker__input',\n label: 'DatePicker__label',\n pickerRoot: 'Picker__root',\n pickerTodayWrapper: 'Picker__todayWrapper',\n} as const;\n\ntype DefaultProps = Required<Pick<DatePickerProps, 'minDate' | 'maxDate'>>;\n\n/**\n * Поле с датой помогает вводить дату с клавиатуры или выбирать её с помощью мыши.\n *\n */\n@withRenderEnvironment\n@responsiveLayout\n@rootNode\n@locale('DatePicker', DatePickerLocaleHelper)\nexport class DatePicker extends React.PureComponent<DatePickerProps, DatePickerState> {\n public static __KONTUR_REACT_UI__ = 'DatePicker';\n public static displayName = 'DatePicker';\n\n public static defaultProps: DefaultProps = {\n minDate: MIN_FULLDATE,\n maxDate: MAX_FULLDATE,\n };\n\n private getProps = createPropsGetter(DatePicker.defaultProps);\n private emotion!: Emotion;\n private styles!: ReturnType<typeof getStyles>;\n private theme!: Theme;\n private readonly locale!: DatePickerLocale;\n private canOpenPopup = true;\n\n public static validate = (value: Nullable<string>, range: { minDate?: string; maxDate?: string } = {}): boolean => {\n if (!value) {\n return false;\n }\n\n const { minDate = MIN_FULLDATE, maxDate = MAX_FULLDATE } = range;\n const internalDate = new InternalDate({\n order: InternalDateOrder.DMY,\n separator: InternalDateSeparator.Dot,\n })\n .setRangeStart(new InternalDate({ value: minDate }))\n .setRangeEnd(new InternalDate({ value: maxDate }))\n .parseValue(value);\n\n return internalDate.validate({\n checks: [\n InternalDateValidateCheck.NotNull,\n InternalDateValidateCheck.Number,\n InternalDateValidateCheck.Native,\n InternalDateValidateCheck.Limits,\n InternalDateValidateCheck.Range,\n ],\n });\n };\n\n public state: DatePickerState = { opened: false, canUseMobileNativeDatePicker: false, today: getTodayDate() };\n\n private input: DateInput | null = null;\n private focused = false;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private isMobileLayout!: boolean;\n\n public componentDidMount() {\n if (this.props.useMobileNativeDatePicker && isMobile) {\n this.setState({\n canUseMobileNativeDatePicker: true,\n });\n }\n if (this.props.autoFocus) {\n this.focus();\n }\n }\n\n public componentDidUpdate(prevProps: DatePickerProps, prevState: DatePickerState) {\n const { disabled } = this.props;\n const { opened } = this.state;\n if (disabled && opened) {\n this.close();\n }\n\n if (prevState.opened && !opened && this.isMobileLayout) {\n this.handleBlur();\n }\n }\n\n /**\n * Программно снимает фокус с поля.\n * @public\n */\n public blur(): void {\n if (this.input) {\n this.input.blur();\n }\n this.handleBlur();\n }\n\n /**\n * Программно устанавливает фокус на поле.\n * @public\n */\n public focus(opts?: { withoutOpenDropdown?: boolean }): void {\n if (this.props.disabled) {\n return;\n }\n\n if (opts?.withoutOpenDropdown) {\n this.canOpenPopup = false;\n }\n\n if (this.input) {\n this.input.focus();\n }\n }\n\n /**\n * Закрывает раскрывающийся блок календаря с выбором дня.\n * @public\n */\n public close(): void {\n this.setState({ opened: false });\n }\n\n public render(): React.JSX.Element {\n this.styles = getStyles(this.emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n\n return (\n <ThemeContext.Provider value={ThemeFactory.create({ calendarBottomSeparatorBorder: 'none' }, theme)}>\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n {this.renderMain}\n </CommonWrapper>\n </ThemeContext.Provider>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public renderMain = (props: CommonWrapperRestProps<DatePickerProps>): React.JSX.Element => {\n let picker = null;\n\n const { minDate, maxDate, menuPos, menuAlign } = this.getProps();\n\n const isMobile = this.isMobileLayout;\n\n if (this.state.opened) {\n if (isMobile) {\n picker = (\n <MobilePicker\n value={this.props.value}\n minDate={this.parseValueToDate(minDate)}\n maxDate={this.parseValueToDate(maxDate)}\n onValueChange={this.props.onValueChange}\n enableTodayLink={this.props.enableTodayLink}\n isHoliday={this.props.isHoliday}\n onCloseRequest={this.handleMobileCloseRequest}\n renderDay={props.renderDay}\n onMonthChange={props.onMonthChange}\n />\n );\n } else {\n picker = (\n <LocaleContext.Provider\n value={{\n locale: {\n Calendar: {\n months: this.locale.months,\n dayCellChooseDateAriaLabel: this.locale.dayCellChooseDateAriaLabel,\n selectMonthAriaLabel: this.locale.selectMonthAriaLabel,\n selectYearAriaLabel: this.locale.selectYearAriaLabel,\n selectChosenAriaLabel: this.locale.selectChosenAriaLabel,\n },\n },\n }}\n >\n <Popup\n opened\n hasShadow\n priority={ZIndex.priorities.PopupMenu}\n positions={getMenuPositions(menuPos, menuAlign)}\n data-tid={DatePickerDataTids.root}\n anchorElement={this.getParent()}\n margin={parseInt(this.theme.datePickerMenuOffsetY)}\n >\n <div\n data-tid={DatePickerDataTids.pickerRoot}\n className={this.styles.calendarWrapper(this.theme)}\n onMouseDown={(e) => e.preventDefault()}\n >\n <Calendar\n maxDate={this.parseValueToDate(maxDate)}\n minDate={this.parseValueToDate(minDate)}\n onValueChange={this.handleValueChange}\n isHoliday={this.props.isHoliday}\n value={this.parseValueToDate(this.props.value)}\n renderDay={this.props.renderDay}\n onMonthChange={this.props.onMonthChange}\n />\n {this.props.enableTodayLink && this.renderTodayLink()}{' '}\n </div>\n </Popup>\n </LocaleContext.Provider>\n );\n }\n }\n return (\n <label\n className={this.styles.root()}\n style={this.getRootStyle()}\n onMouseEnter={this.props.onMouseEnter}\n onMouseLeave={this.props.onMouseLeave}\n onMouseOver={this.props.onMouseOver}\n data-tid={DatePickerDataTids.label}\n >\n <DateInput\n id={this.props.id}\n {...filterProps(props, INPUT_PASS_PROPS)}\n ref={this.getInputRef}\n value={this.props.value || ''}\n width=\"100%\"\n withIcon\n minDate={minDate}\n maxDate={maxDate}\n onBlur={isMobile ? undefined : this.handleBlur}\n onFocus={this.handleFocus}\n onValueChange={this.props.onValueChange}\n onClick={this.openPickerPopup}\n onKeyDown={this.handleKeyDown}\n data-tid={DatePickerDataTids.input}\n />\n {this.state.canUseMobileNativeDatePicker ? (\n <NativeDateInput\n onValueChange={this.props.onValueChange}\n value={this.props.value || ''}\n minDate={minDate}\n maxDate={maxDate}\n disabled={this.props.disabled}\n />\n ) : (\n picker\n )}\n </label>\n );\n };\n\n private parseValueToDate(value?: Nullable<string>): string | undefined {\n if (value === undefined || value === null) {\n return undefined;\n }\n\n const date = new InternalDate({ value });\n if (date.validate({ checks: [InternalDateValidateCheck.NotNull, InternalDateValidateCheck.Native] })) {\n return date.toString({ withPad: true });\n }\n\n return undefined;\n }\n\n private renderTodayLink() {\n const { order, separator } = this.locale;\n const today = new InternalDate({ order, separator })\n .setComponents(InternalDateGetter.getTodayComponents())\n .toString({ withPad: true, withSeparator: true });\n\n return (\n <div style={{ margin: 8 }}>\n <Button\n aria-label={this.locale.todayAriaLabel}\n data-tid={DatePickerDataTids.pickerTodayWrapper}\n width=\"100%\"\n onClick={() => {\n this.handleSelect(today);\n }}\n icon={<ArrowAUpIcon16Light />}\n >\n {this.locale.today}\n </Button>\n </div>\n );\n }\n\n public getParent = (): Nullable<Element> => {\n return getRootNode(this);\n };\n\n private getRootStyle = () => {\n const { width } = this.props;\n return isNonNullable(width) ? { width } : { minWidth: MIN_WIDTH };\n };\n\n private getInputRef = (ref: DateInput | null) => {\n this.input = ref;\n };\n\n private openPickerPopup = () => {\n this.setState({ opened: true });\n };\n\n private handleFocus = () => {\n if (this.focused) {\n return;\n }\n\n if (!this.canOpenPopup) {\n this.canOpenPopup = true;\n } else {\n this.openPickerPopup();\n }\n\n this.focused = true;\n\n if (this.props.onFocus) {\n this.props.onFocus();\n }\n };\n\n private handleKeyDown = (e: React.KeyboardEvent) => {\n if (!this.state.opened) {\n this.openPickerPopup();\n }\n\n if (this.props.onKeyDown) {\n this.props.onKeyDown(e);\n }\n };\n\n private handleBlur = () => {\n if (!this.focused) {\n return;\n }\n\n this.focused = false;\n this.close();\n\n if (this.props.onBlur) {\n this.props.onBlur();\n }\n };\n\n private handleValueChange = (value: string) => {\n this.handleSelect(value);\n this.blur();\n };\n\n private handleSelect = (value: string | null) => {\n if (!value) {\n return null;\n }\n\n if (this.props.onValueChange) {\n this.props.onValueChange(value);\n }\n };\n\n private handleMobileCloseRequest = () => {\n this.close();\n };\n}\n"]}
1
+ {"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["DatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { HTMLAttributes } from 'react';\nimport React from 'react';\n\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { ArrowAUpIcon16Light } from '../../internal/icons2022/ArrowAUpIcon/ArrowAUp16Light.js';\nimport { NativeDateInput } from '../../internal/NativeDateInput/index.js';\nimport { Popup } from '../../internal/Popup/index.js';\nimport { ZIndex } from '../../internal/ZIndex/index.js';\nimport { isMobile } from '../../lib/client.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants.js';\nimport { InternalDate } from '../../lib/date/InternalDate.js';\nimport { InternalDateGetter } from '../../lib/date/InternalDateGetter.js';\nimport { InternalDateOrder, InternalDateSeparator, InternalDateValidateCheck } from '../../lib/date/types.js';\nimport { filterProps } from '../../lib/filterProps.js';\nimport { getMenuPositions } from '../../lib/getMenuPositions.js';\nimport { locale } from '../../lib/locale/decorators.js';\nimport { LocaleContext } from '../../lib/locale/index.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { getRootNode, rootNode } from '../../lib/rootNode/index.js';\nimport type { Emotion } from '../../lib/theming/Emotion.js';\nimport { memoizeTheme } from '../../lib/theming/memoizeTheme.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { isNonNullable } from '../../lib/utils.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { Button } from '../Button/index.js';\nimport { getTodayDate } from '../Calendar/CalendarUtils.js';\nimport type { CalendarDateShape, CalendarProps } from '../Calendar/index.js';\nimport { Calendar } from '../Calendar/index.js';\nimport { DateInput } from '../DateInput/index.js';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator.js';\nimport { getStyles } from './DatePicker.css.js';\nimport type { DatePickerLocale } from './locale/index.js';\nimport { DatePickerLocaleHelper } from './locale/index.js';\nimport { MobilePicker } from './MobilePicker.js';\n\nconst getDatePickerTheme = memoizeTheme((theme: Theme) =>\n ThemeFactory.create({ calendarBottomSeparatorBorder: 'none' }, theme),\n);\n\nconst INPUT_PASS_PROPS = {\n autoFocus: true,\n disabled: true,\n warning: true,\n error: true,\n size: true,\n onKeyDown: true,\n};\n\nexport const MIN_WIDTH = 120;\n\nexport interface DatePickerProps\n extends\n Pick<CalendarProps, 'isHoliday' | 'minDate' | 'maxDate' | 'renderDay' | 'onMonthChange'>,\n Pick<HTMLAttributes<HTMLElement>, 'id'>,\n CommonProps {\n /** Устанавливает фокус на поле с датой после окончания загрузки страницы. */\n\n autoFocus?: boolean;\n\n /** Блокирует поле с датой. Поле становится недоступно для редактирования. */\n disabled?: boolean;\n\n /** Отображает в календаре кнопку «Сегодня», которая меняет выбранное значение на текущую дату. */\n enableTodayLink?: boolean;\n\n /** Меняет визуальное отображение поля на состояние «ошибка». */\n error?: boolean;\n\n /** Расположение календаря — над или под полем. */\n menuPos?: 'top' | 'bottom';\n\n /** Выравнивание выпадающего окна с календарём. */\n menuAlign?: 'left' | 'right';\n\n /** Размер поля с датой. */\n size?: SizeProp;\n\n /**\n * Значение поля в формате `dd.mm.yyyy`.\n */\n value?: string | null;\n\n /** Меняет визуальное отображение поля на состояние «предупреждение». */\n warning?: boolean;\n\n /** Ширина поля с датой. */\n width?: number | string;\n\n /** Задает функцию, которая вызывается при потере датапикером фокуса. */\n onBlur?: () => void;\n\n /** Задает функцию, вызывающуюся при изменении value.\n * @param value - строка в формате `dd.mm.yyyy`. */\n onValueChange: (value: string) => void;\n\n /** Задает функцию, которая вызывается при получении датапикером фокуса. */\n onFocus?: () => void;\n\n /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */\n onKeyDown?: (e: React.KeyboardEvent<any>) => void;\n\n /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave) */\n onMouseEnter?: (e: React.MouseEvent<any>) => void;\n\n /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n onMouseLeave?: (e: React.MouseEvent<any>) => void;\n\n /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */\n onMouseOver?: (e: React.MouseEvent<any>) => void;\n\n /** Позволяет использовать на мобильных устройствах нативный календарь для выбора дат.\n * На iOS нативный календарь не умеет работать с minDate и maxDate. */\n useMobileNativeDatePicker?: boolean;\n}\n\nexport interface DatePickerState {\n opened: boolean;\n canUseMobileNativeDatePicker: boolean;\n today: CalendarDateShape;\n}\n\nexport const DatePickerDataTids = {\n root: 'DatePicker__root',\n input: 'DatePicker__input',\n label: 'DatePicker__label',\n pickerRoot: 'Picker__root',\n pickerTodayWrapper: 'Picker__todayWrapper',\n} as const;\n\ntype DefaultProps = Required<Pick<DatePickerProps, 'minDate' | 'maxDate'>>;\n\n/**\n * Поле с датой помогает вводить дату с клавиатуры или выбирать её с помощью мыши.\n *\n */\n@withRenderEnvironment\n@responsiveLayout\n@rootNode\n@locale('DatePicker', DatePickerLocaleHelper)\nexport class DatePicker extends React.PureComponent<DatePickerProps, DatePickerState> {\n public static __KONTUR_REACT_UI__ = 'DatePicker';\n public static displayName = 'DatePicker';\n\n public static defaultProps: DefaultProps = {\n minDate: MIN_FULLDATE,\n maxDate: MAX_FULLDATE,\n };\n\n private getProps = createPropsGetter(DatePicker.defaultProps);\n private emotion!: Emotion;\n private styles!: ReturnType<typeof getStyles>;\n private theme!: Theme;\n private readonly locale!: DatePickerLocale;\n private canOpenPopup = true;\n\n public static validate = (value: Nullable<string>, range: { minDate?: string; maxDate?: string } = {}): boolean => {\n if (!value) {\n return false;\n }\n\n const { minDate = MIN_FULLDATE, maxDate = MAX_FULLDATE } = range;\n const internalDate = new InternalDate({\n order: InternalDateOrder.DMY,\n separator: InternalDateSeparator.Dot,\n })\n .setRangeStart(new InternalDate({ value: minDate }))\n .setRangeEnd(new InternalDate({ value: maxDate }))\n .parseValue(value);\n\n return internalDate.validate({\n checks: [\n InternalDateValidateCheck.NotNull,\n InternalDateValidateCheck.Number,\n InternalDateValidateCheck.Native,\n InternalDateValidateCheck.Limits,\n InternalDateValidateCheck.Range,\n ],\n });\n };\n\n public state: DatePickerState = { opened: false, canUseMobileNativeDatePicker: false, today: getTodayDate() };\n\n private input: DateInput | null = null;\n private focused = false;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private isMobileLayout!: boolean;\n\n public componentDidMount() {\n if (this.props.useMobileNativeDatePicker && isMobile) {\n this.setState({\n canUseMobileNativeDatePicker: true,\n });\n }\n if (this.props.autoFocus) {\n this.focus();\n }\n }\n\n public componentDidUpdate(prevProps: DatePickerProps, prevState: DatePickerState) {\n const { disabled } = this.props;\n const { opened } = this.state;\n if (disabled && opened) {\n this.close();\n }\n\n if (prevState.opened && !opened && this.isMobileLayout) {\n this.handleBlur();\n }\n }\n\n /**\n * Программно снимает фокус с поля.\n * @public\n */\n public blur(): void {\n if (this.input) {\n this.input.blur();\n }\n this.handleBlur();\n }\n\n /**\n * Программно устанавливает фокус на поле.\n * @public\n */\n public focus(opts?: { withoutOpenDropdown?: boolean }): void {\n if (this.props.disabled) {\n return;\n }\n\n if (opts?.withoutOpenDropdown) {\n this.canOpenPopup = false;\n }\n\n if (this.input) {\n this.input.focus();\n }\n }\n\n /**\n * Закрывает раскрывающийся блок календаря с выбором дня.\n * @public\n */\n public close(): void {\n this.setState({ opened: false });\n }\n\n public render(): React.JSX.Element {\n this.styles = getStyles(this.emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n\n return (\n <ThemeContext.Provider value={getDatePickerTheme(theme)}>\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n {this.renderMain}\n </CommonWrapper>\n </ThemeContext.Provider>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public renderMain = (props: CommonWrapperRestProps<DatePickerProps>): React.JSX.Element => {\n let picker = null;\n\n const { minDate, maxDate, menuPos, menuAlign } = this.getProps();\n\n const isMobile = this.isMobileLayout;\n\n if (this.state.opened) {\n if (isMobile) {\n picker = (\n <MobilePicker\n value={this.props.value}\n minDate={this.parseValueToDate(minDate)}\n maxDate={this.parseValueToDate(maxDate)}\n onValueChange={this.props.onValueChange}\n enableTodayLink={this.props.enableTodayLink}\n isHoliday={this.props.isHoliday}\n onCloseRequest={this.handleMobileCloseRequest}\n renderDay={props.renderDay}\n onMonthChange={props.onMonthChange}\n />\n );\n } else {\n picker = (\n <LocaleContext.Provider\n value={{\n locale: {\n Calendar: {\n months: this.locale.months,\n dayCellChooseDateAriaLabel: this.locale.dayCellChooseDateAriaLabel,\n selectMonthAriaLabel: this.locale.selectMonthAriaLabel,\n selectYearAriaLabel: this.locale.selectYearAriaLabel,\n selectChosenAriaLabel: this.locale.selectChosenAriaLabel,\n },\n },\n }}\n >\n <Popup\n opened\n hasShadow\n priority={ZIndex.priorities.PopupMenu}\n positions={getMenuPositions(menuPos, menuAlign)}\n data-tid={DatePickerDataTids.root}\n anchorElement={this.getParent()}\n margin={parseInt(this.theme.datePickerMenuOffsetY)}\n >\n <div\n data-tid={DatePickerDataTids.pickerRoot}\n className={this.styles.calendarWrapper(this.theme)}\n onMouseDown={(e) => e.preventDefault()}\n >\n <Calendar\n maxDate={this.parseValueToDate(maxDate)}\n minDate={this.parseValueToDate(minDate)}\n onValueChange={this.handleValueChange}\n isHoliday={this.props.isHoliday}\n value={this.parseValueToDate(this.props.value)}\n renderDay={this.props.renderDay}\n onMonthChange={this.props.onMonthChange}\n />\n {this.props.enableTodayLink && this.renderTodayLink()}{' '}\n </div>\n </Popup>\n </LocaleContext.Provider>\n );\n }\n }\n return (\n <label\n className={this.styles.root()}\n style={this.getRootStyle()}\n onMouseEnter={this.props.onMouseEnter}\n onMouseLeave={this.props.onMouseLeave}\n onMouseOver={this.props.onMouseOver}\n data-tid={DatePickerDataTids.label}\n >\n <DateInput\n id={this.props.id}\n {...filterProps(props, INPUT_PASS_PROPS)}\n ref={this.getInputRef}\n value={this.props.value || ''}\n width=\"100%\"\n withIcon\n minDate={minDate}\n maxDate={maxDate}\n onBlur={isMobile ? undefined : this.handleBlur}\n onFocus={this.handleFocus}\n onValueChange={this.props.onValueChange}\n onClick={this.openPickerPopup}\n onKeyDown={this.handleKeyDown}\n data-tid={DatePickerDataTids.input}\n />\n {this.state.canUseMobileNativeDatePicker ? (\n <NativeDateInput\n onValueChange={this.props.onValueChange}\n value={this.props.value || ''}\n minDate={minDate}\n maxDate={maxDate}\n disabled={this.props.disabled}\n />\n ) : (\n picker\n )}\n </label>\n );\n };\n\n private parseValueToDate(value?: Nullable<string>): string | undefined {\n if (value === undefined || value === null) {\n return undefined;\n }\n\n const date = new InternalDate({ value });\n if (date.validate({ checks: [InternalDateValidateCheck.NotNull, InternalDateValidateCheck.Native] })) {\n return date.toString({ withPad: true });\n }\n\n return undefined;\n }\n\n private renderTodayLink() {\n const { order, separator } = this.locale;\n const today = new InternalDate({ order, separator })\n .setComponents(InternalDateGetter.getTodayComponents())\n .toString({ withPad: true, withSeparator: true });\n\n return (\n <div style={{ margin: 8 }}>\n <Button\n aria-label={this.locale.todayAriaLabel}\n data-tid={DatePickerDataTids.pickerTodayWrapper}\n width=\"100%\"\n onClick={() => {\n this.handleSelect(today);\n }}\n icon={<ArrowAUpIcon16Light />}\n >\n {this.locale.today}\n </Button>\n </div>\n );\n }\n\n public getParent = (): Nullable<Element> => {\n return getRootNode(this);\n };\n\n private getRootStyle = () => {\n const { width } = this.props;\n return isNonNullable(width) ? { width } : { minWidth: MIN_WIDTH };\n };\n\n private getInputRef = (ref: DateInput | null) => {\n this.input = ref;\n };\n\n private openPickerPopup = () => {\n this.setState({ opened: true });\n };\n\n private handleFocus = () => {\n if (this.focused) {\n return;\n }\n\n if (!this.canOpenPopup) {\n this.canOpenPopup = true;\n } else {\n this.openPickerPopup();\n }\n\n this.focused = true;\n\n if (this.props.onFocus) {\n this.props.onFocus();\n }\n };\n\n private handleKeyDown = (e: React.KeyboardEvent) => {\n if (!this.state.opened) {\n this.openPickerPopup();\n }\n\n if (this.props.onKeyDown) {\n this.props.onKeyDown(e);\n }\n };\n\n private handleBlur = () => {\n if (!this.focused) {\n return;\n }\n\n this.focused = false;\n this.close();\n\n if (this.props.onBlur) {\n this.props.onBlur();\n }\n };\n\n private handleValueChange = (value: string) => {\n this.handleSelect(value);\n this.blur();\n };\n\n private handleSelect = (value: string | null) => {\n if (!value) {\n return null;\n }\n\n if (this.props.onValueChange) {\n this.props.onValueChange(value);\n }\n };\n\n private handleMobileCloseRequest = () => {\n this.close();\n };\n}\n"]}
@@ -0,0 +1,4 @@
1
+ export declare const calendarRoot: string;
2
+ export declare const getStyles: (_emotion?: unknown) => {
3
+ [x: string]: (...args: unknown[]) => string;
4
+ };
@@ -0,0 +1,4 @@
1
+
2
+ import { bindStaticStyles as _b9cd9 } from '../../lib/theming/bindStaticStyles.js';
3
+ export var calendarRoot = 'react-ui-MobilePicker__calendarRoot';
4
+ export var getStyles = _b9cd9({calendarRoot:'react-ui-MobilePicker__calendarRoot'});
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MobilePicker.css.js","sourceRoot":"","sources":["MobilePicker.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;AAErD,MAAM,CAAC,IAAM,SAAS,GAAG,YAAY,CAAC,EAAE,YAAY,cAAA,EAAE,CAAC,CAAC","sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { exportStyles } from '../../lib/theming/vanilla.js';\n\nexport const calendarRoot = style({ width: 'auto' });\n\nexport const getStyles = exportStyles({ calendarRoot });\n"]}
@@ -9,7 +9,7 @@ import { Calendar } from '../Calendar/index.js';
9
9
  import { DateInput } from '../DateInput/index.js';
10
10
  import { getMobilePickerTheme } from './getMobilePickerTheme.js';
11
11
  import { DatePickerLocaleHelper } from './locale/index.js';
12
- import { getStyles } from './MobilePicker.styles.js';
12
+ import { getStyles } from './MobilePicker.css.js';
13
13
  export var MobilePickerDataTids = {
14
14
  input: 'MobilePicker__input',
15
15
  today: 'MobilePicker__today',
@@ -1 +1 @@
1
- {"version":3,"file":"MobilePicker.js","sourceRoot":"","sources":["MobilePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useLayoutEffect, useRef, useState } from 'react';\n\nimport { MobilePopup } from '../../internal/MobilePopup/index.js';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl.js';\nimport { useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { Button } from '../Button/index.js';\nimport { getMonthInHumanFormat, getTodayDate } from '../Calendar/CalendarUtils.js';\nimport { Calendar } from '../Calendar/index.js';\nimport { DateInput } from '../DateInput/index.js';\nimport type { DatePickerProps } from './DatePicker.js';\nimport { getMobilePickerTheme } from './getMobilePickerTheme.js';\nimport { DatePickerLocaleHelper } from './locale/index.js';\nimport { getStyles } from './MobilePicker.styles.js';\n\nexport const MobilePickerDataTids = {\n input: 'MobilePicker__input',\n today: 'MobilePicker__today',\n} as const;\n\nexport interface MobilePickerProps extends Pick<\n DatePickerProps,\n | 'error'\n | 'warning'\n | 'value'\n | 'minDate'\n | 'maxDate'\n | 'onValueChange'\n | 'isHoliday'\n | 'enableTodayLink'\n | 'renderDay'\n | 'onMonthChange'\n> {\n onCloseRequest?: () => void;\n}\n\nexport const MobilePicker: React.FC<MobilePickerProps> = (props) => {\n const locale = useLocaleForControl('DatePicker', DatePickerLocaleHelper);\n const styles = useStyles(getStyles);\n const theme = getMobilePickerTheme(useContext(ThemeContext));\n\n const calendarRef = useRef<Calendar>(null);\n const inputRef = useRef<DateInput>(null);\n\n const [{ month: monthNative, year }] = useState(() => getTodayDate());\n const month = getMonthInHumanFormat(monthNative);\n\n const onValueChange = (date: string) => {\n props.onValueChange?.(date);\n props.onCloseRequest?.();\n };\n\n useLayoutEffect(() => {\n // fix DateInput flushSync warning in React 18\n setTimeout(() => {\n inputRef.current?.focus();\n });\n }, []);\n\n const onTodayClick = () => {\n if (calendarRef.current) {\n calendarRef.current.scrollToMonth(month, year);\n }\n };\n\n return (\n <ThemeContext.Provider value={theme}>\n <MobilePopup\n opened\n verticalAlign={'center'}\n headerChildComponent={\n <DateInput\n value={props.value || ''}\n width=\"100%\"\n withIcon\n ref={inputRef}\n minDate={props.minDate}\n maxDate={props.maxDate}\n onValueChange={props.onValueChange}\n size=\"medium\"\n warning={props.warning}\n error={props.error}\n data-tid={MobilePickerDataTids.input}\n />\n }\n footerChildComponent={\n props.enableTodayLink && (\n <Button size=\"medium\" onClick={onTodayClick} data-tid={MobilePickerDataTids.today}>\n {locale.today}\n </Button>\n )\n }\n onCloseRequest={props.onCloseRequest}\n >\n <Calendar\n ref={calendarRef}\n value={props.value}\n className={styles.calendarRoot()}\n minDate={props.minDate}\n maxDate={props.maxDate}\n onValueChange={onValueChange}\n isHoliday={props.isHoliday}\n renderDay={props.renderDay}\n onMonthChange={props.onMonthChange}\n />\n </MobilePopup>\n </ThemeContext.Provider>\n );\n};\n"]}
1
+ {"version":3,"file":"MobilePicker.js","sourceRoot":"","sources":["MobilePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useLayoutEffect, useRef, useState } from 'react';\n\nimport { MobilePopup } from '../../internal/MobilePopup/index.js';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl.js';\nimport { useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { Button } from '../Button/index.js';\nimport { getMonthInHumanFormat, getTodayDate } from '../Calendar/CalendarUtils.js';\nimport { Calendar } from '../Calendar/index.js';\nimport { DateInput } from '../DateInput/index.js';\nimport type { DatePickerProps } from './DatePicker.js';\nimport { getMobilePickerTheme } from './getMobilePickerTheme.js';\nimport { DatePickerLocaleHelper } from './locale/index.js';\nimport { getStyles } from './MobilePicker.css.js';\n\nexport const MobilePickerDataTids = {\n input: 'MobilePicker__input',\n today: 'MobilePicker__today',\n} as const;\n\nexport interface MobilePickerProps extends Pick<\n DatePickerProps,\n | 'error'\n | 'warning'\n | 'value'\n | 'minDate'\n | 'maxDate'\n | 'onValueChange'\n | 'isHoliday'\n | 'enableTodayLink'\n | 'renderDay'\n | 'onMonthChange'\n> {\n onCloseRequest?: () => void;\n}\n\nexport const MobilePicker: React.FC<MobilePickerProps> = (props) => {\n const locale = useLocaleForControl('DatePicker', DatePickerLocaleHelper);\n const styles = useStyles(getStyles);\n const theme = getMobilePickerTheme(useContext(ThemeContext));\n\n const calendarRef = useRef<Calendar>(null);\n const inputRef = useRef<DateInput>(null);\n\n const [{ month: monthNative, year }] = useState(() => getTodayDate());\n const month = getMonthInHumanFormat(monthNative);\n\n const onValueChange = (date: string) => {\n props.onValueChange?.(date);\n props.onCloseRequest?.();\n };\n\n useLayoutEffect(() => {\n // fix DateInput flushSync warning in React 18\n setTimeout(() => {\n inputRef.current?.focus();\n });\n }, []);\n\n const onTodayClick = () => {\n if (calendarRef.current) {\n calendarRef.current.scrollToMonth(month, year);\n }\n };\n\n return (\n <ThemeContext.Provider value={theme}>\n <MobilePopup\n opened\n verticalAlign={'center'}\n headerChildComponent={\n <DateInput\n value={props.value || ''}\n width=\"100%\"\n withIcon\n ref={inputRef}\n minDate={props.minDate}\n maxDate={props.maxDate}\n onValueChange={props.onValueChange}\n size=\"medium\"\n warning={props.warning}\n error={props.error}\n data-tid={MobilePickerDataTids.input}\n />\n }\n footerChildComponent={\n props.enableTodayLink && (\n <Button size=\"medium\" onClick={onTodayClick} data-tid={MobilePickerDataTids.today}>\n {locale.today}\n </Button>\n )\n }\n onCloseRequest={props.onCloseRequest}\n >\n <Calendar\n ref={calendarRef}\n value={props.value}\n className={styles.calendarRoot()}\n minDate={props.minDate}\n maxDate={props.maxDate}\n onValueChange={onValueChange}\n isHoliday={props.isHoliday}\n renderDay={props.renderDay}\n onMonthChange={props.onMonthChange}\n />\n </MobilePopup>\n </ThemeContext.Provider>\n );\n};\n"]}
@@ -1,2 +1 @@
1
- import type { Theme } from '../../lib/theming/Theme.js';
2
- export declare const getMobilePickerTheme: (theme: Theme) => Theme;
1
+ export declare const getMobilePickerTheme: (theme: Readonly<typeof import("../../internal/themes/BasicTheme.js").BasicThemeClass>) => Readonly<typeof import("../../internal/themes/BasicTheme.js").BasicThemeClass>;